:root {
            --ivory: #FDFDFB;
            --indigo: #3F51B5;
            --charcoal: #1A1A1A;
            --growth: #34D399;
            --amber: #F59E0B;
        }

        body {
            background-color: var(--ivory);
            color: var(--charcoal);
            font-family: 'Inter', sans-serif;
            scroll-behavior: smooth;
        }

        h1, h2, h3, h4, .font-heading {
            font-family: 'Poppins', sans-serif;
        }

        .glass {
            background: rgba(255, 255, 255, 0.85);
            backdrop-filter: blur(12px);
            border: 1px solid rgba(255, 255, 255, 0.5);
        }

        .hover-lift {
            transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
        }

        .hover-lift:hover {
            transform: translateY(-10px);
            box-shadow: 0 30px 60px -15px rgba(63, 81, 181, 0.12);
        }

        .roadmap-dot {
            position: relative;
            z-index: 10;
        }

        .roadmap-dot::after {
            content: '';
            position: absolute;
            left: 50%;
            top: 100%;
            width: 2px;
            height: 100%;
            background: linear-gradient(to bottom, var(--indigo), transparent);
            z-index: -1;
        }

        .card-glow:hover {
            border-color: rgba(63, 81, 181, 0.3);
            box-shadow: 0 0 25px rgba(63, 81, 181, 0.08);
        }

        /* Responsive adjustments for 2026 screens */
        @media (max-width: 768px) {
            .hero-text { font-size: 2.5rem; line-height: 1.2; }
        }

        /* Smooth reveal animations */
        .reveal {
            opacity: 0;
            transform: translateY(30px);
            transition: all 0.8s ease-out;
        }
        .reveal.active {
            opacity: 1;
            transform: translateY(0);
        }

        .progress-bar-fill {
            transition: width 1.5s ease-in-out;
        }