/* ============================================================
   ANIMATIONS.CSS — Keyframes and animation utility classes
   MedBill Services
   ============================================================ */

/* ── Keyframe definitions ────────────────────────────────── */
@keyframes countUp {
    from { opacity: 0; transform: translateY(10px); }
    to   { opacity: 1; transform: translateY(0); }
}

@keyframes scrollLeft {
    from { transform: translateX(0); }
    to   { transform: translateX(-50%); }
}

@keyframes scrollRight {
    from { transform: translateX(-50%); }
    to   { transform: translateX(0); }
}

/* ── Stat box entrance ───────────────────────────────────── */
.stat-box {
    animation: countUp 0.6s ease forwards;
}

/* ── Scroll-triggered fade-in ────────────────────────────── */
.fade-in {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.6s ease, transform 0.6s ease;
}
.fade-in.visible {
    opacity: 1;
    transform: translateY(0);
}

/* ── Ticker / marquee rows ───────────────────────────────── */
.animate-scroll-left  { animation: scrollLeft  28s linear infinite; }
.animate-scroll-right { animation: scrollRight 22s linear infinite; }