/* Keep the mobile homepage steady while scrolling and tapping. */
@media (max-width:940px){
  .hero{display:grid;grid-template-columns:minmax(0,1fr)!important;gap:44px!important;min-height:auto!important}
  .hero-copy{width:100%;max-width:740px;min-width:0}
  .hero-system{width:100%!important;max-width:650px!important;min-width:0;margin:0}
}

@media (max-width:680px){
  html{overflow-x:hidden;scroll-behavior:auto}
  body{width:100%;max-width:100%;overflow-x:hidden;overscroll-behavior-x:none}
  main,section,header,footer{max-width:100%}
  .site-header{position:sticky;background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none;transform:none}
  .hero{display:block!important;grid-template-columns:none!important;padding:50px 20px 44px!important}
  .hero,.platforms,.section,.site-footer{width:100%;min-width:0}
  .hero-copy{width:100%!important;max-width:none!important}
  .hero-system{width:100%!important;max-width:100%!important;margin-top:40px!important}
  .hero-copy,.hero-system,.system-flow,.flow-source,.platforms>*,.service-list article>*,.contact>*,.compact-footer-main>*{min-width:0}
  .flow-source strong,.service-list p,.service-list a,.compact-footer-main a{overflow-wrap:anywhere}
  .flow-line i{animation:none;left:calc(50% - 3px)}
  .button,.service-list article,.project-crop img,.row-arrow{transition:none!important;transform:none!important}
  .button:hover,.button:active{transform:none;box-shadow:none}
  .whatsapp-float{width:100%;max-width:100%;padding-bottom:max(11px,env(safe-area-inset-bottom));transform:translateZ(0)}
}