body {
            font-family: 'Inter', sans-serif;
            margin: 0;
            padding: 0;
            background-color: #111;
        }

        .heading-font {
            font-family: 'Oswald', sans-serif;
        }

        .overlay-gradient {
            background: linear-gradient(90deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.4) 40%, rgba(0, 0, 0, 0) 100%);
        }

        /* Seamless looping video fix */
        video {
            object-fit: cover;
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            z-index: 0;
        }

        /* 3D Screen Custom Scrollbar */
        .screen-scroll::-webkit-scrollbar {
            width: 8px;
        }

        .screen-scroll::-webkit-scrollbar-track {
            background: rgba(0, 0, 0, 0.3);
            border-radius: 10px;
            margin: 10px;
        }

        .screen-scroll::-webkit-scrollbar-thumb {
            background: rgba(255, 215, 0, 0.3);
            border-radius: 10px;
            border: 2px solid rgba(0, 0, 0, 0.3);
        }

        .screen-scroll::-webkit-scrollbar-thumb:hover {
            background: rgba(255, 215, 0, 0.5);
        }

        /* Continuous Floating Animation ("udta hua") */
        @keyframes floating {
            0% {
                transform: translateY(0px);
            }

            50% {
                transform: translateY(-8px);
            }

            100% {
                transform: translateY(0px);
            }
        }

        .icon-float {
            animation: floating 3s ease-in-out infinite;
        }

        .icon-float-delayed {
            animation: floating 3s ease-in-out 1.5s infinite;
        }


        /* Cinematic Slider Styles */
        .slide-card {
            transition: all 0.7s cubic-bezier(0.25, 1, 0.5, 1);
            filter: brightness(0.4) saturate(0.5);
            transform: scale(0.85);
            flex-shrink: 0;
            width: 200px;
            height: 140px;
            position: relative;
        }

        .slide-card.active {
            filter: brightness(1) saturate(1.2);
            transform: scale(1);
            width: 320px;
            height: 220px;
            box-shadow: 0 0 40px rgba(206, 255, 0, 0.15);
            z-index: 10;
        }

        .bg-blur-layer {
            background-size: cover;
            background-position: center;
            filter: blur(6px) brightness(0.8);
            /* Very mild blur and lighter brightness */
            transform: scale(1.05);
            transition: opacity 1s ease-in-out;
            position: absolute;
            inset: -20px;
        }

        @keyframes marquee {
            0% {
                transform: translateX(0%);
            }

            100% {
                transform: translateX(-50%);
            }
        }

        .animate-marquee {
            animation: marquee 20s linear infinite;
        }

        /* Brand Infinite Scroll */
        @keyframes brand-scroll {
            0% { transform: translateX(0); }
            100% { transform: translateX(-100%); }
        }
        .animate-brand-scroll {
            animation: brand-scroll 25s linear infinite;
            display: flex;
            white-space: nowrap;
        }
        .animate-brand-scroll:hover {
            animation-play-state: paused;
        }

        /* 3D Review Carousel */
        .perspective-1000 { perspective: 1000px; }
        .preserve-3d { transform-style: preserve-3d; }
        .review-card {
            position: absolute;
            transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
            width: 100%;
            max-width: 350px;
            background: rgba(255, 255, 255, 0.03);
            backdrop-filter: blur(12px);
            border: 1px solid rgba(255, 255, 255, 0.05);
            border-radius: 1.5rem;
            padding: 1.5rem;
            opacity: 0;
            pointer-events: none;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%) scale(0.5);
        }
        .review-card.active {
            transform: translate(-50%, -50%) scale(1) translateZ(0);
            opacity: 1;
            z-index: 20;
            pointer-events: auto;
            background: rgba(255, 255, 255, 0.08);
            border: 1px solid rgba(255, 255, 255, 0.15);
            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
        }
        .review-card.prev {
            transform: translate(-110%, -50%) scale(0.8) translateZ(-100px) rotateY(15deg);
            opacity: 0.4;
            z-index: 10;
            pointer-events: auto;
            cursor: pointer;
        }
        .review-card.next {
            transform: translate(10%, -50%) scale(0.8) translateZ(-100px) rotateY(-15deg);
            opacity: 0.4;
            z-index: 10;
            pointer-events: auto;
            cursor: pointer;
        }
        .review-card.hidden-left {
            transform: translate(-150%, -50%) scale(0.6) translateZ(-200px) rotateY(25deg);
            opacity: 0;
            z-index: 0;
        }
        .review-card.hidden-right {
            transform: translate(50%, -50%) scale(0.6) translateZ(-200px) rotateY(-25deg);
            opacity: 0;
            z-index: 0;
        }

        /* 3D Product Card Styles */
        .card-3d-container {
            perspective: 1200px;
        }

        .card-3d-wrapper {
            transform-style: preserve-3d;
            transition: transform 0.6s cubic-bezier(0.23, 1, 0.32, 1), box-shadow 0.6s ease;
        }

        .card-3d-container:hover .card-3d-wrapper {
            transform: rotateX(8deg) rotateY(-8deg) scale(1.02);
            box-shadow: -15px 20px 30px rgba(0, 0, 0, 0.5), inset 0 0 0 1px rgba(255, 255, 255, 0.2);
        }

        .pop-out {
            transition: transform 0.6s cubic-bezier(0.23, 1, 0.32, 1);
        }

        .card-3d-container:hover .pop-out {
            transform: translateZ(60px);
        }
        
        .pop-out-text {
            transition: transform 0.6s cubic-bezier(0.23, 1, 0.32, 1);
        }

        .card-3d-container:hover .pop-out-text {
            transform: translateZ(30px);
        }

        .glow-bg {
            position: absolute;
            width: 300px;
            height: 300px;
            background: radial-gradient(circle, rgba(255,215,0,0.1) 0%, rgba(0,0,0,0) 70%);
            border-radius: 50%;
            pointer-events: none;
            z-index: -1;
            filter: blur(40px);
        }