/* Keerat's Kreations: editorial edition. Warm paper, black grotesk, cobalt Scout, chartreuse Quant. */
:root{--paper:#f4f2ec;--paper2:#ebe8df;--card:#fbfaf6;--ink:#0d0d0f;--ink2:#2a2a2d;--muted:#5f5e58;--line:#d9d5ca;
  --cobalt:#1543ff;--cobalt2:#4d74ff;--lime:#c8ff00;--lime2:#a6d900;--ember:#ff6a2b;--red:#d92d20;--night:#0e0f12;
  --font:'Inter Tight',system-ui,-apple-system,'Segoe UI',sans-serif;--wrap:1320px;--ease:cubic-bezier(.2,.7,.2,1)}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:400 17px/1.55 var(--font);overflow-x:hidden}
a{color:inherit}
img,svg,canvas{display:block}
:focus-visible{outline:3px solid var(--cobalt);outline-offset:3px;border-radius:4px}
.wrap{width:min(calc(100% - 64px),var(--wrap));margin:0 auto}
.skip{position:absolute;left:-999px;top:8px;background:var(--ink);color:#fff;padding:10px 14px;z-index:100}
.skip:focus{left:8px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.lbl{font:600 12px/1.4 var(--font);letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin:0 0 18px}
.blue{color:var(--cobalt)}
.lime{color:var(--lime2)}
.hl{background:linear-gradient(transparent 58%,var(--lime) 58%,var(--lime) 92%,transparent 92%);padding:0 .06em}
.ar{width:18px;height:11px;fill:none;stroke:currentColor;stroke-width:1.8;transition:transform .25s var(--ease)}
@media (hover:hover) and (pointer:fine){a:hover .ar{transform:translateX(4px)}}

/* header */
.top{position:sticky;top:0;z-index:40;background:rgba(244,242,236,.86);backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid transparent;transition:border-color .2s}
.top.scrolled{border-color:var(--line)}
.topIn{display:flex;align-items:center;gap:28px;height:84px}
.logo{text-decoration:none;font:800 22px/.95 var(--font);letter-spacing:-.04em}
.motto{font:600 10px/1.5 var(--font);letter-spacing:.22em;text-transform:uppercase;color:var(--muted);padding-left:22px;border-left:1px solid var(--line)}
.nav{display:flex;gap:34px;margin-left:auto}
.nav a{text-decoration:none;font-weight:500;font-size:15px;position:relative;padding:6px 0}
.nav a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--cobalt);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}
.nav a:hover::after,.nav a[aria-current]::after{transform:scaleX(1)}
.pill{display:inline-flex;align-items:center;gap:12px;background:var(--cobalt);color:#fff;text-decoration:none;font:700 12px var(--font);
  letter-spacing:.16em;text-transform:uppercase;padding:15px 24px;border-radius:999px;transition:transform .2s var(--ease),box-shadow .2s}
@media (hover:hover) and (pointer:fine){.pill:hover{transform:translateY(-2px);box-shadow:0 12px 26px -10px rgba(21,67,255,.7)}}
.pill.lg{padding:19px 30px}
.under{font:700 12px var(--font);letter-spacing:.16em;text-transform:uppercase;text-decoration:none;display:inline-flex;align-items:center;gap:10px;
  padding:8px 0;border-bottom:2px solid currentColor}
