[x-cloak] { display: none !important; }
html { scroll-behavior: smooth; }

.reveal {
  opacity: 0;
  transform: translateY(16px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}
.reveal.is-visible {
  opacity: 1;
  transform: none;
}

.pulse-dot {
  animation: pulse-dot 2.2s ease-in-out infinite;
}
@keyframes pulse-dot {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.35; }
}

.arrow-link svg { transition: transform 0.2s ease; }
.arrow-link:hover svg { transform: translateX(3px); }

@media (prefers-reduced-motion: reduce) {
  .reveal { opacity: 1; transform: none; transition: none; }
  .pulse-dot { animation: none; }
  html { scroll-behavior: auto; }
}