/* Kept separate from pricing so the persistent header branding survives page-section edits. */
.site-brand { position: absolute; left: 28px; top: 18px; z-index: 5; display: flex; align-items: center; gap: 8px; font: 650 20px Inter, Arial, sans-serif; color: #e7e9ea; letter-spacing: -.4px; }
.site-brand threadbro-bot { --bot-size: 42px; }
.site-account { position: absolute; right: 28px; top: 18px; z-index: 5; display: flex; align-items: center; gap: 18px; min-height: 42px; font: 550 14px Inter, Arial, sans-serif; }
.site-account a { color: #e7e9ea; text-decoration: none; }
.site-account a:hover { color: #7bc7ff; }
.site-account .site-signup { padding: 10px 17px; border: 1px solid #59636b; border-radius: 24px; background: #10151b; }
.site-account a:focus-visible { outline: 2px solid #7bc7ff; outline-offset: 4px; }

@media (max-width: 420px) {
  .site-brand { left: 16px; top: 12px; font-size: 18px; }
  .site-account { right: 16px; top: 12px; gap: 10px; font-size: 12px; }
  .site-account .site-signup { padding: 9px 12px; }
}