.workflow-section{background:#183a39;color:#f7faf0;padding:75px max(5%,calc((100vw - 1224px)/2));overflow:hidden}.workflow-heading{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:end}.workflow-heading .eyebrow{color:#bfd7ae;font-size:9px}.workflow-heading>div>p:not(.eyebrow){color:#bdd0c8;font-size:14px;margin:0 0 18px}.scenario{display:flex;align-items:center;gap:18px;background:#254b44;border:1px solid #45665a;border-radius:10px;padding:22px 25px;margin-top:35px}.scenario-icon{font-size:30px;color:#c5e5b1}.scenario small{font-size:9px;letter-spacing:1px;color:#a9c49c}.scenario p{font-size:14px;margin:4px 0}.scenario-badge{font-size:9px;color:#c2d1c3;margin-left:auto;white-space:nowrap}.workflow-controls{display:flex;align-items:center;gap:20px;margin:25px 0}.play-controls{display:flex;align-items:center;gap:10px}.play-controls .button{background:#c5e5b1;color:#183a39;border-color:#c5e5b1;min-width:190px}.reset-button{background:transparent;color:inherit;border:1px solid #567069;padding:10px 13px;border-radius:5px;font-size:12px}.reset-button:disabled{opacity:.35;cursor:default}.workflow-controls p{font-size:11px;color:#c0d0c7;margin:0}.simulation-note{margin-left:auto;color:#abc2b6;font-size:9px}.workflow-layout{display:grid;grid-template-columns:1fr 1fr;gap:38px;align-items:start}.flow-map{position:relative;display:grid;gap:17px;padding:3px 0}.flow-track{position:absolute;top:40px;bottom:40px;left:39px;width:2px;background:linear-gradient(#9bbf82,#477b69);opacity:.5}.flow-node{position:relative;text-align:left;display:flex;align-items:center;gap:16px;min-height:99px;border:1px solid #486459;background:#23463f;color:#eff7e8;border-radius:11px;padding:17px 18px;transition:transform .35s,border-color .35s,background .35s,box-shadow .35s;width:100%;box-shadow:0 8px 20px #071e1910}.flow-node:hover{transform:translateX(4px);border-color:#b4ce9e}.flow-node.selected{background:#eef4e6;color:#183a39;border-color:#d1e8ba;transform:translateX(7px);box-shadow:0 12px 28px #061e2535}.flow-node.complete{border-color:#7b9e6f}.node-icon{display:flex;flex-shrink:0;width:40px;height:40px;background:#34584a;border-radius:10px;align-items:center;justify-content:center;font-size:22px;color:#c5e5b1}.selected .node-icon{background:#dbe8d1;color:#315a40}.flow-node small{display:block;font-size:8px;letter-spacing:1.1px;color:#b5c9b7}.selected small{color:#65825b}.flow-node strong{display:block;font-size:14px;font-weight:600}.flow-node em{display:block;font-size:10px;font-style:normal;color:#b8ccbf;letter-spacing:0;margin-top:3px}.selected em{color:#63776a}.node-state{margin-left:auto;font-size:9px;white-space:nowrap;font-weight:500}.project-panel{background:#f7f9f2;border-radius:12px;color:#183a39;box-shadow:0 15px 35px #061e2530;position:sticky;top:25px;overflow:hidden}.panel-top{display:flex;justify-content:space-between;border-bottom:1px solid #dce5d5;padding:18px 25px;font-size:8px;letter-spacing:1.3px;color:#6b7a65}.panel-top i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#80a86b;margin-right:5px}#project-content{padding:28px;min-height:455px;animation:panel-in .4s ease}#project-content .tag{font-size:8px;color:#587647;background:#e7efde;padding:6px 9px;border-radius:4px}#project-content h3{font-size:25px;letter-spacing:-1px;margin:22px 0 15px}#project-content>p{font-size:12px;color:#667563}.project-rows{margin:23px 0}.project-rows>div{display:grid;grid-template-columns:105px 1fr;gap:10px;border-top:1px solid #dde4d6;padding:13px 0;font-size:11px}.project-rows span{color:#78836e}.project-rows strong{font-weight:550}.project-note{font-size:10px!important;padding-left:12px;border-left:2px solid #acc493}.project-output{background:#e7efdf;border:1px solid #d8e5ca;border-radius:6px;padding:14px;margin-top:20px}.project-output span{display:block;font-size:8px;letter-spacing:1px;color:#748b64}.project-output strong{display:block;font-size:11px;margin-top:4px;font-weight:600}.panel-actions{padding:17px 25px;border-top:1px solid #dce5d5;display:flex;justify-content:space-between;gap:15px}.panel-actions .reset-button{color:#62745a;border-color:#cbd7c1}.workflow-takeaway{display:flex;align-items:center;gap:12px;border-top:1px solid #486459;margin-top:32px;padding-top:23px;font-size:11px;color:#b9cdbd}.workflow-takeaway strong{font-weight:500;color:#e4efd9}.workflow-takeaway a{margin-left:auto;color:#c5e5b1;font-size:10px}.monogram img{border-radius:25px}#play-demo{white-space:nowrap}@keyframes panel-in{from{opacity:.4;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1000px){.workflow-layout{gap:23px}.flow-node{padding:14px 12px;gap:10px}.node-state{display:none}.scenario-badge{display:none}.workflow-controls{flex-wrap:wrap}.simulation-note{display:none}.workflow-takeaway{flex-wrap:wrap}.workflow-takeaway a{margin-left:0}.project-rows>div{grid-template-columns:85px 1fr}#project-content{padding:23px}}@media(max-width:700px){.workflow-section{padding:50px 5%}.workflow-heading{grid-template-columns:1fr;gap:22px}.workflow-heading h2{font-size:33px}.workflow-heading .eyebrow{font-size:8px}.scenario{padding:17px;gap:12px}.scenario p{font-size:12px}.workflow-layout{grid-template-columns:1fr;gap:25px}.flow-map{display:flex;gap:10px;overflow-x:auto;padding:3px 4px 16px;scroll-snap-type:x mandatory}.flow-track{display:none}.flow-node{min-width:245px;max-width:245px;min-height:107px;scroll-snap-align:start}.flow-node.selected{transform:none}.flow-node em{font-size:9px}.flow-node strong{font-size:12px}.node-icon{width:33px;height:33px}.project-panel{position:static}#project-content{min-height:430px}.workflow-controls{gap:12px}.workflow-controls p{width:100%;font-size:10px}.workflow-takeaway{display:block;font-size:11px}.workflow-takeaway>*{display:block;margin-top:7px}.workflow-section .demo-label{font-size:8px}.panel-actions{padding:16px}.panel-actions .button{font-size:10px;gap:10px}.project-rows>div{font-size:11px}.flow-node:hover{transform:none}}@media(prefers-reduced-motion:reduce){.flow-node{transition:none}#project-content{animation:none}}