.diagram{position:relative;display:flex;justify-content:center;gap:120px;padding:40px;align-items:center;height:100%}.col{display:flex;flex-direction:column;gap:10px;justify-content:center}.box{width:320px;background:#fff;padding:22px 28px;border-radius:24px;font-size:22px;text-align:center;cursor:pointer;position:relative;box-shadow:0 4px 10px #00000014}.left-50{left:-50px}.right-50{right:-50px}.box:hover{transform:scale(1.03);transition:.2s}.lines{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.line{stroke:#5ec3ff;stroke-width:8px;fill:none;stroke-linecap:round;stroke-dasharray:800;stroke-dashoffset:800;animation:draw 1.2s ease forwards}@keyframes draw{to{stroke-dashoffset:0}}