.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:float 4s ease-in-out infinite;transform-style:preserve-3d;box-shadow:0 min(10px,2vw) min(20px,4vw) rgba(0,0,0,.1);display:flex}.bank-building:nth-child(2){animation-delay:1.3s}.bank-building:nth-child(3){animation-delay:2.6s}.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;transform:perspective(1000px) rotateX(5deg);box-shadow:0 10px 20px rgba(0,0,0,.1);z-index:1}.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);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:float 4s ease-in-out infinite;box-shadow:0 10px 30px rgba(158,122,255,.2);transform-style:preserve-3d;z-index:3}.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) infinite;transform-style:preserve-3d;--random-rotate:0;--drop-offset:0;--start-pos:min(40px,8vw);z-index:2;display:flex;align-items:center;justify-content:center}.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:-1s}.data-box:nth-child(3){--random-rotate:-8;--drop-offset:min(80px,16vw);--start-pos:min(110px,22vw);animation-delay:-2s}.data-box:nth-child(4){--random-rotate:3;--drop-offset:min(120px,24vw);--start-pos:min(40px,8vw);animation-delay:-3s}.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:glow 3s ease-in-out infinite;transition:transform .3s ease}.tool-icon:hover{transform:scale(1.1) rotate(0deg)!important}.tool-icon.sheets{bottom:min(35px,7vw);right:min(65px,13vw);transform:rotate(-15deg);background:linear-gradient(135deg,#ffffff,#f0f9f0)}.tool-icon.notion{bottom:min(45px,9vw);right:min(25px,5vw);transform:rotate(15deg);background:linear-gradient(135deg,#ffffff,#f0f0f0)}.tool-icon.airtable{bottom:min(20px,4vw);right:min(45px,9vw);transform:rotate(-5deg);background:linear-gradient(135deg,#ffffff,#fff9e6)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes conveyorMove{0%{transform:translateX(0)}to{transform:translateX(16px)}}@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)}}@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)}}.vc-container{position:relative;height:100%;width:100%;max-width:600px;margin:0 auto;display:flex;align-items:center;justify-content:center}.vc-pipe{left:0;width:100%;height:5px;background:linear-gradient(90deg,rgba(59,130,246,.6),rgba(147,51,234,.6));transform:translateY(-50%)}.vc-pipe,.vc-vertical-pipe{position:absolute;top:50%;border-radius:4px;z-index:1}.vc-vertical-pipe{right:0;width:5px;height:40%;background:linear-gradient(180deg,rgba(147,51,234,.6),rgba(59,130,246,.6));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;animation:moveRightThenUp 10s infinite;opacity:0}.vc-data-box:nth-child(3){animation-delay:0s}.vc-data-box:nth-child(4){animation-delay:1s}.vc-data-box:nth-child(5){animation-delay:2s}.vc-data-box:nth-child(6){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}}@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%)}.vc-vertical-pipe{display:none}.vc-data-box{top:50%;left:25%;transform:translateY(-50%);animation:moveHorizontal 10s infinite}@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}}}