:root{
  --brand:#0d6efd;
  --panel:#f7f8fb;
}

*{ font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, sans-serif; }

.brand-badge{
  width: 12px;
  height: 12px;
  border-radius: 999px;
  background: var(--brand);
  box-shadow: 0 0 0 4px rgba(13,110,253,.12);
  display:inline-block;
}

.hero{
  background: radial-gradient(1200px 700px at 15% 20%, rgba(13,110,253,.12), transparent 55%),
              radial-gradient(900px 600px at 85% 30%, rgba(13,110,253,.10), transparent 60%),
              linear-gradient(180deg, #fff, #fff);
}

.hero-card{
  background: var(--panel);
  border: 1px solid rgba(11,18,32,.08);
  border-radius: 18px;
}

.section-title{
  letter-spacing: -0.02em;
}

.kpi{
  border: 1px solid rgba(11,18,32,.08);
  border-radius: 16px;
  background: #fff;
}

.feature-card{
  border: 1px solid rgba(11,18,32,.08);
  border-radius: 16px;
  background: #fff;
  height: 100%;
}

.badge-soft{
  background: rgba(13,110,253,.12);
  color: var(--brand);
  border: 1px solid rgba(13,110,253,.25);
}

.callout{
  border-left: 4px solid var(--brand);
  background: rgba(13,110,253,.06);
  border-radius: 12px;
}

.pricing{
  border: 1px solid rgba(11,18,32,.08);
  border-radius: 18px;
  background:#fff;
}

.pricing.featured{
  outline: 3px solid rgba(13,110,253,.16);
  transform: translateY(-2px);
}

input.form-control, textarea.form-control{ border-radius: 12px; }
.btn{ border-radius: 12px; }