@media (max-width: 1200px) { .grid-4 { grid-template-columns: repeat(2, 1fr); } .footer-grid { grid-template-columns: 1fr 1fr; gap: var(--space-2xl); } .steps-grid { grid-template-columns: repeat(2, 1fr); gap: var(--space-2xl); } .steps-grid::before { display: none; } .stats-grid { grid-template-columns: repeat(2, 1fr); gap: var(--space-lg); } .estimate-details { grid-template-columns: repeat(2, 1fr); } .about-mission { gap: var(--space-2xl); }}@media (max-width: 992px) { .grid-3 { grid-template-columns: repeat(2, 1fr); } .quote-form { grid-template-columns: 1fr; } .bvc-columns { grid-template-columns: 1fr; gap: var(--space-lg); } .broker-benefits { grid-template-columns: 1fr; } .about-mission { grid-template-columns: 1fr; } .profile-header { flex-direction: column; align-items: center; text-align: center; } .profile-meta { justify-content: center; } .profile-badges { justify-content: center; } .team-grid { grid-template-columns: repeat(2, 1fr); } .comparison-modal { max-width: 100%; } .comparison-table { font-size: 0.8125rem; } .comparison-table th, .comparison-table td { padding: var(--space-sm); }}@media (max-width: 768px) { .nav-links, .nav-cta { display: none; } .hamburger { display: flex; } .hero { min-height: 80vh; padding-top: 70px; } .hero h1 { font-size: 2.25rem; } .hero-sub { font-size: 1rem; } .hero-actions { flex-direction: column; } .hero-actions .btn { width: 100%; text-align: center; } .stats-grid { grid-template-columns: repeat(2, 1fr); } .grid-2, .grid-3 { grid-template-columns: 1fr; } .grid-4 { grid-template-columns: 1fr; } .footer-grid { grid-template-columns: 1fr; gap: var(--space-xl); } .footer-bottom { flex-direction: column; gap: var(--space-md); text-align: center; } .estimate-details { grid-template-columns: 1fr; } .fmcsa-search { flex-direction: column; } .fmcsa-grid { grid-template-columns: 1fr; } .fmcsa-cta-banner { flex-direction: column; text-align: center; } .fmcsa-stats-grid { grid-template-columns: 1fr; } .fmcsa-factors { grid-template-columns: 1fr; } .fmcsa-trust-header { flex-direction: column; gap: var(--space-xs); text-align: center; } .fmcsa-result-header { flex-direction: column; gap: var(--space-sm); text-align: center; } .scam-teaser { flex-direction: column; text-align: center; } .steps-grid { grid-template-columns: 1fr; gap: var(--space-xl); } .filter-bar { overflow-x: auto; flex-wrap: nowrap; padding-bottom: var(--space-sm); -webkit-overflow-scrolling: touch; } .filter-tab { flex-shrink: 0; } .bvc-toggle-mobile { display: flex; } .bvc-banner .bvc-columns { display: none; } .bvc-banner .bvc-columns.expanded { display: grid; grid-template-columns: 1fr; } .bvc-banner-note { display: none; } .bvc-banner .bvc-columns.expanded~.bvc-banner-note { display: block; } .carrier-card-actions { flex-direction: column; } .team-grid { grid-template-columns: 1fr; } .compare-bar { left: var(--space-md); right: var(--space-md); transform: none; flex-direction: column; gap: var(--space-sm); text-align: center; } .page-header { padding: var(--space-3xl) 0 var(--space-xl); margin-top: 60px; } .broker-explainer-header { flex-direction: column; text-align: center; } .container { padding: 0 var(--space-md); } .section { padding: var(--space-3xl) 0; } .quote-tool { padding: var(--space-lg); } .estimate-results { padding: var(--space-lg); }}@media (max-width: 576px) { html { font-size: 15px; } h1 { font-size: 2rem; } h2 { font-size: 1.75rem; } h3 { font-size: 1.5rem; } .hero { min-height: 70vh; } .hero h1 { font-size: 2rem; } .stats-grid { grid-template-columns: 1fr 1fr; gap: var(--space-md); } .stat-number { font-size: 1.75rem; } .mobile-drawer { width: 100%; } .estimate-price { font-size: 1.75rem; } .section { padding: var(--space-2xl) 0; } .section-header { margin-bottom: var(--space-2xl); } .carrier-card-header { flex-direction: column; align-items: center; text-align: center; } .carrier-card-meta { justify-content: center; } .carrier-card-description { text-align: center; } .carrier-score .label { width: 100px; font-size: 0.625rem; } .route-card-meta { flex-direction: column; gap: var(--space-xs); } .blog-card-footer { flex-direction: column; align-items: flex-start; gap: var(--space-xs); } .breadcrumbs { font-size: 0.75rem; flex-wrap: wrap; } .radio-group { flex-direction: column; } .ticker-track { animation-duration: 25s; }}@media print { .site-nav, .hamburger, .mobile-drawer, .drawer-overlay, .market-ticker, .compare-bar, .toast, .site-footer { display: none !important; } body { background: white; color: #333; } .hero { min-height: auto; padding: 2rem 0; } .section { padding: 1.5rem 0; } a { color: #333; text-decoration: underline; }}