
:root{--ink:#0b1424;--panel:#0f1a2e;--panel2:#132341;--line:#1f2e4a;--text:#e6ecf5;--muted:#8a9bb8;--star:#f2b33d;--up:#2fd38a;--down:#ff5d6c;
--paper:#f7f5f0;--ptext:#18202e;--pmuted:#5b6476;--pline:#e2ddd2;
--sans:"IBM Plex Sans",system-ui,sans-serif;--cond:"IBM Plex Sans Condensed","Arial Narrow",sans-serif;--mono:"IBM Plex Mono",ui-monospace,monospace;--serif:"Newsreader",Georgia,serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:var(--text);font:16px/1.6 var(--sans);-webkit-font-smoothing:antialiased}
a{color:inherit}img{max-width:100%;display:block}
.wrap{max-width:1200px;margin:0 auto;padding:0 20px}.wrap-n{max-width:760px;margin:0 auto;padding:0 20px}
.mono{font-family:var(--mono)}.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.skip{position:absolute;left:-999px}.skip:focus{left:12px;top:12px;background:var(--star);color:var(--ink);padding:8px 12px;z-index:9}
/* ticker */
.ticker{display:flex;align-items:center;background:#070e1a;border-bottom:1px solid var(--line);height:38px;overflow:hidden;font-size:13px}
.tk-label{flex:none;background:var(--star);color:var(--ink);font:600 11px/38px var(--mono);letter-spacing:.08em;text-transform:uppercase;padding:0 12px}
.tk-track{overflow:hidden;flex:1;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.tk-run{display:inline-flex;white-space:nowrap;animation:tk 60s linear infinite}
.tk{display:inline-flex;gap:8px;align-items:center;padding:0 22px;border-right:1px solid var(--line)}.tk b{font:600 12px var(--mono);color:var(--muted)}
@keyframes tk{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.tk-run{animation:none}}
.delta{font:500 13px var(--mono)}.delta.up{color:var(--up)}.delta.down{color:var(--down)}
/* masthead */
.masthead{background:var(--ink);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}
.mh{display:flex;align-items:center;gap:28px;height:66px}
.brand{display:inline-flex;align-items:center;gap:9px;text-decoration:none;font:600 23px var(--cond);letter-spacing:-.01em;color:var(--text)}
.brand svg{width:26px;height:26px;fill:var(--star)}.brand b{color:var(--star);font-weight:700}
.mainnav{display:flex;gap:22px;flex:1}.mainnav a{text-decoration:none;color:var(--muted);font:500 15px var(--cond);letter-spacing:.02em}
.mainnav a:hover,.mainnav a[aria-current]{color:var(--text)}
.btn-sub{font:600 14px var(--cond);text-decoration:none;border:1px solid var(--star);color:var(--star);padding:7px 14px;border-radius:6px}
.btn-sub:hover{background:var(--star);color:var(--ink)}
/* hero */
.hero{background:radial-gradient(900px 400px at 85% 10%,rgba(242,179,61,.12),transparent 60%);border-bottom:1px solid var(--line)}
.hero-g{display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:center;padding-top:64px;padding-bottom:64px}
.eyebrow{font:600 12px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--star)}
.hero h1{font:700 clamp(40px,6vw,68px)/1.02 var(--cond);letter-spacing:-.02em;margin:14px 0 18px}.hero h1 em{font-style:normal;color:var(--star)}
.hero p{color:#b9c6dc;font-size:18px;max-width:34em}
.hero-cta{display:flex;gap:12px;margin-top:26px;flex-wrap:wrap}
.btn{display:inline-block;background:var(--star);color:var(--ink);font:600 15px var(--cond);padding:11px 20px;border-radius:7px;text-decoration:none;border:0;cursor:pointer}
.btn:hover{filter:brightness(1.08)}.btn.ghost{background:transparent;color:var(--text);border:1px solid var(--line)}
.hero-art img{border-radius:18px;box-shadow:0 30px 80px rgba(0,0,0,.45)}
.launch-note{margin-top:22px;font-size:14px;color:var(--muted);border:1px dashed #2a3d63;border-radius:10px;padding:12px 16px}.launch-note b{color:var(--star)}
/* sections */
.sec{padding-top:56px}.sec-h{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:22px}
.sec-h h2{font:700 26px var(--cond);margin:0;display:flex;align-items:center;gap:10px}
.dot{width:10px;height:10px;border-radius:50%;background:var(--up);box-shadow:0 0 0 4px rgba(47,211,138,.18)}
.sample{font:600 10px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--star);border:1px solid rgba(242,179,61,.45);border-radius:4px;padding:2px 6px}
.chip{font:600 11px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:#9fb3d6;background:var(--panel2);border-radius:4px;padding:3px 7px}.chip.sm{font-size:10px}
/* movers */
.movers-g{display:grid;grid-template-columns:2fr 1fr;gap:28px}
.movers{list-style:none;margin:0;padding:0;background:var(--panel);border:1px solid var(--line);border-radius:14px}
.movers li{display:grid;grid-template-columns:34px 1fr 100px 64px 64px;gap:14px;align-items:center;padding:14px 18px;border-bottom:1px solid var(--line)}
.movers li:last-child{border-bottom:0}.rk{color:var(--muted);font-size:14px}
.mv-q{display:flex;flex-direction:column;gap:5px;align-items:flex-start}.mv-q b{font-weight:500}.mv-p{font-size:18px;font-weight:600;text-align:right}
.mv-side{background:linear-gradient(160deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:14px;padding:24px}
.mv-side h3{font:700 20px var(--cond);margin:0 0 8px}.mv-side p{color:var(--muted);font-size:15px}.arrow{color:var(--star);font-weight:600;text-decoration:none}.arrow:after{content:" →"}
/* stories */
.latest-g{display:grid;grid-template-columns:1.5fr 1fr;gap:28px}
.story{text-decoration:none;display:block;background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden;transition:border-color .15s,transform .15s}
.story:hover{border-color:#36507e;transform:translateY(-2px)}
.story.lead>div{padding:22px 24px 24px}.story img{aspect-ratio:15/7;object-fit:cover;width:100%}
.kicker{font:600 12px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--star)}
.story h3{font:700 28px/1.12 var(--cond);margin:8px 0 10px}.story p{color:#b9c6dc;margin:0 0 10px}.meta{color:var(--muted)!important;font-size:13px}
.side{display:flex;flex-direction:column;gap:20px}.story.sm{display:grid;grid-template-columns:150px 1fr}.story.sm img{height:100%;aspect-ratio:auto;object-fit:contain;background:#0f1a2e}
.story.sm>div{padding:16px 18px}.story.sm h3{font-size:20px}
/* cards */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.mcard{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:18px 18px 14px}
.mc-top{display:flex;justify-content:space-between;align-items:center}.mcard h3{font:600 18px/1.25 var(--cond);margin:12px 0 14px;min-height:2.5em}
.mc-row{display:flex;justify-content:space-between;align-items:flex-end}.price{font-size:34px;font-weight:600;line-height:1;margin-right:10px}.price small{font-size:18px;color:var(--muted)}
.lbl{font:12px var(--mono);color:var(--muted);margin-left:5px}
.pbar{height:6px;background:#2a1c2a;border-radius:3px;margin:14px 0 10px;overflow:hidden}.pbar i{display:block;height:100%;background:var(--up)}
.mc-foot{display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}
/* hubs */
.hubs{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.hub{text-decoration:none;border:1px solid var(--line);border-radius:12px;padding:18px;background:var(--panel)}.hub:hover{border-color:var(--star)}
.hub h3{font:700 20px var(--cond);margin:0 0 6px}.hub p{color:var(--muted);font-size:14px;margin:0 0 12px}.hub span{font-size:12px;color:var(--star)}
/* score + newsletter */
.score-g{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:36px}
.score h2,.nl h2{font:700 34px var(--cond);margin:10px 0}.score p,.nl p{color:#b9c6dc}.score img{max-width:420px;margin-left:auto}
.nl{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;padding-bottom:70px}
.nl form{display:flex;gap:10px;flex-wrap:wrap}.nl input{flex:1;min-width:200px;background:var(--panel);border:1px solid var(--line);color:var(--text);border-radius:7px;padding:11px 14px;font:15px var(--sans)}
.form-msg{width:100%;margin:4px 0 0;font-size:14px;color:var(--up)}
/* footer */
.site-foot{border-top:1px solid var(--line);background:#070e1a;padding:44px 0 26px;margin-top:20px}
.ft{display:grid;grid-template-columns:1.4fr 1fr 1.4fr;gap:36px}.ft p{color:var(--muted);font-size:14px;max-width:30em}
.ft h4{font:600 12px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:6px 0 12px}
.ft div>a:not(.brand){display:block;text-decoration:none;color:#c4d0e4;font-size:14px;margin-bottom:8px}.ft a:hover{color:var(--star)}
.legal p{border-top:1px solid var(--line);margin-top:28px;padding-top:18px;font-size:12px;color:#6d7e9c}
/* light reading pages */
body.light main{background:var(--paper);color:var(--ptext)}
.art{padding-top:48px;padding-bottom:64px}.art-h h1{font:700 clamp(34px,5vw,50px)/1.05 var(--cond);letter-spacing:-.015em;margin:10px 0 14px}
.art .kicker{color:#b07a10}.dek{font:400 21px/1.45 var(--serif);color:var(--pmuted);margin:0 0 12px}.art .meta{color:var(--pmuted)!important}
.art-img{margin:28px 0}.art-img img{border-radius:14px}
.art-body{font:400 19px/1.7 var(--serif)}.art-body h2{font:700 26px var(--cond);margin:36px 0 8px;color:var(--ptext)}
.art-body a,.more a,.disc a{color:#9a6a0c}.art-body li{margin-bottom:8px}.art-body strong{font-weight:600}
.mcard.inline{background:var(--ink);color:var(--text);margin:36px 0}.disc{font-size:13px;color:var(--muted);margin:12px 0 0}.disc a{color:var(--star)}
.more{border-top:1px solid var(--pline);margin-top:36px;padding-top:20px}.more h3{font:700 20px var(--cond);margin:0 0 8px}.more li{margin-bottom:6px}
.simple .art-body{font-size:18px}
/* responsive */
@media (max-width:980px){.mainnav{display:none}.hero-g,.latest-g,.movers-g,.score-g,.nl{grid-template-columns:1fr}.cards{grid-template-columns:1fr 1fr}.hubs{grid-template-columns:repeat(2,1fr)}.ft{grid-template-columns:1fr}.score img{margin:0 auto}}
@media (max-width:620px){.wrap,.wrap-n{padding:0 16px}.cards{grid-template-columns:1fr}.hero-g{padding-top:40px;padding-bottom:40px}.btn-sub{display:none}
.movers li{grid-template-columns:24px 1fr 56px 52px;gap:10px;padding:12px}.movers .spark{display:none}.story.sm{grid-template-columns:1fr}.story.sm img{aspect-ratio:15/7}.hubs{grid-template-columns:1fr}.score-g{padding:22px}}
