/* #791 brand lockup: "A" mark + live AnyAI wordmark. Shared by marketing pages,
   login/signup/terms and the dashboard bar. Size = --u (1u = 1/331 of lockup height). */
.mk-brand{--u:.10876px;display:inline-flex;align-items:center;flex-shrink:0;border-radius:10px;color:var(--ink-strong,#0A1426);text-decoration:none}
.mk-footer a.mk-brand,.mk-footer a.mk-brand:hover{color:var(--ink-strong,#0A1426)}
.mk-lockup{display:flex;align-items:center;gap:calc(24*var(--u));height:calc(331*var(--u));white-space:nowrap}
.mk-lockup .mk-mark{display:block;flex:none;width:calc(272*var(--u));height:calc(273*var(--u))}
.mk-wm{display:block;margin:0;color:inherit;font-family:'Plus Jakarta Sans',var(--display,var(--font,system-ui)),system-ui,sans-serif;line-height:1}
/* optical centring: the mark is a triangle, so its ink centroid sits ~2.3px below its box middle (at 36px).
   The wordmark is dropped 12u (~1.3px) so its caps rest between box middle and centroid. */
.mk-wm-name{font-size:calc(158*var(--u));font-weight:800;letter-spacing:-.032em;position:relative;top:calc(12*var(--u))}
/* #791 r3: brighter "A" on dark (#5A91E6, 6.0:1 on #0A0F1C; light mark #2A5B98 is 2.8:1). Same switch as the wordmark colour: explicit data-theme, OS dark when no light override, and always-dark legacy pages (.mk-on-dark). */
html[data-theme="dark"] .mk-mark,.mk-on-dark .mk-mark{content:url(/brand/anyai-mark-dark.png?v=791)}
@media(prefers-color-scheme:dark){html:not([data-theme="light"]) .mk-mark{content:url(/brand/anyai-mark-dark.png?v=791)}}
.mk-on-dark{color:#fff}
.mk-brand.mk-brand-sm{--u:.0906px}