/* Release guardrails for anonymous mobile visitors and low-bandwidth plant-floor access. */
html,
body {
    max-width: 100%;
    overflow-x: clip;
}

@supports not (overflow: clip) {
    html,
    body {
        overflow-x: hidden;
    }
}

main,
.hero-grid,
.lead-section,
.lead-form,
.site-footer {
    min-width: 0;
}

img,
svg,
video,
iframe {
    max-width: 100%;
}

img,
video {
    height: auto;
}

@media (max-width: 720px) {
    .hero,
    .section,
    .service-legend,
    .band,
    .site-footer {
        overflow-x: clip;
    }

    .hero-grid,
    .brand-rail-shell,
    .tech-carousel-shell {
        width: 100%;
    }
}