/* EcoSeco styles */
:root{ --grad1:#2ecc71; --grad2:#27ae60; }
.hero{
  background: radial-gradient(1100px 450px at 10% -10%, rgba(46,204,113,.35), transparent),
              radial-gradient(1100px 450px at 110% 10%, rgba(39,174,96,.35), transparent),
              linear-gradient(135deg, #0b1f14, #193927);
  color:#fff; padding-top: 84px; position:relative; overflow:hidden; min-height: 80vh;
}
.hero-img{ max-height: 440px; filter: drop-shadow(0 10px 30px rgba(0,0,0,.35)); }
.hero .grad{ background: linear-gradient(90deg, var(--grad1), var(--grad2)); -webkit-background-clip: text; background-clip: text; color: transparent; }
.hero-wave{ position:absolute; bottom:-1px; left:0; width:100%; height:120px; }
.kpi{ background:#fff; border-radius:14px; padding:18px 10px; }
.kpi-num{ font-size:28px; font-weight:800; }
.kpi-label{ color:#6c757d; font-weight:600; }
.feature-card .icon-wrap{ width:52px;height:52px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;font-size:24px; }
.step{ background:#fff; border-radius:14px; padding:20px; box-shadow: var(--bs-box-shadow-sm); }
.step-num{ width:36px;height:36px;border-radius:50%; background:linear-gradient(90deg, var(--grad1), var(--grad2)); color:#fff; display:flex; align-items:center; justify-content:center; font-weight:700; margin-bottom:8px; }
.bg-gradient-light{ background:linear-gradient(180deg,#f8fff9,#f8f9fa); }
.cta-sec{ background:#f8f9fa; }
.cta-box{ background:linear-gradient(90deg, var(--grad1), var(--grad2)); }
a { text-decoration: none; }