/* Finite decorative entrances. Copy and controls never wait for either scene. */
.home-nexus{position:relative;width:100%;margin:0;min-width:0;isolation:isolate}
.nexus-scene{width:100%;height:auto;display:block;overflow:visible;animation:nexus-arrive 1.5s cubic-bezier(.16,1,.3,1) both}
.nexus-orbit{transform-origin:280px 225px;animation:nexus-orient 2s cubic-bezier(.16,1,.3,1) both}
.home-nexus figcaption{margin:-10px 0 0;text-align:center;color:#96a8bf;font:10px/1.7 Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase}
.ai-product-hero .ai-eclipse{height:390px;max-width:530px;justify-self:center;overflow:hidden;border-radius:50%;background:radial-gradient(ellipse at 50% 66%,#7890b530,transparent 60%)}
.ai-eclipse .eclipse-world{animation:ai-horizon-rise 2.1s cubic-bezier(.16,1,.3,1) both}
.ai-eclipse .eclipse-orbit{animation:ai-corona-arrive 1.7s ease-out both}
.eclipse-brand{position:absolute;left:calc(50% - 23px);top:25%;z-index:1;opacity:.85;animation:ai-corona-arrive 1.7s ease-out both}
@keyframes nexus-arrive{from{opacity:.25;transform:translateY(18px) scale(.94)}to{opacity:1;transform:none}}
@keyframes nexus-orient{from{transform:rotate(-16deg)}to{transform:rotate(0)}}
@keyframes ai-horizon-rise{from{transform:translateY(130px) scale(.88);opacity:.3}to{transform:none;opacity:1}}
@keyframes ai-corona-arrive{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}
@media(max-width:760px){.home-nexus{max-width:510px;justify-self:center;margin-top:12px}.home-nexus figcaption{font-size:8px;letter-spacing:.12em}.ai-product-hero .ai-eclipse{height:280px;width:100%;margin-top:20px}.eclipse-brand{top:23%}}
@media(prefers-reduced-motion:reduce){.nexus-scene,.nexus-orbit,.ai-eclipse .eclipse-world,.ai-eclipse .eclipse-orbit,.eclipse-brand{animation:none!important;transform:none!important;opacity:1}}
@media(forced-colors:active){.home-nexus,.ai-eclipse{display:none}}