:root {
  color-scheme: dark;
  --page: #0b141c;
  --surface: #16232e;
  --surface-strong: #20313e;
  --surface-quiet: #101b24;
  --line: #354857;
  --line-soft: #263845;
  --text: #f2f6f9;
  --text-muted: #9eacba;
  --cyan: #1c9fc3;
  --cyan-hover: #42b8d5;
  --cyan-soft: #103743;
  --green: #64d79c;
  --green-soft: #173b2b;
  --amber: #f3c65b;
  --amber-soft: #403515;
  --red: #ff9b9b;
  --red-soft: #482126;
  --nav: #073d4d;
  --font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --radius-sm: 6px;
  --radius-md: 8px;
  --shadow: 0 16px 38px rgb(0 0 0 / 24%);
}

* { box-sizing: border-box; }
html { min-width: 320px; }
body {
  margin: 0;
  background: var(--page);
  color: var(--text);
  font-family: var(--font);
  font-size: 15px;
  line-height: 1.5;
}
a { color: var(--cyan-hover); text-decoration: none; }
button, input, select, textarea { font: inherit; letter-spacing: 0; }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
  outline: 3px solid rgb(66 184 213 / 46%);
  outline-offset: 2px;
}
h1, h2, p { margin-top: 0; }
h1 { margin-bottom: 0.35rem; font-size: clamp(2rem, 4vw, 2.8rem); line-height: 1.08; }
h2 { margin-bottom: 0; font-size: 1.25rem; }
.eyebrow { margin-bottom: 0.35rem; color: var(--text-muted); font-size: 0.75rem; font-weight: 800; text-transform: uppercase; }
.muted { color: var(--text-muted); }