:root {
  color-scheme: light;
  --ink: #10211b;
  --muted: #52645d;
  --paper: #f5f2e9;
  --white: #fffdf8;
  --green: #123f33;
  --lime: #c6f34d;
  --line: rgba(16, 33, 27, 0.18);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

* { box-sizing: border-box; }
body { margin: 0; color: var(--ink); background: var(--paper); }
a { color: inherit; text-underline-offset: 0.2em; }
.shell { width: min(1120px, calc(100% - 40px)); margin-inline: auto; }
.header { min-height: 92px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--line); }
.brand { display: inline-flex; align-items: center; gap: 12px; font-weight: 800; text-decoration: none; letter-spacing: -0.02em; }
.brand img { border-radius: 11px; }
nav, .footer div { display: flex; gap: 24px; }
nav a, .footer a { font-size: 0.9rem; font-weight: 650; text-decoration: none; }
.hero { padding-block: clamp(90px, 15vw, 180px); }
.eyebrow { color: #326352; font-size: 0.75rem; font-weight: 800; letter-spacing: 0.17em; text-transform: uppercase; }
h1 { max-width: 930px; margin: 18px 0 28px; font-size: clamp(3.2rem, 8vw, 7.2rem); line-height: 0.92; letter-spacing: -0.065em; }
.lede { max-width: 760px; color: var(--muted); font-size: clamp(1.15rem, 2vw, 1.45rem); line-height: 1.6; }
.purpose { max-width: 850px; margin: -4px 0 22px; color: var(--green); font-size: clamp(1.35rem, 2.4vw, 1.85rem); font-weight: 750; line-height: 1.35; letter-spacing: -0.02em; }
.band { padding-block: 72px; background: var(--green); color: var(--white); }
.grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 56px; }
.grid article { border-top: 1px solid rgba(255,255,255,0.25); padding-top: 22px; }
.grid .number { color: var(--lime); font-size: 0.75rem; font-weight: 800; letter-spacing: 0.14em; }
.grid h2 { margin: 26px 0 12px; font-size: 1.45rem; }
.grid article > p:last-child { color: rgba(255,255,255,0.75); line-height: 1.7; }
.statement { padding-block: 110px; }
.statement h2 { max-width: 840px; margin: 18px 0 24px; font-size: clamp(2.4rem, 6vw, 5.4rem); line-height: 0.98; letter-spacing: -0.055em; }
.statement > p:last-child { max-width: 720px; color: var(--muted); font-size: 1.1rem; line-height: 1.7; }
.policy { max-width: 800px; padding-block: 90px 120px; }
.policy h1 { font-size: clamp(3rem, 7vw, 5.4rem); }
.policy h2 { margin: 52px 0 12px; font-size: 1.35rem; }
.policy p { color: var(--muted); line-height: 1.75; }
.policy strong { color: var(--ink); }
.footer { min-height: 110px; display: flex; align-items: center; justify-content: space-between; border-top: 1px solid var(--line); color: var(--muted); font-size: 0.9rem; }

@media (max-width: 720px) {
  .shell { width: min(100% - 28px, 1120px); }
  .header { min-height: 76px; }
  .brand span { max-width: 160px; font-size: 0.86rem; line-height: 1.05; }
  nav { gap: 14px; }
  .grid { grid-template-columns: 1fr; gap: 34px; }
  .footer { align-items: flex-start; flex-direction: column; justify-content: center; gap: 6px; padding-block: 28px; }
  .footer div { gap: 16px; }
}