/* Базовые стили для анимаций */
.reveal {
    opacity: 0;
    transform: translateY(40px);
    transition: all 0.8s cubic-bezier(0.5, 0, 0, 1);
}

.reveal.active {
    opacity: 1;
    transform: translateY(0);
}

/* Затемнение фона главного экрана */
.hero-bg {
    background-image: linear-gradient(rgba(10, 10, 10, 0.85), rgba(10, 10, 10, 0.7)), url('https://images.unsplash.com/photo-1586528116311-ad8ed7453635?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

/* Эффект для логотипов брендов */
.brand-logo {
    filter: grayscale(100%) opacity(40%);
    transition: all 0.4s ease;
}

.brand-logo:hover {
    filter: grayscale(0%) opacity(100%);
    transform: scale(1.05);
}

/* Декоративная линия для заголовков */
.title-line {
    display: inline-block;
    width: 60px;
    height: 4px;
    background-color: #FF5A00;
    margin-bottom: 1.5rem;
}
/* Правильное оранжевое выделение текста */
::selection {
    background-color: #FF5A00 !important;
    color: #ffffff !important;
}

::-moz-selection {
    background-color: #FF5A00 !important;
    color: #ffffff !important;
}