:root {
  color-scheme: light;
  font-family: "Instrument Sans", system-ui, sans-serif;
  color: #122530;
  background: #edf1f2;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
}
* { box-sizing: border-box; }
body { margin: 0; }
a { color: #2b50e8; text-underline-offset: 4px; }
a:hover { color: #122530; }
.site-header, main, .site-footer { max-width: 1120px; margin: auto; padding: 24px; }
.site-header, .site-footer, nav { display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: wrap; }
.brand { color: #122530; font-size: 28px; font-weight: 800; text-decoration: none; letter-spacing: -.04em; }
nav { justify-content: flex-start; }
main { padding-top: clamp(56px, 9vw, 104px); padding-bottom: 80px; }
.eyebrow { color: #566972; font: 500 13px/1.5 system-ui, sans-serif; letter-spacing: .1em; text-transform: uppercase; }
h1 { max-width: 900px; margin: 18px 0; font-size: clamp(42px, 8vw, 84px); line-height: 1; letter-spacing: -.055em; }
h2 { margin: 42px 0 12px; font-size: clamp(24px, 4vw, 36px); line-height: 1.15; letter-spacing: -.03em; }
p, li { max-width: 720px; color: #33474f; font-size: 18px; line-height: 1.65; }
ul { padding-left: 24px; }
.site-footer { border-top: 1px solid #cbd5d8; color: #566972; }
@media (max-width: 540px) { .site-header, .site-footer { align-items: flex-start; flex-direction: column; } }