/* Workflow architecture: cyan execution, warm human judgment. */
.workflow{--flow-progress:0;position:relative;padding:30px 36px 26px;background:radial-gradient(ellipse at 34% 30%,#24dcec13,transparent 52%),radial-gradient(ellipse at 85% 65%,#efa95016,transparent 45%),#111b22;border-bottom:1px solid #ffffff20}.workflow-heading{display:flex;justify-content:space-between;color:#b1c3cc;font: .875rem/1.5 var(--mono);margin-bottom:24px}.workflow-heading span:last-child{color:#efc798}.workflow-grid{display:grid;grid-template-columns:1fr 60px 1.25fr 60px 1.25fr;align-items:center}.workflow-inputs{display:grid;gap:18px}.flow-card{position:relative;border:1px solid #9dc2d340;border-radius:18px;background:linear-gradient(145deg,#c1e9ff13,#ffffff03 58%),#1c2d36d9;box-shadow:inset 0 1px 0 #ffffff28,0 12px 30px #0003;padding:24px;color:#eff6f8;transition:border-color .35s,box-shadow .35s,transform .35s}.flow-card svg{width:34px;height:34px;flex-shrink:0;color:#71e4ed}.flow-card strong{font-size:1.125rem;line-height:1.4}.flow-card>span{font-size:.875rem;line-height:1.6;color:#c1d1d8}.flow-input{padding:17px;display:flex;align-items:center;gap:14px;min-height:78px}.flow-input svg{width:28px;height:28px}.flow-agent,.flow-review{min-height:178px;display:flex;flex-direction:column;gap:12px}.flow-review{background:linear-gradient(145deg,#ffd3a21c,#ffffff03 60%),#282721de}.flow-review svg{color:#efbf81}.flow-connector{height:180px}.flow-connector svg{width:100%;height:100%;overflow:visible;fill:none;stroke:#496774;stroke-width:1.5}.flow-trace{stroke:#5ce4ed;stroke-width:2.5;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--flow-progress));filter:drop-shadow(0 0 4px #53d5e888)}.workflow[data-focus="0"] .flow-input,.workflow[data-focus="1"] .flow-agent{border-color:#5fe1ec99;box-shadow:inset 0 1px 0 #fff3,0 0 30px #25d2e010,0 12px 30px #0003}.workflow[data-focus="2"] .flow-review{border-color:#eabc81aa;box-shadow:inset 0 1px 0 #fff3,0 0 30px #e7ae5714,0 12px 30px #0003}.workflow-outcome{margin-top:28px;border-top:1px solid #ffffff18;padding-top:22px;display:flex;align-items:center;gap:12px;color:#c4d4dc;font-size:.875rem;line-height:1.5}.workflow-outcome svg{width:26px;height:26px;color:#efbf81}.workflow-outcome strong{margin-left:auto;color:#f3f6f8;font-weight:500}.demo-section .section-head p{max-width:620px}.demo-note{font-size:.875rem}.hero:after{background:linear-gradient(90deg,#101114f5 0%,#101114cc 39%,#10111418 80%),linear-gradient(0deg,#101114,transparent 45%)}.delivery-console{background:radial-gradient(ellipse at 85% 80%,#d99b4820,transparent 60%),linear-gradient(145deg,#e2f9ff10,transparent),#142630;box-shadow:inset 0 1px 0 #fff2,0 18px 40px #0002}.agent-wire{stroke-linecap:round}.agent-node rect{stroke-width:1.2}.agent-node[data-agent-node="3"] rect{fill:#3a3027;stroke:#c39b68}.agent-node[data-agent-node="3"] text{fill:#f2d3aa}.agent-core{filter:drop-shadow(0 0 12px #4ddfea33)}
@media(max-width:760px){.workflow{padding:24px 20px}.workflow-heading{font-size:.875rem;gap:20px}.workflow-grid{grid-template-columns:1fr;gap:0}.workflow-inputs{grid-template-columns:1fr 1fr;gap:12px}.flow-input{flex-direction:column;align-items:flex-start;padding:16px;gap:10px}.flow-agent,.flow-review{min-height:0;padding:20px;display:grid;grid-template-columns:34px 1fr;column-gap:14px;row-gap:4px}.flow-agent svg,.flow-review svg{grid-row:1/3}.flow-agent>span,.flow-review>span{grid-column:2}.flow-connector{height:38px;position:relative}.flow-connector svg{display:none}.flow-connector:before{content:'';position:absolute;left:50%;height:100%;width:2px;background:#496774}.flow-connector:after{content:'';position:absolute;left:50%;height:calc(var(--flow-progress)*100%);width:2px;background:#64e4ed;box-shadow:0 0 8px #64e4ed55}.flow-merge:before{width:50%;left:25%;height:18px;border:1px solid #496774;border-top:0;background:transparent;border-radius:0 0 12px 12px}.workflow-outcome{flex-wrap:wrap;gap:10px;margin-top:20px;padding-top:18px}.workflow-outcome strong{width:100%;margin-left:36px}.hero:after{background:linear-gradient(0deg,#10111460,transparent 35%,#101114 95%)}.delivery-console{box-shadow:none}}
@media(prefers-reduced-motion:reduce){.flow-card{transition:none}.flow-trace{stroke-dashoffset:0}}.reduced .flow-card{transition:none}.reduced .flow-trace{stroke-dashoffset:0}
