/* AVD Hero clickable demo: banner on top of every page (landing page and app) */
.demo-banner {
  position: sticky; top: 0; z-index: 25; padding: 8px 16px; text-align: center; font-size: 13px; font-weight: 600;
  color: var(--text); background: color-mix(in srgb, var(--warn) 22%, var(--surface)); border-bottom: 1px solid var(--warn);
}
.demo-tag {
  display: inline-block; margin-right: 10px; padding: 1px 8px; border-radius: 6px; font-size: 11px; font-weight: 800;
  letter-spacing: .08em; color: var(--bg); background: var(--warn);
}
.landing .demo-note { margin-top: 14px; padding: 10px 12px; border: 1px solid var(--warn); border-radius: 10px; font-size: 13px; color: var(--text); }