:root{--ink:#17333a;--muted:#61777a;--teal:#0f766e;--teal-dark:#0b5c56;--cream:#fffaf2;--peach:#fce8dc;--line:#e7eeea;--yellow:#f6c453}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);font-family:'DM Sans',system-ui,sans-serif;background:var(--cream);line-height:1.6}
h1,h2,h3{font-family:'Plus Jakarta Sans',sans-serif;line-height:1.15;margin:0;letter-spacing:-.03em}
a{color:inherit;text-decoration:none}
.wrap{width:min(1120px,calc(100% - 40px));margin:auto}
.eyebrow{color:var(--teal);font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:1px solid transparent;border-radius:999px;padding:.86rem 1.25rem;font-weight:700;transition:.2s ease}
.btn-primary{background:var(--teal);color:#fff;box-shadow:0 8px 20px #0f766e2b}
.btn-primary:hover{background:var(--teal-dark);transform:translateY(-2px)}
.btn-ghost{border-color:#cfe1db;background:#fff;color:var(--ink)}
.btn-ghost:hover{border-color:var(--teal);color:var(--teal)}
section{padding:96px 0}
.section-head{max-width:620px}
.section-head h2{font-size:clamp(2rem,4vw,3.25rem);margin:.7rem 0 1rem}
.section-head p{color:var(--muted);font-size:1.08rem}
.grid{display:grid;gap:20px}
.muted{color:var(--muted)}
@media(max-width:680px){section{padding:68px 0}.wrap{width:min(100% - 28px,1120px)}.btn{width:100%}}