.wordmark,
.auth-wordmark,
.docs-wordmark {
  gap: 0;
  letter-spacing: 0;
}

.paisone-logo {
  display: block;
  width: auto;
  height: 32px;
  max-width: 100%;
  object-fit: contain;
}

.nav-shell > .wordmark > .paisone-logo { height: 34px; }
.console-wordmark > .paisone-logo { height: 30px; }
.docs-wordmark > .paisone-logo { height: 30px; }
.footer-top .wordmark > .paisone-logo { height: 27px; }

.hero-ai-passport-top {
  justify-content: flex-start;
  gap: 8px;
}
.hero-ai-passport-top > .paisone-logo { height: 22px; }
.hero-ai-passport-top > .hero-ai-id { margin-left: 0; }

.connect-core > .paisone-mark {
  display: block;
  width: 34px;
  height: 45px;
  object-fit: contain;
}
.connect-core > strong {
  font-size: 15px;
  letter-spacing: .3px;
}

.paisone-closing-mark {
  position: absolute;
  right: 50px;
  top: -90px;
  width: 330px;
  height: 440px;
  object-fit: contain;
  opacity: .06;
  transform: rotate(12deg);
  z-index: -1;
}

.phone-preview-brand-mark {
  display: block;
  width: 14px;
  height: 19px;
  object-fit: contain;
}
.phone-preview-contact-avatar > .phone-preview-brand-mark {
  width: 17px;
  height: 23px;
}

@media (max-width: 620px) {
  .nav-shell { gap: 10px; }
  .nav-shell > .wordmark > .paisone-logo { height: 24px; }
  .nav-actions { gap: 10px; }
  .nav-actions #account-button {
    min-height: 36px;
    min-width: 0;
    padding-inline: 12px;
    font-size: 10px;
    gap: 8px;
  }
  .console-wordmark > .paisone-logo { height: 25px; }
  .auth-wordmark > .paisone-logo,
  .docs-wordmark > .paisone-logo { height: 27px; }
  .footer-top .wordmark > .paisone-logo { height: 23px; }
  .paisone-closing-mark {
    width: 240px;
    height: 320px;
    top: 20px;
    right: -60px;
  }
}

@media (max-width: 380px) {
  .nav-shell { gap: 8px; }
  .nav-shell > .wordmark > .paisone-logo { height: 22px; }
  .nav-actions { gap: 8px; }
}