:root {
    --ink: #202124;
    --muted: #626468;
    --line: #dedfe1;
    --surface: #f4f4f4;
    --white: #ffffff;
    --navy: #202124;
    --blue: #404246;
    --blue-dark: #18191b;
    --accent: #777a7f;
    --font: "Manrope", Arial, sans-serif;
}

* { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body { font-family: var(--font); color: var(--ink); background: var(--white); line-height: 1.65; }
a { color: inherit; }
.container { width: min(1160px, calc(100% - 48px)); margin-inline: auto; }
.section { padding: 92px 0; }
.eyebrow { margin-bottom: 18px; color: var(--blue); font-size: 12px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; }
h1 { max-width: 800px; font-size: clamp(42px, 5.3vw, 72px); line-height: 1.08; letter-spacing: -.045em; font-weight: 600; }
.lead { max-width: 700px; margin-top: 26px; color: var(--muted); font-size: 19px; line-height: 1.75; }

@media (max-width: 600px) {
    .container { width: min(100% - 32px, 1160px); }
    h1 { font-size: 40px; }
    .lead { font-size: 16px; }
    .section { padding: 72px 0; }
}

@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
}