:root {
  color-scheme: light dark;
  font-family: "Space Grotesk", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background: #fbfaf7;
  color: #131313;
}

* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; display: flex; flex-direction: column; }
.shell { width: min(760px, calc(100% - 40px)); margin: auto; padding: 96px 0 72px; }
.eyebrow { color: #6e64b8; font-size: 0.85rem; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; }
h1 { max-width: 740px; margin: 20px 0 28px; font-size: clamp(3.25rem, 10vw, 7.5rem); letter-spacing: -0.065em; line-height: 0.88; }
.lede { max-width: 620px; font-size: clamp(1.25rem, 3vw, 1.75rem); line-height: 1.35; }
.status { display: inline-block; margin-top: 24px; padding: 10px 14px; border: 1px solid currentColor; border-radius: 999px; font-size: 0.9rem; }
a { color: inherit; text-underline-offset: 0.2em; }
footer { display: flex; gap: 24px; width: min(760px, calc(100% - 40px)); margin: 0 auto; padding: 24px 0 40px; font-size: 0.9rem; }
.policy { margin-top: 0; }
.policy h1 { font-size: clamp(3.5rem, 9vw, 6rem); }
.policy h2 { margin: 42px 0 8px; font-size: 1.3rem; }
.policy p { max-width: 680px; line-height: 1.65; }
.updated { color: #666; }

@media (prefers-color-scheme: dark) {
  :root { background: #131313; color: #fbfaf7; }
  .eyebrow { color: #ada5e0; }
  .updated { color: #aaa; }
}