/* Custom styles to complement Tailwind */
body {
    font-family: 'Inter', sans-serif;
    background-color: #F9FAFB; /* Light gray background */
}

.cta-button {
    transition: all 0.3s ease;
    box-shadow: 0 4px 14px 0 rgba(255, 107, 0, 0.39); /* Orange shadow for better brand consistency */
}

.cta-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px 0 rgba(255, 107, 0, 0.23); /* Lighter orange shadow on hover */
}

.hero-gradient {
    background: linear-gradient(180deg, #FFFFFF 0%, #F9FAFB 100%);
}

.popup-overlay {
    transition: opacity 0.3s ease-in-out;
}

.popup-content {
    transition: transform 0.3s ease-in-out;
}

.bullet-point::before {
    content: '✓';
    color: #10B981; /* Green checkmark */
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}

/* NEW: Animation for the popup CTA button */
.cta-button-popup {
    animation: pulse 2s infinite;
    transition: all 0.3s ease;
    box-shadow: 0 4px 14px 0 rgba(255, 107, 0, 0.39);
}

.cta-button-popup:hover {
    animation-play-state: paused; /* Pause animation on hover */
    transform: translateY(-2px);
    box-shadow: 0 6px 20px 0 rgba(255, 107, 0, 0.23);
}

@keyframes pulse {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.05);
    }
    100% {
        transform: scale(1);
    }
}