:root{
  --bg:#fbfdfc;--surface:#ffffff;--muted:#edf2f6;
  --text:#1a2b25;--sub:#4b635b;--brand:#00c853;--accent:#09814a;
  --radius:14px;--shadow:0 10px 28px rgba(16, 37, 28, .08);--maxw:1100px
}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--text);font-family:Inter, system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.55;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:#0a6e3d;text-decoration:none}
a:hover{text-decoration:underline}
.container{max-width:var(--maxw);margin:0 auto;padding:0 18px}

/* Header */
.header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.97);backdrop-filter:blur(8px);border-bottom:1px solid var(--muted)}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:10px 0}
.brand{display:flex;align-items:center;gap:10px}
.brand img{width:170px;height:auto}
.brand .meta{display:block}
.brand .tagline{display:none;color:#2a6b50;font-weight:600} /* hidden on mobile */

/* Desktop nav */
.nav{display:flex;gap:14px;align-items:center}
.nav a{padding:10px 12px;border-radius:12px;white-space:nowrap}
.nav a.cta{background:var(--brand);color:#fff;font-weight:800}

/* Hamburger button (mobile only) */
.menu-btn{display:none;align-items:center;justify-content:center;width:42px;height:42px;border-radius:10px;border:1px solid #cfe7db;background:#fff}
.menu-btn span,.menu-btn::before,.menu-btn::after{content:'';display:block;width:22px;height:2px;background:#0f3b2b;border-radius:2px;transition:.2s}
.menu-btn::before{transform:translateY(-6px)}
.menu-btn::after{transform:translateY(6px)}

/* Mobile menu panel */
.mobile-panel{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;border-bottom:1px solid var(--muted);box-shadow:var(--shadow)}
.mobile-panel a{display:block;padding:14px 18px;border-top:1px solid var(--muted)}
.mobile-panel .cta{background:var(--brand);color:#fff;border-radius:12px;margin:12px;display:block;text-align:center}

/* Hero */
.hero{background:url('assets/hero.svg') center/cover no-repeat;min-height:52vh;display:flex;align-items:center;position:relative;border-bottom:1px solid var(--muted)}
.hero .content{position:relative;z-index:1;padding:26px 0}
.h1{font-size:clamp(26px,6vw,42px);margin:0 0 8px}
.lead{color:#23483c;font-size:clamp(15px,3.2vw,19px);max-width:58ch}
.badges{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 18px}
.badge{background:#eef7f2;border:1px solid #d4eee0;color:#24684f;padding:6px 10px;border-radius:999px;font-size:14px}
.actions{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap}
.btn{display:inline-block;padding:14px 18px;border-radius:14px;border:1px solid #cfe7db;background:#ffffff;color:#0f3b2b;font-weight:800;box-shadow:var(--shadow)}
.btn:active{transform:scale(0.98)}
.btn.primary{background:var(--brand);color:#ffffff;border-color:#00b34a}

/* Sections */
.section{padding:48px 0;border-bottom:1px solid var(--muted);background:linear-gradient(180deg, rgba(0,0,0,0.00), rgba(9, 129, 74, 0.02))}
.section h2{font-size:clamp(21px,4.5vw,32px);margin:0 0 8px}
.section p.sub{color:#3b5b50;margin-top:0}
.grid{display:grid;gap:16px}
.cards{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.card{background:var(--surface);border:1px solid var(--muted);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow)}
.card h3{margin-top:0}
.pricing .price{font-size:26px;font-weight:900;color:#0a6e3d}
.pricing ul{padding-left:18px;color:#32584b}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-top:12px}
.kpi{background:#ffffff;border:1px solid var(--muted);border-radius:12px;padding:12px;text-align:center;box-shadow:var(--shadow)}
.gallery{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}
.gallery img{border:1px solid var(--muted);border-radius:12px;box-shadow:var(--shadow)}
.faq details{background:#fff;border:1px solid var(--muted);border-radius:12px;padding:12px}
.faq details+details{margin-top:10px}
.faq summary{cursor:pointer;font-weight:800}

/* Sticky bottom CTA (mobile only) */
.sticky-cta{position:sticky;bottom:0;z-index:45;background:rgba(255,255,255,.97);border-top:1px solid var(--muted);backdrop-filter:blur(6px)}
.sticky-cta .cta-inner{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:10px 16px;flex-wrap:wrap}

/* Footer */
.footer{background:#f1f7f4;padding:24px 0;color:#3a5c50;border-top:1px solid var(--muted)}
.footer small{display:block;color:#55796c}

/* Mobile rules */
@media (max-width:900px){
  .brand .tagline{display:none}
  .nav{display:none}
  .menu-btn{display:flex}
}
@media (min-width:901px){
  .mobile-panel{display:none !important}
  .sticky-cta{display:none}
  .brand .tagline{display:block}
}

/* vLaunch KPI enhancements */
.kpis {
  display: flex;
  justify-content: center;
  gap: 14px;
  text-align: center;
}
.kpi.standout {
  background: var(--brand);
  color: #fff;
  border-color: var(--brand);
  transform: scale(1.04);
}
.kpi.standout strong {
  color: #ffffff;
}