/* TFS 1.03: visual patch over approved 1.02. No logo files are redrawn or replaced. */
.tfs-client-matrix-section,
.tfs-clients-page{background-color:#061422;isolation:isolate}
.tfs-client-matrix-section{background-image:radial-gradient(ellipse 110% 70% at 52% 88%,rgba(7,136,199,.18),transparent 64%),radial-gradient(ellipse at 15% 15%,rgba(26,123,126,.08),transparent 65%)}
.tfs-verified-logo-wall{
  box-sizing:border-box!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:clamp(11px,1.18vw,18px)!important;width:min(1370px,100%)!important;
  padding:clamp(20px,3.6vw,58px) clamp(14px,3vw,45px) clamp(76px,7.4vw,118px)!important;
  margin:24px auto 0!important;overflow:visible!important;perspective:1700px!important;
  transform-style:preserve-3d;position:relative;z-index:1;
}
.tfs-verified-logo-wall::before{
  content:"";position:absolute;z-index:-2;pointer-events:none;inset:-12% -5% -3%;
  background:radial-gradient(ellipse at 52% 93%,rgba(43,190,241,.30),transparent 51%),radial-gradient(ellipse at 30% 59%,rgba(176,252,74,.15),transparent 50%),linear-gradient(180deg,transparent 42%,rgba(0,174,240,.055) 100%);
  border-radius:32px;
}
.tfs-verified-logo-wall::after{
  content:"";pointer-events:none;position:absolute;bottom:5%;left:12%;right:12%;height:7px;border-radius:50%;z-index:-1;
  background:linear-gradient(90deg,transparent,#35bafa,#9df95c,#13aefb,transparent);
  filter:blur(9px);box-shadow:0 0 60px 14px rgba(51,201,253,.25),0 0 70px 6px rgba(185,244,84,.12)
}
.tfs-logo-brick{
  position:relative!important;min-width:0!important;aspect-ratio:1.78!important;perspective:1000px!important;
  translate:none!important;transform-style:preserve-3d;filter:drop-shadow(0 20px 12px rgba(0,0,0,.44));
  margin:0!important;transition:filter .4s ease;
}
/* Each row is slightly offset, as in the approved cascading brick-wall concept. */
.tfs-logo-brick:nth-child(n+6):nth-child(-n+10){transform:translateX(-11px) translateY(2px) rotateZ(-.6deg)}
.tfs-logo-brick:nth-child(n+11):nth-child(-n+15){transform:translateX(11px) translateY(-2px) rotateZ(.5deg)}
.tfs-logo-brick:nth-child(16){grid-column:2!important}
.tfs-logo-brick:nth-child(n+16){transform:translateY(4px) rotateZ(-.4deg)}
.tfs-logo-brick-inner{
  display:grid!important;place-items:center!important;border-radius:16px!important;
  padding:clamp(11px,1.4vw,22px)!important;
  border:1px solid rgba(51,184,252,.73)!important;
  background:linear-gradient(150deg,rgba(44,91,132,.46),rgba(10,27,46,.98) 29%,rgba(5,23,39,.97) 70%,rgba(9,44,63,.9))!important;
  box-shadow:inset 1px 1px 0 rgba(199,245,255,.34),inset 0 -2px 8px rgba(8,134,227,.14),0 0 0 1px rgba(40,171,252,.24),0 0 22px rgba(17,153,253,.24),0 13px 28px rgba(0,0,0,.40)!important;
  backdrop-filter:blur(12px);height:100%;width:100%;
  overflow:hidden!important;position:relative;transform-style:preserve-3d;backface-visibility:hidden;
}
.tfs-logo-brick:nth-child(5n+1) .tfs-logo-brick-inner,
.tfs-logo-brick:nth-child(7n+3) .tfs-logo-brick-inner{
  border-color:rgba(164,253,72,.88)!important;
  box-shadow:inset 1px 1px 0 rgba(210,255,202,.31),0 0 0 1px rgba(131,250,80,.32),0 0 30px rgba(88,240,86,.25),0 18px 30px rgba(0,0,0,.48)!important;
}
.tfs-logo-brick img{
  width:84%!important;height:82%!important;left:8%!important;top:9%!important;
  object-fit:contain!important;filter:drop-shadow(0 2px 7px rgba(0,0,0,.55));
  image-rendering:auto;transform:translateZ(23px);
}
.tfs-logo-brick-inner::after{
  content:"";position:absolute;z-index:3;inset:-75% auto -75% -90%;width:38%;
  background:linear-gradient(90deg,transparent,rgba(239,252,255,.22),transparent);
  transform:skew(-18deg);pointer-events:none;animation:tfs103Glint 11s linear infinite;
  animation-delay:calc(var(--brick-i)*.48s)
}
.tfs-logo-brick:hover{z-index:4;filter:drop-shadow(0 22px 23px rgba(0,0,0,.48))}
.tfs-logo-brick:hover .tfs-logo-brick-inner{transform:perspective(850px) translateZ(36px) rotateY(-7deg) translateY(-9px)!important;box-shadow:0 0 38px rgba(119,243,111,.31),0 25px 50px rgba(0,0,0,.55)!important}
html.tfs-wall-js .tfs-verified-logo-wall:not(.tfs-wall-active) .tfs-logo-brick-inner{
  opacity:0!important;transform:perspective(900px) rotateY(-86deg) rotateX(9deg) translateZ(-75px)!important
}
html.tfs-wall-js .tfs-verified-logo-wall.tfs-wall-active .tfs-logo-brick-inner{
  animation:tfs103BrickEnter .83s cubic-bezier(.20,.90,.18,1) both!important;
  animation-delay:calc(var(--brick-i)*90ms)!important
}
@keyframes tfs103BrickEnter{
  from{opacity:0;transform:perspective(900px) rotateY(-88deg) rotateX(12deg) translateZ(-80px) scale(.94)}
  72%{opacity:1;transform:perspective(900px) rotateY(9deg) translateZ(16px) scale(1.02)}
  to{opacity:1;transform:perspective(900px) rotateY(0) translateZ(0) scale(1)}
}
@keyframes tfs103Glint{0%,64%{left:-90%}82%,100%{left:160%}}
@media(max-width:1000px){
 .tfs-verified-logo-wall{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:13px!important}
 .tfs-logo-brick:nth-child(n){transform:none!important}
 .tfs-logo-brick:nth-child(16){grid-column:auto!important}
 .tfs-logo-brick{aspect-ratio:1.6!important}
}
@media(max-width:580px){
 .tfs-verified-logo-wall{grid-template-columns:repeat(2,minmax(0,1fr))!important;padding:15px 7px 76px!important;gap:10px!important}
 .tfs-logo-brick{aspect-ratio:1.56!important}
 .tfs-logo-brick:nth-child(n){transform:none!important}
 .tfs-logo-brick-inner{padding:8px!important;border-radius:12px!important}
 .tfs-logo-brick img{width:86%!important;left:7%!important}
 .tfs-verified-logo-wall::after{bottom:5%}
}
@media(prefers-reduced-motion:reduce){
 html.tfs-wall-js .tfs-verified-logo-wall .tfs-logo-brick-inner{opacity:1!important;animation:none!important;transform:none!important}
 .tfs-logo-brick-inner::after{animation:none!important;opacity:.2}
}
/* Edge-on glass tilt, not a flat logo strip. */
@media(min-width:1001px){
.tfs-logo-brick:nth-child(5n+1){rotate:-1.4deg}
.tfs-logo-brick:nth-child(5n+3){rotate:1.1deg}
.tfs-logo-brick:nth-child(5n+5){rotate:-.9deg}
.tfs-verified-logo-wall{transform:perspective(1800px) rotateX(1.8deg)!important}
}
.tfs-clients-page{overflow-x:clip}
/* Resting bricks keep a slight 3D tilt after the entrance animation. */
@media(min-width:1001px){
 .tfs-logo-brick:nth-child(5n+1){transform:perspective(900px) rotateY(-7deg) rotateZ(-1deg) translateZ(12px)!important}
 .tfs-logo-brick:nth-child(5n+2){transform:perspective(900px) rotateY(5deg) rotateZ(.8deg) translateZ(6px)!important}
 .tfs-logo-brick:nth-child(5n+3){transform:perspective(900px) rotateY(-4deg) rotateZ(1deg) translateZ(10px)!important}
 .tfs-logo-brick:nth-child(5n+4){transform:perspective(900px) rotateY(7deg) rotateZ(-.8deg) translateZ(14px)!important}
 .tfs-logo-brick:nth-child(5n){transform:perspective(900px) rotateY(-5deg) rotateZ(1deg) translateZ(8px)!important}
}