html {
    scroll-behavior: smooth;
}

.counter {
    transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

.feature-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 24px -8px rgba(0, 0, 0, 0.12);
}

.pricing-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 16px 32px -8px rgba(0, 0, 0, 0.15);
}

.nav-link.active {
    color: #2563eb !important;
}

@keyframes float {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-12px);
    }
}

.animate-float {
    animation: float 4s ease-in-out infinite;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(24px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.animate-in {
    animation: fadeInUp 0.6s ease-out forwards;
}

.scroll-indicator {
    animation: float 2s ease-in-out infinite;
}

.showcase-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 24px -8px rgba(0, 0, 0, 0.12);
}