body {
            font-family: "Cormorant Garamond", serif;
            background-color: #FFFFFF;
            color: #0D4715;
            scroll-behavior: smooth;
        }

        /* 🧭 HEADER TRANSITION */
        .header-glass {
            transition: all 0.5s ease;
        }
        /* 🌿 PROGRESS INDICATOR */
        .progress-line {
            position: relative;
            height: 2px;
            background: rgba(13, 71, 21, 0.1);
            width: 100%;
            margin-top: 2rem;
        }
        .progress-fill {
            position: absolute;
            height: 100%;
            background: #0D4715;
            width: 0%;
            transition: width 1s ease;
        }
        .step-dot {
            width: 12px;
            height: 12px;
            background: white;
            border: 2px solid #0D4715;
            border-radius: 50%;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            transition: all 0.3s ease;
        }
        .step-dot.active {
            background: #0D4715;
            transform: translateY(-50%) scale(1.5);
        }

        /* 🌱 VERTICAL TIMELINE */
        .timeline-path {
            position: absolute;
            left: 20px;
            top: 0;
            bottom: 0;
            width: 1px;
            background: rgba(255, 255, 255, 0.3);
        }

        /* ANIMATIONS */
        .fade-up {
            opacity: 0;
            transform: translateY(30px);
            transition: all 0.8s cubic-bezier(0.22, 1, 0.36, 1);
        }
        .fade-up.active {
            opacity: 1;
            transform: translateY(0);
        }

        .cta-pulse {
            animation: pulse 2s infinite;
        }
        @keyframes pulse {
            0% { box-shadow: 0 0 0 0 rgba(13, 71, 21, 0.4); }
            70% { box-shadow: 0 0 0 15px rgba(13, 71, 21, 0); }
            100% { box-shadow: 0 0 0 0 rgba(13, 71, 21, 0); }
        }

        .plan-card-hover:hover {
            transform: translateY(-10px);
            box-shadow: 0 20px 40px rgba(13, 71, 21, 0.08);
        }

        /* Form styling */
        input, select {
            border-bottom: 1px solid #0D4715;
            padding: 1rem 0;
            outline: none;
            width: 100%;
            font-size: 1.25rem;
            background: transparent;
        }

        .hero-bg {
            background: linear-gradient(135deg, #ffffff 0%, #f4faf2 100%);
            position: relative;
            overflow: hidden;
        }
        .hero-circle {
            position: absolute;
            border-radius: 50%;
            background: #C1E59F;
            filter: blur(80px);
            opacity: 0.3;
            z-index: 0;
        }
.hero-slide {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    opacity: 0;
    transition: opacity 1.5s ease-in-out, transform 6s ease;
    transform: scale(1.1);
}

.hero-slide.active {
    opacity: 1;
    transform: scale(1);
}