.up-wordmark-svg{display:block;width:100%;height:auto;overflow:visible;transition:transform .55s cubic-bezier(.2,.8,.2,1)}
.wm-base .wm-stroke{stroke:#f2eefc}.wm-base .wm-tail{stroke:#b99aff}
.hero .hero-static-brand{display:inline-flex;align-items:baseline;gap:5px;font-family:Inter,'Segoe UI',Arial,sans-serif;font-size:25px;letter-spacing:-.055em;line-height:1.2;color:#f4efff;white-space:nowrap}
.hero-static-brand>span{font-size:.8em;font-weight:400;color:#b4a7d3}.hero-static-brand>b{font-weight:650;letter-spacing:-.055em}
.hero-brand-caption{font-size:11px;letter-spacing:.2em}
html:root[data-theme=light] .hero .hero-static-brand{color:#362151}
html:root[data-theme=light] .hero-static-brand>span{color:#826a9c}
.brand .brand-wordmark.has-up-wordmark{width:135px;display:block;font-size:inherit;line-height:1}.sidebar .brand-wordmark.has-up-wordmark{width:138px}.brand-home.has-up-wordmark{display:block;width:104px}.mobile-wordmark>.has-up-wordmark{display:block;width:112px}
html:root[data-theme=light] .wm-base .wm-stroke{stroke:#302042}
html:root[data-theme=light] .wm-base .wm-tail{stroke:#9563d8}
html:root[data-theme=light] .wm-gradient stop{stop-color:#9866d2;stop-opacity:.6}
html:root[data-theme=light] .wm-gradient stop:first-child,html:root[data-theme=light] .wm-gradient stop:last-child{stop-opacity:0}
/* Keep the approved cosmos visible under a bright wash; add readable violet stars. */
html:root[data-theme=light][data-surface=brand] body::before,html:root[data-theme=light][data-surface=mobile] .mobile-cosmos{background-image:url('/brand/assets/light-stars.svg'),linear-gradient(110deg,#fdfcfff5 12%,#fcfaffee 52%,#f6efffe0 100%),url('/brand/assets/cosmos-v4.png');background-position:center top,center,center 68%;background-size:1050px 1050px,cover,cover;background-repeat:repeat,no-repeat,no-repeat}
html:root[data-theme=light][data-surface=brand] .hero-shade{background:radial-gradient(ellipse at 50% 69%,#bda0e926,transparent 40%),linear-gradient(180deg,#fff0 75%,#faf9fd60)}
html:root[data-theme=light][data-surface=brand] #aurora{opacity:.68;mix-blend-mode:multiply}
@media(max-width:700px){
 .hero .eyebrow{flex-wrap:wrap;row-gap:10px}
 .hero .hero-static-brand{font-size:23px}
 .hero-brand-caption{font-size:9px;letter-spacing:.12em}
 html[lang=en] .hero-brand-caption{flex-basis:100%;font-size:8px}
 .header .brand .brand-wordmark.has-up-wordmark{width:104px}
 html:root[data-theme=light][data-surface=brand] body::before,html:root[data-theme=light][data-surface=mobile] .mobile-cosmos{background-position:center top,center,62% center;background-size:680px 680px,cover,auto 100svh}
}
@media(max-width:380px){.header .brand .brand-wordmark.has-up-wordmark{width:90px}.mobile-wordmark>.has-up-wordmark{width:96px}}
@media(prefers-reduced-motion:reduce){.up-wordmark-svg{transition:none}}