/* Section gradient backgrounds + glow orbs */

.pain-points {
  background:
    radial-gradient(ellipse 50% 40% at 20% 60%, rgba(253, 175, 28, 0.08) 0%, transparent 70%),
    linear-gradient(175deg, var(--teal-white) 0%, #f0ede6 100%);
}

.product-cards {
  position: relative;
  background:
    radial-gradient(ellipse 50% 50% at 70% 30%, rgba(41, 156, 245, 0.06) 0%, transparent 70%),
    var(--white);
}

.product-cards::after {
  content: '';
  position: absolute;
  width: 300px;
  height: 300px;
  border-radius: 50%;
  background: rgba(41, 156, 245, 0.06);
  filter: blur(80px);
  top: -80px;
  right: -60px;
  pointer-events: none;
}

.step-flow {
  background:
    radial-gradient(ellipse 40% 50% at 80% 40%, rgba(185, 63, 198, 0.06) 0%, transparent 70%),
    var(--teal-white);
}

.trust {
  background:
    radial-gradient(ellipse 50% 40% at 30% 50%, rgba(253, 36, 123, 0.05) 0%, transparent 70%),
    var(--white);
}

.final-cta {
  background:
    radial-gradient(ellipse 60% 50% at 50% 40%, rgba(253, 175, 28, 0.12) 0%, transparent 60%),
    radial-gradient(ellipse 40% 40% at 80% 70%, rgba(253, 36, 123, 0.08) 0%, transparent 60%),
    radial-gradient(ellipse 40% 40% at 20% 80%, rgba(185, 63, 198, 0.06) 0%, transparent 60%),
    linear-gradient(160deg, #121418 0%, #1e2028 50%, #0d0f12 100%);
}