:root{
  --green-950:#062b08;
  --green-900:#0b3c0e;
  --green-800:#105d16;
  --green-700:#14751c;
  --green-500:#1ca83a;
  --lime:#7be36d;
  --white:#fff;
  --muted:#d8ead8;
  --dark:#071108;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#071a08;color:#fff;line-height:1.55}
a{color:inherit;text-decoration:none}
.container{width:min(1120px,92%);margin:auto}
header{position:sticky;top:0;z-index:20;background:rgba(5,35,7,.96);border-bottom:1px solid rgba(123,227,109,.18);backdrop-filter:blur(8px)}
.nav{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:12px;font-weight:900}
.brand-mark{font-size:34px;line-height:.78;color:#1ed24b;text-shadow:2px 2px 0 #073b0d}
.brand small{display:block;font-size:10px;letter-spacing:2px;color:#cdeacb;margin-top:7px}
nav{display:flex;gap:22px;align-items:center}
nav a{font-weight:700;color:#dff5df}
nav a:hover,nav a.active{color:#65e86c}
.menu{display:none;background:none;border:0;color:#fff;font-size:28px}
.hero{position:relative;overflow:hidden;background:
 radial-gradient(circle at 75% 20%,rgba(57,194,68,.25),transparent 35%),
 linear-gradient(135deg,#062d09 0%,#0b5010 52%,#082c0b 100%)}
.hero:before,.hero:after{content:"";position:absolute;inset:auto -10% 10% -10%;height:180px;background:rgba(66,190,71,.12);transform:rotate(-16deg);pointer-events:none}
.hero:after{bottom:-50px;height:110px;transform:rotate(20deg);background:rgba(0,0,0,.14)}
.hero-grid{min-height:620px;display:grid;grid-template-columns:1.05fr .95fr;gap:42px;align-items:center;position:relative;z-index:1}
.kicker{color:#72e879;font-weight:900;letter-spacing:2px;text-transform:uppercase}
h1{font-size:clamp(42px,6vw,72px);line-height:.98;margin:12px 0 18px;text-transform:uppercase}
h1 span{color:#29c947}
.hero p{font-size:20px;color:#dcefdc;max-width:650px}
.buttons{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}
.btn{display:inline-block;padding:13px 20px;border-radius:5px;font-weight:900;border:1px solid #43d85a}
.btn.primary{background:#1bad35}
.btn.primary:hover{background:#22c845}
.btn.outline{background:transparent}
.flyer-wrap{display:flex;justify-content:center}
.flyer{width:min(460px,100%);border:5px solid rgba(255,255,255,.12);box-shadow:0 24px 70px rgba(0,0,0,.45);transform:rotate(1deg)}
section{padding:78px 0}
.section-head{max-width:720px;margin-bottom:34px}
.section-head h2{font-size:40px;margin:8px 0}
.section-head p{color:#cfe2cf}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.card{background:linear-gradient(180deg,#103f14,#0b2c0d);border:1px solid rgba(125,231,112,.17);padding:24px;border-radius:10px;box-shadow:0 10px 28px rgba(0,0,0,.18)}
.card h3{margin:0 0 8px;font-size:20px}
.card p{color:#cfe1cf;margin:0}
.icon{font-size:30px;color:#62df67;margin-bottom:12px}
.band{background:#0d4b12;border-top:1px solid #1a7b23;border-bottom:1px solid #1a7b23}
.band-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.band h2{font-size:36px;margin:0 0 12px}
.list{padding:0;margin:18px 0 0;list-style:none}
.list li{padding:9px 0 9px 26px;position:relative;border-bottom:1px solid rgba(255,255,255,.08)}
.list li:before{content:"";position:absolute;left:0;top:16px;width:9px;height:9px;background:#42d95a;border-radius:50%}
.page-hero{padding:72px 0 60px;background:linear-gradient(135deg,#062e09,#12651a);border-bottom:1px solid rgba(123,227,109,.15)}
.page-hero h1{margin-bottom:8px}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.callout{background:#0c3d10;padding:30px;border-left:4px solid #35d34c;border-radius:7px}
footer{background:#041d06;padding:38px 0;border-top:1px solid rgba(123,227,109,.15)}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:30px}
footer p,footer li{color:#bcd4bc}
footer ul{list-style:none;padding:0;margin:0}
footer li{margin:8px 0}
.small{font-size:13px;color:#a9c4a9}
.contact-box{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:25px 0}
.contact-box .card a{color:#70e977;font-weight:800}
@media(max-width:850px){
 nav{display:none;position:absolute;top:78px;left:0;right:0;background:#062d09;padding:18px;flex-direction:column;align-items:flex-start}
 nav.open{display:flex}
 .menu{display:block}
 .hero-grid,.band-grid,.two-col{grid-template-columns:1fr}
 .hero-grid{padding:60px 0}
 .grid{grid-template-columns:1fr 1fr}
 .footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
 .grid,.contact-box,.footer-grid{grid-template-columns:1fr}
 h1{font-size:44px}
 section{padding:58px 0}
 .brand-mark{font-size:29px}
}