:root{--ink:#101828;--navy:#17233d;--blue:#2e5bff;--blue-dark:#1944d8;--sky:#dce7ff;--paper:#f2f4f8;--white:#fff;--coral:#ff715b;--amber:#a85b00;--amber-soft:#fff4de;--line:#d5dbe5;--muted:#647084;--green:#167a5b;--green-soft:#e4f5ee;--sans:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--serif:Georgia,"Times New Roman",serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.45}.mobile-head{display:none}.app-rail{position:fixed;inset:0 auto 0 0;width:250px;padding:30px 24px;background:var(--ink);color:#fff;display:flex;flex-direction:column;z-index:5}.app-brand img{display:block;width:120px;height:auto}.app-rail>p{margin:10px 0 0;color:#8290a8;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase}.app-rail nav{display:grid;gap:4px;margin:78px 0 30px}.app-rail nav a{padding:12px 13px;display:flex;gap:14px;align-items:center;border-radius:3px;text-decoration:none;color:#9eabc0;font-size:.82rem}.app-rail nav a span{font-size:.58rem;letter-spacing:.1em}.app-rail nav a.active{background:var(--blue);color:#fff}.sample-person{margin-top:auto;padding:18px 0;border-top:1px solid rgba(255,255,255,.13);display:flex;gap:11px;align-items:center}.sample-person>i{width:38px;height:38px;border-radius:50%;background:var(--sky);color:var(--ink);display:grid;place-items:center;font-style:normal;font-size:.65rem;font-weight:800}.sample-person b,.sample-person small{display:block}.sample-person b{font-size:.78rem}.sample-person small{color:#8695ad;font-size:.65rem}.exit-link{color:#8e9cb1;text-decoration:none;font-size:.72rem}.app-main{margin-left:250px;padding:0 clamp(22px,4vw,58px) 35px;max-width:1650px}.demo-banner{margin:0 calc(clamp(22px,4vw,58px) * -1);padding:10px clamp(22px,4vw,58px);background:var(--coral);display:flex;gap:18px;align-items:center;font-size:.7rem}.demo-banner strong{letter-spacing:.1em}.app-top{padding:34px 0 25px;display:flex;justify-content:space-between;align-items:flex-end}.app-top p,.welcome p{margin:0 0 5px;color:var(--blue);font-size:.63rem;font-weight:800;letter-spacing:.13em}.app-top h1{margin:0;font:400 2.35rem var(--serif);letter-spacing:-.045em}.permission{padding:9px 13px;border:1px solid var(--line);background:#fff;display:flex;gap:9px;align-items:center}.permission>span{width:8px;height:8px;border-radius:50%;background:var(--green)}.permission b,.permission small{display:block}.permission b{font-size:.68rem}.permission small{color:var(--muted);font-size:.58rem}.welcome{padding:29px 32px;background:var(--blue);color:#fff;display:flex;justify-content:space-between;align-items:center}.welcome p{color:#c9d5ff}.welcome h2{margin:3px 0;font:400 2.2rem var(--serif)}.welcome>div>span{color:#d9e2ff;font-size:.82rem}.step-count{padding-left:25px;border-left:1px solid rgba(255,255,255,.28);display:flex;gap:12px;align-items:center}.step-count strong{font:400 3.8rem/1 var(--serif)}.step-count span{font-size:.58rem;letter-spacing:.1em;color:#cbd7ff}.app-grid{margin-top:18px;display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.app-grid>section{padding:25px;background:#fff;border:1px solid var(--line)}.panel-label{padding-bottom:15px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font-size:.62rem;font-weight:800;letter-spacing:.11em}.panel-label i{font-style:normal;color:var(--muted);font-size:.55rem}.next-panel{min-height:310px;background:var(--sky)!important;display:flex;flex-direction:column}.next-panel h2{max-width:650px;margin:28px 0 7px;font:400 2.6rem/1.05 var(--serif);letter-spacing:-.04em}.next-panel>p{margin:0;color:#4e5e79}.next-panel button{min-width:250px;align-self:flex-start;margin-top:auto;padding:14px 17px;border:0;border-radius:3px;background:var(--blue);color:#fff;font-weight:800;display:flex;justify-content:space-between;cursor:pointer}.next-panel button:hover{background:var(--blue-dark)}.next-panel button:disabled{background:#7e8caa;cursor:default}.next-panel>small{margin-top:12px;color:#596881;font-size:.67rem}.fee{padding:23px 0;display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid var(--line)}.fee span{color:var(--muted);font-size:.78rem}.fee strong{font:400 1.8rem var(--serif)}.fee.local{padding:18px 0}.fee.local strong{font-size:1.35rem}.cost-panel>p{color:var(--muted);font-size:.72rem}.not-paid{margin-top:15px;padding:11px 13px;background:#fff0ed;color:#7a2f24;font-size:.7rem;font-weight:750}.plan-panel ol{list-style:none;margin:24px 0 0;padding:0;display:grid;grid-template-columns:repeat(6,1fr)}.plan-panel li{min-width:0;position:relative;padding-right:8px}.plan-panel li::before{content:"";position:absolute;top:15px;left:30px;right:0;height:2px;background:var(--line)}.plan-panel li:last-child::before{display:none}.plan-panel li>i{position:relative;z-index:1;width:30px;height:30px;border:1px solid var(--line);border-radius:50%;background:#fff;display:grid;place-items:center;font-style:normal;font-size:.65rem}.plan-panel li.active>i{background:var(--coral);border-color:var(--coral);font-weight:800}.plan-panel li.done>i{background:#dff3eb;border-color:#dff3eb;color:var(--green);font-size:0}.plan-panel li.done>i::before{content:"✓";font-size:.72rem}.plan-panel li span{display:block;margin-top:10px;padding-right:8px}.plan-panel li b,.plan-panel li small{display:block}.plan-panel li b{font-size:.68rem}.plan-panel li small{margin-top:4px;color:var(--muted);font-size:.57rem}.privacy-panel ul{list-style:none;margin:20px 0;padding:0}.privacy-panel li{padding:10px 0;border-bottom:1px solid var(--line);font-size:.75rem}.privacy-panel li span{display:inline-block;width:22px;color:var(--green);font-weight:800}.privacy-panel li.private span{color:var(--coral)}.privacy-panel>p{margin:16px 0 0;padding:12px;background:var(--paper);color:var(--muted);font-size:.69rem}.app-safety{margin-top:22px;color:var(--muted);font-size:.68rem}.app-safety span{float:right;color:#8a95a7}
.recovery-panel{grid-column:1/-1;background:#f8faff!important}.recovery-copy{padding-top:22px;display:grid;grid-template-columns:minmax(220px,.85fr) minmax(420px,1.15fr);gap:42px;align-items:center}.recovery-copy h2{margin:0 0 7px;font:400 1.7rem var(--serif)}.recovery-copy p{max-width:540px;margin:0;color:var(--muted);font-size:.76rem}.recovery-copy ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.recovery-copy li{position:relative;padding:15px 12px;background:#fff;border:1px solid var(--line);display:flex;gap:9px;align-items:center}.recovery-copy li:not(:last-child)::after{content:"→";position:absolute;right:-9px;z-index:1;color:var(--blue);font-weight:900}.recovery-copy li span{width:22px;height:22px;border-radius:50%;background:var(--sky);display:grid;place-items:center;color:var(--blue-dark);font-size:.57rem;font-weight:850}.recovery-copy li b{font-size:.67rem}.recovery-panel[data-recovery-state="open"]{background:var(--amber-soft)!important;border-color:#e4bd77}.recovery-panel[data-recovery-state="open"] .panel-label i{color:var(--amber)}.recovery-panel[data-recovery-state="open"] .recovery-copy li:first-child,.recovery-panel[data-recovery-state="open"] .recovery-copy li:nth-child(2){border-color:#d79a3c}.recovery-panel[data-recovery-state="resolved"]{background:var(--green-soft)!important;border-color:#9fcfbc}.recovery-panel[data-recovery-state="resolved"] .panel-label i{color:var(--green)}.recovery-panel[data-recovery-state="resolved"] .recovery-copy li{border-color:#9fcfbc}.recovery-panel[data-recovery-state="resolved"] .recovery-copy li span{background:var(--green);color:#fff}
@media(max-width:1050px){.app-rail{position:static;width:auto;height:78px;padding:0 22px;flex-direction:row;align-items:center}.app-rail>p,.app-rail nav,.sample-person{display:none}.exit-link{margin-left:auto}.app-main{margin-left:0}.app-grid{grid-template-columns:1fr}.recovery-copy{grid-template-columns:1fr;gap:20px}}
@media(max-width:700px){.app-rail{display:none}.mobile-head{height:68px;padding:0 18px;background:var(--ink);display:flex;align-items:center;justify-content:space-between}.mobile-head img{display:block;width:105px;height:auto}.mobile-head a:last-child{color:#b4c0d3;font-size:.7rem;text-decoration:none}.demo-banner{flex-direction:column;align-items:flex-start;gap:1px}.app-top{align-items:flex-start}.permission{display:none}.welcome{padding:23px;align-items:flex-start;gap:20px}.welcome h2{font-size:1.7rem}.step-count{padding-left:16px}.step-count strong{font-size:2.9rem}.app-grid>section{padding:20px}.next-panel h2{font-size:2.15rem}.plan-panel ol{grid-template-columns:1fr}.plan-panel li{display:grid;grid-template-columns:36px 1fr;padding:0 0 14px}.plan-panel li::before{width:2px;height:auto;left:14px;top:29px;bottom:0;right:auto}.plan-panel li span{margin-top:3px}.recovery-copy ol{grid-template-columns:1fr}.recovery-copy li:not(:last-child)::after{content:"↓";right:12px;bottom:-13px}.app-safety span{display:block;float:none;margin-top:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}