body {
            background-color: #fbfaf8;
            color: #1a1a1a;
            overflow-x: hidden;
            margin: 0;
            padding: 0;
        }
        
        ::-webkit-scrollbar { width: 8px; }
        ::-webkit-scrollbar-track { background: #fbfaf8; }
        ::-webkit-scrollbar-thumb { background: #e8e4e1; border-radius: 4px; }

        /* 3D Canvas строго на весь экран, под текстом */
        #canvas-container {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 0;
            cursor: grab;
        }
        #canvas-container:active { cursor: grabbing; }

        .scroll-indicator { animation: bounce 2s infinite; }
        @keyframes bounce {
            0%, 20%, 50%, 80%, 100% { transform: translateY(0); }
            40% { transform: translateY(-10px); }
            60% { transform: translateY(-5px); }
        }

        /* Зеркальная подложка для меню (появится на 3 блоке) */
        .glass-mirror {
            background: rgba(255, 255, 255, 0.85); /* Плотный белый, чтобы было видно на белом фоне */
            backdrop-filter: blur(24px) saturate(150%);
            -webkit-backdrop-filter: blur(24px) saturate(150%);
            border-bottom: 1px solid rgba(0, 0, 0, 0.05);
            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.03);
        }

        /* Инверсия меню для темного блока */
        .nav-dark.glass-mirror {
            background: rgba(18, 17, 16, 0.85); /* Темный фон для стеклянной плашки */
            border-bottom: 1px solid rgba(255, 255, 255, 0.05);
        }
        .nav-dark .text-brand-text { color: #ffffff !important; }
        .nav-dark .bg-\[\#fbfaf8\] { background-color: rgba(255, 255, 255, 0.1) !important; border-color: rgba(255, 255, 255, 0.15) !important; }
        .nav-dark .text-brand-accent { color: #ffffff !important; }
        .nav-dark a[href="#cta"] { background-color: #ffffff !important; color: #1a1a1a !important; box-shadow: 0 4px 15px rgba(255,255,255,0.2) !important; }

        /* Компактное меню: Жестко перебиваем Tailwind-классы */
        #navbar.nav-compact { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; }
        #navbar.nav-compact .nav-logo-icon { width: 1.75rem !important; height: 1.75rem !important; }
        #navbar.nav-compact .nav-logo-icon svg { width: 16px !important; height: 16px !important; }
        #navbar.nav-compact .nav-logo-text { font-size: 15px !important; }
        #navbar.nav-compact .nav-links-container { gap: 1.25rem !important; }
        #navbar.nav-compact .nav-link { font-size: 13px !important; }
        #navbar.nav-compact .nav-phone { font-size: 13.5px !important; }
        #navbar.nav-compact .nav-cta { padding-top: 0.4rem !important; padding-bottom: 0.4rem !important; font-size: 13px !important; }

        /* Физика 3D вопроса */
        @keyframes float-3d {
            0%, 100% { transform: translateY(0px) rotate(0deg) scale(1); }
            50% { transform: translateY(-20px) rotate(5deg) scale(1.05); }
        }
        .animate-float-3d { animation: float-3d 5s ease-in-out infinite; }

        /* Форма больше не выбита из потока, всем управляет GSAP */