:root {
  color-scheme: dark;
  --bg: #03040a;
  --text: #f1f6ff;
  --muted: #99a7c2;
  --line: rgba(255,255,255,.13);
  --panel: rgba(255,255,255,.055);
  --hot: #ff8a1e;
  --blue: #74cfff;
}
* { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; background: #000; color: var(--text); font-family: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, sans-serif; }
body.index-page {
  background:
    radial-gradient(circle at 70% 20%, rgba(255,138,30,.18), transparent 32vw),
    radial-gradient(circle at 20% 20%, rgba(76,140,255,.18), transparent 30vw),
    linear-gradient(180deg, #02030a, #000 70%);
}
body.index-page:before {
  content: "";
  position: fixed;
  inset: -20%;
  background:
    radial-gradient(circle, rgba(255,255,255,.75) 0 1px, transparent 1.5px) 0 0/90px 90px,
    radial-gradient(circle, rgba(255,255,255,.35) 0 1px, transparent 1.5px) 38px 52px/130px 130px;
  opacity: .18;
  pointer-events: none;
}
a { color: inherit; }
.shell { position: relative; z-index: 1; width: min(1160px, calc(100% - 36px)); margin: 0 auto; padding: 70px 0; }
.hero { min-height: 46vh; display: flex; flex-direction: column; justify-content: center; }
.eyebrow, .tag { font: 800 11px ui-monospace, SFMono-Regular, Menlo, monospace; text-transform: uppercase; letter-spacing: .18em; color: var(--blue); }
h1 { font-size: clamp(52px, 8vw, 116px); line-height: .88; margin: 18px 0 22px; letter-spacing: -.075em; max-width: 980px; }
h2 { font-size: clamp(26px, 3vw, 40px); line-height: 1; letter-spacing: -.045em; margin: 10px 0 14px; }
.lede { color: var(--muted); font-size: clamp(17px, 2vw, 22px); line-height: 1.6; max-width: 820px; }
.launch, .version > a {
  display: inline-flex;
  width: fit-content;
  margin-top: 22px;
  padding: 14px 18px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.22);
  background: linear-gradient(135deg, rgba(255,138,30,.9), rgba(255,64,110,.72));
  text-decoration: none;
  font: 800 12px ui-monospace, SFMono-Regular, Menlo, monospace;
  text-transform: uppercase;
  letter-spacing: .1em;
  box-shadow: 0 24px 80px rgba(255,96,30,.18);
}
.versions { display: grid; gap: 18px; margin-top: 28px; }
.version, .notes {
  border: 1px solid var(--line);
  border-radius: 32px;
  background: linear-gradient(145deg, rgba(255,255,255,.09), rgba(255,255,255,.035));
  backdrop-filter: blur(24px);
  box-shadow: inset 0 1px rgba(255,255,255,.11), 0 28px 90px rgba(0,0,0,.35);
}
.version { display: grid; grid-template-columns: 1fr auto; gap: 20px; align-items: end; padding: 28px; }
.version.latest { border-color: rgba(255,138,30,.36); }
.version p, .notes p, li { color: var(--muted); line-height: 1.62; }
ul { margin: 16px 0 0; padding-left: 20px; }
.version > a { margin: 0; background: rgba(255,255,255,.08); box-shadow: none; white-space: nowrap; }
.tag { color: var(--hot); }
.tag.muted { color: var(--muted); }
.notes { margin-top: 18px; padding: 28px; }
.notes p { max-width: 950px; }
@media (max-width: 820px) {
  .version { grid-template-columns: 1fr; }
  .version > a { margin-top: 4px; }
}