/* ---------- Base ---------- */
*{box-sizing:border-box}
body{
  margin:0;
  font-family:Arial,Helvetica,sans-serif;
  background:#f4f7f4;
  color:#222;
  line-height:1.6;
}
a{color:inherit}
body>img{display:none!important;max-height:0!important}

/* Containers & grids */
.container{max-width:1100px;margin:0 auto;padding:0 20px}
.cards-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}

/* ---------- Header / Nav ---------- */
header{background:#0a5c2e}
.nav{
  display:flex;align-items:center;justify-content:space-between;
  max-width:1100px;margin:0 auto;padding:12px 20px
}
.brand{color:#fff;text-decoration:none;font-weight:bold}
.nav-links a{
  color:#fff;text-decoration:none;font-weight:bold;
  margin-left:14px;padding:8px 12px;border-radius:4px
}
.nav-links a:hover{background:#0a4c26}

/* ---------- Hero ---------- */
.hero{
  color:#fff;text-align:center;padding:64px 0 56px;
  background:linear-gradient(180deg,#158346 0%,#0c6a33 100%)
}
.hero-texture{
  background-image:
    radial-gradient(rgba(255,255,255,.08) 1px, transparent 1px),
    linear-gradient(180deg,#158346 0%,#0c6a33 100%);
  background-size:12px 12px, auto;
  background-position:0 0, 0 0;
}
.hero h1{margin:0 0 8px;font-size:36px}
.hero .sub{max-width:760px;margin:0 auto 20px;opacity:.95}
.hero-ctas{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}

/* ---------- Value Strip ---------- */
.value-strip{background:#e7f3ec;padding:28px 0;border-top:1px solid #d3e6da;border-bottom:1px solid #d3e6da}
.vitem{text-align:center}
.vicon{font-size:28px;margin-bottom:6px}
.vitem h3{margin:6px 0 4px;color:#0a5c2e}

/* ---------- Cards / Lists ---------- */
section{padding:42px 0}
h2{text-align:center;margin:0 0 18px;color:#0a5c2e}
h4{margin:0 0 10px;color:#0a5c2e}
.card{
  background:#fff;border-radius:12px;padding:20px;
  box-shadow:0 8px 24px rgba(0,0,0,.06), 0 2px 8px rgba(0,0,0,.05);
}
.alt{padding-top:32px}
.features{list-style:none;margin:0;padding:0}
.features li{position:relative;padding-left:28px;margin:10px 0}
.features li::before{
  content:"✓"; position:absolute; left:0; top:0; color:#128a45;
  font-weight:bold
}

/* ---------- Stat Bar ---------- */
.statbar{background:#0f6f37;color:#fff}
.stat-inner{
  display:grid;grid-template-columns:repeat(3,1fr);gap:18px;
  padding:18px 0;text-align:center;font-weight:bold
}

/* ---------- CTA Block ---------- */
.cta-block{background:#0a5c2e;color:#fff}
.cta-inner{
  display:flex;align-items:center;justify-content:space-between;gap:18px;
  padding:24px 0
}
.cta-block h2{color:#fff;text-align:left;margin:0 0 6px}
.cta-sub{margin:0;opacity:.95}

/* ---------- Buttons ---------- */
.btn{
  display:inline-block;padding:12px 18px;border-radius:8px;
  background:#12a055;color:#fff;text-decoration:none;font-weight:bold;
  transition:transform .05s ease, opacity .15s ease, background .2s ease
}
.btn:hover{background:#0f8f4c}
.btn:active{transform:translateY(1px)}
.btn-outline{background:transparent;color:#fff;border:2px solid #fff}
.btn-outline:hover{background:rgba(255,255,255,.12)}
.btn-light{background:#fff;color:#0a5c2e}
.btn-small{padding:8px 12px}

/* ---------- Footer ---------- */
footer{background:#0a5c2e;color:#fff;text-align:center;padding:16px 10px}
footer a{color:#fff;text-decoration:underline}

/* ---------- Responsive ---------- */
@media (max-width:1000px){.cards-3,.value-grid{grid-template-columns:1fr 1fr}}
@media (max-width:680px){
  .cards-3,.value-grid,.stat-inner{grid-template-columns:1fr}
  .nav{flex-direction:column;gap:8px}
  .nav-links a{margin-left:0}
  .cta-inner{flex-direction:column;text-align:center}
}