.brand-logo {
  display: block;
 width: 178px;
 height: 54px;
  object-fit: cover;
  object-position: center 50%;
  mix-blend-mode: screen;
 }

@media (max-width: 650px) {
  .brand-logo { width: 146px; height: 44px; }
  h1 em { white-space: normal; }
  .demo-console { grid-template-columns: minmax(0, 1fr); width: 100%; }
  .demo-side, .demo-chat, .console-top, .demo-chat-body { min-width: 0; max-width: 100%; }
  .scenario { min-width: 0; overflow-wrap: anywhere; }
  .console-label { white-space: normal; }
}