/* The demo notice: a small floating pill, so the interface itself stays exactly as it is in the product. */
#demo-bar{position:fixed;left:50%;bottom:14px;transform:translateX(-50%);z-index:60;display:flex;align-items:center;gap:12px;padding:7px 8px 7px 14px;border-radius:99px;
  background:var(--glass);-webkit-backdrop-filter:blur(14px) saturate(1.3);backdrop-filter:blur(14px) saturate(1.3);border:1px solid var(--line-2);box-shadow:var(--shadow);font-size:13px;max-width:calc(100vw - 24px);white-space:nowrap}
#demo-bar .demo-dot{width:8px;height:8px;border-radius:50%;background:var(--signal);box-shadow:0 0 0 4px color-mix(in srgb,var(--signal) 22%,transparent);flex:none}
#demo-bar .demo-txt b{font-weight:700}
#demo-bar .demo-txt span{color:var(--text-2)}
#demo-bar button,#demo-bar a{padding:6px 12px;border-radius:99px;border:1px solid var(--line-2);background:transparent;color:var(--text);font:600 12.5px/1.2 var(--ui);text-decoration:none}
#demo-bar button:hover,#demo-bar a:hover{background:var(--ink-3);text-decoration:none}
#demo-bar .demo-cta{background:var(--signal);border-color:var(--signal);color:var(--signal-ink)}
#demo-bar .demo-cta:hover{background:var(--signal);transform:translateY(-1px)}
.is-demo #view{padding-bottom:120px}
.is-demo .fab{bottom:76px}
.is-demo #assess-plan::after{content:"This is the demo: a recorded run is replayed, and nothing is sent anywhere.";display:block;margin-top:6px;font-weight:600}
.is-demo #copilot .panel{bottom:76px;height:min(560px,calc(100vh - 150px))}
@media (max-width:760px){
  #demo-bar{left:10px;right:10px;bottom:10px;transform:none;justify-content:center;flex-wrap:wrap;border-radius:18px;padding:8px 10px;gap:8px;white-space:normal}
  #demo-bar .demo-txt span{display:none}
  #demo-bar a:not(.demo-cta){display:none}
  .is-demo .fab{bottom:84px;right:14px}
  .is-demo #copilot .panel{bottom:84px}
}
@media print{#demo-bar{display:none}}