/* The supplied wordmark stays intact; this window removes its generous whitespace. */
.brand{padding:0 10px;min-height:38px}
.brand-wordmark{display:block;position:relative;width:176px;max-width:100%;aspect-ratio:5.1;overflow:hidden;flex-shrink:1}
.brand-wordmark img{position:absolute;width:116.1%;max-width:none;height:auto;left:-7.66%;top:-48.8%;mix-blend-mode:multiply}
.auth-screen .brand-wordmark{width:210px}
h1,h2,h3,h4{color:#101827}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #9BB4FF}
.hero{background:linear-gradient(135deg,#edf3ff,#f8faff);border-color:#d8e3ff;padding-top:112px}
.hero .eyebrow{color:#3458bc}
.hero-character{position:absolute;top:9px;right:17px;width:110px;height:116px}
.hero h2{position:relative;max-width:280px;line-height:1.4}
.hero p{color:#526582;max-width:290px}
.copilot-identity{display:flex;align-items:center;gap:11px;margin-bottom:8px;white-space:normal}
.copilot-identity img{width:48px;height:51px}
.copilot-identity .eyebrow{color:#3458bc}
.mode-option:has(input:checked){background:#eef3ff;border-color:#8faaff}
.spend-track{background:#edf2ff}
.spend-track>div{background:var(--brand)}
@media(min-width:761px) and (max-width:1100px){.hero{padding-top:26px;padding-right:155px;min-height:215px}.hero-character{width:135px;height:143px;top:33px}.hero h2,.hero p{max-width:440px}}
@media(max-width:760px){.hero{padding-top:26px;padding-right:112px}.hero-character{width:98px;height:104px;top:30px;right:7px}.hero h2{font-size:20px}.hero .eyebrow{font-size:9px}.hero p{max-width:none}.hero button{margin-top:8px}.brand-wordmark{width:160px}}