html{scroll-behavior:smooth}body{margin:0;font-family:Poppins,sans-serif;background:#f7fff7;color:#1f3d2b}
header{position:sticky;top:0;background:#ffffffee;backdrop-filter:blur(8px);display:flex;justify-content:space-between;align-items:center;padding:12px 5%;box-shadow:0 2px 10px #0002;z-index:99}
.logo{font-size:1.6rem;font-weight:700;color:#2d7d46}
nav a,.cta{text-decoration:none;margin:0 .6rem;color:#245}
.cta{background:#59b67b;color:#fff;padding:.7rem 1rem;border-radius:999px}
.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:2rem;padding:5%}
.hero h1{font-size:3rem}.hero img{width:100%;border-radius:24px;box-shadow:0 10px 30px #0002}
section{padding:4% 5%}h2{text-align:center;color:#2d7d46}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
.card{background:#fff;border-radius:18px;padding:20px;box-shadow:0 8px 24px #0001}
.strip{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.strip div{background:#d8f3dc;padding:16px;border-radius:12px;text-align:center;font-weight:600}
footer{background:#1d4331;color:#fff;padding:30px;text-align:center}
input,textarea{width:100%;padding:12px;margin:8px 0;border:1px solid #bcd;border-radius:10px}
button{background:#2d7d46;color:#fff;border:none;padding:12px 18px;border-radius:10px}
@media(max-width:800px){.hero{grid-template-columns:1fr}.strip{grid-template-columns:repeat(2,1fr)}header{flex-wrap:wrap}}

.fab{
position:fixed;right:20px;bottom:20px;background:#2d7d46;color:#fff;
padding:14px 18px;border-radius:999px;text-decoration:none;
box-shadow:0 8px 24px rgba(0,0,0,.2);z-index:999;font-weight:600}
.signature{background:linear-gradient(135deg,#f0fff2,#d8f3dc);border-radius:24px;
padding:30px;box-shadow:0 8px 24px #0001}
.badge{display:inline-block;background:#1d4331;color:#fff;padding:6px 12px;
border-radius:999px;font-size:.8rem;margin-bottom:10px}