@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&display=swap');

body {
  font-family: 'Inter', sans-serif;
  overflow-x: hidden;
  background-color: #fafaf9; /* stone-50 */
  color: #1e293b; /* slate-800 */
}

h1, h2, h3, h4, h5, h6, .font-serif {
  font-family: 'Playfair Display', serif;
}

@keyframes marquee {
  0% { transform: translateX(0%); }
  100% { transform: translateX(-50%); }
}

.animate-marquee {
  animation: marquee 20s linear infinite;
  display: flex;
}

@keyframes carousel {
  0% { transform: translateX(0%); }
  100% { transform: translateX(-50%); }
}

.animate-carousel {
  animation: carousel 35s linear infinite;
  display: flex;
}

.faq-content {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
}

.faq-button svg {
  transition: transform 0.3s ease-in-out;
}

.btn-bounce {
  transition: all 0.2s ease;
}
.btn-bounce:hover {
  transform: scale(1.05);
}
.btn-bounce:active {
  transform: scale(0.95);
}