:root {
    --ink: #0a0d12; --text: #e9eef4; --muted: #9aa6b4; --faint: #76838f; --accent: #ffb454;
    --font-sans: "Space Grotesk", system-ui, sans-serif; --font-mono: "JetBrains Mono", ui-monospace, monospace;
  }
  * { box-sizing: border-box; }
  html { min-height: 100%; }
  body {
    margin: 0; min-height: 100vh; display: flex; flex-direction: column;
    align-items: center; justify-content: center; text-align: center;
    font-family: var(--font-sans); color: var(--text); background-color: var(--ink);
    background-image:
      radial-gradient(1100px 520px at 88% -12%, rgba(255, 180, 84, 0.09), transparent 62%),
      radial-gradient(900px 500px at -10% 110%, rgba(255, 180, 84, 0.05), transparent 60%);
    background-attachment: fixed;
    -webkit-font-smoothing: antialiased; padding: 48px 24px;
  }
  .eyebrow {
    font-family: var(--font-mono); font-size: 12px; letter-spacing: 0.18em;
    text-transform: uppercase; color: var(--accent); margin: 0 0 22px;
  }
  h1 {
    font-size: clamp(34px, 5vw, 56px); line-height: 1.05; letter-spacing: -0.02em;
    margin: 0 0 18px; max-width: 18ch; text-wrap: balance; font-weight: 600;
  }
  h1 .hl { color: var(--accent); }
  p.lead { color: var(--muted); font-size: 17px; max-width: 44ch; margin: 0 auto 34px; line-height: 1.6; }
  p.lead a { color: var(--text); }
  .btn {
    display: inline-flex; align-items: center; justify-content: center; gap: 8px;
    background: var(--accent); color: #1a1203; font-family: var(--font-sans); font-weight: 600;
    font-size: 15px; padding: 13px 24px; border-radius: 999px; text-decoration: none;
    transition: box-shadow 0.2s ease;
  }
  .btn:hover { box-shadow: 0 0 0 4px rgba(255,180,84,0.18), 0 8px 30px -10px rgba(255,180,84,0.5); }
  .family {
    font-family: var(--font-mono); font-size: 12.5px; color: var(--faint);
    margin: 20px 0 0; letter-spacing: 0.02em;
  }
  .foot {
    position: absolute; bottom: 26px; left: 0; right: 0;
    font-family: var(--font-mono); font-size: 12px; color: var(--faint);
  }
  a:focus-visible { outline: none; box-shadow: 0 0 0 3px rgba(255,180,84,0.28); }