:root{--bg:#fff;--alt:#F5F7F7;--pale:#F0F8FF;--text:#0E285D;--muted:#4E5F84;--border:#0E285D1F;--brand:#0752FF;--accent:#0D409B;--ink:#00030D;--signal:#B4413C;--r:22px;
--display:"Mona Sans","Mona Sans Variable",system-ui,sans-serif;--body:"Golos Text","Golos Text Variable",system-ui,sans-serif;
--shadow:0 1px 1px -1px rgba(0,94,255,.05),0 3px 6px -2px rgba(14,40,93,.06),0 18px 40px -18px rgba(14,40,93,.18)}
*{box-sizing:border-box}html{-webkit-font-smoothing:antialiased}
body{margin:0;background:var(--pale);color:var(--text);font:16px/1.6 var(--body);letter-spacing:-.005em}
h1,h2,h3{font-family:var(--display);font-weight:400;margin:.1em 0 .45em;color:inherit}
h1{font-size:56px;line-height:1.02;letter-spacing:-.048em}h1.xl{font-size:84px}
h2{font-size:36px;line-height:1.08;letter-spacing:-.042em}h3{font-size:22px;line-height:1.2;letter-spacing:-.032em}
a{color:var(--brand)}b{font-weight:600}
.testbanner{background:#FFF6E0;color:#6B4A00;text-align:center;font-size:12.5px;padding:5px 12px;position:relative;z-index:6}
/* HERO */
.heroband{position:relative;overflow:hidden;color:#fff;background:linear-gradient(160deg,#3D8BFF 0%,#0752FF 18%,#0E285D 52%,#00030D 100%);padding-bottom:120px}
body:not([data-step=intro]) .heroband{padding-bottom:110px}
.deco,.deco>*{position:absolute;inset:0;pointer-events:none}
.glow{border-radius:50%;filter:blur(10px)}
.g1{inset:auto;width:820px;height:820px;left:-260px;top:-380px;background:radial-gradient(closest-side,rgba(77,134,255,.55),rgba(7,82,255,0) 70%)}
.g2{inset:auto;width:700px;height:700px;right:-160px;bottom:-360px;background:radial-gradient(closest-side,rgba(13,64,155,.7),rgba(13,64,155,0) 70%)}
.gridlines{background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse at 70% 40%,#000 0%,transparent 70%);mask-image:radial-gradient(ellipse at 70% 40%,#000 0%,transparent 70%)}
.planes{width:100%;height:100%}
.p{transform-box:fill-box;transform-origin:center;animation:float 9s ease-in-out infinite}.p2{animation-delay:-3s}.p3{animation-delay:-6s}
.links path{stroke-dasharray:4 6;animation:dash 14s linear infinite}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes dash{to{stroke-dashoffset:-200}}
.noise{opacity:.07;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.bar{position:relative;z-index:3;display:flex;justify-content:space-between;align-items:center;max-width:1180px;margin:0 auto;padding:22px 28px}
.logo img{height:20px;display:block}
.pillnav{display:flex;gap:6px;align-items:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-radius:999px;padding:5px 5px 5px 18px}
.pillnav a{color:#fff;text-decoration:none;font-size:14.5px;font-weight:500}.pillnav a:not(.btn){padding:6px 12px 6px 0}
.herocontent{position:relative;z-index:2;max-width:1180px;margin:0 auto;padding:56px 28px 0}
body[data-step=intro] .herocontent{padding-top:88px;max-width:1180px}
.herocontent h1{max-width:820px}.lede{font-size:19px;line-height:1.55;color:#D6E2FF;max-width:600px;margin:0 0 30px}
.hero-cta{display:flex;flex-wrap:wrap;align-items:center;gap:20px}.hero-meta{font-size:14px;color:#B8C9F2}
.eyebrow{font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--brand);margin-bottom:14px}
.eyebrow.light{color:#BFD3FF}
/* PAGE */
.page{position:relative}
.pagedeco{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(rgba(14,40,93,.10) 1px,transparent 1.2px);background-size:22px 22px;-webkit-mask-image:linear-gradient(180deg,#000,transparent 70%);mask-image:linear-gradient(180deg,#000,transparent 70%)}
main{position:relative;max-width:1040px;margin:-80px auto 0;padding:0 24px 96px;z-index:2}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--brand);color:#fff;border:0;border-radius:999px;padding:14px 26px;font:500 16px var(--body);letter-spacing:-.01em;cursor:pointer;text-decoration:none;transition:transform .15s,box-shadow .15s,background .15s;box-shadow:0 6px 18px -8px rgba(7,82,255,.7)}
.btn:hover{background:#0546DB;transform:translateY(-1px)}.btn:focus-visible,.opt:focus-within,input.t:focus{outline:3px solid rgba(7,82,255,.35);outline-offset:2px}
.btn.small{padding:9px 16px;font-size:14px}.btn.ghost{background:#fff;color:var(--text);border:1px solid var(--border);box-shadow:none}.btn.ghost:hover{background:var(--pale)}.btn.navy{background:var(--text);box-shadow:none}
.btn.btn-start,.btn-start{background:#34D399!important;color:#0E285D!important;font-weight:700;box-shadow:0 8px 24px rgba(52,211,153,.45)!important;border:0}
.btn.btn-start:hover,.btn-start:hover{background:#10B981!important;color:#0E285D!important;transform:translateY(-1px)}
.heroband .btn.btn-start,.hero-cta .btn.btn-start{background:#34D399!important;color:#0E285D!important}
.card{background:#fff;border:1px solid var(--border);border-radius:var(--r);padding:30px;margin:18px 0;box-shadow:var(--shadow)}
.card.white{background:#fff}.note{background:linear-gradient(180deg,#fff,#F7FBFF)}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid3 .card{margin:0}
.feature{position:relative;overflow:hidden}.feature:after{content:"";position:absolute;right:-60px;top:-60px;width:160px;height:160px;border-radius:50%;background:radial-gradient(closest-side,rgba(7,82,255,.12),transparent)}
.ico{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font:500 13px var(--display);color:var(--brand);background:var(--pale);border:1px solid #0752FF26;margin-bottom:18px}
.muted{color:var(--muted)}.small{font-size:14.5px}
/* QUESTIONS */
.progress{height:6px;background:#fff;border:1px solid var(--border);border-radius:9px;overflow:hidden;margin:0 0 14px;box-shadow:var(--shadow)}
.progress i{display:block;height:100%;background:linear-gradient(90deg,#4D86FF,#0752FF);border-radius:9px;transition:width .3s}
main>.small.muted{color:#fff;opacity:.9;margin-bottom:10px;font-weight:500}
.why{font-size:14.5px;color:var(--muted);background:var(--pale);border-radius:14px;padding:12px 16px;margin:4px 0 20px;border:1px solid #0752FF14}
.opt{position:relative;display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid var(--border);border-radius:16px;padding:16px 18px;margin:10px 0;cursor:pointer;transition:border-color .15s,box-shadow .15s,background .15s,transform .15s}
.opt:hover{border-color:#0752FF66;transform:translateY(-1px);box-shadow:0 8px 20px -14px rgba(7,82,255,.5)}
.opt input{position:absolute;opacity:0;width:1px;height:1px}
.opt .mark{flex:none;width:20px;height:20px;margin-top:2px;border:1.5px solid #0E285D55;border-radius:50%;display:grid;place-items:center;background:#fff;transition:all .15s}
.opt input[type=checkbox]+.mark{border-radius:6px}
.opt.on{border-color:var(--brand);background:#F3F8FF;box-shadow:inset 0 0 0 1px var(--brand)}
.opt.on .mark{background:var(--brand);border-color:var(--brand)}.opt.on .mark:after{content:"";width:6px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg) translate(-1px,-1px)}
.row{display:flex;gap:12px;justify-content:space-between;align-items:center;margin-top:22px;flex-wrap:wrap}
/* GATE */
label.f{display:block;font-weight:500;font-size:14.5px;margin:16px 0 6px}
input.t{width:100%;padding:14px 16px;border:1px solid var(--border);border-radius:14px;font:16px var(--body);color:var(--text);background:#FBFDFF;transition:border-color .15s}
input.t:focus{border-color:var(--brand);background:#fff}
.err{color:var(--signal);font-size:14px;margin-top:6px;display:flex;gap:6px}.err:before{content:"!";font-weight:700}.err:empty{display:none}
.hp{position:absolute;left:-9999px}
#ethracGate h3{font-size:28px;letter-spacing:-.04em}
/* STATS & RESULTS */
.stat{font-family:var(--display);font-size:52px;line-height:1;letter-spacing:-.04em;color:var(--brand);margin-bottom:6px}
.grid3>div:not(.card){background:var(--pale);border:1px solid #0752FF14;border-radius:18px;padding:20px}
.band{display:inline-block;border-radius:999px;padding:4px 16px;font:500 18px var(--body);background:var(--text);color:#fff;vertical-align:middle}
.band.Urgent,.band.High{background:var(--signal)}.band.Elevated{background:var(--accent)}
h2+.grid3,.card .grid3{margin-top:14px}
main>h2{margin-top:44px}
table{width:100%;border-collapse:separate;border-spacing:0;font-size:14px}
th,td{text-align:left;padding:12px 10px;border-bottom:1px solid var(--border);vertical-align:top}
th{font:500 11.5px var(--body);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);background:var(--pale)}
th:first-child{border-top-left-radius:12px}th:last-child{border-top-right-radius:12px}
tr:last-child td{border-bottom:0}td a{font-weight:500;text-decoration:none}
.pill{display:inline-block;border-radius:999px;padding:3px 11px;font-size:12px;font-weight:600;white-space:nowrap}
.Live{background:#0752FF;color:#fff}.Dated{background:#E6EEFF;color:var(--accent);border:1px solid #0D409B33}.Deferred{background:var(--alt);color:var(--muted)}.tv{background:#FFF1E0;color:#7A4100}
.gap{position:relative;background:#fff;border:1px solid var(--border);border-radius:20px;padding:22px 24px 22px 28px;margin:14px 0;box-shadow:var(--shadow);overflow:hidden}
.gap:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#0752FF55}
.gap:has(.p3):before{background:var(--signal)}.gap .p3{color:var(--signal);font-weight:600}
.gap>.small:first-child{text-transform:uppercase;letter-spacing:.06em;font-size:12px}
.gap div{margin:3px 0}
.chip{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;background:var(--pale);border:1px solid #0752FF26;color:var(--accent);border-radius:999px;padding:4px 12px;margin:6px 6px 0 0;text-decoration:none;transition:background .15s}
.chip:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--brand)}.chip:hover{background:#E3EEFF}
.out{position:relative;overflow:hidden;background:linear-gradient(135deg,#0E285D,#00030D);color:#fff;border-radius:var(--r);padding:26px 30px;margin:18px 0}.out a{color:#9CC0FF}
.cta{position:relative;overflow:hidden;background:linear-gradient(140deg,#3D8BFF 0%,#0752FF 25%,#0E285D 70%,#00030D 100%);color:#fff;border-radius:28px;padding:56px 32px;text-align:center;margin-top:44px}
.cta:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(ellipse,#000,transparent 70%);mask-image:radial-gradient(ellipse,#000,transparent 70%)}
.cta>*{position:relative}.cta h2{font-size:44px}.cta p{color:#D6E2FF}.cta .btn{background:#fff;color:var(--text)}
.cta-why{max-width:640px;margin:0 auto 28px;font-size:17px;line-height:1.55;color:#D6E2FF;text-align:center}
.cta .btn{margin-top:4px}
.foot{background:var(--ink);color:#B8C9F2;font-size:13.5px;padding:40px 24px;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}
.foot a{color:#fff}.flogo{height:16px;opacity:.95}
.report-only{display:none}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
/* MOBILE */
@media (max-width:760px){
 h1{font-size:38px}h1.xl{font-size:46px}h2{font-size:28px}.cta h2{font-size:32px}.cta{padding:40px 22px}.cta-why{font-size:15.5px;margin-bottom:22px;max-width:none}.lede{font-size:17px}
 .bar{padding:16px 18px}.logo img{height:15px}.pillnav{padding:4px}.pillnav a:not(.btn){display:none}.pillnav .btn{font-size:13px;padding:8px 13px}
 .herocontent{padding:36px 20px 0}body[data-step=intro] .herocontent{padding-top:44px}
 .heroband{padding-bottom:96px}.planes{opacity:.55}
 main{padding:0 14px 64px}.card{padding:22px 18px}.grid3{grid-template-columns:1fr;gap:12px}
 .card table{display:block;overflow-x:auto;white-space:normal}.card table td:nth-child(2){min-width:220px}
 .card .grid3{grid-template-columns:repeat(3,1fr);gap:8px}.card .grid3>div{padding:12px}.card .grid3 .muted{font-size:12px;line-height:1.35}.stat{font-size:30px}.gap{padding:18px 18px 18px 22px}
}
/* PRINT */
@media print{
 @page{margin:16mm}body{background:#fff;font-size:11.5px}
 .testbanner,.heroband,.foot,.noprint,.pagedeco,.cta .btn{display:none!important}
 .report-only{display:block;border-bottom:2px solid var(--brand);padding-bottom:12px;margin-bottom:16px}.rlogo{height:16px;margin-bottom:14px}
 .report-only h1{font-size:30px}main{margin:0;padding:0;max-width:none}
 .card,.gap,.out{box-shadow:none;break-inside:avoid}.cta{background:none;color:var(--text);border:1px solid var(--border);padding:18px}.cta p,.cta-why{color:var(--muted);max-width:none;margin:0 0 10px;font-size:12.5px;text-align:left}
 .Live{-webkit-print-color-adjust:exact;print-color-adjust:exact}.pill,.band,.gap:before,th{-webkit-print-color-adjust:exact;print-color-adjust:exact}
}
