/* ==========================================================================
   ANIMATIONS - All @keyframes Definitions
   ========================================================================== */

/* Concentric Arcs Animation - Spin in place like tires */
@keyframes arcSpin1 {
    from { stroke-dashoffset: 0; }
    to { stroke-dashoffset: 2513; }
}

@keyframes arcSpin2 {
    from { stroke-dashoffset: 0; }
    to { stroke-dashoffset: -2011; }
}

@keyframes arcSpin3 {
    from { stroke-dashoffset: 0; }
    to { stroke-dashoffset: 1508; }
}

@keyframes arcSpin4 {
    from { stroke-dashoffset: 0; }
    to { stroke-dashoffset: -1005; }
}

@keyframes arcSpin5 {
    from { stroke-dashoffset: 0; }
    to { stroke-dashoffset: 503; }
}

@keyframes arcPulse {
    0%, 100% { opacity: 0.6; }
    50% { opacity: 1; }
}

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

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

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

@keyframes slideUpCTA {
    from { transform: translateY(100%); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}

@keyframes checkmarkReveal {
    from {
        opacity: 0;
        transform: scale(0.5);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes ripple {
    to {
        transform: scale(4);
        opacity: 0;
    }
}

@keyframes pulseOut {
    0%, 100% { transform: scale(1); opacity: 0.5; }
    50% { transform: scale(1.2); opacity: 1; }
}

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

/* Legacy animations for testimonials page */
@keyframes pulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.05); }
}

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