/* Landing Page Specific Styles */
/* Ensure scrolling works on landing page */
.landing-page-container {
    position: relative;
    width: 100%;
    min-height: 100vh;
    overflow-x: hidden;
    overflow-y: auto;
}

/* Fix for iOS Safari scrolling issues */
@supports (-webkit-touch-callout: none) {
    .landing-page-container {
        -webkit-overflow-scrolling: touch;
    }
}

/* Ensure body can scroll when on landing page */
body.landing-page {
    overflow: auto !important;
    height: auto !important;
}

/* Fix for mobile viewport */
@media (max-width: 768px) {
    .landing-page-container {
        overflow-y: scroll !important;
        -webkit-overflow-scrolling: touch !important;
    }
}

/* Ensure navigation doesn't block scrolling */
.landing-nav {
    position: sticky;
    top: 0;
    z-index: 50;
    width: 100%;
}

/* Smooth scrolling for anchor links */
html {
    scroll-behavior: smooth;
}

/* Prevent horizontal overflow on mobile */
* {
    max-width: 100vw;
}

/* Fix for mobile devices */
@media (max-width: 640px) {
    body {
        position: relative !important;
        overflow-y: auto !important;
    }
}

/* Shimmer animation for StockQ.AI Integration */
@keyframes shimmer {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

.animate-shimmer {
    background-size: 200% 100%;
    animation: shimmer 3s linear infinite;
}