.what-is-visual{align-items:center;display:flex;height:650px;justify-content:center;position:relative}.signal-flow{height:100%;position:relative;width:100%}@keyframes gentleRiseData{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-25px) scale(1.03)}}@keyframes gentleRiseCenter{0%,to{transform:translateX(-50%) translateY(-50%) scale(1)}50%{transform:translateX(-50%) translateY(-50%) scale(1.08)}}@keyframes gentleFallAction{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(25px) scale(1.03)}}.flow-box{align-items:center;background:rgba(30,41,59,.8);border:2px solid rgba(255,105,0,.3);border-radius:50%;display:flex;height:150px;justify-content:center;padding:1.5rem;position:absolute;text-align:center;width:150px}.flow-box.data{animation:gentleRiseData 5s cubic-bezier(.45,0,.55,1) infinite;background:rgba(8,145,178,.2);border-color:#45608a;box-shadow:0 0 20px rgba(8,145,178,.3);left:8%;top:5%}.flow-box.process{animation:gentleRiseCenter 5s ease-in-out infinite;background:rgba(255,105,0,.25);border-color:#ff6900;box-shadow:0 0 40px rgba(255,105,0,.5),inset 0 0 20px rgba(255,105,0,.2);left:50%;top:50%;transform:translateX(-50%) translateY(-50%)}.flow-box.action{animation:gentleFallAction 5s cubic-bezier(.45,0,.55,1) infinite;background:rgba(16,185,129,.2);border-color:#10b981;bottom:5%;box-shadow:0 0 20px rgba(16,185,129,.3);right:8%}.flow-label{font-size:.8rem;font-weight:600;letter-spacing:1px;text-transform:uppercase}