.demo-stage{transition:opacity .4s ease-out}.demo-stage.hidden{display:none}.demo-stage.fade-out{opacity:0}.demo-section-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:#6a6660;font-family:IBM Plex Mono,monospace;margin:0 0 6px}.demo-nd-artifact-card{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;cursor:default;transition:all .15s;background:#272a33;border:1px solid rgba(255,255,255,.07)}.demo-nd-artifact-card.selected{background:#6b8aff1a;border-color:#6b8aff38}.demo-nd-check{width:18px;height:18px;border-radius:4px;display:flex;align-items:center;justify-content:center;border:1.5px solid rgba(255,255,255,.07);background:transparent;color:#fff;font-size:10px;font-weight:700;flex-shrink:0;transition:all .15s}.demo-nd-check.checked{background:#6b8aff;border-color:#6b8aff}.demo-seg-control{display:flex;gap:3px;padding:3px;border-radius:7px;background:#2e313b;border:1px solid rgba(255,255,255,.07);width:100%}.demo-seg-btn{padding:4px 0;border-radius:5px;border:none;cursor:default;background:transparent;color:#6a6660;font-size:10px;font-weight:400;font-family:IBM Plex Mono,monospace;transition:all .15s;flex:1;text-align:center}.demo-seg-btn.active{background:#272a33;color:#e4e2de;font-weight:600;box-shadow:0 1px 3px #ffffff12}.demo-target-list{border-radius:8px;border:1px solid rgba(255,255,255,.07);background:#272a33;padding:4px}.demo-target-row{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:6px;cursor:default;transition:all .15s;border:1px solid transparent}.demo-target-row.selected{background:#4cbe7a14;border-color:#4cbe7a33}.demo-status-pip{display:inline-block;width:7px;height:7px;border-radius:50%;flex-shrink:0}.demo-context-hint{margin-top:6px;padding:6px 8px;border-radius:6px;background:#2e313b;border:1px solid rgba(255,255,255,.07);font-size:9px;color:#6a6660;line-height:1.5}.demo-action-bar{margin-top:10px;padding:10px 12px;border-radius:8px;background:#272a33;border:1px solid rgba(255,255,255,.07);display:flex;justify-content:flex-end}.demo-request-plan-btn{padding:8px 18px;border-radius:7px;border:none;cursor:default;background:#6b8aff;color:#fff;font-size:12px;font-weight:700;font-family:IBM Plex Mono,monospace;white-space:nowrap;transition:opacity .15s}.demo-request-plan-btn.clicked{opacity:.7}.demo-synth-mark .sm-line{animation:smBreathe 3s ease-in-out infinite;animation-delay:calc(var(--i, 0) * .15s);transform-origin:10px 39px}@keyframes smBreathe{0%,to{transform:translate(0)}50%{transform:translate(-1.5px)}}.demo-synth-mark .sm-dot{animation:smDotPulse 2.5s ease-in-out infinite}@keyframes smDotPulse{0%,to{opacity:.5}50%{opacity:.8}}.demo-assessment{padding:12px 14px;border-radius:10px;background:#6b8aff1a;border:1px solid rgba(107,138,255,.22);margin-bottom:10px;transition:opacity .35s ease-out,transform .35s ease-out;transform:translateY(6px)}.demo-assessment.visible{opacity:1!important;transform:translateY(0)}.demo-plan-step-row{display:flex;align-items:flex-start;gap:10px;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.07);transition:opacity .35s ease-out,transform .35s ease-out;transform:translateY(6px)}.demo-plan-step-row.visible{opacity:1!important;transform:translateY(0)}.demo-plan-step-num{width:20px;height:20px;border-radius:5px;display:flex;align-items:center;justify-content:center;background:#2e313b;color:#6a6660;font-size:10px;font-weight:700;font-family:IBM Plex Mono,monospace;flex-shrink:0;margin-top:1px}.demo-risk-label{font-size:9px;font-family:IBM Plex Mono,monospace;font-weight:600;flex-shrink:0;margin-top:2px}.demo-btn-greenlight{padding:10px 16px;border-radius:8px;cursor:default;font-size:12px;font-family:IBM Plex Mono,monospace;font-weight:600;border:1px solid #4cbe7a;background:#4cbe7a;color:#fff;line-height:1;transition:opacity .15s}.demo-btn-refine{padding:10px 16px;border-radius:8px;cursor:default;font-size:12px;font-family:IBM Plex Mono,monospace;font-weight:600;background:transparent;color:#6b8aff;border:1.5px solid #6b8aff;line-height:1}.demo-btn-reject{padding:10px 16px;border-radius:8px;cursor:default;font-size:12px;font-family:IBM Plex Mono,monospace;font-weight:600;background:#272a33;color:#6a6660;border:1px solid rgba(255,255,255,.12);line-height:1}.plan-step{transition:opacity .35s ease-out,transform .35s ease-out;transform:translateY(6px)}.plan-step.visible,#plan-actions.visible{opacity:1!important;transform:translateY(0)}#plan-steps-label.visible{opacity:1!important}#greenlight-btn.pulse{animation:glPulse .6s ease-in-out 2}@keyframes glPulse{0%,to{box-shadow:0 0 #4cbe7a00}50%{box-shadow:0 0 0 6px #4cbe7a40}}#greenlight-btn.clicked{background:#4cbe7a4d!important;border-color:#4cbe7a80!important}.exec-spinner{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.exec-step .exec-badge.done{background:#4cbe7a14!important;color:#4cbe7a!important;border:1px solid rgba(76,190,122,.2)!important}.exec-step .exec-badge.active{background:#6b8aff1a!important;color:#6b8aff!important;border:1px solid rgba(107,138,255,.22)!important}.exec-step .exec-status.done{color:#4cbe7a!important}.exec-step .exec-status.active{color:#6b8aff!important}.exec-step .exec-duration.done{color:#4cbe7a!important}.artifact-dragging{transition:right 1s cubic-bezier(.22,1,.36,1),top .8s cubic-bezier(.22,1,.36,1),opacity .3s ease;opacity:0}.artifact-dragging.entering{opacity:1;right:50%!important;top:70px!important;transform:translate(50%)}.artifact-dragging.landed{opacity:1;right:50%!important;top:90px!important;transform:translate(50%) scale(.95);border-color:#6b8aff80;box-shadow:0 0 20px #6b8aff26}#drop-zone.accepting{border-color:#6b8aff80;background:#6b8aff0d;transition:all .3s ease}#drop-zone p{transition:opacity .3s ease}#drop-zone.accepting p{opacity:0}.analysis-line{transition:opacity .4s ease-out,transform .4s ease-out;transform:translate(-8px)}.analysis-line.visible{opacity:1!important;transform:translate(0)}.analysis-progress{transition:width 2.5s cubic-bezier(.22,1,.36,1)}.demo-debrief-tl{position:relative;padding-left:22px}.demo-debrief-tl:before{content:"";position:absolute;left:7px;top:4px;bottom:4px;width:2px;background:#ffffff12}.demo-debrief-card{position:relative;margin-bottom:8px;padding:9px 12px;background:#272a33;border:1px solid rgba(255,255,255,.07);border-radius:6px;transition:opacity .4s ease-out,transform .4s ease-out;transform:translateY(5px)}.demo-debrief-card:before{content:"";position:absolute;left:-17px;top:14px;width:8px;height:8px;border-radius:50%;background:#ffffff12;border:2px solid #272a33}.demo-debrief-card.dt-completion:before{background:#4cbe7a}.demo-debrief-card.dt-plan:before{background:#818cf8}.demo-debrief-card.dt-config:before{background:#a78bfa}.demo-debrief-card.dt-execution:before{background:#60a5fa}.demo-debrief-card.dt-verification:before{background:#34d399}.debrief-entry{transition:opacity .4s ease-out,transform .4s ease-out;transform:translateY(5px)}.debrief-entry.visible{opacity:1!important;transform:translateY(0)}.demo-debrief-hdr{display:flex;align-items:center;gap:6px;margin-bottom:5px}.demo-debrief-time{font-size:10px;color:#6a6660;font-family:IBM Plex Mono,monospace}.demo-dt-bdg{display:inline-flex;align-items:center;padding:1px 5px;border-radius:4px;font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;font-family:IBM Plex Mono,monospace}.demo-agent-bdg{display:inline-flex;align-items:center;padding:1px 5px;border-radius:4px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#1e2028;font-family:IBM Plex Mono,monospace}.demo-debrief-dec{font-size:11px;font-weight:500;color:#e4e2de;line-height:1.45}.demo-op-selector{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:10px}.demo-op-pill{font-size:9px;font-family:IBM Plex Mono,monospace;font-weight:600;padding:3px 8px;border-radius:4px;border:1px solid rgba(255,255,255,.07);background:transparent;color:#4a4845;cursor:default;text-transform:uppercase;letter-spacing:.5px;transition:none}.demo-op-pill.active{border-color:#6b8aff59;background:#6b8aff1a;color:#6b8aff}#hero-demo:hover #demo-paused{opacity:1}
