:root{
  --white:#ffffff;
  --green-dark:#0b3d2e;
  --green:#198754;
  --green-light:#84cc16;
  --accent-red:#dc2626;
  --ink:#0f172a;
  --muted:#475569;
  --bg:#f8faf8;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;color:var(--ink);background:var(--bg)}
.container{max-width:1200px;margin-inline:auto;padding:0 20px}  
a{color:var(--green);text-decoration:none}
a:hover{text-decoration:underline}
.btn{background:linear-gradient(90deg,var(--green),var(--green-light));color:#fff;border:none;border-radius:14px;padding:12px 16px;font-weight:700;display:inline-flex;align-items:center;gap:8px;box-shadow:0 6px 18px rgba(25,135,84,.25);cursor:pointer}
.btn.alt{background:transparent;color:var(--green);border:2px solid var(--green)}
nav{position:sticky;top:0;background:rgba(255,255,255,.96);backdrop-filter:saturate(180%) blur(10px);border-bottom:4px solid var(--accent-red);z-index:50}
nav .row{display:flex;align-items:center;justify-content:space-between;padding:12px 0}
nav .menu{display:none;gap:18px}
@media(min-width:820px){nav .menu{display:flex}}
.hero{position:relative;background:linear-gradient(180deg,rgba(11,61,46,.10),rgba(132,204,22,.10));overflow:hidden}
.hero .grid{display:grid;grid-template-columns:1fr;gap:26px;padding:84px 0}
@media(min-width:1000px){.hero .grid{grid-template-columns:1.05fr .95fr}}
.h1{font-size:clamp(30px,5vw,48px);line-height:1.1;font-weight:900;letter-spacing:.2px;color:var(--green-dark)}
.lead{color:#0b1220;font-size:18px}
.badge{display:inline-flex;gap:10px;align-items:center;background:#eaf8f0;color:#065f46;border:1px solid #b7e4c7;padding:6px 10px;border-radius:999px;font-size:13px}
.card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 10px 26px rgba(2,6,23,.06)}
.card .hd{padding:18px 18px 0;font-weight:800;color:var(--green-dark)}
.card .bd{padding:18px}
.grid-3{display:grid;grid-template-columns:1fr;gap:14px}
@media(min-width:980px){.grid-3{grid-template-columns:repeat(3,1fr)}}
.section{padding:72px 0}
.h2{font-size:clamp(24px,3.5vw,34px);font-weight:900;margin:0;color:var(--green-dark);border-left:6px solid var(--accent-red);padding-left:10px}
.gallery{display:grid;grid-template-columns:1fr;gap:12px}
@media(min-width:900px){.gallery{grid-template-columns:2fr 1fr}}
.figure{overflow:hidden;border-radius:16px;border:1px solid #d1d5db;background:#0f172a}
.figure img{display:block;width:100%;height:auto}
.figure .cap{color:#e2e8f0;padding:10px 12px;font-size:13px}
.table{width:100%;border-collapse:collapse}
.table th,.table td{border:1px solid #e5e7eb;padding:10px;text-align:left}
.footer{background:#fff;border-top:4px solid var(--accent-red);color:#64748b;padding:28px 0}
.logo{font-weight:900;letter-spacing:.3px;color:var(--green-dark);display:flex;align-items:center;gap:10px}
.logo img{height:65px}
.small{font-size:13px;color:#64748b}
.grid-6{display:grid;grid-template-columns:1fr;gap:14px}
@media(min-width:980px){.grid-6{grid-template-columns:repeat(3,1fr)}}
.brandwall,.partnerwall{display:flex;flex-wrap:wrap;gap:16px;align-items:center}
.brandwall img,.partnerwall img{height:36px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:6px}
.ribbon{height:4px;background:linear-gradient(90deg,var(--accent-red),transparent 60%);margin:10px 0 0}