/* Small, optional motion shared by the public, organization, and legal pages. */
html.motion-on [data-motion]:not(.motion-visible){
  opacity:0;
  transform:translate3d(0,18px,0);
}
html.motion-on [data-motion]{
  transition:opacity .55s ease-out,transform .55s cubic-bezier(.2,.8,.2,1);
  transition-delay:var(--motion-delay,0ms);
}

.hero .phone{animation:phone-arrive .8s cubic-bezier(.2,.8,.2,1) both}
@keyframes phone-arrive{
  from{opacity:.75;transform:translateY(14px)}
  to{opacity:1;transform:translateY(0)}
}

.plan,.feature-grid .card,.steps .step,.portal-grid .card,.app-dl-card,.app-qr-card{
  transition:box-shadow .22s ease,transform .22s ease,border-color .22s ease;
}
@media(hover:hover){
  .plan:hover,.feature-grid .card:hover,.steps .step:hover,
  .portal-grid .card:hover,.app-dl-card:hover,.app-qr-card:hover{
    transform:translateY(-3px);
    box-shadow:0 18px 35px -28px rgba(7,23,51,.38);
  }
}

@media(prefers-reduced-motion:reduce){
  html.motion-on [data-motion]:not(.motion-visible){opacity:1;transform:none}
  html.motion-on [data-motion],.hero .phone,
  .plan,.feature-grid .card,.steps .step,.portal-grid .card,.app-dl-card,.app-qr-card{
    animation:none!important;
    transition:none!important;
  }
}