:root{
  --kenya-black:#0A0A0A;
  --kenya-green:#00A859;
  --kenya-red:#D71920;
  --kenya-white:#FFFFFF;
  --muted:#f5f7f9;
  --glass-bg: rgba(255,255,255,.08);
  --glass-stroke: rgba(255,255,255,.18);
  --shadow-lg: 0 30px 60px rgba(0,0,0,.35);
  --shadow-md: 0 20px 40px rgba(0,0,0,.25);
  --shadow-sm: 0 10px 20px rgba(0,0,0,.15);
}
*{box-sizing:border-box}
body{font-family: Poppins, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, 'Helvetica Neue', Arial, 'Noto Sans', 'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol';color:#111;background:var(--kenya-black);}
.text-kenya{background: linear-gradient(90deg,var(--kenya-white),var(--kenya-green),var(--kenya-red));-webkit-background-clip:text;background-clip:text;color:transparent}

/* NAV */
.navbar{backdrop-filter: blur(8px); background: rgba(10,10,10,.6)!important; border-bottom:1px solid rgba(255,255,255,.08)}
.navbar .nav-link{color:#fff!important; opacity:.9}
.navbar .nav-link:hover{color:var(--kenya-green)!important}
.brand-badge{display:inline-flex;align-items:center;gap:.6rem;font-weight:700;color:#fff}
.brand-logo{width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,var(--kenya-red),var(--kenya-green));box-shadow:0 6px 14px rgba(0,0,0,.35)}

/* HERO */
.hero{position:relative;min-height:92vh;display:flex;align-items:center;overflow:hidden;color:#fff;
  background:
    radial-gradient(1000px 500px at -5% -10%, rgba(215,25,32,.25), transparent 60%),
    radial-gradient(800px 400px at 110% 10%, rgba(0,168,89,.25), transparent 60%),
    linear-gradient(180deg,#0b0b0b, #111 30%, #0a0a0a);}
.hero .glow{position:absolute;inset:-10%;background:radial-gradient(closest-side at 20% 30%, rgba(215,25,32,.18), transparent 70%),radial-gradient(closest-side at 80% 20%, rgba(0,168,89,.18), transparent 70%);} 
.hero .grid{position:absolute; inset:0; background-image: linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px); background-size: 24px 24px; mask-image: radial-gradient(circle at 50% 50%, black 40%, transparent 75%);} 
.hero h1{font-weight:800;letter-spacing:.4px;font-size: clamp(2rem, 4vw + 1rem, 4rem)}
.hero p.lead{opacity:.9}

.cta-btn{border:0;padding:14px 26px;border-radius:14px;font-weight:700; letter-spacing:.2px; box-shadow: var(--shadow-sm);}
.btn-green{background:var(--kenya-green); color:#fff}
.btn-green:hover{background:#019251; color:#fff}
.btn-outline-white{border:1px solid rgba(255,255,255,.5); color:#fff; background:transparent}
.btn-outline-white:hover{border-color:#fff; background:rgba(255,255,255,.08); color:#fff}

.hero-card{background:var(--glass-bg); border:1px solid var(--glass-stroke); border-radius:20px; box-shadow: var(--shadow-md)}

/* SECTION BASE */
section{position:relative; scroll-margin-top:90px}
.section-title{color:#fff}
.section-sub{color:#dbe2e8; opacity:.9}

/* MODULES */
.module-card{background:#0f1112;border:1px solid rgba(255,255,255,.06);border-radius:18px;padding:28px;height:100%;color:#eaf1f5;transition:all .35s ease;box-shadow:var(--shadow-sm)}
.module-card:hover{transform: translateY(-6px); box-shadow: var(--shadow-md); border-color: rgba(255,255,255,.16)}
.badge-kenya{display:inline-block;padding:.35rem .6rem;border-radius:999px;font-size:.75rem;font-weight:600;color:#0b0b0b;background: linear-gradient(90deg,var(--kenya-red),var(--kenya-green));}

/* HOW IT WORKS */
.step{background:#0f1112;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:22px;color:#dde5ea}
.step-num{width:38px;height:38px;border-radius:9px;display:grid;place-items:center;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--kenya-red),var(--kenya-green))}

/* INTEGRATIONS */
.integrations{background:linear-gradient(180deg,#0a0a0a,#0f1112)}
.logo-tile{background:#0f1112;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:14px; display:flex; align-items:center; justify-content:center; height:74px; color:#cfd8df}

/* ANALYTICS */
.analytics-card{background:#0f1112;border:1px solid rgba(255,255,255,.08); border-radius:18px; box-shadow: var(--shadow-md)}
.spark{height:6px; border-radius:999px; background:linear-gradient(90deg,var(--kenya-red),var(--kenya-green))}

/* PRICING */
.pricing{background:#0a0a0a}
.price-card{background:#0f1112;border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:28px;color:#eaf1f5;box-shadow:var(--shadow-sm)}
.price-card.pop{border-color:rgba(0,168,89,.5); box-shadow:0 0 0 2px rgba(0,168,89,.25), var(--shadow-md)}

/* TESTIMONIALS */
.test-card{background:#0f1112;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:22px;color:#dfe7ec}

/* FAQ */
.accordion-item{background:#0f1112;border:1px solid rgba(255,255,255,.08); color:#e9f1f6}
.accordion-button{background:#0f1112; color:#e9f1f6}
.accordion-button:not(.collapsed){color:#fff;background:#121416;box-shadow:none}

/* FOOTER */
footer{background:#0a0a0a; color:#cfe0e8}
.divider{height:1px;background:linear-gradient(90deg,transparent,var(--kenya-green),transparent);opacity:.6}