/* Custom max-width for a wider page content on large screens */
    .max-w-8xl {
        max-width: 90rem; /* ~1440px - wider than Tailwind's 7xl (1280px) */
    }

    /* Wider container for main sections */
    .max-w-ultra {
        max-width: 96rem; /* ~1536px - ultra wide */
    }

    /* Full width sections with strategic constraints */
    .section-container {
        max-width: 96rem;
        margin-left: auto;
        margin-right: auto;
    }

    /* Wider hero section */
    .hero-container {
        max-width: 96rem;
    }

    @keyframes fadeIn {
        from { opacity: 0; transform: translateY(-10px); }
        to { opacity: 1; transform: translateY(0); }
    }
    
    @keyframes slideInFromTop {
        from { opacity: 0; transform: translateY(-20px); }
        to { opacity: 1; transform: translateY(0); }
    }
    
    .animate-fade-in {
        animation: fadeIn 0.2s ease-out;
    }
    
    .animate-slide-in-from-top {
        animation: slideInFromTop 0.2s ease-out;
    }
    
    .bg-gradient-text {
        background: linear-gradient(to right, #0f2d5c, #3b82f6);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }
    
    .cyber-grid {
        background-image: 
            linear-gradient(rgba(59, 130, 246, 0.5) 1px, transparent 1px), 
            linear-gradient(90deg, rgba(59, 130, 246, 0.5) 1px, transparent 1px);
        background-size: 50px 50px;
    }

    /* Increase overall font sizes for better readability */
    html {
        font-size: 16px; /* Increased from 14px */
    }

    /* Larger hero section with wider layout */
    .hero-title {
        font-size: 3rem !important; /* Increased from 2.5rem */
        line-height: 1.1 !important;
    }

    @media (min-width: 768px) {
        .hero-title {
            font-size: 4.5rem !important; /* Increased from 3.5rem */
        }
    }

    @media (min-width: 1024px) {
        .hero-title {
            font-size: 5.5rem !important; /* Increased from 4rem */
        }
    }

    /* Increase section padding for more breathing room */
    section {
        padding-top: 4rem !important; /* Increased from 3rem */
        padding-bottom: 4rem !important; /* Increased from 3rem */
    }

    /* Larger button sizes for better prominence */
    .btn-lg {
        padding: 1rem 2rem !important; /* Increased from 0.75rem 1.5rem */
        font-size: 1.125rem !important; /* Increased from 1rem */
    }

    /* Increase card padding for better content spacing */
    .card-padding {
        padding: 2rem !important; /* Increased from 1.5rem */
    }

    /* Larger image heights for more visual impact */
    .img-compact {
        height: 400px !important; /* Increased from 300px */
    }

    /* Increase spacing between elements for better hierarchy */
    .compact-spacing > * + * {
        margin-top: 0.75rem !important; /* Increased from 0.5rem */
    }

    /* Wider grid gaps for better content separation */
    .grid-gap-wide {
        gap: 2rem; /* Increased gap for better spacing */
    }

    /* Custom wider container classes */
    .container-wide {
        max-width: 96rem;
        margin-left: auto;
        margin-right: auto;
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .container-ultra {
        max-width: 120rem;
        margin-left: auto;
        margin-right: auto;
        padding-left: 1rem;
        padding-right: 1rem;
    }

    /* Responsive text sizes for wider layouts */
    @media (min-width: 1280px) {
        .text-ultra {
            font-size: 1.25rem; /* Larger text for ultra-wide screens */
        }
        
        .heading-ultra {
            font-size: 3.5rem; /* Larger headings for ultra-wide screens */
        }
    }

    /* Wider service tiles grid */
    .services-grid {
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); /* Wider minimum column width */
        gap: 2rem; /* Increased gap */
    }

    /* Enhanced spacing for content sections */
    .content-spacing > * + * {
        margin-top: 1.5rem; /* More space between content blocks */
    }

    /* Wider testimonial section */
    .testimonial-wide {
        max-width: 80rem; /* Wider testimonials */
    }