.bank-feeds-container{position:relative;width:100%;max-width:100%;height:clamp(250px,50vw,450px);margin:2rem auto;display:flex;align-items:center;justify-content:space-between;padding:clamp(.75rem,2vw,2rem);overflow:hidden;box-sizing:border-box;contain:layout style paint}.banks-column{position:relative;display:flex;flex-direction:column;gap:clamp(.5rem,1.2vw,1rem);z-index:3}.bank-card{width:clamp(50px,12vw,90px);height:clamp(40px,10vw,70px);background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:clamp(8px,1.5vw,14px);box-shadow:0 4px 12px rgba(59,130,246,.3);animation:bankCardAppear .6s cubic-bezier(.34,1.56,.64,1) forwards,bankCardPulse 2s ease-in-out .8s infinite;will-change:transform;padding:clamp(6px,1.2vw,10px);opacity:0;transform:translateX(-30px) scale(.8)}.bank-card,.bank-icon-wrapper{display:flex;align-items:center;justify-content:center}.bank-icon-wrapper{width:100%;height:100%;background:white;border-radius:clamp(6px,1.2vw,10px);padding:clamp(3px,.6vw,6px)}.bank-icon-wrapper img,.dest-card img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;max-width:100%;max-height:100%}.bank-card-1{animation-delay:0s,.8s}.bank-card-2{animation-delay:.2s,1s}.bank-card-3{animation-delay:.4s,1.2s}.banksync-logo-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:clamp(80px,20vw,160px);height:clamp(80px,20vw,160px);z-index:10;display:flex;align-items:center;justify-content:center}.logo-glow{position:absolute;width:100%;height:100%;background:radial-gradient(circle,rgba(147,51,234,.4) 0,rgba(147,51,234,.1) 50%,transparent 100%);border-radius:50%;animation:logoGlowPulse 3s ease-in-out infinite;z-index:-1}.logo-image{position:relative;width:clamp(40px,10vw,80px);height:clamp(40px,10vw,80px);z-index:1;filter:drop-shadow(0 0 clamp(4px,1vw,10px) rgba(147,51,234,.5))}.data-pipeline{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:clamp(200px,50vw,350px);height:clamp(4px,1vw,10px);z-index:1}.pipeline-line{position:absolute;width:100%;height:100%;background:linear-gradient(90deg,rgba(59,130,246,.3),rgba(99,102,241,.5) 50%,rgba(59,130,246,.3));background-size:200% 100%;border-radius:clamp(2px,.5vw,6px);animation:pipelineFlow 2s linear infinite}.pipeline-node{position:absolute;width:clamp(10px,2.5vw,18px);height:clamp(10px,2.5vw,18px);background:linear-gradient(135deg,#3b82f6,#6366f1);border-radius:50%;top:50%;transform:translateY(-50%);box-shadow:0 0 clamp(6px,1.5vw,14px) rgba(59,130,246,.5);animation:nodePulse 2s ease-in-out infinite}.pipeline-node-1{left:20%;animation-delay:0s}.pipeline-node-2{left:50%;animation-delay:.5s}.pipeline-node-3{left:80%;animation-delay:1s}.transaction-flow{left:0;right:0;width:100%;height:clamp(4px,1vw,10px);z-index:2}.transaction-flow,.transaction-item{position:absolute;top:50%;transform:translateY(-50%)}.transaction-item{width:clamp(40px,10vw,70px);height:clamp(28px,7vw,50px);background:linear-gradient(135deg,#ffffff,#f1f5f9);border-radius:clamp(6px,1.2vw,10px);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(0,0,0,.15);will-change:left,transform,opacity;opacity:0}.transaction-amount{font-size:clamp(10px,2vw,16px);font-weight:700;color:#2563eb;text-shadow:0 1px 2px rgba(0,0,0,.1);white-space:nowrap}.transaction-1{animation:transactionFlow 4s cubic-bezier(.4,0,.2,1) 1.2s infinite}.transaction-1,.transaction-2{--start-x:clamp(80px,18vw,140px);--end-x:calc(100% - clamp(80px, 18vw, 140px))}.transaction-2{animation:transactionFlow 4s cubic-bezier(.4,0,.2,1) 2.2s infinite}.transaction-3{animation:transactionFlow 4s cubic-bezier(.4,0,.2,1) 3.2s infinite;--start-x:clamp(80px,18vw,140px);--end-x:calc(100% - clamp(80px, 18vw, 140px))}.transaction-2 .transaction-amount{color:#6366f1}.transaction-3 .transaction-amount{color:#8b5cf6}.destinations-column{position:relative;display:flex;flex-direction:column;gap:clamp(.5rem,1.2vw,1rem);z-index:3}.dest-card{width:clamp(50px,12vw,90px);height:clamp(40px,10vw,70px);background:linear-gradient(135deg,#1e293b,#334155);border:clamp(1px,.3vw,3px) solid rgba(59,130,246,.3);border-radius:clamp(8px,1.5vw,14px);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(59,130,246,.2);animation:destCardReceive .6s cubic-bezier(.34,1.56,.64,1) forwards,destCardGlow 3s ease-in-out 1s infinite;opacity:0;transform:scale(.8);padding:clamp(6px,1.2vw,10px)}.dest-card img{filter:brightness(0) invert(1)}.dark .dest-card{background:linear-gradient(135deg,#334155,#475569);border-color:rgba(59,130,246,.4)}.dark .dest-card img{filter:brightness(0) invert(1)}.dest-card.dest-sheets img{filter:none}.dark .dest-card.dest-sheets img{filter:brightness(1.1)}.dest-card.dest-airtable img{filter:none}.dark .dest-card.dest-airtable img{filter:brightness(1.1)}.dest-notion{animation-delay:1.5s,2.2s}.dest-airtable{animation-delay:1.7s,2.4s}.dest-sheets{animation-delay:1.9s,2.6s}@keyframes bankCardAppear{0%{opacity:0;transform:translateX(-30px) scale(.8)}to{opacity:1;transform:translateX(0) scale(1)}}@keyframes bankCardPulse{0%,to{transform:scale(1);box-shadow:0 4px 12px rgba(59,130,246,.3)}50%{transform:scale(1.05);box-shadow:0 6px 16px rgba(59,130,246,.4)}}.bank-card,.dest-card,.pipeline-node,.transaction-item{transition:width .3s ease,height .3s ease,padding .3s ease}@keyframes pipelineFlow{0%{background-position:-100% 50%}to{background-position:200% 50%}}@keyframes nodePulse{0%,to{transform:translateY(-50%) scale(1);opacity:1}50%{transform:translateY(-50%) scale(1.2);opacity:.8}}@keyframes transactionFlow{0%{left:var(--start-x);transform:translateY(-50%) scale(.7) rotate(-5deg);opacity:0}8%{opacity:1;transform:translateY(-50%) scale(.9) rotate(0deg)}35%{left:calc(50% - clamp(20px, 5vw, 35px));transform:translateY(-50%) scale(1) rotate(0deg);opacity:1}50%{left:50%;transform:translate(-50%,-50%) scale(1) rotate(0deg);opacity:1}65%{left:calc(50% + clamp(20px, 5vw, 35px));transform:translateY(-50%) scale(1) rotate(0deg);opacity:1}80%{left:var(--end-x);transform:translate(-100%,-50%) scale(.85) rotate(5deg);opacity:.7}95%{left:var(--end-x);transform:translate(-100%,-50%) scale(.6) rotate(10deg);opacity:.3}to{left:var(--end-x);transform:translate(-100%,-50%) scale(.4) rotate(15deg);opacity:0}}@keyframes destCardReceive{0%{opacity:0;transform:scale(.8) translateX(20px)}to{opacity:1;transform:scale(1) translateX(0)}}@keyframes destCardGlow{0%,to{box-shadow:0 4px 12px rgba(0,0,0,.1)}50%{box-shadow:0 6px 20px rgba(59,130,246,.3)}}@keyframes logoGlowPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}@media (min-width:1920px){.bank-feeds-container{max-width:1400px;margin:2rem auto}}@media (max-width:768px) and (orientation:landscape){.bank-feeds-container{height:clamp(180px,35vh,220px);padding:clamp(.5rem,1.5vw,1rem)}}@media (prefers-reduced-motion:reduce){.bank-card,.dest-card,.pipeline-line,.pipeline-node,.transaction-item{animation:none!important;opacity:1!important;transform:none!important}.dest-card{transform:scale(1) translateX(0)!important}}