/* Isolated floating identities for ARK Flow section 08. */
.flow-infrastructure-showcase .flow-tech-badge{
  position:absolute;
  z-index:5;
  display:flex;
  align-items:center;
  gap:9px;
  color:#f7f9ff;
  font:700 clamp(12px,1.25vw,18px)/1.05 Manrope,Arial,sans-serif;
  text-shadow:0 2px 12px rgba(0,0,0,.92);
  filter:drop-shadow(0 0 5px rgba(0,255,108,.14));
  transition:transform .38s cubic-bezier(.22,1,.36,1),filter .38s ease;
  pointer-events:auto;
}
.flow-infrastructure-showcase .flow-tech-badge svg{
  flex:0 0 auto;
  width:45px;
  height:45px;
  overflow:visible;
  fill:none;
  stroke:#00f56f;
  stroke-width:2.7;
  stroke-linecap:round;
  stroke-linejoin:round;
  filter:drop-shadow(0 0 5px rgba(0,245,111,.38));
  transition:filter .38s ease;
}
.flow-infrastructure-showcase .flow-tech-badge:hover{
  transform:translate3d(5px,-3px,0);
  filter:drop-shadow(0 0 11px rgba(0,255,112,.4));
}
.flow-infrastructure-showcase .flow-tech-badge:hover svg{
  filter:drop-shadow(0 0 9px rgba(0,255,112,.7));
}
.flow-infrastructure-showcase .flow-tech-badge--vps{top:6%;left:4%}
.flow-infrastructure-showcase .flow-tech-badge--mt5{top:5%;right:4%;flex-direction:column;gap:3px;text-align:center}
.flow-infrastructure-showcase .flow-tech-badge--mt5 svg{width:48px;height:42px}
.flow-infrastructure-showcase .flow-tech-badge--flow{right:4%;bottom:5%;flex-direction:column;align-items:flex-end;gap:5px}
.flow-infrastructure-showcase .flow-tech-badge--flow svg{width:48px;height:25px}
.flow-infrastructure-showcase .flow-tech-badge-brand{display:flex;align-items:center;gap:7px;white-space:nowrap}
.flow-infrastructure-showcase .flow-tech-badge-brand img{display:block;width:49px!important;height:auto!important;position:static!important;object-fit:contain!important;filter:drop-shadow(0 2px 10px rgba(0,0,0,.8))}
.flow-infrastructure-showcase .flow-tech-badge-brand em{color:#00f56f;font-style:italic;font-weight:800;-webkit-text-fill-color:#00f56f}

@media(max-width:760px){
  .flow-infrastructure-showcase .flow-tech-badge{gap:5px;font-size:11px}
  .flow-infrastructure-showcase .flow-tech-badge svg{width:31px;height:31px;stroke-width:2.4}
  .flow-infrastructure-showcase .flow-tech-badge--mt5 svg{width:34px;height:29px}
  .flow-infrastructure-showcase .flow-tech-badge--flow svg{width:35px;height:19px}
  .flow-infrastructure-showcase .flow-tech-badge-brand img{width:35px!important}
  .flow-infrastructure-showcase .flow-tech-badge--flow{right:3%;bottom:4%}
}

@media(prefers-reduced-motion:reduce){
  .flow-infrastructure-showcase .flow-tech-badge{transition:none}
}