/* Shared boundary for the three standalone askAiB hero animations.
   Kept in sync with app/product-carousel-framing.css. */
.demo .window {
  border-color: #bbb5c5 !important;
  box-shadow:
    0 0 0 3px #ffffff,
    0 0 0 4px rgba(66, 56, 80, 0.28),
    0 24px 50px rgba(43, 33, 61, 0.18),
    0 7px 18px rgba(43, 33, 61, 0.09) !important;
}
.demo > .nav {
  border-color: #d1cad9 !important;
  box-shadow: 0 6px 18px rgba(43, 33, 61, 0.08) !important;
}
@media (max-width: 680px) {
  .demo .window {
    box-shadow:
      0 0 0 2px #ffffff,
      0 0 0 3px rgba(66, 56, 80, 0.27),
      0 16px 32px rgba(43, 33, 61, 0.14),
      0 4px 12px rgba(43, 33, 61, 0.08) !important;
  }
}