/* ============================================
   ILLUMINATE AI - DESKTOP ENHANCEMENTS
   Only applies to desktop (1025px+)
   ============================================ */

@media screen and (min-width: 1025px) {
    /* Navigation hover effects */
    .nav-links a {
        position: relative;
    }

    .nav-links a::after {
        content: '';
        position: absolute;
        bottom: -4px;
        left: 0;
        width: 0;
        height: 2px;
        background: var(--accent-gradient);
        transition: width var(--transition-normal);
    }

    .nav-links a:hover::after {
        width: 100%;
    }

    /* Enhanced card hover */
    .solution-card:hover .solution-icon {
        transform: scale(1.05);
    }

    .solution-icon {
        transition: transform var(--transition-normal);
    }

    /* Hero animation on load */
    .hero-badge {
        animation: fadeInUp 0.8s ease-out;
    }

    .hero-title {
        animation: fadeInUp 0.8s ease-out 0.1s both;
    }

    .hero-subtitle {
        animation: fadeInUp 0.8s ease-out 0.2s both;
    }

    .hero-actions {
        animation: fadeInUp 0.8s ease-out 0.3s both;
    }

    .hero-stats {
        animation: fadeInUp 0.8s ease-out 0.4s both;
    }

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

    /* Section reveal on scroll */
    .section-header,
    .problem-card,
    .solution-card,
    .testimonial-card {
        opacity: 0;
        transform: translateY(30px);
        transition: all 0.6s ease-out;
    }

    .section-header.visible,
    .problem-card.visible,
    .solution-card.visible,
    .testimonial-card.visible {
        opacity: 1;
        transform: translateY(0);
    }

    /* Staggered animations for cards */
    .problem-card:nth-child(1),
    .solution-card:nth-child(1) { transition-delay: 0.1s; }
    .problem-card:nth-child(2),
    .solution-card:nth-child(2) { transition-delay: 0.2s; }
    .problem-card:nth-child(3),
    .solution-card:nth-child(3) { transition-delay: 0.3s; }
    .solution-card:nth-child(4) { transition-delay: 0.4s; }
    .solution-card:nth-child(5) { transition-delay: 0.5s; }
    .solution-card:nth-child(6) { transition-delay: 0.6s; }

    .testimonial-card:nth-child(1) { transition-delay: 0.1s; }
    .testimonial-card:nth-child(2) { transition-delay: 0.2s; }
    .testimonial-card:nth-child(3) { transition-delay: 0.3s; }

    /* Number counter animation */
    .number-value {
        opacity: 0;
        transform: scale(0.8);
        transition: all 0.8s ease-out;
    }

    .number-value.visible {
        opacity: 1;
        transform: scale(1);
    }

    /* CTA glow pulse */
    .cta::before {
        animation: pulse 8s ease-in-out infinite;
    }

    /* Footer links underline */
    .footer-links a {
        position: relative;
    }

    .footer-links a::after {
        content: '';
        position: absolute;
        bottom: -2px;
        left: 0;
        width: 0;
        height: 1px;
        background: var(--text-primary);
        transition: width var(--transition-normal);
    }

    .footer-links a:hover::after {
        width: 100%;
    }

    /* Button shimmer effect on hover */
    .btn-primary::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(
            90deg,
            transparent,
            rgba(255, 255, 255, 0.2),
            transparent
        );
        transition: left 0.5s;
    }

    .btn-primary:hover::before {
        left: 100%;
    }

    .btn-primary {
        position: relative;
        overflow: hidden;
    }

    /* Parallax-like effect on hero glow */
    .hero-glow {
        animation: floatGlow 15s ease-in-out infinite;
    }

    @keyframes floatGlow {
        0%, 100% { 
            transform: translate(-50%, -50%) scale(1); 
            opacity: 0.5;
        }
        50% { 
            transform: translate(-50%, -50%) scale(1.15); 
            opacity: 0.7;
        }
    }

    /* Enhanced focus states for accessibility */
    .btn:focus-visible,
    a:focus-visible {
        outline: 2px solid var(--accent-primary);
        outline-offset: 2px;
    }

    /* Smooth grid transitions */
    .grid-auto {
        transition: gap var(--transition-normal);
    }
}

/* ============================================
   MOBILE SPECIFIC (max-width: 1024px)
   No hover effects, touch-optimized
   ============================================ */

@media screen and (max-width: 1024px) {
    /* Disable animations on mobile for performance */
    .animate-fade-in,
    .animate-pulse,
    .animate-float {
        animation: none;
        opacity: 1;
        transform: none;
    }

    /* Touch-friendly tap targets */
    .btn,
    .nav-links a,
    .footer-links a {
        min-height: 44px;
        min-width: 44px;
    }

    /* Remove smooth scroll on mobile */
    html {
        scroll-behavior: auto;
    }

    /* Larger touch targets */
    .hero-actions .btn {
        padding: 16px 24px;
    }
}