.conveyor-container{position:relative;width:min(500px,90vw);height:min(300px,54vw);margin:2rem auto;perspective:1000px;overflow:hidden}.bank-buildings-container{position:absolute;left:min(20px,4vw);top:min(20px,4vw);display:flex;gap:min(15px,3vw);z-index:4}.bank-building{position:relative;width:min(90px,18vw);height:min(65px,13vw);border-radius:min(20px,4vw);background:linear-gradient(135deg,#9e7aff,#4F46E5);padding:min(5px,1vw);animation:bankSlideIn .6s cubic-bezier(.34,1.56,.64,1) forwards,float 4s ease-in-out 1s infinite;box-shadow:0 min(10px,2vw) min(20px,4vw) rgba(0,0,0,.1);display:flex;will-change:transform;opacity:0;transform:translateX(-100px)}.bank-building:first-child{animation-delay:.1s,1.1s}.bank-building:nth-child(2){animation-delay:.2s,1.5s}.bank-building:nth-child(3){animation-delay:.3s,1.9s}.bank-building:before{content:"";position:absolute;inset:min(5px,1vw);background:white;border-radius:min(15px,3vw);z-index:1;pointer-events:none}.bank-building:after{display:none}.bank-building img{width:min(32px,6.4vw);height:min(32px,6.4vw);z-index:2;position:relative;-o-object-fit:contain;object-fit:contain}.conveyor-belt{position:absolute;top:min(150px,30vw);left:min(40px,8vw);width:min(310px,62vw);height:min(20px,4vw);background:linear-gradient(90deg,rgba(59,130,246,.2),rgba(147,51,234,.2));border-radius:min(10px,2vw);overflow:hidden;box-shadow:0 10px 20px rgba(0,0,0,.1);z-index:1;opacity:0;transform:perspective(1000px) rotateX(5deg) translateY(-80px);animation:beltDropIn .5s cubic-bezier(.34,1.56,.64,1) .4s forwards;will-change:transform,opacity}.conveyor-belt:before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(-45deg,transparent,transparent 8px,rgba(255,255,255,.15) 0,rgba(255,255,255,.15) 16px);background-size:16px 16px;animation:conveyorMove 1.5s linear infinite;z-index:1}.conveyor-belt:after{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(255,255,255,.1),rgba(255,255,255,.3) 15%,rgba(255,255,255,.1) 30%,rgba(255,255,255,.2) 45%,rgba(255,255,255,.1) 60%,rgba(255,255,255,.3) 75%,rgba(255,255,255,.1));animation:conveyorShine 3s linear infinite;z-index:2}.tools-basket{bottom:min(20px,8vw);right:min(25px,5vw);width:min(120px,24vw);height:min(80px,16vw);border-radius:0 0 min(20px,4vw) min(20px,4vw);animation:basketSlideIn .6s cubic-bezier(.34,1.56,.64,1) .5s forwards,float 4s ease-in-out 1.2s infinite;box-shadow:0 10px 30px rgba(158,122,255,.2);z-index:3;will-change:transform;opacity:0;transform:translateY(100px)}.tools-basket,.tools-basket:before{position:absolute;background:linear-gradient(135deg,#9e7aff,#fe8bbb)}.tools-basket:before{content:"";top:max(-10px,-2vw);left:max(-10px,-2vw);right:max(-10px,-2vw);height:min(20px,4vw);border-radius:min(10px,2vw) min(10px,2vw) 0 0;box-shadow:0 -5px 15px rgba(158,122,255,.1)}.data-box{position:absolute;top:min(20px,4vw);left:min(40px,8vw);width:min(35px,7vw);height:min(35px,7vw);background:linear-gradient(135deg,#ffffff,#f8f8f8);border-radius:min(8px,1.6vw);box-shadow:0 4px 12px rgba(0,0,0,.15);animation:moveBox 4s cubic-bezier(.4,0,.2,1) 1.2s infinite;--random-rotate:0;--drop-offset:0;--start-pos:min(40px,8vw);z-index:2;display:flex;align-items:center;justify-content:center;will-change:transform,opacity;opacity:0}.currency-symbol{font-size:min(18px,3.6vw);font-weight:700;color:#4F46E5;text-shadow:0 1px 2px rgba(0,0,0,.1);transform:translateY(-1px)}.data-box:nth-child(2) .currency-symbol{color:#3B82F6}.data-box:nth-child(3) .currency-symbol{color:#7C3AED}.data-box:nth-child(4) .currency-symbol{color:#06B6D4}.data-box:nth-child(2){--random-rotate:5;--drop-offset:min(40px,8vw);--start-pos:min(70px,14vw);animation-delay:2.2s}.data-box:nth-child(3){--random-rotate:-8;--drop-offset:min(80px,16vw);--start-pos:min(110px,22vw);animation-delay:3.2s}.data-box:nth-child(4){--random-rotate:3;--drop-offset:min(120px,24vw);--start-pos:min(40px,8vw);animation-delay:4.2s}.data-box svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.tool-icon{position:absolute;width:min(32px,6.4vw);height:min(32px,6.4vw);background:white;border-radius:min(8px,1.6vw);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(0,0,0,.1);animation:toolIconPop .4s cubic-bezier(.34,1.56,.64,1) forwards,glow 3s ease-in-out 1.4s infinite;transition:transform .3s ease;opacity:0;transform:scale(0)}.tool-icon:hover{transform:scale(1.1) rotate(0deg)!important}.tool-icon.sheets{bottom:min(35px,7vw);right:min(65px,13vw);--tool-rotate:-15deg;background:linear-gradient(135deg,#ffffff,#f0f9f0);animation-delay:.9s,1.4s}.tool-icon.notion{bottom:min(45px,9vw);right:min(25px,5vw);--tool-rotate:15deg;background:linear-gradient(135deg,#ffffff,#f0f0f0);animation-delay:1s,1.5s}.tool-icon.airtable{bottom:min(20px,4vw);right:min(45px,9vw);--tool-rotate:-5deg;background:linear-gradient(135deg,#ffffff,#fff9e6);animation-delay:1.1s,1.6s}@keyframes bankSlideIn{0%{opacity:0;transform:translateX(-100px) scale(.8)}to{opacity:1;transform:translateX(0) scale(1)}}@keyframes beltDropIn{0%{opacity:0;transform:perspective(1000px) rotateX(5deg) translateY(-80px)}to{opacity:1;transform:perspective(1000px) rotateX(5deg) translateY(0)}}@keyframes basketSlideIn{0%{opacity:0;transform:translateY(100px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes conveyorMove{0%{background-position:0 0}to{background-position:16px 0}}@keyframes conveyorShine{0%{opacity:.5;transform:translateX(-310px)}to{opacity:.7;transform:translateX(310px)}}@keyframes moveBox{0%{transform:translate(var(--start-pos),min(60px,12vw)) rotate(calc(var(--random-rotate) * 1deg));opacity:1}15%{transform:translate(var(--start-pos),min(70px,14vw)) rotate(calc(var(--random-rotate) * 1deg));opacity:1}20%{transform:translate(var(--start-pos),min(110px,22vw)) rotate(0deg);opacity:1}65%{transform:translate(min(250px,50vw),min(110px,22vw)) rotate(0deg);opacity:1}80%{transform:translate(min(300px,60vw),min(110px,22vw)) rotate(calc(var(--random-rotate) * -1deg));opacity:1}95%{transform:translate(min(330px,66vw),min(140px,28vw)) rotate(calc(var(--random-rotate) * -2deg));opacity:0}95.1%{transform:translate(var(--start-pos),min(60px,12vw)) rotate(calc(var(--random-rotate) * 1deg));opacity:0}to{transform:translate(var(--start-pos),min(60px,12vw)) rotate(calc(var(--random-rotate) * 1deg));opacity:1}}@keyframes glow{0%,to{box-shadow:0 4px 12px rgba(0,0,0,.1)}50%{box-shadow:0 4px 20px rgba(158,122,255,.3)}}@keyframes toolIconPop{0%{opacity:0;transform:scale(0) rotate(0deg)}to{opacity:1;transform:scale(1) rotate(var(--tool-rotate,0deg))}}@media (max-width:480px){.bank-building img{width:min(24px,4.8vw);height:min(24px,4.8vw)}.tool-icon svg{width:min(16px,3.2vw);height:min(16px,3.2vw)}.data-box svg{width:min(12px,2.4vw);height:min(12px,2.4vw)}}@media (prefers-reduced-motion:reduce){.bank-building,.conveyor-belt,.conveyor-belt:after,.conveyor-belt:before,.data-box,.tool-icon,.tools-basket{animation:none!important;opacity:1!important;transform:none!important}.conveyor-belt{transform:perspective(1000px) rotateX(5deg)!important}.tool-icon.sheets{transform:rotate(-15deg)!important}.tool-icon.notion{transform:rotate(15deg)!important}.tool-icon.airtable{transform:rotate(-5deg)!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}}