/**
 * Voice Orb Demo
 * Animation styles for the landing page voice orb demo.
 * The core .ai-orb styles come from realtime.css.
 */

.js-demo-voice-orb {
    pointer-events: none;
    user-select: none;
}

.js-demo-voice-orb .ai-orb-container {
    min-height: auto;
}

.js-demo-voice-orb .control-button {
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.js-demo-voice-orb .js-orb-el {
    transition: all 0.8s ease-out;
}

.js-demo-voice-orb .js-orb-el.js-speaking {
    animation: shiftGradient 60s ease-in-out infinite,
               shiftGlow 60s ease-in-out infinite,
               demoOrbPulse 2s ease-in-out infinite;
}

@keyframes demoOrbPulse {
    0%, 100% { transform: scale(1); }
    30% { transform: scale(1.08); }
    60% { transform: scale(0.95); }
    80% { transform: scale(1.04); }
}