:root {
  --bone: #F7F6F3;
  --paper: #FFFFFF;
  --navy: #071B33;
  --navy-2: #0A2544;
  --forest: #2F4A37;
  --green: #67C94A;
  --green-deep: #1C6A38;
  --graphite: #1C1C1A;
  --stone: #6F6E68;
  --line: #E3E0D8;
  --soft-green: #E8F4E3;
  --radius: 14px;
  --radius-lg: 24px;
  --shadow: 0 24px 70px rgba(7, 27, 51, .12);
  --max: 1180px;
}
body {
  margin: 0;
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background: var(--bone);
  color: var(--graphite);
  font-size: 17px;
  line-height: 1.65;
}
a { text-decoration: none; color: inherit; }
a:hover { color: var(--green-deep); }
.container { width: min(var(--max), calc(100% - 40px)); margin: auto; }
.serif { font-family: Fraunces, Georgia, serif; font-style: italic; letter-spacing: 0; }
.skip-link {
  position: absolute;
  left: 20px;
  top: -80px;
  z-index: 20;
  background: var(--navy);
  color: #fff;
  padding: 10px 14px;
  border-radius: 10px;
}
.skip-link:focus { top: 14px; }
:focus-visible { outline: 3px solid var(--green); outline-offset: 3px; }
p { color: var(--stone); }
strong { color: inherit; }
.eyebrow {
  font-family: Inter, system-ui, sans-serif;
  text-transform: uppercase;
  letter-spacing: .11em;
  font-size: 1rem;
  line-height: 1.35;
  color: var(--green-deep);
  font-weight: 900;
  margin: 0 0 14px;
}
h1, h2, h3, h4 { color: var(--navy); }
h1 {
  margin: 0;
  color: var(--navy);
  font-size: clamp(2.7rem, 6.3vw, 5.4rem);
  line-height: .96;
  letter-spacing: -.06em;
}
h2 {
  margin: 0;
  color: var(--navy);
  font-size: clamp(2.1rem, 4.4vw, 3.8rem);
  line-height: 1.04;
  letter-spacing: -.045em;
}
h3 { font-size: 1.22rem; line-height: 1.25; }
.lead {
  font-size: 1.2rem;
  color: var(--stone);
  max-width: 700px;
  margin: 26px 0 0;
}
.muted { color: var(--stone); }
.mono {
  font-family: "JetBrains Mono", ui-monospace, SFMono-Regular, Consolas, monospace;
  letter-spacing: .08em;
  text-transform: uppercase;
}