/* Platinum programme page (/platinum): extras on top of creative.css and websites.css. Dark charcoal hero with a brushed-platinum accent, then the same white theme. No inline styles. */
:root{--charcoal:#141613;--plat-1:#f4f5f2;--plat-2:#c9cdc6;--plat-3:#8e948b;--metal:linear-gradient(100deg,#f7f8f5 0%,#c9cdc6 28%,#ffffff 46%,#a9afa6 70%,#eef0ec 100%)}
/* creative.css and this file set display on these elements, so the hidden attribute needs restating */
#main [hidden]{display:none!important}
.p-metal{background:var(--metal);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:800}

/* Hero */
.p-hero{position:relative;overflow:hidden;padding:80px 0 88px;background:radial-gradient(55% 70% at 88% 12%,rgba(201,205,198,.22),transparent 70%),radial-gradient(45% 60% at 70% 100%,rgba(212,248,107,.14),transparent 70%),var(--charcoal);color:var(--plat-1)}
.p-hero::after{content:'';position:absolute;inset:auto 0 0;height:1px;background:var(--metal);opacity:.5}
.p-kicker{display:inline-flex;align-items:center;gap:12px;margin-bottom:18px;padding:6px 14px 6px 6px;border-radius:999px;border:1px solid rgba(201,205,198,.28);background:rgba(255,255,255,.04);font:600 12px/1.6 ui-monospace,Consolas,monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--plat-2)}
.p-kicker .p-metal{padding:3px 12px;border-radius:999px;background:var(--metal);color:var(--charcoal);-webkit-background-clip:border-box;background-clip:border-box;letter-spacing:.14em}
.p-hero h1{color:#fff}
.p-hero .c-lead{color:var(--plat-1)}
.p-hero .c-sub{color:var(--plat-2)}
.p-btn-glass{background:rgba(255,255,255,.06);color:#fff;border-color:rgba(201,205,198,.35);box-shadow:none}
.p-btn-glass:hover{background:rgba(255,255,255,.12)}
.p-visual{display:grid;gap:18px;min-width:0}
.p-chat{padding:22px;border-radius:var(--r-panel);background:rgba(255,255,255,.05);border:1px solid rgba(201,205,198,.22);box-shadow:0 30px 80px -40px rgba(0,0,0,.8)}
.p-q{justify-self:end;margin-left:auto;width:fit-content;max-width:85%;padding:10px 16px;border-radius:16px 16px 4px 16px;background:var(--lime);color:var(--ink);font-weight:600;font-size:16px}
.p-a{margin-top:16px;padding:16px 18px;border-radius:16px 16px 16px 4px;background:rgba(255,255,255,.07);border:1px solid rgba(201,205,198,.16)}
.p-a-label{font:600 11px/1.6 ui-monospace,Consolas,monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--plat-3);margin-bottom:10px}
.p-a ol{margin:0;padding:0;list-style:none;display:grid;gap:8px;counter-reset:ans}
.p-a li{counter-increment:ans;display:grid;grid-template-columns:28px 1fr;column-gap:10px;align-items:center;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.04);font-size:14px;color:var(--plat-2)}
.p-a li::before{content:counter(ans);grid-row:span 2;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.08);font-weight:700;color:var(--plat-1)}
.p-a li strong{color:var(--plat-1);font-size:15px}
.p-a li span{font-size:13px}
.p-a .p-you{background:linear-gradient(100deg,rgba(212,248,107,.2),rgba(255,255,255,.06));border:1px solid rgba(212,248,107,.45)}
.p-a .p-you::before{background:var(--lime);color:var(--ink)}
.p-a .p-you span{color:var(--lime)}
.p-track{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,1fr);gap:6px;font-size:12px;color:var(--plat-3);text-align:center}
.p-track li{display:flex;flex-direction:column;gap:8px;align-items:center}
.p-track li::before{content:'';width:100%;height:6px;border-radius:6px;background:rgba(255,255,255,.12)}
.p-track .p-done::before{background:var(--metal)}
.p-track .p-now{color:var(--lime)}
.p-track .p-now::before{background:var(--lime)}

