--primary: #2FA084;
            --secondary: #E6F082;
            --accent: #5A7ACD;
            --black: #000000;
        }

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

        h1, h2, h3, .editorial-font {
            font-family: 'Scope One', serif;
        }

        /* Hero Animation Background */
        .hero-bg-anim {
            background: linear-gradient(-45deg, #2FA084, #1a5e4d, #E6F082, #5A7ACD);
            background-size: 400% 400%;
            animation: gradientBG 15s ease infinite;
        }

        @keyframes gradientBG {
            0% { background-position: 0% 50%; }
            50% { background-position: 100% 50%; }
            100% { background-position: 0% 50%; }
        }

        /* Header Transitions */
        header.scrolled {
            padding-top: 0.75rem;
            padding-bottom: 0.75rem;
            background: rgba(0, 0, 0, 0.95);
            backdrop-filter: blur(10px);
        }
        
        .nav-segment {
            border-right: 1px solid rgba(255,255,255,0.15);
            padding: 0.6rem 1.8rem;
            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
            font-size: 11px;
            letter-spacing: 0.15em;
            text-transform: uppercase;
            font-weight: 700;
        }
        .nav-segment:last-child { border-right: none; }
        .nav-segment:hover {
            background-color: var(--secondary);
            color: black;
        }
        .nav-segment.active {
            background-color: white;
            color: black;
        }

        /* Structured Planner Grid */
        .planner-grid {
            display: grid;
            grid-template-columns: 1.5fr 1fr;
            grid-auto-rows: minmax(300px, auto);
            gap: 20px;
        }

        /* Horizontal Scroll Hide */
        .no-scrollbar::-webkit-scrollbar { display: none; }
        .no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

        /* Page Management */
        .page-content { display: none; min-height: 100vh; }
        .page-content.active { display: block; animation: pageIn 0.8s ease forwards; }

        @keyframes pageIn {
            from { opacity: 0; transform: translateY(20px); }
            to { opacity: 1; transform: translateY(0); }
        }

        /* Stat Counter Lift */
        .stat-card { transition: all 0.5s ease; border: 1px solid rgba(255,255,255,0.1); }
        .stat-card:hover { transform: translateY(-12px); border-color: var(--secondary); }

        /* Diagonal Hero */
        .diagonal-split {
            clip-path: polygon(0 0, 100% 0, 100% 90%, 0% 100%);
        }

        /* Reveal Animation */
        .reveal { opacity: 0; transform: translateY(40px); transition: all 0.8s ease-out; }
        .reveal.visible { opacity: 1; transform: translateY(0); }

        .image-zoom { overflow: hidden; }
        .image-zoom img { transition: transform 1.5s ease; }
        .image-zoom:hover img { transform: scale(1.1); }