:root{color-scheme:light;--ink:#21372e;--muted:#5e6d65;--paper:#f4f4ee;--white:#fffef9;--line:#dce3d9;--green:#1d493a;--mint:#e7eee7}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65}
a{color:var(--green);text-underline-offset:3px}
a:focus-visible{outline:2px solid var(--green);outline-offset:4px}
.wrap{width:min(100% - 40px,1080px);margin-inline:auto}
.nav{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:84px;border-bottom:1px solid var(--line)}
.logo{display:inline-flex;align-items:center;gap:11px;color:var(--ink);font-size:21px;font-weight:800;letter-spacing:-.06em;text-decoration:none}
.logo i{width:24px;height:24px;background:var(--green);border-radius:6px;display:inline-block;transform:rotate(-12deg)}
.logo span{color:#477363}
.links{display:flex;align-items:center;flex-wrap:wrap;gap:12px 24px;font-size:13px;font-weight:650}
.links a{text-decoration:none}
.links a:hover{text-decoration:underline}
.label{font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:750;color:#547563}
h1,h2,h3,p{margin-top:0}
h1{font-size:clamp(42px,7vw,86px);line-height:1.04;letter-spacing:-.065em;font-weight:760}
h2{font-size:clamp(25px,3vw,35px);line-height:1.15;letter-spacing:-.045em}
h3{font-size:19px;letter-spacing:-.025em}
.hero{padding:110px 0 96px;max-width:850px}
.hero h1{margin:20px 0 24px}
.hero p:not(.label){max-width:610px;font-size:19px;color:var(--muted)}
.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.button{display:inline-block;border-radius:8px;background:var(--green);color:#fff;padding:13px 20px;text-decoration:none;font-size:14px;font-weight:700}
.button:hover{background:#123a2c}
.button.alt{background:var(--mint);color:var(--green)}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding-bottom:90px}
.card{border:1px solid var(--line);background:var(--white);border-radius:14px;padding:28px}
.card .num{font-size:12px;color:#57816a;font-weight:750;letter-spacing:.12em}
.card h2{font-size:23px;margin:25px 0 12px}
.card p{color:var(--muted);font-size:14px;margin:0}
.stripe{border-top:1px solid var(--line);padding:55px 0 70px;display:grid;grid-template-columns:1fr 1fr;gap:40px}
.stripe p{max-width:450px;color:var(--muted)}
.document{display:grid;grid-template-columns:210px minmax(0,720px);gap:60px;padding:70px 0 110px}
.document h1{font-size:clamp(38px,5vw,64px);margin:14px 0}
.document .lead{color:var(--muted);font-size:18px;margin:0 0 38px}
.document .date{font-size:12px;color:var(--muted)}
.document section{border-top:1px solid var(--line);padding:29px 0 18px}
.document section h2{font-size:24px;margin-bottom:13px}
.document section p,.document section li{color:#405249;font-size:15px}
.document ul{padding-left:21px}
.document li+li{margin-top:8px}
.toc{position:sticky;top:24px;align-self:start}
.toc p{margin:0 0 16px}
.toc a{display:block;padding:7px 0;color:var(--muted);font-size:13px;text-decoration:none}
.toc a:hover{color:var(--green);text-decoration:underline}
footer{border-top:1px solid var(--line);padding:28px 0 42px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;color:var(--muted);font-size:12px}
footer a{margin-left:15px}
@media(max-width:720px){.nav{align-items:flex-start;padding:20px 0;min-height:auto;flex-direction:column}.hero{padding:66px 0 64px}.hero p:not(.label){font-size:17px}.grid{grid-template-columns:1fr;padding-bottom:50px}.stripe{grid-template-columns:1fr;gap:0;padding:38px 0}.document{display:block;padding:48px 0 70px}.toc{position:static;display:flex;flex-wrap:wrap;gap:4px 14px;padding-bottom:30px}.toc p{width:100%;margin-bottom:2px}.toc a{padding:3px 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}