.demo-shell{--demo-banner-height:3.75rem}.demo-banner{display:flex;flex-wrap:wrap;align-items:center;gap:0.5rem 1.25rem;margin:0 0 1rem;padding:0.65rem 0.9rem;border:1px solid color-mix(in srgb,var(--color-brand-magenta) 28%,transparent);border-radius:var(--radius-medium);background:linear-gradient(120deg,color-mix(in srgb,var(--color-brand-magenta) 9%,var(--color-surface)),var(--color-surface));box-shadow:var(--shadow-1);font-size:0.9rem}.demo-banner-lead{display:flex;align-items:center;gap:0.75rem;flex:1 1 22rem;min-width:0}.demo-banner-text{margin:0;color:var(--color-text-secondary);line-height:1.4}.demo-banner-text a{color:var(--color-brand-magenta);font-weight:600}.demo-badge{flex:none;padding:0.2rem 0.6rem;border-radius:var(--radius-pill);background:var(--color-brand-magenta);color:var(--color-white);font-family:var(--font-display);font-size:0.7rem;font-weight:700;letter-spacing:0.12em;text-transform:uppercase}.demo-scenes{display:flex;gap:0.25rem;padding:0.2rem;border-radius:var(--radius-pill);background:var(--color-surface-secondary)}.demo-scene-link{padding:0.35rem 0.85rem;border-radius:var(--radius-pill);color:var(--color-text-secondary);font-weight:600;text-decoration:none;transition:background var(--transition-fast),color var(--transition-fast)}.demo-scene-link:hover{color:var(--color-text)}.demo-scene-link.is-active{background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-1)}.demo-scene-link:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.demo-controls{display:flex;flex-wrap:wrap;align-items:center;gap:0.35rem;margin-left:auto}.demo-reset{display:contents}.demo-control{display:inline-flex;align-items:center;gap:0.4rem;min-height:2.1rem;padding:0.3rem 0.75rem;border:1px solid var(--color-line);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-text);font:inherit;font-size:0.85rem;font-weight:600;text-decoration:none;cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast)}.demo-control svg{width:1rem;height:1rem}.demo-control:hover{border-color:var(--color-line-strong);background:var(--color-surface-secondary)}.demo-control:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.demo-control[aria-pressed="false"]{color:var(--color-text-tertiary)}.demo-control-quiet{border-color:transparent;color:var(--color-text-secondary)}@media (max-width:720px){.demo-banner{padding:0.6rem 0.75rem}.demo-banner-text{font-size:0.82rem}.demo-scenes{order:3;width:100%}.demo-scene-link{flex:1 1 0;text-align:center}.demo-controls{order:2;margin-left:0}}.demo-shell #comms{height:calc(100dvh - var(--navigation-bar-height) - env(safe-area-inset-top) - 2.5rem - var(--demo-banner-height) - 1rem);min-height:28rem}#leads .demo-lead-details{display:grid;grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:0.75rem 1.25rem;margin:0}#leads .demo-lead-details>div{display:grid;gap:0.15rem}#leads .demo-lead-details dt{font-size:0.72rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--color-text-tertiary)}#leads .demo-lead-details dd{margin:0;overflow-wrap:anywhere}#leads .tag-accent{background:var(--color-accent-soft);color:var(--color-accent)}#demo-hub{display:grid;gap:1.25rem}#demo-hub .demo-hub-scenes{gap:0.75rem}#demo-hub .demo-hub-scene{display:grid;gap:0.75rem;padding:1rem 1.15rem;border:1px solid var(--auth-line);border-radius:0.7rem;background:rgba(2,21,55,0.22)}#demo-hub .demo-hub-scene-head{display:grid;gap:0.15rem}#demo-hub .demo-hub-scene strong{display:block;color:var(--color-white);font-family:var(--font-display);font-size:1.25rem;letter-spacing:-0.01em}#demo-hub .demo-hub-scene small{display:block;color:var(--auth-muted);font-size:0.9rem;line-height:1.45}#demo-hub .demo-hub-highlights{display:grid;gap:0.25rem;margin:0;padding:0 0 0 1.1rem;color:var(--auth-muted);font-size:0.88rem;line-height:1.45}#demo-hub .demo-hub-highlights li::marker{color:var(--auth-pink)}#demo-hub .demo-hub-actions{margin-top:0.25rem}#demo-hub .demo-hub-actions .button{flex:1 1 10rem}@media (min-width:641px){#demo-hub .demo-hub-actions .button{flex:0 1 auto}}.demo-tour-shade{position:fixed;z-index:899;background:transparent;cursor:default;touch-action:pan-y}.demo-tour-spot{position:fixed;z-index:900;border-radius:10px;box-shadow:0 0 0 3px color-mix(in srgb,var(--color-brand-magenta) 85%,white),0 0 0 9999px rgba(2,21,55,0.55);pointer-events:none;transition:top 260ms var(--ease-standard),left 260ms var(--ease-standard),width 260ms var(--ease-standard),height 260ms var(--ease-standard)}.demo-tour-tip{position:fixed;z-index:901;width:min(22rem,calc(100vw - 2rem));padding:0.9rem 1rem 0.8rem;border-radius:var(--radius-large);background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-2);animation:rise-in 220ms var(--ease-standard);--demo-tour-arrow:50%}.demo-tour-tip:focus{outline:none}.demo-tour-tip::before{content:"";position:absolute;width:0.9rem;height:0.9rem;background:var(--color-surface);transform:rotate(45deg)}.demo-tour-tip[data-placement="bottom"]::before{top:-0.45rem;left:var(--demo-tour-arrow);margin-left:-0.45rem}.demo-tour-tip[data-placement="top"]::before{bottom:-0.45rem;left:var(--demo-tour-arrow);margin-left:-0.45rem}.demo-tour-tip[data-placement="right"]::before{left:-0.45rem;top:var(--demo-tour-arrow);margin-top:-0.45rem}.demo-tour-tip[data-placement="left"]::before{right:-0.45rem;top:var(--demo-tour-arrow);margin-top:-0.45rem}.demo-tour-tip[data-placement="sheet"]::before{display:none}.demo-tour-progress{height:3px;margin:0 0 0.75rem;border-radius:3px;background:var(--color-surface-tertiary);overflow:hidden}.demo-tour-progress>span{display:block;height:100%;width:0;background:var(--color-brand-magenta);transition:width linear}.demo-tour-tip.is-paused .demo-tour-progress>span{transition:none}.demo-tour-kicker{display:flex;justify-content:space-between;gap:0.5rem;margin:0 0 0.3rem;color:var(--color-text-tertiary);font-size:0.72rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase}.demo-tour-title{margin:0 0 0.35rem;font-family:var(--font-display);font-size:1.1rem;font-weight:700}.demo-tour-text{margin:0 0 0.8rem;color:var(--color-text-secondary);font-size:0.92rem;line-height:1.5}.demo-tour-actions{display:flex;flex-wrap:wrap;align-items:center;gap:0.35rem}.demo-tour-actions .toolbar-spacer{flex:1}.demo-tour-actions .button-small{min-height:2.1rem;padding:0.25rem 0.7rem;font-size:0.82rem}.demo-tour-quiet{display:flex;flex-wrap:wrap;gap:0.25rem 0.9rem;margin:0.6rem 0 0}.demo-tour-quiet button{padding:0;border:0;background:none;color:var(--color-text-tertiary);font:inherit;font-size:0.78rem;text-decoration:underline;cursor:pointer}.demo-tour-quiet button:hover{color:var(--color-text)}.demo-tour-keys{margin:0.45rem 0 0;color:var(--color-text-tertiary);font-size:0.72rem}@media (max-width:680px){.demo-tour-tip[data-placement="sheet"]{left:0.75rem!important;right:0.75rem;top:auto!important;bottom:calc(0.75rem + env(safe-area-inset-bottom));width:auto}.demo-tour-keys{display:none}}.demo-tour-live{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media (prefers-reduced-motion:reduce){.demo-tour-spot{transition:none}.demo-tour-tip{animation:none}.demo-tour-progress>span{transition:none}}@media (forced-colors:active){.demo-tour-spot{outline:3px solid Highlight;box-shadow:none}.demo-tour-tip{border:1px solid CanvasText}}