/* Official Plexy assets sourced from plexy.money */
.wordmark img { display: block; width: 86px; height: 30px; object-fit: contain; }
.wordmark--signal { display: inline-flex; align-items: center; }
.wordmark--ledger,
.wordmark--atlas { display: inline-flex; align-items: center; padding: 7px 10px; border-radius: 8px; background: #101522; }
.wordmark--atlas { background: #0b2c76; }
.console-mark img { width: 16px; height: 18px; object-fit: contain; }

.official-rail { display: flex; align-items: center; justify-content: space-between; gap: 24px; min-width: 0; }
.official-rail > span { flex: 0 1 auto; font: 500 9px/1.4 Fira Code, monospace; letter-spacing: .07em; text-transform: uppercase; white-space: nowrap; }
.official-icons { display: flex; align-items: center; justify-content: flex-end; gap: 8px; min-width: 0; }
.official-icons i { width: 50px; height: 32px; display: grid; place-items: center; flex: 0 0 auto; border: 1px solid rgba(16,24,40,.12); border-radius: 7px; background: #fff; }
.official-icons img { width: 28px; height: 18px; object-fit: contain; }
.official-icons i:nth-child(3) img,
.official-icons i:nth-child(4) img { width: 33px; }

.official-rail--signal { grid-column: 1/-1; padding-top: 22px; border-top: 1px solid rgba(236,244,236,.14); color: #899189; }
.official-rail--signal .official-icons i { border-color: rgba(216,255,88,.18); background: #f5f7f2; }
.official-rail--ledger { margin-top: 8px; padding: 18px 0; border-top: 1px solid #bcb9ae; }
.official-rail--ledger > span { color: #5c5b56; }
.official-rail--atlas { min-height: 78px; color: #5e6f91; }

.ledger-footer__bottom > img { width: 106px; height: 44px; padding: 7px 10px; border-radius: 8px; background: #11110f; object-fit: contain; }
.atlas-footer .wordmark--atlas { padding: 0; background: transparent; }

@media (max-width: 780px) {
  .wordmark--ledger, .wordmark--atlas { padding: 6px 8px; }
  .wordmark img { width: 76px; height: 27px; }
  .official-rail { align-items: flex-start; flex-direction: column; gap: 14px; }
  .official-rail > span { white-space: normal; }
  .official-icons { width: 100%; display: grid; grid-template-columns: repeat(6, 1fr); gap: 6px; }
  .official-icons i { width: 100%; min-width: 0; height: 34px; }
  .official-icons img { width: 24px; max-width: 80%; }
  .official-rail--signal { margin-top: 28px; }
  .official-rail--ledger { padding-block: 16px; }
  .official-rail--atlas { padding-block: 18px; }
  .ledger-footer__bottom > img { width: 102px; height: 42px; }
}