/* Short, restrained motion; content and amounts never wait for an animation. */
@keyframes pro1-appear{from{opacity:.85;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@keyframes pro1-dialog{from{opacity:0;transform:translateY(5px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes pro1-fade{from{opacity:0}to{opacity:1}}
@keyframes pro1-selected{from{transform:scale(.8)}to{transform:scale(1)}}
.pro1-motion :is(.hero,.access,.installation),.pro1-motion .checkout-grid>.card{animation:pro1-appear .36s cubic-bezier(.2,.7,.2,1) both}
.pro1-motion .access,.pro1-motion .checkout-grid>.card:nth-child(2){animation-delay:45ms}
.pro1-motion .installation{animation-delay:75ms}
.pro1-motion :is(.btn,.account-btn,.theme-toggle,.icon-button,.support-card){transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}
.pro1-motion :is(.platform,.period button,.plan){transition:background .18s ease,border-color .18s ease,box-shadow .18s ease}
.pro1-motion .plan[aria-pressed=true]::after{animation:pro1-selected .2s ease-out}
.pro1-motion .faq details[open]>p,.pro1-motion .connections[open]>:not(summary){animation:pro1-appear .2s ease-out}
.pro1-motion dialog[open]{animation:pro1-dialog .2s ease-out}
.pro1-motion #toast:not([hidden]),.pro1-motion .toast.show{animation:pro1-fade .18s ease-out}
.pro1-motion #meter-fill{transition:width .45s ease-out}
@media(hover:hover) and (pointer:fine){.pro1-motion :is(.btn,.account-btn,.theme-toggle,.icon-button):hover:not(:disabled){transform:translateY(-1px)}.pro1-motion .support-card:hover{transform:translateY(-2px)}}
.pro1-motion :is(.btn,.account-btn,.theme-toggle,.icon-button,.support-card):active:not(:disabled){transform:translateY(0) scale(.985)}
@media(prefers-reduced-motion:reduce){.pro1-motion *,.pro1-motion *::before,.pro1-motion *::after{animation:none!important;transition:none!important}.pro1-motion{scroll-behavior:auto}.pro1-motion :is(.btn,.account-btn,.theme-toggle,.icon-button,.support-card):hover,.pro1-motion :is(.btn,.account-btn,.theme-toggle,.icon-button,.support-card):active{transform:none}}
