/* FAQ page parity with the original Laravel page.
   The imported FAQ HTML retains an outer <body>/<div id="root"> shell, so
   target the actual hero by its source class set. The global parity stylesheet
   compresses .pt-24; v1.5.25 restored a full 6rem and pushed the Help Center
   badge too low compared with the live Laravel page. 4.625rem reproduces the
   measured header-to-badge gap from the original desktop layout. */
section.bg-slate-900.text-white.pt-24.pb-32.relative.overflow-hidden {
  padding-top: 4.625rem !important;
}

/* v1.5.32 — FAQ bottom CTA colour customization.
   Match the site's approved orange CTA treatment (as used on Features)
   without changing this FAQ card's content, spacing, dimensions or layout. */
.max-w-5xl.mx-auto.mt-20 > .bg-gradient-to-br.from-blue-600.to-indigo-700 {
  background: #FF6B35 !important;
  background-image: none !important;
}
.max-w-5xl.mx-auto.mt-20 > .bg-gradient-to-br.from-blue-600.to-indigo-700 .text-blue-100 {
  color: #fff7ed !important;
}
.max-w-5xl.mx-auto.mt-20 > .bg-gradient-to-br.from-blue-600.to-indigo-700 a.bg-white {
  color: #FF6B35 !important;
}
.max-w-5xl.mx-auto.mt-20 > .bg-gradient-to-br.from-blue-600.to-indigo-700 a.bg-white:hover {
  background-color: #fff7ed !important;
}
.max-w-5xl.mx-auto.mt-20 > .bg-gradient-to-br.from-blue-600.to-indigo-700 a.bg-transparent {
  border-color: rgba(255,255,255,.45) !important;
}