/* Blade's existing blue identity, with a local conversation illustration. */
#workflowDemo{border-radius:24px;box-shadow:0 24px 65px #2058d818;background:#e8efff}
#workflowDemo .pipeline-top{padding:20px 24px;background:#e8efff}
#workflowDemo .pipeline-stage{aspect-ratio:auto;height:550px;min-height:0;overflow:hidden}
#workflowDemo .pipeline-grid{inset:0;transform:none;background-size:30px 30px;opacity:.6}
#workflowDemo .pipeline-routes{display:none}
#workflowDemo .pipeline-source{left:4%;top:5%;width:29%;padding:16px;transform:none;animation:none;box-shadow:0 12px 30px #2058d80c}
#workflowDemo .pipeline-source>.visual-lines{display:none}
#workflowDemo .pipeline-card-kicker{font-size:.66rem;line-height:1.5;gap:7px;margin-bottom:11px}
#workflowDemo .pipeline-source>strong{font-size:.95rem;line-height:1.45}
#workflowDemo .pipeline-inquiry{font-size:.61rem;line-height:1.6;padding:12px 0}
#workflowDemo .pipeline-inquiry>span:last-child{display:none}
.hero-contacts{display:grid;gap:7px;margin-top:12px}
.hero-contact{display:flex;align-items:center;gap:9px;padding:11px 8px;border:1px solid transparent;background:transparent;border-radius:9px;min-height:52px;color:#536782;text-align:left;transition:background .45s,border-color .45s,box-shadow .45s;color:#172638;width:100%}
.hero-contact>span:first-child{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;background:#e8eefb;color:#2058d8;font-size:.7rem;font-weight:700}
.hero-contact:nth-child(2)>span:first-child{background:#ecf0e3;color:#637445}
.hero-contact:nth-child(3)>span:first-child{background:#f4eade;color:#947044}
.hero-contact strong{display:block;font-size:.72rem;font-weight:700;line-height:1.6}
.hero-contact small{display:block;font-size:.55rem;color:#66798e;line-height:1.6}
.hero-contact[aria-pressed=true]{background:#edf3ff;border-color:#cbdcff;box-shadow:0 4px 12px #2058d809}
.hero-contact:hover{border-color:#a6c0fb;background:#edf3ff}
.hero-contact:focus-visible{outline:3px solid #2058d8;outline-offset:2px}
#workflowDemo .pipeline-hub{top:5%;left:39%;width:57%;height:61px;transform:none;animation:none;display:grid;grid-template-columns:37px 1fr;grid-template-rows:auto auto;align-content:center;justify-content:start;column-gap:11px;row-gap:0;padding:9px 14px;border-radius:13px;background:#2058d8;color:#fff;box-shadow:0 8px 20px #2058d815}
#workflowDemo .pipeline-hub .hub-ring{display:none}
#workflowDemo .pipeline-hub img{grid-row:1/3;width:35px;height:35px;padding:3px;border-radius:8px}
#workflowDemo .pipeline-hub strong{font-size:1rem;line-height:1.35}
#workflowDemo .pipeline-hub>span:last-child{font-size:.59rem;line-height:1.6}
.hero-conversation{position:absolute;left:39%;top:19%;width:57%;min-width:0;z-index:6}
.hero-incoming{border:1px solid #d7e2f9;background:#f7faff;border-radius:12px 12px 12px 3px;padding:13px 15px;min-height:91px;transition:opacity .45s,transform .55s cubic-bezier(.4,0,.2,1)}
.hero-incoming-header{display:flex;align-items:center;gap:7px;color:#64748a;font-size:.58rem;line-height:1.6;margin-bottom:7px}
.hero-incoming-header strong{font-size:.67rem;color:#172638}
.hero-incoming p{font-size:.73rem;line-height:1.7;color:#35475d;margin:0}
.hero-draft{position:relative;margin-top:12px;border:1px solid #c3d5fb;border-radius:12px 12px 3px 12px;background:#fff;padding:14px 15px;min-height:178px;box-shadow:0 8px 25px #2058d80b;transition:opacity .45s,transform .55s cubic-bezier(.4,0,.2,1),border-color .5s,box-shadow .5s}
.hero-draft-label{display:flex;align-items:center;gap:7px;font-size:.6rem;font-weight:700;color:#2058d8;line-height:1.7;margin-bottom:10px}
.hero-draft-label svg{width:14px;height:14px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.7}
.hero-draft p{font-size:.76rem;line-height:1.75;color:#172638;margin:0;min-height:105px;overflow-wrap:break-word}
.hero-demo-caret{display:none;width:2px;height:1em;background:#2058d8;vertical-align:-.12em;margin-left:2px}
.hero-demo-caption{display:block;color:#64748a;font-size:.54rem;line-height:1.65;margin-top:9px}
#workflowDemo .pipeline-review{left:4%;right:auto;top:73%;width:29%;min-height:106px;transform:none;animation:none;padding:13px 14px;gap:9px;align-items:flex-start;background:#172638;border-radius:12px;transition:box-shadow .5s,transform .5s}
#workflowDemo .pipeline-review .review-mark{width:23px;height:23px;margin-top:1px;color:#dbe87b}
#workflowDemo .pipeline-review>span:last-child{font-size:.61rem;line-height:1.6}
#workflowDemo .pipeline-review strong{font-size:.67rem;line-height:1.7;margin-top:6px}
#workflowDemo .pipeline-team{left:39%;top:73%;width:57%;transform:none;animation:none;padding:14px 16px;border-radius:12px;transition:border-color .5s,box-shadow .5s}
#workflowDemo .pipeline-team>strong{font-size:.87rem;line-height:1.4}
#workflowDemo .pipeline-team .pipeline-card-kicker{margin-bottom:8px;font-size:.6rem}
#workflowDemo .pipeline-team .context-chips{margin-top:9px;gap:5px}
#workflowDemo .pipeline-team .context-chips>span{font-size:.52rem;padding:5px 6px}
#workflowDemo .pipeline-team-bottom{padding-top:9px;margin-top:10px;gap:7px;font-size:.57rem}
#workflowDemo .pipeline-footer{background:#e8efff;padding-top:15px;padding-bottom:10px}
#workflowDemo .pipeline-caption{background:#e8efff;font-size:.59rem;padding-bottom:16px;line-height:1.7}
.hero-demo-pointer{position:absolute;left:0;top:0;z-index:12;width:24px;height:24px;pointer-events:none;opacity:0;transform:translate(var(--pointer-x,65%),var(--pointer-y,25%));transition:transform 1150ms cubic-bezier(.4,0,.2,1),opacity .45s;filter:drop-shadow(0 2px 2px #2058d82e)}
.hero-demo-pointer svg{display:block;width:100%;height:100%;fill:#2058d8;stroke:#79a4ff;stroke-width:1.1;stroke-linejoin:round}
.hero-demo-pointer::before{content:"";position:absolute;left:-7px;top:-8px;width:20px;height:20px;background:#2058d80a;border:1px solid #2058d82b;border-radius:50%;opacity:0;transform:scale(.4)}
.hero-demo-running .hero-demo-pointer{opacity:1}
.hero-demo-running .hero-demo-pointer.is-clicking::before{animation:hero-click 1000ms cubic-bezier(.4,0,.2,1) 220ms forwards}
.hero-demo-running[data-hero-phase=review] .hero-demo-pointer.is-clicking::before,.hero-demo-running[data-hero-phase=handoff] .hero-demo-pointer.is-clicking::before{animation-delay:1150ms}
.hero-demo-running[data-hero-phase=choose] .hero-incoming,.hero-demo-running[data-hero-phase=change] .hero-incoming{opacity:0;transform:translateY(5px)}
.hero-demo-running[data-hero-phase=choose] .hero-draft,.hero-demo-running[data-hero-phase=inquiry] .hero-draft,.hero-demo-running[data-hero-phase=change] .hero-draft{opacity:.25;transform:translateY(5px)}
.hero-demo-running[data-hero-phase=draft] .hero-demo-caret{display:inline-block;animation:hero-caret 850ms ease-in-out infinite}
.hero-demo-running[data-hero-phase=draft] .hero-draft{border-color:#8eb0f9;box-shadow:0 8px 28px #2058d816}
.hero-demo-running[data-hero-phase=review] .pipeline-review{box-shadow:0 0 0 4px #2058d81c,0 12px 30px #2058d81c;transform:translateY(-1px)}
.hero-demo-running[data-hero-phase=handoff] .pipeline-team{border-color:#91b2f8;box-shadow:0 0 0 4px #2058d810,0 12px 30px #2058d810}
@keyframes hero-click{0%{opacity:.5;transform:scale(.4)}100%{opacity:0;transform:scale(1.5)}}
@keyframes hero-caret{0%,100%{opacity:1}50%{opacity:0}}
html[data-theme=dark] #workflowDemo{background:#1d304d;border-color:#3e5680;color:#f1f5ff}
html[data-theme=dark] #workflowDemo .pipeline-top,html[data-theme=dark] #workflowDemo .pipeline-footer,html[data-theme=dark] #workflowDemo .pipeline-caption{background:#203653;color:#c2d1e8}
html[data-theme=dark] #workflowDemo .pipeline-source,html[data-theme=dark] #workflowDemo .pipeline-team,html[data-theme=dark] .hero-draft{background:#172638;border-color:#3d567c;color:#edf4ff}
html[data-theme=dark] .hero-contact,html[data-theme=dark] .hero-contact strong,html[data-theme=dark] .hero-incoming-header strong,html[data-theme=dark] .hero-draft p{color:#edf4ff}
html[data-theme=dark] .hero-contact small,html[data-theme=dark] .hero-demo-caption{color:#b0c3df}
html[data-theme=dark] .hero-contact[aria-pressed=true],html[data-theme=dark] .hero-contact:hover{background:#28456d;border-color:#456fa6}
html[data-theme=dark] .hero-incoming{background:#243b59;border-color:#405977}
html[data-theme=dark] .hero-incoming p,html[data-theme=dark] .hero-incoming-header{color:#c5d5ec}
html[data-theme=dark] .hero-draft-label{color:#a3c1ff}
@media(min-width:901px) and (max-width:1180px){#workflowDemo .pipeline-source{padding:12px}.hero-contact{padding:10px 5px;gap:6px}.hero-contact>span:first-child{width:24px;height:24px}.hero-contact strong{font-size:.67rem}#workflowDemo .pipeline-stage{height:575px}.hero-draft{min-height:197px}#workflowDemo .pipeline-review,#workflowDemo .pipeline-team{top:75%}}
@media(max-width:600px){
 #workflowDemo .pipeline-stage{height:auto;display:flex;flex-direction:column;gap:15px;padding:18px}
 #workflowDemo .pipeline-top{padding:17px 19px;font-size:.73rem}
 #workflowDemo .pipeline-source,#workflowDemo .pipeline-hub,#workflowDemo .pipeline-review,#workflowDemo .pipeline-team,.hero-conversation{position:relative;inset:auto;width:100%;height:auto;transform:none;min-height:0;flex-shrink:0}
 #workflowDemo .pipeline-source{padding:14px;border-radius:12px;display:flex;align-items:center;flex-wrap:wrap;gap:7px 12px;order:0}
 #workflowDemo .pipeline-source>.pipeline-card-kicker{margin:0;font-size:.63rem}
 #workflowDemo .pipeline-source>strong{font-size:.78rem;line-height:1.6}
 #workflowDemo .pipeline-source>.pipeline-inquiry{padding:0;font-size:.6rem}
 .hero-contacts{display:flex;gap:5px;width:100%;margin-top:5px}
 .hero-contact{padding:9px 5px;min-height:49px;gap:6px;flex:1;min-width:0}
 .hero-contact>span:first-child{width:23px;height:23px;font-size:.6rem}
 .hero-contact strong{font-size:.66rem}.hero-contact small{font-size:.51rem}
 #workflowDemo .pipeline-hub{order:1;min-height:58px;padding:11px 15px;grid-template-columns:35px 1fr}
 .hero-conversation{order:2}.hero-incoming{min-height:82px}.hero-incoming p{font-size:.77rem}
 .hero-draft{min-height:175px}.hero-draft p{font-size:.78rem;min-height:104px}
 #workflowDemo .pipeline-review{order:3;align-items:center;padding:13px 16px}
 #workflowDemo .pipeline-review strong{margin-top:1px;font-size:.72rem}
 #workflowDemo .pipeline-review>span:last-child{font-size:.65rem}
 #workflowDemo .pipeline-team{order:4;padding:15px 16px}
 #workflowDemo .pipeline-team>strong{font-size:.94rem}
 #workflowDemo .pipeline-team-bottom{font-size:.63rem}
 .hero-demo-pointer{width:20px;height:20px}
}
@media(prefers-reduced-motion:reduce){#workflowDemo *,#workflowDemo *::before{animation:none!important;transition:none!important}.hero-demo-pointer,.hero-demo-caret{display:none!important}}
[data-motion=paused] #workflowDemo *,[data-motion=reduced] #workflowDemo *{animation:none!important;transition:none!important}
[data-motion=paused] .hero-demo-pointer,[data-motion=reduced] .hero-demo-pointer{display:none}