:root { color-scheme: light; --primary:#2f7f73; --ink:#172321; --muted:#5b6866; --soft:#edf7f5; --line:#d9e5e2; }
* { box-sizing:border-box; }
body { margin:0; color:var(--ink); background:#fff; font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; line-height:1.65; }
a { color:#23695f; }
.site-header { border-bottom:1px solid var(--line); background:#fff; }
.nav { max-width:1080px; margin:auto; padding:16px 24px; display:flex; align-items:center; justify-content:space-between; gap:20px; }
.brand { color:var(--ink); font-size:1.35rem; font-weight:750; text-decoration:none; }
.nav-links { display:flex; align-items:center; gap:20px; }
.nav-links a { text-decoration:none; font-weight:600; }
.button { display:inline-block; border-radius:8px; padding:11px 18px; color:#fff; background:var(--primary); font-weight:700; text-decoration:none; }
main { max-width:900px; margin:auto; padding:64px 24px 72px; }
.eyebrow { color:var(--primary); font-weight:750; letter-spacing:.04em; text-transform:uppercase; font-size:.84rem; }
h1 { max-width:820px; margin:8px 0 20px; font-size:clamp(2.1rem,5vw,3.65rem); line-height:1.08; letter-spacing:-.035em; }
.lead { max-width:760px; color:var(--muted); font-size:1.2rem; }
.hero-actions { display:flex; flex-wrap:wrap; gap:16px; align-items:center; margin:30px 0 52px; }
h2 { margin:46px 0 14px; font-size:1.7rem; line-height:1.25; }
h3 { margin:25px 0 8px; }
p, li { font-size:1.04rem; }
.cards { display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:18px; margin:24px 0; }
.card { padding:22px; border:1px solid var(--line); border-radius:12px; background:#fff; }
.card h3 { margin-top:0; }
.callout { margin:42px 0; padding:28px; border-radius:14px; background:var(--soft); }
.related { border-top:1px solid var(--line); margin-top:52px; padding-top:28px; }
.related ul { padding-left:20px; }
.site-footer { padding:30px 24px; color:var(--muted); text-align:center; border-top:1px solid var(--line); }
.site-footer a { margin:0 8px; }
@media (max-width:640px) { .nav-links a:not(.button) { display:none; } main { padding-top:42px; } }