/* MenuXS Marketing Website - Custom styles layer on top of Tailwind CDN */

/* Smooth scroll */
html {
    scroll-behavior: smooth;
}

/* Custom gradient text */
.gradient-text {
    background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #ec4899 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* Glassmorphism card */
.glass-card {
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.3);
}

/* Subtle hero gradient background */
.hero-bg {
    background: radial-gradient(ellipse 80% 60% at 50% -10%, rgba(99, 102, 241, 0.15) 0%, transparent 70%),
                linear-gradient(180deg, #fafafa 0%, #ffffff 100%);
}

/* Feature icon ring */
.feature-icon {
    background: linear-gradient(135deg, #eef2ff, #ede9fe);
}

/* CTA button glow */
.btn-primary:hover {
    box-shadow: 0 0 24px rgba(99, 102, 241, 0.35);
}

/* Animation utilities */
@keyframes fadeInUp {
    from { opacity: 0; transform: translateY(20px); }
    to   { opacity: 1; transform: translateY(0); }
}
.animate-fadeInUp {
    animation: fadeInUp 0.6s ease-out both;
}
.delay-100 { animation-delay: 0.1s; }
.delay-200 { animation-delay: 0.2s; }
.delay-300 { animation-delay: 0.3s; }