/* Custom Styles for extra polish */
        body {
            background-color: #0B0410;
            color: #ffffff;
            overflow-x: hidden;
        }

        html {
            overflow-x: clip;
        }

        section[id] {
            scroll-margin-top: 96px;
        }

        .glass-panel {
            background: rgba(21, 10, 31, 0.6);
            backdrop-filter: blur(12px);
            -webkit-backdrop-filter: blur(12px);
            border: 1px solid rgba(139, 92, 246, 0.15);
            box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
        }

        .glass-panel:hover {
            border-color: rgba(139, 92, 246, 0.4);
            box-shadow: 0 0 20px rgba(139, 92, 246, 0.2);
        }

        .text-gradient {
            background: linear-gradient(to right, #A855F7, #D946EF, #E9D5FF);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

        .btn-primary {
            background: linear-gradient(135deg, #8B5CF6, #D946EF);
            transition: all 0.3s ease;
        }

        .btn-primary:hover {
            box-shadow: 0 0 20px rgba(217, 70, 239, 0.5);
            transform: translateY(-2px);
        }

        .platform-brand-icon {
            width: 1.8rem;
            height: 1.8rem;
            object-fit: contain;
            filter: drop-shadow(0 0 10px rgba(255,255,255,0.08));
        }

        .platform-icon-wrap {
            background: transparent;
            border: 0;
        }

        @media (min-width: 768px) {
            .platform-brand-icon {
                width: 2.15rem;
                height: 2.15rem;
            }
        }

        /* Ambient Glows */
        .glow-top-left {
            position: fixed;
            top: -10%;
            left: -10%;
            width: 50vw;
            height: 50vw;
            background: radial-gradient(circle, rgba(139,92,246,0.15) 0%, rgba(11,4,16,0) 70%);
            z-index: -1;
            pointer-events: none;
        }

        .glow-bottom-right {
            position: fixed;
            bottom: -10%;
            right: -10%;
            width: 50vw;
            height: 50vw;
            background: radial-gradient(circle, rgba(217,70,239,0.1) 0%, rgba(11,4,16,0) 70%);
            z-index: -1;
            pointer-events: none;
        }

        .hero-media-bg {
            position: absolute;
            inset: 0;
            z-index: 0;
            pointer-events: none;
            overflow: hidden;
        }

        .hero-media-bg::after {
            content: "";
            position: absolute;
            inset: 0;
            background: linear-gradient(to bottom, rgba(11,4,16,0.66) 0%, rgba(11,4,16,0.46) 40%, rgba(11,4,16,0.74) 100%);
        }

        .hero-media-slide {
            position: absolute;
            inset: -2%;
            width: 104%;
            height: 104%;
            object-fit: cover;
            opacity: 0;
            filter: saturate(1.05) contrast(1.02) brightness(0.78);
            transform: scale(1.08);
            animation: hero-slide-fade 24s ease-in-out infinite;
        }

        .hero-media-slide:nth-child(1) {
            animation-delay: 0s;
        }

        .hero-media-slide:nth-child(2) {
            animation-delay: 8s;
        }

        .hero-media-slide:nth-child(3) {
            animation-delay: 16s;
        }

        @keyframes hero-slide-fade {
            0% {
                opacity: 0;
                transform: scale(1.08);
            }
            8% {
                opacity: 0.36;
                transform: scale(1);
            }
            30% {
                opacity: 0.36;
                transform: scale(1.02);
            }
            38% {
                opacity: 0;
                transform: scale(1.05);
            }
            100% {
                opacity: 0;
                transform: scale(1.05);
            }
        }

        /* Infinite platform marquee */
        .platform-marquee {
            position: relative;
            overflow: hidden;
            width: 100%;
            mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
            -webkit-mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
        }

        .platform-marquee-track {
            display: flex;
            width: max-content;
            animation: platform-scroll 18s linear infinite;
            will-change: transform;
        }

        .platform-marquee-group {
            display: flex;
            align-items: center;
            gap: clamp(2.5rem, 6vw, 5rem);
            padding-right: clamp(2.5rem, 6vw, 5rem);
            white-space: nowrap;
        }

        .platform-logo {
            font-size: clamp(2.4rem, 5vw, 3.8rem);
            line-height: 1;
            font-weight: 900;
            letter-spacing: -0.02em;
        }

        @keyframes platform-scroll {
            from { transform: translateX(0); }
            to { transform: translateX(-50%); }
        }

        @keyframes row-scroll-left {
            from { transform: translateX(0); }
            to { transform: translateX(-50%); }
        }

        @keyframes row-scroll-right {
            from { transform: translateX(-50%); }
            to { transform: translateX(0); }
        }

        @media (prefers-reduced-motion: reduce) {
            .platform-marquee-track {
                animation: none;
            }

            .platform-row-track {
                animation: none;
            }
        }

        @media (max-width: 640px) {
            .hero-section {
                overflow-x: clip;
            }

            .hero-media-slide {
                inset: -1.5%;
                width: 103%;
                height: 103%;
                filter: blur(0.4px) saturate(1.04) brightness(0.76);
            }

            .hero-content {
                width: 100%;
                max-width: 100%;
                overflow-x: clip;
                padding-inline: 0;
            }

            .hero-badge-wrap {
                width: 100%;
                display: flex;
                justify-content: center;
            }

            .hero-content h1 {
                max-width: 11ch;
                margin-inline: auto;
                text-wrap: balance;
                white-space: normal;
                overflow-wrap: anywhere;
            }

            .hero-content p {
                max-width: 26ch;
                margin-inline: auto;
            }

            .platform-marquee-group {
                gap: 2rem;
                padding-right: 2rem;
            }

            .platform-marquee {
                display: none;
            }

            .platform-logo {
                font-size: clamp(1.7rem, 8.8vw, 2.4rem);
            }

            .platform-mobile-rows {
                display: grid;
                gap: 0.75rem;
                overflow: hidden;
                width: 100%;
            }

            .platform-row {
                overflow: hidden;
                width: 100%;
            }

            .platform-row-track {
                display: flex;
                width: max-content;
                will-change: transform;
                backface-visibility: hidden;
                transform: translateZ(0);
            }

            .platform-row-content {
                display: flex;
                align-items: center;
                justify-content: center;
                gap: 1.5rem;
                padding-right: 1.5rem;
                white-space: nowrap;
                min-width: 100%;
            }

            .platform-row:nth-child(odd) .platform-row-track {
                animation: row-scroll-right 15s linear infinite;
            }

            .platform-row:nth-child(even) .platform-row-track {
                animation: row-scroll-left 15s linear infinite;
            }

            .platform-row:last-child .platform-row-track {
                animation-duration: 10s;
            }
        }

        /* FAQ Accordion */
        details > summary {
            list-style: none;
        }
        details > summary::-webkit-details-marker {
            display: none;
        }