:root{
  --green:#39ff14;
  --dark:#101d17;
  --black:#07110d;
  --cream:#f7f7f2;
  --text:#233027;
  --muted:#5b665e;
  --border:#dfe5dc;
}
*{box-sizing:border-box}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--cream);color:var(--text);line-height:1.6}
a{color:inherit}
.topbar{background:var(--green);color:#061006;text-align:center;font-weight:900;font-size:20px;padding:9px 14px}
.header{background:var(--dark);color:white;position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(57,255,20,.35)}
.nav{max-width:1180px;margin:0 auto;padding:15px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.logo{font-size:25px;font-weight:900;text-decoration:none}.logo span{color:var(--green)}
.links{display:flex;gap:16px;flex-wrap:wrap;align-items:center}.links a{text-decoration:none;font-weight:800}
.btn{display:inline-block;background:var(--green);color:#061006!important;text-decoration:none;border-radius:999px;padding:12px 17px;font-weight:900;border:2px solid var(--green)}
.btn.dark{background:var(--dark);color:white!important;border-color:var(--dark)}
.hero{background:linear-gradient(135deg,rgba(7,17,13,.94),rgba(16,29,23,.9));color:white;padding:54px 20px}
.wrap{max-width:1180px;margin:0 auto}
.hero h1{font-size:clamp(34px,6vw,58px);line-height:1.06;margin:0 0 12px}
.hero p{font-size:20px;color:#d8e5db;max-width:850px;margin:0 0 22px}
.badges{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.badge{border:1px solid rgba(57,255,20,.5);border-radius:999px;padding:8px 12px;font-weight:800}
.section{padding:42px 20px}
.grid{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:start}
.card{background:white;border:1px solid var(--border);border-radius:22px;padding:24px;box-shadow:0 10px 35px rgba(20,32,24,.08)}
.card h2,.section h2{font-size:32px;line-height:1.15;margin:0 0 12px}
.highlights{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px}
.highlight{background:white;border:1px solid var(--border);border-radius:16px;padding:14px;text-align:center;font-weight:900}
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px}
.gallery a{display:block;background:white;border-radius:16px;border:1px solid var(--border);overflow:hidden;box-shadow:0 8px 24px rgba(20,32,24,.08)}
.gallery img{width:100%;height:230px;object-fit:cover;display:block}
.cta{background:var(--green);color:#061006;padding:36px 20px}
.cta .wrap{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
.cta h2{margin:0;font-size:32px}.cta p{margin:4px 0 0;font-weight:800}
.footer{background:var(--black);color:#d8e5db;padding:30px 20px}.footer a{color:white}
.mobile-stick{display:none}
@media(max-width:850px){
  .nav{align-items:flex-start;flex-direction:column}.links{gap:10px}
  .grid,.highlights,.gallery{grid-template-columns:1fr}
  .gallery img{height:260px}
  .mobile-stick{display:block;position:fixed;left:0;right:0;bottom:0;background:var(--dark);padding:10px 14px;z-index:40}
  .mobile-stick .btn{display:block;text-align:center}
  body{padding-bottom:72px}
}
