:root {
            --wellness-cream: #F0FFC2;
            --healing-green: #B5E18B;
            --audio-blue: #56B6C6;
            --medical-accent: #DD9E59;
            --dark-text: #1a2a1a;
        }

        body {
            font-family: 'Source Serif 4', serif;
            background-color: var(--wellness-cream);
            color: var(--dark-text);
            overflow-x: hidden;
            scroll-behavior: smooth;
        }

        /* --- Animations --- */
        @keyframes ripple {
            0% { transform: scale(0.8); opacity: 0.5; }
            100% { transform: scale(1.5); opacity: 0; }
        }

        @keyframes float {
            0%, 100% { transform: translateY(0) rotate(0deg); }
            50% { transform: translateY(-20px) rotate(1deg); }
        }

        @keyframes marquee {
            0% { transform: translateX(0); }
            100% { transform: translateX(-50%); }
        }

        @keyframes wordReveal {
            from { opacity: 0; transform: translateY(20px); filter: blur(5px); }
            to { opacity: 1; transform: translateY(0); filter: blur(0); }
        }

        .reveal-word {
            display: inline-block;
            animation: wordReveal 0.8s forwards;
            opacity: 0;
        }

        /* --- Layout & Components --- */
        .glass {
            background: rgba(255, 255, 255, 0.1);
            backdrop-filter: blur(15px);
            border: 1px solid rgba(255, 255, 255, 0.2);
        }

        .hero-image-bg {
            background-image: linear-gradient(to right, rgba(240, 255, 194, 0.9), rgba(240, 255, 194, 0.2)), 
                              url('https://i.pinimg.com/736x/8c/8a/58/8c8a58c686b88aba79941e96ddf7a787.jpg');
            background-size: cover;
            background-position: center;
            transition: transform 0.1s ease-out;
        }

        .parallax-section {
            background-attachment: fixed;
            background-position: center;
            background-size: cover;
        }

        .care-card {
            transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);
        }
        .care-card:hover {
            transform: translateY(-20px) scale(1.02);
            box-shadow: 0 30px 60px rgba(86, 182, 198, 0.2);
        }

        .nav-underline {
            position: relative;
        }
        .nav-underline::after {
            content: '';
            position: absolute;
            bottom: -4px;
            left: 0;
            width: 0;
            height: 1px;
            background: var(--audio-blue);
            transition: width 0.3s ease;
        }
        .nav-underline:hover::after {
            width: 100%;
        }

        /* --- Scroll Reveal Helpers --- */
        .reveal { opacity: 0; transform: translateY(30px); transition: all 1s ease-out; }
        .reveal.active { opacity: 1; transform: translateY(0); }
        
        .reveal-left { opacity: 0; transform: translateX(-50px); transition: all 1s ease-out; }
        .reveal-left.active { opacity: 1; transform: translateX(0); }

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

        /* --- Navigation States --- */
        .page-node { display: none; }
        .page-node.active { display: block; }

        #mobile-menu.open { transform: translateX(0); }