/* True cross-fade for hero messages: outgoing copy fades away while incoming copy fades in. */
.hero-slider{display:grid;align-items:start;position:relative;isolation:isolate;}
.hero-slide{display:block!important;grid-area:1/1;align-self:start;min-width:0;opacity:0;visibility:hidden;pointer-events:none;transform:translate3d(0,14px,0);transition:opacity 1000ms ease-in-out,transform 1000ms ease-in-out,visibility 0s linear 1000ms;will-change:opacity,transform;}
.hero-slide.active{display:block!important;opacity:1;visibility:visible;pointer-events:auto;transform:translate3d(0,0,0);transition:opacity 1000ms ease-in-out,transform 1000ms ease-in-out,visibility 0s;z-index:1;animation:none!important;}
/* Keep every line of the headline and supporting copy moving together with its slide. */
.hero-slide h1,.hero-slide h2,.hero-slide p,.hero-slide .hero-kicker,.hero-slide .hero-actions{transition:opacity 900ms ease-in-out,transform 900ms ease-in-out;}
.hero-slide:not(.active) h1,.hero-slide:not(.active) h2,.hero-slide:not(.active) p,.hero-slide:not(.active) .hero-kicker,.hero-slide:not(.active) .hero-actions{opacity:0;transform:translate3d(0,7px,0);}
.hero-slide.active h1,.hero-slide.active h2,.hero-slide.active p,.hero-slide.active .hero-kicker,.hero-slide.active .hero-actions{opacity:1;transform:translate3d(0,0,0);}
.hero-copy>.eyebrow{transition:opacity 900ms ease-in-out,color 900ms ease-in-out;}
.app-screenshot-window,.slide-window{display:grid;align-items:stretch;}
.app-slide{display:grid!important;grid-area:1/1;opacity:0;visibility:hidden;pointer-events:none;transform:translate3d(0,10px,0);transition:opacity 900ms ease-in-out,transform 900ms ease-in-out,visibility 0s linear 900ms;}
.app-slide.active{display:grid!important;opacity:1;visibility:visible;pointer-events:auto;transform:translate3d(0,0,0);transition:opacity 900ms ease-in-out,transform 900ms ease-in-out,visibility 0s;animation:none!important;}
.hero-dot-button,.slide-dot,.hero-slide-controls>button,.slide-arrow{transition:background-color 350ms ease,color 350ms ease,width 350ms ease,transform 350ms ease,box-shadow 350ms ease;}
.hero-dot-button.active,.slide-dot.active{box-shadow:0 0 0 3px #f5c54220;}
.hero::before{transition:opacity 900ms ease-in-out,background-position 1200ms ease-in-out;}
@media(prefers-reduced-motion:reduce){.hero-slide,.hero-slide.active,.hero-slide h1,.hero-slide h2,.hero-slide p,.hero-slide .hero-kicker,.hero-slide .hero-actions,.app-slide,.app-slide.active,.hero-copy>.eyebrow,.hero-dot-button,.slide-dot,.hero-slide-controls>button,.slide-arrow,.hero::before{transition:none!important;transform:none!important;animation:none!important;}}