:root {
  color-scheme: light;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, sans-serif;
  color: #13213d;
  background: #f7f9fc;
}
* { box-sizing: border-box; }
body { margin: 0; line-height: 1.65; }
header, main, footer { width: min(100% - 2rem, 72rem); margin-inline: auto; }
header { padding: 1.25rem 0; border-bottom: 1px solid #d6deeb; }
nav { display: flex; flex-wrap: wrap; gap: .75rem 1.25rem; align-items: center; }
nav a:first-child { color: #13213d; font-weight: 800; margin-right: auto; }
a { color: #294082; font-weight: 650; }
main { padding: 3.5rem 0 4rem; }
.eyebrow { color: #294082; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; font-size: .8rem; }
h1 { max-width: 52rem; margin: .5rem 0 1rem; font-size: clamp(2.25rem, 5vw, 4rem); line-height: 1.08; letter-spacing: -.04em; }
h2 { margin-top: 2.25rem; font-size: 1.45rem; line-height: 1.2; }
p, li { max-width: 48rem; color: #52617a; }
.callout { padding: 1.25rem 1.5rem; border: 1px solid #d6deeb; border-radius: .75rem; background: #fff; }
footer { padding: 1.5rem 0 2rem; border-top: 1px solid #d6deeb; font-size: .9rem; }
footer p { margin: .25rem 0; }