.netreach-icon{--arc-thickness:clamp(1px,.4vw,2px);--arc-thickness-thin:clamp(.5px,.25vw,1.5px);width:clamp(4.5rem,10vw,8rem);height:clamp(4.5rem,10vw,8rem);position:relative}.spiral-container{will-change:transform;width:100%;height:100%;position:relative}.spiral-ring{will-change:transform;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.spiral-ring:first-child{width:150%;height:150%;-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - var(--arc-thickness)),#fff calc(100% - var(--arc-thickness)));-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - var(--arc-thickness)),#fff calc(100% - var(--arc-thickness)));mask:radial-gradient(farthest-side,transparent calc(100% - var(--arc-thickness)),#fff calc(100% - var(--arc-thickness)));background:conic-gradient(#0000 0deg,#7c4dffe6 40deg,#42a5f5e6 130deg,#0000 170deg);animation:3s linear infinite rotateClockwise}.spiral-ring:nth-child(2){width:135%;height:135%;-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - var(--arc-thickness)),#fff calc(100% - var(--arc-thickness)));-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - var(--arc-thickness)),#fff calc(100% - var(--arc-thickness)));mask:radial-gradient(farthest-side,transparent calc(100% - var(--arc-thickness)),#fff calc(100% - var(--arc-thickness)));background:conic-gradient(from 180deg,#0000 0deg,#42a5f5d9 50deg,#7c4dffd9 140deg,#0000 190deg);animation:2.5s linear infinite rotateCounterClockwise}.spiral-ring:nth-child(3){width:120%;height:120%;-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - var(--arc-thickness)),#fff calc(100% - var(--arc-thickness)));-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - var(--arc-thickness)),#fff calc(100% - var(--arc-thickness)));mask:radial-gradient(farthest-side,transparent calc(100% - var(--arc-thickness)),#fff calc(100% - var(--arc-thickness)));background:conic-gradient(from 90deg,#0000 0deg,#7c4dffcc 60deg,#42a5f5cc 120deg,#0000 150deg);animation:2s linear infinite rotateClockwise}.spiral-ring:nth-child(4){width:165%;height:165%;-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - var(--arc-thickness-thin)),#fff calc(100% - var(--arc-thickness-thin)));-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - var(--arc-thickness-thin)),#fff calc(100% - var(--arc-thickness-thin)));mask:radial-gradient(farthest-side,transparent calc(100% - var(--arc-thickness-thin)),#fff calc(100% - var(--arc-thickness-thin)));background:conic-gradient(from 270deg,#0000 0deg,#42a5f5bf 45deg,#7c4dffbf 100deg,#0000 130deg);animation:3.5s linear infinite rotateCounterClockwise}.spiral-ring:nth-child(5){width:180%;height:180%;-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - var(--arc-thickness-thin)),#fff calc(100% - var(--arc-thickness-thin)));-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - var(--arc-thickness-thin)),#fff calc(100% - var(--arc-thickness-thin)));mask:radial-gradient(farthest-side,transparent calc(100% - var(--arc-thickness-thin)),#fff calc(100% - var(--arc-thickness-thin)));background:conic-gradient(from 45deg,#0000 0deg,#7c4dff99 35deg,#42a5f599 90deg,#0000 120deg);animation:4s linear infinite rotateClockwise}.spiral-ring:nth-child(6){width:200%;height:200%;-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - var(--arc-thickness-thin)),#fff calc(100% - var(--arc-thickness-thin)));-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - var(--arc-thickness-thin)),#fff calc(100% - var(--arc-thickness-thin)));mask:radial-gradient(farthest-side,transparent calc(100% - var(--arc-thickness-thin)),#fff calc(100% - var(--arc-thickness-thin)));background:conic-gradient(from 135deg,#0000 0deg,#42a5f580 40deg,#7c4dff80 95deg,#0000 125deg);animation:4.5s linear infinite rotateCounterClockwise}.netreach-n{color:#fff;background:linear-gradient(#b19eef 0%,#5227ff 50%,#0000 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(4.5rem,10vw,8rem);font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes rotateClockwise{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes rotateCounterClockwise{0%{transform:translate(-50%,-50%)rotate(360deg)}to{transform:translate(-50%,-50%)rotate(0)}}@media (prefers-reduced-motion:reduce){.spiral-ring{animation:none}}