/* RakuNote LP - Custom styles */
/* Tailwind handles layout/utility. This file handles variables, animations, and custom decorations only. */

html {
  scroll-behavior: smooth;
}

/* Hero image placeholder - will be replaced with actual screenshot */
.hero-image-placeholder {
  min-height: clamp(200px, 40vw, 400px);
}

/* Smooth fade-in for sections on scroll */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.fade-in-up {
  animation: fadeInUp 0.6s ease-out both;
}