/* Page entry, content reveal, disclosure and shared interaction motion. */
:root{--panel-ease:cubic-bezier(.22,.68,.2,1)}
@keyframes welcome-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes page-route-in{from{opacity:0}to{opacity:1}}
body.page-route-enter #main{animation:page-route-in .1s ease both}
.home-hero-kicker,.hero-inner h1,.page-hero .page-hero-kicker,.page-hero h1{animation:welcome-in .7s .08s var(--panel-ease) both}.hero-lead,.page-hero p{animation:welcome-in .7s .16s var(--panel-ease) both}.hero-inner .actions{animation:welcome-in .7s .24s var(--panel-ease) both}
.scroll-reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s var(--panel-ease)}.scroll-reveal.revealed{opacity:1;transform:translateY(0)}
.button{transition:background .2s,box-shadow .2s,transform .2s}.button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #12264b22}.button:active{transform:translateY(0)}
.disclosure-animating{overflow:hidden!important}.faq{will-change:auto}
.footer-links>a{transition:color .2s,opacity .4s,transform .4s}.footer-links>a:hover{transform:translateX(4px)}.footer-toggle>span{transition:transform .2s}.footer-toggle[aria-expanded=true]>span{transform:rotate(180deg)}
@media(prefers-reduced-motion:reduce){body.page-route-enter #main,.public-site .site-header,.home-hero-kicker,.hero-inner h1,.page-hero .page-hero-kicker,.page-hero h1,.hero-lead,.page-hero p,.hero-inner .actions{animation:none}.scroll-reveal{opacity:1;transform:none}.mega-menu,.mobile-drawer,.mobile-drawer[open],.hamburger>span,.button,.scroll-reveal,.footer-links>a,.footer-toggle>span{transition:none}}
