@font-face{font-family:ZahravaSans;src:url("/brand/sans.woff2") format("woff2");font-weight:100 900;font-display:swap}
/* Zahrava: paired signature identity. Generated copies: node scripts/sync-brand.mjs. */
:root{
 --z-purple:#4B1D96;--z-purple-dark:#351366;--z-lavender:#8E5CC8;--z-gold:#D4AF37;--z-cream:#FBF9FE;
 --bg:#FBF9FE;--ground:#FBF9FE;--card:#fff;--panel:#fff;--sunk:#F7F2FC;--hover:#F3EDF9;
 --ink:#261443;--ink2:#463653;--ink-2:#463653;--muted:#685D76;--faint:#766785;--line:#E5DDED;--line-2:#D4C5E0;
 --brand:#4B1D96;--brand-dark:#351366;--brand-2:#8E5CC8;--brand-ink:#fff;--brand-soft:#F0E8FA;--brand-line:#DCC9F1;
 --blue:#4B1D96;--blue-dark:#351366;--blue-soft:#F0E8FA;--blue-softer:#F9F5FE;--blue-line:#DCC9F1;
 --accent:#80600D;--accent-soft:#FBF3D9;--gold:#80600D;--gold-soft:#FBF3D9;
 --ai:#7040AA;--ai-soft:#F3ECFC;--ai-line:#DCC9F1;
}
.brand-logo{width:38px;height:38px;flex:none;object-fit:contain}
.brand>.logo{width:36px;height:36px;display:block;object-fit:contain;background:none;box-shadow:none;border-radius:9px}
:focus-visible{outline:3px solid #8E5CC8;outline-offset:3px}
.btn.peers{background:var(--brand);border-color:var(--brand);color:#fff}
.auth .story,.auth-story{background:radial-gradient(ellipse at 0 0,#7341AE,transparent 65%),#261443;color:#fff}
.auth .story .muted,.auth-story .muted{color:#DED0F0}
.auth .story .brand,.auth-story .brand{color:#fff}
.z-flower{width:36px;height:36px;object-fit:contain}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}

@media(prefers-color-scheme:dark){:root[data-product="hub"]{--bg:#171021;--card:#21182D;--ink:#F4EDF9;--ink2:#E2D5EF;--muted:#BDB0CA;--line:#3D2D4B;--hover:#2D203B;--brand:#CAA7F1;--brand-2:#D9BDF5;--brand-ink:#261443;--brand-soft:#342245;--accent:#E3C571;--accent-soft:#3D321B;--danger:#FF9D95;--ok:#7FD3B1;color-scheme:dark}}

body{font-family:ZahravaSans,Sans,"IBM Plex Sans Arabic",system-ui,sans-serif}.logo-sub{font-family:ZahravaSans,system-ui,sans-serif!important;letter-spacing:-.4px}

.app-brand-icon{display:inline-block;width:28px;height:28px;vertical-align:middle;object-fit:contain;margin-inline-end:5px;border-radius:7px}

/* Secondary flower next to every product/company name; clear at phone sizes. */
.name-flower{width:24px;height:28px;object-fit:contain;flex:none;margin-inline-start:1px}
.auth .story .name-flower,.auth-story .name-flower{content:url("/brand/flower-white.svg")}
@media(prefers-color-scheme:dark){:root[data-product="hub"] .name-flower{content:url("/brand/flower-white.svg")}}