/* Moving red LED segments mounted on the most important surface borders. */
.led-frame,
.account-card::after,
.tracking-card::after,
.operation-card::after,
.tracking-signal::after,
.tracking-metric::after,
.box::after{
  background:
    linear-gradient(90deg,transparent,#ff263b 48%,#ffb4bc 50%,#ff263b 52%,transparent) -48% 0/42% 2px no-repeat,
    linear-gradient(90deg,transparent,#ff263b 48%,#ffb4bc 50%,#ff263b 52%,transparent) 148% 100%/42% 2px no-repeat,
    linear-gradient(180deg,transparent,#ff263b 48%,#ffb4bc 50%,#ff263b 52%,transparent) 0 148%/2px 42% no-repeat,
    linear-gradient(180deg,transparent,#ff263b 48%,#ffb4bc 50%,#ff263b 52%,transparent) 100% -48%/2px 42% no-repeat;
  animation:raven-led-circuit 7.5s linear infinite;
}

.led-frame{opacity:1;filter:drop-shadow(0 0 4px #e6212f8a)}
.hero-panel>.led-frame{animation-duration:6.2s}
.service-card>.led-frame{animation-duration:7.2s}
.contact form>.led-frame{animation-duration:8.2s}
.section-led{z-index:4;opacity:.8;animation-duration:10s}

.process,.assurance,.faq{position:relative;overflow:hidden}
.process-layout,.assurance>div,.faq>.shell{position:relative;z-index:1}
.assurance>.section-led{inset:0}
.faq>.section-led{inset:0}

.tracking-metric{position:relative;overflow:hidden}
.tracking-metric::after,.box::after{
  content:"";
  position:absolute;
  z-index:2;
  inset:0;
  pointer-events:none;
}
.tracking-card::after,.operation-card::after,.tracking-signal::after,.account-card::after{opacity:.95}
.tracking-card:nth-child(2n)::after,.operation-card:nth-child(2n)::after{animation-delay:-3.8s}
.account-side .account-card:nth-child(2)::after{animation-delay:-4.1s}
.box{position:relative;overflow:hidden}

@keyframes raven-led-circuit{
  to{background-position:148% 0,-48% 100%,0 -48%,100% 148%}
}

@media(max-width:800px){
  .led-frame,.account-card::after,.tracking-card::after,.operation-card::after,.tracking-signal::after,.tracking-metric::after,.box::after{animation-duration:9.5s}
  .section-led{opacity:.62}
}

@media(prefers-reduced-motion:reduce){
  .led-frame,.account-card::after,.tracking-card::after,.operation-card::after,.tracking-signal::after,.tracking-metric::after,.box::after{animation:none!important;background:
    linear-gradient(90deg,#ff536260,transparent 36%,transparent 64%,#ff536260) 0 0/100% 1px no-repeat,
    linear-gradient(90deg,#ff536260,transparent 36%,transparent 64%,#ff536260) 0 100%/100% 1px no-repeat}
}
