:root {
            --navy: #153448;
            --cream: #FEFDED;
            --gray: #DDDDDD;
            --black: #000000;
            --accent: #E2DFD0;
        }

        body {
            font-family: 'Inter', sans-serif;
            background-color: var(--cream);
            color: var(--navy);
            overflow-x: hidden;
            scroll-behavior: smooth;
        }

        .forum-regular { font-family: "Forum", serif; }

        /* Custom Scrollbar */
        ::-webkit-scrollbar { width: 6px; }
        ::-webkit-scrollbar-track { background: var(--navy); }
        ::-webkit-scrollbar-thumb { background: var(--gray); border-radius: 10px; }

        /* Animations */
        @keyframes float-slow {
            0%, 100% { transform: translate(0, 0) rotate(0deg); }
            33% { transform: translate(30px, -50px) rotate(2deg); }
            66% { transform: translate(-20px, 20px) rotate(-1deg); }
        }

        @keyframes reveal-up {
            from { opacity: 0; transform: translateY(60px); }
            to { opacity: 1; transform: translateY(0); }
        }

        .reveal { opacity: 0; animation: reveal-up 1.2s cubic-bezier(0.16, 1, 0.3, 1) forwards; }

        /* Hero Parallax Layers */
        .hero-bg-image {
            background: linear-gradient(rgba(21, 52, 72, 0.85), rgba(21, 52, 72, 0.95)), 
                        url('https://i.pinimg.com/736x/cf/aa/c9/cfaac94685089f196d36c48cca3fa098.jpg');
            background-size: cover;
            background-position: center;
            background-attachment: fixed;
        }

        .floating-geometric {
            position: absolute;
            border: 1px solid rgba(254, 253, 237, 0.1);
            background: linear-gradient(135deg, rgba(254, 253, 237, 0.05), transparent);
            backdrop-filter: blur(2px);
            animation: float-slow 20s infinite linear;
        }

        /* Nav logic */
        header.scrolled {
            background: rgba(21, 52, 72, 0.98);
            padding-top: 1rem;
            padding-bottom: 1rem;
            backdrop-filter: blur(10px);
            box-shadow: 0 4px 30px rgba(0,0,0,0.3);
        }

        /* Interactive Grid */
        .page-content { display: none; }
        .page-active { display: block; }

        .service-card {
            background: rgba(254, 253, 237, 0.03);
            border: 1px solid rgba(254, 253, 237, 0.1);
            transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
        }
        .service-card:hover {
            background: rgba(254, 253, 237, 0.07);
            border-color: var(--cream);
            transform: translateY(-15px);
            box-shadow: 0 20px 40px rgba(0,0,0,0.4);
        }

        /* Diagonal Partners */
        .partner-diagonal { transform: rotate(-3deg); width: 120%; margin-left: -10%; }
        .partner-diagonal > div { transform: rotate(3deg); }

        /* Modal */
        #main-modal { display: none; position: fixed; inset: 0; z-index: 1000; }
        #main-modal.active { display: flex; }