:root{
  --bg:#0b0b0b; --text:#e5e7eb; --muted:#9ca3af; --em:#16a34a; --card:#111418;
  --b:#1f2937; --shadow:0 0 30px rgba(22,163,74,.25);
}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:radial-gradient(1200px 700px at 20% -10%, rgba(22,163,74,.22), transparent), var(--bg); color:var(--text);}
.wrap{max-width:1100px;margin:0 auto;padding:0 20px}
.header{display:flex;align-items:center;justify-content:space-between;padding:18px 0}
.brand{display:flex;gap:12px;align-items:center}
.logo-img{height:48px;width:48px;border-radius:12px;object-fit:cover;box-shadow:var(--shadow);border:1px solid rgba(22,163,74,.35);background:#0f1113}
.brand-text h1{margin:0;font-size:20px;font-weight:800}
.brand-text .muted{margin:0;font-size:12px;color:var(--muted)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:14px;padding:14px 18px;font-weight:800;text-decoration:none;border:1px solid transparent;transition:.2s all}
.btn.primary{background:var(--em);color:#0a0a0a;box-shadow:var(--shadow)}
.btn.primary:hover{filter:brightness(1.05)}
.btn.ghost{border-color:#2a2a2a;color:var(--text);background:#0f1113}
.btn.ghost:hover{background:#14171a}
.hero{padding:40px 0 10px 0;position:relative}
.grid2{display:grid;grid-template-columns:1.1fr .9fr;gap:28px}
@media (max-width:900px){.grid2{grid-template-columns:1fr} .ghost{display:none}}
.pill{display:inline-block;border:1px solid rgba(22,163,74,.35);background:rgba(22,163,74,.1);padding:6px 10px;border-radius:999px;font-weight:700;color:#b6f3c8;font-size:12px}
h2{font-size:40px;line-height:1.1;margin:14px 0 0 0;font-weight:900}
.highlight{color:var(--em)}
.lead{margin:12px 0 0 0;font-size:18px;color:#d1d5db}
.bullets{margin:16px 0 0 0;padding:0 0 0 18px;color:#cbd5e1}
.cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}
.tiny{font-size:12px}
.muted{color:var(--muted)}
.glass{backdrop-filter:blur(10px);background:rgba(16,24,16,.5);border:1px solid rgba(22,163,74,.25);border-radius:22px;box-shadow:var(--shadow)}
.proof{padding:18px}
.card{border:1px solid #1e293b;background:#0d0f12;border-radius:16px;padding:14px}
.card-head{display:flex;align-items:center;justify-content:space-between}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px}
.stat{background:#0e1115;border:1px solid #262b33;border-radius:12px;padding:12px;text-align:center}
.num{margin:2px 0 0 0;font-size:24px;font-weight:900;color:var(--em)}
.quote{margin-top:12px;border:1px dashed rgba(22,163,74,.35);padding:12px;border-radius:12px;color:#b6f3c8;font-size:14px;background:rgba(22,163,74,.05)}
.section{padding:44px 0}
h3{margin:0;font-size:28px;font-weight:900}
.cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px}
@media (max-width:900px){.cards3{grid-template-columns:1fr}}
.cards3 .card p{margin:8px 0 0 0}
.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}
.avatar{height:36px;width:36px;border-radius:999px;background:#1e293b;display:grid;place-items:center;font-size:12px;color:#cbd5e1;margin-bottom:6px}
.who .name{margin:0;font-weight:700}
.mt{margin-top:10px}
.center{text-align:center;padding:24px}
.footer{border-top:1px solid #1f2937;margin-top:10px;padding:20px;text-align:center;color:var(--muted);font-size:12px}

/* Media/Carousel */
.media-wrap{margin-top:14px}
.media{width:100%;height:auto;border-radius:12px;border:1px solid #262b33;background:#0e1115}
.carousel{position:relative;border-radius:12px;overflow:hidden;border:1px solid #262b33;background:#0e1115}
.carousel img{display:block;width:100%;height:auto}
.carousel .nav{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.45);border:1px solid #2a2a2a;color:#e5e7eb;border-radius:10px;padding:6px 10px;cursor:pointer}
.carousel .prev{left:8px}
.carousel .next{right:8px}
.carousel .nav:hover{background:rgba(0,0,0,.6)}


/* CTA pulse animation */
@keyframes pulseGlow {
  0%   { transform: translateZ(0) scale(1); box-shadow: 0 0 0 rgba(22,163,74,0.0), 0 0 30px rgba(22,163,74,.25); }
  50%  { transform: translateZ(0) scale(1.03); box-shadow: 0 0 20px rgba(22,163,74,.35), 0 0 40px rgba(22,163,74,.45); }
  100% { transform: translateZ(0) scale(1); box-shadow: 0 0 0 rgba(22,163,74,0.0), 0 0 30px rgba(22,163,74,.25); }
}
.btn.primary, .neon-btn {
  animation: pulseGlow 2.2s ease-in-out infinite;
  will-change: transform, box-shadow;
}
/* make ghost button subtle pulse on hover */
.btn.ghost:hover {
  box-shadow: 0 0 20px rgba(255,255,255,.08);
  transform: translateY(-1px);
}


/* Ensure media shows properly */
.media-wrap{margin-top:14px}
.media{width:100%;height:auto;display:block;border-radius:12px;border:1px solid #262b33;background:#0e1115}
.media-box{position:relative}
.fallback-hidden{display:none}
.fallback-active{display:block}
.video-hidden{display:none !important}