.is-home .home-page .home-custom-service-visual { height:auto; min-height:0; pointer-events:auto; overflow:visible; }
.is-home .home-page .home-custom-graph { display:grid; gap:12px; height:auto; }
.is-home .home-page .home-custom-graph .workflow-graph { display:block; width:100%; height:auto; aspect-ratio:820/500; overflow:visible; touch-action:pan-y; }
.workflow-graph-grid { pointer-events:none; }
.workflow-graph-links { fill:none; stroke-linecap:round; pointer-events:none; }
.workflow-graph-line { stroke:#8d7582; stroke-width:1.4; opacity:.9; transition:stroke .18s,opacity .18s; }
.workflow-graph-signal { stroke:#d8a3b3; stroke-width:2.4; stroke-dasharray:4 96; stroke-dashoffset:100; opacity:.85; animation:workflow-graph-travel 5.8s linear infinite; animation-play-state:paused; }
[data-graph-running="true"] .workflow-graph-signal { animation-play-state:running; }
.workflow-graph-node { cursor:grab; touch-action:none; outline:none; transition:opacity .18s; }
.workflow-graph-hit { fill:transparent; stroke:none; }
.workflow-graph-body { stroke:#8d7582; stroke-width:1.1; transition:stroke .18s; }
.workflow-graph-heading { fill:none; stroke:#55434e; stroke-width:.8; }
.workflow-graph-content { fill:none; stroke:#65545e; stroke-width:2.2; stroke-linecap:round; opacity:.55; }
.workflow-graph-output-label { fill:var(--text); font:500 15px 'Onest',Arial,sans-serif; pointer-events:none; }
.workflow-graph-output-photo { pointer-events:none; }
.workflow-graph-ports { fill:#bc90a3; stroke:#211820; stroke-width:1.7; }
.workflow-graph-node.is-active .workflow-graph-body, .workflow-graph-node:focus-visible .workflow-graph-body { stroke:#d8a3b3; stroke-width:2; }
.workflow-graph-node.is-neighbor:not(.is-active) .workflow-graph-body { stroke:#9c6b81; }
.workflow-graph-links .is-active .workflow-graph-line { stroke:#bc90a3; opacity:1; }
.workflow-graph-node.is-dimmed .workflow-graph-content, .workflow-graph-links .is-dimmed .workflow-graph-signal { opacity:.25; }
.is-dragging .workflow-graph-node { cursor:grabbing; }
.workflow-graph-footer { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:0 12px; }
.workflow-graph-footer > span { color:var(--muted); font-size:12px; line-height:1.5; }
.is-home .home-page .workflow-graph-reset { flex:none; min-width:44px; width:44px; min-height:44px; height:44px; padding:0; }
.is-home .home-page .workflow-graph-reset > svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; }
@keyframes workflow-graph-travel { to { stroke-dashoffset:0; } }
@media(prefers-reduced-motion:reduce) {
  .workflow-graph-signal { animation:none; opacity:0; }
  .workflow-graph-node, .workflow-graph-body, .workflow-graph-line { transition:none; }
}