/* v2.1.0.3.1 — Infrastructure Pulse Motion
   Ambient network/radar pulses. Decorative only; never participates in layout. */
#call-to-action .wn-approach-diagram{
  overflow:hidden;
}
#call-to-action .wn-approach-pulses{
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  overflow:hidden;
  border-radius:inherit;
}
#call-to-action .wn-approach-pulse{
  position:absolute;
  left:50%;
  top:50%;
  width:180px;
  height:180px;
  margin:-90px 0 0 -90px;
  border:1px solid rgba(21,207,255,.68);
  border-radius:50%;
  opacity:0;
  transform:scale(.82);
  transform-origin:center;
  will-change:transform,opacity;
  animation:wnApproachPulse 5.4s cubic-bezier(.2,.55,.35,1) infinite;
}
#call-to-action .wn-approach-pulse.p2{animation-delay:1.8s}
#call-to-action .wn-approach-pulse.p3{animation-delay:3.6s}
#call-to-action .wn-approach-center{
  animation:wnApproachCenterBreath 4.8s ease-in-out infinite;
}
@keyframes wnApproachPulse{
  0%{opacity:0;transform:scale(.82)}
  8%{opacity:.58}
  72%{opacity:.16}
  100%{opacity:0;transform:scale(2.32)}
}
@keyframes wnApproachCenterBreath{
  0%,100%{box-shadow:0 0 34px rgba(10,170,230,.12);border-color:#15cfff}
  50%{box-shadow:0 0 48px rgba(10,190,240,.23);border-color:#35dcff}
}
@media(max-width:700px){
  #call-to-action .wn-approach-pulse{width:138px;height:138px;margin:-69px 0 0 -69px}
  @keyframes wnApproachPulse{
    0%{opacity:0;transform:scale(.82)}
    8%{opacity:.52}
    72%{opacity:.14}
    100%{opacity:0;transform:scale(2.1)}
  }
}
@media(prefers-reduced-motion:reduce){
  #call-to-action .wn-approach-pulse{display:none!important;animation:none!important}
  #call-to-action .wn-approach-center{animation:none!important}
}
