main .hero{position:relative;isolation:isolate}main .hero>.hero-network{position:absolute!important;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;border-radius:12px}main .hero>div{position:relative} @media(prefers-reduced-motion:reduce){main .hero>.hero-network{opacity:.5}}
.hero .visual>.r4-scan{position:absolute;left:54%;top:28%;width:42%;height:auto;aspect-ratio:5/4;z-index:1;pointer-events:none;opacity:0;transition:opacity .5s ease}.r4-scan svg{display:block;width:100%;height:100%}.hero .visual.scan-active>.r4-scan{opacity:.75}.scan-wave{opacity:0}.scan-active .scan-wave{animation:r4-sense 1.8s ease-out 2}.scan-active .wave-2{animation-delay:.16s}.scan-active .wave-3{animation-delay:.32s}@keyframes r4-sense{0%{opacity:0}30%{opacity:.65}80%,100%{opacity:0}}@media(max-width:750px){.hero .visual>.r4-scan{width:38%;opacity:0}.hero .visual.scan-active>.r4-scan{opacity:.6}.scan-active .scan-wave{animation-iteration-count:1}}@media(prefers-reduced-motion:reduce){.hero .visual>.r4-scan{display:none}.scan-wave{animation:none!important}}