.tour-controls{position:fixed;z-index:25;top:100px;left:4.5%;display:flex;align-items:center;gap:13px;padding:5px 16px 5px 6px;border:1px solid var(--line);border-radius:40px;background:color-mix(in srgb,var(--page) 90%,transparent);backdrop-filter:blur(16px);font-size:10px;color:var(--muted)}
.tour-toggle{display:flex;align-items:center;gap:10px;min-height:38px;padding:0 12px;border-radius:30px;color:var(--ink);font-size:11px}
.tour-icon{font-size:12px;color:var(--blue);width:13px}
.tour-hint{font-size:9px}
.tour-controls[data-playing="true"] .tour-icon{filter:drop-shadow(0 0 7px var(--blue))}
.agent-workflow{position:absolute;inset:0;pointer-events:none;z-index:0;color:var(--blue);opacity:.36;mask-image:linear-gradient(110deg,#000,rgba(0,0,0,.15) 35%,rgba(0,0,0,.12) 60%,#000);transition:opacity 1s}
.agent-workflow>svg{width:100%;height:100%;stroke:none}.workflow-grid{opacity:.2}.workflow-network{transform-origin:center;transform:rotate(-9deg) scale(1.05)}
.workflow-paths path{fill:none;stroke:currentColor;stroke-width:.7;opacity:.4}.workflow-paths .workflow-packet{stroke-width:2;stroke-dasharray:5 38;opacity:.9;animation:workflow-flow 18s linear infinite;animation-delay:var(--packet-delay);animation-play-state:paused}
.workflow-node rect{fill:var(--page);stroke:currentColor;stroke-width:1}.workflow-node path{fill:none;stroke:currentColor;stroke-width:1.2}.node-halo{fill:none;stroke:currentColor;stroke-width:.5;opacity:.35;animation:workflow-pulse 6s ease-in-out infinite;animation-delay:var(--node-delay);animation-play-state:paused;transform-box:fill-box;transform-origin:center}
.workflow-node text{fill:currentColor;stroke:none;font-size:9px;letter-spacing:.6px}.workflow-node .node-number{font-size:7px;opacity:.6}.workflow-heading{fill:currentColor;font-size:14px;letter-spacing:1px}.workflow-caption{fill:currentColor;font-size:6px;letter-spacing:1.8px}
.motion-enabled:not(.page-hidden) .workflow-packet,.motion-enabled:not(.page-hidden) .node-halo{animation-play-state:running}
.cinema-ready .scene{z-index:1}.film-frame[data-act="human"] .agent-workflow{opacity:.1}.film-frame[data-act="intelligence"] .agent-workflow,.film-frame[data-act="orchestration"] .agent-workflow{opacity:.48}
@keyframes workflow-flow{to{stroke-dashoffset:-258}}
@keyframes workflow-pulse{50%{transform:scale(1.22);opacity:.65}}
@media(max-width:760px){.tour-controls{top:77px;left:6%;right:6%;width:max-content;max-width:88%;gap:9px;padding-right:10px}.tour-hint{display:none}.tour-toggle{min-height:32px;font-size:10px}.agent-workflow{opacity:.23;mask-image:linear-gradient(90deg,#000,transparent 55%,#000)}.workflow-node .node-label,.workflow-caption,.workflow-heading{display:none}}
@media(max-height:600px) and (min-width:761px){.tour-controls{top:69px}.tour-hint{display:none}}