:root {
            --h-teal: #0D3B3F;
            --h-cream: #FAF9F6;
        }

        body {
            background-color: var(--h-cream);
            color: var(--h-teal);
            scroll-behavior: smooth;
        }

        /* Smooth Reveal Animations */
        @keyframes fadeInUp {
            from { opacity: 0; transform: translateY(30px); }
            to { opacity: 1; transform: translateY(0); }
        }

        .reveal { animation: fadeInUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards; }
        
        .page { display: none; }
        .page.active { display: block; }

        .service-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 20px 40px rgba(13, 59, 63, 0.08);
        }

        .btn-primary {
            background-color: var(--h-teal);
            color: white;
            transition: all 0.4s ease;
        }
        .btn-primary:hover {
            background-color: #1a4d52;
            transform: scale(1.02);
        }

        .nav-blur {
            backdrop-filter: blur(12px);
            background: rgba(250, 249, 246, 0.8);
        }

        /* Filter Pills */
        .filter-pill.active {
            background: var(--h-teal);
            color: white;
        }

        /* Custom Scrollbar */
        ::-webkit-scrollbar { width: 6px; }
        ::-webkit-scrollbar-track { background: var(--h-cream); }
        ::-webkit-scrollbar-thumb { background: #d1d5db; border-radius: 10px; }