body {
            background-color: #FAFAFA;
            color: #080808;
            overflow-x: hidden;
        }

        h1, h2 { text-wrap: balance; }
        .stat-counter { font-variant-numeric: tabular-nums; }

        .bg-dots {
            background-image: radial-gradient(rgba(8, 8, 8, 0.06) 1px, transparent 1px);
            background-size: 24px 24px;
        }

        .glass-nav {
            background: rgba(250, 250, 250, 0.9);
            backdrop-filter: blur(12px);
            -webkit-backdrop-filter: blur(12px);
            border-bottom: 1px solid rgba(8, 8, 8, 0.1);
        }

        /* Reveal fallback (no GSAP) */
        .reveal { opacity: 0; transform: translateY(20px); transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1); }
        .reveal.active { opacity: 1; transform: translateY(0); }

        /* GSAP override */
        .gsap-ready .reveal { opacity: 1; transform: none; transition: none; }

        /* Liquid Glass Yellow */
        .liquid-glass-yellow {
            background: linear-gradient(135deg, rgba(210, 255, 0, 0.6) 0%, rgba(210, 255, 0, 0.2) 100%);
            backdrop-filter: blur(12px);
            -webkit-backdrop-filter: blur(12px);
            border: 1px solid rgba(210, 255, 0, 0.4);
            border-top: 1px solid rgba(255, 255, 255, 0.9);
            border-left: 1px solid rgba(255, 255, 255, 0.9);
            box-shadow: 0 8px 32px 0 rgba(210, 255, 0, 0.15);
        }

        ::-webkit-scrollbar { width: 8px; }
        ::-webkit-scrollbar-track { background: #FAFAFA; border-left: 1px solid #E5E5E5; }
        ::-webkit-scrollbar-thumb { background: #080808; }

        button:focus { outline: none; }

        /* Feature sticky panel */
        .feature-image-panel {
            position: sticky;
            top: 5rem;
            height: calc(100vh - 5rem);
            display: flex;
            align-items: center;
            justify-content: center;
        }

        /* Feature block active state */
        .feature-block { opacity: 1; transition: opacity 0.4s ease; }
        .feature-block.inactive { opacity: 0.25; }

        /* Spec row hover */
        .spec-row { transition: background 0.2s ease; }
        .spec-row:hover { background: #F5F5F5; }

        /* Product nav card */
        .prod-nav-card { transition: background-color 0.3s ease, color 0.3s ease; }
        .prod-nav-card:hover { background: #080808; color: #FAFAFA; }
        .prod-nav-card:hover .nav-label { color: #D2FF00; }

        /* RTL */
        html[dir="rtl"] .liquid-glass-yellow {
            border-left: none;
            border-right: 1px solid rgba(255, 255, 255, 0.9);
        }
        html[dir="rtl"] .border-l { border-left: none; border-right-width: 1px; }
        html[dir="rtl"] .ml-4 { margin-left: 0; margin-right: 1rem; }
        html[dir="rtl"] .pl-6 { padding-left: 0; padding-right: 1.5rem; }