:root{color-scheme:light;--ink:#182823;--muted:#62726b;--line:#dce6df;--accent:#246a4c}*{box-sizing:border-box}body{margin:0;background:#f6f8f4;color:var(--ink);font:17px/1.65 system-ui,-apple-system,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}header,main,footer{width:min(1120px,90%);margin:auto}header{display:flex;justify-content:space-between;align-items:center;padding:28px 0;border-bottom:1px solid var(--line)}.brand{font-size:26px;font-weight:750;letter-spacing:-1px}.brand span{font-size:15px;color:var(--muted);font-weight:400;letter-spacing:0}nav{display:flex;gap:26px;font-size:15px}.hero{max-width:860px;padding:90px 0 80px}.eyebrow,.tag{font-size:11px;font-weight:700;letter-spacing:1.6px;color:var(--accent)}h1{font-size:clamp(37px,6vw,68px);line-height:1.08;letter-spacing:-2.5px;margin:22px 0 26px;font-weight:650}h2{font-size:28px;line-height:1.25;letter-spacing:-.6px}h3{font-size:23px;line-height:1.3;letter-spacing:-.4px}.lead{max-width:710px;font-size:20px;color:var(--muted)}.button{display:inline-block;margin-top:20px;background:var(--ink);color:#fff;padding:13px 22px;border-radius:7px;font-size:15px}.button:hover{background:var(--accent);color:#fff}.section-title{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:24px 0 15px}.section-title span{font-size:13px;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.grid article{padding:18px 0 32px}.grid article p:not(.tag){color:var(--muted);font-size:15px}.callout{margin:50px 0 80px;background:#e7eee3;border-radius:12px;padding:32px 38px}.callout p{max-width:760px;color:#4d6255}.reading{max-width:760px;padding:58px 0}.reading h1{font-size:46px;letter-spacing:-1.5px}.reading article{padding:26px 0;border-top:1px solid var(--line);scroll-margin-top:25px}.reading p,.reading li{color:#43594b}.reading li{margin:12px 0}.back{font-size:14px;color:var(--accent)}footer{border-top:1px solid var(--line);padding:24px 0 36px;display:flex;justify-content:space-between;gap:18px;font-size:12px;color:var(--muted)}@media(max-width:700px){.grid{grid-template-columns:1fr;gap:0}.hero{padding:60px 0 48px}h1{letter-spacing:-1.5px}nav{gap:15px}.brand span{display:none}.section-title span{display:none}.callout{padding:24px}.reading h1{font-size:36px}footer{flex-wrap:wrap}}