/* -------------------------------------------------------
   style.css
   Tailwind is loaded from the CDN in your index.html,
   so we only put custom overrides and keyframes here.
-------------------------------------------------------- */

/* 1) Basic fade-up animation via Intersection Observer */
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.fade-up {
  opacity: 0; /* start hidden */
}
.fade-up.show {
  animation: fadeInUp 0.8s forwards;
}

/* 2) FAQ toggles
   We hide the expanded answer with "hidden" by default in HTML.
   Toggling "hidden" class on .faq-content will show/hide the text
*/
.faq-content {
  transition: max-height 0.3s ease;
}

/* Additional custom overrides or styling can go below if needed */
/* e.g.:
.bg-pattern {
  background-image: url('path-to-pattern.png');
  background-repeat: repeat;
  background-size: 40px 40px;
}
*/