@media (max-width: 1080px){
  .products-grid{grid-template-columns:repeat(2,1fr)}
  .why-grid{grid-template-columns:repeat(2,1fr)}
  .industries-grid{grid-template-columns:repeat(2,1fr)}
  .foot-grid{grid-template-columns:1fr 1fr;gap:36px}
  .testi-card{flex-basis:calc(50% - 12px)}
  .process-track{grid-template-columns:repeat(4,1fr)}
  .process-track::before,.process-track::after{display:none}
  .gallery-grid{grid-template-columns:repeat(3,1fr)}
}
@media (max-width: 820px){
  html,body{max-width:100%;overflow-x:hidden!important;}
  body{overflow-wrap:anywhere;}
  .topbar,
  .topbar * {
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
  }
  .topbar {
    height:0!important;
    overflow:hidden!important;
    padding:0!important;
    margin:0!important;
    border:none!important;
  }
  :root{--nav-h:70px}
  .navbar{position:sticky;top:0!important;background:#fff!important;box-shadow:var(--shadow-sm);z-index:105;}
  .nav-inner{height:var(--nav-h)!important;padding:0!important;gap:0!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:space-between!important;}
  .nav-inner nav{display:block!important;width:0!important;margin-left:auto!important;}
  .nav-links{position:fixed;top:var(--nav-h);left:0;right:0;display:none;flex-direction:column;align-items:stretch;gap:0;margin:0;padding:18px 16px calc(24px + env(safe-area-inset-bottom));background:#fff;box-shadow:var(--shadow-md);height:calc(100dvh - var(--nav-h));overflow-y:auto;overscroll-behavior:contain;z-index:104;}
  .nav-links.open{display:flex;}
  .nav-links a{padding:14px 0;border-bottom:1px solid var(--c-border);width:100%;}
  .nav-links a:last-child{border-bottom:0;}
  .nav-links a.active::after{display:none}
  .nav-cta{margin-top:12px;justify-content:center;width:100%;}
  .hamburger{display:flex!important;align-items:center;justify-content:center;margin-left:8px;flex-shrink:0;order:3}
  .hamburger span{background:var(--c-dark)}
  .section{padding:70px 0}
  .stats-grid{grid-template-columns:1fr}
  .stat{border-right:0;border-bottom:1px solid rgba(255,255,255,.12);padding:18px 18px 22px}
  .stat:nth-child(3),.stat:nth-child(4){border-bottom:1px solid rgba(255,255,255,.12)}
  .about-grid{grid-template-columns:1fr;gap:40px}
  .about-list{grid-template-columns:1fr}
  .about-media .badge{right:16px;bottom:-18px;padding:18px 22px}
  .contact-grid{grid-template-columns:1fr}
  .contact-info,.contact-form{min-width:0}
  .cta-inner{text-align:center;justify-content:center;flex-direction:column;gap:20px;}
  .cta-inner h2{text-align:center}
  .hero{min-height:auto}
  .hero-inner{padding:70px 18px 76px;max-width:100%;}
  .hero h1{font-size:clamp(2.15rem,8vw,2.7rem);line-height:1.06;margin-bottom:14px;}
  .hero p.lead{font-size:1rem;max-width:100%;margin-bottom:20px;}
  .hero-cta{flex-direction:column;align-items:stretch;}
  .hero-cta .btn{width:100%;justify-content:center;}
  .hero-scroll{display:none}
  .gallery-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:150px}
  .g-wide{grid-column:span 2}
  .area-tab{left:14px;right:auto;bottom:16px;top:auto;transform:none;writing-mode:horizontal-tb;text-orientation:unset;padding:10px 15px;border-radius:999px;min-width:0;white-space:nowrap;font-size:.76rem;line-height:1.2;}
  .area-tab br{display:none;}
  .area-modal{align-items:flex-start;padding:18px}
  .area-modal-dialog{width:100%;max-width:100%;padding:18px;max-height:calc(100vh - 32px);margin-top:12px}
  .area-actions{flex-direction:column;align-items:stretch}
  .area-actions button{width:100%}
  .page-hero{padding:70px 0 50px}
  .page-hero h1{font-size:clamp(2.2rem,6vw,2.9rem);}
  .page-hero .crumb{font-size:.95rem;}
  .foot-grid{grid-template-columns:1fr;gap:28px}
  .foot-bottom{padding:20px 0;margin-top:40px;text-align:center;}
  .float-actions{right:16px;bottom:16px;}
  .float-actions a,.float-actions button{width:48px;height:48px;}
  .industries-grid{grid-template-columns:1fr}
  .testi-card{flex:0 0 100%;min-width:100%;}
  .testi-viewport{overflow:hidden;padding:20px 0 0;}
  .container{padding:0 16px;}
  .brand{font-size:1.05rem;gap:8px;min-width:0;}
  .brand img{height:40px;flex-shrink:0;}
  .brand small{font-size:.54rem;letter-spacing:.2em;}
  .product-body,.why-card{padding:24px;}
  .faq-q{gap:14px;padding:18px;align-items:flex-start;}
  .faq-a-inner{padding:0 18px 18px;}
  .map-wrap{margin-top:36px;aspect-ratio:4/3;}
  .foot-col li,.foot-brand p{overflow-wrap:anywhere;}
}
@media (max-width: 560px){
  .products-grid{grid-template-columns:1fr}
  .why-grid{grid-template-columns:1fr}
  .industries-grid{grid-template-columns:1fr}
  .foot-grid{grid-template-columns:1fr;gap:20px}
  .testi-card{flex-basis:100%}
  .process-track{grid-template-columns:1fr;grid-template-rows:repeat(2,auto)}
  .form-row{grid-template-columns:1fr}
  .contact-info,.contact-form{padding:24px 18px}
  .hero{min-height:auto}
  .hero-inner{padding:52px 0 62px;max-width:100%}
  .hero .eyebrow{margin-bottom:10px;font-size:.7rem;letter-spacing:.17em}
  .hero h1{font-size:clamp(1.9rem,9.2vw,2.25rem);line-height:1.08;margin-bottom:14px}
  .hero p.lead{font-size:.95rem;line-height:1.58;max-width:100%;margin-bottom:20px}
  .hero-cta{flex-direction:column;align-items:stretch}
  .hero-cta .btn{width:100%;justify-content:center;padding:14px;font-size:.95rem}
  .hero-scroll{display:none}
  .hero-cta .btn + .btn{margin-top:12px}
  .hero-cta .btn{flex:1}
  .hero-text-wrap{padding:0}
  h1{font-size:2.2rem}
  .gallery-grid{grid-template-columns:1fr}
  .g-wide,.g-tall{grid-column:auto;grid-row:auto}
  .area-modal{padding:14px}
  .area-modal-dialog{width:100%;max-width:100%;padding:18px;max-height:calc(100vh - 32px)}
  .area-modal h3{font-size:1.2rem}
  .area-tab{left:12px;bottom:12px;padding:9px 13px;font-size:.72rem;}
  .area-actions{flex-direction:column;align-items:stretch}
  .area-actions button{width:100%}
  .container{padding:0 14px}
  .nav-links{padding:16px 16px calc(24px + env(safe-area-inset-bottom))}
  .nav-links a{padding:12px 0}
  .cta-inner{gap:16px}
  .cta-inner h2{font-size:1.6rem}
  .page-hero{padding:50px 0 40px}
  .page-hero h1{font-size:1.85rem;}
  .page-hero .crumb{font-size:.9rem;}
  .float-actions{right:12px;bottom:12px;}
  .float-actions a,.float-actions button{width:44px;height:44px;}
  .brand{font-size:.96rem;}
  .brand img{height:36px;}
  .brand small{font-size:.48rem;letter-spacing:.16em;}
  .hamburger{width:42px;height:42px;margin-left:4px;}
  .nav-links{padding-left:14px;padding-right:14px;}
  .filters{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;padding:2px 0 10px;margin-bottom:30px;scroll-snap-type:x proximity;}
  .filter-btn{flex:0 0 auto;scroll-snap-align:start;}
  .section-head{margin-bottom:38px;}
  .section-head p{font-size:1rem;}
  .product-body,.why-card{padding:20px;}
  .about-media .badge{right:10px;font-size:.9rem;}
  .about-media .badge strong{font-size:2rem;}
  .faq-q{font-size:.96rem;padding:16px;}
  .faq-a-inner{padding:0 16px 16px;}
  .lightbox{padding:16px;}
  .lightbox .close{top:10px;right:10px;}
}