/* ==========================================================================
   KING365TV — animations.css (subtle, performance-friendly)
   ========================================================================== */

.reveal { opacity: 0; transform: translateY(14px); }
.reveal.is-visible { opacity: 1; transform: none; transition: opacity .5s ease, transform .5s ease; }

.faq-a { animation: fadeIn .18s ease; }

@keyframes navIn {
  from { opacity: 0; transform: translateX(10px); }
  to   { opacity: 1; transform: none; }
}
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }

.btn--primary::after { content: none; }

.pulse-dot { display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: var(--green); position: relative; }
.pulse-dot::after {
  content: ""; position: absolute; inset: -4px; border-radius: 50%;
  border: 2px solid rgba(15, 157, 88, .35); animation: pulse 2.4s ease-out infinite;
}
@keyframes pulse {
  0%   { transform: scale(.7); opacity: 1; }
  100% { transform: scale(1.5); opacity: 0; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .001ms !important;
    scroll-behavior: auto !important;
  }
  .reveal { opacity: 1; transform: none; }
}