:root {
  color-scheme: dark;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background: #07090c;
  color: #f5f7fa;
}
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; background: radial-gradient(circle at 15% 15%, #172234 0, #07090c 42%); }
a { color: #a9c9ff; text-underline-offset: .2em; }
.hero, .document { width: min(100% - 2.5rem, 760px); margin-inline: auto; }
.hero { min-height: 100vh; display: flex; flex-direction: column; justify-content: center; padding-block: 5rem; }
.eyebrow { margin: 0 0 1rem; color: #7ea9f4; font-size: .78rem; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; }
h1 { margin: 0; max-width: 12ch; font-size: clamp(3rem, 10vw, 6.75rem); line-height: .94; letter-spacing: -.055em; }
.lede { max-width: 38rem; margin: 2rem 0; color: #c7ccd4; font-size: clamp(1.08rem, 2.5vw, 1.35rem); line-height: 1.65; }
.contact { width: fit-content; font-weight: 650; }
.privacy-link { width: fit-content; margin-top: 4rem; color: #8f98a6; font-size: .9rem; }
.document { padding-block: 3rem 6rem; }
.document h1 { max-width: 14ch; font-size: clamp(2.5rem, 8vw, 5rem); }
.document h2 { margin: 2.5rem 0 .75rem; font-size: 1.15rem; }
.document p { color: #c7ccd4; line-height: 1.75; }
.document .meta { margin-bottom: 3.5rem; color: #8f98a6; font-size: .9rem; }
.back { display: inline-block; margin-bottom: 4rem; }
@media (max-width: 520px) { .hero, .document { width: min(100% - 2rem, 760px); } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; } }