.receipts-container{width:100%;max-width:100%;height:clamp(250px,50vw,450px);margin:2rem auto;justify-content:space-between;padding:clamp(.75rem,2vw,2rem);overflow:hidden;box-sizing:border-box;contain:layout style paint}.email-inbox,.receipts-container{position:relative;display:flex;align-items:center}.email-inbox{width:clamp(70px,16vw,110px);height:clamp(90px,20vw,130px);background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:clamp(12px,2.5vw,18px);flex-direction:column;justify-content:center;gap:clamp(6px,1.2vw,10px);box-shadow:0 6px 20px rgba(245,158,11,.3);z-index:3;animation:inboxPulse 2s ease-in-out infinite}.inbox-icon{width:clamp(28px,6vw,45px);height:clamp(28px,6vw,45px);background:white;border-radius:clamp(8px,1.5vw,12px);display:flex;align-items:center;justify-content:center}.dest-badge img,.inbox-icon svg{width:100%;height:100%;max-width:100%;max-height:100%}.dest-badge img{-o-object-fit:contain;object-fit:contain}.inbox-label{font-size:clamp(9px,1.8vw,14px);font-weight:600;color:white;text-shadow:0 1px 2px rgba(0,0,0,.1)}.receipts-flow{left:clamp(90px,20vw,140px);right:clamp(80px,16vw,140px);height:clamp(250px,50vw,450px);z-index:2}.receipt-paper,.receipts-flow{position:absolute;top:50%;transform:translateY(-50%)}.receipt-paper{width:clamp(28px,7vw,45px);height:clamp(38px,9vw,60px);background:linear-gradient(135deg,#ffffff,#f8f8f8);border-radius:clamp(4px,.8vw,6px);box-shadow:0 3px 8px rgba(0,0,0,.15);padding:clamp(4px,1vw,8px);will-change:transform,opacity;opacity:0}.receipt-content{display:flex;flex-direction:column;gap:clamp(3px,.6vw,5px);height:100%}.receipt-line{height:clamp(2px,.5vw,4px);background:linear-gradient(90deg,#e5e7eb,#d1d5db);border-radius:clamp(1px,.3vw,3px)}.receipt-line.short{width:60%}.receipt-1{animation:receiptEmerge 4s cubic-bezier(.4,0,.2,1) 0s infinite}.receipt-1,.receipt-2{--start-x:clamp(-80px,-18vw,-120px);--logo-left:clamp(100px,25vw,160px);--dest-right:calc(100% - clamp(40px, 8vw, 80px))}.receipt-2{animation:receiptEmerge 4s cubic-bezier(.4,0,.2,1) 1.3s infinite}.receipt-3{animation:receiptEmerge 4s cubic-bezier(.4,0,.2,1) 2.6s infinite;--start-x:clamp(-80px,-18vw,-120px);--logo-left:clamp(100px,25vw,160px);--dest-right:calc(100% - clamp(40px, 8vw, 80px))}.banksync-logo-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:clamp(70px,18vw,120px);height:clamp(70px,18vw,120px);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(35px,9vw,60px);height:clamp(35px,9vw,60px);z-index:1;filter:drop-shadow(0 0 clamp(4px,1vw,10px) rgba(147,51,234,.5))}.extracted-data{flex-direction:column;gap:clamp(6px,1.2vw,10px);z-index:2;width:clamp(150px,35vw,220px)}.data-badge,.extracted-data{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex}.data-badge{width:clamp(65px,15vw,100px);height:clamp(26px,6vw,40px);background:linear-gradient(135deg,#ffffff,#fef3c7);border:clamp(1px,.3vw,3px) solid #fbbf24;border-radius:clamp(6px,1.2vw,10px);align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(245,158,11,.2);will-change:transform,opacity;opacity:0}.data-label{font-size:clamp(8px,1.6vw,13px);font-weight:600;color:#d97706;white-space:nowrap}.data-merchant{animation:dataExtract 4s cubic-bezier(.4,0,.2,1) 2.5s infinite;--start-x:0;--target-x:clamp(90px,20vw,140px);--target-y:clamp(-35px,-7vw,-45px)}.data-amount{animation:dataExtract 4s cubic-bezier(.4,0,.2,1) 2.7s infinite;--start-x:0;--target-x:clamp(90px,20vw,140px);--target-y:0}.data-date{animation:dataExtract 4s cubic-bezier(.4,0,.2,1) 2.9s infinite;--start-x:0;--target-x:clamp(90px,20vw,140px);--target-y:clamp(35px,7vw,45px)}.destinations-stack{position:relative;display:flex;flex-direction:column;gap:clamp(.5rem,1.2vw,1rem);z-index:3}.dest-badge{width:clamp(50px,12vw,90px);height:clamp(40px,10vw,70px);background:linear-gradient(135deg,#1e293b,#334155);border:clamp(1px,.3vw,3px) solid rgba(245,158,11,.3);border-radius:clamp(8px,1.5vw,14px);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(245,158,11,.2);animation:destReceive .6s cubic-bezier(.34,1.56,.64,1) forwards,destGlow 3s ease-in-out 1.5s infinite;opacity:0;transform:scale(.8) translateX(20px);padding:clamp(6px,1.2vw,10px)}.dest-badge img{filter:brightness(0) invert(1)}.dark .dest-badge{background:linear-gradient(135deg,#334155,#475569);border-color:rgba(245,158,11,.4)}.dark .dest-badge img{filter:brightness(0) invert(1)}.dest-badge.dest-sheets img{filter:none}.dark .dest-badge.dest-sheets img{filter:brightness(1.1)}.dest-badge.dest-airtable img{filter:none}.dark .dest-badge.dest-airtable img{filter:brightness(1.1)}.dest-notion{animation-delay:2.8s,3.5s}.dest-airtable{animation-delay:3s,3.7s}.dest-sheets{animation-delay:3.2s,3.9s}@keyframes inboxPulse{0%,to{transform:scale(1);box-shadow:0 6px 20px rgba(245,158,11,.3)}50%{transform:scale(1.05);box-shadow:0 8px 24px rgba(245,158,11,.4)}}@keyframes receiptEmerge{0%,3%{transform:translate(var(--start-x),-50%) rotate(-8deg) scale(.5);opacity:0}8%{transform:translate(clamp(12px,2.5vw,20px),-50%) rotate(-2deg) scale(.75);opacity:1}30%{transform:translate(calc(var(--logo-left) - clamp(20px, 4vw, 35px)),-50%) rotate(0deg) scale(.9);opacity:1}50%{transform:translate(var(--logo-left),-50%) rotate(0deg) scale(.95);opacity:1}65%{transform:translate(var(--logo-left),-50%) rotate(0deg) scale(.95);opacity:1}80%{transform:translate(var(--logo-left),-50%) rotate(0deg) scale(.8);opacity:.6}90%{transform:translate(var(--logo-left),-50%) rotate(0deg) scale(.5);opacity:.3}to{transform:translate(var(--logo-left),-50%) rotate(0deg) scale(0);opacity:0}}@keyframes logoGlowPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}@keyframes dataExtract{0%{transform:translate(var(--start-x)) scale(0) rotate(-5deg);opacity:0}18%{transform:translate(clamp(15px,3vw,25px)) scale(1.1) rotate(0deg);opacity:1}35%{transform:translate(clamp(15px,3vw,25px)) scale(1) rotate(0deg);opacity:1}55%{transform:translate(var(--target-x),var(--target-y)) scale(1) rotate(0deg);opacity:1}70%{transform:translate(var(--target-x),var(--target-y)) scale(.75) rotate(3deg);opacity:.8}85%{transform:translate(var(--target-x),var(--target-y)) scale(.4) rotate(5deg);opacity:.5}to{transform:translate(var(--target-x),var(--target-y)) scale(0) rotate(8deg);opacity:0}}@keyframes destReceive{0%{opacity:0;transform:scale(.8) translateX(20px)}to{opacity:1;transform:scale(1) translateX(0)}}@keyframes destGlow{0%,to{box-shadow:0 4px 12px rgba(0,0,0,.1)}50%{box-shadow:0 6px 20px rgba(245,158,11,.3)}}.data-badge,.dest-badge,.email-inbox,.receipt-paper{transition:width .3s ease,height .3s ease,padding .3s ease}@media (min-width:1920px){.receipts-container{max-width:1400px;margin:2rem auto}}@media (max-width:768px) and (orientation:landscape){.receipts-container{height:clamp(180px,35vh,220px);padding:clamp(.5rem,1.5vw,1rem)}}@media (prefers-reduced-motion:reduce){.data-badge,.dest-badge,.email-inbox,.processing-ring,.receipt-paper{animation:none!important;opacity:1!important;transform:none!important}.processing-ring{transform:rotate(0deg)!important}.dest-badge{transform:scale(1) translateX(0)!important}}