body::before {
  content: 'SUITE API / Nexus Studio — READ-ONLY PRODUCT PREVIEW. Catalog snapshot; rankings, health and savings are illustrative. No live sync, credential storage, licensing or backend. Vault and Fast Connect show the implemented UI only.';
  display: block; padding: 14px 20px; background: #10251f; color: #d1fae5;
  font: 13px/1.5 system-ui; border-bottom: 1px solid #34d399;
}
input[type="password"] { pointer-events: none; opacity: .45; }
button:disabled { cursor: not-allowed; }
@media (max-width: 640px) {
  main { overflow-x: auto; }
  body::before { font-size: 12px; }
  main .h-12 { height: auto; min-height: 48px; flex-wrap: wrap; gap: 8px; padding-block: 8px; }
  main .h-12 > div { flex-wrap: wrap; max-width: 100%; }
  main .p-1.rounded-xl { flex-wrap: wrap; }
}