.under.light{color:#fff}
.burger{display:none;margin-left:auto;width:46px;height:46px;border:1px solid var(--line);border-radius:50%;background:transparent;cursor:pointer;position:relative}
.burger i{position:absolute;left:14px;right:14px;height:2px;background:var(--ink);transition:transform .2s var(--ease)}
.burger i:first-child{top:18px}.burger i:last-child{top:25px}
.burger[aria-expanded=true] i:first-child{transform:translateY(3.5px) rotate(45deg)}
.burger[aria-expanded=true] i:last-child{transform:translateY(-3.5px) rotate(-45deg)}
.mnav{border-top:1px solid var(--line);padding:10px 24px 22px;background:var(--paper)}
.mnav a{display:block;padding:14px 0;font:700 26px var(--font);letter-spacing:-.03em;text-decoration:none;border-bottom:1px solid var(--line)}

/* type */
.mega{font:800 clamp(52px,7.4vw,118px)/.9 var(--font);letter-spacing:-.055em;margin:0}
.big{font:800 clamp(40px,4.8vw,74px)/.95 var(--font);letter-spacing:-.05em;margin:0}
.lead{font-size:clamp(17px,1.5vw,20px);line-height:1.5;color:var(--ink2);max-width:560px;margin:28px 0 0}
.side{color:var(--muted);max-width:430px;margin:0}
.fine{font-size:13px;color:var(--muted);max-width:760px;margin:18px 0 0}

/* hero */
.hero{position:relative;padding:40px 0 0;overflow:hidden}
.heroGrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:24px;align-items:center;min-height:620px}
.heroCopy{position:relative;z-index:2;padding:30px 0 40px}
.ctaRow{display:flex;align-items:center;gap:30px;margin-top:36px;flex-wrap:wrap}
.heroArt{position:relative;height:620px}
.heroArt .ribbon.hero{position:absolute;left:-6%;top:0;width:68%;height:100%}
.heroArt .prisms.hero{position:absolute;right:-2%;top:2%;width:62%;height:96%;overflow:visible}
.artTag{position:absolute;font:600 10px/1.6 var(--font);letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}
.artTag b{display:block;font:800 22px var(--font);letter-spacing:.06em;margin-bottom:6px}
.scoutTag{left:6%;top:24%}.scoutTag b{color:var(--cobalt)}
.quantTag{right:0;bottom:16%;text-align:left}.quantTag b{color:var(--ink)}
.quantTag i{display:block;width:44px;height:6px;background:var(--lime);margin-top:12px}
.cross{position:absolute;width:26px;height:26px}
.cross::before,.cross::after{content:"";position:absolute;background:var(--ink)}
.cross::before{left:12px;top:0;width:1.5px;height:100%}.cross::after{top:12px;left:0;height:1.5px;width:100%}
.c1{left:28%;top:52%}.c2{right:30%;bottom:20%}

/* race card */
.raceWrap{position:relative;z-index:3;margin-top:-90px;display:flex;justify-content:flex-end}
.race{width:min(100%,780px);background:var(--card);border:1px solid var(--line);border-radius:22px;padding:24px 28px 18px;
  box-shadow:0 30px 60px -36px rgba(13,13,15,.35)}
