:root {
            --bg: #E9EDF0; --primary: #53B843; --dark: #2D591C;
            --shadow: 10px 10px 20px #d1d3d7, -10px -10px 20px #ffffff;
            --inset: inset 6px 6px 12px #d1d3d7, inset -6px -6px 12px #ffffff;
        }
        html { scroll-behavior: smooth; scroll-padding-top: 80px; }
        body { background: var(--bg); color: #1A3011; font-family: 'Inter', sans-serif; overflow-x: hidden; }
        .font-heading { font-family: 'Space Grotesk', sans-serif; }
        
        /* Neumorphism Design System */
        .neu-card { background: var(--bg); box-shadow: var(--shadow); border-radius: 2rem; transition: 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); }
        .neu-card:hover { transform: translateY(-10px); }
        .neu-inset { box-shadow: var(--inset); border-radius: 1.5rem; }
        .neu-btn { background: var(--bg); box-shadow: var(--shadow); border-radius: 1rem; transition: 0.3s; display: flex; align-items: center; justify-content: center; }
        .neu-btn:active { box-shadow: var(--inset); transform: scale(0.95); }
        
        .glass-nav { background: rgba(233, 237, 240, 0.8); backdrop-filter: blur(15px); border-bottom: 1px solid rgba(255,255,255,0.4); }
        
        /* Fixed Navigation Highlight */
        .nav-link.active { color: var(--primary); font-weight: 700; position: relative; }
        .nav-link.active::after { content: ''; position: absolute; bottom: -5px; left: 0; width: 100%; height: 2px; background: var(--primary); border-radius: 2px; }

        /* Mobile Nav Drawer */
        #mobile-menu { transition: transform 0.4s ease-in-out; transform: translateX(100%); }
        #mobile-menu.active { transform: translateX(0); }

        /* Performance Fix: Prevent CLS on Hero */
        .hero-title { min-height: 1.2em; }

        @media (max-width: 640px) {
            .hero-title { font-size: 2.8rem; line-height: 1.1; }
            .neu-card { border-radius: 1.5rem; padding: 1.5rem !important; }
        }
    

    @keyframes scroll {
        0% { transform: translateX(0); }
        100% { transform: translateX(-50%); }
    }
    .animate-scroll {
        display: flex;
        width: max-content;
        animation: scroll 30s linear infinite;
    }
    .pause-scroll {
        animation-play-state: paused;
    }
    .logo-item {
        min-width: 200px;
        justify-content: center;
    }