.how-it-works{position:relative;width:100%;max-width:1200px;height:400px;margin:0 auto}.node{position:absolute;width:72px;height:72px;background:#fff;border-radius:50%;box-shadow:0 8px 24px rgba(0,0,0,.08);display:flex;align-items:center;justify-content:center;z-index:10}.left.top{left:20px;top:20px}.left.middle{left:20px;top:50%;transform:translateY(-52%)}.left.bottom{left:20px;bottom:20px}.center{left:50%;top:50%;transform:translate(-50%,-50%);width:96px;height:96px}.right.top{right:20px;top:20px}.right.middle{right:20px;top:50%;transform:translateY(-52%)}.right.bottom{right:20px;bottom:20px}.connections{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;overflow:visible}.connections .line{stroke-width:3;opacity:.77}.connections .beam{stroke-width:6;stroke-dasharray:200 400;stroke-dashoffset:0;animation:travel .33s linear infinite;filter:drop-shadow(0 0 1px rgba(255,170,64,.5))}@keyframes travel{0%{stroke-dashoffset:600}to{stroke-dashoffset:0}}