* { box-sizing: border-box; }
html { scroll-behavior: smooth; overflow-x: hidden; }
body {
  margin: 0;
  overflow-x: hidden;
  background:
    radial-gradient(circle at top left, rgba(45, 212, 191, .18), transparent 32rem),
    radial-gradient(circle at 85% 12%, rgba(96, 165, 250, .18), transparent 28rem),
    linear-gradient(135deg, var(--color-bg), var(--color-bg-soft));
  color: var(--color-text);
  font-family: var(--font-sans);
  line-height: 1.6;
}
a { color: inherit; text-decoration: none; }
a:hover { color: var(--color-accent-strong); }
:focus-visible { outline: 3px solid var(--color-focus); outline-offset: 4px; }
h1,h2,h3,p { margin-top: 0; }
h1,h2,h3 { color: var(--color-heading); line-height: 1.08; letter-spacing: -.04em; }
h1 { max-width: 12ch; font-size: clamp(2.8rem, 10vw, 6.5rem); }
h2 { max-width: 760px; font-size: clamp(2rem, 5vw, 3.7rem); }
h3 { font-size: clamp(1.2rem, 3vw, 1.55rem); }
p { color: var(--color-muted); }