/* mbapredictor: single typeface (Inter), light editorial theme */
:root{
  --bg:#F6F5F1;--card:#FFFFFF;--card2:#FBFAF7;--line:#E6E3DA;--line2:#D3CFC3;
  --tx:#0F1A2E;--mut:#4E596C;--dim:#7B8596;--ink:#0E1B33;
  --gold:#1F4FD8;--gold2:#0E1B33;--gold3:#183FAE;
  --safe:#1E8E4E;--target:#0E7C86;--reach:#B7791F;--long:#C0392B;--grey:#7B8596;
  --r:14px;--sans:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;--serif:var(--sans);
  --sh:0 1px 2px rgba(15,26,46,.05),0 10px 28px -14px rgba(15,26,46,.14);
}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth;scroll-padding-top:84px;-webkit-text-size-adjust:100%}
body{background:var(--bg);color:var(--tx);font:15px/1.6 var(--sans);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;font-feature-settings:"cv11","ss01"}
a{color:inherit}button{font:inherit;color:inherit;cursor:pointer;background:none;border:0}
.bg-glow{display:none}
.wrap{width:100%;max-width:1140px;margin:0 auto;padding:0 24px;position:relative;z-index:1}
.serif{font-weight:600;letter-spacing:-.02em}
.gold{color:var(--gold)}.muted{color:var(--mut)}.dim{color:var(--dim)}
.eyebrow{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--gold);font-weight:600}
h1,h2,h3,h4{font-family:var(--sans);font-weight:600;letter-spacing:-.02em;color:var(--ink)}
.big,.stats b,.gauge b,.sidecard b{font-variant-numeric:tabular-nums}

