/* Home button component, scoped to AI CRM. */
.ai-crm-page a.thm-btn--gradient2 { color: #fff; font-family: var(--font-heading); }
/* Content-sized hero replaces the template's fixed 1430px height. */
.flowbit-scope.ai-crm-page .rts-banner-area-three { height: auto; padding-bottom: 0; }
.flowbit-scope.ai-crm-page .rts-banner-area-three .laptop-screen img { display: block; }
.flowbit-scope.ai-crm-page .rts-banner-area-three + .rts-brand-area { padding-top: 50px; }
.ai-crm-page .crm-integration-window { overflow: hidden; }
.ai-crm-page .crm-integration-track { display: flex; width: max-content; animation: crm-logo-loop 40s linear infinite; }
.ai-crm-page .crm-integration-logos { display: flex; flex: none; gap: 20px; padding: 0 20px 0 0 !important; margin: 0; list-style: none; }
.ai-crm-page .crm-integration-logos li { display: grid; place-items: center; flex: 0 0 136px; width: 136px; height: 110px; padding: 16px; border: 1px solid #ece3ff; border-radius: 16px; background: #fff; }
.ai-crm-page .crm-integration-logos img { width: 90px; max-width: 100%; height: 64px; object-fit: contain; }
.ai-crm-page .crm-integration-carousel + .thm-btn { display: flex; width: fit-content; margin-inline: auto; }
@keyframes crm-logo-loop { to { transform: translateX(-50%); } }
@media (max-width: 767px) {
  .ai-crm-page a.thm-btn--gradient2 { padding-inline: 20px; }
}
@media (prefers-reduced-motion: reduce) {
  .ai-crm-page .crm-integration-track { animation: none; }
  .ai-crm-page .crm-integration-window { overflow-x: auto; }
  .ai-crm-page .crm-integration-logos[aria-hidden] { display: none; }
  .ai-crm-page .crm-integration-carousel { margin-bottom: 32px; }
}

/* Preserve the seam spacing against the shared important list reset. */
.ai-crm-page .crm-integration-carousel { margin-bottom: 32px; }
.ai-crm-page .rts-integration-area:has(.crm-integration-carousel) .section-title-area { margin-bottom: 30px; }
.ai-crm-page .rts-integration-area:has(.crm-integration-carousel) .section-title-area .desc { margin-bottom: 0; }
