.bank-section {
  padding: 72px 0 64px;
  background: #fff;
  border-bottom: 1px solid var(--line);
  overflow: hidden;
}
.bank-heading { max-width: 760px; margin: 0 auto 34px; text-align: center; }
.bank-heading .eyebrow { justify-content: center; }
.bank-heading h2 { margin-top: 8px; font-size: clamp(1.85rem, 3.5vw, 2.7rem); }
.bank-heading p { margin: 12px auto 0; }
.bank-marquee { position: relative; width: 100%; overflow: hidden; padding: 10px 0; }
.bank-marquee::before,.bank-marquee::after { content: ""; position: absolute; z-index: 2; top: 0; bottom: 0; width: 9vw; pointer-events: none; }
.bank-marquee::before { left: 0; background: linear-gradient(90deg,#fff,rgba(255,255,255,0)); }
.bank-marquee::after { right: 0; background: linear-gradient(270deg,#fff,rgba(255,255,255,0)); }
.bank-track { display: flex; align-items: center; gap: 20px; width: max-content; animation: bank-scroll 34s linear infinite; }
.bank-marquee:hover .bank-track { animation-play-state: paused; }
.bank-logo { width: 220px; height: 98px; padding: 20px 24px; display: flex; align-items: center; justify-content: center; border: 1px solid var(--line); border-radius: 16px; background: #fff; box-shadow: 0 8px 24px rgba(7,31,75,.06); }
.bank-logo img { width: auto; height: auto; max-width: 100%; max-height: 58px; object-fit: contain; }
.bank-note { max-width: 950px; margin: 24px auto 0; color: #707a8c; font-size: .8rem; text-align: center; }
@keyframes bank-scroll { from { transform: translateX(0); } to { transform: translateX(calc(-50% - 10px)); } }
@media (max-width:640px) { .bank-section { padding: 58px 0 52px; } .bank-logo { width: 180px; height: 88px; padding: 18px 20px; } }
@media (prefers-reduced-motion:reduce) { .bank-track { width: auto; flex-wrap: wrap; justify-content: center; animation: none; } .bank-logo[aria-hidden="true"] { display: none; } }