/* header */
.top{position:sticky;top:0;z-index:30;background:rgba(246,245,241,.9);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.top .wrap{display:flex;align-items:center;justify-content:space-between;height:68px}
.logo{display:flex;align-items:center;gap:11px;text-decoration:none;cursor:pointer}
.logo i{width:38px;height:38px;display:block;flex:none}
.logo i svg{width:38px;height:38px;display:block}
.wm{display:flex;flex-direction:column;line-height:1}
.wm-t{font-size:21px;font-weight:700;letter-spacing:-.04em;color:var(--ink)}
.wm-t em{font-style:normal;font-weight:700;color:var(--gold)}
.wm-s{display:none}
.top nav{display:flex;gap:6px;align-items:center}
.navlinks{display:flex;gap:2px;margin-right:12px}
.navlinks a{padding:8px 13px;font-size:14px;font-weight:500;color:var(--mut);text-decoration:none;border-radius:8px;transition:.15s}
.navlinks a:hover{color:var(--ink);background:rgba(15,26,46,.05)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 24px;border-radius:10px;font-weight:600;font-size:15px;transition:transform .15s,background .15s,box-shadow .15s,border-color .15s;white-space:nowrap}
.btn:active{transform:scale(.98)}
.btn-gold{background:var(--ink);color:#fff;box-shadow:0 1px 2px rgba(15,26,46,.2),0 8px 18px -8px rgba(15,26,46,.45)}
.btn-gold:hover{background:#1B2D52}
.btn-ghost{border:1px solid var(--line2);background:#fff;color:var(--ink)}
.btn-ghost:hover{border-color:var(--ink)}
.btn-sm{padding:9px 16px;font-size:13.5px;border-radius:9px}
.btn[disabled]{opacity:.4;pointer-events:none}
:focus-visible{outline:2px solid var(--gold);outline-offset:2px}

/* hero */
.hero{padding:84px 0 36px;text-align:center}
.hero h1{font-size:clamp(36px,5.6vw,66px);line-height:1.06;letter-spacing:-.035em;margin:16px auto 20px;max-width:16em;font-weight:700}
.hero p.lead{color:var(--mut);font-size:clamp(16px,1.8vw,19px);max-width:38em;margin:0 auto 32px}
.hero .cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.hero .micro{margin-top:14px;font-size:13px;color:var(--dim)}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;margin:52px 0 0}
.stats div{background:var(--card);padding:22px 16px;text-align:center}
.stats b{display:block;font-size:32px;font-weight:700;letter-spacing:-.03em;color:var(--ink)}
.stats span{font-size:13px;color:var(--mut)}
.how{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:40px 0}
.how .c{padding:26px;border-radius:var(--r);background:var(--card);border:1px solid var(--line);text-align:left}
.how .n{font-size:13px;font-weight:700;color:var(--gold);letter-spacing:.06em}
.how h3{font-size:19px;margin:8px 0 6px}
.how p{color:var(--mut);font-size:14.5px}
.trust{display:flex;flex-wrap:wrap;gap:8px 22px;justify-content:center;color:var(--dim);font-size:13px;margin:6px 0 20px}
.trust span:before{content:"✓ ";color:var(--safe);font-weight:700}
.preview{margin:48px auto 0;max-width:720px;text-align:left;padding:24px;border-radius:18px;border:1px solid var(--line);background:var(--card);box-shadow:var(--sh);position:relative}
.preview:before{content:"SAMPLE RESULT";position:absolute;top:-10px;left:22px;font-size:12px;letter-spacing:.1em;color:#fff;background:var(--ink);padding:3px 10px;border-radius:6px;font-weight:600}
.pv-h{display:flex;gap:18px;align-items:center;padding-bottom:16px;border-bottom:1px solid var(--line)}
.pv-g{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;font-size:26px;font-weight:700;color:var(--ink);background:conic-gradient(var(--ink) 0 73%,#E8E5DC 0);position:relative;flex:none}
.pv-g:after{content:"";position:absolute;inset:7px;border-radius:50%;background:var(--card)}.pv-g span{position:relative;z-index:1}
.pv-r{display:grid;grid-template-columns:1fr 100px 46px;gap:12px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line);font-size:14px}
.pv-r:last-child{border:0;padding-bottom:0}

/* wizard */
.wiz{display:grid;grid-template-columns:240px 1fr;gap:32px;padding:36px 0 80px;align-items:start}
.steps{position:sticky;top:92px;display:flex;flex-direction:column;gap:2px}
.step-i{display:flex;gap:12px;align-items:center;padding:10px 12px;border-radius:10px;text-align:left;color:var(--dim);transition:.15s}
.step-i .dot{width:28px;height:28px;border-radius:50%;border:1.5px solid var(--line2);display:grid;place-items:center;font-size:12.5px;font-weight:600;flex:none;background:#fff}
.step-i small{display:block;font-size:12px;color:var(--dim)}
.step-i b{display:block;font-weight:600;font-size:14px}
.step-i.on{background:#fff;color:var(--ink);box-shadow:var(--sh)}
.step-i.on .dot{background:var(--ink);color:#fff;border-color:var(--ink)}
.step-i.done{color:var(--mut)}
.step-i.done .dot{background:var(--safe);color:#fff;border-color:var(--safe)}
.sidecard{margin-top:16px;padding:16px;border-radius:12px;border:1px solid var(--line);background:#fff;font-size:13px;color:var(--mut)}
.sidecard b{display:block;font-size:26px;font-weight:700;letter-spacing:-.03em;color:var(--ink);line-height:1.1}
.sidecard .progress{margin:10px 0 8px;height:4px}
.sidecard em{font-style:normal;color:var(--ink);font-weight:600}
.panel{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:36px;box-shadow:var(--sh)}
.panel h2{font-size:clamp(25px,3vw,32px);line-height:1.15}
.panel .sub{color:var(--mut);margin:8px 0 28px;max-width:40em}
.progress{height:4px;background:#ECE9E0;border-radius:4px;margin-bottom:24px;overflow:hidden}
.progress i{display:block;height:100%;background:var(--ink);border-radius:4px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:22px 20px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.f{display:flex;flex-direction:column;gap:8px;min-width:0}
.f.full{grid-column:1/-1}
.f>label,.lbl{font-size:13.5px;font-weight:600;color:var(--ink);display:flex;justify-content:space-between;gap:8px;align-items:baseline}
.f>label em,.lbl em{font-style:normal;font-weight:400;color:var(--dim);font-size:12px}
.hint{font-size:12.5px;color:var(--dim)}
input[type=text],input[type=number],input[type=email],input[type=tel],select{width:100%;background:#fff;border:1px solid var(--line2);color:var(--tx);border-radius:10px;padding:12px 14px;font:inherit;outline:none;transition:border .15s,box-shadow .15s;-webkit-appearance:none;appearance:none}
select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none' stroke='%237B8596' stroke-width='1.6'%3E%3Cpath d='M1 1l5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px}
input:focus,select:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(31,79,216,.14)}
input::placeholder{color:#A4ACB8}
.inp-u{position:relative}.inp-u span{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--dim);font-size:13px;pointer-events:none}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{padding:9px 15px;border-radius:9px;border:1px solid var(--line2);background:#fff;font-size:14px;font-weight:500;transition:.15s;text-align:left;color:var(--tx)}
.chip small{display:block;font-size:12px;color:var(--dim);margin-top:1px;font-weight:400}
.chip:hover{border-color:var(--ink)}
.chip.on{background:var(--ink);border-color:var(--ink);color:#fff}
.chip.on small{color:#B8C2D6}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}
.pick{padding:18px;border-radius:12px;border:1px solid var(--line2);background:#fff;text-align:left;transition:.15s;display:flex;flex-direction:column;gap:4px}
.pick .ic{font-size:22px;font-weight:600;color:var(--gold);line-height:1;margin-bottom:6px}
.pick b{font-weight:600;font-size:14.5px;color:var(--ink)}.pick span{font-size:12.5px;color:var(--mut)}
.pick:hover{border-color:var(--ink)}
.pick.on{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink);background:#F3F5FB}
.sec-t{font-size:18px;font-weight:600;margin:34px 0 8px;padding-top:26px;border-top:1px solid var(--line);color:var(--ink)}
.sec-t:first-child{margin-top:0;padding-top:0;border:0}
.nav{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:32px;padding-top:24px;border-top:1px solid var(--line)}
.err{color:var(--long);font-size:13.5px;margin-top:14px;min-height:18px;font-weight:500}
.note{padding:13px 16px;border-radius:10px;background:#EEF3FF;border:1px solid #D5E0FA;color:#23407F;font-size:14px}
.note.warn{background:#FFF6E6;border-color:#F2DDB2;color:#7A5410}
.sk{padding:16px 18px;border-radius:12px;border:1px solid var(--line);background:var(--card2)}
.sk-h{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px;font-size:14px;font-weight:600}
.sk-h output{font-weight:500;color:var(--gold);font-size:12.5px}
input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:4px;border-radius:4px;background:var(--line2);outline:none;padding:0;border:0;box-shadow:none}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--ink);border:3px solid #fff;box-shadow:0 0 0 1px var(--ink),0 2px 6px rgba(0,0,0,.25);cursor:pointer}
input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--ink);border:3px solid #fff;cursor:pointer}
.sk-ends{display:flex;justify-content:space-between;font-size:12.5px;color:var(--dim);margin-top:9px}
.ex{border:1px solid var(--line2);border-radius:12px;padding:18px;background:#fff;transition:.15s}
.ex.act{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}
.ex-h{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:12px}
.ex-h b{font-size:16px;color:var(--ink)}.ex-h span{font-size:12.5px;color:var(--dim)}
.ex-b{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:14px;margin-top:16px}
.seg{display:flex;flex-wrap:wrap;gap:6px}
.seg .chip{padding:8px 13px;font-size:13px}
.chk{display:flex;align-items:flex-start;gap:10px;font-size:14px;line-height:1.45;cursor:pointer}
.chk input{margin-top:3px;accent-color:var(--ink);width:16px;height:16px;flex:none}
input.bad,select.bad{border-color:var(--long)!important;box-shadow:0 0 0 3px rgba(192,57,43,.12)!important}
.shake{animation:shake .4s}
@keyframes shake{20%,60%{transform:translateX(-5px)}40%,80%{transform:translateX(5px)}}

/* analysing */
.analysing{min-height:70vh;display:grid;place-items:center;text-align:center}
.spinner{width:56px;height:56px;margin:0 auto 24px}
.spinner svg{width:100%;height:100%;animation:spin 1.1s linear infinite}
.analysing h2{font-size:28px;margin-bottom:6px}
.achk{display:grid;gap:10px;margin:22px auto 0;max-width:330px;text-align:left}
.achk div{display:flex;gap:10px;align-items:center;color:var(--dim);font-size:14.5px;transition:.3s}
.achk div:before{content:"";width:16px;height:16px;border-radius:50%;border:1.5px solid var(--line2);flex:none;transition:.3s}
.achk div.on{color:var(--ink)}
.achk div.on:before{background:var(--safe);border-color:var(--safe)}
@keyframes spin{to{transform:rotate(360deg)}}

/* results */
.res-head{display:grid;grid-template-columns:auto 1fr;gap:36px;align-items:center;padding:44px 0 18px}
.gauge{position:relative;width:200px;height:200px}
.gauge svg{width:100%;height:100%;transform:rotate(-90deg)}
.gauge .c{position:absolute;inset:0;display:grid;place-content:center;text-align:center}
.gauge .c b{font-size:58px;font-weight:700;letter-spacing:-.04em;line-height:1;color:var(--ink)}
.gauge .c span{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--mut);margin-top:6px;font-weight:600}
.res-head h1{font-size:clamp(28px,4vw,46px);line-height:1.1;letter-spacing:-.03em;margin:8px 0 12px;font-weight:700}
.res-head p{color:var(--mut);max-width:42em}
.res-head .cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.pills{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
.pill{padding:6px 12px;border-radius:8px;border:1px solid var(--line);background:#fff;font-size:13px;color:var(--mut)}
.pill b{color:var(--ink);font-weight:600}
.snav{position:sticky;top:68px;z-index:20;background:rgba(246,245,241,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);margin:0 -24px;padding:0 24px}
.snav .in{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;max-width:1140px;margin:0 auto}
.snav a{padding:14px 14px;font-size:14px;font-weight:500;color:var(--mut);text-decoration:none;white-space:nowrap;border-bottom:2px solid transparent}
.snav a:hover{color:var(--ink)}
.rs{padding:60px 0 8px}
.rs-h{margin-bottom:24px}
.rs-h h2{font-size:clamp(25px,3.2vw,34px);margin-top:6px}
.rs-h p{color:var(--mut);max-width:44em;margin-top:8px}
.glass{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:24px;box-shadow:var(--sh)}
.two{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.t-safe{--c:var(--safe)}.t-target{--c:var(--target)}.t-reach{--c:var(--reach)}.t-long{--c:var(--long)}.t-grey{--c:var(--grey)}
.tools{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px;align-items:center}
.tools select{width:auto;padding:9px 34px 9px 14px;font-size:13.5px}
.clist{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.cc{border:1px solid var(--line);border-radius:14px;padding:20px;background:var(--card);display:flex;flex-direction:column;gap:14px;position:relative;transition:.15s;box-shadow:var(--sh)}
.cc:hover{border-color:var(--line2)}
.cc-t{display:flex;gap:14px;align-items:flex-start;justify-content:space-between}
.cc h4{font-size:18px;letter-spacing:-.02em;line-height:1.25}
.cc .loc{font-size:13px;color:var(--dim);margin-top:3px}
.badge{padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600;color:var(--c);background:color-mix(in srgb,var(--c) 11%,#fff);white-space:nowrap}
.prob{display:flex;align-items:flex-end;gap:14px}
.prob .big{font-size:42px;line-height:.95;color:var(--c);font-weight:700;letter-spacing:-.03em}
.prob .big small{font-size:20px;font-weight:600}
.prob .lbls{flex:1;min-width:0}
.prob .lbls span{display:block;font-size:12px;color:var(--dim);margin-bottom:6px}
.bar{height:6px;border-radius:6px;background:#ECE9E0;overflow:hidden;position:relative}
.bar i{position:absolute;left:0;top:0;bottom:0;border-radius:6px;background:var(--c,var(--ink))}
.facts{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding-top:12px;border-top:1px solid var(--line)}
.facts div{font-size:12.5px;color:var(--dim)}
.facts b{display:block;font-size:14px;color:var(--ink);font-weight:600;margin-top:2px}
.tags{display:flex;gap:6px;flex-wrap:wrap}
.tag{font-size:12px;padding:3px 9px;border-radius:6px;background:#F0EEE6;color:var(--mut)}
.tag.ok{color:var(--safe);background:#E6F4EC}.tag.warn{color:#8A5B0C;background:#FCF0D8}.tag.bad{color:var(--long);background:#FBE7E4}
.need{font-size:13px;color:var(--mut);padding:10px 12px;background:var(--card2);border-radius:8px;border:1px solid var(--line)}
.need b{color:var(--ink)}
.cc details{border-top:1px solid var(--line);padding-top:10px}
.cc summary{cursor:pointer;font-size:13px;font-weight:600;color:var(--gold);list-style:none}
.cc summary::-webkit-details-marker{display:none}
.cc summary:after{content:" +"}.cc details[open] summary:after{content:" −"}
.cc details p{font-size:13px;color:var(--mut);margin-top:8px}
.cc details p b{color:var(--ink)}
.more{margin-top:18px;text-align:center}
.tbl{width:100%;border-collapse:collapse;font-size:14px}
.tbl th{text-align:left;font-size:12px;color:var(--dim);font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:10px;border-bottom:1px solid var(--line2)}
.tbl td{padding:12px 10px;border-bottom:1px solid var(--line)}
.tbl tr:last-child td{border-bottom:0}
.scroll-x{overflow-x:auto}
.whatif{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}
.whatif .big{font-size:44px;font-weight:700;letter-spacing:-.03em;color:var(--ink);line-height:1}
.wi-list{display:grid;gap:0;margin-top:6px}
.wi-r{display:grid;grid-template-columns:1fr 54px 70px;gap:10px;align-items:center;font-size:14px;padding:9px 0;border-bottom:1px solid var(--line)}
.wi-r:last-child{border:0}
.radar{display:grid;place-items:center}
.radar svg{width:100%;max-width:430px;height:auto;overflow:visible}
.trk{display:grid;gap:12px}
.trk-r{display:grid;grid-template-columns:170px 1fr 36px;gap:12px;align-items:center;font-size:13.5px}
.trk-r .bar{height:8px}.trk-r b{text-align:right;color:var(--ink)}
.arch{padding:24px;border-radius:14px;background:var(--ink);color:#fff;margin-bottom:16px}
.arch .eyebrow{color:#9FB5F5}
.arch h3{font-size:30px;margin:6px 0;color:#fff;font-weight:700}
.arch p{color:#C5CEE0}
.mini{display:flex;flex-direction:column;gap:10px;margin-top:12px}
.mini-r{display:grid;grid-template-columns:1fr 90px;gap:12px;align-items:center;font-size:13.5px}
.ladder{position:relative;margin-top:10px}
.lad-ax{position:relative;height:26px;margin:0 130px 0 150px}
.lad-ax span{position:absolute;transform:translateX(-50%);font-size:12px;color:var(--dim)}
.lad-r{display:grid;grid-template-columns:140px 1fr 120px;gap:10px;align-items:center;margin:10px 0;font-size:13px}
.lad-t{position:relative;height:12px;border-radius:12px;background:#ECE9E0}
.lad-t i{position:absolute;top:0;bottom:0;border-radius:12px;background:var(--ink)}
.lad-pin{position:absolute;top:34px;bottom:-4px;width:2px;background:var(--safe);z-index:2}
.lad-pin b{position:absolute;top:-24px;left:50%;transform:translateX(-50%);font-size:12px;background:var(--safe);color:#fff;padding:2px 8px;border-radius:6px;white-space:nowrap}
.sect{display:grid;gap:12px}
.sect-r{display:grid;grid-template-columns:60px 1fr 40px;gap:12px;align-items:center;font-size:13.5px}
.xrec{display:grid;gap:10px}
.xrec div{display:grid;grid-template-columns:76px 1fr;gap:14px;padding:14px 16px;border-radius:10px;border:1px solid var(--line);background:var(--card2)}
.xrec b{font-size:20px;font-weight:700;color:var(--ink);letter-spacing:-.02em}
.xrec p{font-size:13.5px;color:var(--mut)}.xrec small{color:var(--dim);display:block;font-size:12px;font-weight:500}
.tips{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.tip{padding:20px;border-radius:12px;border:1px solid var(--line);background:var(--card);display:flex;gap:14px;box-shadow:var(--sh)}
.tip .tg{flex:none;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--gold);font-weight:700;width:78px}
.tip h4{font-size:15px;margin-bottom:5px;line-height:1.35}.tip p{font-size:14px;color:var(--mut)}
.tl{position:relative;padding-left:26px;display:grid;gap:20px}
.tl:before{content:"";position:absolute;left:5px;top:6px;bottom:6px;width:1px;background:var(--line2)}
.tl .ph{position:relative}
.tl .ph:before{content:"";position:absolute;left:-26px;top:5px;width:11px;height:11px;border-radius:50%;background:var(--ink)}
.tl h4{font-size:18px}.tl small{color:var(--gold);font-size:12.5px;font-weight:600}
.tl ul{margin:8px 0 0 16px;color:var(--mut);font-size:14px}.tl li{margin:3px 0}
.unlock{margin:64px 0 0;padding:44px;border-radius:20px;text-align:center;background:var(--ink);color:#fff}
.unlock h2{font-size:clamp(26px,3.4vw,38px);margin:8px 0 12px;color:#fff;font-weight:700}
.unlock .eyebrow{color:#9FB5F5}.unlock .muted{color:#C5CEE0}
.unlock ul{list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:8px 22px;max-width:640px;margin:22px auto 28px;text-align:left;font-size:14.5px;color:#D5DCEB;padding:0}
.unlock li:before{content:"✓ ";color:#7FE0A8;font-weight:700}
.unlock .btn-gold{background:#fff;color:var(--ink)}.unlock .btn-gold:hover{background:#EEF1F8}
.disc{font-size:12.5px;color:var(--dim);padding:36px 0 70px;max-width:60em}
footer{border-top:1px solid var(--line);padding:28px 0;font-size:13px;color:var(--dim);position:relative;z-index:1}

/* modal */
.modal-bg{position:fixed;inset:0;z-index:100;background:rgba(15,26,46,.55);backdrop-filter:blur(4px);display:grid;place-items:center;padding:20px;animation:fade .2s}
.modal{width:100%;max-width:470px;background:#fff;border-radius:18px;padding:32px;position:relative;max-height:92vh;overflow:auto;animation:rise .25s ease;box-shadow:0 30px 80px -20px rgba(0,0,0,.4)}
.modal h3{font-size:26px;margin:6px 0 8px;font-weight:700}
.modal .x{position:absolute;right:14px;top:12px;width:34px;height:34px;border-radius:50%;color:var(--mut);font-size:22px}
.modal .x:hover{background:#F0EEE6}
.phone{display:grid;grid-template-columns:96px 1fr;gap:8px}
@keyframes fade{from{opacity:0}}@keyframes rise{from{opacity:0;transform:translateY(12px)}}
.fade-in{animation:rise .4s ease both}
.still .fade-in{animation:none}

/* main-page blocks */
.blk{padding:84px 0 0;scroll-margin-top:84px;text-align:left}
.blk-h{margin-bottom:28px;max-width:46em}
.blk-h h2{font-size:clamp(27px,3.6vw,40px);letter-spacing:-.03em;line-height:1.12;margin:8px 0 10px;font-weight:700}
.blk-h p{color:var(--mut)}
.why{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.wcard{padding:24px;border-radius:var(--r);border:1px solid var(--line);background:var(--card);box-shadow:var(--sh)}
.wi{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;font-size:18px;color:var(--gold);background:#EEF3FF;margin-bottom:14px;font-weight:600}
.wcard h3{font-size:18px;margin-bottom:6px}.wcard p{color:var(--mut);font-size:14.5px}
.fit{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}
.fit h3,.mh{font-size:18px;margin-bottom:10px}
.fit h3.ok{color:var(--safe)}.fit h3.no{color:var(--reach)}
.fit ul,.bul{list-style:none;display:grid;gap:9px;font-size:14.5px;color:var(--mut);padding:0;margin:0}
.fit li,.bul li{padding-left:22px;position:relative}
.fit li:before{content:"✓";position:absolute;left:0;color:var(--safe);font-weight:700}
.fit .glass:last-child li:before{content:"!";color:var(--reach);font-weight:700}
.bul li:before{content:"–";position:absolute;left:4px;color:var(--dim)}
.meth{list-style:none;display:grid;gap:12px;padding:0;margin:0}
.meth li{display:grid;grid-template-columns:48px 1fr;gap:16px;padding:20px 22px;border-radius:var(--r);border:1px solid var(--line);background:var(--card)}
.mn{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-size:16px;font-weight:700;color:#fff;background:var(--ink)}
.meth h3{font-size:16px;margin-bottom:4px}.meth p{color:var(--mut);font-size:14.5px}
.etbl td small{display:block;color:var(--dim);font-size:12px;margin-top:2px}.etbl td{vertical-align:top;color:var(--mut)}.etbl td:first-child{color:var(--ink);white-space:nowrap;font-weight:600}
.faq{display:grid;gap:10px;max-width:56em}
.faq details{border:1px solid var(--line);border-radius:12px;background:var(--card)}
.faq details[open]{border-color:var(--line2);box-shadow:var(--sh)}
.faq summary{list-style:none;cursor:pointer;padding:18px 22px;display:flex;justify-content:space-between;gap:16px;align-items:center;font-weight:600;font-size:15.5px;color:var(--ink)}
.faq summary::-webkit-details-marker{display:none}
.faq summary i{flex:none;width:24px;height:24px;border-radius:50%;background:#F0EEE6;position:relative}
.faq summary i:before,.faq summary i:after{content:"";position:absolute;left:50%;top:50%;width:10px;height:1.6px;background:var(--ink);transform:translate(-50%,-50%);transition:.2s}
.faq summary i:after{transform:translate(-50%,-50%) rotate(90deg)}
.faq details[open] summary i:after{transform:translate(-50%,-50%) rotate(0)}
.faq details p{padding:0 22px 20px;color:var(--mut);font-size:15px;max-width:48em}
.final{margin:90px 0 70px;padding:56px 24px;border-radius:20px;text-align:center;background:var(--ink);color:#fff}
.final h2{font-size:clamp(28px,4vw,42px);letter-spacing:-.03em;margin-bottom:8px;color:#fff;font-weight:700}.final .muted{color:#C5CEE0}.final .btn{margin-top:22px;background:#fff;color:var(--ink)}
.dtbl td,.dtbl th{white-space:nowrap}
.dtbl td.n,.dtbl th.n{text-align:right;font-variant-numeric:tabular-nums}
.srcb{font-size:12px;font-weight:600;padding:2px 7px;border-radius:5px;background:#F0EEE6;color:var(--mut)}
.srcb.rti{background:#E6F4EC;color:var(--safe)}

/* report */
.rep-bg{position:fixed;inset:0;z-index:90;background:#E4E1D8;overflow:auto}
.rep-bar{position:sticky;top:0;z-index:5;background:var(--ink);color:#fff;display:flex;justify-content:space-between;align-items:center;padding:12px 22px;gap:12px}
.rep-bar b{font-weight:600}
.rep-bar .btn-gold{background:#fff;color:var(--ink)}.rep-bar .btn-ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.3)}
.rep{background:#fff;color:#161513;max-width:860px;margin:26px auto 60px;padding:56px 60px;font:13px/1.55 var(--sans);box-shadow:0 20px 60px -20px rgba(0,0,0,.35)}
.rep h1,.rep h2,.rep h3{font-weight:700;letter-spacing:-.02em;color:var(--ink)}
.rep .cover{border-bottom:3px solid var(--ink);padding-bottom:26px;margin-bottom:26px}
.rep .cover h1{font-size:36px;line-height:1.1;margin:10px 0 6px}
.rep .brand{font-size:18px;font-weight:700;letter-spacing:-.04em}.rep .brand b{color:var(--gold);font-weight:700}
.rep h2{font-size:20px;margin:30px 0 10px;padding-bottom:6px;border-bottom:1px solid #E3DFD3;break-after:avoid}
.rep h3{font-size:15px;margin:16px 0 6px;break-after:avoid}
.rep p{margin:6px 0;color:#3A404C}
.rep .kv{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:12px 0}
.rep .kv div{padding:10px 12px;background:#F6F5F1;border-radius:8px}
.rep .kv small{display:block;color:#7B8596;font-size:12px;text-transform:uppercase;letter-spacing:.06em}
.rep .kv b{font-size:15px}
.rep table{width:100%;border-collapse:collapse;font-size:12.5px;margin:8px 0}
.rep th{background:var(--ink);color:#fff;text-align:left;padding:7px 8px;font-weight:600;font-size:12px}
.rep td{padding:7px 8px;border-bottom:1px solid #ECE8DC;vertical-align:top}
.rep tr{break-inside:avoid}
.rep .pl{display:inline-block;padding:2px 8px;border-radius:5px;font-weight:600;font-size:12px;color:#fff}
.rep .pl.Safe{background:#1E8E4E}.rep .pl.Target{background:#0E7C86}.rep .pl.Reach{background:#B7791F}.rep .pl.Long{background:#C0392B}.rep .pl.Gap{background:#7B8596}
.rep ul{margin:6px 0 6px 18px}.rep li{margin:3px 0;color:#3A404C}
.rep .rb{height:7px;background:#ECE8DC;border-radius:5px;overflow:hidden}.rep .rb i{display:block;height:100%;background:var(--ink)}
.rep .dc{break-inside:avoid;border:1px solid #E3DFD3;border-radius:10px;padding:12px 14px;margin:8px 0}
.rep .dc h3{margin:0 0 4px}
.rep .small{font-size:12px;color:#7B8596}
.rep .pb{break-before:page}

/* responsive */
@media(max-width:900px){
  .wiz{grid-template-columns:1fr;gap:18px;padding-top:22px}
  .steps{position:static;flex-direction:row;overflow-x:auto;gap:2px;scrollbar-width:none;padding-bottom:4px}
  .sidecard{display:none}
  .step-i{padding:8px 10px;flex:none}.step-i div:last-child{display:none}.step-i.on div:last-child{display:block}
  .panel{padding:24px 20px;border-radius:16px}
  .res-head{grid-template-columns:1fr;gap:18px;text-align:center;justify-items:center}
  .res-head .cta,.pills{justify-content:center}
  .two,.clist,.tips,.whatif{grid-template-columns:1fr}
  .stats{grid-template-columns:repeat(2,1fr)}
  .how,.why,.fit{grid-template-columns:1fr}
  .unlock ul{grid-template-columns:1fr}
  .lad-ax{margin:0 0 0 90px}.lad-r{grid-template-columns:90px 1fr 70px}
  .lad-pin{display:none}
  .navlinks{display:none}
  .blk{padding-top:60px}
}
@media(max-width:560px){
  .grid2,.grid3{grid-template-columns:1fr}
  .facts{grid-template-columns:repeat(2,1fr)}
  .hero{padding-top:44px}
  .trk-r{grid-template-columns:110px 1fr 36px}
  .unlock{padding:28px 20px}
  .tip{flex-direction:column;gap:6px}.tip .tg{width:auto}
  .rep{padding:28px 20px}.rep .kv{grid-template-columns:repeat(2,1fr)}
  .pv-r{grid-template-columns:1fr 60px 42px}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
@media print{
  @page{size:A4;margin:14mm}
  body{background:#fff}
  body>*:not(#report-root){display:none!important}
  #report-root,.rep-bg{position:static!important;background:#fff!important;overflow:visible!important;display:block!important}
  .rep-bar{display:none!important}
  .rep{box-shadow:none;margin:0;max-width:none;padding:0}
  .rep *{-webkit-print-color-adjust:exact;print-color-adjust:exact}
}
em,i,cite,address{font-style:normal}
.wiz>*{min-width:0}

.gate{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center;padding:64px 0 80px}
.gate h1{font-size:clamp(30px,4vw,44px);line-height:1.1;letter-spacing:-.03em;margin-top:8px;font-weight:700}
.gate-sum{display:flex;gap:16px;align-items:center;padding:18px}
.gate-g{width:64px;height:64px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-size:24px;font-weight:700;flex:none}
@media(max-width:900px){.gate{grid-template-columns:1fr;gap:24px;padding-top:30px}}

.legend{font-size:13.5px;color:var(--mut);background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 18px;margin-bottom:18px;line-height:1.6}
.legend b{color:var(--ink)}
.ins{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.in-c{padding:20px;border-radius:12px;background:var(--card);border:1px solid var(--line);box-shadow:var(--sh)}
.in-t{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}
.in-c.strength .in-t{color:var(--safe)}.in-c.gap .in-t{color:var(--reach)}.in-c.info .in-t{color:var(--gold)}
.in-c h4{font-size:16px;margin:4px 0 6px}.in-c p{font-size:14px;color:var(--mut)}
@media(max-width:900px){.ins{grid-template-columns:1fr}}

/* report readability */
.rep{font-size:13.5px;line-height:1.7}
.rep p.lead{font-size:15.5px;line-height:1.6;color:#1b2333}
.rep h2{font-size:22px;margin:34px 0 12px}
.rep h3{font-size:15.5px;margin:20px 0 8px}
.rep .cols{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:10px 0}
.rep .cols ul{margin-left:16px}
.rep table{font-size:12.5px}
.rep table.tight{font-size:12px}.rep table.tight th,.rep table.tight td{padding:6px 5px}
.rep table.mini td{background:#F6F5F1;border:0;padding:8px 10px;border-radius:6px;font-size:12.5px}
.rep table.mini small{color:#7B8596;font-size:12px;text-transform:uppercase;letter-spacing:.05em}
.rep ol{margin:6px 0 6px 20px}.rep ol li{margin:6px 0;color:#3A404C}
.rep .pl.Target{background:#0E7C86}
@media(max-width:560px){.rep .cols{grid-template-columns:1fr}}

.mwhy{font-size:13px;color:var(--mut);padding:10px 12px;background:#EEF3FF;border-radius:10px;line-height:1.55}
.mwhy b{color:var(--gold);margin-right:2px}
.fsep{width:1px;background:var(--line2);margin:4px 6px}

/* ---- home hero with quick check ---- */
.skip{position:absolute;left:-999px;top:8px;background:var(--ink);color:#fff;padding:10px 16px;border-radius:8px;z-index:200;font-weight:600}
.skip:focus{left:12px}
.hero2{display:grid;grid-template-columns:1.1fr .9fr;gap:44px;align-items:center;padding:64px 0 24px;text-align:left}
.hero2 h1{font-size:clamp(34px,4.6vw,56px);line-height:1.06;letter-spacing:-.035em;margin:14px 0 18px;font-weight:700}
.hero2 .lead{color:var(--mut);font-size:clamp(16px,1.6vw,18.5px);max-width:34em;margin:0 0 28px}
.hero2 .cta{display:flex;gap:12px;flex-wrap:wrap}
.hero2 .micro{margin-top:14px;font-size:13px;color:var(--dim)}
.proof{list-style:none;display:flex;flex-wrap:wrap;gap:6px 22px;margin:26px 0 0;padding:0;font-size:13px;color:var(--mut)}
.proof li:before{content:"✓ ";color:var(--safe);font-weight:700}
.qc{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px;box-shadow:0 1px 2px rgba(15,26,46,.05),0 24px 60px -28px rgba(15,26,46,.28)}
.qc-h{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--gold)}
.qc-s{font-size:19px;font-weight:600;color:var(--ink);letter-spacing:-.02em;margin:4px 0 16px}
.qc-row{display:grid;grid-template-columns:.8fr 1fr 1fr;gap:10px}
.qc-row label{font-size:12px;font-weight:600;color:var(--mut);display:flex;flex-direction:column;gap:6px}
.qc-row input,.qc-row select{padding:11px 12px;font-size:14.5px}
.qc-out{min-height:150px;margin:16px 0}
.qc-n{font-size:14px;color:var(--mut);margin-bottom:10px}.qc-n b{font-size:24px;color:var(--ink);letter-spacing:-.02em}
.qc-l{list-style:none;padding:0;margin:0 0 8px}
.qc-l li{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:9px 0;border-top:1px solid var(--line);font-size:14.5px;font-weight:600;color:var(--ink)}
.qb{font-style:normal;font-size:12px;font-weight:600;padding:3px 9px;border-radius:6px;white-space:nowrap}
.qb.s{color:var(--safe);background:#E6F4EC}.qb.t{color:var(--target);background:#E3F3F4}.qb.r{color:#8A5B0C;background:#FCF0D8}
.qc-btn{width:100%}
.mcta{display:none;position:fixed;left:0;right:0;bottom:0;z-index:40;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:rgba(246,245,241,.95);backdrop-filter:blur(10px);border-top:1px solid var(--line)}
.mcta .btn{width:100%}
@media(max-width:900px){.hero2{grid-template-columns:1fr;gap:28px;padding-top:34px}.mcta{display:block}body{padding-bottom:70px}}
@media(max-width:560px){.qc-row{grid-template-columns:1fr 1fr}.qc-row label:nth-child(3){grid-column:1/-1}}

/* ---- static pages ---- */
.crumbs{font-size:13px;color:var(--dim);padding:22px 0 0}.crumbs a{color:var(--mut);text-decoration:none}.crumbs a:hover{color:var(--ink)}.crumbs span{margin:0 6px}
.sp-h{padding:18px 0 6px;max-width:52em}
.sp-h h1{font-size:clamp(30px,4vw,46px);line-height:1.1;letter-spacing:-.03em;font-weight:700;margin:6px 0 14px}
.sp-h .ans{font-size:17px;color:#1b2333;line-height:1.65;margin:0 0 10px}
.sp-h .upd{font-size:13px;color:var(--dim)}
.kvt{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin:22px 0}
.kvt div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px}
.kvt small{display:block;font-size:12.5px;color:var(--dim);font-weight:600;letter-spacing:.04em;text-transform:uppercase}
.kvt b{display:block;font-size:22px;letter-spacing:-.02em;color:var(--ink);margin-top:4px}
.kvt span{font-size:12.5px;color:var(--mut)}
.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px 18px;margin:0;padding:0;list-style:none}
.pgrid a{display:block;padding:8px 0;color:var(--mut);text-decoration:none;font-size:14px;border-bottom:1px solid var(--line)}.pgrid a:hover{color:var(--gold)}
.sp-links{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 0}
.sp-links a{font-size:13.5px;padding:8px 14px;border:1px solid var(--line2);border-radius:9px;background:#fff;text-decoration:none;color:var(--ink);font-weight:500}.sp-links a:hover{border-color:var(--ink)}
.foot-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:28px;padding:34px 0;font-size:13.5px}
.foot-grid h4{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--dim);margin-bottom:10px;font-weight:700}
.foot-grid a{display:block;color:var(--mut);text-decoration:none;padding:3px 0}.foot-grid a:hover{color:var(--ink)}
.foot-note{border-top:1px solid var(--line);padding:18px 0 28px;font-size:12.5px;color:var(--dim);max-width:62em}
@media(max-width:900px){.foot-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.foot-grid{grid-template-columns:1fr}}
a.btn{text-decoration:none}
.tbl a,.pgrid a.inl{color:inherit;text-decoration:none;border-bottom:1px solid var(--line2)}.tbl a:hover{color:var(--gold);border-color:var(--gold)}
.faq summary:focus-visible{outline-offset:-2px}
input[type=password],input[type=search]{width:100%;background:#fff;border:1px solid var(--line2);color:var(--tx);border-radius:10px;padding:12px 14px;font:inherit;outline:none;transition:border .15s,box-shadow .15s;-webkit-appearance:none;appearance:none}
input[type=password]:focus,input[type=search]:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(31,79,216,.14)}

.rs{scroll-margin-top:124px}.blk{scroll-margin-top:90px}
.snav a.on{color:var(--ink);border-bottom-color:var(--ink);font-weight:600}

.logo-img{display:block;height:36px;width:auto}
footer .logo-img{height:30px}
@media(max-width:560px){.logo-img{height:28px}}
.rep .cover img{margin-bottom:4px}
.top .wrap{gap:10px}
@media(max-width:560px){.logo-img{height:25px}.top nav .btn-sm{padding:8px 13px;font-size:13px}}

/* =====================================================================
   v2 premium layer: brand palette from the logo, bands, ticker, polish
   ===================================================================== */
:root{--bg:#F5F7FB;--card2:#F9FBFE;--line:#E3E8F1;--line2:#CDD6E6;--tx:#0E1B3D;--mut:#4A5878;--dim:#7886A3;--ink:#0B1F4B;--gold:#1F4FD8;--gold3:#1A3FB0;--brand2:#00A3FF;
  --sh:0 1px 2px rgba(11,31,75,.05),0 14px 34px -22px rgba(11,31,75,.28);--shl:0 2px 4px rgba(11,31,75,.05),0 30px 70px -32px rgba(11,31,75,.38)}
body{background:var(--bg)}
.bar,.progress{background:#E6ECF7}.tag{background:#EDF1F8}.pill{background:#fff}.chip{border-color:var(--line2)}
.top{background:rgba(255,255,255,.72);backdrop-filter:saturate(1.5) blur(16px);border-bottom:1px solid rgba(205,214,230,.6);transition:box-shadow .25s}
.top.sc{box-shadow:0 12px 34px -22px rgba(11,31,75,.45)}
.navlinks a{border-radius:9px}.navlinks a:hover{background:#EEF3FF;color:var(--gold)}

/* buttons */
.btn-gold{background:linear-gradient(180deg,#17368A 0%,#0B1F4B 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 10px 24px -10px rgba(11,31,75,.65);transition:transform .2s,box-shadow .2s,filter .2s}
.btn-gold:hover{background:linear-gradient(180deg,#1F47AD 0%,#0F2A68 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 16px 34px -12px rgba(31,79,216,.7);transform:translateY(-1px)}
.btn-ghost{background:rgba(255,255,255,.9)}.btn-ghost:hover{border-color:var(--gold);color:var(--gold)}
.btn{border-radius:11px}

/* hero */
.hero-wrap{position:relative}
.hero-bg{position:absolute;left:50%;top:0;width:100vw;height:100%;transform:translateX(-50%);overflow:hidden;pointer-events:none;z-index:0}
.hero-bg:before{content:"";position:absolute;width:980px;height:980px;right:-160px;top:-420px;background:radial-gradient(closest-side,rgba(31,79,216,.17),rgba(0,163,255,.07) 55%,transparent 72%)}
.hero-bg:after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(11,31,75,.1) 1px,transparent 1.2px);background-size:24px 24px;-webkit-mask-image:linear-gradient(180deg,#000 0%,transparent 80%);mask-image:linear-gradient(180deg,#000 0%,transparent 80%)}
.hero2{position:relative;z-index:1;padding:72px 0 56px}
.hero2 h1{font-size:clamp(36px,5vw,62px);letter-spacing:-.04em;line-height:1.04}
.hero2 .eyebrow{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);padding:6px 12px;border-radius:99px;box-shadow:var(--sh)}
.hero2 .eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--safe);box-shadow:0 0 0 4px rgba(30,142,78,.16)}
.qc{border-radius:22px;box-shadow:var(--shl);border:1px solid rgba(205,214,230,.8);position:relative}
.qc:before{content:"";position:absolute;inset:-1px;border-radius:23px;padding:1px;background:linear-gradient(135deg,rgba(31,79,216,.5),rgba(0,163,255,.1) 40%,transparent 70%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.qc-l li{display:block;padding:11px 0}
.qrow{display:flex;justify-content:space-between;gap:10px;align-items:center}
.qbar{height:5px;border-radius:5px;background:#E6ECF7;margin-top:8px;overflow:hidden}
.qbar i{display:block;height:100%;border-radius:5px;background:var(--c);animation:qgrow .7s ease both}
.qbar.s{--c:var(--safe)}.qbar.t{--c:var(--target)}.qbar.r{--c:var(--reach)}
@keyframes qgrow{from{width:0!important}}
.proof li:before{color:var(--gold)}

/* stats ticker */
.ticker{background:#fff;border-block:1px solid var(--line);padding:6px 0;overflow:hidden;position:relative;margin-top:8px}
.ticker:before,.ticker:after{content:"";position:absolute;top:0;bottom:0;width:90px;z-index:2;pointer-events:none}
.ticker:before{left:0;background:linear-gradient(90deg,#fff,rgba(255,255,255,0))}.ticker:after{right:0;background:linear-gradient(270deg,#fff,rgba(255,255,255,0))}
.ticker-row{display:flex;width:max-content;padding:12px 0}
.ticker-row+.ticker-row{border-top:1px solid var(--line)}
.ticker-track{display:flex;list-style:none;margin:0;padding:0;flex:none;animation:tick 70s linear infinite}
.ticker-row.b .ticker-track{animation-duration:85s;animation-direction:reverse}
.ticker:hover .ticker-track{animation-play-state:paused}
@keyframes tick{to{transform:translateX(-100%)}}
.ti{display:flex;align-items:baseline;gap:10px;padding:0 34px;border-right:1px solid var(--line);white-space:nowrap}
.ti b{font-size:30px;font-weight:700;letter-spacing:-.035em;color:var(--ink);font-variant-numeric:tabular-nums}
.ti span{font-size:13.5px;color:var(--mut);max-width:19em;white-space:normal;line-height:1.3}
.tc a{display:flex;align-items:center;gap:12px;margin:0 8px;padding:9px 16px;border:1px solid var(--line);border-radius:99px;background:var(--card2);text-decoration:none;white-space:nowrap;transition:.2s}
.tc a:hover{border-color:var(--gold);background:#fff;box-shadow:var(--sh)}
.tc b{font-size:14px;color:var(--ink);font-weight:600}.tc span{font-size:13px;color:var(--mut)}.tc span+span:before{content:"";display:inline-block;width:3px;height:3px;border-radius:50%;background:var(--dim);margin-right:12px;vertical-align:middle}
@media(prefers-reduced-motion:reduce){.ticker-row{width:auto;flex-wrap:wrap;justify-content:center}.ticker-track{animation:none;flex-wrap:wrap;justify-content:center}.ticker-track[aria-hidden]{display:none}.ticker:before,.ticker:after{display:none}}

/* bands */
.band{padding:84px 0;position:relative}
.band.tint{background:linear-gradient(180deg,#EEF3FB,#F5F7FB)}
.band .blk{padding:0}
.band .blk-h{margin-bottom:34px}
.blk-h h2,.rs-h h2{font-size:clamp(30px,3.8vw,46px);letter-spacing:-.035em;line-height:1.08}
.blk-h .eyebrow,.rs-h .eyebrow{display:flex;align-items:center;gap:10px}
.blk-h .eyebrow:before,.rs-h .eyebrow:before{content:"";width:22px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--gold),var(--brand2))}
.band.dark{background:radial-gradient(900px 420px at 85% -10%,rgba(0,163,255,.28),transparent 60%),radial-gradient(700px 400px at 0% 110%,rgba(31,79,216,.4),transparent 60%),#071638;color:#fff;overflow:hidden}
.band.dark:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1.2px);background-size:26px 26px;pointer-events:none}
.band.dark .wrap{position:relative}
.band.dark .blk-h h2{color:#fff}.band.dark .blk-h p{color:#B7C6EA}.band.dark .eyebrow{color:#7FB2FF}.band.dark .blk-h .eyebrow:before{background:#7FB2FF}
.band.dark .stats{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.16);backdrop-filter:blur(8px)}
.band.dark .stats div{background:rgba(255,255,255,.05)}.band.dark .stats b{color:#fff;font-size:38px}.band.dark .stats span{color:#B7C6EA}

/* cards, tables, faq */
.glass{border-radius:20px;border-color:rgba(205,214,230,.7);box-shadow:var(--sh)}
.tbl th{background:#F7F9FD;position:sticky;top:0}
.tbl tbody tr{transition:background .15s}.tbl tbody tr:hover{background:#F3F7FF}
.tip,.wcard{border-radius:16px;transition:transform .25s,box-shadow .25s,border-color .25s}.tip:hover,.wcard:hover{transform:translateY(-3px);box-shadow:var(--shl);border-color:var(--line2)}
.faq details{border-radius:16px;transition:box-shadow .25s,border-color .25s}.faq details[open]{border-color:rgba(31,79,216,.35);box-shadow:var(--shl)}
.faq summary{padding:20px 24px}.faq summary:hover{color:var(--gold)}
.faq summary i{background:#EAF0FF}.faq summary i:before,.faq summary i:after{background:var(--gold)}
.final{border-radius:28px;background:radial-gradient(700px 320px at 90% -20%,rgba(0,163,255,.45),transparent 60%),linear-gradient(135deg,#0B1F4B,#14327F);box-shadow:var(--shl);padding:70px 24px;position:relative;overflow:hidden}
.final h2{font-size:clamp(30px,4.2vw,50px)}.final .btn{background:#fff;color:var(--ink);box-shadow:0 14px 34px -14px rgba(0,0,0,.5)}.final .btn:hover{background:#EEF3FF;color:var(--gold)}
.pgrid a:hover{color:var(--gold)}
.sp-links a{border-radius:99px;transition:.2s}.sp-links a:hover{border-color:var(--gold);color:var(--gold);box-shadow:var(--sh)}
footer{background:#fff}

/* results + wizard polish */
.panel{border-radius:24px;box-shadow:var(--shl)}
.cc{border-radius:18px;transition:transform .25s,box-shadow .25s}.cc:hover{transform:translateY(-3px);box-shadow:var(--shl)}
.gauge svg circle:first-child{stroke:#E6ECF7}.gauge svg circle#gArc{stroke:url(#gradG);filter:drop-shadow(0 6px 10px rgba(31,79,216,.35))}
body[data-view=results] .res-head{background:radial-gradient(600px 260px at 0 0,rgba(31,79,216,.1),transparent 70%);border-radius:24px;padding-left:12px}
.in-c{border-radius:14px}.xrec div{border-radius:12px}
.snav{background:rgba(255,255,255,.82);backdrop-filter:blur(14px)}
.snav a.on{color:var(--gold);border-bottom-color:var(--gold)}

/* reveal */
.rv{opacity:0;transform:translateY(22px);transition:opacity .75s cubic-bezier(.2,.7,.2,1),transform .75s cubic-bezier(.2,.7,.2,1)}
.rv.in{opacity:1;transform:none}
@media(max-width:900px){.band{padding:60px 0}.hero2{padding-top:36px}.hero-bg:before{width:620px;height:620px;right:-260px}.ti b{font-size:24px}.ti{padding:0 22px}.band.dark .stats b{font-size:28px}}
@media(prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}.qbar i{animation:none}}
.band.dark .glass{color:var(--tx)}.band.dark .glass h3{color:var(--ink)}.band.dark .bul li{color:var(--mut)}

.mcta{transform:translateY(115%);transition:transform .35s cubic-bezier(.2,.7,.2,1)}.mcta.show{transform:none}

/* =====================================================================
   v3: simpler hero, no title dashes, readability, mobile, premium touches
   ===================================================================== */
.blk-h .eyebrow:before,.rs-h .eyebrow:before{content:none!important;display:none}
.blk-h .eyebrow,.rs-h .eyebrow{display:block}
.hero2{padding:64px 0 48px;gap:56px}
.hero2 h1{font-size:clamp(34px,4.6vw,58px);margin:0 0 18px}
.hero2 .lead{font-size:clamp(17px,1.7vw,19px);line-height:1.6;max-width:30em;margin:0 0 30px;color:var(--mut)}
.qc{padding:26px}
.qc-s{font-size:20px;margin:0 0 18px}
.qc-out{min-height:132px;margin:18px 0 16px}
.qc-row label{font-size:12.5px}
.tbl{font-size:14.5px}.tbl th{font-size:12px}
.hint{font-size:13px}
.progress-top{position:fixed;left:0;top:0;height:3px;width:100%;transform:scaleX(0);transform-origin:0 50%;z-index:60;background:linear-gradient(90deg,var(--gold),var(--brand2));pointer-events:none;transition:transform .1s linear}
.band.dark .stats b{font-variant-numeric:tabular-nums}
.band{padding:76px 0}
.band .blk-h{margin-bottom:28px}
.blk-h p{font-size:16px;max-width:36em}
.tbl tbody tr:nth-child(even) td{background:rgba(237,242,252,.45)}
.band.dark .tbl tbody tr:nth-child(even) td{background:rgba(237,242,252,.55)}

@media(max-width:900px){
  body{font-size:16px}
  .wrap{padding:0 20px}
  .hero2{gap:30px;padding:30px 0 30px}
  .hero2 h1{font-size:clamp(32px,9vw,42px);line-height:1.06}
  .hero2 .lead{font-size:17px;margin-bottom:22px}
  .hero2 .cta .btn{flex:1;min-width:0}
  .band{padding:52px 0}
  .blk-h h2,.rs-h h2{font-size:clamp(27px,7.4vw,34px)}
  .blk-h p,.rs-h p{font-size:16px}
  .ticker{margin-top:0}
  .ti{padding:0 20px}.ti b{font-size:26px}.ti span{font-size:14px;max-width:14em}
  .tc a{padding:10px 16px}.tc b{font-size:15px}.tc span{font-size:14px}
  .tbl{font-size:15px}.tbl th{font-size:12px;padding:9px 8px}.tbl td{padding:12px 8px}
  .glass{padding:18px;border-radius:16px}
  .faq summary{font-size:16px;padding:18px 18px}.faq details p{font-size:16px;padding:0 18px 18px}
  .final{padding:44px 20px;border-radius:22px}
  .pgrid{grid-template-columns:1fr 1fr;gap:0 14px}.pgrid a{font-size:14.5px;padding:10px 0}
  .fees-t th:nth-child(4),.fees-t td:nth-child(4),.fees-t th:nth-child(6),.fees-t td:nth-child(6){display:none}
  .cc{padding:18px}.facts b{font-size:15px}.facts div{font-size:12.5px}
  .tag{font-size:12.5px}.in-c p,.in-c h4{font-size:15px}
  .mwhy,.need{font-size:14px}
  .btn{min-height:46px}
  input,select{font-size:16px}
}
@media(max-width:560px){
  .pgrid{grid-template-columns:1fr}
  .fees-t th:nth-child(5),.fees-t td:nth-child(5){display:none}
  .qc{padding:20px;border-radius:18px}
  .qc-row{grid-template-columns:1fr 1fr}.qc-row label:nth-child(1){grid-column:1}.qc-row label:nth-child(2){grid-column:2}.qc-row label:nth-child(3){grid-column:1/-1}
}

/* ---------------- report (v3) ---------------- */
.rep{max-width:820px;padding:48px 52px;font:15px/1.65 var(--sans);color:#1B2538}
.rep h1{font-size:34px;line-height:1.1;margin:6px 0 6px;letter-spacing:-.03em}
.rep h2{display:flex;align-items:center;gap:12px;font-size:22px;margin:38px 0 14px;padding:0;border:0;letter-spacing:-.025em}
.rep h2 span{width:30px;height:30px;border-radius:9px;background:var(--ink);color:#fff;font-size:14px;display:grid;place-items:center;flex:none}
.rep h3{font-size:16px;margin:22px 0 10px;color:var(--ink)}
.rep p{margin:8px 0;color:#2E3A52}.rep .small{font-size:13px;color:#4F5D7C}
.rep .lead{font-size:17.5px;line-height:1.55;color:var(--ink)}
.rep .lead2{font-size:16px}
.rep .rlogo{height:34px;width:auto;display:block;margin-bottom:22px}
.rep .cover{border-bottom:0;padding-bottom:6px;margin-bottom:4px}
.rep .cv-body{display:flex;justify-content:space-between;gap:20px;align-items:center}
.rep .rk{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--gold)}
.rep .ring{position:relative;width:112px;height:112px;flex:none}.rep .ring svg{width:100%;height:100%}
.rep .ring b{position:absolute;inset:0;display:grid;place-content:center;font-size:32px;letter-spacing:-.03em;color:var(--ink);text-align:center;line-height:1}
.rep .ring span{position:absolute;left:0;right:0;bottom:24px;text-align:center;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#4F5D7C;font-weight:600}
.rep .kv{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0 0}
.rep .kv div{padding:14px 16px;background:#F3F6FC;border-radius:12px}
.rep .kv small{display:block;font-size:12px;color:#4F5D7C;font-weight:600;letter-spacing:.03em}
.rep .kv b{display:block;font-size:26px;letter-spacing:-.03em;color:var(--ink);margin:2px 0 0}.rep .kv b.sm{font-size:17px;line-height:1.25;margin-top:6px}
.rep .kv span{font-size:13px;color:#4F5D7C}
.rep .cols{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:14px 0}
.rep .col{padding:16px 18px;border-radius:14px;border:1px solid #E3E8F1}
.rep .col.ok{background:#F1FAF5;border-color:#CDEBD9}.rep .col.warn{background:#FFF8EC;border-color:#F4E1B8}
.rep .col h3{margin:0 0 8px;font-size:15px}.rep .col ul{margin:0;padding-left:18px}.rep .col li{margin:6px 0;color:#2E3A52}
.rep .note{padding:12px 16px;background:#F3F6FC;border-radius:12px;font-size:14px;margin:14px 0}
.rep .rcards{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.rep .rc{border:1px solid #E3E8F1;border-radius:14px;padding:16px;break-inside:avoid;background:#fff}
.rep .rc-h{display:flex;align-items:center;gap:10px}.rep .rc-h b{flex:1;font-size:15.5px;line-height:1.3;color:var(--ink)}
.rep .rk2,.rep .rc-h .rk{width:24px;height:24px;border-radius:7px;background:#EEF3FF;color:var(--gold);font-size:12px;display:grid;place-items:center;letter-spacing:0;flex:none}
.rep .rc-m{display:flex;gap:16px;align-items:center;margin:12px 0 8px}
.rep .rc-n{font-size:34px;font-weight:700;letter-spacing:-.035em;color:var(--ink);line-height:1}.rep .rc-n small{display:block;font-size:12.5px;font-weight:500;letter-spacing:0;color:#4F5D7C;margin-top:5px}
.rep .rc dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:3px 12px;font-size:13.5px;flex:1}.rep .rc dt{color:#4F5D7C}.rep .rc dd{margin:0;color:var(--ink);font-weight:600}.rep .rc dd i{font-style:normal;font-weight:400;color:#4F5D7C;font-size:12.5px}
.rep .rc-w{font-size:13px;color:#4A5878;margin:6px 0 0}
.rep .pl{display:inline-block;padding:3px 9px;border-radius:6px;font-weight:600;font-size:12px;color:#fff;white-space:nowrap}
.rep .ins{display:grid;gap:10px}
.rep .ir{display:grid;grid-template-columns:86px 1fr;gap:14px;padding:12px 0;border-bottom:1px solid #EDF0F6;align-items:start}.rep .ir:last-child{border:0}
.rep .ir b{color:var(--ink)}.rep .ir p{margin:2px 0 0;font-size:14.5px}
.rep .bars{display:grid;gap:10px;margin:8px 0}
.rep .br{display:grid;grid-template-columns:150px 1fr 56px;gap:12px;align-items:center;font-size:14px}.rep .br b{text-align:right;color:var(--ink)}
.rep .rb{height:8px;background:#E6ECF7;border-radius:6px;overflow:hidden}.rep .rb i{display:block;height:100%;background:linear-gradient(90deg,#1F4FD8,#00A3FF);border-radius:6px}.rep .rb.lo i{background:#C0392B}
.rep table{font-size:14px;margin:10px 0;width:100%;border-collapse:collapse}
.rep th{background:#F3F6FC;color:#4A5878;font-size:12px;letter-spacing:.05em;text-transform:uppercase;padding:9px 12px;text-align:left}
.rep td{padding:10px 12px;border-bottom:1px solid #EDF0F6;color:#1B2538}
.rep ul.tl2,.rep ol.tipl{padding-left:20px;margin:6px 0}.rep .tl2 li,.rep .tipl li{margin:8px 0;color:#2E3A52}
.rep .phases{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.rep .ph2{border:1px solid #E3E8F1;border-radius:12px;padding:14px 16px;break-inside:avoid}.rep .ph2 small{display:block;color:var(--gold);font-weight:600;font-size:12.5px}.rep .ph2 b{display:block;font-size:15.5px;margin:2px 0 6px;color:var(--ink)}.rep .ph2 ul{margin:0;padding-left:18px;font-size:14px}.rep .ph2 li{margin:4px 0;color:#2E3A52}
.rep .foot{font-size:12.5px;color:#4F5D7C;border-top:1px solid #E3E8F1;margin-top:34px;padding-top:14px}
.rep .pl.Safe{background:#1E8E4E}.rep .pl.Target{background:#0E7C86}.rep .pl.Reach{background:#B7791F}.rep .pl.Long{background:#C0392B}.rep .pl.Gap{background:#4F5D7C}
@media(max-width:700px){
  .rep{padding:26px 18px;margin:0 auto 40px;font-size:15.5px}
  .rep h1{font-size:28px}.rep .cv-body{align-items:flex-start}.rep .ring{width:92px;height:92px}.rep .ring b{font-size:26px}.rep .ring span{bottom:18px}
  .rep .kv{grid-template-columns:1fr 1fr}.rep .kv div:last-child{grid-column:1/-1}
  .rep .cols,.rep .rcards,.rep .phases{grid-template-columns:1fr}
  .rep .ir{grid-template-columns:1fr;gap:6px}
  .rep .br{grid-template-columns:110px 1fr 48px;font-size:14px}
  .rep table{font-size:14px}.rep th,.rep td{padding:9px 8px}
  .rep-bar{padding:10px 14px}
}
@media print{
  .rep{font-size:12.5px;line-height:1.55}.rep h1{font-size:28px}.rep h2{font-size:18px;margin-top:26px}
  .rep .rcards{grid-template-columns:1fr 1fr}.rep .rc-n{font-size:28px}
  .rep h2,.rep h3{break-after:avoid}.rep .ir,.rep .rc,.rep .ph2,.rep .col{break-inside:avoid}
  .rep .pb{break-before:page}
}
:root{--dim:#586789;--grey:#66738F}
@media(max-width:900px){.dtbl td,.dtbl th{white-space:normal}.dtbl td.n,.dtbl th.n{white-space:nowrap}.dtbl th.n,.dtbl td.n{text-align:right}.tbl td,.tbl th{padding-left:6px;padding-right:6px}}

:root{--safe:#15753D;--reach:#8F5F0C;--target:#0B6E78;--long:#B3321F}
.tag.ok{color:#11633A;background:#E3F3E9}.tag.warn{color:#7D530A}.tag.bad{color:#9B2B1B}
.badge{background:color-mix(in srgb,var(--c) 10%,#fff)}
.rep .pl.Safe{background:#15753D}.rep .pl.Target{background:#0B6E78}.rep .pl.Reach{background:#8F5F0C}.rep .pl.Long{background:#B3321F}.rep .pl.Gap{background:#586789}
.in-t,.tg,.step-i small,.xrec small,.chip small,.sk-ends,.facts div,.gauge .c span{font-size:12.5px}
@media(max-width:900px){.in-t,.tg,.step-i small,.xrec small,.chip small,.sk-ends,.facts div,.gauge .c span,.lad-ax span,.sect-r,.hint,.qb,.badge,.tag{font-size:13px}}

.skbars{display:none}
.skb{display:grid;gap:14px}.skr{display:grid;grid-template-columns:1fr 46px;gap:6px 10px;align-items:center;font-size:14.5px}
.skr span{grid-column:1/-1;font-weight:500;color:var(--ink)}.skr .bar{height:9px;overflow:visible}.skr .bar u{position:absolute;top:-4px;bottom:-4px;width:3px;border-radius:2px;background:var(--ink)}.skr b{text-align:right;color:var(--ink)}
@media(max-width:700px){.radar{display:none}.skbars{display:block}}

.rep-bar{gap:10px}.rep-bar b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.rep-bar>div{flex:none}
@media(max-width:900px){.dtbl th.n{white-space:normal}.dtbl{table-layout:auto}.dtbl th,.dtbl td{padding:10px 5px}}

/* v3.1 mobile fit: header buttons, section nav gutter, data table */
@media(max-width:900px){.snav{margin:0 -20px;padding:0 20px}}
@media(max-width:560px){
  .top nav .btn-ghost:not(:only-child){display:none}
  .dtbl{font-size:13px}.dtbl th,.dtbl td{padding:9px 4px}
}
@media(max-width:560px){.rep .ring span{font-size:12px;letter-spacing:0;text-transform:none;bottom:19px;font-weight:500}.rep .ring b{padding-bottom:12px}}

body[data-view=results],body[data-view=gate],body[data-view=wiz]{padding-bottom:0}
@media(max-width:560px){.steps{justify-content:center;gap:10px;overflow:visible}.step-i{padding:4px}.step-i.on div:last-child{display:none}.step-i.on{box-shadow:none;background:none}}
@media(max-width:560px){.ex-b{display:grid;grid-template-columns:repeat(3,1fr);gap:14px 10px}.ex-b>*:first-child{grid-column:1/-1}.ex-b input{padding-left:12px;padding-right:8px}}
.bul li:before{content:"";left:3px;top:.38em;width:5px;height:9px;border:solid var(--safe);border-width:0 2px 2px 0;transform:rotate(40deg);background:none}
@media(max-width:400px){
  .logo-img{height:22px}.top nav .btn-sm{padding:8px 11px;font-size:13px}
  .hero2 .cta{flex-direction:column}.hero2 .cta .btn{flex:none;width:100%}
  body[data-view=landing] .top nav .btn-gold{display:none}
}
@media(max-width:560px){.rep th{letter-spacing:0;text-transform:none;font-size:12.5px;padding:8px 6px}.rep td{padding:9px 6px}.rep table{font-size:13.5px}}
@media(max-width:360px){.rep-bar>b{display:none}.rep-bar{justify-content:flex-end}}
.hero2 #qc,.hero2 .qc{align-self:center}
.qc-out>p.muted:only-child:after{content:"";display:block;margin-top:18px;height:64px;background:linear-gradient(#E3E9F4,#E3E9F4) 0 0/92% 10px no-repeat,linear-gradient(#EBF0F8,#EBF0F8) 0 27px/70% 10px no-repeat,linear-gradient(#F1F4FA,#F1F4FA) 0 54px/46% 10px no-repeat}
.rep .ring span{letter-spacing:0;text-transform:none;font-weight:500;font-size:12.5px;bottom:27px}
.rep .ring b{padding-bottom:12px}
@media(max-width:560px){.rep .ring span{bottom:19px}}
/* keyword pages: phone-friendly tables */
.mfx{display:none}.tbl td.ok{background:#E3F3E9;font-weight:700;color:#15753D}
@media(max-width:560px){.tbl .m-hide{display:none}.mfx{display:block;margin-top:3px;font-size:12.5px;line-height:1.4;color:var(--mut);font-weight:400}.dtbl.tight th,.dtbl.tight td{padding:9px 4px;font-size:13px}.dtbl small.muted{font-size:12.5px}}
@media(max-width:560px){.dtbl th{text-transform:none;letter-spacing:0;font-size:12.5px}.dtbl .badge{padding:3px 6px;font-size:12px}.dtbl td .badge+*{margin-left:2px}}
@media(max-width:560px){.glass.scroll-x{padding:12px 8px}.dtbl.tight th,.dtbl.tight td{padding:9px 3px;font-size:12.5px}}
/* long slash-separated or URL-like text must wrap, never widen the page */
main p,main li,.foot-note,.glass,.kvt span{overflow-wrap:break-word}

/* v4: hero without the check card (centred, single column), exam picker, inline link button */
.hero2{grid-template-columns:1fr;justify-items:center;text-align:center;padding-top:64px;padding-bottom:36px}
.hero2 .hero-copy{max-width:760px;display:flex;flex-direction:column;align-items:center}
.hero2 .hero-copy .lead{max-width:34em}
.hero2 .cta{justify-content:center}
@media(max-width:900px){.hero2{padding-top:40px}}
.chips .chip[aria-pressed=true]{font-weight:600}
.linkbtn{background:none;border:0;padding:0;color:var(--gold);font:inherit;text-decoration:underline;cursor:pointer}
/* highlights: the student's own entries */
.ecs-own{margin-top:12px}.ecs-list{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}
.ecs-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 6px 6px 12px;border:1px solid var(--line2);border-radius:99px;background:#fff;font-size:14px;max-width:100%}
.ecs-chip button{border:0;background:#EEF2F9;border-radius:50%;width:22px;height:22px;line-height:20px;font-size:15px;color:var(--mut);cursor:pointer;flex:none}
.ecs-add{display:flex;gap:10px}.ecs-add input{flex:1;min-width:0}
/* personal analysis (Claude) */
.ai-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px 22px 18px;margin:0 0 18px;box-shadow:var(--sh)}
.ai-card h3{font-size:19px;line-height:1.35;margin:6px 0 8px;letter-spacing:-.01em}.ai-card p{color:#2E3A52;line-height:1.6;margin:0 0 10px}
.ai-card ul,.ai-card ol{margin:6px 0 12px;padding-left:20px;display:grid;gap:6px;color:#2E3A52;line-height:1.55}
.ai-card .hint{margin:12px 0 0}.ai-sub{font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--dim);margin:14px 0 4px}
.ai-two{display:grid;grid-template-columns:1fr 1fr;gap:6px 24px}@media(max-width:700px){.ai-two{grid-template-columns:1fr}}
.aitag{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#1F4FD8}
.ai-card.loading{display:flex;align-items:center;gap:12px;color:var(--mut);padding:18px 22px}
.ai-dots{display:inline-flex;gap:5px}.ai-dots i{width:7px;height:7px;border-radius:50%;background:#1F4FD8;opacity:.25;animation:aidot 1.1s infinite}.ai-dots i:nth-child(2){animation-delay:.18s}.ai-dots i:nth-child(3){animation-delay:.36s}
@keyframes aidot{0%,100%{opacity:.25}40%{opacity:1}}@media(prefers-reduced-motion:reduce){.ai-dots i{animation:none;opacity:.6}.aifit.sk i{animation:none}}
.ai-card.loading>div{display:grid;gap:2px}.ai-card.loading b{font-size:15px;color:var(--ink)}.ai-card.loading>div>span{font-size:14px;line-height:1.45}
.ai-note{display:inline-block;margin:8px 0 0!important;padding:4px 10px;border-radius:999px;background:#F2F6FF;color:#1F4FD8!important;font-size:13px;font-weight:600;line-height:1.4!important}
.ai-card:not(.loading),.aifit:not(.sk){animation:fade .4s both}
.aifit{margin:10px 0 0;padding:10px 12px;border-radius:10px;background:#F2F6FF;font-size:14px;line-height:1.5;color:#2E3A52}.aifit .aitag{margin-right:6px}
.aiwatch{display:block;margin-top:4px;color:var(--mut);font-size:13.5px}
/* placeholder while the note is being written: about the height of a two-line note, so the card barely moves when it lands */
.aifit.sk{display:grid;gap:8px;min-height:68px;align-content:start}
.aifit.sk i{display:block;height:10px;border-radius:6px;background:linear-gradient(90deg,#E2EAFB 25%,#F7F9FF 50%,#E2EAFB 75%);background-size:200% 100%;animation:aishim 1.5s linear infinite}.aifit.sk i:last-child{width:62%}
@keyframes aishim{to{background-position:-200% 0}}
.rep-wait{flex:1;min-width:0;font-size:13px;line-height:1.35;color:#f3e9cf;opacity:.9}
.rep .rc-ai{margin:6px 0 0;font-size:12.5px;color:#2E3A52}.rep .rc-ai i{color:#586789;font-style:normal}
/* after-MBA pay and payback on a college card */
.outl{margin:10px 0 0;padding:9px 12px;border-radius:10px;background:#F4F8F2;color:#2E3A52;font-size:14px;line-height:1.5}.outl b{color:#15753D}
.outl.warn{background:#FFF6E8}.outl.warn b{color:#9A5B00}

/* results page: colleges first. A slim hero, the shortlist straight after it, the personal analysis last */
.res-head.slim{display:block;padding:26px 0 14px}.rh-row{display:flex;justify-content:space-between;align-items:center;gap:12px 20px;flex-wrap:wrap;margin-top:14px}
.res-head.slim h1{font-size:clamp(26px,3.4vw,38px);margin:6px 0 8px}
.res-head.slim .rh-t{max-width:760px}.res-head.slim p{margin:0}
.res-head.slim .pills{margin:0}.res-head.slim .cta{margin:0;flex:none;justify-content:flex-end}
a.pill{text-decoration:none}a.pill b{color:var(--ink)}a.pill:hover{border-color:#1F4FD8}
body[data-view=results] .res-head.slim{border-radius:20px;padding-left:12px}
.rs.first{padding-top:26px}
@media(max-width:900px){.res-head.slim{text-align:left;padding-top:18px}.rh-row{flex-direction:column;align-items:flex-start}.res-head.slim .cta,.res-head.slim .pills{justify-content:flex-start}}
.rd-card{display:grid;grid-template-columns:auto 1fr;gap:28px;align-items:center}
.gauge.sm{width:132px;height:132px}.gauge.sm .c b{font-size:38px}
@media(max-width:700px){.rd-card{grid-template-columns:1fr;justify-items:center;text-align:left}.rd-card>div:last-child{width:100%}}
.ai-strip{display:flex;gap:6px 10px;align-items:center;flex-wrap:wrap;margin:0 0 14px;padding:9px 14px;border-radius:10px;background:#F2F6FF;color:#2E3A52;font-size:14px;line-height:1.45}
.ai-strip a{color:#1F4FD8;font-weight:600;text-decoration:none}.ai-strip a:hover{text-decoration:underline}
.ai-strip.loading{color:var(--mut)}
#sec-ai .rs-h h2{font-size:clamp(20px,2.4vw,26px);line-height:1.3;max-width:34em}
.ai-lead{font-size:16px;line-height:1.55;color:var(--ink)!important;margin:0 0 6px!important}
.ai-card .ai-two{margin-top:10px}

/* report: shortlist at a glance */
.rep .tw{overflow-x:auto}
.rep table.glance{font-size:12.5px;margin:10px 0}
.rep table.glance th{white-space:nowrap}
.rep table.glance td{vertical-align:middle;padding:9px 8px}
.rep table.glance td:first-child{min-width:150px}
.rep table.glance td small{display:block;font-size:11.5px;line-height:1.35;color:#6A7894;margin-top:1px;font-weight:400}
.rep table.glance td .rk2{display:inline-grid;margin-right:8px;vertical-align:middle}
.rep table.glance .ch{display:block;font-size:17px;letter-spacing:-.02em;margin-top:5px;color:var(--ink)}
.rep ol.whylist{margin:6px 0 6px 20px}.rep ol.whylist li{margin:7px 0;font-size:13.5px;line-height:1.5}.rep ol.whylist i{display:block;color:#6A7894;font-size:12.5px}
@media print{.rep .tw{overflow:visible}.rep table.glance{font-size:11.5px}.rep table.glance td{padding:7px 6px}}

@media(max-width:600px){.res-head.slim h1{font-size:26px;margin:4px 0 6px}.res-head.slim .pills .pill.goal{display:none}.res-head.slim .pills{gap:6px}.res-head.slim .pill{padding:5px 10px;font-size:12.5px}.res-head.slim .cta{width:100%;gap:8px}.res-head.slim .cta .btn{flex:1 1 auto;min-width:0;padding:10px 12px;font-size:14px}.rh-row{gap:10px;margin-top:10px}.ai-strip{font-size:13.5px}}

/* card: the working, sources under the numbers, compare */
.drv{margin:8px 0 0;font-size:13px;line-height:1.5;color:#4A5878}
.facts small{display:block;margin-top:2px;font-size:11.5px;line-height:1.35;font-weight:400;color:var(--dim)}
.facts small a{color:#1F4FD8;text-decoration:none;font-weight:600;white-space:nowrap}.facts small a:hover{text-decoration:underline}
.cmp{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--mut);cursor:pointer;margin-right:8px}
.cmp input{width:16px;height:16px;accent-color:#1F4FD8}
.cmpbar{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);z-index:60;display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:14px;background:#0E1B33;color:#fff;box-shadow:0 14px 40px -12px rgba(0,0,0,.5);font-size:14px;max-width:calc(100vw - 24px)}
.cmpbar .btn-ghost{color:#fff;border-color:rgba(255,255,255,.3)}.cmpbar button[disabled]{opacity:.5}
.modal.wide{max-width:1000px}
.cmp-scroll{overflow-x:auto;margin-top:12px}
.cmp-t{width:100%;border-collapse:collapse;font-size:14px;min-width:560px}
.cmp-t th,.cmp-t td{padding:10px 12px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
.cmp-t thead th{background:#F3F6FC;font-size:15px}.cmp-t thead th small,.cmp-t td small{display:block;font-size:12px;font-weight:400;color:var(--dim);margin-top:2px}
.cmp-t tbody th{font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:#4F5D7C;white-space:nowrap;width:150px}
@media(max-width:700px){.cmp-t tbody th{width:96px;white-space:normal}.cmpbar{bottom:10px;font-size:13px}}

/* season banner, programmes for people who work, taking the shortlist with you */
.seas{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:14px 0 0;padding:12px 16px;border:1px solid var(--line);border-radius:12px;background:var(--card,#fff)}
.seas div{display:flex;flex-direction:column;gap:2px;font-size:14px;color:var(--dim);min-width:0;flex:1 1 260px}.seas b{color:var(--ink);font-size:15px}
.xcta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding-top:10px}.xcta .hint{margin:0;font-size:12.5px}
.morex{margin-top:14px}.morex>summary{cursor:pointer;font-size:14px;font-weight:600;color:var(--gold);list-style:none}.morex>summary::-webkit-details-marker{display:none}
.send .send-row{display:flex;gap:10px;flex-wrap:wrap}.send .send-row .btn{flex:0 1 auto}
.dts{list-style:none;margin:0;padding:0;display:grid;gap:8px}.dts li{display:grid;grid-template-columns:110px 1fr;gap:12px;font-size:14px;align-items:baseline}.dts b{font-weight:600;color:var(--ink)}.dts span{color:var(--dim)}
.remind{margin-top:16px;border-top:1px solid var(--line);padding-top:14px}.remind>summary{cursor:pointer;font-size:14px;font-weight:600;color:var(--gold)}
form.lead .chips .chip{cursor:pointer;display:inline-flex;align-items:center;gap:6px}form.lead .chips .chip input{accent-color:var(--gold)}
.note.ok{border-color:var(--safe)}
@media(max-width:560px){.dts li{grid-template-columns:1fr;gap:2px}.send .send-row .btn{flex:1 1 100%}.seas .btn{width:100%}}
table.wk{min-width:880px}table.wk td{vertical-align:top;font-size:13.5px}table.wk small{display:block;font-size:12px;color:var(--dim);margin-top:2px;font-weight:400}
table.wk .pn{min-width:240px}table.wk .pn b{display:block}table.wk .pn .tag{margin-top:6px;display:inline-block}table.wk .pn details{margin-top:8px}table.wk .pn summary{cursor:pointer;font-size:12.5px;font-weight:600;color:var(--gold)}table.wk .pn details p{font-size:12.5px;margin:6px 0 0;color:var(--dim);white-space:normal}
table.wk tr.dim td{opacity:.78}table.wk .cmpc{width:34px}.morex table.wk{margin-top:10px}
@media(max-width:640px){
  table.wk.stack{min-width:0;width:100%}table.wk.stack thead{display:none}table.wk.stack,table.wk.stack tbody{display:block}
  table.wk.stack tr{display:block;position:relative;padding:14px 0;border-bottom:1px solid var(--line)}table.wk.stack tr:last-child{border-bottom:0}
  table.wk.stack td{display:grid;grid-template-columns:104px 1fr;gap:8px;border:0;padding:4px 0;text-align:left}table.wk.stack td:before{content:attr(data-label);font-size:12px;color:var(--dim)}
  table.wk.stack td.n{text-align:left}table.wk.stack td.pn{display:block;min-width:0;padding-right:34px}table.wk.stack td.pn:before{content:none}
  table.wk.stack td.cmpc{display:block;position:absolute;right:0;top:14px;width:auto}table.wk.stack td.cmpc:before{content:none}
  .scroll-x:has(table.wk.stack){overflow:visible}
}
@media(max-width:640px){table.wk.stack td small,table.wk.stack td a{grid-column:2}table.wk.stack td.pn small{grid-column:auto}}
/* charts and the shorter results page */
.charts{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.ch .lbl{margin-bottom:8px}.chart{width:100%;height:auto;display:block}.ch .hint{margin-top:8px}
details.more{border:1px solid var(--line);border-radius:12px;padding:12px 16px;margin-top:10px;background:var(--card,#fff)}details.more>summary{cursor:pointer;font-weight:600;font-size:15px;list-style:none}details.more>summary::-webkit-details-marker{display:none}details.more>summary:after{content:" +";color:var(--gold)}details.more[open]>summary:after{content:" −"}
.chip small{display:inline-block;margin-left:5px;font-size:10.5px;opacity:.75}
@media(max-width:760px){.charts{grid-template-columns:1fr}}