:root{--bg:#f3f4f7;--surface:#fff;--ink:#0f1115;--muted:#5b6270;--line:#e1e4ea;--accent:#3b3bff;--pop:#ffd84d;--pop-ink:#1d1700;--live:#19c37d;
--display:"Bricolage Grotesque","Segoe UI",system-ui,sans-serif;--sans:"Figtree",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--r:28px}
@media (prefers-color-scheme:dark){:root{--bg:#0b0c10;--surface:#15171d;--ink:#f2f3f6;--muted:#9aa1ae;--line:#262a33;--accent:#7b7bff}}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:400 17px/1.6 var(--sans)}
a{color:inherit}a:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}
.wrap{max-width:960px;margin:0 auto;padding:0 24px}
nav{display:flex;justify-content:space-between;align-items:center;padding:24px 0;gap:16px;flex-wrap:wrap}
.logo{font:800 22px var(--display);text-decoration:none}.logo b{color:var(--accent)}
nav ul{display:flex;gap:20px;list-style:none;margin:0;padding:0;font-weight:500}nav ul a{text-decoration:none;color:var(--muted)}nav ul a:hover,nav ul a[aria-current]{color:var(--ink)}
h1{font:800 clamp(44px,8vw,84px)/.95 var(--display);letter-spacing:-.03em;margin:48px 0 20px}
.lead{font-size:20px;color:var(--muted);max-width:52ch;margin:0 0 48px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:16px;margin-bottom:64px}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:28px;display:flex;flex-direction:column;gap:10px;text-decoration:none}
.card.feature{grid-column:1/-1;background:var(--ink);color:var(--bg);border:0}
.card.feature .desc{color:inherit;opacity:.75}
.card h2{font:700 30px/1.05 var(--display);margin:0}
.desc{color:var(--muted);margin:0}
.tag{align-self:flex-start;font:600 13px var(--sans);padding:4px 12px;border-radius:999px;background:var(--pop);color:var(--pop-ink)}
.tag.live{background:var(--live);color:#032b1a}.tag.soon{background:transparent;border:1.5px dashed var(--muted);color:var(--muted)}
.url{font:500 14px var(--sans);margin-top:auto;padding-top:8px}
.prose{max-width:62ch;margin-bottom:64px}.prose h2{font:700 26px var(--display);margin:40px 0 8px}.prose ul{padding-left:20px}
footer{border-top:1px solid var(--line);padding:24px 0 40px;color:var(--muted);font-size:14px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}