.hero-card {
  border: 0;
  border-radius: 1.25rem;
  overflow: hidden;
  box-shadow: 0 10px 35px rgba(0,0,0,.10);
}
.hero-bg {
  background: radial-gradient(circle at 20% 20%, rgba(255,255,255,.25), transparent 45%),
              radial-gradient(circle at 80% 0%, rgba(255,255,255,.25), transparent 40%),
              linear-gradient(135deg, #0d6efd, #20c997);
  color: #fff;
}
.kpi {
  border-radius: 1rem;
  border: 1px solid rgba(0,0,0,.06);
  box-shadow: 0 8px 22px rgba(0,0,0,.05);
}