.hero-product-demo{position:relative;min-height:610px;width:100%;min-width:0;color:#111827;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.hero-product-demo:before{position:absolute;inset:4% 2% 1%;border-radius:999px;background:radial-gradient(circle at 48% 38%,rgba(47,99,232,.16),transparent 34%),radial-gradient(circle at 68% 58%,rgba(21,163,105,.14),transparent 28%),radial-gradient(circle at 74% 36%,rgba(203,122,23,.1),transparent 24%);content:"";filter:blur(36px)}.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 rgba(15,23,42,.1);border-radius:22px;background:#ffffffd6;box-shadow:0 36px 110px #0f172a33;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 rgba(15,23,42,.09);background:#ffffffb8;backdrop-filter:blur(18px)}.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 rgba(15,23,42,.08)}.demo-mark{display:inline-flex;width:24px;height:24px;flex:0 0 auto;align-items:center;justify-content:center;border-radius:7px;background:#111827;color:#dce7ff;box-shadow:inset 0 0 0 1px #ffffff24}.demo-topbar strong,.component-card strong,.process-node strong,.timeline-card strong,.tool-call strong,.evidence-card strong,.slack-card strong{display:block;color:#0f172aeb;font-size:12px;font-weight:900;letter-spacing:-.01em;line-height:1.1}.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:4px;color:#0f172a7a;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:8px;font-style:normal;font-weight:800;letter-spacing:.13em;line-height:1.25;text-transform:uppercase}.demo-title strong,.demo-state strong{font-size:13px}.demo-state{justify-content:flex-end;text-align:right}.status-dot{width:10px;height:10px;flex:0 0 auto;border-radius:50%;background:#15a369;box-shadow:0 0 0 8px #15a3691a}.demo-sidebar,.demo-inspector{position:relative;z-index:3;padding:18px;background:#ffffff9e;backdrop-filter:blur(18px)}.demo-sidebar{border-right:1px solid rgba(15,23,42,.08)}.demo-inspector{position:absolute;right:0;top:64px;bottom:0;width:var(--right-rail);border-left:1px solid rgba(15,23,42,.08);overflow:hidden;padding:16px 12px}.demo-sidebar>p,.demo-inspector>p{margin:0 0 10px;color:#0f172a6b;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:9px;font-weight:900;letter-spacing:.17em;text-transform:uppercase}.component-card,.tool-call,.timeline-card,.evidence-card{border:1px solid rgba(15,23,42,.09);border-radius:14px;background:#ffffffd6;box-shadow:0 12px 32px #0f172a12}.component-card{display:grid;grid-template-columns:28px 1fr;gap:7px;align-items:center;margin-bottom:10px;padding:9px}.component-icon,.node-icon,.tool-icon{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;background:#eef3ff;color:#3b63d8}.component-icon{width:28px;height:28px}.component-icon.green,.node-icon.green,.tool-icon{background:#e8f8f1;color:#0b8f5d}.component-icon.amber,.node-icon.amber{background:#fff2df;color:#bf7418}.component-icon.violet{background:#f1e8f4;color:#8b3b8f}.demo-canvas{position:relative;z-index:1;grid-column:2;grid-row:2;overflow:hidden;background-color:#fbfdff;background-image:linear-gradient(rgba(20,35,58,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(20,35,58,.045) 1px,transparent 1px);background-size:42px 42px}.demo-canvas:before{position:absolute;inset:12% 8% 6%;border-radius:40px;background:radial-gradient(circle at 34% 36%,rgba(47,99,232,.08),transparent 28%),radial-gradient(circle at 72% 72%,rgba(21,163,105,.08),transparent 30%);content:"";filter:blur(10px)}.mode-tabs{position:absolute;left:26px;top:34px;z-index:8;display:inline-flex;align-items:center;gap:2px;border:1px solid rgba(15,23,42,.1);border-radius:999px;background:#ffffffdb;padding:4px;box-shadow:0 12px 28px #0f172a14}.mode-tabs span,.phase-strip span{border-radius:999px;color:#0f172a7a;font-size:10px;font-weight:900;letter-spacing:.02em;line-height:1;padding:9px 14px}.mode-tabs .active,.phase-strip .active{background:#111827;color:#fff}.run-button{position:absolute;right:calc(var(--right-rail) + 18px);top:34px;z-index:8;border:0;border-radius:999px;background:#2f63e8;box-shadow:0 16px 38px #2f63e842;color:#fff;font-size:12px;font-weight:900;padding:12px 18px}.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:#fffffff0;stroke-width:4.2;filter:drop-shadow(0 1px 2px rgba(15,23,42,.08))}.flow-line{stroke-width:1.55;opacity:1;filter:drop-shadow(0 0 2px rgba(255,255,255,.95)) drop-shadow(0 1px 2px rgba(47,99,232,.16))}.flow-line.blue{stroke:#7d99ee}.flow-line.green{stroke:#48b992;stroke-width:1.75}.flow-line.amber{stroke:#d8a04c;stroke-width:1.75}.process-node{position:absolute;z-index:4;transform:translate(-50%,-50%)}.process-node strong{font-size:11.5px;line-height:1.05}.process-node em{font-size:7.5px;letter-spacing:.11em}.process-node.task{width:100px;height:80px;border:1px solid rgba(15,23,42,.12);border-radius:17px;background:#fffffff0;box-shadow:0 17px 42px #0f172a1c;padding:10px}.process-node.event{width:60px;min-height:60px;text-align:center}.process-node.event .node-icon{width:48px;height:48px;margin:0 auto 8px;border:4px solid #fff;border-radius:50%;box-shadow:0 0 0 3px #2f63e82e,0 14px 32px #2f63e81f}.process-node.evidence .node-icon{box-shadow:0 0 0 3px #15a3692e,0 14px 32px #15a3691f}.node-icon{width:25px;height:25px;margin-bottom:7px}.node-icon.blue{background:#eef3ff;color:#2f63e8}.process-node.gateway{width:72px;height:72px;display:flex;align-items:center;justify-content:center}.process-node.gateway:before{position:absolute;inset:11px;border:1.6px solid #e5b15a;background:#fff9efe6;box-shadow:0 15px 34px #cb7a171f;content:"";transform:rotate(45deg)}.process-node.gateway>span{position:relative;z-index:1;color:#c56f10;font-size:19px;font-weight:950}.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:66px}.process-node.gateway em{top:82px}.process-node.human{border-color:#cb7a176b;box-shadow:0 18px 44px #cb7a1724,0 0 0 7px #cb7a1714}.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 rgba(47,99,232,.2);border-radius:999px;background:#ffffffeb;box-shadow:0 10px 26px #2f63e81a;color:#315bd6;font-size:10px;font-weight:950;white-space:nowrap;word-spacing:1px;opacity:0;padding:7px 11px;transform:translateY(10px) scale(.96);transition:opacity .42s ease,transform .42s ease}.attached-agent span{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:#eef3ff}.attached-agent.ops{left:calc((100% - var(--right-rail)) * .55);top:50%;color:#0b8f5d;border-color:#15a36938}.attached-agent.ops span{background:#e8f8f1}.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:15px;height:15px;border:3px solid #fff;border-radius:50%;background:#2f63e8;box-shadow:0 0 0 8px #2f63e821,0 10px 22px #2f63e847;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:12px;height:12px;margin-top:1px;border:1px solid rgba(15,23,42,.13);border-radius:50%;background:#fff}.timeline-row.active i{border-color:transparent;background:#15a369;box-shadow:0 0 0 6px #15a3691a}.timeline-row span{color:#0f172ab8;font-size:9.5px;font-weight:800;line-height:1.2}.tool-call{display:grid;grid-template-columns:30px 1fr auto;gap:8px;align-items:center;opacity:.48;transform:translate(8px);transition:opacity .42s ease,transform .42s ease}.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:30px;height:30px;border-radius:10px;background:linear-gradient(135deg,#1663d8,#11a4c8);color:#fff;font-size:10px;font-weight:950}.tool-icon{width:30px;height:30px}.tool-call>i{width:8px;height:8px;border-radius:50%;background:#15a369;box-shadow:0 0 0 5px #15a36917}.evidence-card{opacity:.46;transition:opacity .42s ease}.phase-7 .evidence-card,.phase-8 .evidence-card{opacity:1}.evidence-card span{display:block;height:5px;margin-top:6px;border-radius:999px;background:linear-gradient(90deg,#15a3693d,#2f63e824)}.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:196px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:linear-gradient(180deg,#ffffff0f,#ffffff04),#19171d;box-shadow:0 22px 70px #4a154b4d,0 0 0 1px #4a154b2e;color:#fff;opacity:0;padding:14px;transform:translateY(14px) scale(.96);transition:opacity .48s ease,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:10px;background:#ffffff12;color:#ffffffd1;font-size:10px;font-weight:850;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 rgba(47,99,232,.2);border-radius:15px;background:#fffffff5;box-shadow:0 18px 42px #0f172a24;color:#2f63e8;opacity:0;padding:10px 11px;pointer-events:none;transform:translate(-50%,-50%) scale(.96)}.ghost-agent strong{color:#111827;font-size:11px;font-weight:900;line-height:1.08;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:#111827;filter:drop-shadow(0 5px 8px rgba(15,23,42,.28));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:39px;align-items:center;justify-content:center;border:1px solid rgba(15,23,42,.1);background:#ffffffd1;box-shadow:0 10px 24px #0f172a0d;text-align:center}.phase-strip .active{border-color:#2f63e847;background:#e9efff;color:#2f63e8}.hero-product-demo{--demo-ink: var(--sp-demo-ink, #111827);--demo-muted: var(--sp-demo-muted, rgba(15, 23, 42, .52));--demo-border: var(--sp-demo-border, rgba(15, 23, 42, .1));--demo-window: var(--sp-demo-window, rgba(255, 255, 255, .84));--demo-window-shadow: var(--sp-demo-shadow, 0 36px 110px rgba(15, 23, 42, .2));--demo-rail: var(--sp-demo-rail, rgba(255, 255, 255, .66));--demo-card: var(--sp-demo-card, rgba(255, 255, 255, .88));--demo-canvas: var(--sp-demo-canvas, #fbfdff);--demo-canvas-grid: var(--sp-demo-canvas-grid, rgba(20, 35, 58, .045));--demo-primary: var(--sp-demo-primary, #2f63e8);--demo-primary-soft: var(--sp-demo-primary-soft, #eef3ff);--demo-success: var(--sp-demo-success, #15a369);--demo-success-soft: var(--sp-demo-success-soft, #e8f8f1);--demo-warn: var(--sp-demo-warn, #cb7a17);--demo-warn-soft: var(--sp-demo-warn-soft, #fff2df);--demo-purple: var(--sp-demo-purple, #8b3b8f);--demo-purple-soft: var(--sp-demo-purple-soft, #f1e8f4);--demo-track: var(--sp-demo-track, rgba(255, 255, 255, .94));--demo-line-blue: var(--sp-demo-line-blue, #7d99ee);--demo-line-green: var(--sp-demo-line-green, #48b992);--demo-line-amber: var(--sp-demo-line-amber, #d8a04c);color:var(--demo-ink)}.hero-product-demo:before{background:var(--sp-demo-glow, radial-gradient(circle at 48% 38%, rgba(47, 99, 232, .16), transparent 34%), radial-gradient(circle at 68% 58%, rgba(21, 163, 105, .14), transparent 28%), radial-gradient(circle at 74% 36%, rgba(203, 122, 23, .1), transparent 24%))}.demo-window{border-color:var(--demo-border);background:var(--demo-window);box-shadow:var(--demo-window-shadow)}.demo-topbar,.demo-sidebar,.demo-inspector{border-color:var(--demo-border);background:var(--demo-rail)}.demo-mark,.mode-tabs .active{background:var(--demo-ink);color:var(--sp-demo-inverse, #fff)}.demo-topbar strong,.component-card strong,.process-node strong,.timeline-card strong,.tool-call strong,.evidence-card strong,.ghost-agent strong{color:var(--demo-ink)}.demo-topbar em,.component-card em,.process-node em,.timeline-card em,.tool-call em,.evidence-card em,.demo-sidebar>p,.demo-inspector>p,.mode-tabs span,.phase-strip span,.timeline-row span{color:var(--demo-muted)}.component-card,.tool-call,.timeline-card,.evidence-card,.process-node.task,.attached-agent,.ghost-agent,.phase-strip span,.mode-tabs{border-color:var(--demo-border);background:var(--demo-card)}.demo-canvas{background-color:var(--demo-canvas);background-image:linear-gradient(var(--demo-canvas-grid) 1px,transparent 1px),linear-gradient(90deg,var(--demo-canvas-grid) 1px,transparent 1px)}.run-button,.run-token{background:var(--demo-primary)}.status-dot,.tool-call>i,.timeline-row.active i{background:var(--demo-success)}.component-icon,.node-icon,.tool-icon,.attached-agent span{background:var(--demo-primary-soft);color:var(--demo-primary)}.component-icon.green,.node-icon.green,.tool-icon,.attached-agent.ops span{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)}.flow-track{stroke:var(--demo-track)}.flow-line.blue{stroke:var(--demo-line-blue)}.flow-line.green{stroke:var(--demo-line-green)}.flow-line.amber{stroke:var(--demo-line-amber)}.process-node.gateway:before{border-color:var(--demo-line-amber);background:var(--demo-warn-soft)}.process-node.gateway>span{color:var(--demo-warn)}.process-node.event .node-icon{border-color:var(--sp-demo-event-ring, #fff)}.phase-strip .active{border-color:color-mix(in srgb,var(--demo-primary) 34%,transparent);background:var(--demo-primary-soft);color:var(--demo-primary)}@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 0 0 8px color-mix(in srgb,var(--demo-warn) 16%,transparent),0 10px 22px color-mix(in srgb,var(--demo-warn) 28%,transparent)}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:18px}.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:14px;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}}