/* Crashtape — v2 theme (council round 5): near-black + neon green (Niko v1) × race-page energy (dad's page).
   Dark only. Display: Barlow Condensed · Body: Inter · Data: IBM Plex Mono. */
:root{color-scheme:dark;
--bg:#07090c;--card:#0d1218;--raised:#121a23;--line:#18212c;--line2:#2a3542;--text:#e8eef5;--muted:#9aa8b8;--faint:#566373;
--green:#00e38c;--cyan:#00E5C0;--gold:#F2FF4A;--pink:#FF4D8D;--up:#00e38c;--down:#FF4D8D;--on-green:#04130c;
--amber:var(--green);--on-amber:var(--on-green);
--display:"Barlow Condensed","Arial Narrow",Arial,sans-serif;--body:"Inter",system-ui,-apple-system,Segoe UI,Arial,sans-serif;--mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;
--head:var(--display)}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 var(--body);overflow-x:hidden}
/* backdrop: slow green/teal wash + faint grid, masked toward the top */
body::before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;
background:radial-gradient(ellipse 80% 60% at 20% 0%,rgba(0,227,140,.10),transparent 60%),radial-gradient(ellipse 70% 50% at 90% 10%,rgba(0,229,192,.08),transparent 60%),radial-gradient(ellipse 60% 50% at 50% 100%,rgba(107,44,250,.07),transparent 70%);
background-size:180% 180%;animation:wash 40s ease-in-out infinite alternate}
body::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
background-image:linear-gradient(#111821 1px,transparent 1px),linear-gradient(90deg,#111821 1px,transparent 1px);background-size:44px 44px;
-webkit-mask-image:radial-gradient(circle at 50% 15%,#000,transparent 70%);mask-image:radial-gradient(circle at 50% 15%,#000,transparent 70%);opacity:.7}
@keyframes wash{0%{background-position:0% 0%}100%{background-position:100% 60%}}
@media (prefers-reduced-motion:reduce){body::before{animation:none}.shimmer{animation:none!important}}
a{color:var(--cyan)}a:hover{text-decoration:none}
h1,h2,h3{font-family:var(--display);letter-spacing:.01em;line-height:1.02;text-wrap:balance;margin:.2em 0 .35em}
h1{font-size:clamp(46px,8vw,86px);font-weight:800;text-transform:uppercase}
h2{font-size:clamp(30px,4.4vw,46px);font-weight:700;text-transform:uppercase;margin-top:0}
h3{font-size:24px;font-weight:700}
.shimmer{background:linear-gradient(90deg,#e8eef5 0%,#00e38c 35%,#00E5C0 60%,#F2FF4A 85%,#e8eef5 100%);background-size:220% 100%;
-webkit-background-clip:text;background-clip:text;color:transparent;animation:shimmer 9s ease-in-out infinite alternate;filter:drop-shadow(0 0 22px rgba(0,227,140,.35))}
@keyframes shimmer{from{background-position:0% 50%}to{background-position:100% 50%}}
.wrap{max-width:1160px;margin:0 auto;padding:0 16px}
header.top{position:sticky;top:0;z-index:20;background:rgba(7,9,12,.82);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
header.top .wrap{display:flex;align-items:center;gap:20px;height:62px}
.brand{display:flex;align-items:center;gap:10px;color:var(--text);text-decoration:none;font:800 22px var(--display);letter-spacing:.08em}
.brand img{width:28px;height:28px;border-radius:50%;filter:drop-shadow(0 0 8px rgba(0,227,140,.5))}
nav.main{display:flex;gap:20px;margin-left:auto;align-items:center;flex-wrap:wrap}
nav.main a{color:var(--muted);text-decoration:none;font-size:15px}nav.main a:hover,nav.main a.on{color:#fff}
nav.main a.btn,nav.main a.btn:hover{color:var(--on-green)}
.hazard{height:2px;background:linear-gradient(90deg,transparent,var(--green),var(--cyan),transparent);box-shadow:0 0 18px var(--green);opacity:.8}
.btn{display:inline-block;background:var(--green);color:var(--on-green)!important;border:0;border-radius:10px;padding:13px 24px;font:700 15px var(--body);text-decoration:none;cursor:pointer;transition:box-shadow .2s,transform .2s}
.btn:hover{box-shadow:0 0 26px rgba(0,227,140,.45);transform:translateY(-1px)}
.btn.ghost{background:transparent;color:var(--text)!important;border:1px solid var(--line2)}.btn.ghost:hover{border-color:var(--green);box-shadow:none}
.btn.danger{background:var(--pink);color:#12030a!important}.btn:disabled{opacity:.45;cursor:not-allowed}
.btn.big{padding:16px 30px;font-size:17px}
.kicker,.eyebrow{font:600 12px/1.2 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--green)}
.hero{padding:70px 0 26px;text-align:left}.hero p.lead,.lead{font-size:19px;color:var(--muted);max-width:660px}
.micro{font:500 12px var(--mono);color:var(--faint);margin-top:10px}
.ctas{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:22px}
section.band{padding:56px 0;border-top:1px solid var(--line)}
.grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(270px,1fr))}
.card{background:linear-gradient(180deg,rgba(18,26,35,.9),rgba(13,18,24,.9));border:1px solid var(--line);border-radius:16px;padding:24px}
.card h3{margin:.1em 0 .35em}
a.card{color:inherit;text-decoration:none;display:block;transition:border-color .2s,transform .2s}a.card:hover{border-color:var(--green);transform:translateY(-2px)}
.muted{color:var(--muted)}.small{font-size:.86rem}
.tag{display:inline-block;font:500 11px var(--mono);letter-spacing:.06em;border:1px solid var(--line2);border-radius:99px;padding:3px 10px;color:var(--muted);margin:0 4px 4px 0}
.sim{border-color:rgba(0,227,140,.55);color:var(--green)}.tag.no{border-color:var(--pink);color:var(--pink)}
.num{font-family:var(--mono);font-variant-numeric:tabular-nums}.up{color:var(--up)}.down{color:var(--down)}
table{width:100%;border-collapse:collapse;font-size:.92rem}th,td{text-align:left;padding:10px;border-bottom:1px solid var(--line)}
th{color:var(--muted);font-weight:500;font-family:var(--mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase}td.num,th.num{text-align:right}
.tablewrap{overflow-x:auto}
.disclaimer{font:12px/1.55 var(--mono);color:var(--muted);border:1px dashed var(--line2);border-radius:12px;padding:14px;margin:18px 0;background:rgba(7,9,12,.6)}
.disclaimer strong{color:var(--gold)}
form.stack{display:grid;gap:12px;max-width:440px}label{font-size:.9rem;color:var(--muted)}
input,select,textarea{width:100%;background:var(--card);color:var(--text);border:1px solid var(--line2);border-radius:10px;padding:12px;font:inherit}
input:focus,select:focus,textarea:focus{outline:2px solid rgba(0,227,140,.5);border-color:var(--green)}
input[type=checkbox]{width:auto;margin-right:8px;accent-color:var(--green)}
.check{display:flex;align-items:flex-start;gap:6px;color:var(--text)}
.flash{background:var(--raised);border-left:3px solid var(--green);padding:12px 14px;border-radius:8px;margin:16px 0}.flash.err{border-color:var(--pink)}
.price{font:800 44px var(--display)}.price small{font:400 14px var(--body);color:var(--muted)}
ul.feat{padding-left:18px;margin:.6em 0}ul.feat li{margin:4px 0}
footer{border-top:1px solid var(--line);margin-top:64px;padding:30px 0;color:var(--muted);font-size:.85rem}
.side{display:grid;grid-template-columns:200px 1fr;gap:28px}
.sidenav a{display:block;padding:8px 10px;border-radius:8px;color:var(--muted);text-decoration:none}.sidenav a.on,.sidenav a:hover{background:var(--card);color:#fff}
.sidenav form{margin-top:12px}
.chart{width:100%;height:auto;display:block}.chart .ln{fill:none;stroke:var(--green);stroke-width:2;filter:drop-shadow(0 0 6px rgba(0,227,140,.6))}
.redflag{border:1px solid var(--pink);border-radius:14px;padding:16px;display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.redflag .btn.danger{background:var(--pink)}
.gate li{margin:4px 0}.ok{color:var(--up)}.no{color:var(--down)}
code,.mono{font-family:var(--mono);font-size:.88em}textarea.token{font:.8rem var(--mono);height:96px}

/* ---- race hero ---- */
.race{background:rgba(13,18,24,.85);border:1px solid var(--line);border-radius:18px;padding:20px 20px 14px;margin-top:34px;box-shadow:0 0 60px rgba(0,227,140,.06)}
.race-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.race-clock{font:600 13px var(--mono);color:var(--gold)}
.lane{display:grid;grid-template-columns:150px 1fr 120px;gap:14px;align-items:center;padding:10px 0;border-top:1px solid var(--line)}
.lane:first-of-type{border-top:0}
.lane .who b{display:block;font:700 22px var(--display);letter-spacing:.03em;text-transform:uppercase}
.lane .who span{font:500 11px var(--mono);color:var(--faint)}
.track{position:relative;height:14px;background:rgba(190,215,255,.06);border-radius:99px;overflow:visible}
.track .zero{position:absolute;left:50%;top:-6px;bottom:-6px;width:1px;background:var(--line2)}
.track .bar{position:absolute;top:0;bottom:0;border-radius:99px;transition:left .35s ease,width .35s ease,background .35s;box-shadow:0 0 14px currentColor}
.track .bar.pos{background:var(--green);color:rgba(0,227,140,.6)}.track .bar.neg{background:var(--pink);color:rgba(255,77,141,.6)}
.track .low{position:absolute;top:-5px;width:2px;height:24px;background:var(--pink);opacity:.8;transition:left .35s}
.lane .val{text-align:right;font:600 15px var(--mono)}
.lane .val small{display:block;font:500 11px var(--mono);color:var(--faint)}
.race-foot{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:8px}
.race-legend{font:500 11px var(--mono);color:var(--faint)}
@media (max-width:640px){.lane{grid-template-columns:96px 1fr 84px;gap:8px}.lane .who b{font-size:18px}.lane .val{font-size:13px}}

/* ---- crash tape ticker ---- */
.tape{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(13,18,24,.7);white-space:nowrap;
-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.tape-inner{display:inline-flex;gap:34px;padding:12px 0;animation:tape 60s linear infinite}
.tape:hover .tape-inner{animation-play-state:paused}
@keyframes tape{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.tick{font:500 13px var(--mono);color:var(--muted)}.tick b{color:var(--text);font-weight:600}
@media (prefers-reduced-motion:reduce){.tape-inner{animation:none}}

/* ---- sections ---- */
.steps{counter-reset:s;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.step{position:relative;padding-top:42px}.step::before{counter-increment:s;content:"0" counter(s);position:absolute;top:0;left:24px;font:800 34px var(--display);color:var(--green);opacity:.9}
.airbag{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;background:linear-gradient(135deg,rgba(255,77,141,.10),rgba(13,18,24,.9));border:1px solid rgba(255,77,141,.35);border-radius:18px;padding:28px}
.airbag-btn{width:132px;height:132px;border-radius:50%;border:0;background:radial-gradient(circle at 35% 30%,#ff7aa8,#FF4D8D 55%,#b8195a);color:#fff;font:800 22px var(--display);letter-spacing:.06em;text-transform:uppercase;box-shadow:0 0 0 8px rgba(255,77,141,.15),0 0 40px rgba(255,77,141,.45);cursor:default}
@media (max-width:640px){.airbag{grid-template-columns:1fr}.airbag-btn{width:104px;height:104px}}
.botcard .dd{font:800 34px var(--display);line-height:1}
.botcard .ddl{font:500 11px var(--mono);color:var(--faint);letter-spacing:.08em;text-transform:uppercase}
.founder{border:1px solid rgba(0,227,140,.45);background:linear-gradient(180deg,rgba(0,227,140,.08),rgba(13,18,24,.95));border-radius:20px;padding:32px;text-align:center}
.plan.featured{border-color:var(--green);box-shadow:0 0 40px rgba(0,227,140,.12)}
details{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px 18px;margin:0 0 10px}
summary{cursor:pointer;font-weight:600}details p{color:var(--muted);margin:.6em 0 0}
@media (max-width:760px){.side{grid-template-columns:1fr}nav.main{gap:12px}.hero{padding-top:44px}}
.center{margin-left:auto;margin-right:auto;justify-content:center;text-align:center}

.upside{margin:.6em 0;padding:.5em 0;border-top:1px solid rgba(255,255,255,.08)}.upside dt{font:600 11px/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--green);margin-top:.4em}.upside dd{margin:0}.upside dd.num{font-size:1.15em}
.hero-num{font-size:clamp(56px,11vw,120px);margin:.1em 0 .1em}.hero-cap{font-size:18px;max-width:760px;margin:.2em 0}.hero-risk{color:var(--muted);font-size:15px;margin:.3em 0}.hero-risk .down{color:#ff4d8d}.hero-441{color:var(--muted);max-width:760px}.hero-sub{font-size:clamp(26px,4vw,40px);text-transform:uppercase;margin-top:.8em}
:root{--flat:#8a94a6}.flat{color:var(--flat)}.up{color:var(--up)}.down{color:var(--down)}.shimmer.up{color:var(--up)}.track .bar.flat{background:var(--flat);color:rgba(138,148,166,.5)}.pnl.up,.pnl.down,.pnl.flat,.upside dd.up,.upside dd.down{font-weight:600}
.track{height:18px}.track .bar{border-radius:6px}.track .low{top:-4px;height:26px}.track .low.clip{width:3px;border-radius:2px}
.pastyear{margin:14px 0}.pastyear table{width:100%}.pastyear .kicker .tag{margin-left:6px}
.minispark{display:block;max-width:100%;height:auto;margin:6px 0 8px}.minispark .base{stroke:var(--flat);stroke-width:1;stroke-dasharray:3 3}
