.workflow-demo-page{--wf-warning:#f0b85a;--wf-danger:#ff7a66;--wf-stage:#071426;--wf-panel:#0c203a;--wf-text:#d9e7f5;--wf-muted:#92a8c2;background:#fff}
.workflow-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 78% 7%,rgba(22,104,227,.36),transparent 30%),radial-gradient(circle at 92% 76%,rgba(22,184,212,.15),transparent 27%),linear-gradient(128deg,#071326,#0b2343 62%,#103966);color:#fff}
.workflow-hero:after{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,black,transparent 78%)}
.workflow-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.78fr) minmax(520px,1.22fr);gap:clamp(2rem,5vw,5rem);align-items:center;padding-block:clamp(4.5rem,9vw,8rem)}
.workflow-hero-copy h1{max-width:720px;margin:.9rem 0 1.25rem;color:#fff;font-size:clamp(3.1rem,6vw,6.4rem);line-height:.92;letter-spacing:-.055em}
.workflow-hero-copy .lead{max-width:660px;color:#c6d7ea;font-size:clamp(1.08rem,1.5vw,1.3rem)}
.workflow-preview{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:28px;background:rgba(4,14,29,.78);box-shadow:0 38px 90px rgba(0,0,0,.34);backdrop-filter:blur(18px)}
.workflow-preview:before{content:"";position:absolute;inset:-40% 35% 10% -25%;pointer-events:none;background:radial-gradient(circle,rgba(22,104,227,.2),transparent 64%)}
.workflow-preview-top{position:relative;display:flex;justify-content:space-between;gap:1rem;padding:.9rem 1.1rem;border-bottom:1px solid rgba(255,255,255,.11);color:#92a8c2;font-size:.69rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.workflow-preview-top strong{color:var(--lime)}
.workflow-preview-route{position:relative;display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;gap:.45rem;align-items:center;padding:1.45rem 1rem 1rem}
.workflow-preview-route>i{display:block;width:clamp(12px,2.1vw,34px);height:2px;background:rgba(255,255,255,.12)}
.preview-node{display:grid;justify-items:center;gap:.45rem;min-width:0;color:#6f849e;font-size:.65rem;text-align:center}
.preview-node span{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(255,255,255,.16);border-radius:14px;background:#0d2039;color:#8fa5bf;font-weight:900}
.preview-node strong{font-size:.66rem}
.preview-node.is-done span{border-color:rgba(183,236,85,.3);color:var(--lime)}
.preview-node.is-active{color:#fff}.preview-node.is-active span{border-color:rgba(255,255,255,.38);background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;box-shadow:0 10px 28px rgba(22,104,227,.34)}
.workflow-preview-body{position:relative;display:grid;grid-template-columns:.75fr 1.25fr;gap:.8rem;padding:1rem;border-top:1px solid rgba(255,255,255,.09)}
.preview-document,.preview-checks{border:1px solid rgba(255,255,255,.11);border-radius:17px;background:rgba(255,255,255,.05)}
.preview-document{padding:1rem;color:#fff}.preview-document>span{display:block;color:var(--cyan);font-size:.62rem;font-weight:900;letter-spacing:.09em}.preview-document>strong{display:block;margin:.45rem 0 1.15rem;font-size:1.1rem}.preview-document i{display:block;width:100%;height:7px;margin-top:.48rem;border-radius:99px;background:rgba(255,255,255,.1)}.preview-document i:nth-of-type(2){width:62%}.preview-document i:nth-of-type(3){width:78%}
.preview-checks{display:grid;gap:.1rem;padding:.45rem}.preview-checks div{display:flex;justify-content:space-between;gap:1rem;padding:.72rem;border-bottom:1px solid rgba(255,255,255,.08);color:#9cb0c8;font-size:.69rem}.preview-checks div:last-child{border-bottom:0}.preview-checks strong{color:#dce8f6;text-align:right}.preview-checks div:nth-child(2){border:1px solid rgba(240,184,90,.32);border-radius:10px;background:rgba(240,184,90,.08)}.preview-checks div:nth-child(2) strong{color:#ffd998}
.workflow-preview-note{position:relative;display:flex;gap:.55rem;align-items:center;margin:0;padding:.9rem 1rem;border-top:1px solid rgba(255,255,255,.1);color:#aabdd3;font-size:.72rem}.workflow-preview-note span{width:8px;height:8px;border-radius:50%;background:var(--wf-warning);box-shadow:0 0 0 5px rgba(240,184,90,.12)}
.workflow-disclosure{padding-top:2rem}.workflow-intro{text-align:center}.workflow-intro .lead{margin-inline:auto}.workflow-intro h2{max-width:880px;margin-inline:auto}
.workflow-story{position:relative;padding:clamp(5rem,9vw,8rem) 0;background:var(--wf-stage);color:#fff}
.workflow-story:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 75% 20%,rgba(22,104,227,.12),transparent 28%),linear-gradient(90deg,transparent 49.9%,rgba(255,255,255,.025) 50%,transparent 50.1%)}
.workflow-story-heading{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.62fr);gap:1rem 4rem;align-items:end;padding-bottom:clamp(3rem,7vw,6rem)}
.workflow-story-heading .eyebrow,.workflow-story-heading h2{grid-column:1}.workflow-story-heading h2{max-width:820px;margin:0;color:#fff;font-size:clamp(2.5rem,5vw,5rem);line-height:.98;letter-spacing:-.045em}.workflow-story-heading>p{grid-column:2;grid-row:1/3;max-width:520px;margin:0;color:#aebfd2;font-size:1.05rem;line-height:1.7}.workflow-skip{grid-column:2;justify-self:start;color:#d9e7f5;font-size:.8rem;text-decoration-color:rgba(255,255,255,.35);text-underline-offset:.24rem}
.workflow-story-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(250px,.55fr) minmax(600px,1.45fr);gap:clamp(2.5rem,6vw,6rem);align-items:start}
.workflow-chapters{display:grid}.workflow-chapter{display:flex;flex-direction:column;justify-content:center;min-height:72vh;padding:3rem 0;opacity:1;transition:opacity .32s ease}body.workflow-demo-ready .workflow-chapter{opacity:.28}body.workflow-demo-ready .workflow-chapter.is-active{opacity:1}.workflow-chapter-number{color:var(--lime);font-size:.72rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.workflow-chapter h3{max-width:480px;margin:.8rem 0 1rem;color:#fff;font-size:clamp(1.8rem,3vw,3rem);line-height:1.03;letter-spacing:-.035em}.workflow-chapter>p{max-width:520px;margin:0;color:#9fb2ca;font-size:1rem;line-height:1.7}.workflow-chapter-proof{display:grid;grid-template-columns:auto 1fr;gap:.7rem 1rem;align-items:center;max-width:400px;margin-top:1.5rem;padding:.85rem 1rem;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(255,255,255,.04)}.workflow-chapter-proof span{color:#7f95ae;font-size:.66rem;font-weight:850;letter-spacing:.07em;text-transform:uppercase}.workflow-chapter-proof strong{color:#dce8f6;font-size:.82rem}.workflow-chapter-proof.is-warning{border-color:rgba(240,184,90,.3);background:rgba(240,184,90,.07)}.workflow-chapter-proof.is-warning strong{color:#ffd998}
.workflow-stage-wrap{position:sticky;top:82px;padding-top:4vh}.workflow-stage{position:relative;overflow:hidden;min-height:min(76vh,720px);border:1px solid rgba(255,255,255,.13);border-radius:30px;background:radial-gradient(circle at 58% 42%,rgba(22,104,227,.16),transparent 42%),linear-gradient(145deg,#061225,#0a1d36);box-shadow:0 42px 110px rgba(0,0,0,.35)}
.workflow-stage:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,black,transparent 85%)}
.workflow-stage-top,.workflow-stage-legend,.workflow-canvas,.workflow-stage-footer,.workflow-stage-progress{position:relative;z-index:2}.workflow-stage-top{display:flex;justify-content:space-between;gap:1rem;padding:.82rem 1.1rem;border-bottom:1px solid rgba(255,255,255,.1);color:#7890aa;font-size:.65rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.workflow-stage-top strong{color:var(--lime)}
.workflow-stage-progress{height:3px;background:rgba(255,255,255,.07)}.workflow-stage-progress span{display:block;width:14.285%;height:100%;background:linear-gradient(90deg,var(--blue),var(--cyan),var(--lime));transform-origin:left center}
.workflow-stage-legend{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;gap:.45rem;align-items:center;padding:1rem 1.2rem;border-bottom:1px solid rgba(255,255,255,.08)}.workflow-stage-legend>div{display:grid;justify-items:center;gap:.35rem;min-width:0;color:#607790;font-size:.59rem;font-weight:800}.workflow-stage-legend i{display:grid;place-items:center;width:31px;height:31px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:#0d2039;color:#7087a0;font-style:normal}.workflow-stage-legend b{display:block;width:clamp(10px,2vw,30px);height:1px;background:rgba(255,255,255,.11)}.workflow-stage-legend>div.is-complete i{border-color:rgba(183,236,85,.25);color:var(--lime)}.workflow-stage-legend>div.is-current{color:#fff}.workflow-stage-legend>div.is-current i{border-color:rgba(255,255,255,.42);background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;box-shadow:0 8px 22px rgba(22,104,227,.28)}
.workflow-canvas{min-height:470px}.canvas-kicker{display:block;margin-bottom:1rem;color:#6f87a1;font-size:.6rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
.workflow-inbox{position:absolute;top:9%;left:5%;width:33%;transform-origin:center}.inbox-stack{position:absolute;inset:3.2rem -7px auto}.inbox-stack i{position:absolute;inset:0;height:220px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:#0b1c33;transform:rotate(-4deg)}.inbox-stack i:last-child{transform:rotate(3deg)}.order-document{position:relative;z-index:1;overflow:hidden;border:1px solid rgba(255,255,255,.15);border-radius:18px;background:linear-gradient(150deg,#f9fbfe,#e9f1fa);box-shadow:0 22px 45px rgba(0,0,0,.22);color:#0d1f35}.order-document-head{display:flex;justify-content:space-between;align-items:center;padding:.85rem 1rem;background:#102a56;color:#fff}.order-document-head span{font-size:.6rem;font-weight:900;letter-spacing:.1em}.order-document-head strong{color:var(--lime);font-size:.8rem}.document-row{display:grid;gap:.2rem;padding:.72rem 1rem;border-bottom:1px solid #dfe8f1}.document-row:last-child{border-bottom:0}.document-row span{color:#6c7c90;font-size:.58rem;font-weight:800;text-transform:uppercase}.document-row b{font-size:.73rem}.document-row.is-scanning{background:#eaf5ff;box-shadow:inset 3px 0 0 var(--blue)}.inbox-state{display:grid;grid-template-columns:auto 1fr;gap:.05rem .55rem;align-items:center;margin-top:1rem;padding:.75rem;border:1px solid rgba(255,255,255,.09);border-radius:13px;background:rgba(255,255,255,.04)}.inbox-state span{grid-row:1/3;width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 5px rgba(22,184,212,.1)}.inbox-state strong{color:#dce8f6;font-size:.72rem}.inbox-state small{color:#738aa4;font-size:.6rem}
.workflow-extraction{position:absolute;top:9%;right:5%;width:49%;opacity:0}.extracted-fields{display:grid;gap:.55rem}.extracted-fields>div{display:grid;grid-template-columns:1fr auto;gap:.15rem .7rem;padding:.72rem .8rem;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:rgba(255,255,255,.045);color:#fff}.extracted-fields span{grid-column:1;color:#7890aa;font-size:.58rem;font-weight:850;text-transform:uppercase}.extracted-fields strong{grid-column:1;font-size:.72rem}.extracted-fields i{grid-column:2;grid-row:1/3;align-self:center;color:var(--cyan);font-size:.6rem;font-style:normal;font-weight:850}.extracted-fields>div.is-found{border-color:rgba(22,184,212,.25);background:rgba(22,184,212,.07)}
.workflow-system-map{position:absolute;inset:3% 2% 2%;opacity:0}.workflow-routes{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.workflow-routes path{fill:none;stroke:rgba(117,149,184,.26);stroke-width:4;vector-effect:non-scaling-stroke}.workflow-routes path.is-live{stroke:var(--cyan)}.workflow-routes path.is-complete{stroke:rgba(183,236,85,.7)}.workflow-routes path.is-blocked{stroke:var(--wf-warning);stroke-dasharray:7 7}.map-node{position:absolute;display:grid;align-content:center;width:17%;min-width:100px;aspect-ratio:1.2;padding:.8rem;border:1px solid rgba(255,255,255,.12);border-radius:17px;background:#0b1f39;color:#fff;box-shadow:0 18px 38px rgba(0,0,0,.2)}.map-node span{color:#6e88a4;font-size:.56rem;font-weight:900;letter-spacing:.08em}.map-node strong{margin:.25rem 0;color:#dce8f6;font-size:.72rem}.map-node small{color:#718aa5;font-size:.59rem}.map-node.is-active{border-color:rgba(22,184,212,.5);box-shadow:0 0 0 4px rgba(22,184,212,.08),0 18px 38px rgba(0,0,0,.2)}.map-node.is-complete{border-color:rgba(183,236,85,.35)}.map-node.is-complete small{color:var(--lime)}.map-node.is-warning{border-color:rgba(240,184,90,.55);background:#2a251c}.map-node.is-warning small{color:#ffd998}.map-input{top:17%;left:6%}.map-rules{top:17%;left:29%}.map-gate{top:17%;left:53%}.map-human{top:64%;left:53%}.map-systems{top:39%;right:3%}.data-packet{position:absolute;top:23%;left:15%;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 0 0 7px rgba(22,184,212,.16),0 0 24px var(--cyan);opacity:0}.data-packet span{width:6px;height:6px;border-radius:50%;background:var(--cyan)}
.workflow-check-panel{position:absolute;right:4%;bottom:5%;width:42%;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:17px;background:rgba(5,18,36,.95);box-shadow:0 20px 50px rgba(0,0,0,.28);opacity:0}.check-panel-head{display:flex;justify-content:space-between;gap:1rem;padding:.75rem .85rem;border-bottom:1px solid rgba(255,255,255,.09);color:#7991aa;font-size:.59rem;text-transform:uppercase}.check-panel-head strong{color:var(--cyan)}.check-row{display:grid;grid-template-columns:24px 1fr auto;gap:.5rem;align-items:center;padding:.68rem .8rem;border-bottom:1px solid rgba(255,255,255,.07);color:#b8c8d9;font-size:.62rem}.check-row:last-child{border-bottom:0}.check-row i{display:grid;place-items:center;width:21px;height:21px;border-radius:7px;background:rgba(183,236,85,.1);color:var(--lime);font-style:normal;font-weight:900}.check-row strong{color:#dbe7f4}.check-row.is-warning{background:rgba(240,184,90,.06)}.check-row.is-warning i{background:rgba(240,184,90,.15);color:#ffd998}.check-row.is-warning strong{color:#ffd998}
.workflow-mismatch{position:absolute;left:4%;bottom:5%;width:45%;overflow:hidden;border:1px solid rgba(240,184,90,.32);border-radius:17px;background:rgba(40,32,20,.96);box-shadow:0 20px 55px rgba(0,0,0,.3);opacity:0}.mismatch-head{display:flex;justify-content:space-between;gap:1rem;padding:.78rem .9rem;border-bottom:1px solid rgba(240,184,90,.18);color:#d4aa67;font-size:.58rem;text-transform:uppercase}.mismatch-head strong{color:#ffd998}.workflow-mismatch>div:not(.mismatch-head){display:grid;gap:.22rem;padding:.68rem .9rem;border-bottom:1px solid rgba(240,184,90,.13)}.workflow-mismatch span{color:#ae8e5b;font-size:.57rem}.workflow-mismatch>div strong{color:#fff1d6;font-size:.68rem}.workflow-mismatch p{margin:0;padding:.75rem .9rem;color:#d9bf96;font-size:.62rem;line-height:1.5}
.workflow-approval{position:absolute;top:8%;left:18%;width:64%;padding:1.25rem;border:1px solid rgba(255,255,255,.15);border-radius:20px;background:linear-gradient(145deg,#102845,#0b1c33);box-shadow:0 30px 70px rgba(0,0,0,.35);opacity:0}.approval-label{color:var(--lime);font-size:.58rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.workflow-approval h4{margin:.5rem 0 1rem;color:#fff;font-size:1.1rem}.workflow-approval dl{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.55rem;margin:0}.workflow-approval dl div{padding:.7rem;border:1px solid rgba(255,255,255,.09);border-radius:11px;background:rgba(255,255,255,.04)}.workflow-approval dt{color:#7f96b0;font-size:.56rem}.workflow-approval dd{margin:.25rem 0 0;color:#dce8f6;font-size:.65rem}.approval-actions{display:flex;justify-content:flex-end;gap:.55rem;margin-top:1rem}.approval-actions span,.approval-actions strong{padding:.58rem .75rem;border-radius:99px;font-size:.61rem}.approval-actions span{border:1px solid rgba(255,255,255,.13);color:#9eb1c7}.approval-actions strong{background:linear-gradient(100deg,var(--blue),var(--cyan));color:#fff}
.workflow-audit{position:absolute;inset:6% 9%;overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:21px;background:rgba(6,20,39,.96);box-shadow:0 30px 80px rgba(0,0,0,.34);opacity:0}.audit-head{display:flex;justify-content:space-between;gap:1rem;padding:.85rem 1rem;border-bottom:1px solid rgba(255,255,255,.09);color:#7890aa;font-size:.6rem;text-transform:uppercase}.audit-head strong{color:var(--lime)}.workflow-audit ol{display:grid;margin:0;padding:0;list-style:none}.workflow-audit li{display:grid;grid-template-columns:12px 60px 1fr;gap:.7rem;align-items:center;padding:.78rem 1rem;border-bottom:1px solid rgba(255,255,255,.07)}.workflow-audit li:last-child{border-bottom:0}.workflow-audit li i{width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 5px rgba(183,236,85,.08)}.workflow-audit li span{color:#6e87a1;font-size:.59rem}.workflow-audit li strong{color:#dce8f6;font-size:.68rem}
.workflow-stage-footer{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:.8rem 1rem;border-top:1px solid rgba(255,255,255,.09);background:rgba(5,15,30,.78)}.workflow-stage-footer p{margin:0;color:#93a8c0;font-size:.68rem}.workflow-stage-footer>div{display:flex;align-items:center;gap:.65rem;color:#778fa9;font-size:.62rem}.workflow-stage-footer button{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(255,255,255,.13);border-radius:50%;background:rgba(255,255,255,.04);color:#dce8f6;cursor:pointer}.workflow-stage-footer button:disabled{opacity:.3;cursor:not-allowed}.workflow-stage-footer strong{color:#fff}
.workflow-explanation{background:linear-gradient(180deg,#f4f8fd,#fff)}.workflow-principles{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.workflow-principles article{display:grid;grid-template-columns:auto 1fr;gap:.8rem;align-items:start;padding:1rem;border:1px solid var(--line);border-radius:16px;background:#fff}.workflow-principles article>span{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--ink);color:var(--lime);font-size:.68rem;font-weight:900}.workflow-principles h3{margin:.1rem 0 .25rem;font-size:1rem}.workflow-principles p{margin:0;color:#617086;font-size:.79rem}
.workflow-compare-section{background:#fff}.workflow-compare{overflow:hidden;margin-top:2rem;border:1px solid var(--line);border-radius:28px;background:#f5f8fc;box-shadow:var(--shadow)}.workflow-compare-controls{display:flex;justify-content:center;gap:.5rem;padding:1rem;border-bottom:1px solid var(--line);background:#fff}.workflow-compare-controls button{padding:.7rem 1rem;border:1px solid var(--line);border-radius:999px;background:#fff;color:#54647a;font:inherit;font-size:.78rem;font-weight:850;cursor:pointer}.workflow-compare-controls button[aria-pressed="true"]{border-color:var(--blue);background:var(--blue);color:#fff;box-shadow:0 8px 24px rgba(22,104,227,.2)}.workflow-compare-board{position:relative;display:grid;grid-template-columns:repeat(6,1fr);gap:.8rem;min-height:330px;padding:3.3rem 2rem;align-items:center}.workflow-compare-board article{position:relative;z-index:2;display:grid;align-content:center;min-height:135px;padding:1rem;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 12px 28px rgba(20,48,90,.08);transform:rotate(var(--messy-rotation,0deg)) translateY(var(--messy-y,0))}.workflow-compare-board article:nth-of-type(1){--messy-rotation:-3deg;--messy-y:-30px}.workflow-compare-board article:nth-of-type(2){--messy-rotation:2deg;--messy-y:28px}.workflow-compare-board article:nth-of-type(3){--messy-rotation:-1deg;--messy-y:-8px}.workflow-compare-board article:nth-of-type(4){--messy-rotation:3deg;--messy-y:34px}.workflow-compare-board article:nth-of-type(5){--messy-rotation:-2deg;--messy-y:-24px}.workflow-compare-board article:nth-of-type(6){--messy-rotation:2deg;--messy-y:10px}.workflow-compare-board article span{color:var(--blue);font-size:.62rem;font-weight:900}.workflow-compare-board article strong{margin:.45rem 0;color:var(--ink);font-size:.82rem}.workflow-compare-board article small{color:#6d7c90;font-size:.65rem}.compare-flow-line{position:absolute;z-index:1;top:50%;left:6%;right:6%;height:2px;background:linear-gradient(90deg,var(--blue),var(--cyan),var(--lime));opacity:0;transform:scaleX(.1);transform-origin:left}.workflow-compare[data-process-mode="controlled"] .workflow-compare-board article{border-color:rgba(22,104,227,.24);transform:none}.workflow-compare[data-process-mode="controlled"] .compare-flow-line{opacity:1;transform:scaleX(1)}.workflow-compare-caption{margin:0;padding:1rem 1.25rem;border-top:1px solid var(--line);background:#fff;color:#536278;font-size:.82rem;text-align:center}
.workflow-use-cases{position:relative;overflow:hidden}.workflow-use-cases:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 85% 15%,rgba(22,104,227,.15),transparent 30%)}.workflow-use-cases .wrap{position:relative}.workflow-use-cases .offer{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.055)}
.workflow-method-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:2.5rem 0 0;padding:0;list-style:none}.workflow-method-steps li{position:relative;display:grid;grid-template-columns:auto 1fr;gap:.8rem;padding:1.25rem;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.workflow-method-steps li+li{border-left:1px solid var(--line)}.workflow-method-steps>li>span{color:var(--blue);font-size:.68rem;font-weight:900}.workflow-method-steps h3{margin:0 0 .4rem;font-size:1rem}.workflow-method-steps p{margin:0;color:#637187;font-size:.78rem}.workflow-final{padding-top:0}
body.workflow-demo-ready .workflow-preview-note span{animation:workflowPulse 2.4s ease-out infinite}@keyframes workflowPulse{0%,45%,100%{box-shadow:0 0 0 5px rgba(240,184,90,.12)}65%{box-shadow:0 0 0 11px rgba(240,184,90,0)}}
@media(max-width:1080px){.workflow-story-grid{grid-template-columns:minmax(220px,.55fr) minmax(520px,1.45fr);gap:2.5rem}.workflow-canvas{min-height:430px}.workflow-stage{min-height:650px}.workflow-compare-board{grid-template-columns:repeat(3,1fr)}.compare-flow-line{display:none}.workflow-compare-board article{transform:none}.workflow-method-steps{grid-template-columns:1fr 1fr}.workflow-method-steps li:nth-child(3){border-left:0}}
@media(max-width:820px){.workflow-story-heading{grid-template-columns:1fr}.workflow-story-heading .eyebrow,.workflow-story-heading h2,.workflow-story-heading>p,.workflow-skip{grid-column:1;grid-row:auto}.workflow-story-grid{display:flex;flex-direction:column}.workflow-stage-wrap{top:66px;order:1;width:100%;padding-top:0}.workflow-chapters{order:2;width:100%}.workflow-chapter{min-height:62vh;padding:13rem 0 3rem}.workflow-stage{min-height:0;border-radius:22px}.workflow-canvas{min-height:390px}.workflow-stage-legend{display:none}.workflow-inbox{top:6%;left:4%;width:39%}.workflow-extraction{top:6%;right:4%;width:50%}.workflow-stage-footer p{max-width:68%}.workflow-chapter h3{max-width:620px}.workflow-chapter>p{max-width:650px}.workflow-compare-board{grid-template-columns:1fr 1fr}.workflow-method-steps{grid-template-columns:1fr}.workflow-method-steps li+li{border-left:0;border-top:0}.workflow-principles{grid-template-columns:1fr}}
@media(max-width:560px){.workflow-story{padding-top:4rem}.workflow-stage-wrap{top:64px}.workflow-stage-top{align-items:flex-start;flex-direction:column}.workflow-canvas{min-height:315px}.workflow-inbox{top:5%;left:4%;width:45%}.workflow-extraction{top:5%;right:3%;width:46%}.document-row{padding:.48rem .58rem}.document-row b{font-size:.57rem}.order-document-head{padding:.55rem .6rem}.inbox-state{display:none}.extracted-fields{gap:.32rem}.extracted-fields>div{padding:.46rem .52rem}.extracted-fields strong{font-size:.55rem}.extracted-fields i{display:none}.workflow-system-map{inset:1%}.map-node{min-width:62px;padding:.45rem;border-radius:11px}.map-node span,.map-node small{font-size:.42rem}.map-node strong{font-size:.5rem}.workflow-check-panel{right:2%;bottom:2%;width:52%}.check-row{grid-template-columns:18px 1fr;padding:.45rem;font-size:.48rem}.check-row strong{display:none}.check-row i{width:17px;height:17px}.workflow-mismatch{left:2%;bottom:2%;width:45%}.workflow-mismatch>div:not(.mismatch-head){padding:.45rem}.workflow-mismatch>div strong{font-size:.5rem}.workflow-mismatch p{display:none}.mismatch-head{display:grid;padding:.45rem}.workflow-approval{top:5%;left:5%;width:90%;padding:.8rem}.workflow-approval dl{grid-template-columns:1fr 1fr}.workflow-approval dl div:last-child{grid-column:1/-1}.workflow-audit{inset:4%}.workflow-audit li{grid-template-columns:8px 45px 1fr;padding:.52rem}.workflow-stage-footer{align-items:flex-start;flex-direction:column}.workflow-stage-footer p{max-width:none}.workflow-stage-footer>div{align-self:flex-end}.workflow-chapter{min-height:55vh;padding-top:11rem}.workflow-compare-controls{display:grid;grid-template-columns:1fr 1fr}.workflow-compare-board{grid-template-columns:1fr;padding:1.4rem}.workflow-compare-board article{min-height:94px}.workflow-method-steps li{grid-template-columns:auto 1fr}.workflow-principles article{grid-template-columns:auto 1fr}}
@media(max-width:1050px){.workflow-hero-grid{grid-template-columns:1fr}.workflow-hero-copy h1{max-width:850px}.workflow-preview{max-width:760px}}
@media(max-width:640px){.workflow-hero-grid{padding-block:3.5rem}.workflow-hero-copy h1{font-size:clamp(2.7rem,14vw,4.6rem)}.workflow-hero-copy .cta-row{display:grid}.workflow-preview-route{padding-inline:.55rem;gap:.2rem}.workflow-preview-route>i{width:8px}.preview-node span{width:34px;height:34px;border-radius:11px}.preview-node strong{display:none}.workflow-preview-body{grid-template-columns:1fr}.workflow-preview-top{align-items:flex-start;flex-direction:column}.workflow-preview{border-radius:21px}}
@media(prefers-reduced-motion:reduce){.workflow-hero:after,.workflow-story:before,.workflow-stage:after{display:none}.workflow-chapter,body.workflow-demo-ready .workflow-chapter{min-height:0;padding:2rem 0;opacity:1}.workflow-stage-wrap{position:relative;top:auto}.workflow-story-grid{display:flex;flex-direction:column}.workflow-stage-wrap{order:1;width:100%}.workflow-chapters{order:2}.workflow-stage-progress span,.workflow-compare-board article,.compare-flow-line{transition:none!important}.workflow-preview-note span{animation:none!important}}