*{box-sizing:border-box}body{margin:0;background:#f5f7f0;color:#17332b;font-family:system-ui,-apple-system,sans-serif;line-height:1.8}header,main,footer{max-width:880px;margin:auto;padding:28px}header{display:flex;align-items:center;justify-content:space-between;gap:20px}a{color:#3b6652;text-underline-offset:4px}nav{display:flex;gap:18px;flex-wrap:wrap}h1{font-size:clamp(32px,6vw,56px);line-height:1.2;letter-spacing:-2px}h2{font-size:22px;margin-top:36px}p{max-width:72ch}.hero{background:#17332b;color:#f5f7f0;padding:40px;border-radius:28px}.eyebrow{color:#cff085;letter-spacing:4px;font-size:13px}.note{border-left:4px solid #3b6652;padding:8px 20px;background:white}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px}.card{background:white;border-radius:18px;padding:24px}footer{font-size:13px;border-top:1px solid #d5dfd3}@media(max-width:540px){header{align-items:flex-start;flex-direction:column}main{padding:20px}.hero{padding:26px}}