.hero-demo {
  --w-font: -apple-system, system-ui, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --w-base-size: 15px;
  --w-line: 1.52;
  --w-radius-sm: 12px;
  --w-radius-md: 20px;
  --w-radius-pill: 999px;
  --w-avatar-size: 30px;
  --w-avatar-gap: 10px;
  --w-shadow: 0 10px 24px rgba(0, 0, 0, 0.12);
  --w-primary: #5046e6;
  --w-primary-hover: #3d36b8;
  --w-bg: #ececef;
  --w-surface: #f7f7fa;
  --w-bubble-bot: #cdcdcf;
  --w-bubble-user: #dde0e4;
  --w-text: #0b0f14;
  --w-muted: #8b919a;
  --w-input-placeholder: #6b7280;
}