:root {
  color-scheme: dark;
  --ink: #f4f0e8;
  --muted: #a6a4a0;
  --night: #090b10;
  --line: rgba(255, 255, 255, 0.11);
  --ember: #ff6a2b;
  --gold: #f2b84b;
}
* { box-sizing: border-box; }
body {
  margin: 0;
  min-width: 320px;
  background: radial-gradient(circle at 82% 8%, rgba(255, 106, 43, 0.12), transparent 26rem), var(--night);
  color: var(--ink);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.65;
}
a { color: var(--gold); }
.shell { width: min(calc(100% - 32px), 720px); margin-inline: auto; }
header { padding: 28px 0; border-bottom: 1px solid var(--line); }
header a { color: var(--ink); text-decoration: none; font-weight: 650; letter-spacing: -0.01em; }
header span { color: var(--muted); }
main { padding: 56px 0 72px; }
.eyebrow { color: var(--ember); font-size: 0.72rem; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; margin: 0 0 10px; }
h1 { font-size: clamp(2rem, 6vw, 2.8rem); letter-spacing: -0.03em; line-height: 1.1; margin: 0 0 8px; }
h2 { font-size: 1.15rem; margin: 40px 0 8px; letter-spacing: -0.01em; }
p, li { color: #d6d2ca; }
.muted { color: var(--muted); }
.lead { font-size: 1.12rem; color: var(--ink); }
ul { padding-left: 1.2em; }
footer { padding: 28px 0 44px; border-top: 1px solid var(--line); color: var(--muted); font-size: 0.9rem; }
footer a { margin-right: 18px; }