:root{--ivory:#faf8f0;--teal:#174d49;--sage:#dce8dc;--ink:#263b36;--muted:#64756d;--white:#fff}*{box-sizing:border-box}body{margin:0;background:var(--ivory);color:var(--ink);font:16px/1.65 system-ui,-apple-system,Segoe UI,sans-serif}a{color:var(--teal)}.wrap{max-width:1000px;margin:auto;padding:0 22px}header{background:#fff;border-bottom:1px solid #e3e8df}.nav{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:76px}.brand{font-size:1.22rem;font-weight:800;color:var(--teal);text-decoration:none;letter-spacing:-.03em}nav{display:flex;gap:18px;flex-wrap:wrap}nav a{text-decoration:none;font-weight:600;font-size:.94rem}.hero{padding:76px 0 50px}.eyebrow{font-weight:800;text-transform:uppercase;letter-spacing:.15em;color:#4f7e70;font-size:.78rem}h1{font-size:clamp(2.4rem,6vw,4.5rem);line-height:1.08;letter-spacing:-.055em;color:var(--teal);margin:14px 0 20px}h2{font-size:1.75rem;line-height:1.25;color:var(--teal)}h3{color:var(--teal)}.lead{font-size:1.16rem;max-width:680px;color:#4c635b}.button{display:inline-block;background:var(--teal);color:white;padding:12px 22px;border-radius:13px;text-decoration:none;font-weight:750;margin:12px 12px 0 0}.button.alt{background:var(--sage);color:var(--teal)}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin:32px 0 70px}.card{background:#fff;border:1px solid #e1e9df;border-radius:20px;padding:27px;box-shadow:0 5px 24px #234c4110}.pill{display:inline-block;background:var(--sage);color:var(--teal);border-radius:99px;padding:5px 12px;font-size:.78rem;font-weight:800}.article{background:#fff;border-radius:22px;padding:clamp(24px,5vw,55px);margin:36px auto 65px;border:1px solid #e1e9df}.article h1{font-size:clamp(2rem,5vw,3.2rem)}.article h2{margin-top:36px}.article p,.article li{max-width:80ch}.note{padding:17px 20px;background:#eef3eb;border-left:4px solid var(--teal);border-radius:9px}.muted{color:var(--muted)}footer{background:#eaf0e8;padding:34px 0;margin-top:50px}footer .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:18px}footer a{margin-right:14px}ul{padding-left:24px}@media(max-width:620px){.nav{align-items:flex-start;flex-direction:column;padding:17px 0;gap:10px}nav{gap:12px}.hero{padding:45px 0 25px}}