* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--color-milk); }
body {
  margin: 0;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--color-graphite);
  background: linear-gradient(180deg, var(--color-milk-light), var(--color-milk));
  overflow-x: hidden;
}
img { display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
button { cursor: pointer; }
.container { width: min(var(--container), 94vw); margin-inline: auto; }
.section { padding: 88px 0 0; }
.section--compact { padding-top: 56px; }
.section__head { display: flex; align-items: end; justify-content: space-between; gap: 24px; margin-bottom: 28px; }
.section__head h2 { margin: 0; font-size: clamp(30px, 4.2vw, 52px); line-height: 1.02; letter-spacing: -0.035em; }
.section__head p { margin: 0; max-width: 620px; line-height: 1.62; color: var(--color-text-muted); }
.eyebrow { display: inline-flex; align-items: center; gap: 9px; padding: 9px 13px; border-radius: 999px; background: rgba(255,255,255,.78); border: 1px solid var(--color-line); font-size: 13px; font-weight: 800; color: #5e5954; }
.eyebrow::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--color-brick); }
.muted { color: var(--color-text-muted); }
.page-title { margin: 20px 0 18px; font-size: clamp(40px, 6vw, 76px); line-height: .96; letter-spacing: -.045em; }
.page-lead { max-width: 720px; font-size: 18px; line-height: 1.65; color: var(--color-text-muted); }
.visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }