/* Shared brand refinement across public marketing journeys. */
:root{--color-brand-primary:#2563eb;--color-brand-secondary:#00b2ff;--color-brand-accent:#00b2ff;--gradient-brand:linear-gradient(135deg,#2563eb,#007ba8);--gradient-brand-hover:linear-gradient(135deg,#1d4ed8,#007ba8)}
[data-page="auth"] .auth-card{border-radius:22px;border-top:3px solid #00b2ff;box-shadow:0 24px 64px -36px #0b122050}
[data-page="auth"] .auth-title{font-family:var(--font-space-grotesk),sans-serif;letter-spacing:-.04em;text-wrap:balance}
[data-page="auth"] :is(.auth-btn-primary,.auth-btn-google,.auth-input){border-radius:12px;min-height:46px}
[data-page="auth"] .auth-btn-primary{background:#2563eb;color:#fff}
.sa-company-logo{font-weight:750;letter-spacing:-.04em;line-height:1.2;white-space:nowrap;color:#f3f7fc}.sa-company-logo.sa-logo-dark{color:#0b1220}.sa-company-logo .sa-logo-ai{color:#00b2ff}
[data-page="auth"] .auth-brand{padding-block:8px}
html.dark [data-page="auth"] .sa-company-logo,html:not(.light):not(.theme-light) [data-page="auth"] .sa-company-logo{color:#f3f7fc}
.offer-shell{font-family:var(--font-inter),"Segoe UI",sans-serif;background:#0b1220!important}
.offer-shell :is(h1,h2,h3){font-family:var(--font-space-grotesk),var(--font-inter),sans-serif;text-wrap:balance}
.offer-shell p{text-wrap:pretty}.offer-shell .offer-header{padding-block:22px;border-bottom-color:#ffffff18}
.offer-shell .hx-wordmark{display:inline-flex;align-items:center;gap:6px;font-size:25px;font-weight:700;letter-spacing:-1px;white-space:nowrap}
.offer-shell .hx-wordmark::before{content:"";width:42px;height:42px;flex:none;background:url('/brand/strix-head.png') center/contain no-repeat;margin-right:6px}
.offer-shell .hx-wordmark span{color:#00b2ff}
.offer-shell .offer-nav{gap:12px 24px;align-items:center}.offer-shell .offer-nav>a{padding-block:8px;transition:color .16s}.offer-shell .offer-nav>a:hover{color:#00b2ff}
.offer-shell :is(.offer-button,.hx-nav-cta,.sq-go){border-radius:12px;min-height:44px;transition:background-color .16s,transform .16s}
.offer-shell .offer-button:active{transform:translateY(1px)}
.offer-shell .offer-hero{padding-top:clamp(40px,6vw,88px);padding-bottom:clamp(40px,6vw,80px)}
.offer-shell h1{font-weight:650;letter-spacing:-.045em;line-height:1.06}.offer-shell .offer-intro{max-width:54ch}
.offer-shell .hx-signals{background:#101d2e;border-color:#ffffff21;box-shadow:0 24px 60px -30px #0008;border-top:3px solid #00b2ff}
.offer-shell :is(.hx-assist,.hx-meet-card,.hx-answers-cta){background:#101d2e;border-color:#00b2ff40;box-shadow:0 24px 60px -36px #0008}
.offer-shell .hx-assist-img{filter:drop-shadow(0 16px 18px #0003)}
.offer-shell .offer-footer{border-top-color:#ffffff20}.offer-shell :is(input,textarea,select,button,a,summary):focus-visible{outline:3px solid #00b2ff;outline-offset:4px}
@media(max-width:760px){.offer-shell .offer-header{gap:16px;padding:18px 20px}.offer-shell .offer-nav{gap:6px 18px;font-size:13px}.offer-shell .hx-wordmark{font-size:24px}.offer-shell .hx-wordmark::before{width:36px;height:36px}.offer-shell .offer-hero{padding-top:34px}}
@media(prefers-reduced-motion:reduce){.offer-shell :is(.offer-button,.hx-nav-cta,.sq-go,.offer-nav>a){transition:none}}