/* Web identity only. The native app icons remain independent. */
.brand,
.legal-brand {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  vertical-align: middle;
}

.brand::before,
.legal-brand::before {
  content: "";
  display: block;
  flex: 0 0 32px;
  width: 32px;
  height: 32px;
  background: url("/assets/untaxed-icon.svg?v=2") center / contain no-repeat;
}

.footer-brand::before {
  /* A quiet border keeps the tile legible against the dark footer. */
  border-radius: 8px;
  box-shadow: 0 0 0 1px rgba(238, 247, 242, .22);
}

@media (max-width: 760px) {
  .legal-brand-lockup { display: grid; gap: 3px; }
  .legal-brand { font-size: 22px; }
  .legal-made-by { font-size: 8px; }
  .brand::before,
  .legal-brand::before { flex-basis: 28px; width: 28px; height: 28px; }
}