.brand-intro{position:fixed;inset:0;z-index:1000;background:#03070d;display:grid;place-items:center;overflow:hidden;color:#dcefff;transition:opacity .4s ease,visibility .4s;isolation:isolate}
.intro-cosmos{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,#133e663b,transparent 65%)}
.intro-content{width:min(1160px,94vw);position:relative;z-index:1;transform:translateY(4%)}
.intro-logo-scene{display:block;width:100%;height:auto;overflow:visible}
.logo-art{mix-blend-mode:normal}
.logo-piece{animation:logo-elevate .8s cubic-bezier(.16,.82,.25,1) var(--delay) both;transform-box:view-box;transform-origin:center}
.logo-tagline{animation:tagline-arrive .72s 2.44s both}
.lift-trail{stroke-dasharray:1;animation:trace-lift 2.52s .2s linear both}
.lift-arrow{animation:arrow-reveal 2.76s both}
.growth-lift{animation:trail-away .48s 2.72s both}
.intro-orbit{position:absolute;left:50%;top:50%;width:110vw;height:110vw;border:1px solid #8bc7ff15;border-radius:50%;transform:translate(-50%,-50%) rotate(-25deg) scaleY(.4)}
.orbit-b{width:85vw;height:85vw;transform:translate(-50%,-50%) rotate(36deg) scaleY(.55);border-color:#8bc7ff0e}
.intro-orbit:after{content:'';position:absolute;left:22%;top:8%;width:5px;height:5px;border-radius:50%;background:#a9d9ff;box-shadow:0 0 16px #8bc7ff}
.intro-star{position:absolute;width:var(--star-size);height:var(--star-size);background:#d5eeff;border-radius:50%;animation:intro-twinkle var(--twinkle) var(--star-delay) ease-in-out infinite}
.intro-skip{position:absolute;bottom:max(28px,env(safe-area-inset-bottom));right:30px;border:1px solid #8bc7ff40;border-radius:999px;padding:13px 20px;background:#122137;color:#dcefff;font:12px Arial,sans-serif;cursor:pointer;z-index:3}.intro-skip:hover{background:#234461}.intro-skip:focus-visible{outline:2px solid #8bc7ff;outline-offset:4px}
.brand-intro.intro-leaving{opacity:0;visibility:hidden;pointer-events:none}
@keyframes logo-elevate{0%{opacity:0;transform:translateY(160px) scale(.94)}25%{opacity:1}100%{opacity:1;transform:translateY(0) scale(1)}}
@keyframes tagline-arrive{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}
@keyframes trace-lift{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes arrow-reveal{0%,5%{opacity:0}12%,100%{opacity:1}}
@keyframes trail-away{to{opacity:0}}
@keyframes intro-twinkle{0%,100%{opacity:.18}50%{opacity:.7}}
@media(max-width:700px){.intro-content{width:98vw;transform:translateY(0)}.intro-skip{right:50%;transform:translateX(50%);white-space:nowrap;bottom:26px}.intro-orbit{width:180vw;height:180vw}.orbit-b{width:140vw;height:140vw}}
@media(prefers-reduced-motion:reduce){.brand-intro{display:none}}

/* Avoid animating the whole landing behind the full-screen introduction. */
body.intro-active > :not(.brand-intro):not(script):not(style){visibility:hidden}
body.intro-active > :not(.brand-intro) *{animation-play-state:paused!important}
.logo-art{isolation:auto;mix-blend-mode:normal}
.intro-star{animation:none;opacity:.45}
.intro-star:nth-child(5n){animation:intro-twinkle 3s ease-in-out infinite}

/* Blend the HTML layer, rather than an internal SVG group, on mobile Safari. */
.intro-content{mix-blend-mode:screen}

/* Subtle focus treatment without an outer blue ring. */
.brand-intro .intro-skip:focus,.brand-intro .intro-skip:focus-visible{outline:none;box-shadow:none}
.brand-intro .intro-skip:focus-visible{background:#234461;text-decoration:underline;text-underline-offset:4px}

.brand-intro .intro-skip,.brand-intro .intro-skip:hover,.brand-intro .intro-skip:focus,.brand-intro .intro-skip:focus-visible{background:#122137;text-decoration:none;outline:none;box-shadow:none;text-align:center;text-transform:uppercase;display:flex;align-items:center;justify-content:center;letter-spacing:.06em}