/* Responsive overrides — tablet ≤1100 and mobile ≤700. */

@media (max-width: 1100px) {
	.ms-hero-grid { grid-template-columns: 1fr; }
	.ms-method-grid { grid-template-columns: 1fr; }
	.ms-phase + .ms-phase { border-left: 0; border-top: 1px solid var(--ms-line); }
	.ms-get { grid-template-columns: 1fr; gap: 40px; }
	.ms-footer { grid-template-columns: 1fr 1fr; }
	.ms-testimonial { grid-template-columns: 1fr; text-align: center; }
	.ms-testimonial-quote-mark { display: none; }
	.ms-testimonial-stars { justify-content: center; }
}

@media (max-width: 700px) {
	:root { --ms-pad-x: 24px; }
	.ms-hero-title { font-size: 56px; letter-spacing: -2px; }
	.ms-industries-title { font-size: 44px; letter-spacing: -1.5px; }
	.ms-method-title { font-size: 40px; letter-spacing: -1.5px; }
	.ms-get-title { font-size: 36px; letter-spacing: -1.2px; }
	.ms-get-grid { grid-template-columns: 1fr; gap: 32px; }
	.ms-services-title { font-size: 36px; letter-spacing: -1.2px; }
	.ms-service-row { grid-template-columns: 1fr; gap: 8px; }
	.ms-service-arrow { display: none; }
	.ms-experience { grid-template-columns: 1fr; gap: 20px; }
	.ms-testimonial-quote { font-size: 26px; letter-spacing: -0.4px; }
	.ms-footer-cta-title { font-size: 44px; letter-spacing: -1.5px; }
	.ms-footer { grid-template-columns: 1fr; }
	.ms-lead-row { grid-template-columns: 1fr; }
	.ms-gstack { flex-direction: column; align-items: flex-start; }
	.ms-gstack-icons { gap: 24px; }
	.ms-lead-title { font-size: 28px; }

	/* WCAG 2.5.5 — minimum 44x44 tap targets at mobile.
	   Apply to footer + legal + contact links + nav children + tel/mailto links. */
	.ms-footer a,
	.ms-footer-legal a,
	.ms-footer-legal-links a,
	.ms-footer-social a,
	.ms-footer-contact a,
	.ms-method-aside a,
	.ms-industries-aside,
	.ms-nav-children a,
	.ms-contact-bar a,
	a[href^="tel:"],
	a[href^="mailto:"] {
		display: inline-flex;
		align-items: center;
		min-height: 44px;
		padding-top: 6px;
		padding-bottom: 6px;
	}

	/* Inline stat / breadcrumb links don't need tap padding (not a target). */
	.svc-crumb a {
		min-height: 0;
		padding: 0;
	}
}