:root{
  --eco-dark:#0b1f17;
  --eco-green:#1f7a4d;
  --eco-soft:#eef5f0;
  --eco-text:#23332b;
}
html{scroll-behavior:smooth}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:var(--eco-text);background:#fff}
.navbar{padding:.9rem 1rem}
.navbar-brand{font-weight:700;letter-spacing:.3px}
.navbar-dark .navbar-nav .nav-link{color:rgba(255,255,255,.86)}
.navbar-dark .navbar-nav .nav-link:hover{color:#fff}
.dropdown-menu{border:0;border-radius:.35rem;box-shadow:0 10px 30px rgba(0,0,0,.14)}
.dropdown-item{padding:.55rem 1rem}
.hero{background:linear-gradient(135deg,#0b1f17,#163d2a);color:#fff;padding:88px 0 74px}
.hero-home{padding:110px 0 96px}
.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.78rem;font-weight:700;opacity:.78}
.display-4{font-weight:700}
.lead{line-height:1.75}
.section{padding:72px 0}
.section-soft{background:var(--eco-soft)}
.card{border:0;box-shadow:0 8px 24px rgba(13,53,36,.08);height:100%}
.card h5{font-weight:700}
.icon-circle{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#e4f1e9;font-weight:700;color:var(--eco-green);margin-bottom:16px}
.btn-eco{background:var(--eco-green);border-color:var(--eco-green);color:#fff}
.btn-eco:hover{background:#17623e;border-color:#17623e;color:#fff}
.footer{background:#07140f;color:#dbe7df;padding:50px 0 24px}
.footer a{color:#dbe7df}
.footer a:hover{color:#fff;text-decoration:none}
.footer-title{font-weight:700;color:#fff}
.small-muted{color:#6c7d74}
.breadcrumb-lite{background:transparent;padding-left:0}
.metric{font-size:2rem;font-weight:700;color:var(--eco-green)}
@media (min-width:992px){
  .navbar .dropdown:hover>.dropdown-menu{display:block;margin-top:0}
}