@font-face{font-family:Inter;src:url(fonts/Inter-var.woff2) format("woff2");font-weight:400 800;font-style:normal;font-display:swap}
@font-face{font-family:"Space Mono";src:url(fonts/SpaceMono-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Space Mono";src:url(fonts/SpaceMono-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:Excon;src:url(fonts/Excon-Medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:Excon;src:url(fonts/Excon-Bold.woff2) format("woff2");font-weight:700 900;font-style:normal;font-display:swap}
:root{--indigo:#1E2A5A;--indigo-2:#2A3870;--indigo-3:#141D42;--gold:#F4B740;--white:#fff;--ink:#F4F6FC;--muted:#B9C0DF;--line:rgba(255,255,255,.14);--soft:rgba(255,255,255,.06);--err:#A63D2E;--err-tx:#F2A79A;--fail:#A63D2E;--fail-lt:#F2A79A;--pass:#E3E7F6;--page:#121A3C;--glass:rgba(255,255,255,.07);--glass-2:rgba(255,255,255,.12);--chip:#38467F;--line-strong:rgba(255,255,255,.38)}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);background:var(--page);line-height:1.5}
[hidden]{display:none!important}
h1,h2,h3,.grade{font-family:Excon,Inter,system-ui,sans-serif}
.top{background:var(--glass);padding:8px 16px;border-bottom:3px solid var(--gold);display:flex;align-items:center;justify-content:space-between;gap:12px}
.brand{display:inline-flex;align-items:center;text-decoration:none;min-height:44px}.brand img{display:block;height:58px;width:auto}
.top-tag{font-family:"Space Mono",monospace;font-size:11px;font-weight:700;letter-spacing:.14em;color:var(--ink);text-transform:uppercase;text-align:right}
.hero{background:var(--indigo);color:var(--white);padding:26px 20px 34px}
.eyebrow{font-family:"Space Mono",monospace;font-size:12px;letter-spacing:.16em;color:var(--gold);margin:0 0 10px;font-weight:700}
h1{font-size:31px;line-height:1.12;margin:0 0 14px;font-weight:700;letter-spacing:-.01em}
.promise{margin:0 0 14px;font-size:16px;color:#D9DEF0;max-width:34em}
.ticks{margin:0;padding:0;list-style:none;font-size:14px;color:#D9DEF0}
.ticks li{padding-left:22px;position:relative;margin:4px 0}
.ticks li::before{content:"";position:absolute;left:2px;top:8px;width:9px;height:9px;border-radius:50%;background:var(--gold)}
.wrap{max-width:600px;margin:0 auto;padding:0 14px}
#formWrap{padding-top:16px;padding-bottom:120px}
.sec{border:1px solid var(--line);border-radius:16px;margin:0 0 10px;background:var(--glass);overflow:hidden}
.sec.ins{background:var(--soft)}
.sec summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;padding:15px 16px}
.sec summary::-webkit-details-marker,.bk summary::-webkit-details-marker{display:none}
.st{flex:1;min-width:0}.st b{display:block;font-size:16px}.st small{display:block;color:var(--muted);font-size:13px;line-height:1.35}
.cnt{font-family:"Space Mono",monospace;font-size:12px;font-weight:700;background:var(--soft);border:1px solid var(--line);border-radius:99px;padding:3px 9px;white-space:nowrap}
.sec.ins .cnt{background:var(--glass)}
.cnt.done{background:var(--chip);border-color:var(--chip);color:#fff}
.sec summary::after,.bk summary::after{content:"";width:9px;height:9px;border-right:2px solid var(--line-strong);border-bottom:2px solid var(--line-strong);transform:rotate(45deg);margin:-4px 4px 0 2px;transition:transform .2s;flex:none}
.sec[open] summary::after,.bk[open] summary::after{transform:rotate(-135deg);margin-top:4px}
.secbody{padding:2px 16px 8px;border-top:1px solid var(--line)}
.divider{margin:22px 4px 12px;font-size:13px;color:var(--muted)}.divider b{display:block;color:var(--ink);font-size:17px;font-family:Excon,Inter,sans-serif}
.field{margin:16px 0}
label,.q{display:block;font-weight:600;font-size:15px;margin:0 0 8px;line-height:1.35}
.hint{font-weight:400;color:var(--muted);font-size:13px}
input[type=text],select{width:100%;font:inherit;font-size:16px;color:var(--ink);background:var(--soft);border:1.5px solid var(--line);border-radius:12px;padding:11px 13px;outline:none;appearance:none;-webkit-appearance:none}
.sec.ins input[type=text]{background:var(--glass)}
select{background-image:linear-gradient(45deg,transparent 50%,var(--indigo) 50%),linear-gradient(135deg,var(--indigo) 50%,transparent 50%);background-position:calc(100% - 20px) 50%,calc(100% - 14px) 50%;background-size:6px 6px;background-repeat:no-repeat;padding-right:36px}
input:focus,select:focus{border-color:var(--line-strong);background:var(--glass)}
.pre{display:flex;align-items:center;background:var(--soft);border:1.5px solid var(--line);border-radius:12px;padding:0 13px}
.sec.ins .pre{background:var(--glass)}
.pre:focus-within{border-color:var(--line-strong);background:var(--glass)}
.pre span{font-weight:600;color:var(--muted)}
.pre input,.sec.ins .pre input{border:0;background:transparent!important;padding-left:4px;padding-right:4px}
.pre.num{padding-left:0}.pre.num input{padding-left:13px}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{position:relative;margin:0;font-weight:500}
.chip input{position:absolute;opacity:0;pointer-events:none}
.chip span{display:inline-block;padding:9px 13px;border-radius:999px;border:1.5px solid var(--line);background:var(--glass);font-size:14px;cursor:pointer;user-select:none;line-height:1.3}
.chip input:checked+span{background:var(--chip);border-color:var(--chip);color:#fff}
.chip input:focus-visible+span{outline:2px solid var(--line-strong);outline-offset:2px}
.err{color:var(--err-tx);font-size:13px;margin:6px 0 0}.err:empty{display:none}
.fine{text-align:center;color:var(--muted);font-size:14px;margin:18px 0 0}
.linkbtn{font:inherit;background:none;border:0;color:var(--ink);font-weight:700;text-decoration:underline;cursor:pointer;padding:6px 2px}
.dock{position:fixed;left:0;right:0;bottom:0;background:var(--indigo);padding:10px 14px calc(10px + env(safe-area-inset-bottom));box-shadow:0 -6px 20px rgba(20,29,66,.25);z-index:5}
.dock-in{max-width:600px;margin:0 auto;display:flex;gap:12px;align-items:center}
.meter{flex:1;min-width:0;color:#fff}
.meter-top{display:flex;justify-content:space-between;font-size:12px;margin-bottom:5px;gap:8px}
.meter-top b{font-family:"Space Mono",monospace;color:var(--gold)}
.bar{height:8px;border-radius:99px;background:var(--indigo-2);overflow:hidden}
.bar i{display:block;height:100%;width:0;background:var(--gold);border-radius:99px;transition:width .5s ease}
.btn{display:inline-block;text-align:center;font:inherit;font-weight:800;font-size:16px;border-radius:14px;padding:14px 18px;text-decoration:none;cursor:pointer;border:2px solid transparent}
.btn-block{display:block;width:100%}
.btn-gold{background:var(--gold);color:#1E2A5A;white-space:nowrap}
.btn-indigo{background:var(--chip);color:#fff}
.btn-outline{background:transparent;color:var(--ink);border-color:var(--line-strong);margin-top:10px}
.btn-ghost{background:transparent;color:var(--ink);border-color:var(--line);margin:22px auto 0;display:block}
.report{padding-bottom:40px}
.rhead{background:var(--indigo);color:#fff;padding:28px 0 26px}
.rhead h2{font-size:24px;margin:0 0 14px;word-break:break-all}
.dial-wrap{position:relative;width:190px;height:190px;margin:0 auto}
.dial{width:100%;height:100%;transform:rotate(-90deg)}
.dial-track{fill:none;stroke:var(--indigo-2);stroke-width:12}
.dial-arc{fill:none;stroke:var(--gold);stroke-width:12;stroke-linecap:round;stroke-dasharray:326.73;stroke-dashoffset:326.73;transition:stroke-dashoffset 1.1s ease}
.dial-text{position:absolute;inset:0;display:flex;align-items:baseline;padding-top:64px;justify-content:center;font-family:"Space Mono",monospace;font-weight:700}
.dial-text span{font-size:54px;line-height:1}.dial-text small{font-size:16px;color:#C4CAE4;margin-left:2px}
.grade{text-align:center;color:var(--gold);font-weight:700;font-size:24px;margin:8px 0 2px}
.gline{text-align:center;color:#D9DEF0;font-size:15px;margin:0 auto 18px;max-width:28em}
.complete{background:var(--indigo-3);border-radius:14px;padding:12px 14px}
.cnote{font-size:12px;color:#C4CAE4;margin:6px 0 0}
.sumgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}
.sumgrid div{border-radius:12px;padding:8px 4px;text-align:center;font-size:12px;background:var(--indigo-2)}
.sumgrid b{display:block;font-family:"Space Mono",monospace;font-size:20px}
.sumgrid .sp b{color:#fff}.sumgrid .sw b{color:var(--gold)}.sumgrid .sf b{color:var(--fail-lt)}.sumgrid .sn b{color:#AEB5D6}
.rbody{padding-top:6px}
.h3{font-size:20px;margin:26px 0 12px}
.sub{color:var(--muted);font-size:14px;margin:-6px 0 12px}
.fixes{list-style:none;margin:0;padding:0;display:grid;gap:10px;counter-reset:fx}
.fixes li{background:var(--indigo);color:#fff;border-radius:16px;padding:15px 15px 15px 56px;position:relative;counter-increment:fx}
.fixes li::before{content:counter(fx);position:absolute;left:14px;top:15px;width:30px;height:30px;border-radius:50%;background:var(--gold);color:#1E2A5A;font-family:"Space Mono",monospace;font-weight:700;display:flex;align-items:center;justify-content:center}
.fixes h4{margin:2px 0 4px;font-size:16px;line-height:1.3}
.fixes .tag{font-family:"Space Mono",monospace;font-size:11px;letter-spacing:.08em;color:var(--gold);text-transform:uppercase}
.fixes p{margin:4px 0 0;font-size:14px;color:#E4E7F4}
em[class^=st-]{font-style:normal;font-family:"Space Mono",monospace;font-size:10px;font-weight:700;letter-spacing:.08em;border-radius:6px;padding:2px 6px;vertical-align:2px;white-space:nowrap}
.st-pass{background:var(--chip);color:#fff}.st-warn{background:var(--gold);color:#1E2A5A}.st-fail{background:var(--fail);color:#fff}.st-none{background:var(--soft);color:var(--muted);border:1px solid var(--line)}
.fixes .st-pass{background:var(--glass);color:var(--ink)}
.kpis{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.kpi{border:1px solid var(--line);border-radius:14px;padding:10px 11px;border-left-width:5px}
.kpi small{display:block;font-size:12px;color:var(--muted);line-height:1.3}
.kpi b{display:block;font-size:14px;margin-top:3px;line-height:1.3}
.kpi span{display:block;font-size:11px;color:var(--muted);margin-top:2px}
.k-pass{border-left-color:var(--line-strong)}.k-warn{border-left-color:var(--gold)}.k-fail{border-left-color:var(--fail)}.k-none{border-left-color:var(--line);background:var(--soft)}
.bk{border:1px solid var(--line);border-radius:16px;margin:0 0 10px;overflow:hidden}
.bk summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:1fr auto auto;grid-template-areas:"n s c" "m m m";gap:6px 10px;align-items:center;padding:14px 15px}
.bk summary::after{grid-area:c}
.bn{grid-area:n;font-weight:700;font-size:16px;display:flex;gap:8px;align-items:center}
.bn .num{font-family:"Space Mono",monospace;font-size:11px;background:var(--chip);color:#fff;border-radius:6px;padding:1px 6px}
.bs{grid-area:s;font-family:"Space Mono",monospace;font-weight:700;font-size:20px}
.bmeta{grid-area:m;display:flex;align-items:center;gap:10px}.bmeta .bar{flex:1;background:var(--soft)}.bmeta .bar i{background:var(--pass)}
.bmeta small{font-size:12px;color:var(--muted);white-space:nowrap}
.rows{list-style:none;margin:0;padding:0 15px 6px;border-top:1px solid var(--line)}
.rows li{padding:12px 0;border-bottom:1px solid var(--line);position:relative}
.rows li:last-child{border-bottom:0}
.rt{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.rn{font-weight:600;font-size:15px;line-height:1.3}
.rv{font-size:13px;margin-top:3px}.rv b{display:block;font-size:14px}.rv span{color:var(--muted)}
.rf{font-size:13px;margin:6px 0 0;background:var(--soft);border-radius:10px;padding:8px 10px}
.r-none .rn{color:var(--muted)}
.pips{display:flex;gap:3px;margin-top:6px;align-items:center}.pips small{font-size:10px;color:var(--muted);margin-right:4px;font-family:"Space Mono",monospace}.pips i{width:12px;height:4px;border-radius:2px;background:var(--line)}.pips i.on{background:var(--pass)}
.cta{background:var(--gold);color:#1E2A5A;border-radius:18px;padding:20px 18px;margin-top:26px}
.cta h3{margin:0 0 8px;font-size:21px;line-height:1.2}.cta p{margin:0 0 14px;font-size:15px}
.method{font-size:12px;color:var(--muted);margin:22px 0 0}
.foot{background:var(--indigo-3);color:#fff;text-align:center;padding:24px 16px}
.foot p{margin:0;font-family:"Space Mono",monospace;letter-spacing:.16em;font-size:13px;font-weight:700}
.foot .small{font-family:Inter,sans-serif;letter-spacing:0;font-weight:400;color:#C4CAE4;margin-top:6px}
@media (min-width:720px){h1{font-size:44px}.hero{padding:40px 20px 50px;text-align:center}.promise{margin:0 auto 14px}.ticks{display:inline-block;text-align:left}.top{text-align:center}.kpis{grid-template-columns:repeat(3,1fr)}}

/* ---------- Day 3: gate, lock screen, before vs after ---------- */
.panel{min-height:70vh}
.phead{background:var(--indigo);color:#fff;padding:24px 0 30px}
.phead h2{font-size:26px;line-height:1.15;margin:0 0 10px;word-break:break-word}
.psub{margin:0;color:#D9DEF0;font-size:15px}
.pbody{padding-top:18px;padding-bottom:40px}
.pbody .field{margin:0 0 14px}
.pbody label{display:block;font-weight:600;font-size:15px;margin:0 0 6px}
.pbody input[type=text],.pbody input[type=email]{width:100%;font:inherit;font-size:16px;padding:13px 14px;border:1.5px solid var(--line);border-radius:12px;color:var(--ink);background:var(--glass);margin:0 0 8px}
.pbody .pre input{border:0;margin:0;padding-left:4px}
.pbody input:focus{outline:none;border-color:var(--line-strong);box-shadow:0 0 0 3px rgba(244,183,64,.35)}
.consent{display:flex!important;gap:10px;align-items:flex-start;font-weight:400!important;font-size:14px!important;color:var(--ink);margin:6px 0 4px!important;cursor:pointer}
.consent input{width:20px;height:20px;flex:none;margin:1px 0 0;accent-color:var(--indigo)}
.privacy{display:flex;gap:8px;align-items:center;font-size:13px;color:var(--muted);margin:10px 0 16px}
.lock{width:12px;height:10px;border-radius:2px;background:var(--pass);position:relative;flex:none;margin-top:4px}
.lock::before{content:"";position:absolute;left:2px;top:-6px;width:4px;height:5px;border:2px solid var(--line-strong);border-bottom:0;border-radius:5px 5px 0 0}
.err.center{text-align:center}
.opt{border:1px solid var(--line);border-radius:16px;padding:16px;margin:0 0 12px;background:var(--glass)}
.opt h3{font-size:17px;margin:0 0 6px;display:flex;gap:10px;align-items:center}
.opt p{margin:0 0 12px;color:var(--muted);font-size:14px}
.onum{width:26px;height:26px;border-radius:50%;background:var(--chip);color:var(--gold);font-family:"Space Mono",monospace;font-size:13px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;flex:none}
#optClient{border-color:var(--line-strong);border-width:2px}
.row2{display:flex;gap:8px}
.row2 input{margin:0!important;min-width:0;flex:1;font-family:"Space Mono",monospace!important;letter-spacing:.04em;text-transform:uppercase}
.row2 .btn{flex:none;width:auto;padding-left:18px;padding-right:18px}
.btn.disabled{background:var(--soft);color:var(--muted);border-color:var(--line);pointer-events:none;cursor:default}
.okmsg{background:var(--soft);border-left:4px solid var(--line-strong);padding:10px 12px;border-radius:8px;color:var(--ink)!important;font-weight:600}
.ba{background:var(--indigo);color:#fff;border-radius:18px;padding:16px 16px 10px;margin:18px 0 8px}
.ba .h3{color:#fff;margin-top:0}
.ba .sub{color:#D9DEF0}
.bahead{display:flex;align-items:center;gap:10px;margin:4px 0 12px}
.bahead>div:not(.baarrow):not(.badelta){flex:1;min-width:0}
.bahead small{display:block;font-size:12px;color:#D9DEF0;line-height:1.3}
.bahead b{display:block;font-family:"Space Mono",monospace;font-size:34px;line-height:1.1}
.bahead span{display:block;font-size:12px;color:#D9DEF0}
.baarrow{width:22px;height:2px;background:var(--gold);position:relative;flex:none}
.baarrow::after{content:"";position:absolute;right:-1px;top:-4px;width:8px;height:8px;border-top:2px solid var(--gold);border-right:2px solid var(--gold);transform:rotate(45deg)}
.badelta{font-family:"Space Mono",monospace;font-weight:700;font-size:20px;padding:6px 10px;border-radius:12px;background:var(--indigo-2);flex:none}
.badelta.up{background:var(--gold);color:#1E2A5A}
.barows{list-style:none;margin:0 0 6px;padding:0}
.barows li{display:flex;align-items:center;gap:8px;padding:8px 0;border-top:1px solid rgba(255,255,255,.12);font-size:14px}
.ban{flex:1;min-width:0}
.bav{font-family:"Space Mono",monospace;white-space:nowrap}
.bav .arr{color:var(--gold);margin:0 2px}
.bad{font-family:"Space Mono",monospace;font-weight:700;width:42px;text-align:right}
.bad.up{color:var(--gold)}.bad.down{color:var(--fail-lt)}

/* ---------- Day 4 ---------- */
.actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:18px}
.actions .btn{font-size:14px;padding:13px 8px;white-space:normal}
.bdg{display:inline-block;font-family:"Space Mono",monospace;font-size:10px;font-weight:700;letter-spacing:.04em;border-radius:99px;padding:2px 8px;line-height:1.5;vertical-align:middle;white-space:nowrap}
.b-measured{background:var(--chip);color:#fff}
.b-self{background:var(--glass-2);color:var(--ink);border:1px solid var(--line)}
.b-none{background:var(--soft);color:var(--muted);border:1px dashed var(--line)}
.b-ai{background:var(--gold);color:#1E2A5A}
.legend{font-size:12px;color:var(--muted);line-height:2;margin:-4px 0 12px}
.legend .bdg{margin-right:2px}
.binfo{padding:10px 15px 2px;border-top:1px solid var(--line);background:var(--soft)}
.bwhy{font-size:13px;margin:0 0 6px;line-height:1.4}.bsrc{margin:0 0 8px}
dl.rv{display:grid;grid-template-columns:auto 1fr;gap:1px 10px;margin:6px 0 0;font-size:13px}
dl.rv dt{color:var(--muted);font-size:11px;font-family:"Space Mono",monospace;text-transform:uppercase;letter-spacing:.04em;padding-top:2px}
dl.rv dd{margin:0}dl.rv dd b{font-size:14px}
.rmeta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:6px}.rmeta .pips{margin-top:0}
.rf b{font-weight:700}
.fixes li ul{margin:6px 0 0;padding-left:18px}.fixes li ul li{background:none;padding:2px 0;border-radius:0;counter-increment:none;font-size:14px}
.fixes li ul li::before{content:none}
.fnum{font-size:13px;background:rgba(255,255,255,.08);border-radius:10px;padding:6px 9px;margin:6px 0}
.fnum span{font-family:"Space Mono",monospace;font-size:10px;text-transform:uppercase;color:var(--gold);margin-right:4px}
.fnum span+span,.fnum span:nth-of-type(2){margin-left:8px}
.summary{font-size:15px;margin:-4px 0 12px}
.aiwait{font-size:13px;color:var(--muted);margin:-4px 0 10px;display:flex;align-items:center;gap:8px}
.aiwait .dot{width:8px;height:8px;border-radius:50%;background:var(--gold);animation:pulse 1s infinite alternate}
@keyframes pulse{from{opacity:.25}to{opacity:1}}
.plan{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.plan>li{border:1px solid var(--line);border-left:5px solid var(--gold);border-radius:14px;padding:12px 14px}
.plan small{font-family:"Space Mono",monospace;font-weight:700;color:var(--muted);font-size:11px;letter-spacing:.08em}
.plan h4{margin:2px 0 6px;font-size:16px}.plan ul{margin:0;padding-left:18px}.plan ul li{font-size:14px;margin:3px 0}
.src{font-size:12px;color:var(--muted);margin:12px 0 0;line-height:1.5}.src .bdg{margin-right:4px}
.seework{display:block;text-align:center;color:var(--ink);font-weight:700;margin-top:4px;font-size:14px;padding:12px 0}
.sheet{position:fixed;inset:0;background:rgba(10,14,34,.78);z-index:50;display:flex;align-items:flex-end;justify-content:center}
.sheet[hidden]{display:none}
.sheet-in{background:var(--glass);width:100%;max-width:480px;max-height:96vh;overflow:auto;border-radius:20px 20px 0 0;padding:18px 18px 24px;position:relative;text-align:center}
.sheet-in .eyebrow{color:var(--ink)}
.sheet-in img{display:block;width:auto;max-width:100%;max-height:58vh;margin:6px auto 10px;border-radius:12px;box-shadow:0 6px 24px rgba(20,29,66,.25)}
.sheet .x{position:absolute;right:12px;top:12px;background:var(--soft);border:1px solid var(--line);border-radius:99px;padding:6px 12px;font:inherit;font-size:13px;color:var(--ink);cursor:pointer}

/* ---------- Stage 5: measured data ---------- */
.measure{margin:4px 0 14px}
.mtitle{margin:0 0 10px}.mtitle b{display:block;font-size:17px}.mtitle small{color:var(--muted);font-size:13px}
.mcard{border:1.5px solid var(--line-strong);border-radius:16px;padding:14px 15px;margin:0 0 10px;background:var(--glass)}
.mcard h4{margin:0 0 4px;font-size:16px}.mcard>p{margin:0 0 12px;font-size:14px;color:var(--muted)}
.filebtn{position:relative;font-size:15px;padding:12px 14px}
.mprog{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);margin:12px 0 6px}
.mprog .dot{width:8px;height:8px;border-radius:50%;background:var(--gold);animation:pulse 1s infinite alternate;flex:none}
.pbar{height:6px;border-radius:3px;background:var(--soft);overflow:hidden}.pbar i{display:block;height:100%;width:0;background:var(--pass);transition:width .2s}
.merr{color:var(--err-tx);font-size:14px;margin:12px 0 0}.mok{color:var(--ink);font-weight:600;font-size:14px;margin:12px 0 0;background:var(--soft);border-radius:12px;padding:10px 12px}
.mres{margin-top:14px}.mhead{font-weight:700;margin:12px 0 8px}.mnote{font-size:12.5px;color:var(--muted);margin:8px 0}
.mlist{margin:0 0 6px;padding-left:18px;font-size:14px}
.crow{display:grid;grid-template-columns:1fr 112px;gap:4px 10px;align-items:center;padding:9px 0;border-bottom:1px solid var(--line)}
.crow small{grid-column:1/-1;color:var(--muted);font-size:11.5px;word-break:break-word}
.cchk{display:flex;gap:8px;align-items:center;font-size:14px;font-weight:600}.cchk input{width:18px;height:18px;accent-color:var(--indigo);flex:none}
.crow .cval{padding:8px 10px;text-align:right}
.shots{display:flex;gap:8px;overflow-x:auto;padding:8px 0 4px;-webkit-overflow-scrolling:touch}
.shots figure{margin:0;flex:none;width:92px}.shots img{width:92px;border-radius:8px;border:1px solid var(--line);display:block}
.shots figcaption{font-size:10.5px;color:var(--muted);line-height:1.3;margin-top:3px}
.shots.ev{flex-wrap:wrap;overflow:visible}.shots.ev figure{width:104px}.shots.ev img{width:104px}
.tl{position:relative;height:30px;background:var(--soft);border:1px solid var(--line);border-radius:8px;margin:10px 0 2px;overflow:hidden}
.tl-hook{position:absolute;left:0;top:0;bottom:0;background:rgba(244,183,64,.35)}
.tl-sil{position:absolute;top:0;bottom:0;background:repeating-linear-gradient(45deg,var(--fail) 0 3px,rgba(166,61,46,.35) 3px 6px)}
.tl-cut{position:absolute;top:0;bottom:0;width:2px;margin-left:-1px;background:var(--pass)}
.tl-axis{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);font-family:"Space Mono",monospace}
.tl-key{font-size:11.5px;color:var(--muted);margin:4px 0 6px}.tl-key i{display:inline-block;width:10px;height:10px;border-radius:2px;margin:0 4px -1px 8px}.tl-key i:first-child{margin-left:0}
.k-cut{background:var(--pass)}.k-sil{background:var(--fail)}.k-hook{background:rgba(244,183,64,.6)}
.xmeta{font-size:13px;margin:6px 0 0;word-break:break-word}
.xrows{list-style:none;margin:6px 0;padding:0}.xrows li{padding:10px 0;border-bottom:1px solid var(--line)}
.xv{margin:3px 0 0;font-size:14px}.xb{margin:2px 0 0;font-size:12px;color:var(--muted)}
.xrep{border:1px solid var(--line);border-radius:16px;padding:6px 15px 4px}
.rsrc{font-size:11.5px;color:var(--muted);margin:5px 0 0}
.asof{font-family:"Space Mono",monospace;font-size:12px;color:var(--gold);margin:14px 0 2px;font-weight:700}
.rhead .method{font-size:12px;color:#C4CAE4;margin:0}
.mhint{font-size:13px;color:var(--ink);background:var(--soft);border-radius:12px;padding:10px 12px;margin:14px 0}
.rlrep{list-style:none;margin:0;padding:0}.rlrep li{padding:9px 0;border-bottom:1px solid var(--line);font-size:13.5px}
.rlrep a{color:var(--ink);font-weight:600;word-break:break-all;display:block}.rlrep span{color:var(--muted);font-size:12.5px}
.rl{display:grid;grid-template-columns:20px 1fr 92px;gap:6px;align-items:center;margin:6px 0}
.rli{font-family:"Space Mono",monospace;font-size:12px;color:var(--muted)}
.rl input{padding:9px 10px;font-size:16px;width:100%;font:inherit;color:var(--ink);background:var(--soft);border:1.5px solid var(--line);border-radius:12px;outline:none}
.rl input:focus{border-color:var(--line-strong);background:var(--glass)}
.rlavg{font-size:13px;margin:6px 0 0}
.mtag{margin-left:6px}
.field.is-measured input[type=text]{border-color:var(--line-strong)}
.cfl{display:block;color:var(--err-tx);font-weight:600}

/* Stage 6: live Instagram + competitor side-by-side */
.b-live{background:var(--gold);color:#1E2A5A}
.livebox{margin-top:10px;border:1px dashed var(--line);border-radius:14px;padding:10px 12px 12px}.livebox .btn{margin-top:6px}
.csmall{font-size:13px;color:var(--muted);line-height:1.45;margin:8px 0}
.notice{background:var(--soft);border-left:4px solid var(--gold);border-radius:10px;padding:10px 12px;margin:12px 0;color:var(--ink);font-size:14px;line-height:1.45}.notice b{display:block}.notice small{display:block;color:var(--muted);margin-top:4px}
.notice.dark{background:rgba(255,255,255,.08);color:#fff;border-left-color:var(--gold)}
.ccard{border:1.5px solid var(--line-strong);border-radius:16px;padding:12px 14px 14px;margin:12px 0}
.chead{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.chead b{font-size:16px}
.ccard label{font-size:14px}.clive .btn{margin-top:10px}
.cgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.cf label{font-size:12.5px;font-weight:600;min-height:32px;margin-bottom:4px;line-height:1.25}
.cf input{width:100%;font:inherit;font-size:16px;padding:10px 11px;border:1.5px solid var(--line);border-radius:12px;color:var(--ink);background:var(--glass)}
.csrc{display:block;min-height:6px;margin-top:3px}.cbad{color:var(--err-tx);font-size:12px}
.cbtns{display:grid;gap:8px;margin-top:12px}.cbtns .btn{font-size:14px;padding:12px}
.cfm{display:block;font-size:14px;margin:8px 0;line-height:1.4}.cfm small{color:var(--muted)}
.cmp{border:1px solid var(--line);border-radius:16px;padding:4px 14px}
.cpr{padding:12px 0;border-bottom:1px solid var(--line)}.cpr:last-child{border-bottom:0}
.cpn{margin:0 0 8px}.cpn b{display:block;font-size:15px}.cpn small{color:var(--muted);font-size:12px}
.cpc{display:grid;grid-template-columns:30% 1fr 34%;align-items:center;gap:4px 10px;margin:8px 0}
.cpw{font-size:13px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cpb{height:10px;border-radius:5px;background:var(--soft);overflow:hidden}.cpb i{display:block;height:100%;background:var(--gold);border-radius:5px}
.cpc.you .cpb i{background:var(--pass)}
.cpv{font-size:14px;text-align:right;line-height:1.25}.cpv.nil{color:var(--muted);font-weight:400;font-size:13px}
.cpm{grid-column:1/-1;font-size:11.5px;color:var(--muted);line-height:1.45}
.ctake{margin:14px 0 4px;padding-left:20px}.ctake li{margin:6px 0;font-size:14.5px;line-height:1.45}
.lacc{margin:6px 0 14px}
.lmore summary{cursor:pointer;color:var(--ink);font-weight:600;font-size:13.5px;padding:8px 0}

/* ---------- Stage 7: steps, quick mode, QA fixes ---------- */
.stepbar{list-style:none;display:flex;gap:6px;margin:0 0 14px;padding:0;counter-reset:none}
.stepbar li{flex:1;display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--muted);padding:8px 0 0;border-top:4px solid var(--line);min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.stepbar li span{font-family:"Space Mono",monospace;font-weight:700;width:22px;height:22px;flex:none;border-radius:50%;background:var(--soft);border:1px solid var(--line);display:inline-flex;align-items:center;justify-content:center;font-size:12px;color:var(--ink)}
.stepbar li.on{color:var(--ink);border-top-color:var(--gold)}.stepbar li.on span{background:var(--gold);border-color:var(--gold);color:#1E2A5A}
.stepbar li.done{color:var(--ink);border-top-color:var(--line-strong)}.stepbar li.done span{background:var(--chip);border-color:var(--chip);color:#fff}
.sh{font-size:24px;line-height:1.2;margin:4px 0 6px}
.ssub{color:var(--muted);font-size:15px;margin:0 0 12px}
.step .back{margin:0 0 2px -2px;padding-left:0}
.step input[type=email]{width:100%;font:inherit;font-size:16px;color:var(--ink);background:var(--soft);border:1.5px solid var(--line);border-radius:12px;padding:11px 13px;outline:none;appearance:none;-webkit-appearance:none}
.step input[type=email]:focus{border-color:var(--line-strong);background:var(--glass)}
.keynums{border:1.5px solid var(--line);border-radius:16px;padding:14px 15px 4px;margin:10px 0 0}
.keynums .field:first-of-type{margin-top:6px}
#s2About .field:first-child{margin-top:4px}
#s2Live .livebox{margin:0 0 10px}
.autonote{background:var(--soft);border:1px solid var(--line);border-radius:12px;padding:10px 12px;font-size:13px;color:var(--ink);margin:0 0 12px}
form.quick #sections .field:not(.qk),form.quick #sections .field.auto,form.quick .sec.qhide,form.quick .fullonly,form.quick #sections .cnt{display:none}
form.quick #sections .sec summary{cursor:default}
form.quick #sections .sec summary::after{display:none}
#allBtn{margin-top:8px}
.cov{text-align:center;font-family:"Space Mono",monospace;font-size:13px;font-weight:700;color:#fff;background:rgba(255,255,255,.12);border-radius:99px;padding:6px 12px;margin:10px auto 2px;width:max-content;max-width:100%}
.toast{position:fixed;left:14px;right:14px;bottom:calc(92px + env(safe-area-inset-bottom));max-width:572px;margin:0 auto;background:var(--chip);color:#fff;border:2px solid var(--gold);border-radius:14px;padding:12px 14px;font-size:15px;line-height:1.4;z-index:20;box-shadow:0 8px 24px rgba(20,29,66,.3);cursor:pointer}
/* tap targets: 44px minimum */
.chip span{min-height:44px;display:inline-flex;align-items:center;padding:10px 14px}
.linkbtn{min-height:44px;padding:10px 4px}
.consent{min-height:44px}.consent input{width:22px;height:22px;flex:none;margin:1px 0 0;accent-color:var(--indigo)}
.x{min-height:44px;min-width:64px;position:static;display:block;margin:0 0 8px auto}
.btn{min-height:48px}
.btn.is-busy{opacity:.85;cursor:progress}
.btn.is-busy::after{content:"";display:inline-block;width:14px;height:14px;margin-left:8px;vertical-align:-2px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .8s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.btn.is-busy::after{animation:none}}
img,svg,video,canvas{max-width:100%}
body{overflow-wrap:anywhere}
.dock .btn{flex:none;min-width:132px}
@media (max-width:380px){.sh{font-size:22px}h1{font-size:28px}.dock .btn{min-width:118px;padding:12px 14px}.meter-top{font-size:12px}}

/* ---------- Day 8: brand pass + logo watermark ---------- */
/* Watermark (Day 10: the white W mark cropped from the real logo), faint, fixed behind the report so every screen and screenshot of the report carries it.
   Key numbers sit in opaque cards (score head, KPI cards, fix cards) so the mark never runs under them. */
.report{position:relative;isolation:isolate}
.report::before{content:"";position:fixed;left:50%;top:58%;width:min(78vw,420px);aspect-ratio:566/250;transform:translate(-50%,-50%) rotate(-12deg);background:url(wtc-mark-w13.png) center/contain no-repeat;opacity:.08;pointer-events:none;z-index:-1}
.rhead{position:relative;z-index:0}
.kpi{background:var(--glass)}.k-none{background:var(--soft)}
.foot .flogo{display:inline-block;background:var(--glass);border-radius:14px;padding:8px 12px;margin:0 0 10px}.foot .flogo img{display:block;height:56px;width:auto}
.rhead .wrap{position:relative}
.rlogo{position:absolute;right:16px;top:-6px;background:var(--glass);border-radius:12px;padding:6px 8px;line-height:0;box-shadow:0 4px 14px rgba(20,29,66,.35)}.rlogo img{display:block;height:45px;width:auto}
.rhead #rEyebrow,.rhead #rHandle{padding-right:86px}

/* ---------- Day 9: transparent white logo, visual report, annotated profile ---------- */
.rlogo{background:none;box-shadow:none;padding:0;top:-4px}.rlogo img{height:46px}
.foot .flogo{background:none;padding:0;border-radius:0}.foot .flogo img{height:58px}
.rhead .grade{margin:6px 0 0}
.rhead .asof{text-align:center;font-size:11px;margin:8px 0 0;color:#C4CAE4;font-weight:400}
.tfh{font-family:"Space Mono",monospace;font-size:11px;letter-spacing:.14em;color:var(--gold);font-weight:700;margin:18px 0 8px}
.topfix{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.tf{display:flex;align-items:center;gap:12px;background:var(--indigo-2);border-radius:14px;padding:11px 12px}
.tf .ico{flex:none;width:38px;height:38px;padding:8px;border-radius:50%;background:var(--gold);color:#1E2A5A}
.tf span{min-width:0}.tf b{display:block;font-size:15px;line-height:1.25;color:#fff}
.tf small{display:block;font-family:"Space Mono",monospace;font-size:11px;color:#D9DEF0;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tf em{font-style:normal;font-weight:700;border-radius:5px;padding:0 5px;margin-right:2px}
.tf .st-fail{background:var(--fail-lt);color:#1E2A5A}.tf .st-warn{background:var(--gold);color:#1E2A5A}.tf .st-pass{background:var(--glass);color:var(--ink)}
details.why{margin:12px 0 0;border:1px solid var(--line);border-radius:12px;background:var(--glass)}
details.why>summary{list-style:none;cursor:pointer;min-height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;font-family:"Space Mono",monospace;font-size:12px;font-weight:700;letter-spacing:.06em;color:var(--ink)}
details.why>summary::-webkit-details-marker{display:none}
details.why>summary::after{content:"+";font-size:18px;line-height:1}details.why[open]>summary::after{content:"\2212"}
details.why>*:not(summary){margin-left:14px;margin-right:14px}details.why[open]{padding-bottom:12px}
details.why.big{margin-top:18px}details.why.big>summary{font-size:13px}
details.why.dark{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.18);margin-top:14px}details.why.dark>summary{color:#fff}
details.why.dark .method{color:#C4CAE4}
.vsec{margin:0}.vsec .h3{margin:26px 0 10px}
.src2,.tag2{font-family:"Space Mono",monospace;font-size:10.5px;letter-spacing:.06em;color:var(--muted);margin:8px 0 0}
/* donut */
.glance{display:flex;align-items:center;gap:16px}
.donut{width:140px;height:140px;flex:none}
.donut .dseg{transition:stroke-dasharray .9s ease}
.viz:not(.in) .donut .dseg{stroke-dasharray:0 400!important}
.donut .dn{font-family:"Space Mono",monospace;font-weight:700;font-size:26px;fill:var(--pass)}.donut .dl{font-family:"Space Mono",monospace;font-size:8px;letter-spacing:.12em;fill:var(--muted)}
.dleg{list-style:none;margin:0;padding:0;display:grid;gap:6px;font-size:14px}
.dleg li{display:flex;align-items:center;gap:8px}.dleg i{width:12px;height:12px;border-radius:3px;flex:none}
.dleg b{font-family:"Space Mono",monospace;min-width:2.2em}
.lg-pass i{background:var(--pass)}.lg-warn i{background:var(--gold)}.lg-fail i{background:var(--fail)}.lg-none i{background:var(--line)}
/* area bars */
.abars{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.abars li{display:grid;grid-template-columns:118px 1fr 34px;align-items:center;gap:8px;font-size:14px}
.abars .an{display:flex;align-items:center;gap:6px;white-space:nowrap}
.ico.sm{width:18px;height:18px;color:var(--ink);flex:none}
.abars .at{height:12px;border-radius:6px;background:var(--soft);border:1px solid var(--line);overflow:hidden}
.abars .at i{display:block;height:100%;width:0;border-radius:6px;transition:width 1s ease}
.viz.in .abars .at i{width:var(--w)}
.ab-hi .at i{background:var(--pass)}.ab-mid .at i{background:var(--gold)}.ab-lo .at i{background:var(--fail)}
.abars b{font-family:"Space Mono",monospace;text-align:right}.ab-none{color:var(--muted)}
/* radar */
.radar{width:100%;max-width:360px;display:block;margin:0 auto}
.radar .rg{fill:none;stroke:var(--line);stroke-width:1}
.radar .r70{fill:none;stroke:var(--pass);stroke-width:1.2;stroke-dasharray:4 4}
.radar .rp{fill:rgba(255,255,255,.14);stroke:var(--pass);stroke-width:2.2;transform-origin:160px 150px;transform:scale(.2);transition:transform .9s ease}
.viz.in .radar .rp{transform:scale(1)}
.radar .rd{fill:var(--gold);stroke:var(--pass);stroke-width:2}
.radar .rl{font-family:Inter,sans-serif;font-size:11px;font-weight:600;fill:var(--pass)}.radar .rn{fill:var(--muted);font-weight:400}
.rkey{text-align:center;font-family:"Space Mono",monospace;font-size:11px;color:var(--muted);margin:4px 0 0}
.rkey span{display:inline-block;width:16px;height:0;vertical-align:middle;margin:0 5px 0 10px}
.k-you{border-top:3px solid var(--line-strong)}.k-70{border-top:2px dashed var(--line-strong)}
/* gauges */
.gauges{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.gt{display:flex;justify-content:space-between;gap:10px;font-size:14px;font-weight:600}
.gt b{font-family:"Space Mono",monospace;white-space:nowrap}.gt b.st-fail{color:var(--fail-lt)}.gt b.st-warn,.gt b.st-pass{color:var(--ink)}
.gb{position:relative;height:12px;border-radius:6px;overflow:hidden;margin:6px 0 3px;background:var(--soft)}
.gb>i{position:absolute;top:0;bottom:0}.z-fail{background:#F3D9D4}.z-warn{background:#FCEBC4}.z-pass{background:#D3D9EE}
.gm{position:absolute;top:-1px;bottom:-1px;width:4px;margin-left:-2px;background:var(--pass);border-radius:2px;left:0;transition:left 1s ease}
.viz.in .gm{left:var(--x)}
.gauges small{font-family:"Space Mono",monospace;font-size:10.5px;color:var(--muted)}
/* weeks */
.weeks{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px;counter-reset:wk}
.weeks li{background:var(--indigo);color:#fff;border-radius:14px;padding:12px;min-height:86px;opacity:0;transform:translateY(8px);transition:opacity .5s ease,transform .5s ease}
.viz.in .weeks li{opacity:1;transform:none}.viz.in .weeks li:nth-child(2){transition-delay:.1s}.viz.in .weeks li:nth-child(3){transition-delay:.2s}.viz.in .weeks li:nth-child(4){transition-delay:.3s}
.weeks small{display:block;font-family:"Space Mono",monospace;font-weight:700;font-size:11px;letter-spacing:.1em;color:var(--gold)}
.weeks b{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:14px;line-height:1.3;margin-top:4px}
details.why .plan{margin-top:6px}
/* X-ray */
.xtl{width:100%;display:block;margin-top:6px}
.xt-bg{fill:var(--soft);stroke:var(--line)}.xt-hook{fill:rgba(244,183,64,.45)}.xt-gap{fill:rgba(166,61,46,.75)}
.xt-cut{stroke:var(--pass);stroke-width:2.5;stroke-linecap:round}
.xt-l{font-family:"Space Mono",monospace;font-size:9px;font-weight:700;fill:var(--pass)}.xt-ax{font-family:"Space Mono",monospace;font-size:8px;fill:var(--muted)}
.xleg{font-family:"Space Mono",monospace;font-size:10.5px;color:var(--muted);margin:2px 0 10px}
.xleg span{display:inline-block;width:12px;height:10px;vertical-align:-1px;margin:0 4px 0 8px;border-radius:2px}
.k-cut{background:var(--pass);width:3px!important}.k-gap{background:var(--fail)}.k-hook{background:rgba(244,183,64,.6)}
.xframes{display:flex;gap:10px;align-items:flex-start}
.xhook{margin:0;flex:0 0 46%;position:relative}
.xhook img{width:100%;display:block;border-radius:10px;border:2px solid var(--line-strong)}
.xhook figcaption{position:absolute;left:6px;top:6px;font-family:"Space Mono",monospace;font-size:11px;background:var(--chip);color:#fff;border-radius:6px;padding:1px 6px}
.xcall{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:5px}
.xcall li{display:flex;gap:6px;align-items:flex-start;font-size:12.5px;line-height:1.3}
.xcall i{flex:none;width:20px;height:20px;border-radius:50%;font-style:normal;font-family:"Space Mono",monospace;font-weight:700;font-size:11px;display:flex;align-items:center;justify-content:center;background:var(--gold);color:#1E2A5A}
.xcall .c-fail i{background:var(--fail);color:#fff}.xcall .c-pass i{background:var(--chip);color:#fff}
.xrest{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:6px}
.xrest figure{margin:0}.xrest img{width:100%;display:block;border-radius:8px}
.xrest figcaption{font-family:"Space Mono",monospace;font-size:10px;color:var(--muted)}
.xchips{list-style:none;margin:12px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:6px}
.xchips li{border:1px solid var(--line);border-left:4px solid var(--line-strong);border-radius:10px;padding:6px 8px;min-width:0}
.xchips .c-warn{border-left-color:var(--gold)}.xchips .c-fail{border-left-color:var(--fail)}
.xchips small{display:block;font-size:11px;color:var(--muted)}.xchips b{display:block;font-family:"Space Mono",monospace;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* annotated profile */
.pfwrap{max-width:300px;margin:0 auto}
.pfimg{position:relative;overflow:hidden;border-radius:16px;border:2px solid var(--line-strong);background:var(--glass)}
.pfimg img{width:100%;display:block}.pfimg.nobox{aspect-ratio:auto}
.pfbox{position:absolute;border:2.5px solid var(--gold);border-radius:6px;box-shadow:0 0 0 2px #1E2A5A}
.pfbox.c-fail{border-color:var(--fail)}
.pfbox i,.pfn{position:absolute;left:-11px;top:-11px;width:22px;height:22px;border-radius:50%;background:var(--gold);color:#1E2A5A;border:2px solid #1E2A5A;font-style:normal;font-family:"Space Mono",monospace;font-weight:700;font-size:11px;display:flex;align-items:center;justify-content:center}
.pfbox.c-fail i,.pfn.c-fail{background:var(--fail);color:#fff}
.pflist{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:8px}
.pflist li{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.35}
.pflist i{flex:none;width:24px;height:24px;border-radius:50%;font-style:normal;font-family:"Space Mono",monospace;font-weight:700;font-size:12px;display:flex;align-items:center;justify-content:center;background:var(--gold);color:#1E2A5A;border:2px solid var(--line-strong)}
.pflist .c-fail i{background:var(--fail);color:#fff}.pflist .c-pass i{background:var(--chip);color:#fff}
.pflist b{display:block;font-size:14px}.pflist em{font-style:normal;font-family:"Space Mono",monospace;font-size:10px;font-weight:700;border-radius:4px;padding:1px 5px;margin-left:4px;background:var(--soft);border:1px solid var(--line);color:var(--ink)}
.pflist .c-fail em{background:var(--fail);border-color:var(--fail);color:#fff}
.pflive{position:relative;max-width:320px;margin:0 auto;border:2px solid var(--line-strong);border-radius:16px;padding:14px;background:var(--glass)}
.lhead{display:flex;gap:14px;align-items:center}.lpic{position:relative;width:72px;height:72px;border-radius:50%;background:var(--soft);border:1px solid var(--line);flex:none}
.lpic img{width:100%;height:100%;border-radius:50%;object-fit:cover}.lstats{position:relative;flex:1;display:flex;justify-content:space-around;text-align:center;font-size:12px}
.lstats b{display:block;font-family:"Space Mono",monospace;font-size:15px}
.lname,.lbio,.llink{position:relative;margin:8px 0 0;font-size:13px;padding-left:2px}.lname{font-weight:700}.llink{color:var(--ink);font-weight:600}
.pflive .pfn{left:auto;right:-6px;top:-6px}.lpic .pfn{right:-4px;top:-4px}
.lgrid{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin-top:12px}
.lt{position:relative;aspect-ratio:3/4;background:var(--soft);overflow:hidden}.lt img{width:100%;height:100%;object-fit:cover}
.lt b{position:absolute;right:3px;top:3px;font-family:"Space Mono",monospace;font-size:8px;background:var(--chip);color:#fff;border-radius:3px;padding:0 3px}
.lgrid>.pfn{z-index:2;right:-6px;left:auto;top:-8px}
.pfok{display:flex;gap:10px;align-items:center;margin-top:10px}.pfok img{width:64px;border-radius:8px;border:1px solid var(--line)}.pfok .mok{margin:0}
@media (max-width:380px){.abars li{grid-template-columns:104px 1fr 30px;font-size:13px}.donut{width:120px;height:120px}}
@media (prefers-reduced-motion:reduce){.viz *{transition:none!important}}

.gt b{background:none!important;padding:0!important;border:0!important}
.pfbox{border-width:2px;box-shadow:0 0 0 1.5px #1E2A5A}
.pfbox i{left:auto;right:-11px}
.lgrid>.pfn{left:-8px;right:auto}


/* ---------- Day 10: dark theme only (indigo family), white transparent logo everywhere, glass cards ---------- */
:root{color-scheme:dark}
body{background:#121A3C radial-gradient(120% 60% at 85% -10%,rgba(58,74,150,.55),transparent 60%) no-repeat;background-attachment:scroll;min-height:100vh}
.top{position:sticky;top:0;z-index:20;background:rgba(18,26,60,.72);-webkit-backdrop-filter:saturate(160%) blur(14px);backdrop-filter:saturate(160%) blur(14px);border-bottom:1px solid rgba(244,183,64,.55);padding:8px 16px}
.brand img{height:54px}
.top-tag{color:#fff}
.hero{background:linear-gradient(160deg,#24326B 0%,#1E2A5A 55%,#18224C 100%)}
.rhead,.phead{background:linear-gradient(160deg,#24326B 0%,#1E2A5A 60%,#18224C 100%);border-bottom:1px solid rgba(255,255,255,.08)}
.sec,.opt,.mcard,.ccard,.kpi,details.why,.pflive,.cf,.rl{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.sec,.opt,.mcard,.kpi,details.why{box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 8px 24px rgba(6,10,28,.25)}
.sheet-in{background:#1B2552;border:1px solid rgba(255,255,255,.12)}
.sheet-in .eyebrow{color:var(--gold)}
input[type=text],input[type=email],input[type=number],input[type=password],select,textarea{color:#fff;background-color:rgba(255,255,255,.07);border-color:rgba(255,255,255,.18)}
input::placeholder,textarea::placeholder{color:#9AA3C9;opacity:1}
input:focus,select:focus,textarea:focus{border-color:var(--gold)!important;box-shadow:0 0 0 3px rgba(244,183,64,.25)}
.btn-outline,.btn-ghost{border-color:rgba(255,255,255,.38)}
.dock{background:rgba(18,26,60,.82);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid rgba(255,255,255,.1)}
.foot{background:#0F1634;border-top:1px solid rgba(255,255,255,.08)}
.rlogo,.foot .flogo{background:none!important;box-shadow:none!important;padding:0!important;border-radius:0!important}
.rlogo img{height:46px;width:auto}
.z-fail{background:rgba(166,61,46,.45)}.z-warn{background:rgba(244,183,64,.35)}.z-pass{background:rgba(255,255,255,.16)}
a{color:inherit}
::selection{background:rgba(244,183,64,.4);color:#fff}
.cta,.cta p,.cta h2,.cta h3,.cta .seework,.cta a:not(.btn-gold):not(.btn-indigo){color:#1E2A5A}.cta .btn-outline{color:#1E2A5A;border-color:#1E2A5A}


/* ---------- Day 11: premium glass pass (liquid glass, glow backdrop, 8px grid) ---------- */
:root{--g-fill:linear-gradient(180deg,rgba(255,255,255,.10) 0%,rgba(255,255,255,.05) 100%);--g-solid:rgba(34,45,96,.94);--g-line:rgba(255,255,255,.14);--g-top:rgba(255,255,255,.30);--g-in:inset 0 1px 0 rgba(255,255,255,.16),inset 0 0 0 1px rgba(255,255,255,.02);--g-shadow:0 24px 48px -16px rgba(4,7,24,.65),0 2px 8px rgba(4,7,24,.25);--g-blur:saturate(140%) blur(20px);--r-lg:24px;--r-md:16px;--col:20px}
html{background:#0B1130}
body{background:#0E1533;min-height:100vh;font-variant-numeric:tabular-nums}
body::before{content:"";position:fixed;inset:-10vh -10vw;z-index:-2;pointer-events:none;
  background:
   radial-gradient(42% 30% at 12% 6%,rgba(92,98,214,.42),transparent 70%),
   radial-gradient(40% 28% at 96% 38%,rgba(64,86,200,.34),transparent 72%),
   radial-gradient(38% 24% at 18% 88%,rgba(244,183,64,.13),transparent 72%),
   radial-gradient(120% 85% at 50% 32%,#1E2A5A 0%,#18224E 48%,#0B1130 100%)}
.wrap{max-width:600px;padding:0 var(--col)}
/* glass card recipe */
.step,.rhead>.wrap,.vsec,.cta,.ba,details.why.big,.pbody .opt,.sheet-in{position:relative;background:var(--g-fill),rgba(30,42,90,.28);border:1px solid var(--g-line);border-top-color:var(--g-top);border-radius:var(--r-lg);box-shadow:var(--g-in),var(--g-shadow);-webkit-backdrop-filter:var(--g-blur);backdrop-filter:var(--g-blur)}
@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.step,.rhead>.wrap,.vsec,.cta,.ba,details.why.big,.pbody .opt,.sheet-in,.top,.dock{background:var(--g-solid)!important}}
/* nested glass: no extra blur layers (keeps phones smooth) */
.sec,.kpi,.mcard,.ccard,.pflive,.cf,.rl,.keynums,.vsec details.why,.rhead details.why,.tf,.fixes li{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
.sec,.keynums,.vsec details.why,.rhead details.why{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-top-color:rgba(255,255,255,.2);border-radius:var(--r-md);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.mcard,.ccard,.kpi{border-radius:var(--r-md);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}

/* header: glass sticky bar, logo once */
.top{background:rgba(11,17,48,.55);-webkit-backdrop-filter:saturate(150%) blur(20px);backdrop-filter:saturate(150%) blur(20px);border-bottom:1px solid rgba(255,255,255,.10);padding:8px var(--col);min-height:64px;box-sizing:border-box}
.top::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(244,183,64,.7) 50%,transparent)}
.brand img{height:48px}
.rlogo{display:none!important}
.rhead #rEyebrow,.rhead #rHandle{padding-right:0!important;text-align:center}

/* home hero */
.hero{background:none!important;max-width:600px;margin:0 auto;padding:40px var(--col) 24px;box-sizing:border-box}
.hero .eyebrow,.rhead .eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:99px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.14);margin:0 0 16px;font-size:11px;line-height:16px}
.hero .eyebrow::before,.rhead .eyebrow::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--gold);box-shadow:0 0 8px rgba(244,183,64,.9)}
h1{font-size:32px;line-height:1.12;margin:0 0 16px;letter-spacing:-.015em;background:linear-gradient(180deg,#FFFFFF 30%,#D8DDF2 100%);-webkit-background-clip:text;background-clip:text;color:#fff;-webkit-text-fill-color:transparent}
.promise{margin:0 0 16px;font-size:16px;line-height:1.5;color:#D9DEF0}
.ticks{display:grid;gap:8px;font-size:14px}
.ticks li{margin:0;padding-left:24px;line-height:20px}
.ticks li::before{left:0;top:4px;width:12px;height:12px;background:radial-gradient(circle at 35% 35%,#FFE3A1,#F4B740 60%);box-shadow:0 0 8px rgba(244,183,64,.6)}

/* form steps */
#formWrap{padding-bottom:128px}
.stepbar{gap:8px;margin:8px 0 16px}
.stepbar li{border-top-width:3px;border-radius:2px;padding-top:8px}
.stepbar li.on{border-top-color:var(--gold);box-shadow:0 -6px 12px -8px rgba(244,183,64,.8)}
.step{padding:24px 20px;margin:0 0 16px}
.sh{font-size:24px;margin:0 0 8px}.ssub{margin:0 0 16px}
.back{margin:0 0 8px}
.field{margin:0 0 16px}
input[type=text],input[type=email],input[type=number],select,textarea,.step input[type=email],.pbody input[type=text],.pbody input[type=email]{min-height:48px;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.18);box-shadow:inset 0 1px 2px rgba(4,7,24,.35);box-sizing:border-box}
.sec{margin:0 0 8px}
.fine{margin:24px 0 0}
.consent{gap:12px}.consent input{accent-color:var(--gold)}
.dock{background:rgba(11,17,48,.62);-webkit-backdrop-filter:saturate(150%) blur(20px);backdrop-filter:saturate(150%) blur(20px);border-top:1px solid rgba(255,255,255,.12);box-shadow:0 -12px 32px rgba(4,7,24,.45),inset 0 1px 0 rgba(255,255,255,.08);padding:12px var(--col) calc(12px + env(safe-area-inset-bottom))}
.dock-in{gap:16px}
.bar{background:rgba(255,255,255,.10);box-shadow:inset 0 1px 2px rgba(4,7,24,.4)}
.bar i{background:linear-gradient(90deg,#E8A82E,#F4B740 60%,#FFD27A);box-shadow:0 0 10px rgba(244,183,64,.55)}

/* buttons: liquid glass */
.btn{position:relative;overflow:hidden;isolation:isolate;border-radius:16px;min-height:48px;transition:transform .15s ease,box-shadow .25s ease,filter .2s ease;-webkit-tap-highlight-color:transparent}
.btn:active{transform:translateY(1px) scale(.985)}
.btn-gold{background:#F4B740 linear-gradient(180deg,#FFD478 0%,#F4B740 52%,#E3A12A 100%);color:#1E2A5A;border:1px solid rgba(255,226,160,.9);box-shadow:inset 0 1px 0 rgba(255,255,255,.65),inset 0 -2px 0 rgba(120,70,0,.22),0 10px 28px -8px rgba(244,183,64,.65),0 0 0 1px rgba(244,183,64,.25)}
.btn-gold:hover{filter:brightness(1.04);box-shadow:inset 0 1px 0 rgba(255,255,255,.7),inset 0 -2px 0 rgba(120,70,0,.22),0 14px 34px -8px rgba(244,183,64,.8),0 0 0 1px rgba(244,183,64,.35)}
.btn-gold::before{content:"";position:absolute;left:0;right:0;top:0;height:50%;border-radius:16px 16px 40% 40%/16px 16px 12px 12px;background:linear-gradient(180deg,rgba(255,255,255,.38),rgba(255,255,255,0));z-index:-1;pointer-events:none}
.btn-gold::after,.btn-indigo::after{content:"";position:absolute;top:-20%;bottom:-20%;left:-60%;width:40%;transform:skewX(-20deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);pointer-events:none;animation:wtcSheen 7s ease-in-out 1.2s infinite}
.btn-indigo::after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.16),transparent)}
@keyframes wtcSheen{0%{left:-60%}18%,100%{left:130%}}
.btn-indigo{background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,.06)),rgba(42,56,112,.55);color:#fff;border:1px solid rgba(255,255,255,.22);border-top-color:rgba(255,255,255,.4);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 10px 24px -10px rgba(4,7,24,.7)}
.btn-indigo:hover{background:linear-gradient(180deg,rgba(255,255,255,.24),rgba(255,255,255,.08)),rgba(42,56,112,.6)}
.btn-outline,.btn-ghost{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.26);color:#fff}
.btn-outline:hover,.btn-ghost:hover{background:rgba(255,255,255,.08)}

/* report hero: liquid glass score card */
.rhead{background:none!important;border:0!important;padding:24px var(--col) 0}
.rhead>.wrap{max-width:560px;margin:0 auto;padding:32px 20px 24px;overflow:hidden;isolation:isolate;text-align:left;
  background:radial-gradient(90% 55% at 50% 0%,rgba(255,255,255,.14),transparent 70%),linear-gradient(160deg,rgba(255,255,255,.12),rgba(255,255,255,.04) 55%,rgba(244,183,64,.06)),rgba(30,42,90,.30);border-radius:28px}
.rhead>.wrap::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.13) 47%,rgba(255,255,255,0) 58%);background-size:260% 100%;background-position:120% 0;animation:wtcGloss 2.4s ease .5s 1 both}
.rhead>.wrap::after{content:"";position:absolute;left:12%;right:12%;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.75),transparent);pointer-events:none}
@keyframes wtcGloss{from{background-position:120% 0}to{background-position:-40% 0}}
.rhead #rEyebrow{display:flex;width:max-content;margin:0 auto 16px}
.rhead h2{font-size:24px;line-height:1.2;margin:0 0 24px;text-align:center}
.dial-wrap{width:200px;height:200px;padding:14px;box-sizing:border-box;border-radius:50%;margin:0 auto;
  background:radial-gradient(circle at 50% 28%,rgba(255,255,255,.18),rgba(255,255,255,.03) 58%),radial-gradient(circle at 50% 100%,rgba(244,183,64,.12),transparent 60%),rgba(11,17,48,.45);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.45),inset 0 -12px 28px rgba(4,7,24,.55),inset 0 0 0 1px rgba(255,255,255,.10),0 0 0 1px rgba(255,255,255,.08),0 20px 44px -12px rgba(244,183,64,.30)}
.dial-text span{color:#fff}
.dial-track{stroke:rgba(255,255,255,.10)}
.dial{filter:drop-shadow(0 0 6px rgba(244,183,64,.45))}
.dial-text{padding-top:70px}
.dial-text span{font-size:56px;letter-spacing:-.02em}
.rhead .grade{margin:16px 0 0;font-size:24px;text-align:center;text-shadow:0 0 18px rgba(244,183,64,.35)}
.cov{margin:8px auto 0;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.12);padding:4px 12px;line-height:20px;font-size:12px}
.tfh{text-align:left;margin:24px 0 8px;font-size:11px}
.topfix{gap:8px}
.tf{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.12);border-top-color:rgba(255,255,255,.22);border-radius:var(--r-md);padding:12px 16px 12px 12px;gap:12px;min-height:64px;box-sizing:border-box;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.tf .ico{width:40px;height:40px;box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 0 14px rgba(244,183,64,.4)}
.rhead details.why{margin:16px 0 0}

/* report body */
.rbody{padding-top:16px;padding-bottom:40px}
.actions{gap:8px;margin:0 0 8px}
.actions .btn{min-height:52px;padding:12px 8px}
.vsec{margin:16px 0 0;padding:24px 20px}
.vsec .h3,.vsec>h3{margin:0 0 16px;font-size:20px;line-height:1.25}
.vsec details.why{margin:16px 0 0}
.ba{margin:16px 0 0;padding:24px 20px 16px;color:#fff}
details.why.big{margin:16px 0 0}
details.why.big>summary{min-height:56px;padding:0 20px}
details.why.big>*:not(summary){margin-left:20px;margin-right:20px}
.fixes li{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-top-color:rgba(255,255,255,.2)}
.src2,.tag2{margin:16px 0 0;letter-spacing:.08em}
.pfimg{border:1px solid rgba(255,255,255,.22);box-shadow:0 18px 40px -14px rgba(4,7,24,.7)}

/* CTA: gold-tinted glass */
.cta{margin:24px 0 0;padding:24px 20px;background:radial-gradient(80% 60% at 100% 0%,rgba(244,183,64,.22),transparent 70%),linear-gradient(160deg,rgba(255,255,255,.12),rgba(255,255,255,.04)),rgba(30,42,90,.35);border-color:rgba(244,183,64,.35);border-top-color:rgba(255,226,160,.55)}
.cta,.cta p,.cta h2,.cta h3{color:#fff!important}
.cta p{color:#D9DEF0!important;margin:0 0 16px}
.cta h3{font-size:22px;margin:0 0 8px}
.cta .btn{margin:0 0 8px}
.cta #ctaWa{background:#F4B740 linear-gradient(180deg,#FFD478 0%,#F4B740 52%,#E3A12A 100%);color:#1E2A5A;border:1px solid rgba(255,226,160,.9);box-shadow:inset 0 1px 0 rgba(255,255,255,.65),inset 0 -2px 0 rgba(120,70,0,.22),0 10px 28px -8px rgba(244,183,64,.65)}
.cta #ctaWa::after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent)}
.cta .btn-outline,.cta #ctaMail{color:#fff!important;border-color:rgba(255,255,255,.3)!important;background:rgba(255,255,255,.05)}
.cta .seework,.cta a.seework{color:var(--gold)!important;display:inline-block;margin-top:8px;font-weight:700}
#editBtn{margin-top:16px}

/* panels (gate, lock) */
.phead{background:none!important;border:0!important;padding:32px 0 8px}
.pbody .opt{padding:20px;margin:0 0 16px;border-radius:var(--r-lg)}

/* sheet */
.sheet{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.sheet-in{background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.05)),rgba(20,29,66,.82);border-radius:28px 28px 0 0;padding:24px 20px 32px}

/* footer */
.foot{background:linear-gradient(180deg,rgba(11,17,48,0),rgba(11,17,48,.75))!important;border-top:1px solid rgba(255,255,255,.08);padding:32px var(--col) calc(32px + env(safe-area-inset-bottom))}

/* entrance motion */
@keyframes wtcRise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.hero>*{animation:wtcRise .6s cubic-bezier(.2,.7,.2,1) both}
.hero>*:nth-child(2){animation-delay:.06s}.hero>*:nth-child(3){animation-delay:.12s}.hero>*:nth-child(4){animation-delay:.18s}
.step:not([hidden]){animation:wtcRise .45s cubic-bezier(.2,.7,.2,1) both}
.report:not([hidden]) .rhead>.wrap{animation:wtcRise .6s cubic-bezier(.2,.7,.2,1) both}
.report:not([hidden]) .tf{animation:wtcRise .5s cubic-bezier(.2,.7,.2,1) both}
.report:not([hidden]) .tf:nth-child(1){animation-delay:.35s}.report:not([hidden]) .tf:nth-child(2){animation-delay:.45s}.report:not([hidden]) .tf:nth-child(3){animation-delay:.55s}
html.wtc-rv .vsec{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.7,.2,1)}
html.wtc-rv .vsec.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}html.wtc-rv .vsec{opacity:1;transform:none}}
@media (max-width:380px){h1{font-size:29px}.dial-wrap{width:184px;height:184px}.dial-text{padding-top:62px}.dial-text span{font-size:52px}}
@media (min-width:720px){h1{font-size:44px}.hero{padding:56px var(--col) 32px}}
.cta #ctaMail{font-size:13.5px;white-space:nowrap;padding-left:8px;padding-right:8px;letter-spacing:0}

/* ---------- Day 12: premium step up (aurora, type scale, hero visual, thin-line icons, clean charts, solid-on-scroll header) ---------- */
:root{--t1:40px;--t2:28px;--t3:20px;--t4:16px;--t5:13px;--mut:rgba(255,255,255,.66);--mut2:rgba(255,255,255,.72);--hl:inset 0 1px 0 rgba(255,255,255,.10);--sh:0 30px 60px -30px rgba(2,4,18,.85),0 8px 20px -12px rgba(2,4,18,.5);--glass12:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.03));--ease:cubic-bezier(.2,.7,.2,1)}
html{background:#080C24}
body{background:#0A0F2C;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.003em}
/* aurora: two slow drifting layers, indigo/violet with a faint gold */
body::before{inset:-20vh -30vw;background:
   radial-gradient(38% 26% at 20% 8%,rgba(110,100,255,.40),transparent 70%),
   radial-gradient(34% 26% at 88% 22%,rgba(150,110,255,.26),transparent 72%),
   radial-gradient(36% 22% at 70% 78%,rgba(70,90,230,.22),transparent 72%),
   radial-gradient(28% 18% at 18% 70%,rgba(244,183,64,.10),transparent 70%),
   radial-gradient(130% 90% at 50% 20%,#18224E 0%,#111940 45%,#080C24 100%);animation:wtcAur 26s ease-in-out infinite alternate;will-change:transform}
body::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(120% 70% at 50% 0%,transparent 55%,rgba(4,6,20,.55) 100%)}
@keyframes wtcAur{0%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(-4vw,2vh,0) scale(1.06)}100%{transform:translate3d(3vw,-2vh,0) scale(1.02)}}
/* type scale 40/28/20/16/13 */
h1,h2,h3,.sh,.h3{letter-spacing:-.025em}
h1{font-size:var(--t1);line-height:1.04;font-weight:700;margin:0 0 16px;background:linear-gradient(180deg,#FFFFFF 40%,#C9CEF0 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.sh,.rhead h2,.panel h2{font-size:var(--t2);line-height:1.1}
.h3,.vsec .h3,.vsec>h3,.mcard h4,.opt h3{font-size:var(--t3);line-height:1.2}
.mcard h4{font-size:17px}
.ssub,.promise,.psub,.mcard>p,.sub,.small{color:var(--mut2)}
.eyebrow,.tfh,.top-tag,.src2{letter-spacing:.16em}
.dleg b,.abars b,.gt b,.cov,.dial-text,.meter-top b,.weeks small,.mock-num,.stepbar li span{font-variant-numeric:tabular-nums}

/* header: logo once, never ghosts text (strong tint + blur, solid once scrolled) */
.top{position:sticky;top:0;z-index:30;min-height:60px;padding:6px var(--col);background:rgba(10,15,44,.78);-webkit-backdrop-filter:saturate(180%) blur(28px);backdrop-filter:saturate(180%) blur(28px);border-bottom:1px solid transparent;box-shadow:none;transition:background .25s ease,border-color .25s ease,box-shadow .25s ease}
.top::after{opacity:0;transition:opacity .25s ease}
html.scrolled .top{background:rgba(10,15,44,.96);border-bottom-color:rgba(255,255,255,.08);box-shadow:0 10px 30px -12px rgba(0,0,0,.6)}
html.scrolled .top::after{opacity:.55}
.brand img{height:44px}
.top-tag{font-size:10px;line-height:14px;color:var(--mut);font-weight:700}

/* hero */
.hero{position:relative;padding:40px var(--col) 32px;text-align:left}
.hero .eyebrow{gap:8px;padding:6px 12px 6px 10px;font-size:11px;color:#E9EBFF;background:rgba(255,255,255,.06);border:0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),inset 0 1px 0 rgba(255,255,255,.14)}
.hero .eyebrow::before{display:none}
.hero .eyebrow .li{width:14px;height:14px;color:var(--gold)}
.hero h1{max-width:12ch;margin:0 0 16px}
.hero .promise{font-size:17px;line-height:1.45;margin:0 0 24px;max-width:30ch}
.hero-cta{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin:0 0 32px}
.btn-hero{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:0 24px;font-size:17px;font-weight:700;border-radius:18px}
.btn-hero .li{width:18px;height:18px;transition:transform .2s var(--ease)}
.btn-hero:hover .li{transform:translateX(3px)}
.hero-sample{color:#fff;font-weight:600;font-size:15px;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.35);padding:4px 0;min-height:44px}
.hero-vis{position:relative;height:300px;margin:0 0 32px;display:flex;align-items:center;justify-content:center;perspective:900px}
.orb{position:absolute;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(185,166,255,.55),rgba(110,100,255,.25) 45%,transparent 70%),radial-gradient(circle at 70% 75%,rgba(244,183,64,.30),transparent 55%);filter:blur(28px);animation:wtcOrb 9s ease-in-out infinite alternate}
@keyframes wtcOrb{from{transform:scale(.92) translateY(6px)}to{transform:scale(1.06) translateY(-6px)}}
.mock{position:relative;width:236px;padding:18px 18px 20px;border-radius:28px;box-sizing:border-box;background:linear-gradient(150deg,rgba(255,255,255,.16),rgba(255,255,255,.05) 50%,rgba(255,255,255,.08));-webkit-backdrop-filter:blur(22px) saturate(160%);backdrop-filter:blur(22px) saturate(160%);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),inset 0 0 0 1px rgba(255,255,255,.10),0 40px 80px -30px rgba(2,4,18,.9),0 0 60px -20px rgba(142,140,255,.45);transform:rotateX(8deg) rotateY(-12deg) rotateZ(2deg);animation:wtcFloat 7s ease-in-out infinite alternate;overflow:hidden}
.mock::before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.16) 45%,transparent 60%);background-size:250% 100%;animation:wtcGlint 6s ease-in-out 1s infinite;pointer-events:none}
@keyframes wtcFloat{from{transform:rotateX(8deg) rotateY(-12deg) rotateZ(2deg) translateY(0)}to{transform:rotateX(4deg) rotateY(-6deg) rotateZ(1deg) translateY(-10px)}}
@keyframes wtcGlint{0%{background-position:130% 0}40%,100%{background-position:-30% 0}}
.mock-top{display:flex;justify-content:space-between;align-items:center;margin:0 0 12px}
.mock-h{font-size:13px;font-weight:600;color:#fff}
.mock-tag{font-family:"Space Mono",monospace;font-size:9px;font-weight:700;letter-spacing:.14em;color:#E9EBFF;padding:3px 7px;border-radius:99px;background:rgba(255,255,255,.10)}
.mock-ring{position:relative;width:132px;height:132px;margin:0 auto 10px}
.mock-ring svg{width:100%;height:100%;transform:rotate(-90deg);filter:drop-shadow(0 0 10px rgba(185,166,255,.45))}
.mr-track{fill:none;stroke:rgba(255,255,255,.08);stroke-width:9}
.mr-arc{fill:none;stroke:url(#mockGrad);stroke-width:9;stroke-linecap:round;stroke-dasharray:314.16;stroke-dashoffset:87.96;animation:wtcMock 1.8s var(--ease) .3s both}
@keyframes wtcMock{from{stroke-dashoffset:314.16}}
.mock-num{position:absolute;inset:0;display:flex;align-items:baseline;justify-content:center;padding-top:42px;font-family:"Space Mono",monospace;font-weight:700}
.mock-num b{font-size:40px;line-height:1;letter-spacing:-.04em}.mock-num small{font-size:12px;color:var(--mut)}
.mock-chip{display:block;width:max-content;margin:0 auto 14px;font-family:"Space Mono",monospace;font-size:9.5px;font-weight:700;letter-spacing:.12em;color:#1E2A5A;background:#F4B740 linear-gradient(180deg,#FFD478,#F4B740);padding:4px 10px;border-radius:99px;box-shadow:0 0 16px rgba(244,183,64,.45)}
.mock-bars{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.mock-bars li{display:grid;grid-template-columns:52px 1fr;align-items:center;gap:8px;font-size:11px;color:var(--mut2)}
.mock-bars i{display:block;height:5px;border-radius:9px;background:rgba(255,255,255,.08);position:relative;overflow:hidden}
.mock-bars i::after{content:"";position:absolute;left:0;top:0;bottom:0;width:var(--w);border-radius:9px;background:linear-gradient(90deg,#8E8CFF,#C9B8FF 70%,#F4B740)}
.ticks{list-style:none;margin:0;padding:0;display:grid;gap:12px;font-size:14px;color:var(--mut2)}
.ticks li{display:flex;align-items:center;gap:12px;padding:0;line-height:20px}
.ticks li::before{display:none!important}
.ticks .li{flex:none;width:32px;height:32px;padding:7px;box-sizing:border-box;border-radius:10px;color:#E9EBFF;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.10),inset 0 1px 0 rgba(255,255,255,.12)}
/* one gold CTA on screen: the dock waits until the hero button scrolls away */
.dock{transition:transform .35s var(--ease),opacity .35s ease}
html.hero-in .dock{transform:translateY(110%);opacity:0;pointer-events:none;visibility:hidden;transition:transform .35s var(--ease),opacity .35s ease,visibility 0s .35s}

/* glass, done right: fewer outlines, inner highlight, very soft deep shadow */
.step,.rhead>.wrap,.vsec,.cta,.ba,details.why.big,.pbody .opt,.sheet-in{background:var(--glass12),rgba(22,30,72,.35);border:0!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.07),inset 0 1px 0 rgba(255,255,255,.14),var(--sh);-webkit-backdrop-filter:saturate(160%) blur(24px);backdrop-filter:saturate(160%) blur(24px);border-radius:24px}
.sec,.keynums,.vsec details.why,.rhead details.why,.mcard,.ccard,.kpi,.tf{border:0!important;background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px rgba(255,255,255,.07),inset 0 1px 0 rgba(255,255,255,.08)}
.vsec{padding:24px 20px;margin:0 0 16px}
.rbody{padding-top:8px}

/* stepper: connected nodes */
.stepbar{position:relative;gap:0;margin:8px 0 24px;counter-reset:none}
.stepbar li{flex:1;flex-direction:column;align-items:center;gap:8px;border:0!important;box-shadow:none!important;padding:0;font-size:12px;font-weight:600;color:var(--mut);position:relative;overflow:visible}
.stepbar li::before{content:"";position:absolute;top:15px;left:-50%;right:50%;height:2px;border-radius:2px;background:rgba(255,255,255,.10)}
.stepbar li:first-child::before{display:none}
.stepbar li.on::before,.stepbar li.done::before{background:linear-gradient(90deg,#8E8CFF,#F4B740)}
.stepbar li span{position:relative;z-index:1;width:32px;height:32px;font-size:13px;border:0;background:#141C46;color:var(--mut2);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
.stepbar li.on{color:#fff}.stepbar li.on span{background:linear-gradient(180deg,#FFD478,#F4B740);color:#1E2A5A;box-shadow:0 0 0 4px rgba(244,183,64,.16),0 0 18px rgba(244,183,64,.5)}
.stepbar li.done{color:#fff}.stepbar li.done span{background:#2A3570;color:transparent;box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)}
.stepbar li.done span::after{content:"";position:absolute;inset:8px;background:#fff;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.7'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M5%2012.5l4.5%204.5L19%207.5'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.7'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M5%2012.5l4.5%204.5L19%207.5'/%3E%3C/svg%3E") center/contain no-repeat}
.step{padding:28px 20px 24px}
.step .sh{margin:0 0 8px}.step .ssub{font-size:15px;margin:0 0 24px}

/* inputs: big, calm, gold focus */
input[type=text],input[type=email],input[type=number],select,textarea,.step input[type=email],.pbody input[type=text],.pbody input[type=email]{min-height:56px;padding:0 16px;font-size:16px;border-radius:16px;background:rgba(6,10,32,.45);border:0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),inset 0 2px 4px rgba(0,0,0,.25);color:#fff;transition:box-shadow .2s ease,background .2s ease}
textarea{padding:14px 16px}
input:focus,select:focus,textarea:focus{outline:none;background:rgba(6,10,32,.6);box-shadow:inset 0 0 0 1.5px rgba(244,183,64,.9),0 0 0 4px rgba(244,183,64,.14)}
.field label{font-size:13px;font-weight:600;color:var(--mut2);margin-bottom:8px}
.chip span{min-height:44px;border-radius:14px}

/* upload dropzone */
.mcard{padding:20px;margin:0 0 12px;border-radius:20px}
.mcard h4{display:flex;align-items:center;gap:12px;margin:0 0 8px}
.mcard h4::before{content:"";flex:none;width:36px;height:36px;border-radius:11px;background:rgba(255,255,255,.07) url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.7'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Crect%20x='3'%20y='3'%20width='18'%20height='18'%20rx='4'/%3E%3Ccircle%20cx='9'%20cy='9'%20r='2'/%3E%3Cpath%20d='M21%2015l-5-5L5%2021'/%3E%3C/svg%3E") center/18px no-repeat;box-shadow:inset 0 0 0 1px rgba(255,255,255,.10)}
.mcard h4::before{background:none;-webkit-mask:none;mask:none}
.mcard h4{position:relative}
.mcard h4::after{content:"";position:absolute;left:9px;top:50%;width:18px;height:18px;margin-top:-9px;background:#E9EBFF;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.7'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Crect%20x='3'%20y='3'%20width='18'%20height='18'%20rx='4'/%3E%3Ccircle%20cx='9'%20cy='9'%20r='2'/%3E%3Cpath%20d='M21%2015l-5-5L5%2021'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.7'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Crect%20x='3'%20y='3'%20width='18'%20height='18'%20rx='4'/%3E%3Ccircle%20cx='9'%20cy='9'%20r='2'/%3E%3Cpath%20d='M21%2015l-5-5L5%2021'/%3E%3C/svg%3E") center/contain no-repeat}
#xrCard h4::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.7'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Crect%20x='3'%20y='4'%20width='18'%20height='16'%20rx='3'/%3E%3Cpath%20d='M10%209.5v5l4-2.5z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.7'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Crect%20x='3'%20y='4'%20width='18'%20height='16'%20rx='3'/%3E%3Cpath%20d='M10%209.5v5l4-2.5z'/%3E%3C/svg%3E")}
#pfCard h4::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.7'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Crect%20x='3'%20y='3'%20width='18'%20height='18'%20rx='4'/%3E%3Ccircle%20cx='12'%20cy='10'%20r='3'/%3E%3Cpath%20d='M7%2019c1-2.6%202.8-4%205-4s4%201.4%205%204'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.7'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Crect%20x='3'%20y='3'%20width='18'%20height='18'%20rx='4'/%3E%3Ccircle%20cx='12'%20cy='10'%20r='3'/%3E%3Cpath%20d='M7%2019c1-2.6%202.8-4%205-4s4%201.4%205%204'/%3E%3C/svg%3E")}
.mcard h4::before{background:rgba(255,255,255,.07)}
.filebtn{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:104px!important;border-radius:16px!important;background:rgba(255,255,255,.025)!important;border:1.5px dashed rgba(255,255,255,.22)!important;box-shadow:none!important;color:#fff!important;font-weight:600;transition:border-color .2s ease,background .2s ease}
.filebtn::before{content:"";position:static!important;width:24px!important;height:24px!important;border-radius:0!important;background:#F4B740!important;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.7'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M12%2015V4M7%209l5-5%205%205'/%3E%3Cpath%20d='M4%2015v3a2%202%200%200%200%202%202h12a2%202%200%200%200%202-2v-3'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.7'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M12%2015V4M7%209l5-5%205%205'/%3E%3Cpath%20d='M4%2015v3a2%202%200%200%200%202%202h12a2%202%200%200%200%202-2v-3'/%3E%3C/svg%3E") center/contain no-repeat;transform:none!important;animation:none!important;opacity:1!important}
.filebtn::after{display:none!important}
.filebtn:hover,.filebtn:active{border-color:rgba(244,183,64,.7)!important;background:rgba(244,183,64,.05)!important}

/* buttons: press states, shimmer on gold only */
.btn{transition:transform .18s var(--ease),box-shadow .25s ease,filter .2s ease,background .2s ease}
.btn:active{transform:scale(.97)}
.btn-gold{border:0;box-shadow:inset 0 1px 0 rgba(255,255,255,.6),inset 0 -1px 0 rgba(120,70,0,.25),0 14px 30px -12px rgba(244,183,64,.75),0 0 0 1px rgba(244,183,64,.35)}
.btn-gold::after{width:35%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);animation:wtcSheen 4.5s ease-in-out 1s infinite}
.btn-indigo::after{display:none}
.btn-indigo{border:0;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14),inset 0 1px 0 rgba(255,255,255,.18)}
.btn-indigo:hover{background:rgba(255,255,255,.12)}
.btn-outline,.btn-ghost{border:0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)}

/* report: hero-level score card */
.rhead{padding:24px var(--col) 0}
.rhead>.wrap{padding:32px 24px 24px;border-radius:32px;background:radial-gradient(80% 50% at 50% 0%,rgba(142,140,255,.22),transparent 70%),radial-gradient(60% 40% at 50% 100%,rgba(244,183,64,.08),transparent 70%),linear-gradient(160deg,rgba(255,255,255,.10),rgba(255,255,255,.03) 60%),rgba(22,30,72,.40);box-shadow:inset 0 0 0 1px rgba(255,255,255,.09),inset 0 1px 0 rgba(255,255,255,.22),0 40px 80px -36px rgba(2,4,18,.95),0 0 80px -40px rgba(142,140,255,.6)}
.rhead h2{font-size:var(--t2);margin:0 0 24px}
.dial-wrap{width:224px;height:224px;padding:16px;background:radial-gradient(circle at 50% 30%,rgba(255,255,255,.10),rgba(255,255,255,0) 60%),rgba(6,10,32,.40);box-shadow:inset 0 1px 0 rgba(255,255,255,.25),inset 0 -16px 32px rgba(2,4,18,.55),inset 0 0 0 1px rgba(255,255,255,.08),0 0 60px -10px rgba(142,140,255,.45)}
.dial{filter:drop-shadow(0 0 10px rgba(185,166,255,.55)) drop-shadow(0 0 18px rgba(244,183,64,.25))}
.dial-track{stroke:rgba(255,255,255,.07);stroke-width:10}
.dial-arc{stroke:url(#dialGrad);stroke-width:10;transition:stroke-dashoffset 1.4s cubic-bezier(.2,.7,.2,1)}
.dial-text{padding-top:76px}
.dial-text span{font-size:64px;letter-spacing:-.05em}
.dial-text small{font-size:15px;color:var(--mut)}
.rhead .grade{display:block;width:max-content;max-width:100%;margin:20px auto 0;padding:6px 16px;border-radius:99px;font-size:15px;letter-spacing:.06em;text-transform:uppercase;color:#1E2A5A;background:#F4B740 linear-gradient(180deg,#FFD478,#F4B740);text-shadow:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 8px 24px -8px rgba(244,183,64,.7)}
.cov{background:none;box-shadow:none;border:0;color:var(--mut2);font-size:12px;margin:12px auto 0;padding:0}
.asof{color:var(--mut)}
.tfh{color:#E9EBFF;margin:28px 0 12px}
.tf{padding:12px 16px 12px 12px;border-radius:18px}
.tf .ico{width:40px;height:40px;padding:9px;border-radius:12px;background:rgba(244,183,64,.12);color:#F4B740;box-shadow:inset 0 0 0 1px rgba(244,183,64,.3)}
.tf b{font-size:15px;font-weight:600}
.actions{gap:12px}

/* charts: thin strokes, gradient fills, rounded bars, clear labels */
.glance{gap:20px}
.donut{width:136px;height:136px;filter:drop-shadow(0 0 12px rgba(142,140,255,.25))}
.donut .dn{font-family:"Space Mono",monospace;font-weight:700;font-size:26px;fill:#fff;letter-spacing:-.04em}
.donut .dl{font-family:"Space Mono",monospace;font-size:7.5px;letter-spacing:.16em;fill:rgba(255,255,255,.66)}
.dleg{flex:1;gap:10px}
.dleg li{display:grid;grid-template-columns:10px 1fr auto;gap:10px;font-size:14px;color:var(--mut2)}
.dleg i{width:10px;height:10px;border-radius:50%}
.lg-pass i{background:linear-gradient(135deg,#C9C6FF,#8E8CFF)!important}.lg-warn i{background:#F4B740!important}.lg-fail i{background:#D9705E!important}.lg-none i{background:rgba(255,255,255,.18)!important}
.dleg b{color:#fff;text-align:right;min-width:0}
.abars{gap:16px}
.abars li{grid-template-columns:1fr auto;grid-template-areas:"an b" "at at";gap:8px 12px;font-size:14px}
.abars .an{grid-area:an;gap:10px;color:#fff}.abars b{grid-area:b;font-size:14px}
.abars .an .ico{width:18px;height:18px;color:var(--mut2)}
.abars .at{grid-area:at;position:relative;height:6px;border:0;border-radius:9px;background:rgba(255,255,255,.07);overflow:visible}
.abars .at i{border-radius:9px;transition:width 1.1s var(--ease)}
.ab-hi .at i{background:linear-gradient(90deg,#8E8CFF,#C9C6FF)!important;box-shadow:0 0 12px rgba(142,140,255,.5)}
.ab-mid .at i{background:linear-gradient(90deg,#C98A1C,#F4B740)!important;box-shadow:0 0 12px rgba(244,183,64,.4)}
.ab-lo .at i{background:linear-gradient(90deg,#A63D2E,#E07B68)!important;box-shadow:0 0 12px rgba(224,123,104,.4)}
.ab-none .an,.ab-none b{color:var(--mut)}
.abars .t70{position:absolute;left:70%;top:-3px;bottom:-3px;width:1.5px;border-radius:2px;background:rgba(255,255,255,.35)}
.rkey .k-70b{display:inline-block;width:2px;height:12px;border-radius:2px;background:rgba(255,255,255,.45);margin:0 8px -2px 0}
.rkey{font-size:12px;color:var(--mut);margin:16px 0 0}
.radar .rg{stroke:rgba(255,255,255,.08)}
.radar .r70{stroke:rgba(244,183,64,.6);stroke-width:1;stroke-dasharray:3 5}
.radar .rp{fill:url(#rpFill);stroke:#B9A6FF;stroke-width:1.6;stroke-linejoin:round;filter:drop-shadow(0 0 8px rgba(142,140,255,.5))}
.radar .rd{fill:#fff;stroke:#8E8CFF;stroke-width:2}
.radar .rl{fill:rgba(255,255,255,.85);font-weight:500}.radar .rn{fill:rgba(255,255,255,.5)}
.gauges{gap:20px}
.gauges li{display:block}
.gt{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:14px;color:#fff}
.gt b{font-family:"Space Mono",monospace;font-size:15px;background:none!important;padding:0!important}
.gt b.st-pass{color:#C9C6FF}.gt b.st-warn{color:#F4B740}.gt b.st-fail{color:#F2A79A}
.gb{position:relative;height:6px;margin:10px 0 8px;border-radius:9px;background:rgba(255,255,255,.07);overflow:visible}
.gb .gf{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:9px;transition:width 1.1s var(--ease)}
.viz.in .gb .gf{width:var(--w)}
.g-pass .gf{background:linear-gradient(90deg,#8E8CFF,#C9C6FF);box-shadow:0 0 12px rgba(142,140,255,.5)}
.g-warn .gf{background:linear-gradient(90deg,#C98A1C,#F4B740);box-shadow:0 0 12px rgba(244,183,64,.4)}
.g-fail .gf{background:linear-gradient(90deg,#A63D2E,#E07B68);box-shadow:0 0 12px rgba(224,123,104,.4)}
.gaim{position:absolute;left:var(--x);top:-5px;bottom:-5px;width:2px;margin-left:-1px;border-radius:2px;background:#fff;box-shadow:0 0 0 3px rgba(10,15,44,.9)}
.gk{display:flex;align-items:center;gap:8px}
.gs{font-style:normal;font-family:"Space Mono",monospace;font-size:10px;font-weight:700;letter-spacing:.08em;padding:2px 7px;border-radius:99px}
.gs.st-pass{background:rgba(201,198,255,.14);color:#DCDAFF}.gs.st-warn{background:rgba(244,183,64,.16);color:#F4B740}.gs.st-fail{background:rgba(242,167,154,.14);color:#F2A79A}
.gauges small{font-size:11px;color:var(--mut2)}
.src2{color:var(--mut);font-size:10px}
.weeks{gap:12px}
.weeks li{background:rgba(255,255,255,.04)!important;border:0!important;border-radius:18px;padding:16px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.07),inset 0 1px 0 rgba(255,255,255,.08)}
.weeks small{color:#F4B740}

/* Why / Source taps */
details.why summary{color:#E9EBFF}

/* footer: wordmark text, no second logo */
.foot{text-align:center}
.foot .fname{font-family:Excon,Inter,sans-serif;font-size:18px;letter-spacing:.02em;font-weight:700;color:#fff;margin:0 0 8px}
.foot .small{color:var(--mut)}

/* staggered entrance */
.wtc-rv .hero-copy>*,.wtc-rv .hero-vis,.wtc-rv .ticks{animation:wtcRise .7s var(--ease) both}
.wtc-rv .hero-copy>:nth-child(2){animation-delay:.06s}.wtc-rv .hero-copy>:nth-child(3){animation-delay:.12s}.wtc-rv .hero-copy>:nth-child(4){animation-delay:.18s}.wtc-rv .hero-vis{animation-delay:.24s}.wtc-rv .ticks{animation-delay:.32s}
.report:not([hidden]) .rhead>.wrap{animation:wtcRise .7s var(--ease) both}

@media (max-width:380px){:root{--t1:36px;--t2:26px}.hero-vis{height:280px}.dial-wrap{width:208px;height:208px}.dial-text{padding-top:70px}.dial-text span{font-size:58px}}
@media (min-width:720px){.hero{text-align:left}.hero h1{font-size:52px}}
@media (prefers-reduced-motion:reduce){body::before,.orb,.mock,.mock::before,.mr-arc,.btn-gold::after{animation:none!important}.mock{transform:rotateX(6deg) rotateY(-10deg)}.dock{transition:none}}

/* Day 12 follow-ups */
.hero h1{max-width:none}
details.why>summary{font-family:Inter,system-ui,sans-serif;font-size:14px;font-weight:600;letter-spacing:0;color:#E9EBFF;padding:0 16px;min-height:48px}
details.why>summary::after{content:"";width:16px;height:16px;background:rgba(255,255,255,.7);-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.7'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M9%206l6%206-6%206'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.7'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M9%206l6%206-6%206'/%3E%3C/svg%3E") center/contain no-repeat;transform:rotate(90deg);transition:transform .25s var(--ease)}
details.why[open]>summary::after{content:"";transform:rotate(-90deg)}
.actions{grid-template-columns:1fr;gap:12px}
.actions .btn{min-height:56px;font-size:16px;font-weight:700}
.back{display:inline-flex;align-items:center;gap:6px;text-decoration:none!important;color:var(--mut2)!important;font-size:14px;font-weight:600;min-height:44px}
.back::before{content:"";width:16px;height:16px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.7'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M9%206l6%206-6%206'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.7'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M9%206l6%206-6%206'/%3E%3C/svg%3E") center/contain no-repeat;transform:rotate(180deg)}

/* ---------- Day 13: polish (outline-free fix cards, X-ray in palette) ---------- */
.fixes>li{border:0!important;background:var(--glass12);box-shadow:var(--hl),var(--sh)}
.fixes li ul li{border:0!important;background:none!important;box-shadow:none!important}
.xrep{border:0;background:rgba(255,255,255,.04);box-shadow:var(--hl)}
.xt-bg{stroke:none;fill:rgba(255,255,255,.08)}
.xt-gap{fill:rgba(143,135,255,.9)}.k-gap{background:rgba(143,135,255,.9)}
.xt-hook{fill:#F4B740;fill-opacity:.9}.k-hook{background:#F4B740}
.xhook img{border:0;box-shadow:0 16px 32px -16px rgba(2,4,18,.85)}
.xhook figcaption{background:#1E2A5A}
.xchips li{border:0;border-left:4px solid rgba(255,255,255,.32);background:rgba(255,255,255,.05);box-shadow:var(--hl)}
.xchips .c-warn{border-left-color:#F4B740}.xchips .c-fail{border-left-color:var(--fail)}

/* ---------- Day 14: How you compare (benchmark from real audits) ---------- */
#benchSec[hidden]{display:none}
.bm-head{margin:0 0 16px;font-size:var(--t5);color:var(--mut2)}
.bm{list-style:none;margin:0;padding:0;display:grid;gap:16px}
.bm li{display:grid;grid-template-columns:1fr auto;grid-template-areas:"cn b" "ct ct";gap:8px 12px;font-size:var(--t4);color:#fff}
.bm .bn2{grid-area:cn;min-width:0}
.bm b{grid-area:b;font-family:"Space Mono",monospace;font-variant-numeric:tabular-nums}
.bm .bt{grid-area:ct;position:relative;height:8px;border-radius:9px;background:rgba(255,255,255,.07)}
.bm .bt i{display:block;height:100%;border-radius:9px}
.bm .c-you .bt i{background:linear-gradient(90deg,#C98A1C,#F4B740);box-shadow:0 0 12px rgba(244,183,64,.4)}
.bm .c-avg .bt i{background:linear-gradient(90deg,#8E8CFF,#C9C6FF);box-shadow:0 0 12px rgba(142,140,255,.45)}
.bm.areas{gap:16px;margin-top:8px}
.bm.areas li{font-size:var(--t5)}
.bm.areas .bt{height:6px}
.bm.areas .bt i{background:rgba(255,255,255,.55)}
.bm .bt em{position:absolute;top:-4px;bottom:-4px;width:2px;margin-left:-1px;border-radius:2px;background:#F4B740}
.bm-line{margin:16px 0 24px;font-size:var(--t4);color:#fff}
.bm-sub{margin:0 0 8px;font-size:var(--t5);color:var(--mut2)}
.bm-src{margin:16px 0 0;font-size:var(--t5);color:var(--mut)}
.bm-wait{display:flex;gap:12px;align-items:flex-start;margin:0;font-size:var(--t4);color:var(--mut2);line-height:1.45}
.bm-ico{flex:0 0 20px;width:20px;height:20px;margin-top:2px;background:var(--mut2);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20V10M10 20V4M16 20v-7M22 20H2'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20V10M10 20V4M16 20v-7M22 20H2'/%3E%3C/svg%3E") center/contain no-repeat}

/* ---------- Stage 16: 3-field auto audit ---------- */
.auto-on .stepbar{display:none}
#step1.s1auto>:not(#autoBox),#step1.s1no>:not(#autoNo){display:none!important}
.auto-busy .dock{display:none}
.auto-on .dock .meter{visibility:hidden}
.autobox,.autono{text-align:center;padding:16px 0 8px;margin:0}
.autobox .sh,.autono .sh{font-size:20px;margin:16px 0 8px;overflow-wrap:anywhere}
.autobox .ssub,.autono .ssub{font-size:16px;color:var(--muted);margin:0 auto 16px;max-width:30em}
.autoH{color:var(--ink)}
.aspin{display:inline-block;width:48px;height:48px;border-radius:50%;border:3px solid rgba(255,255,255,.14);border-top-color:var(--gold);animation:spin 1s linear infinite}
.asteps{list-style:none;margin:0 auto;padding:0;max-width:300px;text-align:left;font-size:16px}
.asteps li{position:relative;padding:8px 0 8px 32px;color:var(--muted)}
.asteps li::before{content:"";position:absolute;left:4px;top:13px;width:14px;height:14px;border-radius:50%;border:1.5px solid var(--line-strong)}
.asteps li.on{color:var(--ink)}.asteps li.on::before{border-color:var(--gold);box-shadow:0 0 0 4px rgba(244,183,64,.18)}
.asteps li.done{color:var(--ink)}.asteps li.done::before{background:var(--gold);border-color:var(--gold)}
.anoico{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:var(--glass-2);color:var(--gold)}.anoico .li{width:28px;height:28px}
.anofree{font-size:13px;color:var(--ink);background:var(--soft);border-radius:999px;display:inline-block;padding:4px 12px;margin:0 0 16px}
.autono .linkbtn{margin-top:8px;font-size:16px}
.igstats{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.igstats li{background:var(--glass);border-radius:16px;padding:12px;box-shadow:inset 0 1px 0 rgba(255,255,255,.14);min-width:0}
.igstats small{display:block;font-size:13px;color:var(--muted);line-height:1.35}
.igstats b{display:block;font-size:16px;color:var(--ink);margin-top:4px;overflow-wrap:anywhere}
.igstats b a{color:var(--ink);text-decoration:underline;text-decoration-color:rgba(255,255,255,.4)}
.igstats span{display:block;font-size:13px;color:var(--muted);margin-top:2px}
.ignote{font-size:13px;color:var(--muted);margin:12px 0 0}.ignote b{color:var(--ink)}
.lt .ltl{position:absolute;left:0;right:0;bottom:0;font-size:13px;line-height:1.6;padding:0 6px;color:#fff;background:linear-gradient(transparent,rgba(18,26,60,.85));text-align:left}
.lt .ltl:empty{display:none}