/* ============================================================
   InteractiveWish — Pregnancy Announcement Landing CSS
   Landing #104 | Prefix: psc-
   Extends universal-landing.css
   ============================================================ */

/* ── FLOATING LEAVES (hero) ────────────────────────────────── */
.psc-leaves-bg {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  z-index: 0;
}
.psc-leaf {
  position: absolute;
  animation: psc-float linear infinite;
  opacity: 0;
  user-select: none;
}
@keyframes psc-float {
  0%   { opacity: 0; transform: translateY(0) rotate(0deg) scale(0.8); }
  10%  { opacity: 0.6; }
  90%  { opacity: 0.4; }
  100% { opacity: 0; transform: translateY(-110vh) rotate(540deg) scale(1.1); }
}

/* ── HERO title em — mint green ─────────────────────────────── */
.ulp-hero-title em {
  background: linear-gradient(135deg, #aaf0d1 0%, #69f0ae 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* ── Idea card — alternating green borders ──────────────────── */
.ulp-idea-card {
  border-left-color: #2e7d32;
}
.ulp-idea-card:nth-child(2n) {
  border-left-color: #aaf0d1;
}

/* ── Emotional close block ──────────────────────────────────── */
.psc-emotional-close {
  background: linear-gradient(135deg, rgba(46,125,50,0.18) 0%, rgba(170,240,209,0.12) 100%);
  border-color: rgba(170,240,209,0.25);
}

/* ── CTA primary — forest green ─────────────────────────────── */
.ulp-cta--primary {
  background: linear-gradient(135deg, #2e7d32 0%, #66bb6a 100%);
  box-shadow: 0 4px 20px rgba(46,125,50,0.40);
}
.ulp-cta--primary:hover {
  background: linear-gradient(135deg, #1b5e20 0%, #43a047 100%);
}

/* ── Step number bubble — mint for even ─────────────────────── */
.ulp-how-step:nth-child(2n) .ulp-how-step-num {
  background: linear-gradient(135deg, #aaf0d1 0%, #6ecfaa 100%);
  color: #1b5e20;
}

/* ── Nav CTA — green ────────────────────────────────────────── */
.ulp-nav-cta--primary {
  background: linear-gradient(135deg, #2e7d32 0%, #66bb6a 100%);
  box-shadow: 0 2px 10px rgba(46,125,50,0.35);
}

/* ── Eyebrow gradient ───────────────────────────────────────── */
.ulp-eyebrow {
  background: linear-gradient(135deg, #2e7d32 0%, #aaf0d1 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* ── Logo gradient ──────────────────────────────────────────── */
.ulp-logo-text {
  background: linear-gradient(135deg, #aaf0d1 0%, #66bb6a 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* ── Section alt background ─────────────────────────────────── */
.ulp-section--alt {
  background: #f1fdf4;
}