.about-flow{position:relative;isolation:isolate;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,3vw,34px);width:min(920px,calc(100% - 40px));margin:-36px auto 80px;padding:26px;border:1px solid rgba(53,207,255,.18);border-radius:24px;background:rgba(4,14,47,.92);box-shadow:0 24px 70px rgba(0,0,0,.2);overflow:hidden}.about-flow__line{position:absolute;z-index:-1;top:50%;right:12%;left:12%;height:1px;background:linear-gradient(90deg,rgba(53,207,255,.15),#35cfff,rgba(111,255,0,.18))}.about-flow__line i{position:absolute;top:-4px;width:9px;height:9px;border-radius:50%;background:#6fff00;box-shadow:0 0 16px #6fff00;animation:about-data-flow 4.8s linear infinite}.about-flow__node{display:grid;place-items:center;min-height:128px;padding:18px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.025));text-align:center}.about-flow__node span{font-size:14px;color:#6fff00}.about-flow__node strong{margin:7px 0 4px;font-size:clamp(21px,3vw,30px);color:#fff}.about-flow__node small{font-size:14px;color:#aeb8d4}@keyframes about-data-flow{from{right:0}to{right:calc(100% - 9px)}}@media(max-width:680px){.about-flow{grid-template-columns:1fr;margin-top:24px}.about-flow__line{top:10%;bottom:10%;right:50%;left:auto;width:1px;height:auto}.about-flow__line i{right:-4px;animation-name:about-data-flow-mobile}@keyframes about-data-flow-mobile{from{top:0}to{top:calc(100% - 9px)}}}@media(prefers-reduced-motion:reduce){.about-flow__line i{animation:none}.about-flow__node{transition:none}}
