body {
  background-color: #fafaf9;
  color: #1c1917;
  font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;
}
.card {
  background: #ffffff;
  border: 1px solid #e7e5e4;
}
.mobile-nav {
  display: none !important;
}
.desktop-nav {
  display: none !important;
}
@media (min-width: 768px) {
  .desktop-nav {
    display: flex !important;
  }
  .mobile-nav {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .mobile-nav {
    display: flex !important;
  }
  .desktop-nav {
    display: none !important;
  }
}
.md\:grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.slide {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 0.8s ease;
  pointer-events: none;
}
.slide.active {
  opacity: 1;
  pointer-events: auto;
}
.marquee-wrap {
  overflow: hidden;
}
.marquee-inner {
  display: flex;
  width: max-content;
  animation: marquee 65s linear infinite;
}
@keyframes marquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
.faq-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.35s ease;
  padding: 0 18px;
}
.faq-item.active .faq-answer {
  max-height: 300px;
  padding-bottom: 16px;
}
.faq-icon {
  transition: transform 0.3s ease;
}
.faq-item.active .faq-icon {
  transform: rotate(180deg);
}