:root{
  --bp-blue:#0b5bd3;
  --bp-green:#27a745;
  --bp-dark:#0b1220;
}
body{scroll-behavior:smooth;}
.navbar-brand img{height:42px;width:auto;}
.hero{
  background: radial-gradient(1000px 600px at 10% 10%, rgba(11,91,211,.18), transparent 55%),
              radial-gradient(900px 500px at 90% 30%, rgba(39,167,69,.14), transparent 55%),
              linear-gradient(180deg, #ffffff, #f7f9fc);
}
.badge-soft{
  background: rgba(11,91,211,.08);
  color: #0b5bd3;
  border: 1px solid rgba(11,91,211,.18);
}
.icon-pill{
  display:inline-flex;align-items:center;gap:.5rem;
  padding:.5rem .75rem;border-radius:999px;
  background:#fff;border:1px solid rgba(0,0,0,.08);
}
.card{border:1px solid rgba(0,0,0,.08);box-shadow:0 8px 22px rgba(11,18,32,.04);}
.section-title{letter-spacing:.02em;}
.footer{
  background: var(--bp-dark);
  color: rgba(255,255,255,.86);
}
.footer a{color:#ffffff;text-decoration:none;}
.footer a:hover{text-decoration:underline;}
.small-muted{color: rgba(255,255,255,.65);}
.skip-link{
  position:absolute;left:-999px;top:auto;width:1px;height:1px;overflow:hidden;
}
.skip-link:focus{left:1rem;top:1rem;width:auto;height:auto;z-index:9999;background:#fff;padding:.5rem .75rem;border-radius:.5rem;}