:root{color-scheme:light;--ink:#172b24;--green:#214d3b;--paper:#f8f6ee;--line:#c7d0c4;--accent:#f1cd79}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font:1.08rem/1.65 system-ui,sans-serif}
a{color:var(--green);text-underline-offset:.22em} a:hover{text-decoration-thickness:3px} :focus-visible{outline:3px solid #a24b12;outline-offset:4px}
.wrap{width:min(1120px,calc(100% - 2rem));margin-inline:auto}
header{border-bottom:1px solid var(--line)} header .wrap,footer .wrap{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.55rem 2rem;padding:1rem 0}
.brand{font-weight:850;text-decoration:none}.brand span{color:#79501d}nav{display:flex;flex-wrap:wrap;gap:.4rem 1.2rem}nav a{font-size:.94rem}nav [aria-current]{font-weight:750}
.skip{position:absolute;top:-5rem;background:var(--paper);padding:.65rem}.skip:focus{top:.4rem;z-index:1}
.hero{display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(1.5rem,5vw,5rem);align-items:center;padding:clamp(3rem,9vw,7rem) 0 3rem}
h1,h2,h3,p{margin:0 0 .85rem}h1,h2,h3{line-height:1.12}h1{font-size:clamp(2.3rem,7vw,5rem);letter-spacing:-.065em;overflow-wrap:anywhere}h2{font-size:clamp(1.5rem,4vw,2.35rem);letter-spacing:-.04em}
.kicker,.index{font:700 .8rem/1.4 ui-monospace,monospace;letter-spacing:.11em;text-transform:uppercase;color:#455d4d}
.lead{font-size:clamp(1.1rem,2.5vw,1.28rem);max-width:40rem}
.button{display:inline-block;background:var(--green);color:white;border-radius:.35rem;padding:.65rem 1rem;margin:.35rem 0;text-decoration:none;font-weight:700}
.board{min-height:310px;background:#18382d;color:#fdf6de;border-radius:.65rem;padding:1.4rem;display:grid;place-content:center;gap:.8rem;text-align:center;background-image:radial-gradient(#426653 1px,transparent 1px);background-size:18px 18px}
.board svg{width:min(240px,62vw);height:auto;margin:auto}.board span{font:700 .73rem ui-monospace,monospace;letter-spacing:.16em;color:var(--accent)}
.band{border-top:1px solid var(--line);padding:2.3rem 0 3rem}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:.9rem}.card{border:1px solid var(--line);border-radius:.5rem;padding:1.25rem;background:#fffdf7}.card p:last-child{margin-bottom:0}
.doc{max-width:760px;padding:clamp(2.6rem,7vw,5rem) 0}.doc h1{font-size:clamp(2.2rem,6vw,4rem)}.doc h2{font-size:1.45rem;margin-top:2rem}.callout{background:#e9efe6;border-left:4px solid #45715a;padding:.9rem 1rem;margin:1.3rem 0}
footer{border-top:1px solid var(--line);font-size:.88rem}
@media(max-width:700px){.hero,.cards{grid-template-columns:1fr}.board{min-height:240px}}