:root,:root[data-brand],body{--font-sans:Arial,'Helvetica Neue','Segoe UI',sans-serif;--font-serif:Arial,'Helvetica Neue','Segoe UI',sans-serif;--theme-bg-primary:#090909;--theme-bg-secondary:#111;--theme-bg-tertiary:#191919;--theme-bg-elevated:#222;--theme-fg-primary:#f5f5f5;--theme-text-accent:#f0f0f0;--theme-accent-interactive:#d0d0d0;--theme-accent-rgb:240 240 240;--theme-on-accent:#090909;--theme-bg-rgb:9 9 9;--theme-fg-rgb:245 245 245;--theme-success-text:#20d990;--theme-success-rgb:32 217 144}
body,button,input,select,textarea{font-family:var(--font-sans)!important}
h1,h2,h3,h4{font-family:var(--font-sans)!important;letter-spacing:-.035em}
.brand-logo,.footer-logo,.auth-logo svg{background:transparent url('/grok-logo.svg?v=3') center/contain no-repeat;-webkit-mask:none;mask:none;filter:none;mix-blend-mode:normal}
.brand-logo>*,.footer-logo>*,.auth-logo svg>*{opacity:0}
.hero h1,.hero-title{background:none;color:#f5f5f5;-webkit-text-fill-color:#f5f5f5}
::selection{background:#555;color:white}
/* Vector logo renders sharply at its native proportions. */
.brand-logo,.footer-logo{width:36px!important;height:36px!important;flex-shrink:0;vertical-align:middle;background-size:100% 100%!important}
.auth-logo{width:34px!important;height:34px!important;flex-shrink:0}
.auth-logo svg{background-size:100% 100%!important}