@keyframes float-transaction-1{0%,to{transform:translateY(0) translateX(0);opacity:0}10%{opacity:1}50%{transform:translateY(-10px) translateX(80px);opacity:1}90%{opacity:1}95%{transform:translateY(-5px) translateX(160px);opacity:0}}@keyframes float-transaction-2{0%,to{transform:translateY(0) translateX(0);opacity:0}10%{opacity:1}50%{transform:translateY(5px) translateX(70px);opacity:1}90%{opacity:1}95%{transform:translateY(0) translateX(140px);opacity:0}}@keyframes float-transaction-3{0%,to{transform:translateY(0) translateX(0);opacity:0}10%{opacity:1}50%{transform:translateY(10px) translateX(90px);opacity:1}90%{opacity:1}95%{transform:translateY(5px) translateX(180px);opacity:0}}.animate-float-transaction-1{animation:float-transaction-1 5s ease-in-out infinite;animation-delay:0s}.animate-float-transaction-2{animation:float-transaction-2 5s ease-in-out infinite;animation-delay:1.5s}.animate-float-transaction-3{animation:float-transaction-3 5s ease-in-out infinite;animation-delay:3s}@keyframes flow-badge-1{0%{left:18%;top:20%;transform:scale(.8);opacity:0}5%{opacity:1;transform:scale(1)}45%{left:48%;top:22%;transform:scale(1.1);opacity:1}55%{left:52%;top:22%;transform:scale(1.1);opacity:1}95%{left:82%;top:20%;transform:scale(.9);opacity:1}to{left:85%;top:20%;transform:scale(.8);opacity:0}}@keyframes flow-badge-2{0%{left:18%;top:48%;transform:scale(.8);opacity:0}5%{opacity:1;transform:scale(1)}45%{left:48%;top:46%;transform:scale(1.1);opacity:1}55%{left:52%;top:46%;transform:scale(1.1);opacity:1}95%{left:82%;top:48%;transform:scale(.9);opacity:1}to{left:85%;top:48%;transform:scale(.8);opacity:0}}@keyframes flow-badge-3{0%{left:18%;top:76%;transform:scale(.8);opacity:0}5%{opacity:1;transform:scale(1)}45%{left:48%;top:74%;transform:scale(1.1);opacity:1}55%{left:52%;top:74%;transform:scale(1.1);opacity:1}95%{left:82%;top:76%;transform:scale(.9);opacity:1}to{left:85%;top:76%;transform:scale(.8);opacity:0}}.animate-flow-badge-1{animation:flow-badge-1 6s cubic-bezier(.4,0,.2,1) infinite;animation-delay:.5s;animation-fill-mode:backwards}.animate-flow-badge-2{animation:flow-badge-2 6s cubic-bezier(.4,0,.2,1) infinite;animation-delay:2.5s;animation-fill-mode:backwards}.animate-flow-badge-3{animation:flow-badge-3 6s cubic-bezier(.4,0,.2,1) infinite;animation-delay:4.5s;animation-fill-mode:backwards}@media (prefers-reduced-motion:reduce){.animate-float-transaction-1,.animate-float-transaction-2,.animate-float-transaction-3,.animate-flow-badge-1,.animate-flow-badge-2,.animate-flow-badge-3{animation:none!important;opacity:0!important}}.video-left{opacity:0;transform:translateX(-80px);transition:none}.video-showcase.active .video-left{animation:videoSlideInLeft .7s cubic-bezier(.34,1.56,.64,1) forwards}.video-right{opacity:0;transform:translateX(80px);transition:none}.video-showcase.active .video-right{animation:videoSlideInRight .7s cubic-bezier(.34,1.56,.64,1) .15s forwards}@keyframes videoSlideInLeft{0%{opacity:0;transform:translateX(-80px) scale(.95)}to{opacity:1;transform:translateX(0) scale(1)}}@keyframes videoSlideInRight{0%{opacity:0;transform:translateX(80px) scale(.95)}to{opacity:1;transform:translateX(0) scale(1)}}.vc-container{position:relative;height:100%;width:100%;max-width:600px;margin:0 auto;display:flex;align-items:center;justify-content:center}.vc-pipe{position:absolute;top:50%;left:0;width:100%;height:5px;background:linear-gradient(90deg,rgba(59,130,246,.6),rgba(147,51,234,.6));border-radius:4px;z-index:1;opacity:0;transform:translateY(-50%) scaleX(0);transform-origin:center}.video-showcase.active .vc-pipe{animation:pipeScaleIn .5s cubic-bezier(.34,1.56,.64,1) .5s forwards}@keyframes pipeScaleIn{0%{opacity:0;transform:translateY(-50%) scaleX(0)}to{opacity:1;transform:translateY(-50%) scaleX(1)}}.vc-vertical-pipe{position:absolute;top:50%;right:0;width:5px;height:40%;background:linear-gradient(180deg,rgba(147,51,234,.6),rgba(59,130,246,.6));border-radius:4px;z-index:1;transform:translateY(-100%);display:none}.vc-data-box{position:absolute;width:32px;height:32px;background:rgba(255,255,255,.9);border-radius:6px;display:flex;align-items:center;justify-content:center;font-weight:700;color:#3b82f6;box-shadow:0 2px 8px rgba(0,0,0,.1);z-index:2;opacity:0;animation:none}.video-showcase.active .vc-data-box{animation:moveRightThenUp 10s 1s infinite}.video-showcase.active .vc-data-box:nth-child(3){animation-delay:1s}.video-showcase.active .vc-data-box:nth-child(4){animation-delay:2s}.vc-data-box:nth-child(6),.video-showcase.active .vc-data-box:nth-child(5){animation-delay:3s}.vc-data-box:nth-child(7){animation-delay:4s}.vc-data-box:nth-child(8){animation-delay:5s}.vc-data-box:nth-child(9){animation-delay:6s}.vc-data-box:nth-child(10){animation-delay:7s}.vc-data-box:nth-child(11){animation-delay:8s}.vc-data-box:nth-child(12){animation-delay:9s}@keyframes moveRightThenUp{0%{left:0;top:50%;transform:translateY(-50%);opacity:0}5%{opacity:1}70%{left:calc(100% - 40px);top:50%;transform:translateY(-50%);opacity:1}80%{left:calc(100% - 40px);top:10%;transform:translate(0);opacity:1}95%{opacity:1}to{left:calc(100% - 40px);top:10%;transform:translate(0);opacity:0}}@media (max-width:768px){.vc-container{display:none}.video-left,.video-right{transform:none}.video-showcase.active .video-left{animation:fadeIn .6s ease-out forwards}.video-showcase.active .video-right{animation:fadeIn .6s ease-out .1s forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}}@media (min-width:769px){.vc-container{position:relative;height:80px;margin:0;width:100%;max-width:none}.vc-pipe{left:25%;right:25%;width:50%;top:50%;transform:translateY(-50%) scaleX(0)}.video-showcase.active .vc-pipe{animation:pipeScaleIn .5s cubic-bezier(.34,1.56,.64,1) .5s forwards}.vc-vertical-pipe{display:none}.vc-data-box{top:50%;left:25%;transform:translateY(-50%)}.video-showcase.active .vc-data-box{animation:moveHorizontal 10s 1s infinite}.video-showcase.active .vc-data-box:nth-child(3){animation-delay:1s}.video-showcase.active .vc-data-box:nth-child(4){animation-delay:2s}.video-showcase.active .vc-data-box:nth-child(5){animation-delay:3s}@keyframes moveHorizontal{0%{left:25%;top:50%;transform:translateY(-50%);opacity:0}5%{opacity:1}85%{left:75%;top:50%;transform:translateY(-50%);opacity:1}95%{opacity:1}to{left:75%;top:50%;transform:translateY(-50%);opacity:0}}}@media (prefers-reduced-motion:reduce){.vc-data-box,.vc-pipe,.video-left,.video-right{animation:none!important;opacity:1!important;transform:none!important}.vc-pipe{transform:translateY(-50%)!important}}