.consumer-brand-intro{position:fixed;inset:0;z-index:2000;isolation:isolate;overflow:hidden;color:#202126;font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","PingFang SC",sans-serif;--intro-x:0px;--intro-y:-42vh;--intro-scale:.1}
.brand-intro-background{position:absolute;inset:0;z-index:-2;background:#fcfcff;transition:opacity .78s .06s cubic-bezier(.22,.61,.36,1)}
.brand-intro-position{position:absolute;left:50%;top:50%;font-size:clamp(112px,22vw,330px);font-weight:650;line-height:1.1;letter-spacing:-.065em;transform:translate(-50%,-50%);transform-origin:center;transition:transform .86s cubic-bezier(.4,0,.2,1),opacity .2s .68s ease;white-space:nowrap;will-change:transform,opacity}
.brand-intro-wordmark{display:block;transform-origin:center;animation:brand-wordmark-arrive 1.8s cubic-bezier(.22,.61,.36,1) both}
.brand-intro-caption{position:absolute;top:calc(50% + 110px);left:0;width:100%;margin:0;text-align:center;font-size:12px;letter-spacing:1px;color:#8a8d9c;animation:brand-caption-arrive .8s .42s ease backwards;transition:opacity .32s ease}
.brand-intro-lines{position:absolute;inset:0;z-index:-1;pointer-events:none;transition:opacity .5s ease}
.brand-intro-lines span{position:absolute;left:50%;top:50%;width:calc(48vw + var(--line-index) * 12vw);height:calc(22vw + var(--line-index) * 8vw);border:1px solid #d5daef;border-radius:50%;transform:translate(-50%,-50%) rotate(calc(-29deg + var(--line-index) * 17deg));opacity:0;animation:brand-line-arrive 1.55s cubic-bezier(.22,.61,.36,1) both;animation-delay:calc(var(--line-index) * 85ms)}
.brand-intro-lines span:after{position:absolute;top:20%;left:10%;width:5px;height:5px;border-radius:50%;background:#97a1d1;content:''}
.consumer-brand-intro.is-exiting .brand-intro-background{opacity:0}
.consumer-brand-intro.is-exiting .brand-intro-position{transform:translate(-50%,-50%) translate(var(--intro-x),var(--intro-y)) scale(var(--intro-scale));opacity:0}
.consumer-brand-intro.is-exiting :is(.brand-intro-caption,.brand-intro-lines){opacity:0}
body.consumer-brand-entering{overflow-x:hidden}
body.consumer-brand-entering #app-layout{opacity:.28;transition:opacity .78s .06s cubic-bezier(.22,.61,.36,1)}
body.consumer-brand-entering.consumer-brand-handoff #app-layout{opacity:1}
body.consumer-brand-entering #brand-home .brand{opacity:0}
body.consumer-brand-entering.consumer-brand-handoff #brand-home .brand{opacity:1;transition:opacity .22s .64s ease}
.consumer-entry-state{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#858995;background:#fff;font:13px/1.6 -apple-system,BlinkMacSystemFont,sans-serif;text-align:center;padding:24px}
.consumer-entry-state>span{font-size:28px;color:#202126;font-weight:650;letter-spacing:-1px}
@keyframes brand-wordmark-arrive{0%{opacity:1;transform:scale(.12)}100%{opacity:1;transform:scale(1)}}
@keyframes brand-line-arrive{0%{opacity:0;scale:.85}100%{opacity:.45;scale:1}}
@keyframes brand-caption-arrive{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:650px){.brand-intro-caption{top:calc(50% + 73px);font-size:11px}.brand-intro-lines span{width:calc(80vw + var(--line-index) * 22vw);height:calc(52vw + var(--line-index) * 15vw)}}
@media(prefers-reduced-motion:reduce){.consumer-brand-intro{display:none!important}.consumer-brand-intro *{animation:none!important;transition:none!important}body.consumer-brand-entering #app-layout,body.consumer-brand-entering #brand-home .brand{opacity:1!important;transition:none!important}}