:root{
  color-scheme:light;
  --ink:#17201b;
  --muted:#5f6b64;
  --line:#dde5df;
  --paper:#fbfcf8;
  --surface:#fff;
  --accent:#176b3a;
  --accent-soft:#eef5ed;
  --shadow:0 18px 50px rgba(23,32,27,.08);
}
*{box-sizing:border-box}
body{
  min-height:100vh;
  margin:0;
  padding:clamp(24px,6vw,72px) 20px;
  background:var(--paper);
  color:var(--ink);
  font:16px/1.6 ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
main{
  width:min(100%,760px);
  margin:0 auto;
  padding:clamp(28px,6vw,58px);
  border:1px solid var(--line);
  border-radius:12px;
  background:var(--surface);
  box-shadow:var(--shadow);
}
h1{margin:0 0 24px;font-size:clamp(34px,7vw,58px);line-height:1.05;letter-spacing:-.035em}
p{margin:0 0 18px;color:var(--muted)}
a{color:var(--accent);text-underline-offset:3px}
a:hover{text-decoration-thickness:2px}
.audience-routes{display:grid;gap:12px;margin:28px 0}
.audience-route{
  padding:16px 18px;
  border:1px solid var(--line);
  border-radius:7px;
  background:var(--accent-soft);
}
.audience-route h2{margin:0 0 7px;font-size:16px;line-height:1.35}
.audience-route p{margin:0}
.primary-route{font-size:18px;font-weight:700}
.supporting-route{padding-top:8px;font-size:14px}
a:focus-visible{
  outline:3px solid color-mix(in srgb,var(--accent) 35%,transparent);
  outline-offset:3px;
}
@media(prefers-color-scheme:dark){
  :root{
    color-scheme:dark;
    --ink:#e7efe9;
    --muted:#a7b4ab;
    --line:#34443a;
    --paper:#101612;
    --surface:#172019;
    --accent:#72d19a;
    --accent-soft:#1d2922;
    --shadow:0 18px 54px rgba(0,0,0,.3);
  }
}