.animate-typing {
    font-weight: bold;
    white-space: nowrap;
    position: relative;
}

/* Curseur */
.animate-typing::after {
    content: '|';
    margin-left: 3px;
    animation: blink-fast 0.6s infinite;
}

/* Clignotement rapide */
@keyframes blink-fast {
    0%, 50%, 100% { opacity: 1; }
    25%, 75% { opacity: 0; }
}

/* Clignotement lent après typing */
.animate-typing.slow::after {
    animation: blink-slow 1.5s infinite;
}

@keyframes blink-slow {
    0%, 50%, 100% { opacity: 1; }
    25%, 75% { opacity: 0; }
}

/* Sous-titre spawn */
.slogan {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 1s ease, transform 1s ease;
}

.slogan.show {
    opacity: 1;
    transform: translateY(0);
}