/* Page-specific helpers for About & Why-different pages */
.reveal{
  opacity:0;
  transform:translateY(28px);
  transition:opacity .7s ease, transform .7s ease;
}
.reveal.active{opacity:1;transform:translateY(0)}

@keyframes float {
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-10px)}
}
.float-animation{animation:float 4s ease-in-out infinite}

/* Small utility used on feature cards */
.feature-card{transition:all .28s ease}
.feature-card:hover{transform:translateY(-6px)}

/* Accessible visually-hidden */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}