@media (min-width: 1181px) and (max-width: 1350px) {
    .hero-grid {
        grid-template-columns: minmax(520px, .95fr) minmax(0, 1.05fr);
        gap: 36px;
    }

    .hero h1 { font-size: 52px; }
    .workflow article { width: 90px; }
    .workflow > i { font-size: 20px; }
    .workflow-icon { height: 90px; }
    .workflow-icon::before { width: 50px; height: 42px; }
    .workflow article strong { font-size: 10px; }
    .workflow article small { font-size: 7px; }
}

@media (max-width: 700px) {
    .site-header, .workflow-panel { backdrop-filter: none; -webkit-backdrop-filter: none; }
    .hero::before { display: none; }
    .hero-gridlines { opacity: .08; mask-image: none; -webkit-mask-image: none; }
    .solution-strip, .industry-band, .feature, .process, .final-cta, .site-footer {
        content-visibility: auto;
        contain-intrinsic-size: 650px;
    }
    .solution-card, .system-panel, .process li { box-shadow: none; }
}

@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    *, *::before, *::after { transition: none !important; animation: none !important; }
}