/* === CONTRAST FIX: text-shadow для читаемости на видео/тёмном фоне === */

/* Герой — основная кнопка и вторичная ссылка */
.main-cta {
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.8);
}

.secondary-cta {
    text-shadow: 0 1px 6px rgba(0, 0, 0, 0.9), 0 2px 12px rgba(0, 0, 0, 0.7);
}

/* Заголовки секций на тёмном/видео фоне */
.section-title {
    text-shadow: 0 1px 6px rgba(0, 0, 0, 0.85), 0 2px 14px rgba(0, 0, 0, 0.6);
}

/* Шаги Как это проходит */
.step-title {
    text-shadow: 0 1px 5px rgba(0, 0, 0, 0.9), 0 2px 10px rgba(0, 0, 0, 0.7);
}

.step-card p {
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.8);
}

/* Номера шагов — декоративные, скрываем от скринридеров */
.step-number {
    aria-hidden: true; /* NOTE: добавить в HTML aria-hidden=true */
}

/* Герой — основной заголовок и подзаголовок */
.hero h1, .hero h2, .hero p,
[class*=hero] h1, [class*=hero] h2, [class*=hero] p {
    text-shadow: 0 1px 8px rgba(0, 0, 0, 0.9), 0 3px 16px rgba(0, 0, 0, 0.6);
}

/* Белый текст поверх видео */
.video-section h1, .video-section h2, .video-section p,
.video-overlay h1, .video-overlay h2, .video-overlay p {
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.95);
}