.motion-workflow{--motion-cyan:#85ddf5;--motion-lav:#d2c8ff;position:relative;min-width:0;padding:22px 18px 10px;border:1px solid rgba(133,221,245,.28);border-radius:24px;color:var(--motion-cyan);background:radial-gradient(ellipse at 50% 54%,rgba(104,107,227,.2),transparent 58%),linear-gradient(135deg,rgba(133,221,245,.06),rgba(210,200,255,.03));overflow:hidden;box-shadow:0 24px 70px rgba(0,0,0,.14)}.motion-caption{margin:0 0 14px;text-align:center;color:#bbc5e4;font-size:12px;line-height:1.7}.workflow-art{display:block;width:100%;height:auto;overflow:visible}.motion-node-bg{fill:#0c153b;stroke:rgba(133,221,245,.35);stroke-width:1.1}.motion-node-label{font-size:13px;fill:#e8edff}.motion-route{opacity:.25;stroke-width:1.5}.motion-packet{stroke:#a5eeff;stroke-width:3;stroke-linecap:round;stroke-dasharray:2 98;stroke-dashoffset:0}.motion-orbit{stroke:var(--motion-lav);stroke-width:1;stroke-dasharray:5 12;opacity:.3;transform-origin:220px 185px}.motion-orbit.inner{stroke:var(--motion-cyan);stroke-dasharray:2 8;opacity:.35}.motion-ai-bg{fill:#182552;stroke:#a5eeff;stroke-width:1.5}.motion-ai-label{font-size:14px;fill:#e8edff;font-weight:600}.motion-subtitle{font-size:11px;fill:#bbc5e4}.motion-pause{position:relative;margin:0 7px 0 6px;width:16px;height:16px;accent-color:#85ddf5;vertical-align:middle}.motion-control{font-size:12px;display:inline-flex;align-items:center;min-height:30px;color:#bbc5e4;cursor:pointer}.motion-pause:checked~.motion-scene *{animation-play-state:paused!important}.motion-pause:focus-visible{outline:2px solid #85ddf5;outline-offset:4px}.motion-control:hover{color:#e8edff}#ai-workflows>.wrap>.motion-workflow{max-width:760px;margin:30px auto}.workflow-portal{align-items:center}
@keyframes workflow-packet{to{stroke-dashoffset:-100}}@keyframes workflow-orbit{to{transform:rotate(360deg)}}@keyframes workflow-hub{0%,100%{stroke-opacity:.7}50%{stroke-opacity:1;stroke-width:2.5}}
@media(prefers-reduced-motion:no-preference){.motion-packet{animation:workflow-packet 9s linear infinite}.motion-orbit{animation:workflow-orbit 48s linear infinite}.motion-orbit.inner{animation-direction:reverse;animation-duration:36s}.motion-ai-bg{animation:workflow-hub 4s ease-in-out infinite}.crm-map .map-connect:before{content:"";position:absolute;top:0;left:-2px;width:5px;height:5px;border-radius:50%;background:#a5eeff;animation:workflow-drip 2s ease-in-out 2}.motion-workflow:has(.motion-pause:checked) .motion-ai-bg{stroke-width:1.5}}
@keyframes workflow-drip{0%{transform:translateY(0);opacity:0}25%{opacity:1}100%{transform:translateY(24px);opacity:0}}
@media(prefers-reduced-motion:reduce){.motion-pause,.motion-control{display:none}.motion-packet{stroke-dasharray:none;opacity:.45}}
@media(max-width:699px){.motion-workflow{padding:18px 10px 6px}.motion-caption{font-size:11px}.motion-node-label{font-size:14px}.motion-ai-label{font-size:15px}.motion-subtitle{font-size:12px}.motion-control{min-height:44px}}

/* Keep both English lines inside the circular hub at every viewport. */
.motion-ai-label.motion-ai-label-en{font-size:12px}

html[data-motion-paused="1"] .motion-workflow *{animation-play-state:paused!important}

/* The homepage uses the shared header control instead of a duplicate label. */
.workflow-portal .motion-pause,.workflow-portal .motion-control{display:none}

.motion-feedback-route{stroke:#d2c8ff;stroke-width:1.5;stroke-dasharray:5 5;opacity:.65}.motion-feedback-label{font-size:12px;fill:#d2c8ff}.motion-result{margin:2px 0 12px;text-align:center;font-size:14px;line-height:1.6;color:#eef0ff}@media(max-width:699px){.motion-result{font-size:13px}}