:root{
  --bg:#0a0a0b;
  --fg:#f7f7f7;
  --muted:rgba(247,247,247,.68);
  --line:rgba(247,247,247,.18);
  --y:#f6e100;
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  background:var(--bg);
  color:var(--fg);
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Arial;
}
a{color:var(--fg)}

.top{position:sticky;top:0;z-index:10;background:rgba(10,10,11,.88);backdrop-filter: blur(10px);border-bottom:1px solid var(--line)}
.bar{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:14px 16px}
.mark{font-weight:900;letter-spacing:.35em}
.meta{color:var(--muted);font-size:12px}

.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;gap:18px;padding:28px 16px}
.block{max-width:1100px;margin:0 auto}
.big{font-size:clamp(56px, 14vw, 160px);line-height:.88;margin:0;letter-spacing:-0.06em}
.lead{margin:10px 0 0 0;font-weight:900;letter-spacing:.22em}
.sub{margin:12px 0 0 0;color:var(--muted);max-width:60ch}

.ticker{border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;background:rgba(255,255,255,.02)}
.track{display:flex;gap:28px;white-space:nowrap;padding:14px 16px;animation: scroll 14s linear infinite;font-weight:900;letter-spacing:.35em}
.track span{color:var(--y)}
@keyframes scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}

.section{padding:64px 16px;border-top:1px solid var(--line)}
.grid{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:18px;align-items:start}
@media(min-width:860px){.grid{grid-template-columns: 420px 1fr;gap:28px}}

.huge{margin:0;font-size:clamp(44px, 8vw, 110px);line-height:.9;letter-spacing:-0.04em}
.text p{margin:0 0 14px 0;font-size:18px;line-height:1.35}
.small{color:var(--muted);font-size:13px}
.mono{font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;}

.stack{max-width:1100px;margin:0 auto;display:flex;flex-direction:column}
.row{display:grid;grid-template-columns:72px 1fr auto;gap:12px;align-items:baseline;
  padding:18px 0;border-bottom:1px solid var(--line);text-decoration:none}
.row:hover{background:rgba(255,255,255,.03)}
.num{color:var(--muted);font-weight:900}
.word{font-size:clamp(34px, 7vw, 90px);line-height:1;letter-spacing:-0.04em;font-weight:900}
.tag{color:var(--y);font-weight:900;letter-spacing:.2em;text-transform:uppercase;font-size:12px}

@media (prefers-reduced-motion: reduce){
  .track{animation:none}
}