.demo-intro,.demo-narrative,.demo-timeline{display:none}.compact-context #demoMode{margin-left:0;border:1px solid #baa7b5;padding:6px 10px;color:#594451}.compact-context>button[data-signals]{margin-left:auto}
body.demo-guided .ops-runtime-body{grid-template-rows:112px minmax(0,1fr) 66px 20px!important}
body.demo-guided .ops-runtime :is(.brief,.commandbar,.workflow){display:none!important}
body.demo-guided .demo-intro{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:12px 0}.demo-eyebrow{font:8px monospace;letter-spacing:1.2px;color:#8b7181}.demo-intro h1{font:400 clamp(24px,2.5vw,36px)/1.12 Arial,sans-serif;letter-spacing:-1.3px;color:#392c36;margin:8px 0}.demo-intro p{font:13px/1.5 Arial,sans-serif;color:#796474;margin:0}.demo-launch{flex-shrink:0;width:270px}.demo-launch button{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;border:1px solid #6c5263;background:#654d5e;color:#fff;padding:17px 19px;font:13px Arial,sans-serif;cursor:pointer;transition:background .2s}.demo-launch button:hover:not(:disabled){background:#443641}.demo-launch button:disabled{opacity:.6;cursor:default}.demo-launch small{display:block;font:8px/1.5 monospace;color:#927b8b;margin-top:8px}
body.demo-guided #ucInspector,body.demo-guided .uc-popover,body.demo-guided .wm-dialog{display:none!important}body.demo-guided .demo-narrative{display:flex;flex-direction:column;grid-row:2;grid-column:1/-1;border:1px solid #cabcc7;background:#fcfafc;overflow:auto;min-height:0;scrollbar-width:thin}.demo-narrative>header{display:flex;justify-content:space-between;gap:15px;padding:12px 15px;background:#eee7ed;font:9px monospace;color:#86687b}.demo-narrative-body{display:flex;flex-direction:column;gap:16px;padding:18px;height:100%;min-height:min-content}.demo-chapter h2{font:400 clamp(22px,1.8vw,28px)/1.12 Arial,sans-serif;letter-spacing:-.8px;margin:0 0 10px;color:#43313e}.demo-chapter p{font:12px/1.6 Arial,sans-serif;color:#796273;margin:0}.demo-handoff{display:grid;grid-template-columns:1fr 12px 1fr;gap:10px;background:#f2edf1;border:1px solid #ddd1da;padding:12px}.demo-handoff>div{display:flex;flex-direction:column;gap:7px}.demo-handoff small,.demo-message small{font:8px monospace;letter-spacing:1px;color:#a18397}.demo-handoff b{font:11px/1.5 Arial,sans-serif;color:#66475d}.demo-handoff i{align-self:center;font-style:normal;transform:rotate(-90deg);color:#9f7b91}.demo-proof{display:grid;gap:8px}.demo-proof>div{display:flex;justify-content:space-between;gap:15px;padding-bottom:8px;border-bottom:1px solid #e5dce2}.demo-proof span{font:11px Arial,sans-serif;color:#927586}.demo-proof b{font:500 12px Arial,sans-serif;color:#654653;text-align:right}.demo-message{margin-top:auto;border-top:1px solid #d9c8d5;padding-top:14px}.demo-message p{font:12px/1.6 Arial,sans-serif;margin:7px 0 0;color:#674d60}.demo-inspect{align-self:flex-start;border:0;border-bottom:1px solid #b295a7;padding:0 0 5px;background:none;color:#7d5a71;cursor:pointer;font:10px Arial,sans-serif}#demoReview{padding:12px;background:#f3ecdb;border:1px solid #d4c196;display:grid;gap:7px;color:#7b603a}#demoReview[hidden]{display:none}#demoReview b{font:12px Arial,sans-serif}#demoReview span,#demoReview small{font:10px/1.5 Arial,sans-serif}
body.demo-guided .demo-timeline{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;align-self:stretch}.demo-timeline>div{position:relative;padding:11px 12px;background:#f0eaef;border:1px solid #ded1db;display:flex;align-items:center;gap:12px;overflow:hidden}.demo-timeline span{font:9px monospace;color:#b29cab}.demo-timeline b{font:12px Arial,sans-serif;color:#95838f}.demo-timeline i{position:absolute;bottom:0;left:0;height:2px;background:#b188a1;width:0;transition:width .6s}.demo-timeline .current{background:#e7dbe4;border-color:#ac879f}.demo-timeline .current b{color:#553d4e}.demo-timeline .current i{width:65%;animation:demo-breathe 2s ease-in-out infinite}.demo-timeline .done b{color:#627c70}.demo-timeline .done i{width:100%;background:#839f8d}.demo-scene-caption{display:none;position:absolute;top:56px;left:18px;max-width:min(440px,65%);z-index:3;pointer-events:none;padding:12px 15px;background:#15242be8;border-left:2px solid #caacc3;backdrop-filter:blur(10px)}body.demo-guided .demo-scene-caption{display:grid;gap:6px}.demo-scene-caption span{font:8px monospace;letter-spacing:1px;color:#b8a1b3}.demo-scene-caption b{font:400 clamp(15px,1.55vw,22px)/1.25 Arial,sans-serif;color:#f3edf1;letter-spacing:-.35px}body.demo-guided :is(.scene-bottom,.scene-footer)>div:first-child{visibility:hidden}body.demo-guided .pi-entity-pins{opacity:.45}.demo-guided .compact-context>span{font-size:10px}
@keyframes demo-breathe{50%{opacity:.35}}@media(max-width:1100px) and (min-width:901px){.demo-intro p{font-size:11px}.demo-launch{width:230px}.demo-narrative-body{padding:14px;gap:12px}.demo-chapter h2{font-size:23px}.demo-message p{font-size:11px}.demo-handoff{padding:9px;gap:6px}.demo-timeline>div{padding:8px;gap:7px}.demo-timeline b{font-size:11px}}
@media(max-width:900px){body.demo-guided .demo-intro{display:block;padding:14px 0 8px}.demo-intro h1{font-size:30px}.demo-intro p{max-width:480px}.demo-launch{width:100%;margin-top:16px;max-width:450px}.demo-launch button{padding:14px 16px}.demo-launch small{font-size:8px}.demo-narrative-body{min-height:0;height:auto;padding:16px;gap:13px}body.demo-guided .ops-runtime :is(.observations,.insights-panel){height:700px!important}body.demo-guided .demo-timeline{grid-template-columns:repeat(3,minmax(0,1fr));min-height:106px}.demo-timeline>div{padding:12px 10px}.demo-scene-caption{top:53px;max-width:calc(100% - 36px);padding:10px 12px}.demo-scene-caption b{font-size:17px}.compact-context{gap:12px}.compact-context #demoMode{font-size:10px}.compact-context>button[data-signals]{font-size:10px}.demo-message{margin-top:4px}}
@media(prefers-reduced-motion:reduce){.demo-timeline .current i{animation:none}.demo-timeline i,.demo-launch button{transition:none}}
