/* The demo keeps its three stages fixed while evidence and results arrive. */
.flow-demo{--flow-green:#3f6650;--flow-muted:#777c72;--flow-line:#d7ddd2;--flow-card-padding:20px;padding-block:76px 36px;scroll-margin-top:24px}
.flow-heading{display:flex;justify-content:space-between;gap:32px;align-items:flex-end;margin-bottom:28px}
.flow-heading h2{font-size:clamp(28px,3.2vw,46px);line-height:1.3;letter-spacing:-.055em;font-weight:800}
.flow-heading .eyebrow{font-size:12px;gap:18px;margin-bottom:18px}
.flow-heading .eyebrow>span{font-size:11px;letter-spacing:.06em}
.flow-heading p:last-child{color:var(--muted);margin-top:18px;font-size:14px}
.flow-schedule{display:flex;align-items:center;gap:12px;border-left:1px solid var(--line);padding:8px 0 8px 24px;flex-shrink:0}
.flow-schedule>span{display:grid;place-items:center;width:32px;height:32px;flex-shrink:0;font-size:24px;line-height:1;color:var(--flow-green)}
.flow-schedule strong,.flow-schedule small{display:block}.flow-schedule strong{font-size:14px}.flow-schedule small{font-size:11px;color:var(--muted);margin-top:4px}
.flow-toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:38px}
.flow-controls{display:flex;align-items:center;gap:20px}
.flow-run{border-radius:4px;background:#344b3d;color:#fffdf5;padding:12px 22px;min-height:48px;min-width:172px;font-size:13px;font-weight:700}
.flow-run:hover{background:#45644e}.flow-run:focus-visible,.flow-skip:focus-visible,.flow-result summary:focus-visible{outline:2px solid var(--flow-green);outline-offset:4px}
.flow-skip{font-size:12px;min-height:44px}.flow-skip span{margin-left:12px}
.flow-sample{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--muted)}.flow-sample i{width:6px;height:6px;border-radius:50%;background:#869780}
.flow-board{position:relative;display:grid;grid-template-columns:1fr 1.08fr 1.08fr;gap:56px;isolation:isolate}
.flow-wires{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2;overflow:visible}
.flow-wire{fill:none;stroke:#d0d6c9;stroke-width:1.5;transition:stroke .3s}.flow-wire.is-ready{stroke:#5a7d62;stroke-width:2}.flow-wire.is-active{stroke-dasharray:5 5;animation:flow-dashes .75s linear infinite}
.flow-packet rect{fill:#344b3d}.flow-packet text{fill:#fff;font-size:8px;font-weight:600;letter-spacing:0}
@keyframes flow-dashes{to{stroke-dashoffset:-20}}
.flow-column{min-width:0;display:flex;flex-direction:column}.flow-column-heading{display:flex;gap:15px;align-items:center;margin-bottom:24px;min-height:64px}
.flow-column-heading>span{font-family:Georgia,serif;font-size:46px;line-height:1;color:#6b806b;letter-spacing:-.06em}
.flow-column-heading h3{font-size:18px;font-weight:750;line-height:1.4;letter-spacing:-.05em}.flow-column-heading p{font-size:11px;color:var(--muted);margin-top:5px;line-height:1.5}
.flow-sources{display:grid;flex:1;gap:14px}.flow-node{position:relative;border:1px solid var(--flow-line);border-radius:7px;background:#fcfcf8;transition:background .35s,border-color .35s,box-shadow .35s}
.flow-source{padding:var(--flow-card-padding);min-height:160px;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr;row-gap:16px}
.flow-node-top,.flow-brief-top{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;column-gap:12px;min-height:40px}.flow-node-top>div{min-width:0}.flow-node-top strong,.flow-node-top small{display:block}.flow-node-top strong{font-size:13px;letter-spacing:-.02em;line-height:1.35}.flow-node-top small{color:var(--muted);font-size:10px;line-height:1.5;margin-top:3px}
.flow-app{width:36px;height:36px;padding:0;margin:0;line-height:1;display:grid;place-items:center;border-radius:7px;font-weight:800;font-size:23px;flex-shrink:0;font-family:Arial,sans-serif;background:#ecefe8;color:#364536;letter-spacing:0}
.flow-app--notion{color:#262b26;background:white;border:1.5px solid #333b33;font-family:Georgia,serif;font-size:24px;box-shadow:inset 0 -2px 0 #333b33}
.flow-app--slack{color:#517259;background:#e4ece3;font-size:26px}.flow-app--calendar{font-size:15px;background:#e6edf3;color:#3670a0;border-top:5px solid #4d80b1}
.flow-node-state{margin-left:auto;font-size:9px;color:#85897f;white-space:nowrap;padding:3px 6px;background:#efefe7;border-radius:3px}
.flow-source-body{grid-area:2/1;margin-top:0;opacity:0;transform:translateY(5px);transition:opacity .35s,transform .35s}.flow-source-body p{display:flex;gap:8px;align-items:center;justify-content:space-between;font-size:12px;margin-top:5px}.flow-source-body b{font-weight:500}.flow-source-body .flow-quote{display:block;font-size:12px;line-height:1.5;word-break:keep-all}.flow-tag{font-size:9px;padding:1px 7px;border-radius:3px;background:#edeedf;color:#6b7052}.flow-timestamp{display:block;font-size:9px;color:#85897d;margin-top:10px}
.flow-wait{grid-area:2/1;align-self:start;font-size:11px;color:#989c90;transition:opacity .2s}
.flow-source[data-ready=true] .flow-source-body{opacity:1;transform:none}.flow-source[data-ready=true] .flow-wait{opacity:0}
.flow-node.is-active{border-color:#6d8e70;background:#f7f9f0;box-shadow:0 0 0 3px #6c8e7010}.flow-node.is-active .flow-node-state{color:#466948;background:#e5eddd}
.flow-node[data-ready=true] .flow-node-state{color:#50734e;background:#e6eee0}
.flow-comparisons{display:grid;flex:1;gap:20px}.flow-compare{padding:var(--flow-card-padding);min-height:228px}
.flow-rule{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.flow-rule>span:first-child{font-family:Arial,sans-serif;font-size:9px;letter-spacing:.08em;color:#8a9082}
.flow-compare h4{font-size:16px;line-height:1.4;letter-spacing:-.04em;margin:0}.flow-rule-desc{font-size:11px;color:var(--muted);margin-top:7px;line-height:1.6;min-height:18px}
.flow-evidence{display:flex;align-items:center;gap:8px;margin-top:17px;opacity:.24;transition:opacity .35s}.flow-evidence>div{flex:1;min-width:0;padding:9px 8px;border-radius:4px;background:#eff0e9;min-height:59px}.flow-evidence small{font-size:9px;color:#737b6c;display:block}.flow-evidence strong{font-size:10px;line-height:1.5;font-weight:600;display:block;margin-top:3px;word-break:keep-all}.flow-evidence>span{font-size:18px;color:#89917f}
.flow-compare.is-active .flow-evidence,.flow-compare[data-ready=true] .flow-evidence{opacity:1}.flow-compare[data-ready=true] .flow-evidence>div:last-child{background:#f5ead4}.flow-finding{font-size:11px;color:#8d6326;margin-top:13px;opacity:0;transition:opacity .3s}.flow-finding::before{content:'!';display:inline-grid;place-items:center;background:#d8b16f;color:white;border-radius:50%;width:14px;height:14px;margin-right:6px;font-size:10px}.flow-compare[data-ready=true] .flow-finding{opacity:1}
.flow-brief{display:flex;flex-direction:column;flex:1;border:1px solid #c4d2bf;background:linear-gradient(135deg,#f3f7ef,#eaf0e4);border-radius:7px;padding:var(--flow-card-padding);min-height:480px}
.flow-brief-top{margin-bottom:20px}.flow-brief-top>div{min-width:0}.flow-brief-top strong,.flow-brief-top small{display:block}.flow-brief-top strong{font-size:13px;line-height:1.35}.flow-brief-top small{font-size:10px;line-height:1.5;margin-top:3px;color:#75806e}.flow-brief-top>span:last-child{font-size:11px;letter-spacing:.05em;color:#6d7d63}
.flow-result{position:relative;flex:1;min-height:164px;border-top:1px solid #d4ddcc;padding:17px 0}.flow-result-content{opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .45s,transform .45s}.flow-result[data-ready=true] .flow-result-content{opacity:1;visibility:visible;transform:none}.flow-result-empty{position:absolute;top:25px;left:0;right:0;color:#8c9784;display:flex;gap:12px;align-items:baseline}.flow-result-empty>span{font-size:12px;letter-spacing:.05em}.flow-result-empty p{font-size:12px;line-height:1.7;max-width:175px}.flow-result[data-ready=true] .flow-result-empty{display:none}
.flow-priority{font-size:9px;color:#6a7961;border-radius:3px;display:inline-block;margin-bottom:7px;background:#dfe9d7;padding:2px 6px}.flow-result h4{font-size:16px;line-height:1.4;margin:0;font-weight:700;letter-spacing:-.045em}.flow-result-content>p{font-size:11px;line-height:1.7;color:#687460;margin-top:8px;word-break:keep-all}.flow-result details{margin-top:8px}.flow-result summary{cursor:pointer;min-height:35px;display:flex;align-items:center;gap:9px;text-decoration:underline;text-underline-offset:3px;font-size:10px;color:#4b6144;list-style:none}.flow-result summary::after{content:'+';font-size:15px}.flow-result details[open] summary::after{content:'−'}.flow-original{background:#fbfcf8;border:1px solid #d7e0cf;padding:12px;border-radius:4px;margin-top:4px}.flow-original strong{font-size:10px}.flow-original p{font-size:11px;margin:4px 0 9px}.flow-original small{font-size:9px;color:#828b7a}
.flow-delivery{display:flex;gap:9px;align-items:center;border-top:1px solid #ced9c5;padding-top:16px;opacity:.3;transition:opacity .3s}.flow-delivery>span{width:24px;height:24px;background:#56734e;border-radius:50%;color:#fff;display:grid;place-items:center;flex-shrink:0;font-size:12px;line-height:1}.flow-delivery strong,.flow-delivery small{display:block}.flow-delivery strong{font-size:11px;color:#45603d}.flow-delivery small{font-size:9px;color:#7b8573;margin-top:3px}.flow-demo[data-phase='8'] .flow-delivery{opacity:1}
.flow-progress{height:2px;background:#e0e3d8;margin-top:27px;overflow:hidden}.flow-progress span{display:block;height:100%;background:#638057;transition:width .5s ease}.flow-bottom{display:flex;gap:20px;justify-content:space-between;align-items:center;padding:13px 0 25px;min-height:63px}.flow-bottom p{font-size:12px;color:#596a50}.flow-bottom>span{font-size:10px;color:#8a907f;white-space:nowrap}
.flow-service-footer{border-top:1px solid var(--line);padding-top:22px;display:flex;align-items:center;justify-content:space-between;gap:20px}.flow-service-footer p{font-size:12px;color:var(--muted)}.flow-service-footer a{font-size:12px}
.flow-teaser{height:442px;border:1px solid #cbd5c2;border-radius:6px;padding:30px;display:flex;flex-direction:column;background:radial-gradient(ellipse at 100% 0,#e0e9d6,#eff0e6 75%);color:#364931}
.flow-teaser-label{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#77816c}.flow-teaser-apps{display:flex;align-items:center;gap:9px;margin-top:26px;font-size:12px}.flow-teaser-apps b{font-weight:500;border:1px solid #d2dacb;background:#f9faf2;padding:7px 11px;border-radius:4px}.flow-teaser>h3{font-size:28px;line-height:1.4;letter-spacing:-.055em;margin-top:25px}.flow-teaser-brief{margin-top:23px;border-top:1px solid #c7d2bd;padding-top:18px;display:grid;gap:10px;font-size:13px}.flow-teaser-brief span::before{content:'↳';margin-right:12px;color:#809370}.flow-teaser>a{margin-top:auto;display:flex;justify-content:space-between;align-items:center;min-height:44px;font-size:12px;font-weight:700;border-top:1px solid #c7d2bd;padding-top:10px}
@media(min-width:1500px){.flow-board{gap:66px}.flow-demo{--flow-card-padding:24px}.flow-column-heading h3{font-size:20px}}
@media(max-width:1050px) and (min-width:761px){.flow-board{gap:30px;grid-template-columns:1fr 1fr 1fr}.flow-demo{--flow-card-padding:16px}.flow-node-top strong{font-size:11px}.flow-node-state{font-size:8px;padding:3px}.flow-column-heading{gap:9px}.flow-column-heading>span{font-size:36px}.flow-column-heading h3{font-size:15px}.flow-compare{min-height:245px}.flow-evidence{gap:5px}.flow-evidence>div{padding:7px 5px}.flow-teaser{padding:22px;height:402px}.flow-teaser>h3{font-size:24px}.flow-teaser-apps{gap:5px}.flow-teaser-apps b{font-size:10px;padding:6px}}
@media(max-width:760px){.flow-demo{padding-top:48px}.flow-heading{display:block}.flow-heading .eyebrow{flex-wrap:wrap;gap:8px}.flow-heading p:last-child{font-size:13px}.flow-schedule{border-left:0;padding:0;margin-top:22px}.flow-toolbar{margin-bottom:28px;align-items:flex-start;flex-direction:column;gap:12px}.flow-controls{gap:18px}.flow-run{min-width:158px;font-size:12px;padding-inline:16px}.flow-board{grid-template-columns:1fr;gap:58px}.flow-column-heading{margin-bottom:19px;min-height:50px}.flow-column-heading>span{font-size:40px}.flow-sources{gap:12px}.flow-comparisons{padding-top:0;gap:14px}.flow-compare{min-height:228px}.flow-evidence strong{font-size:12px}.flow-brief{min-height:478px}.flow-node-top strong,.flow-brief-top strong{font-size:14px}.flow-node-top small,.flow-brief-top small{font-size:11px}.flow-source-body p,.flow-source-body .flow-quote{font-size:13px}.flow-timestamp{font-size:10px}.flow-column-heading h3{font-size:19px}.flow-result h4{font-size:18px}.flow-result-content>p{font-size:12px}.flow-result summary{min-height:44px;font-size:11px}.flow-result{min-height:170px}.flow-bottom{align-items:flex-start;min-height:83px}.flow-bottom>span{display:none}.flow-service-footer{align-items:flex-start;flex-direction:column;gap:10px}.flow-teaser{height:410px;padding:24px}.flow-teaser>h3{font-size:27px}}
@media(prefers-reduced-motion:reduce){.flow-demo *{animation:none!important;transition:none!important}.flow-demo{scroll-behavior:auto}}

.flow-finding{visibility:hidden}.flow-compare[data-ready=true] .flow-finding{visibility:visible}
.flow-source-body .flow-quote{font-size:13px}.flow-rule-desc{font-size:12px}.flow-evidence strong{font-size:11px}.flow-result-content>p{font-size:12px}.flow-result summary{font-size:11px}
.flow-demo .flow-skip[hidden]{display:none}
@media(max-width:760px){.flow-toolbar{position:sticky;top:0;z-index:4;background:var(--paper,#f4f1e8);padding-block:12px;border-bottom:1px solid var(--flow-line)}.flow-demo{scroll-margin-top:12px}}