body {
  font-family: 'Inter', sans-serif;
  scroll-behavior: smooth;
  margin: 0;
  padding: 0;
}

.animate-in {
  animation: fade-in 0.5s ease-out forwards;
}

@keyframes fade-in {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}

.faq-content {
  overflow: hidden;
  transition: max-height 0.5s ease, opacity 0.3s ease;
}

.faq-content[aria-hidden="true"] {
  max-height: 0;
  opacity: 0;
}

.faq-content[aria-hidden="false"] {
  max-height: 500px;
  opacity: 1;
}

.faq-btn[aria-expanded="true"] .faq-chevron {
  transform: rotate(180deg);
}

.header-transparent .header-logo {
  filter: brightness(0) contrast(1) invert(1);
}