.banks-page { background: var(--ink, #0c1117); }
.banks-main { padding-block: clamp(44px, 7vw, 90px) 80px; }
.banks-intro { margin-bottom: 40px; }
.banks-intro h1 {
  max-width: 900px;
  margin: 0 0 18px;
  font: 600 clamp(34px, 4.8vw, 62px)/1.12 var(--font-plex-mono), monospace;
  letter-spacing: -.045em;
  color: var(--paper, #f4f2ec);
}
.banks-intro p { margin: 0; color: var(--steel, #8b98a5); font-size: 18px; }
.banks-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 20px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.banks-grid > li { grid-column: span 2; min-width: 0; }
.banks-grid > li:nth-child(4) { grid-column: 2 / span 2; }
.bank-card {
  display: flex;
  flex-direction: column;
  min-height: 260px;
  padding: 28px;
  border: 1px solid var(--line, #273340);
  background: var(--graphite, #151c25);
  text-decoration: none;
  transition: border-color .15s ease, background-color .15s ease;
}
.bank-card:hover { border-color: var(--amber, #e5a13d); background: #19222d; }
.bank-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  min-height: 148px;
  margin-bottom: 22px;
}
.bank-logo img { display: block; width: 100%; max-width: 220px; height: 90px; object-fit: contain; }
.bank-logo--xp img { max-width: 125px; height: 110px; }
.bank-logo--genial img { width: 100px; height: 100px; }
.bank-logo--elliot img { max-width: 210px; height: 70px; }
.bank-label { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.bank-label strong { font: 500 15px/1.4 var(--font-plex-mono), monospace; color: var(--paper, #f4f2ec); }
.bank-label span { color: var(--amber, #e5a13d); font-size: 22px; }
.banks-footer { padding-block: 28px; border-top: 1px solid var(--line, #273340); }
.banks-footer nav { display: flex !important; flex-wrap: wrap; justify-content: flex-end; gap: 16px 28px; }
.banks-footer a { min-height: 44px; display: inline-flex; align-items: center; }
@media (max-width: 760px) {
  .banks-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
  .banks-grid > li, .banks-grid > li:nth-child(4) { grid-column: auto; }
  .bank-card { min-height: 210px; padding: 20px 16px; }
  .bank-logo { min-height: 110px; }
  .bank-logo img { max-width: 180px; }
  .bank-label strong { font-size: 13px; }
}
@media (max-width: 420px) {
  .banks-grid { grid-template-columns: minmax(0, 1fr); }
  .bank-card { min-height: 212px; padding: 24px; }
  .banks-main { padding-bottom: 48px; }
  .banks-footer nav { justify-content: flex-start; font-size: 10px; gap: 8px 20px; }
}
@media (prefers-reduced-motion: reduce) { .bank-card { transition: none; } }