/* Gradient text */
.gradient-text {
  background: linear-gradient(135deg, #f97316, #ec4899, #8b5cf6);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* CTA button gradient */
.cta-button {
  background: linear-gradient(135deg, #f97316, #ec4899, #8b5cf6);
}

/* Step number gradient */
.step-number {
  background: linear-gradient(135deg, #f97316, #ec4899, #8b5cf6);
}

/* ── Page-wide gradient ── */

body {
  background: linear-gradient(
    180deg,
    #fefefe 0%,
    #e0e7ff 14%,
    #fce7f3 28%,
    #fef3c7 42%,
    #ccfbf1 56%,
    #ede9fe 70%,
    #ffe4e6 84%,
    #e2e8f0 100%
  );
}

/* ── Section overlays ── */

.section-hero {
  background:
    radial-gradient(ellipse at 30% 20%, rgba(249, 115, 22, 0.12) 0%, transparent 50%),
    radial-gradient(ellipse at 70% 60%, rgba(139, 92, 246, 0.1) 0%, transparent 50%);
}

.section-download {
  background:
    radial-gradient(ellipse at 40% 80%, rgba(249, 115, 22, 0.12) 0%, transparent 50%),
    radial-gradient(ellipse at 60% 20%, rgba(139, 92, 246, 0.1) 0%, transparent 50%);
}

/* Feature card hover */
.feature-card {
  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease;
}

.feature-card:hover {
  transform: translateY(-4px);
  box-shadow:
    0 10px 25px -5px rgba(0, 0, 0, 0.1),
    0 8px 10px -6px rgba(0, 0, 0, 0.1);
}

/* Fade-in animation */
.fade-in {
  opacity: 0;
  transform: translateY(24px);
  transition:
    opacity 0.6s ease,
    transform 0.6s ease;
}

.fade-in.visible {
  opacity: 1;
  transform: translateY(0);
}