/* assets/css/responsive.css */
@media (max-width: 1440px) {
    .container { max-width: 1140px; }
}

@media (max-width: 1200px) {
    .hero-title { font-size: 3.5rem; }
}

@media (max-width: 992px) {
    .premium-nav { padding: 1rem 0; background-color: rgba(10, 25, 47, 0.98); }
    .navbar-collapse {
        background-color: var(--primary-navy);
        padding: 1.5rem;
        margin-top: 1rem;
        border-radius: 8px;
        border: 1px solid rgba(0,210,255,0.1);
    }
    .quick-service-bar { margin-top: 0; padding-top: 3rem; }
    .hero-section { height: auto; min-height: 100vh; padding: 120px 0 50px 0; }
    .hero-dashboard { margin-top: 3rem; }
    .floating-card { display: none; } /* Hide floating cards on smaller screens */
    .flow-line { display: none; }
    .flow-step { margin-bottom: 1.5rem; flex-direction: row; align-items: center; justify-content: flex-start; }
    .flow-icon { margin-bottom: 0; margin-right: 1rem; }
}

@media (max-width: 768px) {
    .hero-title { font-size: 2.5rem; }
    .section-padding { padding: 60px 0; }
    .footer-legal-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }
    .footer-legal-links .text-muted { display: none; }
    .qs-card { margin-bottom: 1.5rem; }
    
    /* Ensure padding for mobile CTA */
    body { padding-bottom: 60px; }
    .mobile-sticky-cta { position: fixed; bottom: 0; left: 0; right: 0; z-index: 1040; }
    .cookie-banner-container { bottom: 50px !important; }
}

@media (max-width: 576px) {
    .hero-title { font-size: 2rem; }
    .hero-subtitle { font-size: 1rem; }
    .dashboard-panel { padding: 1.5rem; }
}

@media (max-width: 480px) {
    .premium-nav .brand-name { font-size: 1rem; }
    .premium-nav .brand-sub { font-size: 0.6rem; }
}

@media (max-width: 360px) {
    .btn { padding: 0.5rem 1rem; font-size: 0.8rem; }
}