/* ============================================================
   Custom styles for General Growth landing page
   Note: Tailwind utility classes (bg-primary, text-slate-600,
   etc.) live in the HTML. Only custom overrides go here.
   ============================================================ */

/* Base */
body {
    font-family: 'Inter', sans-serif;
    background-color: #F7F5F0;
}

/* Utility: switches a text element to the serif display font */
.serif-text {
    font-family: 'Instrument Serif', serif;
}

/* Animation: pulsing green dot used on the "live agent" indicator */
@keyframes pulse-dot {
    0%   { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.7); }
    70%  { transform: scale(1);    box-shadow: 0 0 0 6px rgba(34, 197, 94, 0); }
    100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(34, 197, 94, 0); }
}

.animate-pulse-dot {
    animation: pulse-dot 2s infinite;
}

/* Audio visualizer bars — animate when agent is speaking */
@keyframes audio-bar {
    0%, 100% { transform: scaleY(0.2); }
    50%       { transform: scaleY(1);   }
}

.audio-bar {
    transform-origin: bottom;
    transform: scaleY(0.2);
    transition: transform 0.3s ease;
}

.audio-bar.animate-bars                  { animation: audio-bar 0.9s ease-in-out infinite; }
.audio-bar.animate-bars:nth-child(1)     { animation-delay: 0.00s; }
.audio-bar.animate-bars:nth-child(2)     { animation-delay: 0.15s; }
.audio-bar.animate-bars:nth-child(3)     { animation-delay: 0.30s; }
.audio-bar.animate-bars:nth-child(4)     { animation-delay: 0.45s; }
.audio-bar.animate-bars:nth-child(5)     { animation-delay: 0.30s; }
.audio-bar.animate-bars:nth-child(6)     { animation-delay: 0.15s; }
.audio-bar.animate-bars:nth-child(7)     { animation-delay: 0.00s; }