:root{
  --brand:#0ea76b;
  --ink:#0b1320;
  --muted:#667085;
  --bg:#0b1a1f;
}
body{color:var(--ink);}
.navbar{backdrop-filter:saturate(180%) blur(10px);}
.hero{
  background: radial-gradient(1200px 500px at 20% 0%, rgba(14,167,107,.25), transparent 55%),
              radial-gradient(900px 500px at 90% 10%, rgba(0,123,255,.18), transparent 60%),
              linear-gradient(180deg, #071014 0%, #0b1a1f 100%);
  color:#fff;
  position:relative;
  overflow:hidden;
}
.hero .badge{background: rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.18);}
.hero .lead{color: rgba(255,255,255,.82);}
.card.soft{
  border:1px solid rgba(15, 23, 42, .08);
  box-shadow: 0 20px 45px rgba(2,6,23,.08);
  border-radius: 1.2rem;
}
.section-title{letter-spacing:.02em}
.icon-pill{
  width:44px;height:44px;border-radius:14px;
  display:inline-flex;align-items:center;justify-content:center;
  background: rgba(14,167,107,.12);
  color: var(--brand);
}
.footer{
  background: #071014;
  color: rgba(255,255,255,.82);
}
.footer a{color: rgba(255,255,255,.86); text-decoration:none;}
.footer a:hover{text-decoration:underline;}
.kicker{color: var(--muted); font-weight:600; letter-spacing:.08em; text-transform:uppercase; font-size:.8rem;}
.btn-brand{background: var(--brand); border-color: var(--brand);}
.btn-brand:hover{filter:brightness(.95);}
.feature-list li{margin-bottom:.4rem;}
.small-muted{color: var(--muted);}