@keyframes wave {
            0% { transform: scaleY(1); }
            50% { transform: scaleY(1.5); }
            100% { transform: scaleY(1); }
        }
        .wave-animation div {
            animation: wave 1.5s infinite ease-in-out;
        }
        .wave-animation div:nth-child(2) {
            animation-delay: 0.2s;
        }
        .wave-animation div:nth-child(3) {
            animation-delay: 0.4s;
        }
        .wave-animation div:nth-child(4) {
            animation-delay: 0.6s;
        }
        .wave-animation div:nth-child(5) {
            animation-delay: 0.8s;
        }
        .feature-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
        }
        .pricing-card:hover {
            transform: scale(1.03);
        }
        .testimonial-card {
            background: linear-gradient(135deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.05) 100%);
            backdrop-filter: blur(10px);
        }
/* --- Demo Modal Styles --- */
#demo-modal-overlay,
#demo-modal {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease-out, visibility 0.3s ease-out;
}

#demo-modal-overlay.modal-visible,
#demo-modal.modal-visible {
    opacity: 1;
    visibility: visible;
}

/* Ajustement pour que la modale elle-même ait une transition de scale (optionnel) */
#demo-modal > div {
    transform: scale(0.95);
    transition: transform 0.3s ease-out;
}

#demo-modal.modal-visible > div {
    transform: scale(1);
}
/* --- End Demo Modal Styles --- */