* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  display: flex;
  flex-direction: column;
  margin: 0;
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--color-text);
  background:
    radial-gradient(circle at top left, rgba(34, 211, 238, 0.16), transparent 34rem),
    radial-gradient(circle at 85% 5%, rgba(99, 102, 241, 0.15), transparent 28rem),
    linear-gradient(180deg, #0b1120 0%, #0f172a 46%, #111827 100%);
  min-height: 100vh;
  min-height: 100svh;
}
body > main { flex: 1 0 auto; }
a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }
[hidden] { display: none !important; }
h1, h2, h3, p { margin-top: 0; }
h1, h2, h3 { font-family: "Inter Tight", Inter, sans-serif; letter-spacing: 0; }
h1 { font-size: clamp(2.5rem, 6vw, 5.5rem); line-height: 0.96; font-weight: 900; margin-bottom: var(--space-6); }
h2 { font-size: clamp(1.55rem, 3vw, 2.3rem); line-height: 1.08; font-weight: 850; margin-bottom: var(--space-3); }
h3 { font-size: 1.15rem; line-height: 1.25; margin-bottom: var(--space-2); }
p { color: var(--color-muted); line-height: 1.7; }
ul { color: var(--color-muted); line-height: 1.7; }
:focus-visible { outline: 3px solid rgba(103, 232, 249, 0.75); outline-offset: 3px; }
.skip-link { position: absolute; left: 1rem; top: -5rem; z-index: 50; background: var(--color-cyan); color: #07111f; padding: .75rem 1rem; border-radius: var(--radius-sm); font-weight: 800; }
.skip-link:focus { top: 1rem; }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .001ms !important; transition-duration: .001ms !important; scroll-behavior: auto !important; }
}