.hero-product-demo{position:relative;min-height:610px;width:100%;min-width:0;color:var(--demo-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.demo-window{position:absolute;inset:18px 0 0;--sidebar-w: 146px;--right-rail: 164px;--policy-drop-x: 66%;--policy-drop-y: 50%;--evidence-node-top: 74%;overflow:hidden;border:1px solid var(--demo-border);border-radius:10px;background:var(--demo-window);box-shadow:var(--demo-elev);display:grid;grid-template-columns:var(--sidebar-w) minmax(0,1fr);grid-template-rows:64px 1fr}.demo-topbar{grid-column:1 / -1;display:grid;grid-template-columns:var(--sidebar-w) minmax(0,1fr) 184px;align-items:center;border-bottom:1px solid var(--demo-border);background:var(--demo-rail)}.demo-brand,.demo-title,.demo-state{display:flex;align-items:center;gap:10px;height:100%;min-width:0;padding:0 14px}.demo-brand,.demo-title{border-right:1px solid var(--demo-border)}.demo-mark{display:inline-flex;width:24px;height:24px;flex:0 0 auto;align-items:center;justify-content:center;border-radius:6px;background:var(--demo-ink);color:var(--demo-window)}.demo-topbar strong,.component-card strong,.process-node strong,.timeline-card strong,.tool-call strong,.evidence-card strong,.slack-card strong{display:block;color:var(--demo-ink);font-size:11.5px;font-weight:600;letter-spacing:-.01em;line-height:1.15}.demo-topbar em,.component-card em,.process-node em,.timeline-card em,.tool-call em,.evidence-card em,.slack-card em{display:block;margin-top:3px;color:var(--demo-muted);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:8.5px;font-style:normal;font-weight:500;letter-spacing:.1em;line-height:1.3;text-transform:uppercase}.demo-title strong,.demo-state strong{font-size:12.5px}.demo-state{justify-content:flex-end;text-align:right}.status-dot{width:8px;height:8px;flex:0 0 auto;border-radius:50%;background:var(--demo-success)}.demo-sidebar,.demo-inspector{position:relative;z-index:3;padding:16px;background:var(--demo-rail)}.demo-sidebar{border-right:1px solid var(--demo-border)}.demo-inspector{position:absolute;right:0;top:64px;bottom:0;width:var(--right-rail);border-left:1px solid var(--demo-border);overflow:hidden;padding:16px 12px}.demo-sidebar>p,.demo-inspector>p{margin:0 0 10px;color:var(--demo-muted);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:9px;font-weight:500;letter-spacing:.14em;text-transform:uppercase}.component-card,.tool-call,.timeline-card,.evidence-card{border:1px solid var(--demo-border);border-radius:8px;background:var(--demo-card);box-shadow:var(--demo-elev-sm)}.component-card{display:grid;grid-template-columns:26px 1fr;gap:9px;align-items:center;margin-bottom:8px;padding:9px 10px}.component-icon,.node-icon,.tool-icon{display:inline-flex;align-items:center;justify-content:center;border-radius:7px;background:var(--demo-primary-soft);color:var(--demo-primary)}.component-icon{width:26px;height:26px}.component-icon.green,.node-icon.green,.tool-icon{background:var(--demo-success-soft);color:var(--demo-success)}.component-icon.amber,.node-icon.amber{background:var(--demo-warn-soft);color:var(--demo-warn)}.component-icon.violet{background:var(--demo-purple-soft);color:var(--demo-purple)}.demo-canvas{position:relative;z-index:1;grid-column:2;grid-row:2;overflow:hidden;background-color:var(--demo-canvas);background-image:linear-gradient(rgba(14,14,14,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(14,14,14,.04) 1px,transparent 1px);background-size:44px 44px}.mode-tabs{position:absolute;left:24px;top:32px;z-index:8;display:inline-flex;align-items:center;gap:2px;border:1px solid var(--demo-border);border-radius:999px;background:var(--demo-card);padding:4px;box-shadow:var(--demo-elev-sm)}.mode-tabs span,.phase-strip span{border-radius:999px;color:var(--demo-muted);font-size:10px;font-weight:600;letter-spacing:.01em;line-height:1;padding:8px 13px}.mode-tabs .active{background:var(--demo-ink);color:var(--demo-window)}.run-button{position:absolute;right:calc(var(--right-rail) + 18px);top:32px;z-index:8;border:0;border-radius:7px;background:var(--demo-primary);box-shadow:var(--demo-elev-sm);color:#fff;font-size:11.5px;font-weight:600;padding:10px 16px}.workflow-lines{position:absolute;left:0;top:0;bottom:0;z-index:2;width:calc(100% - var(--right-rail));height:100%;overflow:visible;pointer-events:none}.flow-track,.flow-line{vector-effect:non-scaling-stroke;fill:none;stroke-linecap:round;stroke-linejoin:round}.flow-track{stroke:transparent;stroke-width:3.4}.flow-line{stroke-width:1.4;opacity:1}.flow-line.blue{stroke:var(--demo-line-blue)}.flow-line.green{stroke:var(--demo-line-green);stroke-width:1.5}.flow-line.amber{stroke:var(--demo-line-amber);stroke-width:1.5}.process-node{position:absolute;z-index:4;transform:translate(-50%,-50%)}.process-node strong{font-size:11px;line-height:1.1;font-weight:600}.process-node em{font-size:7.5px;letter-spacing:.1em;font-weight:500}.process-node.task{width:100px;height:78px;border:1px solid var(--demo-border);border-radius:8px;background:var(--demo-card);box-shadow:var(--demo-elev-sm);padding:10px}.process-node.event{width:58px;min-height:58px;text-align:center}.process-node.event .node-icon{width:42px;height:42px;margin:0 auto 6px;border:1px solid var(--demo-border);border-radius:50%;background:var(--demo-primary-soft);box-shadow:none}.process-node.evidence .node-icon{background:var(--demo-success-soft);color:var(--demo-success);box-shadow:none}.node-icon{width:24px;height:24px;margin-bottom:6px}.node-icon.blue{background:var(--demo-purple-soft);color:var(--demo-purple)}.process-node.gateway{width:64px;height:64px;display:flex;align-items:center;justify-content:center}.process-node.gateway:before{position:absolute;inset:9px;border:1px solid var(--demo-warn);border-radius:4px;background:var(--demo-warn-soft);content:"";transform:rotate(45deg)}.process-node.gateway>span{position:relative;z-index:1;color:var(--demo-warn);font-size:16px;font-weight:600}.process-node.gateway strong,.process-node.gateway em{position:absolute;left:50%;width:112px;text-align:center;transform:translate(-50%)}.process-node.gateway strong{top:58px}.process-node.gateway em{top:74px}.process-node.human{border-color:color-mix(in srgb,var(--demo-warn) 45%,var(--demo-border));box-shadow:var(--demo-elev-sm)}.process-node.start{left:calc((100% - var(--right-rail)) * .09);top:43%}.process-node.intake{left:calc((100% - var(--right-rail)) * .3);top:43%}.process-node.validate{left:calc((100% - var(--right-rail)) * .55);top:43%}.process-node.credit{left:calc((100% - var(--right-rail)) * .79);top:43%}.process-node.human{left:calc((100% - var(--right-rail)) * .79);top:72%}.process-node.writeback{left:calc((100% - var(--right-rail)) * .55);top:72%}.process-node.evidence{left:calc((100% - var(--right-rail)) * .3);top:var(--evidence-node-top)}.attached-agent{position:absolute;z-index:7;display:inline-flex;align-items:center;gap:6px;border:1px solid var(--demo-border);border-radius:999px;background:var(--demo-card);box-shadow:var(--demo-elev-sm);color:var(--demo-primary);font-size:9.5px;font-weight:600;white-space:nowrap;word-spacing:1px;opacity:0;padding:6px 10px;transform:translateY(10px) scale(.96);transition:opacity .5s ease-in-out,transform .5s ease-in-out}.attached-agent span{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:var(--demo-primary-soft)}.attached-agent.ops{left:calc((100% - var(--right-rail)) * .55);top:50%;color:var(--demo-success);border-color:color-mix(in srgb,var(--demo-success) 30%,var(--demo-border))}.attached-agent.ops span{background:var(--demo-success-soft)}.attached-agent.policy{left:calc((100% - var(--right-rail)) * .7);top:39%}.phase-3 .attached-agent.ops,.phase-4 .attached-agent.ops,.phase-5 .attached-agent.ops,.phase-6 .attached-agent.ops,.phase-7 .attached-agent.ops,.phase-8 .attached-agent.ops,.phase-4 .attached-agent.policy,.phase-5 .attached-agent.policy,.phase-6 .attached-agent.policy,.phase-7 .attached-agent.policy,.phase-8 .attached-agent.policy{opacity:1;transform:translateY(0) scale(1)}.run-token{position:absolute;z-index:10;width:13px;height:13px;border:2px solid #fff;border-radius:50%;background:var(--demo-primary);box-shadow:0 2px 6px #0e0e0e2e;animation:heroTokenTravel 16s cubic-bezier(.65,0,.35,1) infinite;transform:translate(-50%,-50%)}.timeline-card,.tool-call,.evidence-card{margin-bottom:8px;padding:10px}.timeline-row{display:grid;grid-template-columns:18px 1fr;gap:8px;align-items:start;margin-top:9px}.timeline-row i{width:10px;height:10px;margin-top:1px;border:1px solid var(--demo-border);border-radius:50%;background:var(--demo-card)}.timeline-row.active i{border-color:transparent;background:var(--demo-success)}.timeline-row span{color:var(--demo-muted);font-size:9.5px;font-weight:500;line-height:1.25}.tool-call{display:grid;grid-template-columns:28px 1fr auto;gap:8px;align-items:center;opacity:.5;transform:translate(8px);transition:opacity .5s ease-in-out,transform .5s ease-in-out}.phase-4 .tool-call,.phase-5 .tool-call,.phase-6 .tool-call,.phase-7 .tool-call,.phase-8 .tool-call{opacity:1;transform:translate(0)}.erp-logo{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:7px;background:var(--demo-primary);color:#fff;font-size:9px;font-weight:600}.tool-icon{width:28px;height:28px}.tool-call>i{width:7px;height:7px;border-radius:50%;background:var(--demo-success)}.evidence-card{opacity:.48;transition:opacity .5s ease-in-out}.phase-7 .evidence-card,.phase-8 .evidence-card{opacity:1}.evidence-card span{display:block;height:4px;margin-top:6px;border-radius:999px;background:color-mix(in srgb,var(--demo-success) 22%,transparent)}.evidence-card span:nth-child(4){width:72%}.evidence-card span:nth-child(5){width:48%}.slack-card{position:absolute;right:8px;top:245px;z-index:12;width:192px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#161616;box-shadow:0 18px 44px #0e0e0e47;color:#fff;opacity:0;padding:13px;transform:translateY(14px) scale(.96);transition:opacity .6s ease-in-out,transform .48s ease}.phase-5 .slack-card{animation:heroSlackTrigger 2s cubic-bezier(.2,.8,.2,1) both}.phase-6 .slack-card{opacity:1;transform:translateY(0) scale(1)}.slack-card strong{color:#fffffff5}.slack-card em{color:#ffffffa3;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:10.5px;font-weight:650;letter-spacing:0;line-height:1.35;text-transform:none}.slack-card>strong{margin-top:2px;font-size:13px}.slack-card>em{margin-top:6px}.slack-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.slack-person{display:flex;align-items:center;gap:10px;min-width:0}.slack-logo{position:relative;width:34px;height:34px;flex:0 0 auto;border-radius:10px;background:#fff;box-shadow:inset 0 0 0 1px #4a154b29}.slack-logo i{position:absolute;width:8px;height:14px;border-radius:5px}.slack-logo i:nth-child(1){left:9px;top:5px;background:#36c5f0}.slack-logo i:nth-child(2){left:17px;top:9px;background:#2eb67d;transform:rotate(90deg)}.slack-logo i:nth-child(3){left:17px;top:15px;background:#ecb22e}.slack-logo i:nth-child(4){left:9px;top:13px;background:#e01e5a;transform:rotate(90deg)}.slack-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:13px}.slack-actions button{border:1px solid rgba(255,255,255,.12);border-radius:7px;background:#ffffff12;color:#ffffffd1;font-size:10px;font-weight:600;padding:8px 7px}.slack-actions .primary{border-color:#2eb67d80;background:#2eb67d;color:#061a12}.ghost-agent{position:absolute;z-index:20;display:flex;align-items:center;gap:8px;width:142px;border:1px solid var(--demo-border);border-radius:10px;background:var(--demo-card);box-shadow:var(--demo-elev);color:var(--demo-primary);opacity:0;padding:10px 11px;pointer-events:none;transform:translate(-50%,-50%) scale(.96)}.ghost-agent strong{color:var(--demo-ink);font-size:11px;font-weight:600;line-height:1.1;word-spacing:1px}.phase-2 .ghost-agent.ops{animation:heroDropOps 2s cubic-bezier(.62,.01,.22,1) both}.phase-3 .ghost-agent.policy{animation:heroDropPolicy 2s cubic-bezier(.62,.01,.22,1) both}.demo-cursor{position:absolute;z-index:22;color:var(--demo-ink);filter:drop-shadow(0 3px 6px rgba(14,14,14,.22));transform:translate(-4px,-4px)}.phase-1 .demo-cursor{left:37%;top:118px;transition:left .7s cubic-bezier(.2,.8,.2,1),top .7s cubic-bezier(.2,.8,.2,1)}.phase-2 .demo-cursor{animation:heroCursorOps 2s cubic-bezier(.62,.01,.22,1) both}.phase-3 .demo-cursor{animation:heroCursorPolicy 2s cubic-bezier(.62,.01,.22,1) both}.phase-4 .demo-cursor{left:63%;top:118px;transition:left .7s cubic-bezier(.2,.8,.2,1),top .7s cubic-bezier(.2,.8,.2,1)}.phase-5 .demo-cursor,.phase-6 .demo-cursor{left:calc(100% - 128px);top:405px;transition:left .7s cubic-bezier(.2,.8,.2,1),top .7s cubic-bezier(.2,.8,.2,1)}.phase-7 .demo-cursor{left:51%;top:72%;transition:left .7s cubic-bezier(.2,.8,.2,1),top .7s cubic-bezier(.2,.8,.2,1)}.phase-8 .demo-cursor{left:31%;top:72%;transition:left .7s cubic-bezier(.2,.8,.2,1),top .7s cubic-bezier(.2,.8,.2,1)}.phase-strip{position:absolute;left:calc(var(--sidebar-w) + 18px);right:calc(var(--right-rail) + 18px);bottom:18px;z-index:9;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.phase-strip span{display:flex;min-height:34px;align-items:center;justify-content:center;border:1px solid var(--demo-border);border-radius:8px;background:var(--demo-card);box-shadow:var(--demo-elev-sm);text-align:center}.phase-strip .active{border-color:color-mix(in srgb,var(--demo-primary) 30%,transparent);background:var(--demo-primary-soft);color:var(--demo-primary)}.hero-product-demo{--demo-ink: var(--sp-demo-ink, #0E0E0E);--demo-muted: var(--sp-demo-muted, color-mix(in srgb, var(--sp-ink) 52%, transparent));--demo-border: var(--sp-demo-border, color-mix(in srgb, var(--sp-ink) 10%, transparent));--demo-window: var(--sp-demo-window, #FAFAF8);--demo-rail: var(--sp-demo-rail, #F5F4F0);--demo-card: var(--sp-demo-card, #FFFFFF);--demo-canvas: var(--sp-demo-canvas, #FAFAF8);--demo-primary: var(--sp-demo-primary, #C8500A);--demo-primary-soft: var(--sp-demo-primary-soft, var(--sp-blue-light, #E8F0FA));--demo-success: var(--sp-demo-success, #1A5C3A);--demo-success-soft: var(--sp-demo-success-soft, #E6F4EC);--demo-warn: var(--sp-demo-warn, #D9920A);--demo-warn-soft: var(--sp-demo-warn-soft, #FDF4E0);--demo-purple: var(--sp-demo-purple, #1B4F8A);--demo-purple-soft: var(--sp-demo-purple-soft, #E8F0FA);--demo-track: var(--sp-demo-track, #FFFFFF);--demo-line-blue: var(--sp-demo-line-blue, var(--sp-accent-4));--demo-line-green: var(--sp-demo-line-green, var(--sp-accent-2));--demo-line-amber: var(--sp-demo-line-amber, var(--sp-accent-3));--demo-elev: 0 1px 2px rgba(14, 14, 14, .05), 0 18px 40px rgba(14, 14, 14, .1);--demo-elev-sm: 0 1px 2px rgba(14, 14, 14, .04);color:var(--demo-ink)}@keyframes heroDash{to{stroke-dashoffset:-24}}@keyframes heroTokenTravel{0%,38%{left:calc((100% - var(--right-rail)) * .09);top:43%;opacity:0;background:var(--demo-primary)}40%{left:calc((100% - var(--right-rail)) * .09);top:43%;opacity:1;background:var(--demo-primary)}44%{left:calc((100% - var(--right-rail)) * .3);top:43%}48%{left:calc((100% - var(--right-rail)) * .55);top:43%}52%{left:calc((100% - var(--right-rail)) * .79);top:43%;background:var(--demo-primary)}57%,70%{left:calc((100% - var(--right-rail)) * .79);top:72%;background:var(--demo-warn);box-shadow:0 2px 6px #0e0e0e2e}78%{left:calc((100% - var(--right-rail)) * .55);top:72%;background:var(--demo-success)}86%,96%{left:calc((100% - var(--right-rail)) * .3);top:72%;background:var(--demo-success);opacity:1}to{left:calc((100% - var(--right-rail)) * .3);top:72%;opacity:0}}@keyframes heroSlackTrigger{0%,54%{opacity:0;transform:translateY(14px) scale(.96)}68%,to{opacity:1;transform:translateY(0) scale(1)}}@keyframes heroDropOps{0%{left:74px;top:214px;opacity:0;transform:translate(-50%,-50%) scale(.96)}18%{left:74px;top:214px;opacity:1;transform:translate(-50%,-50%) scale(1)}72%{left:49%;top:43%;opacity:1;transform:translate(-50%,-50%) scale(1)}to{left:49%;top:43%;opacity:0;transform:translate(-50%,-50%) scale(.94)}}@keyframes heroDropPolicy{0%{left:74px;top:142px;opacity:0;transform:translate(-50%,-50%) scale(.96)}18%{left:74px;top:142px;opacity:1;transform:translate(-50%,-50%) scale(1)}72%{left:var(--policy-drop-x);top:var(--policy-drop-y);opacity:1;transform:translate(-50%,-50%) scale(1)}to{left:var(--policy-drop-x);top:var(--policy-drop-y);opacity:0;transform:translate(-50%,-50%) scale(.94)}}@keyframes heroCursorOps{0%{left:74px;top:214px}18%{left:74px;top:214px}72%,to{left:49%;top:43%}}@keyframes heroCursorPolicy{0%{left:74px;top:142px}18%{left:74px;top:142px}72%,to{left:var(--policy-drop-x);top:var(--policy-drop-y)}}@media(max-width:1280px){.hero-product-demo{min-height:570px}.demo-window{--sidebar-w: 138px;--right-rail: 156px;grid-template-columns:var(--sidebar-w) minmax(0,1fr)}.demo-topbar{grid-template-columns:var(--sidebar-w) minmax(0,1fr) 176px}.component-card,.timeline-card,.tool-call,.evidence-card{padding:10px}.process-node.task{width:94px;height:78px;padding:10px}.phase-strip{left:calc(var(--sidebar-w) + 16px);right:calc(var(--right-rail) + 16px)}}@media(max-width:1023px){.hero-product-demo{min-height:620px;margin-top:18px}.demo-window{--sidebar-w: 152px;--right-rail: 0px;--policy-drop-x: 83%;--policy-drop-y: 51%;grid-template-columns:var(--sidebar-w) minmax(0,1fr);grid-template-rows:64px 1fr 180px}.demo-topbar{grid-template-columns:var(--sidebar-w) minmax(0,1fr)}.demo-state,.demo-inspector{display:none}.demo-canvas{grid-column:2}.phase-strip{left:calc(var(--sidebar-w) + 20px);right:20px;bottom:18px}.slack-card{right:18px;top:380px;width:236px}}@media(max-width:640px){.hero-product-demo{min-height:500px}.demo-window{inset:0;--sidebar-w: 0px;--right-rail: 0px;--policy-drop-x: 79%;--policy-drop-y: 46%;--evidence-node-top: 72%;grid-template-columns:1fr;grid-template-rows:58px 1fr;border-radius:10px}.demo-topbar{grid-template-columns:1fr;padding:0 14px}.demo-brand{display:none}.demo-title{border-right:0;padding:0}.demo-sidebar,.demo-inspector,.demo-cursor{display:none}.demo-canvas{grid-column:1}.mode-tabs{left:14px;top:18px}.mode-tabs span{padding:8px 10px}.run-button{right:14px;top:18px;padding:10px 12px}.process-node.task{width:88px;height:74px;border-radius:8px;padding:9px}.process-node strong{font-size:10.5px}.process-node em{font-size:7px}.process-node.start{left:10%;top:44%}.process-node.intake{left:30%;top:44%}.process-node.validate{left:54%;top:44%}.process-node.credit{left:79%;top:44%}.process-node.human{left:78%;top:68%}.process-node.writeback{left:51%;top:70%}.process-node.evidence{left:23%;top:var(--evidence-node-top)}.attached-agent.policy{left:64%;top:39%}.attached-agent.ops{left:48%;top:52%}.slack-card{right:12px;top:280px;width:min(250px,calc(100% - 24px))}.phase-strip{left:12px;right:12px;bottom:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.phase-strip span{min-height:34px;padding:7px 8px;font-size:9px}}@media(prefers-reduced-motion:reduce){.hero-product-demo .run-token{animation:none;opacity:0}.hero-product-demo .ghost-agent{animation:none!important;opacity:0}.hero-product-demo .slack-card{animation:none!important;opacity:1;transform:none}.hero-product-demo .attached-agent,.hero-product-demo .tool-call,.hero-product-demo .evidence-card{opacity:1;transform:none}.hero-product-demo .demo-cursor{display:none}}.tour-card[data-astro-cid-kbpy4glc] .tour-card-detail[data-astro-cid-kbpy4glc]{display:none}.tour-card[data-astro-cid-kbpy4glc].is-active .tour-card-detail[data-astro-cid-kbpy4glc]{display:block}.tour-card[data-astro-cid-kbpy4glc].is-active .tour-card-summary[data-astro-cid-kbpy4glc]{display:none}