:root{
  --bg:#ffffff;
  --bg-soft:#f7fbf7;
  --bg-alt:#fffaf1;
  --text:#1d2733;
  --muted:#66707a;
  --line:#e6ebf0;
  --primary:#2f7d32;
  --primary-dark:#245f26;
  --accent:#e8b64a;
  --shadow:0 18px 40px rgba(16,24,40,.08);
  --radius-xl:28px;
  --radius-lg:22px;
  --radius-md:16px;
  --container:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Arial, Helvetica, sans-serif;
  color:var(--text);
  background:
    radial-gradient(circle at top left, rgba(47,125,50,.08), transparent 28%),
    radial-gradient(circle at top right, rgba(232,182,74,.12), transparent 24%),
    linear-gradient(180deg, #fff 0%, #fcfdfd 100%);
}
a{text-decoration:none;color:inherit}
.container{width:min(calc(100% - 32px), var(--container));margin:0 auto}
.hero{padding:32px 0 40px}
.hero-grid,.split{display:grid;grid-template-columns:1.08fr .92fr;gap:24px;align-items:center}
.hero-copy,.hero-visual,.card,.panel,.contact-box,.stat,.quick-card,.feature-box{
  background:rgba(255,255,255,.92);
  border:1px solid var(--line);
  box-shadow:var(--shadow);
}
.hero-copy,.hero-visual{border-radius:var(--radius-xl);padding:34px}
.pill{
  display:inline-block;
  padding:9px 14px;
  border-radius:999px;
  background:rgba(47,125,50,.1);
  color:var(--primary-dark);
  font-size:.9rem;
  font-weight:700;
}
h1{font-size:clamp(2.4rem, 5vw, 4.5rem);line-height:1;margin:16px 0 14px}
h2{font-size:clamp(1.8rem, 3vw, 2.8rem);line-height:1.08;margin:14px 0 12px}
h3{margin:0 0 10px;font-size:1.18rem}
p, li{line-height:1.75;color:var(--muted)}
.lead{font-size:1.08rem}
.hero-actions,.contact-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:22px}
.btn{
  min-height:52px;
  padding:0 22px;
  border-radius:14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-weight:700;
  transition:transform .2s ease;
}
.btn:hover{transform:translateY(-2px)}
.btn-primary{background:linear-gradient(135deg,var(--primary),#49a84d);color:#fff}
.btn-secondary{background:#fff;border:1px solid var(--line)}
.quick-info,.stats{display:grid;gap:16px}
.quick-info{grid-template-columns:repeat(3,1fr);margin-top:28px}
.quick-card,.stat{padding:18px;border-radius:var(--radius-md);text-align:center}
.quick-card strong,.stat strong{display:block;color:var(--primary-dark);font-size:1.2rem}
.hero-visual{display:grid;gap:16px}
.feature-main{padding:24px}
.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.feature-box{padding:20px;border-radius:var(--radius-lg)}
.emoji{font-size:2rem;margin-bottom:12px}
.emoji.big{font-size:2.2rem}
.section{padding:34px 0}
.alt{background:linear-gradient(180deg,#ffffff 0%, #fbfcf8 100%)}
.center{text-align:center}
.narrow{max-width:820px;margin:0 auto 28px}
.cards{display:grid;gap:18px}
.cards.three{grid-template-columns:repeat(3,1fr)}
.cards.four{grid-template-columns:repeat(4,1fr)}
.card,.panel,.contact-box{padding:28px;border-radius:var(--radius-lg)}
.tags{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}
.tags span, ul li{
  background:#fff;
  border:1px solid var(--line);
  box-shadow:0 10px 20px rgba(16,24,40,.05);
  border-radius:999px;
  padding:10px 14px;
  font-weight:700;
  color:var(--text);
}
ul{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:12px}
.stats{grid-template-columns:repeat(4,1fr)}
.mini-card{text-align:center}
.contact-box{display:flex;align-items:center;justify-content:space-between;gap:20px}
.number{font-size:1.15rem;font-weight:800;color:var(--primary-dark)}
.footer{border-top:1px solid var(--line);background:rgba(255,255,255,.92)}
.footer-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.whatsapp-float{
  position:fixed;
  right:18px;
  bottom:18px;
  z-index:20;
  min-height:54px;
  padding:0 20px;
  border-radius:999px;
  background:linear-gradient(135deg,#22c55e,#16a34a);
  color:#fff;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-weight:800;
  box-shadow:0 18px 38px rgba(22,163,74,.28);
}
@media (max-width:1100px){
  .hero-grid,.split{grid-template-columns:1fr}
  .cards.three,.cards.four,.stats,.quick-info{grid-template-columns:repeat(2,1fr)}
  .contact-box,.footer-inner{flex-direction:column;align-items:flex-start}
}
@media (max-width:720px){
  .hero-copy,.hero-visual,.card,.panel,.contact-box,.stat,.quick-card,.feature-box{padding:22px}
  .cards.three,.cards.four,.stats,.quick-info,.feature-grid{grid-template-columns:1fr}
  .whatsapp-float{left:14px;right:14px;bottom:14px}
}