/* T1106 (18.07.2026): FOMO-счётчик «сейчас в онлайн-театре N».
           Три позиции в столбик. Цифра ЗЕЛЁНАЯ + зелёный человечек рядом
           (СИ 18.07 22:20 — унификация с time-picker вариантом A). */
        .online-counter-row {
            display: block;
            text-align: center;
            margin: 14px 0;
        }
        /* T1278 (05.08.2026, СИ): вариант «над h1» — компактный отступ сверху. */
        .online-counter-row--top {
            margin: 0 0 12px;
        }
        .online-counter {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            padding: 8px 16px;
            background: rgba(0, 0, 0, 0.35);
            border: 1px solid rgba(34, 197, 94, 0.55);
            border-radius: 999px;
            font-family: 'Inter', sans-serif;
            font-size: 0.95rem;
            color: rgba(255, 255, 255, 0.9);
            letter-spacing: 0.01em;
        }
        .online-counter__label {
            white-space: nowrap;
        }
        .online-counter__icon {
            display: inline-flex;
            width: 18px;
            height: 18px;
            color: #22c55e;
            flex-shrink: 0;
            filter: drop-shadow(0 0 3px rgba(34, 197, 94, 0.55));
        }
        .online-counter__icon svg { width: 100%; height: 100%; display: block; }
        /* СИ 19.07: насыщенный зелёный + glow для контраста на тёмном фоне. */
        .online-counter__num {
            font-weight: 800;
            font-size: 1.45rem;
            color: #22c55e;
            font-variant-numeric: tabular-nums;
            display: inline-block;
            min-width: 3.2ch;
            text-align: center;
            text-shadow:
                0 0 6px rgba(34, 197, 94, 0.55),
                0 0 12px rgba(34, 197, 94, 0.35);
        }
        @media (max-width: 480px) {
            .online-counter {
                font-size: 0.85rem;
                padding: 6px 14px;
            }
            .online-counter__num {
                font-size: 1.25rem;
            }
            .online-counter__icon {
                width: 16px;
                height: 16px;
            }
            .online-counter-row {
                margin: 10px 0;
            }
        }

        /* === Театральная типографика ===
           Плакатный капс Oranienbaum для главных заголовков,
           Marck Script для рукописного слогана,
           матовое золото #d4af37 (единый стиль с театром). */
        .hero h1 {
            font-family: 'Oranienbaum', serif !important;
            letter-spacing: 4px !important;
            text-transform: uppercase !important;
            font-weight: 400 !important;
        }
        .section-title {
            font-family: 'Oranienbaum', serif !important;
            letter-spacing: 3px !important;
            text-transform: uppercase !important;
            font-weight: 400 !important;
        }
        p.hero-tagline {
            font-family: 'Marck Script', 'Allison', cursive !important;
            font-size: 2.2rem !important;
            font-style: normal !important;
            color: #d4af37 !important;
            line-height: 1.2 !important;
        }

        /* === Значки (SVG-иконки) — контраст и насыщенность ===
           Лёгкая обводка через drop-shadow делает значки жирнее и ярче,
           убирает ощущение «тусклости». Применяется ко всем значкам
           на лендинге, КРОМЕ цветных значков соцсетей (у них свои цвета). */
        [data-icon] svg {
            filter: drop-shadow(0 0 0.3px currentColor);
        }

        /* Тёмные инлайн-значки внутри текста на светлом фоне —
           усиленная тень для максимальной читаемости */
        .inline-icon-dark[data-icon] svg {
            filter: drop-shadow(0 0 0.5px currentColor) drop-shadow(0 0 0.5px currentColor);
        }

        /* Соцсети — не трогаем (у FontAwesome и кастомных значков
           уже свои фирменные цвета, тень их бы исказила) */
        .social-icon,
        .social-icon i,
        .social-icon svg,
        .social-icon [class*="fa-"],
        .social-icon .fa-threads-custom {
            filter: none !important;
        }

        /* Общие стили */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'Inter', sans-serif;
        }
        
        body {
            background-color: #f9f5f7;
            color: #000000;
            line-height: 1.6;
            scroll-behavior: smooth;
            overflow-x: hidden;
        }
        
        .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 15px;
        }
        
        /* Верхний правый блок: язык + вход */
        .top-right-controls {
            position: fixed;
            top: 15px;
            right: 15px;
            z-index: 1001;
            display: flex;
            align-items: center;
            gap: 10px;
            background-color: #431d28;
            border-radius: 20px;
            padding: 5px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.2);
        }

        .top-right-controls select {
            background-color: #431d28;
            color: #ffffff;
            border: none;
            padding: 8px 15px;
            border-radius: 15px;
            font-size: 0.9rem;
            cursor: pointer;
            outline: none;
        }

        .top-right-controls .login-btn {
            color: #ffffff;
            text-decoration: none;
            padding: 8px 18px;
            border-radius: 15px;
            font-size: 0.9rem;
            font-weight: 500;
            background: rgba(255, 255, 255, 0.15);
            border: 1px solid rgba(255, 255, 255, 0.3);
            transition: all 0.3s ease;
        }

        .top-right-controls .login-btn:hover {
            background: rgba(255, 255, 255, 0.25);
            border-color: rgba(255, 255, 255, 0.5);
        }

        /* Ссылка Инвесторам в навигации */
        .nav-investor-link {
            color: #d4af37 !important;
            font-weight: 600 !important;
        }

        .nav-investor-link:hover {
            color: #f4d03f !important;
        }

        /* Модальное окно Инвесторам */
        .investor-modal-overlay {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.7);
            z-index: 2000;
            justify-content: center;
            align-items: center;
        }

        .investor-modal-overlay.active {
            display: flex;
        }

        .investor-modal {
            background: linear-gradient(135deg, #431d28 0%, #5a2a38 100%);
            border-radius: 16px;
            padding: 46px 48px 38px;
            max-width: 500px;
            width: 92%;
            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.6), 0 0 0 1px rgba(212, 175, 55, 0.15);
            border: 1px solid rgba(212, 175, 55, 0.4);
            position: relative;
            font-family: 'Oranienbaum', serif;
        }

        .investor-modal::before {
            content: "";
            position: absolute;
            top: 18px;
            left: 50%;
            transform: translateX(-50%);
            width: 42px;
            height: 1px;
            background: linear-gradient(90deg, transparent, #d4af37, transparent);
            opacity: 0.5;
        }

        .investor-modal-close {
            position: absolute;
            top: 14px;
            right: 16px;
            background: none;
            border: none;
            color: #d4af37;
            font-size: 1.7rem;
            cursor: pointer;
            opacity: 0.6;
            line-height: 1;
            transition: opacity 0.3s;
        }

        .investor-modal-close:hover {
            opacity: 1;
        }

        .investor-modal h3 {
            color: #d4af37;
            font-family: 'Oranienbaum', serif;
            font-weight: 400;
            font-size: 2rem;
            letter-spacing: 4px;
            text-transform: uppercase;
            text-align: center;
            margin: 0 0 10px;
        }

        .investor-modal .investor-divider {
            display: block;
            width: 60px;
            height: 1px;
            margin: 0 auto 28px;
            background: linear-gradient(90deg, transparent, #d4af37, transparent);
        }

        .investor-modal p {
            color: #ffffff;
            font-family: 'Oranienbaum', serif;
            font-size: 1.375rem;
            line-height: 1.7;
            text-align: left;
            margin: 0 0 20px;
            font-weight: 400;
        }

        .investor-modal p:last-of-type {
            margin-bottom: 30px;
        }

        .investor-modal .email-box {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 12px;
            background: rgba(0, 0, 0, 0.25);
            border: 1px solid rgba(212, 175, 55, 0.35);
            border-radius: 10px;
            padding: 16px 20px;
            font-family: 'Inter', sans-serif;
        }

        .investor-modal .email-text {
            color: #ffffff;
            font-size: 1.05rem;
            font-weight: 500;
            letter-spacing: 0.3px;
        }

        .investor-modal .copy-btn {
            background: none;
            border: none;
            cursor: pointer;
            color: #d4af37;
            font-size: 1.15rem;
            padding: 4px 6px;
            display: inline-flex;
            align-items: center;
            transition: transform 0.2s, color 0.2s;
        }

        .investor-modal .copy-btn:hover {
            transform: scale(1.15);
            color: #f4d03f;
        }

        /* Мобильная версия модалки инвесторов */
        @media (max-width: 480px) {
            .investor-modal {
                padding: 38px 26px 30px;
                max-width: 92%;
            }

            .investor-modal h3 {
                font-size: 1.55rem;
                letter-spacing: 3px;
            }

            .investor-modal p {
                font-size: 1.1rem;
                line-height: 1.65;
            }

            .investor-modal p.investor-lead {
                font-size: 1.18rem;
            }

            .investor-modal .email-box {
                padding: 13px 15px;
                gap: 8px;
            }

            .investor-modal .email-text {
                font-size: 0.95rem;
                word-break: break-all;
            }
        }

        /* Шапка с бургер-меню */
        header {
            background-color: #431d28;
            box-shadow: 0 2px 15px rgba(0,0,0,0.3);
            position: sticky;
            top: 0;
            z-index: 1000;
            transition: all 0.3s ease;
            padding: 15px 0;
            height: 80px;
            display: flex;
            align-items: center;
        }
        
        .header-content {
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 0;
            position: relative;
            width: 100%;
            gap: 30px;
        }

        .logo {
            width: 180px;
            height: 50px;
            display: flex;
            align-items: center;
            flex-shrink: 0;
            position: absolute;
            left: 30px;
            pointer-events: none;
        }
        
        .logo-content {
            width: 100%;
            height: 50px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            color: #ffffff;
            font-weight: bold;
        }
        
        /* Бургер-меню */
        .burger-menu {
            display: none;
            flex-direction: column;
            justify-content: space-between;
            width: 30px;
            height: 21px;
            background: transparent;
            border: none;
            cursor: pointer;
            padding: 0;
            margin-right: 15px;
        }
        
        .burger-line {
            width: 100%;
            height: 3px;
            background-color: #ffffff;
            border-radius: 2px;
            transition: all 0.3s ease;
        }
        
        .burger-menu.active .burger-line:nth-child(1) {
            transform: rotate(45deg) translate(6px, 6px);
        }
        
        .burger-menu.active .burger-line:nth-child(2) {
            opacity: 0;
        }
        
        .burger-menu.active .burger-line:nth-child(3) {
            transform: rotate(-45deg) translate(6px, -6px);
        }
        
        /* Навигация */
        nav {
            transition: all 0.3s ease;
        }
        
        nav ul {
            display: flex;
            list-style: none;
            margin: 0;
            padding: 0;
            justify-content: center;
            flex-grow: 1;
        }
        
        nav ul li {
            margin-right: 30px;
        }

        nav ul li:last-child {
            margin-right: 0;
        }
        
        nav ul li a {
            text-decoration: none;
            color: #ffffff;
            font-weight: 500;
            transition: color 0.3s;
            font-size: 0.95rem;
            white-space: nowrap;
            display: flex;
            align-items: center;
            height: 100%;
        }
        
        nav ul li a:hover {
            color: #e0e0e0;
        }

        /* Главный баннер */
        /* СИ 22.08 (LCP mobile-fix): hero-bg-mobile.webp (400×400, ~10 KB)
           для устройств до 640px и hero-bg.webp (640×640, ~21 KB) для больших.
           Media query совпадает с preload'ом в landing-v2.html. */
        .hero {
            background: linear-gradient(rgba(67, 29, 40, 0.4), rgba(67, 29, 40, 0.4)), url('/assets/landing/images/hero-bg-mobile.webp');
            background-size: cover;
            background-position: center;
            padding: 100px 0 60px;
            text-align: center;
            color: #ffffff;
            position: relative;
        }
        @media (min-width: 641px) {
            .hero {
                background: linear-gradient(rgba(67, 29, 40, 0.4), rgba(67, 29, 40, 0.4)), url('/assets/landing/images/hero-bg.webp');
                background-size: cover;
                background-position: center;
            }
        }
        
        .hero h1 {
            font-size: 3rem;
            font-family: 'Oranienbaum', serif;
            font-weight: 500;
            margin-bottom: 20px;
            color: #ffffff;
            text-shadow: 2px 2px 8px rgba(0,0,0,0.7);
            letter-spacing: 1px;
        }
        
        .hero p {
            /* T1109 (СИ 18.07.2026 23:34): +30% размер шрифта
               «Проект литературных знакомств» — было слишком мелко. */
            font-size: 2.3rem;
            font-family: 'Oranienbaum', serif;
            max-width: 800px;
            margin: 0 auto 30px;
            color: #ffffff;
            line-height: 1.6;
        }

        p.hero-tagline {
            font-size: 1.7rem !important;
            font-family: 'Oranienbaum', serif !important;
            font-style: italic !important;
            color: #d4af37 !important;
            margin: 30px auto 0 !important;
            text-shadow: 2px 2px 6px rgba(0,0,0,0.8);
        }

        .btn {
            display: inline-block;
            background-color: #431d28;
            color: #ffffff;
            padding: 12px 28px;
            border-radius: 30px;
            text-decoration: none;
            font-weight: 500;
            transition: all 0.3s;
            border: 2px solid #ffffff;
            font-size: 1rem;
            letter-spacing: 1px;
        }
        
        .btn:hover {
            background-color: #5a2434;
            color: #ffffff;
            transform: translateY(-3px);
            box-shadow: 0 8px 20px rgba(0,0,0,0.3);
        }

        .btn-great-vibes {
            font-family: 'Oranienbaum', serif;
            font-style: italic;
            font-size: 1.3rem;
            letter-spacing: 1px;
            animation: buttonPulse 2s ease-in-out infinite;
        }

        .btn-with-badge-wrap {
            position: relative;
            display: inline-block;
            overflow: visible;
        }

        .new-badge {
            position: absolute;
            top: -10px;
            right: -14px;
            background: linear-gradient(135deg, #d4af37 0%, #b8923a 100%);
            color: #431d28;
            font-family: 'Oranienbaum', Georgia, serif;
            font-style: normal;
            font-weight: 700;
            font-size: 0.62rem;
            letter-spacing: 1.5px;
            padding: 3px 7px 2px;
            border-radius: 10px;
            box-shadow: 0 2px 6px rgba(0, 0, 0, 0.35);
            text-transform: uppercase;
            line-height: 1;
            pointer-events: none;
            animation: newBadgePulse 2s ease-in-out infinite;
        }

        @keyframes newBadgePulse {
            0%, 100% { transform: scale(1); }
            50% { transform: scale(1.12); }
        }

        @keyframes buttonPulse {
            0%, 100% {
                box-shadow: 0 4px 15px rgba(67, 29, 40, 0.4);
                transform: scale(1);
            }
            50% {
                box-shadow: 0 8px 35px rgba(67, 29, 40, 0.8), 0 0 20px rgba(212, 175, 55, 0.4);
                transform: scale(1.06);
            }
        }

        .btn-great-vibes:hover {
            animation: none;
        }

        /* Разделы */
        section {
            padding: 40px 0;
            scroll-margin-top: 80px;
        }

        .section-title {
            text-align: center;
            margin-bottom: 25px;
            font-size: 2rem;
            font-family: 'Oranienbaum', serif;
            font-weight: 500;
            color: #000000;
            position: relative;
            letter-spacing: 1px;
        }
        
        .section-title:after {
            content: '';
            display: block;
            width: 80px;
            height: 4px;
            background-color: #431d28;
            margin: 15px auto;
            border-radius: 2px;
        }

        /* Убираем линию для заголовков внутри текстового блока */
        .about-text-content h3:after,
        .about-text-content .section-title:after {
            display: none;
        }
        
        /* О нас */
        .about-content {
            display: flex;
            flex-direction: column;
            gap: 40px;
            position: relative;
        }
        
        .logo-image {
            height: 200px;
            width: 200px;
            border-radius: 50%;
            object-fit: cover;
            border: 6px solid #fff;
            box-shadow: 0 6px 20px rgba(0,0,0,0.4);
            margin: 0 auto 30px;
            display: block;
        }
        
        .about-text p {
            margin-bottom: 20px;
            font-size: 1.1rem;
            line-height: 1.6;
            text-align: center;
        }
        
        /* Видео с занавесом */
        .video-container {
            position: relative;
            max-width: 800px;
            margin: 0 auto;
            border-radius: 10px;
            overflow: hidden;
            box-shadow: 0 12px 25px rgba(0,0,0,0.3);
            aspect-ratio: 16/9;
            background: #000;
        }

        .video-container video,
        .video-container iframe {
            position: absolute;
            top: 0; left: 0;
            width: 100%;
            height: 100%;
            border: none;
            object-fit: cover;
            z-index: 1;
        }

        /* Занавес */
        .curtain-left,
        .curtain-right {
            position: absolute;
            top: 0;
            width: 55%;
            height: 100%;
            z-index: 5;
            transition: transform 1.5s cubic-bezier(0.4, 0, 0.2, 1);
            background: repeating-linear-gradient(90deg,
                #431d28 0px, #5a2434 8px, #431d28 16px, #361824 24px, #431d28 32px
            );
            box-shadow: inset 0 0 80px rgba(0,0,0,0.6);
        }
        .curtain-left { left: -5%; border-right: 2px solid #2d1319; }
        .curtain-right { right: -5%; border-left: 2px solid #2d1319; }
        .video-container.curtain-open .curtain-left { transform: translateX(-95%); }
        .video-container.curtain-open .curtain-right { transform: translateX(95%); }

        /* Кнопка Play на занавесе */
        .curtain-play {
            position: absolute;
            top: 85%;
            left: 50%;
            transform: translate(-50%, -50%);
            z-index: 10;
            width: 44px;
            height: 44px;
            background: rgba(255, 255, 255, 0.9);
            border-radius: 50%;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.3s ease;
            box-shadow: 0 2px 15px rgba(0,0,0,0.3);
            border: none;
        }
        .curtain-play:hover {
            transform: translate(-50%, -50%) scale(1.1);
            background: #fff;
            box-shadow: 0 4px 20px rgba(0,0,0,0.4);
        }
        .curtain-play::after {
            content: '';
            border-style: solid;
            border-width: 8px 0 8px 14px;
            border-color: transparent transparent transparent #431d28;
            margin-left: 3px;
        }
        .video-container.curtain-open .curtain-play {
            opacity: 0;
            pointer-events: none;
            transform: translate(-50%, -50%) scale(0.5);
        }

        /* Круглый логотип в начале — на закрытых шторах */
        .curtain-logo {
            position: absolute;
            top: 40%;
            left: 50%;
            transform: translate(-50%, -50%);
            z-index: 8;
            width: 100px;
            height: 100px;
            border-radius: 50%;
            border: 3px solid #d4af37;
            box-shadow: 0 4px 30px rgba(0,0,0,0.5);
            opacity: 1;
            transition: opacity 0.5s ease;
            pointer-events: none;
            object-fit: cover;
        }
        /* Скрыть логотип когда занавес открыт, закрывается или видео закончилось */
        .video-container.curtain-open .curtain-logo,
        .video-container.curtain-closing .curtain-logo,
        .video-container.curtain-ended .curtain-logo {
            opacity: 0;
        }

        /* Маскот в конце — появляется только после видео */
        .curtain-mascot {
            position: absolute;
            top: 40%;
            left: 50%;
            transform: translate(-50%, -50%);
            z-index: 8;
            width: 100px;
            height: 100px;
            border-radius: 50%;
            border: 3px solid #d4af37;
            box-shadow: 0 4px 30px rgba(0,0,0,0.5);
            opacity: 0;
            transition: opacity 0.5s ease;
            pointer-events: none;
            cursor: pointer;
        }
        /* Показать маскота только после окончания видео */
        .video-container.curtain-ended .curtain-mascot {
            opacity: 1;
            pointer-events: auto;
        }

        /* Текстовый контент в секции О нас */
        .about-text-content {
            max-width: 800px;
            margin: 30px auto 0;
        }

        .about-text-content p {
            font-size: 1.5rem;
            font-family: 'Oranienbaum', serif;
            line-height: 1.25;
            margin-bottom: 14px;
            text-align: center;
        }

        .about-text-content p strong {
            font-family: 'Oranienbaum', serif;
        }

        /* Языки — атомарный блок, чтобы 中文 не разрывалось пополам */
        .about-text-content .langs-nowrap { white-space: nowrap; }

        /* Ссылки внутри текста О нас — фирменный стиль, без выделения цветом */
        .about-text-content p a,
        .about-text-content p a:visited {
            color: inherit;
            font-family: 'Oranienbaum', serif;
            font-style: italic;
            text-decoration: underline;
            text-decoration-thickness: 1px;
            text-underline-offset: 4px;
        }

        .about-text-content p a:hover {
            text-decoration-thickness: 2px;
        }

        /* Унификация межстрочного интервала в блоке О нас */
        .about-text-content h3.section-title {
            line-height: 1.4;
            margin: 30px 0 20px;
        }

        /* Объединенный раздел: Как это работает + FAQ */
        .how-it-works-faq {
            background-color: #ffffff;
            padding-bottom: 0;
        }

        /* Карусель скринов «Изнутри» */
        .screens-carousel {
            margin: 90px -20px 40px;
            position: relative;
        }
        .screens-track {
            display: flex;
            gap: 16px;
            overflow-x: auto;
            scroll-snap-type: x mandatory;
            scroll-behavior: smooth;
            padding: 10px 20px 20px;
            scrollbar-width: none;
        }
        .screens-track::-webkit-scrollbar { display: none; }
        .screens-slide {
            flex: 0 0 auto;
            scroll-snap-align: center;
            border-radius: 14px;
            overflow: hidden;
            box-shadow: 0 12px 32px rgba(67, 29, 40, 0.18);
            background: #1a1a2e;
            transition: transform 0.3s;
        }
        .screens-slide picture {
            display: block;
            width: 100%;
            height: 100%;
        }
        .screens-slide img {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        .screens-caption {
            text-align: center;
            font-family: 'Oranienbaum', serif;
            font-size: 1.15rem;
            color: #431d28;
            margin-top: 14px;
            min-height: 1.8em;
            transition: opacity 0.25s;
        }
        .screens-nav {
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 12px;
            margin-top: 8px;
        }
        .screens-arrow {
            width: 44px;
            height: 44px;
            border-radius: 50%;
            border: 1px solid rgba(67, 29, 40, 0.25);
            background: #fff;
            color: #431d28;
            font-size: 1.2rem;
            cursor: pointer;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            transition: all 0.2s;
        }
        .screens-arrow:hover {
            background: #431d28;
            color: #fff;
            border-color: #431d28;
        }
        .screens-arrow:disabled {
            opacity: 0.35;
            cursor: default;
        }
        .screens-dots {
            display: flex;
            gap: 6px;
        }
        .screens-dot {
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background: rgba(67, 29, 40, 0.25);
            border: none;
            padding: 0;
            cursor: pointer;
            transition: all 0.25s;
        }
        .screens-dot.active {
            background: #d4af37;
            width: 24px;
            border-radius: 4px;
        }
        /* СИ 20.08 v3.2: карусель под aspect свежих v3-скринов.
           Desktop-скрины 1440×900 (16:10, горизонтальные) → слайд 720×450.
           Mobile-скрины 390×844 (~9:19, вертикальные) → слайд 380×720. */
        @media (min-width: 769px) {
            .screens-slide {
                width: 720px;
                height: 450px;
            }
            .screens-track {
                padding-left: calc(50% - 360px);
                padding-right: calc(50% - 360px);
            }
        }
        @media (max-width: 768px) {
            .screens-slide {
                width: calc(100vw - 60px);
                max-width: 380px;
                height: calc((100vw - 60px) * 2.16);
                max-height: 720px;
            }
            .screens-track {
                padding-left: 20px;
                padding-right: 20px;
            }
        }
        
        .steps {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 20px;
            margin-bottom: 50px;
            align-items: start;
        }

        .step {
            text-align: center;
            padding: 25px 15px;
            background-color: #f9f9f9;
            border-radius: 10px;
            box-shadow: 0 8px 20px rgba(0,0,0,0.1);
            transition: transform 0.3s;
            border-top: 4px solid #431d28;
            cursor: pointer;
        }

        .step-header {
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 10px;
        }

        .step-icon {
            font-size: 0.8rem;
            color: #431d28;
            line-height: 1;
            transition: transform 0.3s ease;
        }

        .step.active .step-icon {
            transform: rotate(180deg);
        }

        .step-content {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.4s ease-out;
        }

        .step.active .step-content {
            max-height: 800px;
        }

        .step-number {
            display: inline-block;
            padding: 8px 16px;
            background-color: #431d28;
            color: #ffffff;
            border-radius: 20px;
            margin-bottom: 15px;
            font-weight: bold;
            font-size: 0.9rem;
            box-shadow: 0 4px 12px rgba(0,0,0,0.3);
            white-space: nowrap;
        }

        .step-link {
            display: inline-block;
            margin-top: 14px;
            padding: 5px 16px;
            background-color: #ffffff;
            color: #000000;
            border: 1.5px solid #431d28;
            border-radius: 18px;
            font-family: 'Oranienbaum', serif;
            font-size: 1.05rem;
            font-weight: 700;
            letter-spacing: 0.4px;
            line-height: 1.2;
            text-decoration: none;
            transition: all 0.25s ease;
        }
        .step-link:hover {
            background-color: #431d28;
            color: #ffffff;
            transform: translateY(-1px);
            box-shadow: 0 4px 12px rgba(67,29,40,0.3);
        }

        .step h3 {
            margin-bottom: 12px;
            color: #000000;
            font-size: 1.3rem;
            font-family: 'Oranienbaum', serif;
        }

        .step p {
            color: #000000;
            line-height: 1.5;
            font-size: 1.25rem;
            font-family: 'Oranienbaum', serif;
        }

        /* Notification steps (Три звонка) */
        .notification-steps {
            text-align: left;
            margin-top: 4px;
        }
        .notif-item {
            display: flex;
            align-items: center;
            padding: 3px 0;
            border-bottom: 1px solid #e0e0e0;
        }
        .notif-item:last-child {
            border-bottom: none;
        }
        .notif-num {
            display: inline-flex;
            align-items: center;
            justify-content: flex-start;
            gap: 3px;
            width: 70px;
            font-size: 14px;
            margin-right: 10px;
            flex-shrink: 0;
            color: #d4a017;
        }
        .notif-num svg,
        .notif-num svg path,
        .notif-num svg line {
            width: 18px;
            height: 18px;
            fill: #d4af37;
            stroke: #000;
            stroke-width: 0.8;
        }
        .notif-text {
            color: #000000;
            font-size: 1.2rem;
            font-family: 'Oranienbaum', serif;
        }
        .notif-time {
            color: #000000;
            margin-left: auto;
            font-size: 0.85rem;
        }

        /* FAQ */
        .faq-container {
            max-width: 900px;
            margin: 0 auto;
        }
        
        .faq-item {
            margin-bottom: 20px;
            border-radius: 10px;
            overflow: hidden;
            box-shadow: 0 5px 15px rgba(0,0,0,0.1);
            border-left: 4px solid #431d28;
        }
        
        .faq-question {
            background-color: #f9f9f9;
            padding: 18px;
            cursor: pointer;
            display: flex;
            justify-content: center;
            align-items: center;
            transition: background-color 0.3s;
            gap: 15px;
        }
        
        .faq-question:hover {
            background-color: #f0f0f0;
        }
        
        .faq-question h3 {
            margin: 0;
            font-family: 'Oranienbaum', serif;
            font-weight: 500;
            color: #000000;
            font-size: 1.2rem;
            flex: 1;
            padding-right: 10px;
        }
        
        .faq-icon {
            font-size: 1.5rem;
            color: #000000;
            font-weight: 300;
            transition: transform 0.3s ease;
            flex-shrink: 0;
        }

        .faq-item.active .faq-icon {
            transform: rotate(45deg);
        }
        
        .faq-answer {
            background-color: #ffffff;
            padding: 0 18px;
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.5s ease-in-out, padding 0.4s ease-in-out;
        }

        .faq-answer.active,
        .faq-item.active .faq-answer {
            padding: 20px;
            max-height: 3000px;
            transition: max-height 0.6s ease-in-out, padding 0.4s ease-in-out;
        }

        .faq-combined .faq-section {
            margin-bottom: 15px;
            padding: 18px 20px;
            border-radius: 10px;
            border-left: 4px solid #431d28;
            background-color: #f9f9f9;
            box-shadow: 0 5px 15px rgba(0,0,0,0.1);
        }

        .faq-combined .faq-section:last-child {
            margin-bottom: 0;
        }

        .faq-combined .faq-section h4 {
            color: #000000;
            margin: 0 0 12px 0;
            font-family: 'Oranienbaum', serif;
            font-weight: 500;
            font-size: 1.5rem;
        }

        .faq-combined .faq-section p {
            margin: 5px 0;
            color: #000000;
            line-height: 1.6;
        }

        .faq-answer .btn {
            background-color: #431d28;
            color: #ffffff;
            border-color: #431d28;
        }

        .faq-answer .btn:hover {
            background-color: #5a2a38;
            border-color: #5a2a38;
        }

        .copyright-info {
            margin-top: 15px;
            padding-top: 15px;
            border-top: 1px solid #333;
            font-size: 0.85rem;
            color: #000000;
        }

        .copyright-info a {
            color: #8B5CF6;
        }

        /* RSS-иконка в навигации (компактная) и в подвале (с подписью).
           Цвет — золотой акцент темы, hover усиливает яркость. */
        .nav-rss-link {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 22px;
            height: 22px;
            color: #d4af37;
            opacity: 0.75;
            transition: opacity 0.2s, transform 0.2s;
        }
        .nav-rss-link:hover {
            opacity: 1;
            transform: scale(1.1);
        }
        .nav-rss-link svg { width: 16px; height: 16px; }

        .footer-rss-link {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            color: rgba(255, 255, 255, 0.7);
            text-decoration: none;
            font-size: 0.9rem;
            font-family: 'PT Serif', Georgia, serif;
            margin-left: 18px;
            transition: color 0.2s;
            vertical-align: middle;
        }
        .footer-rss-link:hover { color: #d4af37; }
        .footer-rss-link svg { width: 16px; height: 16px; }
        @media (max-width: 600px) {
            .footer-rss-link {
                display: flex;
                margin-left: 0;
                margin-top: 10px;
                justify-content: center;
            }
        }

        .faq-answer p {
            margin-bottom: 12px;
            line-height: 1.5;
        }
        
        .faq-answer ul, .faq-answer ol {
            margin-left: 20px;
            margin-bottom: 12px;
        }
        
        .faq-answer li {
            margin-bottom: 8px;
        }
        
        .faq-answer em {
            font-style: italic;
        }
        
        .faq-answer a {
            color: #000000;
            text-decoration: none;
        }
        
        .faq-answer a:hover {
            text-decoration: underline;
        }
        
        /* Безопасность - УЛУЧШЕННЫЙ СТИЛЬ */
        .security-section {
            background-color: #f0f0f0;
            padding: 50px 0;
            margin-top: 40px;
            border-radius: 10px;
            position: relative;
        }
        
        .security-section::before {
            content: '';
            position: absolute;
            top: 15px;
            left: 15px;
            right: 15px;
            bottom: 15px;
            border-radius: 8px;
            z-index: 1;
        }
        
        .security-content {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 30px;
            text-align: center;
            position: relative;
            z-index: 2;
            padding: 0 15px;
        }
        
        .security-icon {
            font-size: 3.5rem;
            color: #000000;
        }
        
        .security-text {
            flex: 1;
            width: 100%;
        }
        
        .security-text h3 {
            color: #000000;
            margin-bottom: 20px;
            font-size: 1.6rem;
            text-align: center;
        }

        .security-text p {
            font-size: 1.05rem;
            line-height: 1.6;
            margin-bottom: 15px;
            text-align: center;
        }
        
        /* Объединенный раздел: Соцсети + Контакты */
        .social-contact-section {
            background-color: #ffffff;
            box-shadow: 0 0 15px rgba(0,0,0,0.1);
        }
        
        /* Социальные сети */
        .social-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
            gap: 15px;
            max-width: 1000px;
            margin: 0 auto 40px;
        }
        
        .social-item {
            background-color: rgba(67, 29, 40, 0.1);
            border-radius: 10px;
            padding: 20px 10px;
            box-shadow: 0 6px 15px rgba(0,0,0,0.1);
            transition: all 0.3s;
            border: 1px solid rgba(67, 29, 40, 0.2);
            text-decoration: none;
            display: block;
            color: inherit;
        }
        
        .social-item:hover {
            transform: translateY(-5px);
            background-color: rgba(67, 29, 40, 0.2);
            box-shadow: 0 10px 20px rgba(0,0,0,0.2);
        }
        
        .social-icon {
            font-size: 2rem;
            margin-bottom: 12px;
            color: #000000;
        }
        
        .social-name {
            font-weight: bold;
            color: #000000;
            font-size: 1rem;
        }
        
        /* Блок с предупреждением */
        .social-warning {
            background-color: #fff3cd;
            border: 1px solid #ffeaa7;
            border-radius: 10px;
            padding: 20px;
            margin: 30px auto;
            max-width: 1000px;
            text-align: center;
            box-shadow: 0 4px 12px rgba(0,0,0,0.1);
        }
        
        .social-warning h3 {
            color: #856404;
            margin-bottom: 15px;
            font-size: 1.2rem;
        }

        /* Секция Сотрудничество */
        /* Вложенный аккордеон Сотрудничество */
        #cooperation-section .faq-answer {
            padding: 0;
            background-color: transparent;
        }

        #cooperation-section .faq-answer.active {
            padding: 18px;
        }

        .cooperation-accordion {
            max-width: 100%;
            margin: 0;
        }

        .coop-item {
            margin-bottom: 15px;
            border-radius: 10px;
            overflow: hidden;
            box-shadow: 0 5px 15px rgba(0,0,0,0.1);
            border-left: 4px solid #431d28;
            background-color: #f9f9f9;
        }

        .coop-header {
            display: flex;
            align-items: center;
            padding: 18px 20px;
            cursor: pointer;
            transition: background-color 0.3s;
            gap: 15px;
        }

        .coop-header:hover {
            background-color: #f0f0f0;
        }

        .coop-icon {
            font-size: 1.5rem;
            flex-shrink: 0;
        }

        .coop-header h3 {
            margin: 0;
            font-family: 'Oranienbaum', serif;
            font-weight: 500;
            color: #000000;
            font-size: 1.5rem;
            flex: 1;
        }

        .coop-toggle {
            font-size: 1.5rem;
            color: #000000;
            font-weight: 300;
            transition: transform 0.3s;
            flex-shrink: 0;
        }

        .coop-item.active .coop-toggle {
            transform: rotate(45deg);
        }

        .coop-content {
            background-color: #ffffff;
            padding: 0 20px;
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.5s ease-in-out, padding 0.4s ease-in-out;
        }

        .coop-item.active .coop-content {
            padding: 20px;
            max-height: 2000px;
            transition: max-height 0.6s ease-in-out, padding 0.4s ease-in-out;
        }

        .coop-content p {
            margin-bottom: 12px;
            line-height: 1.6;
            color: #000000;
            font-family: 'Oranienbaum', serif;
            font-size: 1.25rem;
        }

        /* Стиль для Гардероб, Гримёрка, Сцена, режимы, билетик */
        .coop-content strong {
            color: #000000;
            font-family: 'Oranienbaum', serif;
            font-weight: 600;
        }

        .coop-content p.coop-highlight {
            font-family: 'Oranienbaum', serif;
            font-size: 1.25rem;
            font-weight: bold;
            line-height: 1.6;
            color: #000000;
        }

        .coop-content ul {
            margin: 0 0 15px 20px;
            color: #000000 !important;
            font-family: 'Oranienbaum', serif !important;
            font-size: 1.25rem !important;
        }

        .coop-content ul li {
            margin-bottom: 8px;
            line-height: 1.5;
            font-family: 'Oranienbaum', serif !important;
            font-size: 1.25rem !important;
            color: #000000 !important;
        }

        .coop-contact {
            display: flex;
            align-items: center;
            gap: 10px;
            margin-top: 20px;
            padding-top: 15px;
            border-top: 1px solid rgba(67, 29, 40, 0.15);
        }

        .coop-contact span {
            font-size: 1.1rem;
        }

        .coop-contact a {
            color: #000000;
            font-weight: 500;
            text-decoration: none;
        }

        .coop-contact a:hover {
            text-decoration: underline;
        }

        .coop-contact button {
            background: none;
            border: none;
            cursor: pointer;
            font-size: 1em;
            padding: 5px;
        }

        .coop-contact button:hover {
            opacity: 0.7;
        }

        /* Плавный переход к соцсетям */
        .gradient-transition {
            width: 100%;
            height: 80px;
            background: linear-gradient(to bottom, #ffffff 0%, #431d28 100%);
        }

        /* Компактные соцсети */
        .social-section-compact {
            background-color: #431d28;
            padding: 40px 0 30px 0;
        }

        .social-section-compact .section-title {
            color: #ffffff;
            margin-bottom: 20px;
        }

        .social-grid-compact {
            display: flex;
            flex-wrap: nowrap;
            justify-content: center;
            gap: 10px;
            max-width: 100%;
            margin: 0 auto;
        }

        .social-item-compact {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 40px;
            height: 40px;
            background-color: rgba(255, 255, 255, 0.15);
            border-radius: 50%;
            color: #ffffff;
            font-size: 1.2rem;
            transition: all 0.3s;
            text-decoration: none;
        }

        .social-item-compact:hover {
            transform: scale(1.15);
            filter: brightness(1.2);
        }

        /* Брендовые цвета соцсетей */
        .social-item-compact[title="VK"] { background-color: #0077FF; }
        .social-item-compact[title="Instagram"] { background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888); }
        .social-item-compact[title="Telegram"] { background-color: #26A5E4; }
        .social-item-compact[title="Dzen"] { background-color: #000000; }
        .social-item-compact[title="YouTube"] { background-color: #FF0000; }
        .social-item-compact[title="Rutube"] { background-color: #00B4FF; }
        .social-item-compact[title="OK"] { background-color: #EE8208; }
        .social-item-compact[title="Facebook"] { background-color: #1877F2; }
        .social-item-compact[title="TikTok"] { background-color: #000000; }
        .social-item-compact[title="Likee"] { background: linear-gradient(45deg, #FF0050, #00F2EA); }
        .social-item-compact[title="X"] { background-color: #000000; }
        .social-item-compact[title="Threads"] { background-color: #000000; }
        .social-item-compact[title="Bluesky"] { background-color: #0085FF; }
        .social-item-compact[title="Stage 32"] { background-color: #C1272D; }
        .social-item-compact[title="Boosty"] { background-color: #ffffff; }
        .social-item-compact[title="Boosty"] img { width: 24px; height: 24px; display: block; }

        .meta-disclaimer {
            margin-top: 15px;
            font-size: 0.75rem;
            color: rgba(255, 255, 255, 0.5);
            text-align: center;
            font-style: italic;
        }

        /* Документы */
        .documents-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 20px;
            max-width: 800px;
            margin: 0 auto;
        }

        .document-item {
            background-color: #f9f9f9;
            padding: 25px;
            border-radius: 10px;
            text-align: center;
            border-left: 4px solid #431d28;
            display: flex;
            flex-direction: column;
        }

        .document-item h3 {
            color: #000000;
            margin-bottom: 10px;
            font-size: 1.2rem;
        }

        .document-item p {
            color: #000000;
            font-size: 0.95rem;
            margin-bottom: 15px;
            line-height: 1.5;
            flex-grow: 1;
        }

        .btn-small {
            padding: 8px 20px;
            font-size: 0.9rem;
        }

        /* Контакты */
        .contact-info {
            max-width: 800px;
            margin: 0 auto;
            background-color: #f9f9f9;
            padding: 40px;
            border-radius: 10px;
            box-shadow: 0 10px 25px rgba(0,0,0,0.1);
            border-left: 5px solid #431d28;
            text-align: center;
        }
        
        .contact-info h3 {
            color: #000000;
            font-size: 1.6rem;
            margin-bottom: 20px;
        }
        
        .contact-info p {
            font-size: 1.1rem;
            line-height: 1.6;
            margin-bottom: 20px;
            color: #000000;
        }
        
        .email-contact {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 15px;
            margin: 25px 0;
            padding: 20px;
            background-color: rgba(67, 29, 40, 0.1);
            border-radius: 10px;
            border: 1px solid rgba(67, 29, 40, 0.3);
            flex-wrap: wrap;
        }
        
        .email-contact i {
            font-size: 1.8rem;
            color: #000000;
        }
        
        .email-contact a {
            font-size: 1.2rem;
            color: #000000;
            text-decoration: none;
            font-weight: bold;
            word-break: break-all;
        }
        
        .email-contact a:hover {
            text-decoration: underline;
        }

        .copy-email-btn {
            background: rgba(67, 29, 40, 0.2);
            border: none;
            border-radius: 5px;
            padding: 8px 12px;
            cursor: pointer;
            color: #000000;
            font-size: 1rem;
            transition: all 0.3s;
        }

        .copy-email-btn:hover {
            background: rgba(67, 29, 40, 0.4);
        }
        
        .contact-buttons {
            display: flex;
            justify-content: center;
            gap: 15px;
            flex-wrap: wrap;
            margin-top: 25px;
        }
        
        /* Оферта и Политика */
        .offer-section,
        .policy-section {
            background-color: #ffffff;
            box-shadow: 0 0 15px rgba(0,0,0,0.1);
        }
        
        .offer-content,
        .policy-content {
            max-width: 850px;
            margin: 0 auto;
            background-color: #f9f9f9;
            padding: 40px;
            border-radius: 10px;
            box-shadow: 0 8px 20px rgba(0,0,0,0.1);
            text-align: center;
            border-left: 5px solid #431d28;
        }
        
        .offer-text,
        .policy-text {
            margin-bottom: 30px;
            font-size: 1.1rem;
            line-height: 1.6;
            color: #000000;
        }
        
        /* Подвал - ИСПРАВЛЕННЫЙ */
        footer {
            background-color: #431d28;
            color: #ffffff;
            padding: 60px 0 20px;
        }
        
        .footer-content {
            display: flex;
            flex-direction: column;
            gap: 40px;
            margin-bottom: 30px;
        }
        
        .footer-column {
            flex: 1;
            min-width: 100%;
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
        }
        
        .footer-column h3 {
            margin-bottom: 20px;
            font-family: 'Oranienbaum', serif;
            font-weight: 500;
            color: #ffffff;
            font-size: 1.3rem;
            min-height: 40px;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        
        .footer-column p {
            text-align: center;
            margin-bottom: 20px;
            line-height: 1.6;
        }
        
        .footer-column ul {
            list-style: none;
            flex-grow: 1;
            width: 100%;
        }
        
        .footer-column ul li {
            margin-bottom: 10px;
            text-align: center;
        }
        
        .footer-column ul li a {
            color: #ffffff;
            text-decoration: none;
            transition: color 0.3s;
            font-size: 1rem;
            display: inline-block;
        }
        
        .footer-column ul li a:hover {
            color: #e0e0e0;
        }
        
        .social-links {
            display: flex;
            gap: 12px;
            margin-top: 15px;
            flex-wrap: wrap;
            justify-content: center;
        }
        
        .social-links a {
            display: inline-block;
            width: 40px;
            height: 40px;
            background-color: #5a2434;
            color: #ffffff;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            text-decoration: none;
            transition: all 0.3s;
            font-size: 1rem;
        }
        
        .social-links a:hover {
            background-color: #ffffff;
            color: #000000;
            transform: translateY(-3px);
            box-shadow: 0 4px 8px rgba(0,0,0,0.2);
        }
        
        /* Threads иконка */
        .fa-threads-custom::before {
            content: "T";
            font-weight: bold;
            font-family: Arial, sans-serif;
        }

        /* Desktop Accordion для шагов */
        @media (min-width: 769px) {
            .steps {
                display: flex;
                gap: 10px;
                transition: min-height 0.4s ease, max-height 0.4s ease;
                max-height: 1000px;
            }

            .steps.has-active {
                min-height: 230px;
                max-height: 230px;
            }

            .step {
                flex: 1;
                min-width: 0;
                align-self: stretch;
                cursor: pointer;
                transition: flex 0.4s ease, box-shadow 0.3s ease, background-color 0.3s ease;
                overflow: hidden;
                display: flex;
                flex-direction: column;
                text-align: center;
                padding: 25px 15px;
                background-color: #f9f9f9;
                border-radius: 10px;
                box-shadow: 0 8px 20px rgba(0,0,0,0.1);
                border-top: 4px solid #431d28;
            }

            /* На десктопе step-header — flex с pill и стрелкой ▼ */
            .step .step-header {
                display: flex;
                justify-content: center;
                align-items: center;
                gap: 6px;
                margin-bottom: 15px;
            }

            .step .step-header .step-number {
                margin-bottom: 0;
            }

            .step .step-icon {
                display: inline-block;
                font-size: 0.7rem;
                color: #431d28;
                line-height: 1;
                transition: transform 0.3s ease;
            }

            .step.active .step-icon {
                transform: rotate(180deg);
            }

            .step .step-content {
                display: contents;
            }

            .step:hover {
                box-shadow: 0 12px 30px rgba(0,0,0,0.15);
            }

            .step.active {
                flex: 2.5;
                background-color: #fff;
                box-shadow: 0 12px 30px rgba(67, 29, 40, 0.2);
            }

            .step h3 {
                display: none;
            }

            .step .step-content > p,
            .step .step-content > .step-link,
            .step .notification-steps {
                opacity: 0;
                max-height: 0;
                overflow: hidden;
                transition: opacity 0.3s ease, max-height 0.4s ease, margin 0.4s ease;
                margin: 0;
            }

            .step .step-content > .step-link {
                pointer-events: none;
            }

            .step.active .step-content > p {
                opacity: 1;
                max-height: 200px;
                margin-top: 8px;
            }

            .step.active .notification-steps {
                opacity: 1;
                max-height: 320px;   /* СИ 19.07: было 200px, третий пункт «Ссылка на встречу −5 мин» обрезался */
                margin-top: 4px;
            }

            .step.active .step-content > .step-link {
                opacity: 1;
                max-height: 60px;
                margin-top: 10px;
                pointer-events: auto;
            }

            .step-number {
                margin-bottom: 0;
            }
            .step.active .step-number {
                margin-bottom: 4px;
            }

        }

        /* Адаптивность */
        @media (max-width: 768px) {
            /* Бургер-меню */
            .burger-menu {
                display: flex;
            }
            
            /* Навигация для мобильных */
            nav {
                position: fixed;
                top: 80px;
                right: -100%;
                width: 80%;
                max-width: 300px;
                height: calc(100vh - 80px);
                background-color: #431d28;
                padding: 20px;
                transition: right 0.3s ease;
                overflow-y: auto;
                z-index: 999;
            }
            
            nav.active {
                right: 0;
            }
            
            nav ul {
                flex-direction: column;
                width: 100%;
            }
            
            nav ul li {
                margin: 0 0 15px 0;
                width: 100%;
                text-align: center;
            }
            
            nav ul li a {
                display: block;
                padding: 12px;
                border-radius: 5px;
                font-size: 1.1rem;
                justify-content: center;
            }
            
            nav ul li a:hover {
                background-color: rgba(255, 255, 255, 0.1);
            }
            
            /* Затемнение фона при открытом меню */
            .menu-overlay {
                display: none;
                position: fixed;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background-color: rgba(0, 0, 0, 0.5);
                z-index: 998;
            }
            
            .menu-overlay.active {
                display: block;
            }
            
            /* Логотип в шапке */
            .logo {
                width: 150px;
                margin-left: 0;
            }
            
            /* Главный баннер */
            .hero {
                padding: 80px 0 50px;
            }
            
            .hero h1 {
                font-size: 2rem;
                margin-bottom: 15px;
            }
            
            .hero p {
                /* T1109: +30% от 1rem → 1.3rem на мобилке. */
                font-size: 1.3rem;
                margin-bottom: 25px;
                padding: 0 10px;
            }

            .hero-tagline {
                font-size: 0.85rem;
                margin: 10px auto 0;
            }
            
            .btn {
                padding: 10px 24px;
                font-size: 0.95rem;
            }
            
            /* Разделы */
            section {
                padding: 30px 0;
            }

            .section-title {
                font-size: 1.6rem;
                margin-bottom: 20px;
            }
            
            /* Логотип в разделе "О нас" */
            .logo-image {
                height: 150px;
                width: 150px;
                margin-bottom: 20px;
            }
            
            .about-text p {
                font-size: 1rem;
                text-align: left;
                padding: 0 10px;
            }
            
            /* Видео */
            .video-container video,
            .video-container iframe {
                height: 250px;
            }
            
            /* Шаги */
            .steps {
                grid-template-columns: 1fr;
                gap: 15px;
            }

            .step {
                padding: 0;
                cursor: pointer;
                border-top: none;
                border-left: 4px solid #431d28;
            }

            .step .step-header {
                display: flex;
                justify-content: center;
                align-items: center;
                padding: 18px;
                background-color: #f9f9f9;
                gap: 15px;
            }

            .step .step-header:hover {
                background-color: #f0f0f0;
            }

            .step .step-icon {
                font-size: 1rem;
                color: #000000;
                transition: transform 0.3s;
            }

            .step.active .step-icon {
                transform: rotate(180deg);
            }

            .step .step-content {
                max-height: 0;
                overflow: hidden;
                padding: 0 18px;
                background-color: #ffffff;
                transition: max-height 0.3s ease-out, padding 0.3s ease-out;
            }

            .step.active .step-content {
                max-height: 500px;
                padding: 18px;
            }

            .step h3 {
                margin: 0 0 10px 0;
                font-size: 1.1rem;
            }

            .step p {
                margin: 0;
            }

            .step-number {
                padding: 6px 12px;
                font-size: 0.8rem;
            }

            .step .notification-steps {
                margin-top: 0;
            }

            /* Безопасность - адаптация для мобильных */
            .security-section {
                padding: 40px 0;
                margin-top: 30px;
            }
            
            .security-section::before {
                top: 10px;
                left: 10px;
                right: 10px;
                bottom: 10px;
            }
            
            .security-content {
                padding: 0 10px;
            }
            
            .security-icon {
                font-size: 2.8rem;
            }
            
            .security-text h3 {
                font-size: 1.4rem;
            }
            
            .security-text p {
                font-size: 1rem;
            }
            
            /* Социальные сети */
            .social-grid {
                grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
                gap: 12px;
            }
            
            .social-item {
                padding: 15px 8px;
            }
            
            .social-icon {
                font-size: 1.8rem;
                margin-bottom: 10px;
            }
            
            .social-name {
                font-size: 0.9rem;
            }
            
            /* Контакты */
            .contact-info {
                padding: 25px 15px;
            }
            
            .contact-info h3 {
                font-size: 1.4rem;
            }
            
            .contact-info p {
                font-size: 1rem;
            }
            
            .email-contact {
                padding: 15px;
                flex-direction: column;
                gap: 10px;
            }
            
            .email-contact i {
                font-size: 1.5rem;
            }
            
            .email-contact a {
                font-size: 1rem;
            }
            
            /* Оферта и политика */
            .offer-content,
            .policy-content {
                padding: 25px 15px;
            }
            
            .offer-text,
            .policy-text {
                font-size: 1rem;
            }
            
            /* Верхний правый блок */
            .top-right-controls {
                top: 10px;
                right: 10px;
                gap: 8px;
            }

            .top-right-controls select {
                padding: 6px 12px;
                font-size: 0.85rem;
            }

            .top-right-controls .login-btn {
                padding: 6px 14px;
                font-size: 0.85rem;
            }

            /* Градиент на мобильных */
            .gradient-transition {
                height: 50px;
            }

            /* Компактные соцсети на мобильных */
            .social-grid-compact {
                flex-wrap: wrap;
                gap: 8px;
            }

            .social-item-compact {
                width: 36px;
                height: 36px;
                font-size: 1rem;
            }
        }

        @media (max-width: 480px) {
            /* Градиент на маленьких экранах */
            .gradient-transition {
                height: 40px;
            }
            .hero h1 {
                font-size: 1.8rem;
            }
            
            .logo {
                width: 130px;
            }
            
            .section-title {
                font-size: 1.4rem;
            }
            
            .btn {
                padding: 8px 20px;
                font-size: 0.9rem;
            }
            
            .social-grid {
                grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
            }

            /* Сотрудничество на маленьких экранах */
            .coop-header h3 {
                font-size: 1.1rem;
            }

            .coop-content p {
                font-size: 1rem;
            }

            .coop-content ul {
                font-size: 1rem !important;
            }

            .coop-content ul li {
                font-size: 1rem !important;
            }

            .contact-buttons {
                flex-direction: column;
                align-items: center;
            }
            
            .contact-buttons .btn {
                width: 100%;
                max-width: 250px;
            }
            
            .video-container video,
            .video-container iframe {
                height: 200px;
            }
            
            .faq-question h3 {
                font-size: 1rem;
            }
            
            .security-icon {
                font-size: 2.5rem;
            }
            
            .security-section::before {
                top: 8px;
                left: 8px;
                right: 8px;
                bottom: 8px;
            }
        }
        
        @media (min-width: 769px) and (max-width: 992px) {
            .logo {
                width: 160px;
            }
            
            .steps {
                grid-template-columns: repeat(2, 1fr);
            }
            
            nav ul li {
                margin-right: 15px;
            }
            
            nav ul li a {
                font-size: 0.95rem;
            }
            
            .security-content {
                flex-direction: row;
                text-align: center;
                align-items: flex-start;
            }

            .security-text p {
                text-align: center;
            }
        }

        @media (min-width: 993px) {
            /* Выравнивание ссылок в меню по центру вертикально */
            nav ul li a {
                align-items: center;
                height: 50px;
            }
            
            .about-content {
                flex-direction: row;
                align-items: center;
            }
            
            .about-text {
                flex: 1;
            }
            
            .logo-image {
                position: absolute;
                top: -340px;
                left: -30px;
                margin: 0;
            }
            
            .security-content {
                flex-direction: row;
                text-align: center;
                align-items: flex-start;
            }

            .security-text p {
                text-align: center;
            }

            /* Подвал для ПК - ИСПРАВЛЕНО */
            .footer-content {
                flex-direction: row;
                justify-content: space-between;
                align-items: flex-start;
                text-align: left;
            }
            
            .footer-column {
                min-width: 0;
                flex: 1;
                align-items: flex-start;
                text-align: left;
                padding: 0 15px;
            }
            
            .footer-column h3 {
                justify-content: flex-start;
                text-align: left;
                width: 100%;
            }
            
            .footer-column p {
                text-align: left;
                width: 100%;
            }
            
            .footer-column ul {
                align-items: flex-start;
                text-align: left;
                width: 100%;
            }
            
            .footer-column ul li {
                text-align: left;
                width: 100%;
            }
            
            .footer-column ul li a {
                display: block;
                text-align: left;
            }
            
            /* Выравнивание иконок соцсетей в футере */
            .social-links {
                justify-content: flex-start;
            }
        }

    <!-- T1135 Lab v2 (27.07.2026, итерация 3 после отзыва СИ):
         Убраны курсор-маска (тяжёлый), kinetic typography (FOUC), shine-sweep
         (не тот эффект), мини-плашка invite (не то что имели в виду).
         Оставлено только: fade-in-on-scroll, LAB badge, кнопки-занавесы
         (полупрозрачные, текст всегда виден), реальная модалка invite
         при первом скролле по центру. -->
    <style>
        /* Все WOW-эффекты убраны 27.07 по итогам живой приёмки СИ:
           - Курсор-маска, kinetic typography, shine-sweep, invite-flash,
             coop-flashes, кнопки-занавесы, переливающиеся буквы теглайна —
             всё не сработало эстетически или не было заметно.
           Оставляем только: fade-in-on-scroll + LAB badge.
           Кнопка .btn-great-vibes: убираем buttonPulse (СИ: «уныло мерцает»). */
        .btn-great-vibes {
            animation: none !important;
        }

        /* ========== Fade-in-on-scroll ==========
           СИ 21.08 (CLS-фикс): translateY уменьшен 30→8 (мобилка 20→6).
           При 30px каждая lab-reveal-секция даёт заметный layout-shift во
           время анимации (наблюдалось PerformanceObserver'ом). При 8px
           сдвиг визуально ощущается как «плавное появление», но CLS-вклад
           падает пропорционально ~4x. Основной эффект тут — opacity. */
        .lab-reveal {
            opacity: 0;
            transform: translateY(8px);
            transition: opacity 0.9s ease-out, transform 0.9s ease-out;
            will-change: opacity, transform;
        }
        .lab-reveal.lab-visible {
            opacity: 1;
            transform: translateY(0);
        }
        @media (max-width: 640px) {
            .lab-reveal { transform: translateY(6px); }
        }

        /* ========== LAB badge ========== */
        .lab-badge {
            position: fixed;
            bottom: 14px; left: 14px;
            z-index: 100;
            background: rgba(220, 74, 74, 0.15);
            border: 1px solid rgba(220, 74, 74, 0.5);
            color: #dc4a4a;
            padding: 4px 12px;
            border-radius: 999px;
            font-family: 'Inter', system-ui, sans-serif;
            font-size: 0.7rem;
            font-weight: 600;
            letter-spacing: 0.15em;
            text-transform: uppercase;
            pointer-events: none;
        }

        /* СИ 20.08: lightbox для карусели скринов. Клик по слайду → крупный
           просмотр на весь экран, автопрокрутка карусели пауза. */
        .screens-lb {
            position: fixed;
            inset: 0;
            background: rgba(0, 0, 0, 0.94);
            display: none;
            align-items: center;
            justify-content: center;
            z-index: 9999;
            padding: 20px;
            cursor: zoom-out;
            animation: screens-lb-fade 0.18s ease-out;
        }
        .screens-lb.visible { display: flex; }
        .screens-lb-img {
            max-width: 96vw;
            max-height: 92vh;
            object-fit: contain;
            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.6);
            border-radius: 8px;
            cursor: default;
        }
        .screens-lb-close {
            position: absolute;
            top: 16px;
            right: 20px;
            width: 44px;
            height: 44px;
            background: rgba(255, 255, 255, 0.12);
            color: #fff;
            border: none;
            border-radius: 50%;
            font-size: 28px;
            line-height: 1;
            cursor: pointer;
            transition: background 0.15s;
        }
        .screens-lb-close:hover { background: rgba(255, 255, 255, 0.22); }
        @keyframes screens-lb-fade { from { opacity: 0; } to { opacity: 1; } }
        @media (prefers-reduced-motion: reduce) {
            .screens-lb { animation: none; }
        }
        /* Курсор zoom-in на самих слайдах — намёк что кликабельно */
        .screens-slide img { cursor: zoom-in; }
        /* Блокируем скролл body при открытом overlay */
        body.screens-lb-open { overflow: hidden; }