:root{color-scheme:light;--ink:#17342f;--muted:#52665f;--accent:#146b55;--line:#d9e4dd}*{box-sizing:border-box}body{margin:0;background:#f5f7f1;color:var(--ink);font:18px/1.7 system-ui,sans-serif}a{color:var(--accent);text-underline-offset:4px}a:focus-visible{outline:3px solid #bb762e;outline-offset:5px}header,footer{max-width:1160px;margin:auto;padding:24px;display:flex;align-items:center;justify-content:space-between;gap:20px}header{border-bottom:1px solid var(--line)}nav{display:flex;gap:24px;flex-wrap:wrap}nav a{padding:10px 0;font-size:15px}.brand{font-size:30px;font-weight:800;text-decoration:none;line-height:1.15}.brand span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin-top:6px}main{max-width:1060px;margin:60px auto;padding:0 24px}.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-size:12px;color:var(--muted)}h1{max-width:920px;font-size:clamp(34px,5vw,58px);line-height:1.12;letter-spacing:-.035em;margin:18px 0 28px}h2{line-height:1.3;font-size:25px}p{max-width:780px}.lead{font-size:23px;color:var(--muted);max-width:850px}section{margin-top:38px}li{margin:12px 0;overflow-wrap:anywhere}aside{margin-top:48px;border-top:1px solid var(--line);padding-top:20px;font-size:14px;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:38px}.card{display:block;padding:28px;background:white;border:1px solid var(--line);border-radius:18px;text-decoration:none;color:var(--ink)}.card:hover{border-color:var(--accent)}.card h2{margin-top:0;font-size:23px}.card p{font-size:16px;color:var(--muted)}.card span{font-size:14px;font-weight:650;color:var(--accent)}.cta{background:#e2ece3;padding:28px;border-radius:18px}.cta a{display:inline-block;min-height:44px;margin-right:20px}footer{font-size:14px;border-top:1px solid var(--line);flex-wrap:wrap}.skip{position:absolute;top:-90px;background:white;padding:12px}.skip:focus{top:0}pre{overflow:auto;max-width:100%;padding:20px;background:#e5ece6;border-radius:8px}code{overflow-wrap:anywhere}@media(max-width:640px){header{align-items:flex-start;flex-direction:column;gap:14px}main{margin-top:34px}.grid{grid-template-columns:1fr}.lead{font-size:20px}.card{padding:22px}nav{gap:22px}}