/* Simple custom styles to complement Tailwind */

/* Smooth scrolling for the entire page */
html {
    scroll-behavior: smooth;
}

/* Ensure body takes full height */
body {
    min-height: 100vh;
}

/* Custom utilities */
.primary-gradient {
    background: linear-gradient(135deg, #F28B82 0%, #E66D64 100%);
}

/* Custom animations */
.fade-in {
    animation: fadeIn 0.6s ease-in-out;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Hover effects */
.hover-lift {
    transition: transform 0.2s ease-in-out;
}

.hover-lift:hover {
    transform: translateY(-2px);
}

/* --- Marquee (Reviews) --- */
.marquee {
    position: relative;
    overflow: hidden;
}

.marquee-track {
    display: inline-flex;
    align-items: stretch;
    animation: marquee-left 35s linear infinite;
    will-change: transform;
}

.marquee-track.reverse {
    animation-name: marquee-right;
}

.marquee-track.slow {
    animation-duration: 45s;
}

/* Hide scrollbars for horizontal screenshot rail */
.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

@keyframes marquee-left {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

@keyframes marquee-right {
    0% { transform: translateX(-50%); }
    100% { transform: translateX(0); }
}