/* Worries */
.p-worries{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:30px}
.p-worries li{padding:24px 22px;border-radius:var(--r-panel);background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}
.p-worries li::before{content:'';display:block;width:34px;height:4px;border-radius:4px;background:var(--metal);box-shadow:inset 0 0 0 1px rgba(25,38,30,.12);margin-bottom:16px}
.p-worries h3{margin-bottom:8px}
.p-worries p{color:var(--muted);font-size:15px}

/* Quick check */
.p-check{display:grid;gap:10px}
.p-check label{display:flex;gap:14px;align-items:flex-start;padding:14px 18px;border-radius:12px;background:#fff;border:1px solid var(--line);font-size:16px;cursor:pointer;transition:border-color .2s,background .2s}
.p-check input{flex:none;width:20px;height:20px;margin:2px 0 0;accent-color:var(--green)}
.p-check label:has(input:checked){border-color:var(--green);background:var(--lime-soft)}
.p-score{margin-top:28px;padding:24px;border-radius:var(--r-panel);background:var(--charcoal);color:var(--plat-1);display:grid;gap:12px;justify-items:start}
.p-score-num{font-size:15px;color:var(--plat-2)}
.p-score-num strong{font-size:52px;line-height:1;letter-spacing:-.04em;color:#fff;margin-right:6px}
.p-score-text{font-size:17px}

/* Months */
.p-months{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:30px}
.p-months>li{display:flex;flex-direction:column;gap:10px;padding:26px 24px;border-radius:var(--r-panel);background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}
.p-month{font:600 12px/1.6 ui-monospace,Consolas,monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--green)}
.p-months>li>p:not(.p-month){color:var(--muted);font-size:15px}
.p-months ul{margin:4px 0 0;padding:14px 0 0;border-top:1px solid var(--line);list-style:none;display:grid;gap:8px}
.p-months ul li{position:relative;padding-left:22px;font-size:15px}
.p-months ul li::before{content:'';position:absolute;left:2px;top:8px;width:9px;height:9px;border-radius:50%;background:var(--lime);border:1px solid rgba(25,38,30,.25)}

/* Package */
.p-package{display:grid;grid-template-columns:.75fr 1.25fr;margin-top:30px;border-radius:var(--r-panel);overflow:hidden;border:1px solid #b9bfb6;background:#fff;box-shadow:var(--shadow)}
.p-package-main{display:flex;flex-direction:column;gap:12px;padding:34px 30px;background:radial-gradient(80% 60% at 20% 0%,rgba(201,205,198,.25),transparent 70%),var(--charcoal);color:var(--plat-1)}
.p-package-main .p-tier{font:600 13px/1.6 ui-monospace,Consolas,monospace;letter-spacing:.2em;text-transform:uppercase}
.p-package-main .p-amount{font-size:60px;font-weight:800;letter-spacing:-.05em;line-height:1;color:#fff}
.p-package-main .p-amount span{font-size:16px;font-weight:500;letter-spacing:0;color:var(--plat-2);margin-left:8px}
.p-package-main .p-monthly{font-weight:600;color:var(--lime)}
.p-package-main p{font-size:15px}
.p-package-main .c-fine{color:var(--plat-2);margin-top:4px}
.p-package-main .c-btn{align-self:flex-start;margin-top:6px}
.p-incl{display:grid;grid-template-columns:1fr 1fr;gap:26px 30px;padding:34px 30px}
.p-incl h3{margin-bottom:12px}
.p-incl .w-list{padding:0}
.p-incl .w-list li{font-size:15px}

/* Honest promise */
.p-honest{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:30px}
.p-can,.p-cant{padding:28px 26px;border-radius:var(--r-panel);border:1px solid var(--line)}
.p-can{background:linear-gradient(160deg,var(--lime-soft),#fff 70%)}
.p-cant{background:var(--surface)}
.p-can h3,.p-cant h3{margin-bottom:14px}
.p-cant ul{margin:0;padding:0;list-style:none;display:grid;gap:10px}
.p-cant li{position:relative;padding:12px 16px 12px 44px;border-radius:12px;background:#fff;border:1px solid var(--line);font-size:15px}
.p-cant li::before,.p-cant li::after{content:'';position:absolute;left:18px;top:24px;width:14px;height:2.5px;border-radius:2px;background:#9a4a3c;transform:rotate(45deg)}
.p-cant li::after{transform:rotate(-45deg)}
.p-cant>p{margin-top:16px;font-weight:600}

/* Fit */
.p-fit{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:30px}
.p-fit>div{padding:28px 26px;border-radius:var(--r-panel);background:#fff;border:1px solid var(--line)}
.p-fit h3{margin-bottom:14px}
.p-fit .w-list{padding:0}
.p-not{margin:0;padding:0;list-style:none;display:grid;gap:11px}
.p-not li{position:relative;padding-left:30px;font-size:16px;color:var(--muted)}
.p-not li::before{content:'';position:absolute;left:3px;top:12px;width:14px;height:2.5px;border-radius:2px;background:var(--plat-3)}

/* Month-one exit */
.p-exit{background:linear-gradient(135deg,rgba(201,205,198,.45),rgba(242,249,220,.8))}
.p-exit .w-seal{border-color:var(--charcoal);color:var(--charcoal);font-size:14px}

/* Apply form */
.p-steps{list-style:none;padding:0;margin-top:26px;display:grid;gap:10px}
.p-steps li{display:flex;align-items:center;gap:12px;color:var(--muted);font-weight:600}
.p-steps span{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;border:1px solid var(--line);background:#fff;font-size:14px}
.p-steps li[aria-current]{color:var(--ink)}
.p-steps li[aria-current] span{background:var(--lime);border-color:rgba(25,38,30,.15)}
.p-intake{padding:28px;border-radius:var(--r-panel);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);min-width:0}
.p-status{font:600 12px/1.6 ui-monospace,Consolas,monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--green)}
.p-intake .c-form{margin-top:14px}
.p-intake .c-form .c-btn{justify-self:start}
.p-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.p-intake select{width:100%;font:inherit;font-weight:400;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink)}
.p-boxes{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px}
.p-boxes .c-check{font-size:15px}
.p-honey{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.p-form-actions{display:flex;flex-wrap:wrap;gap:12px}
.p-btn-ghost{background:#fff;box-shadow:none;border-color:var(--line)}
.p-error{padding:12px 16px;border-radius:12px;background:#fdecea;border:1px solid #e8b4ab;color:#7a2618;font-size:15px}
.p-finish{display:grid;gap:12px;padding:8px 0}
.p-finish a{font-weight:700;color:var(--green)}
.p-privacy{display:grid;gap:14px;max-width:820px}
.p-privacy p{color:var(--muted);font-size:15px}

@media (max-width:1060px){.p-worries{grid-template-columns:repeat(2,1fr)}.p-months{grid-template-columns:repeat(2,1fr)}.p-package{grid-template-columns:1fr}}
@media (max-width:860px){.p-hero{padding:56px 0 64px}.p-honest,.p-fit{grid-template-columns:1fr}}
@media (max-width:560px){.p-worries,.p-months,.p-incl,.p-grid,.p-boxes{grid-template-columns:1fr}.p-package-main .p-amount{font-size:48px}.p-package-main,.p-incl{padding:26px 22px}.p-intake{padding:22px 18px}.p-track{font-size:10px}.p-kicker{letter-spacing:.1em}}
@media (prefers-reduced-motion:reduce){.p-check label{transition:none}}
