:root{
  --bcg-primary: #21416B; /* Blackwell primary */
  --bcg-ink: #0f172a;
  --bcg-muted: #64748b;
  --bcg-border: #e5e7eb;
}

/* Custom CSS to override Bootstrap primary button color */
.btn-primary {
   background-color: #21416B !important;
   border-color: #21416B !important;
}
.btn-outline-primary {
	border-color: #21416B !important;
	color: #21416B !important;
}
.btn-outline-primary:hover {
	background-color: #21416B !important;
	color:white !important;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary:visited {
   background-color: #21416B !important;
   border-color: #21416B !important;
}
	

body{
  color: var(--bcg-ink);
}

.hero{
  background:
    radial-gradient(1200px 600px at 10% 10%, rgba(13,110,253,.12), transparent 60%),
    radial-gradient(900px 500px at 90% 0%, rgba(13,110,253,.10), transparent 55%),
    linear-gradient(#ffffff, #ffffff);
}

.page-hero{
  background:
    linear-gradient(180deg, rgba(13,110,253,.06), rgba(13,110,253,0));
  border-bottom: 1px solid var(--bcg-border);
}

.section{
  padding: 4rem 0;
}

.eyebrow{
  letter-spacing: .08em;
  font-weight: 600;
  color: var(--bcg-muted);
  font-size: .85rem;
}

.feature-card{
  border: 1px solid var(--bcg-border);
  border-radius: 1rem;
  padding: 1.25rem;
  background: #fff;
  box-shadow: 0 .5rem 1.5rem rgba(15, 23, 42, .04);
}

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

.cta-card{
  background: #fff;
  border: 1px solid var(--bcg-border);
  box-shadow: 0 1rem 2.5rem rgba(15, 23, 42, .06);
}

.navbar .nav-link{
  font-weight: 500;
}

.navbar .nav-link.active{
  color: var(--bcg-primary) !important;
}