/* Base styles */
        body {
            font-family: 'Inter', sans-serif;
            background-color: #050505;
            color: #ffffff;
            -ms-overflow-style: none;
            scrollbar-width: none;
            overflow-x: hidden;
            scroll-behavior: smooth;
        }
        body::-webkit-scrollbar { display: none; }
        
        .hide-scrollbar::-webkit-scrollbar {
            display: none;
        }
        .hide-scrollbar {
            -ms-overflow-style: none;
            scrollbar-width: none;
        }

        /* Shared Border Gradient */
        .border-gradient {
            position: relative;
        }
        .border-gradient::before {
            content: "";
            position: absolute;
            inset: 0;
            border-radius: inherit;
            padding: 1px;
            -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
            -webkit-mask-composite: xor;
            mask-composite: exclude;
            background: linear-gradient(225deg, rgba(255, 255, 255, 0.0) 0%, rgba(59, 130, 246, 0.5) 50%, rgba(255, 255, 255, 0.0) 100%);
            pointer-events: none;
        }

        /* Glowing Electric Card */
        .electric-card {
            box-shadow: 0 0 30px rgba(59, 130, 246, 0.15), inset 0 0 20px rgba(59, 130, 246, 0.05);
        }

        /* Keyframe Animations */
        @keyframes fadeInUpBlur {
            0% { opacity: 0; transform: translateY(30px); filter: blur(10px); }
            100% { opacity: 1; transform: translateY(0); filter: blur(0); }
        }
        @keyframes beam-spin { to { transform: rotate(360deg); } }
        
        /* Animation Classes */
        .animate-entry { animation: fadeInUpBlur 1s cubic-bezier(0.2, 0.8, 0.2, 1) both; }
        .delay-100 { animation-delay: 100ms; }
        .delay-200 { animation-delay: 200ms; }
        .delay-300 { animation-delay: 300ms; }
        .delay-500 { animation-delay: 500ms; }

        /* Initial state for ScrollTrigger elements */
        .st-fade-up {
            opacity: 0;
            transform: translateY(40px);
        }

        /* Video Setup */
        #video-bg {
            position: fixed;
            top: 0;
            right: 0;
            left: auto;
            width: 60%;
            height: 100vh;
            object-fit: cover;
            object-position: center;
            z-index: -1;
            opacity: 0.7;
            background-color: transparent;
            -webkit-mask-image: linear-gradient(to right, transparent 0%, black 40%);
            mask-image: linear-gradient(to right, transparent 0%, black 40%);
        }

        .video-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100vh;
            background: radial-gradient(circle at 75% center, rgba(5,5,5,0) 0%, rgba(5,5,5,0.95) 100%);
            z-index: -1;
            pointer-events: none;
        }

        /* The Engine Scroll Container */
        .engine-container {
            height: 300vh; /* Space to scroll */
            position: relative;
        }
        .engine-sticky {
            position: sticky;
            top: 0;
            height: 100vh;
            display: flex;
            align-items: center;
            overflow: hidden;
        }

        /* Gradient Text */
        .text-gradient {
            background-clip: text;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-image: linear-gradient(to right, #60a5fa, #2563eb);
        }
    


                    .card-grid-bg {
                        background-color: #ffffff;
                        background-image: 
                            linear-gradient(rgba(0, 0, 0, 0.03) 1px, transparent 1px),
                            linear-gradient(90deg, rgba(0, 0, 0, 0.03) 1px, transparent 1px);
                        background-size: 24px 24px;
                    }
                    .dark .card-grid-bg {
                        background-color: #0c0d12;
                        background-image: 
                            linear-gradient(rgba(255, 255, 255, 0.02) 1px, transparent 1px),
                            linear-gradient(90deg, rgba(255, 255, 255, 0.02) 1px, transparent 1px);
                    }

                


                                        @keyframes spinY {
                                            0% { transform: perspective(1000px) rotateY(-25deg); }
                                            50% { transform: perspective(1000px) rotateY(25deg); }
                                            100% { transform: perspective(1000px) rotateY(-25deg); }
                                        }
                                        .animate-spin-y {
                                            animation: spinY 8s ease-in-out infinite;
                                            transform-style: preserve-3d;
                                        }
                                        


                    .partner-card { position:relative; overflow:hidden; border-radius:1rem; background:rgba(255,255,255,0.03); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); border:1px solid rgba(255,255,255,0.08); cursor:pointer; transition:all 0.5s cubic-bezier(0.2,0.8,0.2,1); box-shadow:0 4px 20px rgba(0,0,0,0.3); }
                    .partner-card:hover { border-color:rgba(59,130,246,0.3); box-shadow:0 0 30px rgba(59,130,246,0.1),0 12px 40px rgba(0,0,0,0.5); transform:translateY(-4px); }
                    .partner-photo-wrap { position:relative; overflow:hidden; aspect-ratio:1/1; background:#1a1a1a; }
                    .partner-photo { width:100%; height:100%; object-fit:cover; object-position:top center; filter:grayscale(100%) contrast(1.1) brightness(0.85); transition:all 0.6s cubic-bezier(0.2,0.8,0.2,1); transform-origin: top center; transform:scale(1.12); }
                    .partner-card:hover .partner-photo { filter:grayscale(0%) contrast(1) brightness(1); transform:scale(1.2); }
                    .partner-overlay { position:absolute; inset:0; background:linear-gradient(to top,rgba(10,10,12,0.95) 0%,rgba(10,10,12,0.3) 50%,transparent 100%); opacity:0; transition:opacity 0.4s ease; display:flex; flex-direction:column; justify-content:flex-end; padding:0.75rem; }
                    .partner-card:hover .partner-overlay { opacity:1; }
                    .partner-bio { max-height:0; overflow:hidden; opacity:0; transition:all 0.4s cubic-bezier(0.2,0.8,0.2,1); }
                    .partner-card:hover .partner-bio { max-height:60px; opacity:1; }
                    .partner-badge { opacity:0; transform:translateY(6px); transition:all 0.3s ease 0.1s; }
                    .partner-card:hover .partner-badge { opacity:1; transform:translateY(0); }
                    .partner-linkedin { position:absolute; top:0.5rem; right:0.5rem; opacity:0; transform:translateY(-4px); transition:all 0.3s ease 0.15s; z-index:10; }
                    .partner-card:hover .partner-linkedin { opacity:1; transform:translateY(0); }
                


                    .model-card {
                        position: relative;
                        border-radius: 1.5rem;
                        background: #eff6ff;
                        backdrop-filter: blur(16px);
                        -webkit-backdrop-filter: blur(16px);
                        border: 1px solid #dbeafe;
                        padding: 2rem;
                        transition: all 0.5s cubic-bezier(0.2,0.8,0.2,1);
                        display: flex;
                        flex-direction: column;
                        box-shadow: 0 4px 24px rgba(0,0,0,0.05), inset 0 1px 0 rgba(255,255,255,0.5);
                    }
                    .dark .model-card {
                        background: rgba(255,255,255,0.03);
                        border: 1px solid rgba(255,255,255,0.08);
                        box-shadow: 0 4px 24px rgba(0,0,0,0.3), inset 0 1px 0 rgba(255,255,255,0.05);
                    }
                    .model-card:hover {
                        transform: translateY(-8px);
                        border-color: #60a5fa;
                        box-shadow: 0 0 80px rgba(59,130,246,0.8);
                        background-color: rgba(30,58,138,0.2);
                    }
                    .dark .model-card:hover {
                        box-shadow: 0 0 80px rgba(59,130,246,0.8);
                        background-color: rgba(30,58,138,0.2);
                    }
                    .model-card--featured {
                        border-color: rgba(59,130,246,0.4);
                        background: linear-gradient(180deg, #dbeafe 0%, #eff6ff 40%);
                        box-shadow: 0 12px 50px rgba(59,130,246,0.15), 0 0 30px rgba(59,130,246,0.12), inset 0 1px 0 rgba(255,255,255,0.5);
                        transform: translateY(-12px) scale(1.02);
                        z-index: 2;
                    }
                    .dark .model-card--featured {
                        border-color: rgba(59,130,246,0.3);
                        background: linear-gradient(180deg, rgba(59,130,246,0.08) 0%, rgba(255,255,255,0.03) 40%);
                        box-shadow: 0 12px 50px rgba(0,0,0,0.5), 0 0 30px rgba(59,130,246,0.12), inset 0 1px 0 rgba(59,130,246,0.15);
                    }
                    .model-card--featured:hover {
                        transform: translateY(-20px) scale(1.03);
                        border-color: #60a5fa;
                        box-shadow: 0 0 100px rgba(59,130,246,0.9);
                        background-color: rgba(30,58,138,0.3);
                    }
                    .dark .model-card--featured:hover {
                        box-shadow: 0 0 100px rgba(59,130,246,0.9);
                        background-color: rgba(30,58,138,0.3);
                    }
                    .model-benefit {
                        position: relative;
                        padding-left: 1.25rem;
                    }
                    .model-benefit::before {
                        content: '';
                        position: absolute;
                        left: 0;
                        top: 0.5rem;
                        width: 6px;
                        height: 6px;
                        border-radius: 50%;
                        background: #3b82f6;
                        opacity: 0.6;
                    }
                    .model-when { border-top: 1px solid rgba(255,255,255,0.06); margin-top: 1.5rem; padding-top: 1.5rem; }
                    .model-when-item { position: relative; padding-left: 1rem; }
                    .model-when-item::before { content: '→'; position: absolute; left: 0; color: rgba(255,255,255,0.2); font-size: 0.75rem; }
                


.custom-scrollbar::-webkit-scrollbar {
    width: 6px;
}
.custom-scrollbar::-webkit-scrollbar-track {
    background: transparent;
}
.custom-scrollbar::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.1);
    border-radius: 10px;
}
.custom-scrollbar::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.3);
}