:root {
            --electric-pink: #F13E93;
            --trust-green: #9AB17A;
            --finance-lavender: #BDA6CE;
            --espresso: #3E2C23;
            --off-white: #FCFAFB;
        }

        body {
            font-family: 'Inter', sans-serif;
            background-color: var(--off-white);
            color: var(--espresso);
            overflow-x: hidden;
        }

        /* Unique Editorial Typography */
        h1, h2, h3 { font-weight: 900; letter-spacing: -0.04em; line-height: 0.95; }
        .spaced-btn { text-transform: uppercase; letter-spacing: 0.2em; font-weight: 700; font-size: 0.7rem; }

        /* Multi-Page Navigation Utility */
        .page-view { display: none; }
        .page-view.active { display: block; animation: pageEntry 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards; }
        @keyframes pageEntry {
            from { opacity: 0; transform: translateY(30px) scale(0.98); }
            to { opacity: 1; transform: translateY(0) scale(1); }
        }

        /* Glassmorphism Styles */
        .glass {
            background: rgba(255, 255, 255, 0.6);
            backdrop-filter: blur(20px);
            border: 1px solid rgba(255, 255, 255, 0.4);
            box-shadow: 0 25px 50px -12px rgba(62, 44, 35, 0.1);
        }

        .glass-dark {
            background: rgba(62, 44, 35, 0.8);
            backdrop-filter: blur(15px);
            border: 1px solid rgba(255, 255, 255, 0.1);
        }

        /* Animated Mesh Background */
        .hero-mesh {
            position: absolute;
            top: 0; left: 0; width: 100%; height: 100%;
            background: 
                radial-gradient(at 0% 0%, rgba(189, 166, 206, 0.4) 0px, transparent 50%),
                radial-gradient(at 100% 0%, rgba(154, 177, 122, 0.4) 0px, transparent 50%),
                radial-gradient(at 50% 100%, rgba(241, 62, 147, 0.15) 0px, transparent 50%);
            filter: blur(80px);
            z-index: -1;
            animation: meshMove 20s infinite alternate;
        }

        @keyframes meshMove {
            0% { transform: scale(1) translate(0, 0); }
            100% { transform: scale(1.2) translate(2%, 2%); }
        }

        /* Hover States */
        .btn-pink {
            background: var(--electric-pink);
            color: white;
            transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
            position: relative;
            overflow: hidden;
        }
        .btn-pink:hover {
            transform: translateY(-4px);
            box-shadow: 0 15px 30px rgba(241, 62, 147, 0.4);
        }

        .card-hover {
            transition: all 0.5s ease;
        }
        .card-hover:hover {
            transform: translateY(-10px);
            box-shadow: 0 40px 60px -15px rgba(241, 62, 147, 0.15);
        }

        /* Hamburger Menu */
        .menu-bar { transition: 0.3s; height: 2px; background: var(--espresso); margin: 6px 0; border-radius: 2px; }
        .menu-active .bar-1 { transform: rotate(45deg) translate(6px, 6px); }
        .menu-active .bar-2 { opacity: 0; }
        .menu-active .bar-3 { transform: rotate(-45deg) translate(5px, -6px); }

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

        /* Data Graph Animation */
        .bar-anim { transform-origin: bottom; animation: grow 1.5s ease-out forwards; }
        @keyframes grow { from { transform: scaleY(0); } to { transform: scaleY(1); } }