html {
            scroll-behavior: smooth;
        }

        body {
            background-color: #050505;
            color: #e5e5e5;
            overflow-x: hidden;
        }

        .grid-bg {
            background-image:
                linear-gradient(to right, rgba(255, 255, 255, 0.03) 1px, transparent 1px),
                linear-gradient(to bottom, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
            background-size: 60px 60px;
            mask-image: radial-gradient(ellipse at center, black 40%, transparent 70%);
            -webkit-mask-image: radial-gradient(ellipse at center, black 40%, transparent 70%);
        }

        .btn-glow {
            box-shadow: 0 0 20px rgba(249, 115, 22, 0.4);
            transition: box-shadow 0.3s ease;
        }

        .btn-glow:hover {
            box-shadow: 0 0 40px rgba(249, 115, 22, 0.7);
        }

        .glass-panel {
            background: rgba(10, 10, 10, 0.6);
            backdrop-filter: blur(12px);
            -webkit-backdrop-filter: blur(12px);
            border: 1px solid rgba(255, 255, 255, 0.08);
        }

        /* Protocol Steps Spark & Sync - 12s Cycle with 2s Reset Delay */
        @keyframes protocol-spark-sweep {
            /* Phase 1: Circle 01 (Right) to Circle 02 (Left) - 0s to 5s */
            0% { left: calc(16.67% + 28px); opacity: 0; }
            4% { opacity: 1; }
            38% { left: calc(50% - 28px - 80px); opacity: 1; }
            41% { opacity: 0; }
            
            /* Jump over Circle 02 - Midpoint at 50% (6s) */
            43% { opacity: 0; }
            
            /* Phase 2: Circle 02 (Right) to Circle 03 (Left) - 5s to 10s */
            42% { left: calc(50% + 28px); opacity: 0; }
            46% { opacity: 1; }
            80% { left: calc(83.33% - 28px - 80px); opacity: 1; }
            83% { opacity: 0; }

            /* 2s REST Phase: 10s to 12s */
            84%, 100% { opacity: 0; }
        }

        .protocol-line-container {
            position: absolute;
            top: 16px;
            left: 0;
            right: 0;
            height: 2px;
            z-index: 5;
            pointer-events: none;
        }

        @media (min-width: 1280px) {
            .protocol-line-container { top: 20px; }
        }

        .protocol-spark {
            position: absolute;
            top: 0;
            width: 80px;
            height: 100%;
            background: linear-gradient(90deg, transparent, #F97316, #FFFFFF, #F97316, transparent);
            filter: blur(1px) drop-shadow(0 0 12px #F97316);
            will-change: left;
            transform: translateZ(0);
            animation: protocol-spark-sweep 12s linear infinite;
        }

        @keyframes circle-glow-seq {
            0%, 5% { border-color: #F97316; box-shadow: 0 0 25px rgba(249, 115, 22, 0.7); background-color: rgba(249, 115, 22, 0.15); }
            15%, 100% { border-color: rgba(255, 255, 255, 0.2); box-shadow: none; background-color: #050505; }
        }

        .step-pulse-01 { animation: circle-glow-seq 12s infinite 0s !important; }
        .step-pulse-02 { animation: circle-glow-seq 12s infinite 5s !important; }
        .step-pulse-03 { animation: circle-glow-seq 12s infinite 10s !important; }

        /* Restored Beam Animations */
        .beam-border-v {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            width: 1px;
            background: rgba(255, 255, 255, 0.05);
            overflow: hidden;
            z-index: 10;
            pointer-events: none;
        }

        .beam-border-v::after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            background: linear-gradient(to bottom, transparent, #F97316, transparent);
            transform: translateY(-100%);
            animation: beam-drop 5s cubic-bezier(0.4, 0, 0.2, 1) infinite;
            opacity: 0.7;
        }

        .beam-border-h {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            height: 1px;
            background: rgba(255, 255, 255, 0.05);
            overflow: hidden;
            z-index: 10;
            pointer-events: none;
        }

        .beam-border-h::after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            background: linear-gradient(to right, transparent, #F97316, transparent);
            transform: translateX(-100%);
            animation: beam-slide 7s cubic-bezier(0.4, 0, 0.2, 1) infinite;
            animation-delay: 2.5s;
            opacity: 0.7;
        }

        @keyframes beam-drop {
            0% { transform: translateY(-100%); opacity: 0; }
            10% { opacity: 1; }
            90% { opacity: 1; }
            100% { transform: translateY(100%); opacity: 0; }
        }

        /* Global Side Beam */
        .beam-global-v {
            position: fixed;
            top: 0;
            bottom: 0;
            left: 5vw;
            width: 1px;
            background: linear-gradient(to bottom, 
                rgba(255, 255, 255, 0), 
                rgba(255, 255, 255, 0.05) 20%, 
                rgba(255, 255, 255, 0.05) 80%, 
                rgba(255, 255, 255, 0)
            );
            z-index: 100;
            pointer-events: none;
            display: none;
        }

        @media (min-width: 1024px) {
            .beam-global-v {
                display: block;
            }
        }

        .beam-global-spark {
            position: absolute;
            top: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 2px;
            height: 25vh;
            background: linear-gradient(to bottom, 
                transparent, 
                rgba(249, 115, 22, 0.2) 10%, 
                #F97316 45%, 
                #FFFFFF 50%, 
                #F97316 55%, 
                rgba(249, 115, 22, 0.2) 90%, 
                transparent
            );
            filter: drop-shadow(0 0 10px rgba(249, 115, 22, 0.8)) drop-shadow(0 0 20px rgba(249, 115, 22, 0.3));
            opacity: 1;
            will-change: transform;
            animation: beam-drop 8s linear infinite;
        }

        /* Precision Flare at the core position */
        .beam-global-spark::after {
            content: '';
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 8px;
            height: 8px;
            background: radial-gradient(circle, #FFFFFF 0%, #F97316 50%, transparent 80%);
            border-radius: 50%;
            box-shadow: 0 0 20px rgba(249, 115, 22, 0.8);
        }

        @keyframes beam-slide {
            0% { transform: translateX(-100%); opacity: 0; }
            10% { opacity: 1; }
            90% { opacity: 1; }
            100% { transform: translateX(100%); opacity: 0; }
        }

        /* Hide elements initially for GSAP */
        .hero-text-stagger,
        .hero-card {
            opacity: 0;
            visibility: hidden;
        }

        /* Flashlight Card Combine */
        .flashlight-card {
            position: relative;
        }

        .flashlight-card::after {
            content: "";
            position: absolute;
            inset: 0px;
            background: radial-gradient(600px circle at var(--mouse-x, 50%) var(--mouse-y, 50%),
                    rgba(249, 115, 22, 0.15),
                    transparent 40%);
            opacity: 0;
            transition: opacity 0.5s;
            pointer-events: none;
            z-index: 100;
        }

        .flashlight-card:hover::after {
            opacity: 1;
        }

        /* Custom Form Styling */
        select::-ms-expand { display: none; }
        
        select option {
            background-color: #0A0A0A !important;
            color: #e5e5e5 !important;
        }

        /* Glassmorphism for Custom Dropdown */
        #service-menu {
            backdrop-filter: blur(20px);
            -webkit-backdrop-filter: blur(20px);
            border: 1px solid rgba(255, 255, 255, 0.08);
            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
        }

        .service-option:hover {
            background: linear-gradient(90deg, rgba(249, 115, 22, 0.1), transparent);
        }

        /* Input Autofill override for dark theme */
        input:-webkit-autofill,
        input:-webkit-autofill:hover, 
        input:-webkit-autofill:focus {
            -webkit-text-fill-color: #ffffff;
            -webkit-box-shadow: 0 0 0px 1000px #050505 inset;
            transition: background-color 5000s ease-in-out 0s;
        }

        /* Label Glow Effect */
        .group\/input:hover label {
            text-shadow: 0 0 8px rgba(249, 115, 22, 0.4);
        }

        /* Clinical Pulse for Dr. Flow Quotes */
        @keyframes pulse-clinical {
            0%, 100% {
                box-shadow: 0 0 10px rgba(249, 115, 22, 0.15);
                border-color: rgba(249, 115, 22, 0.2);
                background-color: rgba(0, 0, 0, 0.5);
            }
            50% {
                box-shadow: 0 0 25px rgba(249, 115, 22, 0.35);
                border-color: rgba(249, 115, 22, 0.5);
                background-color: rgba(249, 115, 22, 0.05);
            }
        }
        .clinical-pulse {
            animation: pulse-clinical 4s ease-in-out infinite;
        }