/* responsive.css — mobile/tablet adjustments + reduced motion */

@media (max-width: 1100px) {
	.primary-nav { display: none; }
	.nav-toggle { display: inline-flex; }

	.about__grid,
	.services__head,
	.services__grid,
	.coverage__inner,
	.process__inner,
	.drivers__panel.is-active,
	.contact__inner {
		grid-template-columns: 1fr;
	}

	.services__grid { grid-template-columns: 1fr 1fr; }
	.why__grid { grid-template-columns: 1fr 1fr; }
	.trust__inner { grid-template-columns: 1fr; gap: 1.5rem; }
	.trust__row { grid-template-columns: 1fr 1fr; }
	.site-footer__grid { grid-template-columns: 1fr 1fr; gap: 2rem; }

	.process__copy { position: static; }

	.about__stats { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 768px) {
	.site-header__shell { gap: 0.5rem; }
	.header-phone span { display: none; }
	.header-phone { width: 38px; height: 38px; padding: 0; justify-content: center; }
	.header-phone .icon { width: 16px; height: 16px; }
	.site-header__actions .btn { display: none; }

	/* Hero: hide stats bar on mobile — blocks CTAs; info is in marquee below */
	.hero__bottom { display: none !important; }

	.hero__shell {
		padding-block: clamp(2rem, 6vw, 4rem) clamp(2.5rem, 8vw, 3.5rem);
	}

	.hero__headline {
		font-size: clamp(2.35rem, 11vw, 3.25rem);
		max-width: none;
	}

	.hero__lead {
		margin-top: 1.25rem;
		font-size: 1rem;
	}

	.hero__cta-row {
		margin-top: 1.75rem;
		flex-direction: column;
	}

	.hero__cta-row .btn {
		width: 100%;
		justify-content: center;
	}

	.hero__scroll-cue { display: none; }

	.services__grid { grid-template-columns: 1fr; }
	.why__grid { grid-template-columns: 1fr; }
	.trust__row { grid-template-columns: 1fr; }
	.coverage__lanes { grid-template-columns: 1fr; }
	.about__stats { grid-template-columns: 1fr; gap: 0.75rem; }
	.site-footer__grid { grid-template-columns: 1fr; }
	.contact__form-grid { grid-template-columns: 1fr; }

	.process__steps { padding-left: 3.5rem; }
	.process-step__num { left: -3rem; width: 36px; height: 36px; font-size: 0.78rem; }
	.process__steps::before,
	.process__line { left: 1.45rem; }

	.drivers__visual { padding: 1.5rem; }

	.fleet__viewport { height: 100vh; }
	.fleet__panel { padding: 2rem; align-items: flex-end; padding-bottom: 6rem; }

	.cta-banner { padding-block: 4rem; }

	.site-footer { padding-block: 3rem 1.5rem; }
	.site-footer__bottom { flex-direction: column; align-items: flex-start; }
}

@media (max-width: 480px) {
	.brand__tag { display: none; }
}

/* Disable horizontal pin on touch (smoother) */
@media (hover: none) {
	.fleet__viewport {
		height: auto;
		overflow: visible;
	}
	.fleet__track {
		flex-direction: column;
		height: auto;
	}
	.fleet__panel {
		flex: 0 0 auto;
		width: 100%;
		height: 80vh;
	}
	.fleet__progress, .fleet__counter { display: none; }
}

@media (prefers-reduced-motion: reduce) {
	.chip__dot,
	.usa-map__ring,
	.hero__scroll-cue::after,
	.hero__eyebrow::before {
		animation: none !important;
	}
}