:root{
  --ink:#102118;--muted:#5d6f64;--paper:#f5f8f5;--card:#fff;--brand:#17673f;
  --brand-dark:#0f4e30;--soft:#e8f3ec;--line:#d9e4dc;--warm:#f0b35e;--max:1220px
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font:16px/1.72 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
a{color:var(--brand);text-underline-offset:3px}a:focus-visible,button:focus-visible{outline:3px solid #111;outline-offset:3px}
.site-header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:40}
.nav{max-width:var(--max);margin:auto;display:flex;align-items:center;gap:24px;padding:12px 20px}
.brand{font-weight:900;font-size:21px;color:var(--ink);text-decoration:none;white-space:nowrap}.brand b{color:var(--brand)}
.navlinks{display:flex;gap:17px;margin-left:auto;align-items:center}.navlinks a{font-size:14px;color:var(--ink);font-weight:700;text-decoration:none}
.header-cta{display:inline-flex;align-items:center;justify-content:center;background:var(--brand);color:#fff!important;padding:10px 15px;border-radius:8px;text-decoration:none!important;font-weight:850!important;white-space:nowrap}
.wrap{max-width:var(--max);margin:auto;padding:36px 20px}.hero{padding:65px 0 46px}
.eyebrow,.kicker{font-size:12px;font-weight:900;letter-spacing:.09em;text-transform:uppercase;color:var(--brand)}
h1{font-size:clamp(40px,6vw,72px);line-height:1.02;letter-spacing:-.045em;margin:.15em 0}
h2{letter-spacing:-.025em}.lede{max-width:780px;font-size:20px;color:var(--muted)}
.btn{display:inline-block;background:var(--brand);color:#fff;text-decoration:none;font-weight:850;padding:13px 19px;border-radius:8px;margin:8px 7px 8px 0}.btn:hover,.header-cta:hover{background:var(--brand-dark)}
.btn.secondary{background:#fff;color:var(--brand);border:1px solid var(--brand)}
.disclosure{font-size:13px;color:var(--muted);max-width:820px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px}
.card h2,.card h3{margin-top:0}.card a{text-decoration:none}
.article-grid{display:grid;grid-template-columns:minmax(0,820px) 310px;gap:42px;align-items:start}
.article{background:#fff;border:1px solid var(--line);border-radius:14px;padding:clamp(24px,5vw,54px)}
.article h1{font-size:clamp(36px,5vw,58px)}.article h2{font-size:30px;line-height:1.18;margin:1.75em 0 .5em}.article h3{font-size:21px;line-height:1.3;margin-top:1.4em}
.article p,.article li{color:#294136}.article li{margin:.45em 0}.breadcrumb{font-size:13px;color:var(--muted);margin:0 0 18px}
.fact-note{background:#fbf7eb;border-left:4px solid var(--warm);padding:17px 19px;margin:24px 0}
.toc{background:#f5f8f5;border:1px solid var(--line);border-radius:10px;padding:17px;margin:22px 0}
.toc a{margin-right:10px}.cta{background:var(--ink);color:#fff;border-radius:13px;padding:24px;margin:30px 0}.cta p{color:#dfe8e2}.cta .btn{background:#fff;color:var(--ink)}
.sticky{position:sticky;top:90px}.sticky .card{border-top:4px solid var(--brand)}.price{font-size:31px;font-weight:900}.small{font-size:12px;color:var(--muted)}
.related{display:grid;grid-template-columns:1fr 1fr;gap:12px}.related a{display:block;background:var(--soft);padding:13px;border-radius:9px;text-decoration:none;font-weight:700}
footer{margin-top:70px;background:#0b2115;color:#dbe7df;padding:48px 20px}.footer-in{max-width:var(--max);margin:auto;display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}footer a{color:#fff}
.popup{display:none;position:fixed;inset:0;background:rgba(7,19,12,.82);z-index:80;padding:20px;align-items:center;justify-content:center}.popup.show{display:flex}
.popup-card{max-width:720px;background:#fff;border-radius:18px;padding:36px;position:relative;box-shadow:0 24px 70px rgba(0,0,0,.28)}.close{position:absolute;top:12px;right:16px;border:0;background:transparent;font-size:30px;cursor:pointer}
.mobile-cta{display:none}
@media(max-width:930px){.article-grid{grid-template-columns:1fr}.sticky{position:static}.grid{grid-template-columns:1fr 1fr}.navlinks a:not(.header-cta){display:none}.mobile-cta{display:block;position:fixed;left:12px;right:12px;bottom:12px;z-index:45;text-align:center;background:var(--brand);color:white;text-decoration:none;font-weight:900;padding:13px;border-radius:9px;box-shadow:0 10px 25px rgba(0,0,0,.18)}body{padding-bottom:66px}}
@media(max-width:620px){.grid,.related{grid-template-columns:1fr}.wrap{padding:24px 15px}.article{padding:22px}.hero{padding-top:38px}h1{font-size:42px}.header-cta{font-size:13px;padding:9px 11px}.popup-card{padding:28px 21px}.footer-in{grid-template-columns:1fr}}