/* ==========================================================================
   POWER MARKET LIMITED — animations.css
   ========================================================================== */

@keyframes spin { to { transform: rotate(360deg); } }

@keyframes floaty {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-10px); }
}

@keyframes grow {
  from { transform: scaleY(0); transform-origin: bottom; }
  to   { transform: scaleY(1); transform-origin: bottom; }
}

@keyframes fadeUp {
  from { opacity: 0; transform: translateY(26px); }
  to   { opacity: 1; transform: translateY(0); }
}

@keyframes fadeIn {
  from { opacity: 0; }
  to   { opacity: 1; }
}

@keyframes pulseGlow {
  0%, 100% { box-shadow: 0 0 0 0 rgba(6, 224, 213, 0.4); }
  50% { box-shadow: 0 0 0 10px rgba(6, 224, 213, 0); }
}

@keyframes shimmer {
  0% { background-position: -200% 0; }
  100% { background-position: 200% 0; }
}

/* Hero entrance ----------------------------------------------------------- */
.hero-copy > * { animation: fadeUp 0.8s var(--ease-out) both; }
.hero-copy .eyebrow { animation-delay: 0.05s; }
.hero-copy h1 { animation-delay: 0.15s; }
.hero-copy .lead { animation-delay: 0.28s; }
.hero-copy .hero-actions { animation-delay: 0.4s; }
.hero-copy .hero-badges { animation-delay: 0.52s; }
.hero-visual { animation: fadeUp 0.9s var(--ease-out) 0.35s both; }

/* Scroll reveal ----------------------------------------------------------- */
.reveal { opacity: 0; transform: translateY(28px); transition: opacity 0.7s var(--ease-out), transform 0.7s var(--ease-out); }
.reveal.in { opacity: 1; transform: translateY(0); }
.reveal-d1 { transition-delay: 0.08s; }
.reveal-d2 { transition-delay: 0.16s; }
.reveal-d3 { transition-delay: 0.24s; }
.reveal-d4 { transition-delay: 0.32s; }

/* Stagger children */
.stagger > * { opacity: 0; transform: translateY(24px); transition: opacity 0.6s var(--ease-out), transform 0.6s var(--ease-out); }
.stagger.in > * { opacity: 1; transform: translateY(0); }
.stagger.in > *:nth-child(1) { transition-delay: 0.05s; }
.stagger.in > *:nth-child(2) { transition-delay: 0.12s; }
.stagger.in > *:nth-child(3) { transition-delay: 0.19s; }
.stagger.in > *:nth-child(4) { transition-delay: 0.26s; }
.stagger.in > *:nth-child(5) { transition-delay: 0.33s; }
.stagger.in > *:nth-child(6) { transition-delay: 0.40s; }
.stagger.in > *:nth-child(7) { transition-delay: 0.47s; }
.stagger.in > *:nth-child(8) { transition-delay: 0.54s; }

/* Bars stagger */
.bars .bar:nth-child(1) { animation-delay: 0.1s; }
.bars .bar:nth-child(2) { animation-delay: 0.2s; }
.bars .bar:nth-child(3) { animation-delay: 0.3s; }
.bars .bar:nth-child(4) { animation-delay: 0.4s; }
.bars .bar:nth-child(5) { animation-delay: 0.5s; }
.bars .bar:nth-child(6) { animation-delay: 0.6s; }
.bars .bar:nth-child(7) { animation-delay: 0.7s; }

/* Aurora drift */
.aurora .blob { animation: drift 20s ease-in-out infinite alternate; }
.aurora .b2 { animation-duration: 26s; }
.aurora .b3 { animation-duration: 32s; }
@keyframes drift {
  from { transform: translate(0, 0) scale(1); }
  to   { transform: translate(30px, 20px) scale(1.08); }
}

/* Link underline sweep */
.link-arrow::after { content: none; }

@media (prefers-reduced-motion: reduce) {
  .hero-copy > *, .hero-visual, .reveal, .stagger > *, .bars .bar, .aurora .blob, .gauge .ring, .float-chip, .l-ring {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}