/* CSS Reset and Experimental Overrides */
        body { background-color: #F6F5F1; color: #1a1a1a; overflow-x: hidden; scroll-behavior: smooth; font-family: 'Outfit', sans-serif; }
        .font-script { font-family: 'Arizonia', cursive; }
        
        /* Hero Split Engine */
        .hero-split-container { position: relative; height: 200vh; }
        .sticky-wrapper { position: sticky; top: 0; height: 100vh; width: 100%; display: flex; overflow: hidden; }
        .risk-side { 
            background: #898B8A; 
            width: 50%; 
            height: 100%; 
            transition: width 0.8s cubic-bezier(0.16, 1, 0.3, 1); 
            display: flex; 
            align-items: center; 
            justify-content: center;
            overflow: hidden;
            position: relative;
        }
        .safe-side { 
            background: #16A596; 
            width: 50%; 
            height: 100%; 
            transition: width 0.8s cubic-bezier(0.16, 1, 0.3, 1); 
            display: flex; 
            align-items: center; 
            justify-content: center;
            overflow: hidden;
            position: relative;
        }
        .glow-line {
            position: absolute;
            left: 50%;
            top: 0;
            bottom: 0;
            width: 2px;
            background: white;
            box-shadow: 0 0 20px rgba(255,255,255,0.8);
            z-index: 50;
            transform: translateX(-50%);
            transition: left 0.8s cubic-bezier(0.16, 1, 0.3, 1);
        }

        /* Floating Layers Section */
        .float-layer { 
            position: absolute; 
            transition: transform 0.3s ease-out; 
            filter: drop-shadow(0 20px 40px rgba(0,0,0,0.1));
        }
        
        /* Curved Path Design */
        .curve-container { position: relative; padding: 200px 0; }
        .path-blob {
            position: absolute;
            z-index: -1;
            opacity: 0.1;
            filter: blur(80px);
        }

        /* Modal Overlays */
        #main-modal {
            display: none;
            position: fixed;
            inset: 0;
            background: rgba(26, 26, 26, 0.95);
            backdrop-filter: blur(20px);
            z-index: 2000;
            align-items: center;
            justify-content: center;
            padding: 20px;
        }

        /* Image Collage */
        .collage-img {
            position: absolute;
            transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
            border-radius: 20px;
            box-shadow: 0 20px 40px rgba(0,0,0,0.2);
        }
        .collage-img:hover { transform: scale(1.05) rotate(0deg) !important; z-index: 100; }

        /* Hide Scrollbar */
        ::-webkit-scrollbar { width: 4px; }
        ::-webkit-scrollbar-thumb { background: #16A596; border-radius: 10px; }

        .reveal { opacity: 0; transform: translateY(50px); transition: all 1s ease-out; }
        .reveal.active { opacity: 1; transform: translateY(0); }

        /* Animation Keyframes */
        @keyframes float-anim {
            0%, 100% { transform: translateY(0); }
            50% { transform: translateY(-20px); }
        }
        .floating { animation: float-anim 6s ease-in-out infinite; }
        
        /* Grain Effect */
        .grain::after {
            content: "";
            position: absolute;
            inset: -100%;
            background-image: url("https://grainy-gradients.vercel.app/noise.svg");
            opacity: 0.05;
            pointer-events: none;
        }

        /* Multipage Transitions */
        .page-content { display: none; }
        .page-content.active { display: block; }