/* Final landing slider polish */

/* The checklist tools should sit directly on the image/card with no extra dark panel. */
.landing-feature-tools{
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  overflow:visible!important;
}

/* The footer arrow is decorative on the public landing page. */
.landing-feature-arrow{display:none!important}

/* Keep the card visible while changing slides. The previous full fade-to-zero
   made the slider disappear and then reappear. */
.landing-feature-card{
  opacity:1!important;
  will-change:opacity,transform;
  transition:opacity .34s cubic-bezier(.22,.61,.36,1),transform .34s cubic-bezier(.22,.61,.36,1)!important;
}

.landing-feature-card.is-changing{
  opacity:.45!important;
  transform:perspective(1300px) rotateY(-1deg) translateY(1px) scale(.998)!important;
}

/* The image stays top-anchored; the subtle card fade handles the transition. */
.landing-feature-image{
  transition:none!important;
}

@media (prefers-reduced-motion:reduce){
  .landing-feature-card{transition:none!important}
  .landing-feature-card.is-changing{opacity:1!important;transform:none!important}
}