<div class="wfa-wrap"><style>.wfa-wrap{background:#fff;border:1px solid #ede9fe;border-radius:20px;padding:24px;font-family:system-ui,-apple-system,sans-serif;box-shadow:0 10px 30px rgba(124,58,237,.08);width:100%;max-width:100%;overflow:hidden}.wfa-stage{position:relative;max-width:980px;height:420px;margin:0 auto}.wfa-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.wfa-line{fill:none;stroke:#c4b5fd;stroke-width:3;stroke-linecap:round;stroke-dasharray:900;stroke-dashoffset:900;animation:wfa-draw 2.2s ease forwards .2s}.wfa-line2{animation-delay:.7s}.wfa-line3{animation-delay:1.2s}.wfa-line4{animation-delay:1.7s}.wfa-dot{fill:#7c3aed;filter:drop-shadow(0 0 10px rgba(124,58,237,.55))}.wfa-dot circle:last-child{animation:wfa-pulse 1.8s ease-in-out infinite}.wfa-dot1{offset-path:path('M 150 92 C 220 92, 235 92, 305 92');offset-distance:0%;animation:wfa-move1 2.8s linear infinite .6s}.wfa-dot2{offset-path:path('M 385 92 C 455 92, 470 92, 540 92');offset-distance:0%;animation:wfa-move2 2.8s linear infinite 1.1s}.wfa-dot3{offset-path:path('M 620 92 C 690 92, 705 160, 705 230');offset-distance:0%;animation:wfa-move3 2.8s linear infinite 1.6s}.wfa-dot4{offset-path:path('M 705 282 C 705 335, 655 350, 590 350');offset-distance:0%;animation:wfa-move4 2.8s linear infinite 2.1s}.wfa-node{position:absolute;width:160px;min-height:84px;background:#fff;border:1px solid #ede9fe;border-radius:16px;box-shadow:0 10px 24px rgba(15,23,42,.08);padding:14px 14px 12px;display:flex;gap:10px;align-items:flex-start;opacity:0;transform:translateY(18px);animation:wfa-in .6s ease forwards}.wfa-node:nth-of-type(1){animation-delay:.15s}.wfa-node:nth-of-type(2){animation-delay:.45s}.wfa-node:nth-of-type(3){animation-delay:.75s}.wfa-node:nth-of-type(4){animation-delay:1.05s}.wfa-node:nth-of-type(5){animation-delay:1.35s}.wfa-icon{flex:0 0 38px;width:38px;height:38px;border-radius:12px;background:#f5f3ff;display:grid;place-items:center;color:#7c3aed}.wfa-icon svg{width:20px;height:20px}.wfa-title{font-size:14px;line-height:1.25;font-weight:700;color:#111827;margin:2px 0 4px}.wfa-text{font-size:12px;line-height:1.4;color:#6b7280}.wfa-n1{left:20px;top:50px}.wfa-n2{left:255px;top:50px}.wfa-n3{left:490px;top:50px}.wfa-n4{right:20px;top:190px}.wfa-n5{left:490px;top:300px}.wfa-badge{position:absolute;top:12px;right:12px;font-size:12px;font-weight:700;color:#7c3aed;background:#f5f3ff;border:1px solid #ddd6fe;padding:6px 10px;border-radius:999px;opacity:0;animation:wfa-in .6s ease forwards 1.7s}.wfa-caption{position:absolute;left:20px;bottom:12px;font-size:12px;color:#6b7280;opacity:0;animation:wfa-in .6s ease forwards 2s}@keyframes wfa-in{to{opacity:1;transform:translateY(0)}}@keyframes wfa-draw{to{stroke-dashoffset:0}}@keyframes wfa-pulse{0%,100%{r:5;opacity:1}50%{r:8;opacity:.45}}@keyframes wfa-move1{0%{offset-distance:0%;opacity:0}10%{opacity:1}70%{opacity:1}100%{offset-distance:100%;opacity:0}}@keyframes wfa-move2{0%{offset-distance:0%;opacity:0}10%{opacity:1}70%{opacity:1}100%{offset-distance:100%;opacity:0}}@keyframes wfa-move3{0%{offset-distance:0%;opacity:0}10%{opacity:1}70%{opacity:1}100%{offset-distance:100%;opacity:0}}@keyframes wfa-move4{0%{offset-distance:0%;opacity:0}10%{opacity:1}70%{opacity:1}100%{offset-distance:100%;opacity:0}}@media (max-width:820px){.wfa-stage{height:500px}.wfa-node{width:calc(50% - 22px)}.wfa-n1{left:12px;top:24px}.wfa-n2{right:12px;left:auto;top:24px}.wfa-n3{left:12px;top:150px}.wfa-n4{right:12px;top:150px}.wfa-n5{left:50%;transform:translateX(-50%) translateY(18px);top:304px;width:min(280px,calc(100% - 24px))}.wfa-node.wfa-n5{animation-name:wfa-in-center}.wfa-badge{top:auto;bottom:12px;right:12px}.wfa-caption{left:12px;bottom:52px}.wfa-line1{d:path('M 140 66 C 180 66, 230 66, 270 66')}.wfa-line2{d:path('M 540 66 C 500 66, 220 192, 140 192')}.wfa-line3{d:path('M 300 192 C 360 192, 430 192, 520 192')}.wfa-line4{d:path('M 600 234 C 600 286, 470 346, 410 346')}}@keyframes wfa-in-center{to{opacity:1;transform:translateX(-50%) translateY(0)}}</style><div class="wfa-stage"><svg class="wfa-svg" viewBox="0 0 980 420" preserveAspectRatio="none" aria-hidden="true"><path class="wfa-line wfa-line1" d="M 180 92 C 220 92, 260 92, 305 92"></path><path class="wfa-line wfa-line2" d="M 415 92 C 455 92, 495 92, 540 92"></path><path class="wfa-line wfa-line3" d="M 650 92 C 705 92, 705 160, 705 230"></path><path class="wfa-line wfa-line4" d="M 705 282 C 705 335, 650 350, 620 350"></path><g class="wfa-dot wfa-dot1"><circle cx="0" cy="0" r="5"></circle><circle cx="0" cy="0" r="5"></circle></g><g class="wfa-dot wfa-dot2"><circle cx="0" cy="0" r="5"></circle><circle cx="0" cy="0" r="5"></circle></g><g class="wfa-dot wfa-dot3"><circle cx="0" cy="0" r="5"></circle><circle cx="0" cy="0" r="5"></circle></g><g class="wfa-dot wfa-dot4"><circle cx="0" cy="0" r="5"></circle><circle cx="0" cy="0" r="5"></circle></g></svg><div class="wfa-badge">Customer Support</div><div class="wfa-node wfa-n1"><div class="wfa-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><path d="M4 6h16v9a2 2 0 0 1-2 2H9l-5 3V8a2 2 0 0 1 2-2Z"></path></svg></div><div><div class="wfa-title">Intercom Trigger</div><div class="wfa-text">Neue Kundenanfrage startet den Ablauf automatisch.</div></div></div><div class="wfa-node wfa-n2"><div class="wfa-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><path d="M12 3l8 4v5c0 5-3.5 7.5-8 9-4.5-1.5-8-4-8-9V7l8-4Z"></path><path d="M9.5 12.5l1.8 1.8 3.7-4.1"></path></svg></div><div><div class="wfa-title">KI analysiert</div><div class="wfa-text">Intent, Priorität und Antwortvorschlag werden erkannt.</div></div></div><div class="wfa-node wfa-n3"><div class="wfa-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><rect x="4" y="5" width="16" height="14" rx="2"></rect><path d="M8 9h8M8 13h5"></path></svg></div><div><div class="wfa-title">Zendesk Ticket</div><div class="wfa-text">Ticket wird erstellt, getaggt und priorisiert.</div></div></div><div class="wfa-node wfa-n4"><div class="wfa-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><path d="M14.5 4 6 14.2h5l-1.5 5.8L18 9.8h-5L14.5 4Z"></path></svg></div><div><div class="wfa-title">Slack Eskalation</div><div class="wfa-text">Komplexe Fälle gehen mit Kontext ans Support-Team.</div></div></div><div class="wfa-node wfa-n5"><div class="wfa-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><path d="M5 12h14"></path><path d="M12 5l7 7-7 7"></path></svg></div><div><div class="wfa-title">Schnellere Lösung</div><div class="wfa-text">Antwortzeiten sinken, Routineanfragen laufen automatisch.</div></div></div><div class="wfa-caption">No-Code Workflow mit KI-Agenten, Triggern und Aktionen in Mindverse Studio</div></div><script>(function(){var wrap=document.currentScript.parentElement;function restart(){var nodes=wrap.querySelectorAll('.wfa-node,.wfa-badge,.wfa-caption,.wfa-line,.wfa-dot');nodes.forEach(function(el){el.style.animation='none';el.offsetHeight;el.style.animation='';});}document.addEventListener('visibilitychange',function(){if(!document.hidden) restart();});})();</script></div>