/* ══════════════════════════ SCROLL REVEAL ══════════════════════════ */
.reveal {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity .7s cubic-bezier(.16,1,.3,1), transform .7s cubic-bezier(.16,1,.3,1);
  transition-delay: var(--delay, 0s);
}
.reveal.is-visible {
  opacity: 1;
  transform: translateY(0);
}

/* stagger children of bento / grids automatically via JS-applied delay vars,
   fallback nth-child stagger for elements without inline --delay */
.bento__card.reveal-item,
.why__card.reveal-item,
.plan-card.reveal-item {
  opacity: 0;
  transform: translateY(20px) scale(.98);
  transition: opacity .55s ease, transform .55s ease;
}
.bento__card.reveal-item.is-visible,
.why__card.reveal-item.is-visible,
.plan-card.reveal-item.is-visible {
  opacity: 1;
  transform: translateY(0) scale(1);
}

/* ══════════════════════════ KEYFRAMES ══════════════════════════ */
@keyframes float-slow {
  0%, 100% { transform: translate(0, 0); }
  50% { transform: translate(18px, -22px); }
}

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

@keyframes fade-up {
  from { opacity: 0; transform: translateY(14px); }
  to   { opacity: 1; transform: translateY(0); }
}

@keyframes pulse-dot {
  0%, 100% { box-shadow: 0 0 0 0 rgba(16,185,129,.5); }
  50% { box-shadow: 0 0 0 6px rgba(16,185,129,0); }
}
.dot--green { animation: pulse-dot 2s ease-in-out infinite; }

/* Nav scroll transition already handled in styles.css via .is-scrolled */

/* ══════════════════════════ REDUCED MOTION ══════════════════════════ */
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .reveal, .bento__card.reveal-item, .why__card.reveal-item, .plan-card.reveal-item {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
  .blob, .browser-frame--float, .floaty, .dot--green,
  .fab-btn--wa::before, .sani-intro__mascot {
    animation: none !important;
  }
}