/* Keep each original demo's visual design while fitting small viewports. */
#chat-window, #ai-chat-window, #ai-window {
  max-width: calc(100vw - 3rem);
  max-height: calc(100dvh - 7rem);
}
#chat-messages {min-height: 0; overflow-wrap: anywhere;}
@media (max-width: 639px) {
  html {overflow-x: clip;}
  main .grid > * {min-width: 0;}
  nav .h-20, #nav-container {
    height: auto;
    min-height: 5rem;
    flex-wrap: wrap;
    padding-block: .75rem;
    row-gap: .5rem;
  }
  [data-sale-demo="services"] main .flex.space-x-4 {flex-wrap: wrap;gap: .75rem;}
  [data-sale-demo="services"] main .flex.space-x-4 > * {margin-left: 0;}
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
    scroll-behavior: auto !important;
  }
}