html {
    scroll-behavior: smooth;
}

nav {
    border-bottom: 3px solid #FF0000; /* red underline */
}

/* Ensure images are responsive on mobile */
@media (max-width: 640px) {
    .flex.justify-center.items-end {
        gap: 0.5rem;
    }
}

.gradient-bg {
    background: linear-gradient(to bottom right, #f9fafb, #ffffff);
}

.gradient-red {
    background: linear-gradient(to right, #dc2626, #b91c1c);
}

.feature-card {
    transition: all 0.3s ease;
}

    .feature-card:hover {
        transform: scale(1.05);
    }

    .feature-card.active {
        border-color: #dc2626;
        box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
        transform: scale(1.05);
    }