html {
  scroll-behavior: smooth;
}

/* Nav slide in on load */
.nav-bar {
  animation: nav-in 0.5s ease forwards;
}
@keyframes nav-in {
  from { opacity: 0; transform: translateY(-20px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* Scroll-triggered animation base states */
.fade-up,
.fade-left,
.fade-right {
  opacity: 0;
  transition: opacity 0.6s ease, transform 0.6s ease;
}

.fade-up    { transform: translateY(24px); }
.fade-left  { transform: translateX(-30px); }
.fade-right { transform: translateX(30px); }

/* Triggered state */
.fade-up.visible,
.fade-left.visible,
.fade-right.visible {
  opacity: 1;
  transform: none;
}

/* Stagger delays */
.anim-delay-1 { transition-delay: 0.1s; }
.anim-delay-2 { transition-delay: 0.2s; }
.anim-delay-3 { transition-delay: 0.35s; }
.anim-delay-4 { transition-delay: 0.5s; }

/* Testimonial card hover */
.testimonial-card {
  transition: border-color 0.3s ease, transform 0.3s ease;
}
.testimonial-card:hover {
  border-color: rgba(201, 169, 97, 0.3) !important;
  transform: translateY(-2px);
}

/* App store badge hover */
a img[alt*="App Store"],
a img[alt*="Google Play"] {
  transition: transform 0.2s ease;
}
a:hover img[alt*="App Store"],
a:hover img[alt*="Google Play"] {
  transform: scale(1.04);
}

/* Gold selection highlight */
::selection {
  background: rgba(201, 169, 97, 0.3);
  color: #E8D7A8;
}

/* Modal email input focus */
#waitlist-email:focus {
  border-color: rgba(201, 169, 97, 0.5) !important;
  outline: none;
}