.container{max-width:1080px;margin:0 auto;padding:16px}
*{box-sizing:border-box}
body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:#111827;background:#fff;margin:0}
header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid #e5e7eb;position:sticky;top:0;background:#fff;z-index:10}
.brand-logo{height:50px;width:auto;display:block}
.nav a{margin-left:16px;text-decoration:none;color:#111827;font-weight:600}
.nav .btn{margin-left:16px}
.hero{text-align:center;padding:80px 20px;background:#f0fdf4;border-bottom:1px solid #e5e7eb}
.highlight{color:#16A34A}
.cta-group{display:flex;gap:12px;justify-content:center;margin-top:12px}
.btn{display:inline-block;padding:10px 16px;border:1px solid #e5e7eb;border-radius:10px;text-decoration:none;font-weight:700}
.btn.primary{background:#16A34A;color:#fff;border-color:#16A34A}
.btn.outline{background:#fff;color:#111827}
.btn.wide{width:100%;padding:14px 18px}
.section-title{font-size:28px;margin:36px 0 16px}
.cards .grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:18px}
.card h3{margin-top:0}
.card ul{padding-left:18px;margin:8px 0 0}
.about .about-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:18px}
.about .bullets{margin:8px 0 0;padding-left:18px}
.contact .contact-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:18px}
.contact-info a{color:#16A34A;text-decoration:none}
.contact-form-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:18px}
.field{display:flex;flex-direction:column;margin-bottom:12px}
.field label{font-weight:600;margin-bottom:6px}
.field input,.field textarea{padding:10px;border:1px solid #e5e7eb;border-radius:10px;font:inherit}
.hidden{display:none}
.footer{text-align:center;padding:24px 0 48px;color:#6B7280}
/* WhatsApp floating button */
.wa-float{position:fixed;right:18px;bottom:18px;width:56px;height:56px;border-radius:50%;background:#25D366;box-shadow:0 6px 18px rgba(0,0,0,.2);display:flex;align-items:center;justify-content:center;text-decoration:none}
.wa-dot{width:28px;height:28px;border-radius:50%;background:#fff;position:relative}
.wa-dot:before{content:'';position:absolute;inset:6px;background:#25D366;border-radius:50%}
@media (max-width: 900px){
  .cards .grid{grid-template-columns:repeat(2,1fr)}
  .contact .contact-grid{grid-template-columns:1fr}
}
@media (max-width: 600px){
  .cards .grid{grid-template-columns:1fr}
  .hero{padding:56px 16px}
}