/* v1.2.3.2 — Interaction & Clients Polish */

/* WHY US: keep the right visual anchored while accordion height changes */
#why-us.wn-why-refresh .wn-why-grid{
  align-items:start !important;
}
#why-us.wn-why-refresh .wn-why-visual{
  align-self:start !important;
  position:relative;
  top:auto;
  margin-top:72px;
}
/* Keep the visual anchored to the top of its grid cell. Accordion height changes
   must not recalculate the image position. */
#why-us.wn-why-refresh .wn-why-image-frame{
  position:relative;
  top:0;
}
#why-us.wn-why-refresh .wn-why-copy h2 .wn-title-orange{
  color:#ff7448 !important;
}
#why-us.wn-why-refresh .wn-why-copy h2 .wn-title-cyan{
  color:#22d7ff !important;
}

/* CLIENTS: calmer, denser wall matching Hero / Trust / About */
#clients.trust-rebuild .client-wall{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}
#clients.trust-rebuild .client-tile{
  height:138px;
  padding:30px 22px 20px;
  border-radius:13px;
  border-color:rgba(42,190,232,.16);
  background:
    radial-gradient(circle at 50% 45%,rgba(27,177,222,.055),transparent 52%),
    rgba(7,18,32,.82);
  box-shadow:none;
}
#clients.trust-rebuild .client-tile:hover{
  transform:translateY(-2px);
  border-color:rgba(32,215,255,.38);
  background:
    radial-gradient(circle at 50% 45%,rgba(27,177,222,.09),transparent 55%),
    rgba(8,22,38,.92);
  box-shadow:0 14px 34px rgba(0,0,0,.18);
}
#clients.trust-rebuild .client-tile-status{
  top:11px;
  left:13px;
  font-size:7px;
  letter-spacing:1.45px;
  opacity:.78;
}
#clients.trust-rebuild .client-logo-box,
#clients.trust-rebuild .client-tile>a.client-logo-box{
  width:100%;
  height:100%;
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  overflow:hidden;
}
#clients.trust-rebuild .client-tile img{
  width:auto !important;
  height:auto !important;
  max-width:78% !important;
  max-height:64px !important;
  object-fit:contain !important;
  filter:grayscale(1) brightness(1.35) contrast(.9);
  opacity:.76;
}
#clients.trust-rebuild .client-tile:hover img{
  filter:grayscale(0) brightness(1);
  opacity:1;
}
#clients.trust-rebuild .client-logo-fallback{
  max-width:90%;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  color:#8ea4b9;
  font:700 12px/1.3 Jost,sans-serif;
  text-align:center;
}
#clients.trust-rebuild .client-logo-fallback[hidden]{
  display:none !important;
}
#clients.trust-rebuild .client-logo-fallback i{
  color:#20d7ff;
  font-size:19px;
}
@media(max-width:1199px){
  #clients.trust-rebuild .client-wall{grid-template-columns:repeat(3,minmax(0,1fr))}
  #why-us.wn-why-refresh .wn-why-visual{position:relative;top:auto;margin-top:0}
}
@media(max-width:991px){
  #clients.trust-rebuild .client-wall{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:575px){
  #clients.trust-rebuild .client-wall{grid-template-columns:1fr}
  #clients.trust-rebuild .client-tile{height:122px}
}

/* v2.0.0.10 — Why Us Image Lock
   Desktop: the right visual is anchored to the top of its own grid cell.
   Opening accordion items changes only the left column height. */
@media (min-width:1200px){
  #why-us.wn-why-refresh .wn-why-grid{
    align-items:start !important;
  }
  #why-us.wn-why-refresh .wn-why-visual{
    align-self:start !important;
    position:relative !important;
    top:0 !important;
    margin-top:72px !important;
    transform:none !important;
  }
  #why-us.wn-why-refresh .wn-why-image-frame{
    position:relative !important;
    top:0 !important;
    transform:none !important;
  }
}