/* =============================================
   NOTIA Theme — Animations
   ============================================= */

/* ─── Hero badge entrance ─────────────────── */
.hero-badge {
  opacity: 0;
  animation: fadeUp 0.5s 0.2s forwards;
}

/* ─── Hero subtitle & actions ─────────────── */
.hero-sub {
  opacity: 0;
  animation: fadeUp 0.6s 1.1s forwards;
}
.hero-actions {
  opacity: 0;
  animation: fadeUp 0.6s 1.3s forwards;
}
.hero-visual {
  opacity: 0;
  animation: fadeUp 0.8s 1.5s forwards;
}

/* ─── Hero h1 words ───────────────────────── */
.hero h1 .word {
  display: inline-block;
  opacity: 0;
  transform: translateY(20px);
  animation: wordUp 0.5s forwards;
}

/* ─── Scroll reveal ───────────────────────── */
.reveal {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 0.65s ease, transform 0.65s ease;
}
.reveal.in {
  opacity: 1;
  transform: none;
}

/* ─── Keyframes ───────────────────────────── */
@keyframes fadeUp {
  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes wordUp {
  to {
    opacity: 1;
    transform: none;
  }
}

/* ─── Product hero entrance (no auto-delay) ── */
.product-hero .section-tag,
.product-hero .section-title,
.product-hero .hero-sub,
.product-hero .hero-actions,
.product-hero-visual {
  animation: fadeUp 0.6s both;
}
.product-hero .section-tag   { animation-delay: 0.15s; }
.product-hero .section-title { animation-delay: 0.28s; }
.product-hero .hero-sub      { animation-delay: 0.4s;  animation-duration: 0.7s; }
.product-hero .hero-actions  { animation-delay: 0.52s; }
.product-hero-visual         { animation-delay: 0.35s; animation-duration: 0.8s; }