.workflow-simulation{--accent:#17574e;--sim-ink:#202d35;--sim-muted:#4c5d67;--sim-line:#ccd5d9;color:var(--sim-ink);font-family:system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.6;margin:32px auto 64px;max-width:1160px;padding:0 20px;box-sizing:border-box}
.workflow-simulation *{box-sizing:border-box}.workflow-simulation [hidden]{display:none!important}
.workflow-simulation .sim-badge{display:inline-block;background:#f1f5f4;color:var(--accent);border:1px solid var(--sim-line);border-radius:99px;padding:8px 16px;font-weight:700;font-size:.9rem}
.workflow-simulation .sim-eyebrow{font-size:.8rem;font-weight:750;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin:0 0 16px}
.workflow-simulation .sim-notice{max-width:85ch;color:var(--sim-muted);margin:20px 0 28px;font-size:1rem}
.workflow-simulation .sim-workbench{background:#fff;border:1px solid var(--sim-line);border-radius:20px;padding:32px;box-shadow:0 16px 40px #243b4910}
.workflow-simulation .sim-controls{display:flex;gap:10px;flex-wrap:wrap}
.workflow-simulation button{font:inherit;font-size:1rem;font-weight:650;min-height:48px;border:1px solid var(--accent);border-radius:9px;background:#fff;color:var(--accent);padding:10px 18px;cursor:pointer;transition:background .15s,color .15s}
.workflow-simulation #sim-play{color:#fff;background:var(--accent)}.workflow-simulation button:hover:not(:disabled){filter:brightness(.9)}.workflow-simulation button:disabled{cursor:default;opacity:.5}
.workflow-simulation :is(button,a,summary):focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.workflow-simulation .sim-status-row{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:24px 0 12px;font-size:.9rem;color:var(--sim-muted)}.workflow-simulation .sim-status-row p{margin:0}.workflow-simulation #sim-count{white-space:nowrap;font-variant-numeric:tabular-nums}
.workflow-simulation progress{display:block;width:100%;height:6px;border:0;border-radius:8px;overflow:hidden;appearance:none;background:#e8eeef;accent-color:var(--accent)}.workflow-simulation progress::-webkit-progress-bar{background:#e8eeef}.workflow-simulation progress::-webkit-progress-value{background:var(--accent);transition:width .3s}.workflow-simulation progress::-moz-progress-bar{background:var(--accent)}
.workflow-simulation .sim-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:32px;margin-top:32px;align-items:stretch}
.workflow-simulation .sim-stages{list-style:none;padding:0;margin:0;display:grid;gap:12px}.workflow-simulation .sim-stages li{display:flex;gap:16px;padding:16px;border:1px solid var(--sim-line);border-radius:10px;background:#fff;position:relative;transition:border-color .2s,background .2s}.workflow-simulation .sim-stages li[aria-current="step"]{border:2px solid var(--accent);padding:15px;background:#f4f8f7}
.workflow-simulation .sim-number{flex:0 0 32px;height:32px;display:grid;place-items:center;border:1px solid var(--sim-line);border-radius:50%;font-size:.9rem;font-weight:750}.workflow-simulation .is-shown .sim-number{background:var(--accent);color:#fff;border-color:var(--accent)}
.workflow-simulation h2{font-size:1.1rem;line-height:1.4;margin:0 0 6px;color:var(--sim-ink);letter-spacing:normal;overflow-wrap:anywhere}.workflow-simulation .sim-stage-status{font-size:.8rem;color:var(--sim-muted)}
.workflow-simulation .sim-output{border-radius:14px;padding:32px;background:#f1f5f4;display:flex;flex-direction:column;min-width:0}.workflow-simulation .sim-output h2{font-size:clamp(1.35rem,2.5vw,1.9rem);margin-bottom:20px}.workflow-simulation #sim-output-text{font-size:1.1rem;margin:0;overflow-wrap:anywhere}.workflow-simulation .sim-signal{display:flex;align-items:center;gap:8px;margin-top:auto;padding-top:32px}.workflow-simulation .sim-signal span{height:8px;width:28px;background:var(--accent);border-radius:4px;opacity:.3}.workflow-simulation.is-playing .sim-signal span{animation:simPulse 1.8s ease-in-out infinite}.workflow-simulation.is-playing .sim-signal span:nth-child(2){animation-delay:.2s}.workflow-simulation.is-playing .sim-signal span:nth-child(3){animation-delay:.4s}
.workflow-simulation .sim-transcript{margin-top:24px;padding:20px 24px;border:1px solid var(--sim-line);border-radius:12px;background:#fff}.workflow-simulation summary{cursor:pointer;font-weight:700;min-height:44px;padding:8px 0}.workflow-simulation .sim-transcript li{padding:14px 0 14px 8px}.workflow-simulation .sim-transcript p{margin:0;color:var(--sim-muted)}.workflow-simulation .sim-footnote{color:var(--sim-muted);font-size:.9rem;margin-top:24px}.workflow-simulation .sim-crosslink{display:inline-block;min-height:44px;padding:10px 0;color:var(--accent);font-weight:700;text-underline-offset:4px}
.workflow-simulation[data-brand="salonautomatik"] .sim-output,.workflow-simulation[data-brand="socialautomatik"] .sim-output{background:#f8f1ec}.workflow-simulation[data-brand="reelsautomatik"] .sim-output{background:#f6f0f7}.workflow-simulation[data-brand="telefonautomatik"] .sim-output,.workflow-simulation[data-brand="terminautomatik"] .sim-output{background:#edf3f8}
@keyframes simPulse{0%,100%{opacity:.3;transform:scaleX(.8)}50%{opacity:1;transform:scaleX(1)}}
@media(max-width:700px){.workflow-simulation{padding:0 12px;margin-top:20px}.workflow-simulation .sim-workbench{padding:20px 16px}.workflow-simulation .sim-grid{grid-template-columns:1fr;gap:20px}.workflow-simulation .sim-output{padding:24px;min-height:260px}.workflow-simulation .sim-controls button{flex:1 1 auto}.workflow-simulation .sim-controls #sim-play{flex-basis:100%}.workflow-simulation .sim-stages li{padding:12px}.workflow-simulation .sim-stages li[aria-current="step"]{padding:11px}}
@media(prefers-reduced-motion:reduce){.workflow-simulation *{animation:none!important;transition:none!important}}

.workflow-simulation[data-brand="chatautomatik"]{--accent:#17574e}
.workflow-simulation[data-brand="praxisautomatik"]{--accent:#245744}
.workflow-simulation[data-brand="salonautomatik"]{--accent:#744c46}
.workflow-simulation[data-brand="terminautomatik"]{--accent:#235277}
.workflow-simulation[data-brand="socialautomatik"]{--accent:#653e33}
.workflow-simulation[data-brand="reelsautomatik"]{--accent:#713a77}
.workflow-simulation[data-brand="seoautomatik"]{--accent:#355b27}
.workflow-simulation[data-brand="telefonautomatik"]{--accent:#344c79}
body[data-layout="dark-compact"] .workflow-simulation .sim-notice,body[data-layout="dark-compact"] .workflow-simulation .sim-footnote{color:#cedbe4}body[data-layout="dark-compact"] .workflow-simulation .sim-crosslink{color:#a8dcf1}
body[data-layout="portfolio"] .workflow-simulation .sim-notice,body[data-layout="portfolio"] .workflow-simulation .sim-footnote{color:#e4daef}body[data-layout="portfolio"] .workflow-simulation .sim-crosslink{color:#dbc3ff}