.technology-filter{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:0 0 22px;
}
.technology-filter button{
  appearance:none;
  min-height:40px;
  padding:9px 16px;
  border:1px solid rgba(228,173,77,.42);
  color:#d8e5ea;
  background:rgba(2,9,18,.64);
  font:700 10px/1.25 "DM Mono",monospace;
  letter-spacing:.03em;
  cursor:pointer;
}
.technology-filter button:hover,
.technology-filter button:focus-visible{
  border-color:#e4ad4d;
  color:#fff;
}
.technology-filter button:focus-visible{
  outline:2px solid #f5c36e;
  outline-offset:2px;
}
.technology-filter button.is-active{
  color:#20180a;
  background:linear-gradient(135deg,#f0d08a,#d99b36);
}
.technology-card.is-filtered{display:none}
.technology-toggle{display:none}

@media (max-width:760px){
  html,body{max-width:100%;overflow-x:clip}
  /* Consistent breathing room at the viewport edge. */
  .shell{padding-left:24px;padding-right:24px}
  main{padding-left:24px!important;padding-right:24px!important}
  footer{padding-left:24px!important;padding-right:24px!important}

  /* Home: retain the buying path while removing repeated visual weight. */
  .hero{min-height:540px}
  .hero-content{padding:82px 24px 105px}
  .hero h1{font-size:43px}
  .hero p{font-size:15px}
  .proof{display:none!important;width:auto!important}
  .intro{padding:52px 0}
  .featured-products{margin-bottom:58px;padding:34px 24px}
  .featured-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:28px}
  .featured-card{min-height:0}
  .featured-visual{height:126px}
  .featured-visual:before{transform:translate(-50%,-50%) scale(.74) perspective(260px) rotateY(-10deg)}
  .featured-visual:after{display:none}
  .featured-card-body{padding:14px}
  .featured-card h3{font-size:17px;margin:8px 0 6px}
  .featured-card p{display:none}
  .featured-meta{padding-top:12px;font-size:9px}
  .solutions{display:none}
  .custom{padding:56px 24px!important;margin:0 -24px!important;gap:28px}
  .custom-options{display:none}
  .process{padding:56px 0}
  .process-grid{margin-top:24px}
  .step{min-height:132px}
  .step h3{margin:14px 0 6px;font-size:15px}
  .step p{display:none}
  .cta{margin-bottom:28px;padding:38px 24px}
  .cta h2{font-size:36px}
  .floating-whatsapp{position:static;display:flex;align-items:center;justify-content:center;min-height:48px;margin:16px 24px 24px;padding:13px 16px;background:#1c8759;color:#fff;box-shadow:none;font:800 12px Manrope,Arial,sans-serif}

  /* Product catalogue: two-column, scan-first cards. */
  .content{padding:48px 0}
  .intro-grid{padding-bottom:42px}
  .range-section{padding-top:46px}
  .range-head{display:block}
  .range-head p{margin:18px 0 0}
  .catalogue-filter{margin-top:24px;gap:7px}
  .catalogue-filter-button{min-height:44px;padding:8px 9px;font-size:9px}
  .module-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px}
  .module-card.is-collapsed{display:none}
  .module-image{height:178px}
  .module-number{margin:14px 15px 8px;padding:5px 6px;font-size:10px}
  .module-card .eyebrow{margin:0 15px;font-size:8px;line-height:1.35}
  .module-card h3{margin:8px 15px 5px;font-size:15px;line-height:1.08}
  .module-card p{display:none}
  .module-meta{padding:10px 15px 15px}
  .module-meta a{display:inline-flex;align-items:center;min-height:44px;padding:8px 7px;font-size:9px;white-space:nowrap}
  .catalogue-expand{display:block;width:100%;margin:18px 0 0;border:1px solid #1b6c4e;background:#fff;color:#155c43;padding:13px;font:800 11px Manrope,Arial,sans-serif;cursor:pointer}
  .product-gallery{display:none}
  .construction-strip{margin-top:50px;padding:30px 24px}
  .geo-summary{margin-top:50px;padding:30px 24px}
  .contact-panel{margin-top:48px;padding:32px 24px}

  /* Unified product matrix: keep the image-led scan, expand details on demand. */
  .technology-matrix-head{margin-bottom:22px}
  .technology-filter{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:6px;
    margin:0 0 16px;
  }
  .technology-filter button{
    appearance:none;
    min-height:42px;
    padding:8px 5px;
    border:1px solid rgba(228,173,77,.36);
    color:#d8e5ea;
    background:rgba(2,9,18,.64);
    font:700 8px/1.25 "DM Mono",monospace;
    letter-spacing:.02em;
  }
  .technology-filter button.is-active{
    color:#20180a;
    background:linear-gradient(135deg,#f0d08a,#d99b36);
  }
  .technology-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .technology-card{min-width:0;padding:14px}
  .technology-card.is-filtered{display:none}
  .technology-visual{height:154px;margin:-14px -14px 14px}
  .technology-card .technology-code{padding:5px 6px;font-size:8px}
  .technology-card h3{margin:12px 0 7px;font-size:15px;line-height:1.12}
  .technology-card>p,
  .technology-card .technology-formats{display:none}
  .technology-card.is-open>p,
  .technology-card.is-open .technology-formats{display:grid}
  .technology-card.is-open{grid-column:1/-1}
  .technology-card.is-open .technology-visual{height:238px}
  .technology-card>a{min-height:42px;display:flex;align-items:center;font-size:9px;line-height:1.35}
  .technology-toggle{
    display:block;
    appearance:none;
    width:100%;
    min-height:40px;
    margin:10px 0 0;
    border:1px solid rgba(20,95,69,.35);
    background:#fff;
    color:#145f45;
    font:800 9px "DM Mono",monospace;
  }
  .technology-card.is-open .technology-toggle{margin-bottom:12px}
}
@media (min-width:761px){.catalogue-expand,.floating-whatsapp{display:none}}