/* Header Styles */
    .navbar {
        background: rgba(15, 23, 42, 0.98) !important;
        backdrop-filter: blur(20px);
        border-bottom: 1px solid #334155;
        transition: all 0.3s ease;
    }
    
    .navbar.scrolled {
        background: rgba(15, 23, 42, 1) !important;
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
    }
    
    .nav-link {
        position: relative;
        transition: all 0.3s ease;
    }
    
    .nav-link::after {
        content: '';
        position: absolute;
        bottom: -8px;
        left: 0;
        width: 0;
        height: 2px;
        background: linear-gradient(90deg, #60a5fa, #a78bfa);
        transition: width 0.3s ease;
    }
    
    .nav-link:hover::after,
    .nav-link.active::after {
        width: 100%;
    }
    
    .mobile-menu {
        transform: translateX(100%);
        transition: transform 0.3s ease-in-out;
        z-index: 30;
        background: #1e293b !important;
    }
    
    .mobile-menu.active {
        transform: translateX(0);
    }
    
    /* Animations */
    @keyframes fade-in {
        from {
            opacity: 0;
            transform: translateY(20px);
        }
        to {
            opacity: 1;
            transform: translateY(0);
        }
    }
    
    .animate-fade-in {
        animation: fade-in 0.8s ease-out;
    }
    
    @keyframes float {
        0%, 100% {
            transform: translateY(0px);
        }
        50% {
            transform: translateY(-20px);
        }
    }
    
    .animate-float {
        animation: float 6s ease-in-out infinite;
    }
    
    .navbar * {
        color: #e2e8f0;
    }
    
    .navbar .nav-link {
        color: #d1d5db !important;
    }
    
    .navbar .nav-link:hover {
        color: #60a5fa !important;
    }
    
    .navbar .nav-link.active {
        color: #60a5fa !important;
    }

    /* Counter Animation */
    @keyframes countUp {
        from {
            transform: translateY(20px);
            opacity: 0;
        }
        to {
            transform: translateY(0);
            opacity: 1;
        }
    }

    .stat-number {
        animation: countUp 1s ease-out;
    }

    /* Comparison Table Styles */
    .comparison-check {
        color: #10b981;
        font-size: 1.5rem;
    }

    .comparison-cross {
        color: #ef4444;
        font-size: 1.5rem;
    }

    /* Product Card Hover Effects */
    .product-feature-card {
        transition: all 0.3s ease;
    }

    .product-feature-card:hover {
        transform: translateY(-8px);
        box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
    }