:root{
  --hero-bg: radial-gradient(1200px circle at 20% 10%, rgba(13,110,253,.15), transparent 55%),
             radial-gradient(900px circle at 90% 30%, rgba(25,135,84,.12), transparent 50%),
             linear-gradient(180deg, #ffffff, #fbfbfd);
}

body { scroll-behavior: smooth; }

.hero { background: var(--hero-bg); }

.brand-mark{
  width: 36px; height: 36px;
  display: inline-flex; align-items:center; justify-content:center;
  border-radius: 10px;
  background: #0d6efd;
  color: #fff;
  font-weight: 800;
  letter-spacing: .5px;
  font-size: 0.95rem;
}

.icon-circle{
  width: 44px; height: 44px;
  border-radius: 999px;
  display: inline-flex; align-items:center; justify-content:center;
  background: rgba(13,110,253,.12);
  color: #0d6efd;
  flex: 0 0 auto;
}

.icon-square{
  width: 44px; height: 44px;
  border-radius: 12px;
  display: inline-flex; align-items:center; justify-content:center;
  background: rgba(13,110,253,.12);
  color: #0d6efd;
  flex: 0 0 auto;
}

.pill{
  padding: .25rem .6rem;
  border-radius: 999px;
  font-size: .75rem;
  background: rgba(13,110,253,.12);
  color: #0d6efd;
  border: 1px solid rgba(13,110,253,.2);
}

.chip{
  display: inline-flex;
  align-items: center;
  padding: .25rem .55rem;
  border-radius: 999px;
  font-size: .75rem;
  background: #f1f3f5;
  color: #495057;
}

.step .step-num{
  width: 38px; height: 38px;
  border-radius: 12px;
  display: inline-flex; align-items:center; justify-content:center;
  background: #0d6efd;
  color: #fff;
  font-weight: 800;
  margin-bottom: .75rem;
}

.member-logo{
  width: 56px; height: 56px;
  border-radius: 16px;
  display: inline-flex; align-items:center; justify-content:center;
  background: #212529;
  color: #fff;
  font-weight: 800;
}

.quote-mark{
  width: 48px; height: 48px;
  border-radius: 14px;
  display: inline-flex; align-items:center; justify-content:center;
  background: rgba(25,135,84,.12);
  color: #198754;
  font-weight: 900;
  font-size: 1.5rem;
  flex: 0 0 auto;
}

.footer-link{
  color: rgba(255,255,255,.7);
  text-decoration: none;
}
.footer-link:hover{
  color: rgba(255,255,255,1);
  text-decoration: underline;
}