.raceHead{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:16px}
.raceHead .lbl{margin:0;color:var(--ink)}
.raceState{color:var(--muted)!important;display:flex;align-items:center;gap:8px}
.raceState::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--lime2)}
.raceBody{display:grid;grid-template-columns:1.05fr 1fr;gap:26px;align-items:center}
.cdLabel{font-size:13px;color:var(--muted);margin:0 0 12px}
.cdGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.cdGrid div{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:12px 4px 8px;text-align:center;overflow:hidden}
.cdGrid b{display:block;font:800 38px/1 var(--font);letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.cdGrid b.tick{animation:tick .45s var(--ease)}
@keyframes tick{from{transform:translateY(-55%);opacity:0}to{transform:none;opacity:1}}
.cdGrid span{font-size:11px;color:var(--muted);letter-spacing:.06em}
.standingsLead{font:800 26px/1.1 var(--font);letter-spacing:-.03em;margin:0}
.standingsNote{font-size:13px;color:var(--muted);margin:10px 0 0}
.lanes{display:grid;gap:10px}
.lane{display:grid;grid-template-columns:10px 1fr auto;gap:14px;align-items:center;padding:14px 16px;border-radius:14px;background:var(--paper)}
.lane .dot{width:10px;height:10px;border-radius:50%}
.lane.scout .dot{background:var(--cobalt)}.lane.quant .dot{background:var(--lime2)}
.lane.quant{background:#f1ffd0}
.lane b{font:800 17px var(--font);letter-spacing:-.02em}
.lane small{display:block;font-size:12px;color:var(--muted)}
.laneNum{text-align:right}
.laneNum b{font-size:24px;font-variant-numeric:tabular-nums}
.laneNum .loss{color:var(--red)}.laneNum .gain{color:#177a2e}
.raceFoot{font-size:12px;color:var(--muted);margin:14px 0 0}

/* ticker */
.ticker{margin-top:64px;border-block:1px solid var(--ink);background:var(--ink);color:#fff;overflow:hidden;position:relative}
.tickTrack{display:flex;width:max-content;animation:marquee 46s linear infinite}
.ticker:hover .tickTrack,.ticker:focus-within .tickTrack,.ticker:focus .tickTrack{animation-play-state:paused}
.tickTrack span{display:inline-flex;gap:10px;align-items:center;padding:16px 30px;font:600 13px var(--font);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}
.tickTrack span em{font-style:normal;color:var(--lime)}
.tickTrack span em.neg{color:#ff7a6e}
.tickTrack span::after{content:"";width:6px;height:6px;background:var(--cobalt2);border-radius:50%;margin-left:30px}
@keyframes marquee{to{transform:translateX(-50%)}}

/* tiles */
.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:70px}
.tile{position:relative;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:22px;min-height:250px;text-decoration:none;
  display:flex;flex-direction:column;transition:transform .3s var(--ease),border-color .3s}
@media (hover:hover) and (pointer:fine){a.tile:hover{transform:translateY(-4px);border-color:var(--ink)}}
.tile>svg{width:120px;height:80px;margin-bottom:auto}
.tArrow .ar{width:22px;height:14px}
.tile h2{font:800 22px var(--font);letter-spacing:-.03em;margin:22px 0 6px}
.tile p{font-size:14px;color:var(--muted);margin:0}
.tArrow{position:absolute;right:22px;top:22px;color:var(--cobalt)}
.tl-b{fill:none;stroke:var(--cobalt);stroke-width:3}.tl-k{fill:none;stroke:var(--ink);stroke-width:2}
.tl-l{fill:var(--lime)}.tl-bf{fill:var(--cobalt)}
.tile.dark{background:var(--night);color:#fff;border-color:var(--night)}
.tile.dark .lbl{color:#fff}
.venn{width:100%!important;height:110px!important;margin:0 0 14px!important}
.venn circle{fill:none;stroke-width:2}
.venn circle:first-child{stroke:var(--cobalt2)}.venn circle:last-child{stroke:var(--lime)}
.legend{display:flex;gap:10px;align-items:center;font-size:13px;color:#cfd0d4!important;margin:4px 0!important}
.legend span{width:12px;height:12px;border-radius:50%}.legend .b{background:var(--cobalt)}.legend .l{background:var(--lime)}

/* sections */
.sect{padding:120px 0 0}
.split{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:46px}
.duo{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.sys{background:var(--card);border:1px solid var(--line);border-radius:22px;overflow:hidden;transition:transform .5s var(--ease),box-shadow .4s;
  transform-style:preserve-3d;will-change:transform}
.sys.scout{--glow:rgba(21,67,255,.35)}.sys.quant{--glow:rgba(166,217,0,.45)}
.sys.tilting{box-shadow:0 30px 50px -30px rgba(13,13,15,.35),0 0 0 1px var(--glow),0 0 40px -12px var(--glow);transition:transform .08s linear,box-shadow .3s}
.sysArt{height:300px;background:var(--paper2);position:relative;overflow:hidden}
.sysArt canvas,.sysArt svg{position:absolute;inset:0;width:100%;height:100%}
.sysTxt{padding:28px 30px 32px}
.sysTxt h3{font:800 46px/1 var(--font);letter-spacing:-.05em;margin:0 0 12px}
.sysTxt p:not(.lbl){color:var(--muted);margin:0 0 22px;max-width:480px}
.stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:2px solid var(--ink)}
.stats div{padding:26px 22px 0 0}
.stats div+div{padding-left:22px;border-left:1px solid var(--line)}
.stats b{display:block;font:800 clamp(44px,5vw,72px)/1 var(--font);letter-spacing:-.05em;font-variant-numeric:tabular-nums}
.stats .neg b{color:var(--red)}
.stats span{display:block;font-size:14px;color:var(--muted);margin-top:10px}
.awaiting{font-size:18px!important;letter-spacing:0!important;color:var(--muted)!important;font-weight:600!important}

/* cost chart */
.cost{margin:0;background:var(--card);border:1px solid var(--line);border-radius:22px;padding:30px}
.costHead{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;flex-wrap:wrap}
.costHead h3{font:800 26px var(--font);letter-spacing:-.03em;margin:0}
.costHead .lbl{margin-bottom:10px}
.key{display:flex;gap:18px;font-size:13px;color:var(--muted)}
.k::before{content:"";display:inline-block;width:22px;height:3px;border-radius:2px;vertical-align:middle;margin-right:8px}
.k.gross::before{background:var(--cobalt)}.k.net::before{background:var(--red)}
.costSvg{width:100%;height:auto;margin:22px 0 10px;overflow:visible}
.costSvg .grid{stroke:var(--line);stroke-width:1}
.costSvg .zero{stroke:var(--ink);stroke-width:1.2;stroke-dasharray:4 5}
.costSvg text{font:500 12px var(--font);fill:var(--muted)}
.costSvg .gross{fill:none;stroke:var(--cobalt);stroke-width:3;stroke-linejoin:round}
.costSvg .net{fill:none;stroke:var(--red);stroke-width:3;stroke-linejoin:round}
.costSvg .gap{fill:var(--lime);fill-opacity:.35}
.costSvg .endLab{font:800 14px var(--font)}
.costSvg .draw{stroke-dasharray:1;stroke-dashoffset:1}
.cost.on .costSvg .draw{animation:draw 1.8s var(--ease) forwards}
.costSvg .fade{opacity:0}
.cost.on .costSvg .fade{animation:fadeIn .6s ease 1.4s forwards}
@keyframes draw{to{stroke-dashoffset:0}}
@keyframes fadeIn{to{opacity:1}}
.costCtl{max-width:520px}
.costCtl label{display:flex;align-items:center;gap:12px;font-weight:600}
.costCtl output{background:var(--lime);padding:3px 10px;border-radius:8px;font-weight:800;font-variant-numeric:tabular-nums}
input[type=range]{width:100%;margin:14px 0 4px;accent-color:var(--cobalt);height:28px}
.ticks{display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}
.verdict{font-size:18px;font-weight:600;margin:18px 0 6px}
.verdict b.neg{color:var(--red)}.verdict b.pos{color:#177a2e}
.cost figcaption{font-size:13px;color:var(--muted);max-width:820px}

/* band */
.band{margin-top:130px;background:var(--night);color:#fff;padding:110px 0 100px;position:relative;overflow:hidden}
.band::before{content:"";position:absolute;right:-120px;top:-160px;width:460px;height:460px;border-radius:50%;
  background:radial-gradient(circle,rgba(200,255,0,.18),transparent 65%)}
.band .lbl{color:#9a9ba1}
.bandIn{display:grid;grid-template-columns:1.2fr 1fr;gap:30px 60px;align-items:end}
.bandIn .lbl{grid-column:1/-1;margin:0}
.bandIn p{color:#c9cad0;margin:0 0 24px}
.rules{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:46px 0 0;border-top:1px solid #2c2d33}
.rules div{padding:20px 20px 20px 0;border-bottom:1px solid #2c2d33}
.rules dt{font-size:13px;color:#9a9ba1}.rules dd{margin:4px 0 0;font:800 24px var(--font);letter-spacing:-.03em;color:var(--lime)}
.band .fine{color:#9a9ba1}

/* page hero + cards */
.phero{padding:90px 0 0}
.phero .lead{max-width:640px}
.flow{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;counter-reset:f}
.flow li{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:24px;position:relative}
.flow li b{font:800 15px var(--font);color:var(--cobalt)}
.flow.q li b{color:var(--lime2)}
.flow li h3{font:800 22px/1.1 var(--font);letter-spacing:-.03em;margin:34px 0 8px}
.flow li p{font-size:15px;color:var(--muted);margin:0}
.flow li:not(:last-child)::after{content:"";position:absolute;right:-13px;top:32px;width:10px;height:10px;border-top:2px solid var(--ink);border-right:2px solid var(--ink);transform:rotate(45deg);z-index:1;background:var(--paper)}
.tableWrap{overflow-x:auto;margin-top:46px}
.studies{width:100%;border-collapse:collapse;min-width:620px}
.studies caption{text-align:left;font-size:13px;color:var(--muted);padding-bottom:12px}
.studies th{text-align:left;font:600 11px var(--font);letter-spacing:.18em;text-transform:uppercase;color:var(--muted);padding:12px 10px;border-bottom:2px solid var(--ink)}
.studies td{padding:18px 10px;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums}
.studies td:first-child{font-weight:700}
.studies .neg{color:var(--red);font-weight:700}.studies .pos{color:#177a2e;font-weight:700}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:26px}
.card h3{font:800 24px/1.1 var(--font);letter-spacing:-.03em;margin:16px 0 8px}
.card p{color:var(--muted);margin:0;font-size:15px}
.tag{display:inline-block;font:700 11px var(--font);letter-spacing:.14em;text-transform:uppercase;padding:6px 10px;border-radius:999px;background:var(--paper2)}
.tag.lime{background:var(--lime);color:var(--ink)}.tag.blue{background:var(--cobalt);color:#fff}
.num{font:800 15px var(--font);color:var(--cobalt)}
.posts{max-width:860px}
.post{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:44px;position:relative;overflow:hidden}
.post::before{content:"";position:absolute;inset:0 0 auto;height:6px;background:linear-gradient(90deg,var(--cobalt),var(--lime))}
.postMeta{display:flex;gap:14px;align-items:center;margin-bottom:18px}
.rel{background:var(--ink);color:var(--lime);font:800 12px var(--font);letter-spacing:.06em;padding:6px 12px;border-radius:999px}
.postMeta time{color:var(--muted);font-size:14px}
.post h2{font:800 46px/1 var(--font);letter-spacing:-.05em;margin:0}
.post p{max-width:660px}
.changes{list-style:none;padding:0;margin:28px 0 0;display:grid;gap:10px}
.changes li{display:flex;gap:16px}
.changes b{min-width:80px;font:700 11px/2 var(--font);letter-spacing:.16em;text-transform:uppercase;color:var(--cobalt)}

/* footer */
.foot{background:var(--night);color:#fff;padding:90px 0 36px;margin-top:130px}
main:has(>.band:last-child)+.foot{margin-top:0;border-top:1px solid #2c2d33}
.footTop{display:flex;justify-content:space-between;gap:40px;flex-wrap:wrap}
.footBig{font:800 clamp(40px,5vw,72px)/.95 var(--font);letter-spacing:-.05em;margin:0}
.footBig span{color:var(--lime)}
.footLinks{display:grid;gap:10px;align-content:start}
.footLinks a{text-decoration:none;color:#c9cad0}.footLinks a:hover{color:#fff}
.footBot{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:70px;padding-top:22px;border-top:1px solid #2c2d33;font-size:13px;color:#8d8e94}

/* reveal on scroll */
.js .reveal{opacity:0;transform:translateY(10px);transition:opacity .45s var(--ease),transform .45s var(--ease)}
.js .reveal.on{opacity:1;transform:none}

/* responsive */
@media(max-width:1100px){
  .heroGrid{grid-template-columns:1fr;min-height:0}
  .heroArt{height:460px;order:-1;margin:0 -10px}
  .heroCopy{padding-top:0}
  .raceWrap{margin-top:30px}
  .race{width:100%}
  .tiles{grid-template-columns:1fr 1fr}
  .flow{grid-template-columns:1fr 1fr}.flow li:nth-child(2)::after{display:none}
  .nav{gap:22px}.motto{display:none}
}
@media(max-width:820px){
  .nav,.top .pill{display:none}.burger{display:block}
  .topIn{height:70px}
  .raceBody{grid-template-columns:1fr}
  .duo,.cards,.bandIn{grid-template-columns:1fr}
  .stats{grid-template-columns:1fr 1fr}
  .stats div:nth-child(3){padding-left:0;border-left:0}
  .stats div:nth-child(n+3){padding-top:26px;margin-top:26px;border-top:1px solid var(--line)}
  .split{display:block}.split .side{margin-top:18px}
  .rules{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
  .wrap{width:calc(100% - 36px)}
  body{font-size:16px}
  .hero{padding-top:6px}
  .heroArt{height:360px}
  .heroArt .ribbon.hero{left:-14%;width:80%}
  .heroArt .prisms.hero{right:-10%;width:66%}
  .artTag b{font-size:16px}.artTag{font-size:8px}
  .scoutTag{left:2%;top:4%}.quantTag{right:0;bottom:4%}
  .c1,.c2{display:none}
  .mega{font-size:clamp(46px,13.5vw,64px)}
  .race{padding:18px 16px 14px;border-radius:18px}
  .cdGrid b{font-size:30px}
  .laneNum b{font-size:20px}
  .ticker{margin-top:44px}
  .tiles{grid-template-columns:1fr;margin-top:44px}
  .tile{min-height:0}
  .sect{padding-top:84px}
  .sysArt{height:220px}
  .sysTxt{padding:22px}
  .flow{grid-template-columns:1fr}.flow li::after{display:none}
  .cost{padding:18px}
  .post{padding:28px 22px}.post h2{font-size:36px}
  .band{padding:80px 0}
  .rules{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
  .js .reveal{opacity:1;transform:none}
  .tickTrack{animation:none;width:auto}
  .ticker{overflow-x:auto}
  .costSvg .draw{stroke-dashoffset:0}.costSvg .fade{opacity:1}
}

/* black edition preview */
:root{--paper:#0a0a0c;--paper2:#141419;--card:#111115;--ink:#f3f1ea;--ink2:#d4d2cb;--muted:#9b9991;--line:#26262c;--cobalt:#3b62ff;--cobalt2:#6f8cff;--night:#050506}
.top{background:rgba(10,10,12,.82)}
.ticker{background:#15151a;border-color:#26262c}
.rel{background:var(--lime);color:#0a0a0c}
.lane{background:#17171c}.lane.quant{background:#1a2205}
.cdGrid div{background:#17171c}
.tile.dark{background:#1a1a20;border-color:#26262c}
.hl{color:#0a0a0c}
.tag{background:#1d1d23}
.cross::before,.cross::after{background:var(--ink)}
@media (hover:hover) and (pointer:fine){.pill:hover{box-shadow:0 12px 30px -8px rgba(59,98,255,.8)}}
.sys.quant{--glow:rgba(200,255,0,.5)}
.costSvg .zero{stroke:#f3f1ea}
.band{background:#111115}
.foot{background:#050506}
.hl{background:none;color:var(--lime);padding:0}
.tag.lime{color:#0a0a0c}
.laneNum .gain,.verdict b.pos,.studies .pos{color:#8ee07a}
.laneNum .loss,.verdict b.neg,.studies .neg,.stats .neg b{color:#ff5a4a}
.post::before{background:linear-gradient(90deg,var(--cobalt),var(--lime))}
.mnav{background:var(--paper)}
.burger{border-color:var(--line)}

/* Atlas: the long-hold bot (ember) */
.ember{color:var(--ember)}
.lane.atlas .dot{background:var(--ember)}
.legend .a{background:var(--ember)}
.venn circle.v3{stroke:var(--ember)}
.duo.trio{grid-template-columns:repeat(3,1fr)}
.sys.atlas{--glow:rgba(255,106,43,.4)}
.orbit{width:100%;height:100%}
.orbit circle,.orbit ellipse{fill:none;stroke:var(--ember);stroke-width:2;opacity:.85}
.orbit circle.moon{fill:var(--ember);stroke:none}
@media (max-width:980px){.duo.trio{grid-template-columns:1fr}}
.flow.a li b{color:var(--ember)}
/* Atlas in the hero: small globe in the open space top left, above Scout */
.heroArt .atlas.hero{position:absolute;left:2%;top:-13%;width:32%;height:32%;pointer-events:none}
.atlasTag{left:30%;top:-9%}.atlasTag b{color:var(--ember)}
@media (max-width:600px){.heroArt .atlas.hero{left:26%;top:20%;width:38%;height:38%}.atlasTag{left:40%;top:3%}}
/* research numbers at the top, next to the race */
.heroStats{display:grid;grid-template-columns:repeat(3,1fr);gap:26px 22px;margin-top:56px;max-width:560px;border-top:1px solid var(--line);padding-top:26px}
.heroStats b{display:block;font:800 clamp(26px,2.4vw,38px)/1 var(--font);letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.heroStats .neg b{color:#ff5a4a}
.heroStats span{display:block;font-size:12px;line-height:1.35;color:var(--muted);margin-top:8px}
/* second row of research numbers */
.stats div:nth-child(5){padding-left:0;border-left:0}
.stats div:nth-child(n+5){margin-top:30px;padding-top:26px;border-top:1px solid var(--line)}
@media (max-width:600px){.heroStats{grid-template-columns:repeat(2,1fr);margin-top:36px}.stats div:nth-child(odd){padding-left:0;border-left:0}}

/* press feedback */
.pill:active{transform:scale(.97);transition-duration:.1s}
a.tile:active{transform:scale(.985);transition-duration:.1s}

/* calmer hero (2026-11-04): three artworks with their own space */
.heroArt .atlas.hero{left:-4%;top:-14%;width:40%;height:40%}
.atlasTag{left:36%;top:-3%}
.heroArt .ribbon.hero{left:4%;top:24%;width:54%;height:68%}
.scoutTag{left:0;top:34%}
@media (min-width:1101px){.raceWrap{margin-top:-30px}}
.heroArt .prisms.hero{right:-4%;top:6%;width:56%;height:90%}
.prisms .wire{display:none}
.mega{font-size:clamp(52px,6.6vw,104px)}
@media (max-width:600px){.heroArt .atlas.hero{left:30%;top:0;width:34%;height:34%}.atlasTag{left:62%;top:6%}
  .heroArt .ribbon.hero{left:-10%;top:18%;width:70%;height:82%}.scoutTag{left:2%;top:4%}}
.costCtl output{color:#0a0a0c}

/* polish (2026-11-04): readable word gaps in tight headlines, aligned posts, calmer phone hero */
.mega,.big,.footBig,.post h2,.sysTxt h3,.flow li h3,.card h3,.tile h2,.costHead h3,.standingsLead{word-spacing:.12em}
.mega{letter-spacing:-.045em}
.wrap.posts{max-width:none}
.posts .post{max-width:860px}
.posts .post+.post{margin-top:24px}
@media (max-width:600px){
  .heroArt{height:380px}
  .heroArt .ribbon.hero{left:-12%;top:14%;width:66%;height:86%}
  .heroArt .atlas.hero{left:34%;top:-2%;width:40%;height:38%}
  .heroArt .prisms.hero{right:-14%;top:22%;width:64%;height:74%}
  .artTag span{display:none}
  .scoutTag{left:2%;top:4%}
  .atlasTag{left:auto;right:4%;top:4%;text-align:right}
  .quantTag{right:4%;bottom:2%}
  .quantTag i{margin-left:auto}
  .quantTag{text-align:right}
}