:root{--brand-ink:#f3f0e8;--coral:#8fa8ff;--coral-soft:rgba(143,168,255,.12);--teal:#88d8e9;--teal-strong:#58bfd5;--teal-soft:rgba(136,216,233,.12);--gold:#bdb2ff;--mustard:#bdb2ff;--mustard-soft:rgba(189,178,255,.12)}
.brand-wordmark{display:inline-block;white-space:nowrap;color:var(--brand-ink,#f3f0e8);font:800 normal clamp(24px,2vw,32px)/1 "Syne",sans-serif;letter-spacing:0;text-shadow:0 8px 24px rgba(0,0,0,.28)}
.brand-copy,.brand>span:not(.brand-wordmark),.rail-brand>span:not(.brand-wordmark){display:flex;flex-direction:column;gap:3px}
.brand-copy strong,.brand>span:not(.brand-wordmark) strong,.rail-brand strong{font-family:"Space Grotesk",sans-serif;font-size:10px;font-weight:500;color:#a9a399}
.brand-copy small,.brand>span:not(.brand-wordmark) small,.rail-brand small{margin:0!important;color:#777c76;font-size:8px;letter-spacing:.08em;text-transform:uppercase}
.welcome-brand{display:block}
.welcome-brand .brand-wordmark{font-size:clamp(36px,4vw,54px);letter-spacing:0}
@media(max-width:600px){.brand-wordmark{font-size:25px}.welcome-brand .brand-wordmark{font-size:44px}}

/* Shared release badge for wordmarks, navigation and standalone brand labels. */
body :is(.brand-wordmark,.workspace-brand,.workspace-mobile-brand,.brand-beta-label)::after,
body .welcome-brand .welcome-beta {
  display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;
  padding:4px 9px;border:0;border-radius:999px;background:#fff;color:var(--ds-bg,#18181b);
  font:800 9px/14px "Syne",sans-serif;font-family:"Syne",sans-serif!important;
  letter-spacing:0;white-space:nowrap;text-shadow:none;vertical-align:middle;
}
body :is(.brand-wordmark,.workspace-brand,.workspace-mobile-brand,.brand-beta-label)::after {
  content:"BETA";margin-inline-start:8px;
}
body .welcome-brand .brand-wordmark::after {content:none}
body .welcome-brand .welcome-beta {padding:6px 13px;font-size:11px;line-height:16px}
body .brand-beta-label::after {padding:3px 7px;font-size:8px;line-height:12px}
body.memora-ui .workspace-brand {display:inline-flex;align-items:center;gap:4px;flex-shrink:0}
body.memora-ui .workspace-brand-row .workspace-brand > span {font-size:16px}
body.memora-ui .workspace-brand::after {margin:0;padding:3px 4px;font-size:8px;line-height:14px}
body.memora-ui .workspace-brand-row {gap:4px}
body.memora-ui .workspace-mobile-brand::after {transform:scaleY(.82)}
@media(min-width:781px){body.memora-ui.workspace-collapsed .workspace-brand::after{display:none}}
@media(max-width:600px){body :is(.help-header,.terms-header){flex-wrap:wrap}}