/* ПРОСТАЯ АНИМАЦИЯ СЛОВ */

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(60px) scale(0.9);
    }
    20% {
        opacity: 0.3;
        transform: translateY(45px) scale(0.95);
    }
    50% {
        opacity: 0.7;
        transform: translateY(20px) scale(0.98);
    }
    80% {
        opacity: 0.9;
        transform: translateY(5px) scale(0.99);
    }
    100% {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

/* БАЗОВЫЕ СТИЛИ ДЛЯ АНИМИРОВАННЫХ СЛОВ */
.hero-word-animated {
    display: inline-block;
    font-family: 'Inter', sans-serif;
    font-size: 4.5rem;
    font-weight: 700;
    line-height: 1.2;
    color: #000000;
    
    /* Начальное состояние */
    opacity: 0;
    transform: translateY(60px) scale(0.9);
    
    /* Анимация */
    animation: fadeInUp 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
    
    /* Плавные переходы для всех свойств */
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    
    /* Улучшение четкости шрифта */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

/* ЗАДЕРЖКИ ДЛЯ КАЖДОГО СЛОВА */
.hero-word-animated[data-word="Be"] {
    animation-delay: 0.2s;
}

.hero-word-animated[data-word="Fast"] {
    animation-delay: 0.8s;
}

.hero-word-animated[data-word="Smart"] {
    animation-delay: 1.4s;
}

.hero-word-animated[data-word="Clever"] {
    animation-delay: 2.0s;
}

.hero-word-animated[data-word="Driver"] {
    animation-delay: 2.6s;
}



@keyframes fadeInUpButton {
    0% {
        opacity: 0;
        transform: translateY(30px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/* МОБИЛЬНЫЕ СТИЛИ */
@media (max-width: 768px) {
    .hero-word-animated {
        font-size: 3rem;
        animation-duration: 1.2s;
    }
    
    /* Уменьшаем задержки на мобильных для более быстрого появления */
    .hero-word-animated[data-word="Be"] {
        animation-delay: 0.1s;
    }
    
    .hero-word-animated[data-word="Fast"] {
        animation-delay: 0.6s;
    }
    
    .hero-word-animated[data-word="Smart"] {
        animation-delay: 1.1s;
    }
    
    .hero-word-animated[data-word="Clever"] {
        animation-delay: 1.6s;
    }
    
    .hero-word-animated[data-word="Driver"] {
        animation-delay: 2.1s;
    }
    

}