html {
  scroll-behavior: smooth;
}

body {
  font-family: 'Inter', ui-sans-serif, system-ui, sans-serif;
}

.hero-glow::before {
  content: "";
  position: absolute;
  top: -10%;
  right: -10%;
  width: 40rem;
  height: 40rem;
  background: radial-gradient(circle, rgba(230, 172, 30, 0.15) 0%, rgba(230, 172, 30, 0) 70%);
  pointer-events: none;
  z-index: 0;
}

.faq-content {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: max-height 0.25s ease, opacity 0.2s ease;
}

.faq-item.open .faq-content {
  opacity: 1;
}

.faq-item.open .faq-icon {
  transform: rotate(180deg);
}