:root{
  --brand:#24B36B;
  --brand2:#1A9C5A;
  --ink:#0f172a;
  --muted:#64748b;
  --soft:#f6f8fb;
  --gold:#F5C542;
}
body{ font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; color:var(--ink); }
.navbar{ transition: all .2s ease; }
.navbar.scrolled{ background: rgba(255,255,255,.92)!important; backdrop-filter: blur(10px); box-shadow: 0 8px 30px rgba(15,23,42,.08); }
.brand-badge{
  width:44px;height:44px;border-radius:999px;
  display:inline-flex;align-items:center;justify-content:center;
  background: radial-gradient(circle at 30% 30%, var(--brand), var(--brand2));
  color:#fff;
}
/* .nav-item a{
  font-weight:600;
  color:var(--soft);
  transition: color .2s ease;
} */
.hero{
  background:
    linear-gradient(90deg, rgba(15,23,42,.72), rgba(15,23,42,.30)),
    url("https://images.unsplash.com/photo-1529070538774-1843cb3265df?auto=format&fit=crop&w=2000&q=70");
  background-size:cover;
  background-position:center;
  color:#fff;
  position:relative;
  overflow:hidden;
}
.hero .glow{
  position:absolute; inset:-200px -200px auto auto;
  width:520px;height:520px;border-radius:999px;
  background: radial-gradient(circle, rgba(36,179,107,.45), transparent 60%);
  filter: blur(2px);
  pointer-events:none;
}
.section{ padding:80px 0; }
.section-soft{ background: var(--soft); }
.pill{
  display:inline-flex;gap:.5rem;align-items:center;
  border:1px solid rgba(255,255,255,.25);
  background: rgba(255,255,255,.10);
  padding:.4rem .75rem;border-radius:999px;
  color:#fff;font-weight:600;font-size:.9rem;
}
.kpi{
  border:1px solid rgba(148,163,184,.25);
  border-radius:18px;
  padding:18px 18px;
  background:#fff;
  height:100%;
}
.card-soft{
  border:1px solid rgba(148,163,184,.20);
  border-radius:20px;
  box-shadow:0 10px 30px rgba(15,23,42,.05);
}
.icon{
  width:44px;height:44px;border-radius:14px;
  background: rgba(36,179,107,.12);
  display:flex;align-items:center;justify-content:center;
  color:var(--brand);
  font-size:1.25rem;
  flex:0 0 auto;
}
.muted{ color:var(--muted); }
.btn-brand{ background:var(--brand); border-color:var(--brand); }
.btn-brand:hover{ background:var(--brand2); border-color:var(--brand2); }
.badge-brand{
  background: rgba(36,179,107,.12);
  color: var(--brand2);
  border: 1px solid rgba(36,179,107,.22);
}
.rounded-2xl{ border-radius:20px; }
.shadow-soft{ box-shadow:0 12px 30px rgba(2,6,23,.08); }
.link-underline{
  text-decoration:none;
  border-bottom:1px dashed rgba(36,179,107,.55);
  color:inherit;
}
.link-underline:hover{ color: var(--brand2); }
.footer{ background:#0b1220; color: rgba(255,255,255,.86); }
.footer a{ color: rgba(255,255,255,.86); }
.footer a:hover{ color:#fff; }
.small-note{ font-size:.9rem; }