/* Existing systems remain the foundation; a business workflow adds capability. */
:root{--paper:#f7f4ec;--ink:#1d3027;--orange:#f1824c;--muted:#607066;--line:#d8ddd2;--focus:#b44c26}
.cover{background:var(--paper);color:var(--ink)}.site-header{border-bottom:1px solid var(--line)}.brand-line{color:#637264}.brand svg{color:#cf572d}.nav-cta{border-color:#7d8a7d}.nav-cta:hover{background:var(--ink);color:var(--paper)}.nav-links{gap:24px;font-size:12px}
.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:90px;min-height:0;align-items:end;padding-top:65px;padding-bottom:45px}.hero .eyebrow{color:#657063;font-size:10px;letter-spacing:.08em}.hero h1{font-size:clamp(52px,5.3vw,77px);font-weight:620;line-height:1.02;letter-spacing:-.055em;margin:25px 0 0}.hero h1 span{color:#c7522c}.hero-intro{padding-bottom:4px;max-width:470px}.hero-intro .hero-thesis{font-size:27px;line-height:1.15;letter-spacing:-.035em;font-weight:500;margin-bottom:17px}.hero-intro>p:not(.hero-thesis){color:var(--muted);font-size:14px;line-height:1.75;margin:0 0 22px}.hero .button{background:var(--ink);color:var(--paper);font-size:11px;padding:13px 16px;min-height:45px}.hero .button:hover{background:#365343}.hero .text-link{color:#536653;font-size:10px;border-color:#a1ac98}.hero .actions{gap:18px}
.workflow-studio{border:1px solid #c9d1c3;background:#fffdf7;box-shadow:0 18px 50px -35px #52614c66;scroll-margin-top:25px;position:relative}.studio-heading{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:25px 28px 24px;border-bottom:1px solid var(--line)}.studio-heading .eyebrow{font-size:9px;letter-spacing:.08em;color:#6a786c}.studio-heading h2{font-size:23px;line-height:1.2;letter-spacing:-.035em;margin:8px 0 0;font-weight:550}.studio-heading h2>span{font-weight:400;color:#6b766a}.edit-workflow{display:flex;align-items:center;gap:12px;min-height:42px;padding:10px 14px;background:#fffdf7;color:#354c3c;border:1px solid #bdc9b7;font-size:11px;white-space:nowrap}.edit-workflow>span:first-child{font-size:18px;color:#c35a31}.edit-workflow:hover{background:#edf0e5}.workflow-toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:17px 28px;font-size:11px;background:#f2f3eb}.workflow-name{display:flex;align-items:center;gap:9px;font-weight:550}.workflow-dot{width:6px;height:6px;background:#cf6137;border-radius:50%}.workflow-version{font:8px ui-monospace,monospace;letter-spacing:.08em;color:#75806f;margin-left:7px}.workflow-case{display:flex;align-items:center;gap:9px;color:#697461;font-size:10px}.workflow-case strong{font-weight:500;color:#384d3c}
.workflow-canvas{position:relative;padding:38px 28px 14px;background-image:radial-gradient(#72856826 .7px,transparent .7px);background-size:16px 16px;isolation:isolate}.workflow-wires{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1;overflow:visible}.flow-wire{marker-end:url(#flow-arrow);fill:none;stroke:#d8ab84;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;transition:stroke .25s,opacity .25s}.flow-wire.active{stroke:#dd6836;stroke-width:4}.flow-wire.bypass-wire{opacity:0;stroke-dasharray:5 5}.workflow-studio[data-route="automatic"] .review-wire{opacity:.25}.workflow-studio[data-route="automatic"] .bypass-wire{opacity:1}.workflow-studio[data-route="automatic"] .people-node{opacity:.57}.workflow-nodes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;position:relative}.flow-node{position:relative;background:#fffef9;border:1px solid #cbd4c5;padding:18px 18px 0;min-height:202px;box-shadow:0 5px 0 #e8eadf;display:flex;flex-direction:column;transition:border-color .25s,box-shadow .25s,opacity .25s;--node-color:#67589a}.flow-node:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--node-color)}.node-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:19px}.node-kind{display:flex;align-items:center;gap:7px;color:var(--node-color);font:9px ui-monospace,monospace;letter-spacing:.055em;white-space:nowrap}.node-kind svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.5;flex:none}.node-number{font:9px ui-monospace,monospace;color:#89917f}.flow-node h3{font-size:20px;line-height:1.16;letter-spacing:-.035em;font-weight:550;margin:0 0 11px;min-height:46px}.flow-node>p{font-size:11px;line-height:1.6;color:#63725f;margin:0 0 16px;max-width:220px}.node-state{margin:auto -18px 0;padding:11px 18px;border-top:1px solid #e2e7da;font:9px/1.5 ui-monospace,monospace;color:#707e6a;min-height:37px;background:#f7f8f0}.ai-node{background:#f1edf8}.rule-node{background:#faf0d5;--node-color:#9a741d}.people-node{background:#f9e8de;--node-color:#ba5938}.action-node{background:#e4f0e8;--node-color:#34846f}.flow-node.is-active{border-color:var(--node-color);box-shadow:0 5px 0 color-mix(in srgb,var(--node-color) 25%,#fffdf7)}.flow-node.is-active .node-state{color:var(--node-color);background:#f5f2e6}.flow-node.is-complete .node-state{color:#2e7154;background:#edf4e8}.flow-node.is-complete .node-state:before{content:"✓ ";margin-right:4px}.workflow-route{display:flex;gap:9px;align-items:center;justify-content:center;margin-top:40px;position:relative;min-height:31px}.workflow-route>p{margin:0;color:#67725e;font-size:11px;line-height:1.5;background:#fffdf7;padding:3px 5px}.route-indicator{width:5px;height:5px;background:#c76a3a;border-radius:50%}.workflow-route button{color:#9a4c2d;border:0;border-bottom:1px solid #d0ae91;background:#fffdf7;font-size:10px;padding:7px 0;margin-left:8px;white-space:nowrap;min-height:32px}
.existing-systems{background:#20372c;color:#eef2e6;padding:20px 28px 23px}.systems-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:19px}.systems-heading .eyebrow{font-size:9px;color:#bbcfb6;letter-spacing:.09em}.systems-heading>span:last-child{font-size:10px;color:#a8bea3}.systems-list{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px;margin:0;padding:0}.systems-list li{display:flex;align-items:center;gap:12px;border-top:1px solid #51674f;padding-top:16px;position:relative;min-width:0}.system-symbol{display:grid;place-items:center;width:32px;height:32px;flex:none;border:1px solid #5e7857;font-size:23px;color:#d3e1bf;font-weight:300}.systems-list strong{display:block;font-size:12px;font-weight:500;margin-bottom:5px}.systems-list li>div>span{font-size:9px;line-height:1.5;color:#adbf9f;display:block}.system-state{width:5px;height:5px;background:#819774;border-radius:50%;flex:none;margin-left:auto;transition:background .3s,box-shadow .3s}.systems-list li.is-reading .system-state{background:#f9b07a;box-shadow:0 0 0 4px #efa06922}.systems-list li.is-updated .system-state{background:#d1e58f;box-shadow:0 0 0 4px #c9df8a22}.systems-list li.is-updated>div>span{color:#d1e58f}
.workflow-runbar{display:grid;grid-template-columns:auto 1fr;gap:25px;align-items:center;padding:20px 28px;border-bottom:1px solid var(--line);background:#f7f7ee}.workflow-run-actions{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.workflow-run-actions .button{min-height:43px;padding:11px 17px;font-size:11px;background:#d96536;color:#fffdf5}.workflow-run-actions .button:hover{background:#b94d27}.workflow-run-actions .button:disabled{background:#d7dcd0;color:#53644d;transform:none}.workflow-run-actions>button:not(.button){background:none;border:0;border-bottom:1px solid #a5b198;padding:9px 0;font-size:10px;min-height:38px;color:#5a6c50}.workflow-runbar>p{font:10px/1.7 ui-monospace,monospace;color:#62715a;margin:0;max-width:620px}.studio-caption{display:flex;justify-content:space-between;gap:25px;align-items:center;padding:14px 28px;color:#6b7864;font-size:9px;line-height:1.6}.studio-caption strong{font-weight:500;color:#4e6247}.studio-caption>span:last-child{font-size:8px;text-align:right}
.workflow-editor{padding:25px 28px;background:#f5edda;border-top:1px solid #d7c3a0;border-bottom:1px solid #d7c3a0}.editor-heading{display:flex;justify-content:space-between;gap:25px;align-items:center;margin-bottom:24px}.editor-heading .eyebrow{font-size:9px;color:#8b6c43}.editor-heading h3{font-size:23px;letter-spacing:-.025em;margin:7px 0 0}.editor-heading>button{font-size:25px;background:none;border:0;color:#755a39;width:42px;height:42px}.editor-fields{display:grid;grid-template-columns:1.15fr 1fr 1.15fr;gap:22px}.editor-fields label{font-size:11px;font-weight:500;line-height:1.5}.editor-fields select,.editor-fields input{display:block;width:100%;min-width:0;min-height:44px;border:1px solid #c5b898;border-radius:0;background:#fffdf6;font:12px -apple-system,BlinkMacSystemFont,"Helvetica Neue",sans-serif;color:#31452e;padding:11px;margin-top:9px}.editor-fields select{appearance:none;-webkit-appearance:none;height:44px;padding-right:32px;background-image:linear-gradient(45deg,transparent 50%,#627052 50%),linear-gradient(135deg,#627052 50%,transparent 50%);background-position:calc(100% - 16px) 19px,calc(100% - 12px) 19px;background-size:4px 4px;background-repeat:no-repeat}.editor-fields label small{font-size:9px;line-height:1.6;font-weight:400;display:block;margin-top:7px;color:#826e4c}.currency-field{position:relative;display:block}.currency-field>span{position:absolute;left:12px;top:13px;color:#6c755a}.currency-field input{padding-left:26px}.editor-footer{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:20px}.editor-footer p{font-size:10px;line-height:1.7;color:#7e6f52;margin:0}.editor-footer .button{min-height:43px;font-size:11px;background:#263d2d;color:#fffdf6}.editor-fields input:focus-visible,.editor-fields select:focus-visible{outline:2px solid #a44826;outline-offset:3px}
.hero-bottom{color:#4d6147;border-color:var(--line);display:grid;grid-template-columns:repeat(4,1fr);gap:20px;font-size:11px;padding:27px 0;margin-top:32px}.hero-bottom b{font:9px ui-monospace,monospace;color:#b05934;margin-right:9px}.why{padding-top:95px}.capability-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.capability-principles article{border-top:1px solid #aebba2;padding-top:22px}.principle-index{font:9px ui-monospace,monospace;letter-spacing:.07em;color:#a55532}.capability-principles h3{font-size:29px;line-height:1.15;letter-spacing:-.035em;margin:25px 0 19px;font-weight:500}.capability-principles p{font-size:13px;line-height:1.8;color:#66755c;max-width:340px;margin:0}.principle-example{margin-top:24px;padding-top:19px;border-top:1px solid var(--line);font:11px/1.9 ui-monospace,monospace;color:#3f593b}.meaning{grid-template-columns:1fr 2fr;margin-top:42px}.meaning strong{font-size:23px;letter-spacing:-.035em}.meaning p{font-size:14px}.run-section{background:#e7ebdc}.run-section h2 span{color:#61734f}.authority-gate{background:#bb552e}.pilot{background:#f0eee2}.closing-stripes{transform:rotate(-8deg);top:230px;opacity:.1}.closing-stripes i{height:22px;width:500px}
@media(min-width:761px) and (max-width:1100px){.hero{gap:40px;padding-top:48px}.hero h1{font-size:clamp(46px,5.4vw,60px)}.hero-intro .hero-thesis{font-size:23px}.hero-intro>p:not(.hero-thesis){font-size:13px}.hero .actions{gap:10px}.nav-links{gap:15px;font-size:10px}.flow-node{padding:15px 12px 0;min-height:220px}.node-state{margin:auto -12px 0;padding:11px 12px;font-size:8px}.node-kind{font-size:8px;gap:4px}.node-number{display:none}.flow-node h3{font-size:19px}.flow-node>p{font-size:10px}.workflow-nodes{gap:18px}.systems-list{gap:18px}.system-symbol{width:26px;height:28px;font-size:20px}.systems-list strong{font-size:11px}.systems-list li{gap:8px}.systems-list li>div>span{font-size:8px}.hero-bottom{font-size:9px;gap:12px}.capability-principles{gap:27px}.capability-principles h3{font-size:25px}}
@media(max-width:900px){.hero{grid-template-columns:1fr;gap:27px;padding-bottom:32px}.hero-intro{max-width:620px}.hero-intro .hero-thesis{font-size:24px}.hero-intro .hero-thesis br{display:none}.hero h1{font-size:clamp(50px,7vw,67px)}.hero-intro>p:not(.hero-thesis){font-size:14px}.studio-heading h2{font-size:20px}.studio-heading h2>span{display:block;margin-top:4px}.workflow-case{font-size:9px}.workflow-runbar{grid-template-columns:1fr;gap:12px}.workflow-runbar>p{min-height:34px}.node-kind{font-size:7px}.hero-bottom{grid-template-columns:1fr 1fr;gap:19px;font-size:11px}}
@media(max-width:760px){.nav-links{background:var(--paper);color:var(--ink);border-color:var(--line);font-size:13px}.hero{padding-top:37px;gap:24px}.hero .eyebrow{font-size:8px;letter-spacing:.05em}.hero h1{font-size:clamp(39px,9.5vw,67px);margin-top:23px}.hero-intro .hero-thesis{font-size:23px}.hero-intro>p:not(.hero-thesis){font-size:14px}.hero .actions{gap:15px}.hero .button{font-size:10px}.hero .text-link{font-size:10px}.studio-heading{padding:20px 17px;align-items:start;flex-direction:column;gap:16px}.studio-heading .eyebrow{font-size:8px}.studio-heading h2{font-size:21px}.studio-heading h2>span{display:block;margin-top:4px}.edit-workflow{font-size:10px;padding:8px 12px;min-height:40px}.workflow-toolbar{padding:15px 17px;flex-direction:column;align-items:start;gap:11px}.workflow-case{font-size:8px;gap:6px;flex-wrap:wrap}.workflow-canvas{padding:25px 17px 15px}.workflow-nodes{grid-template-columns:1fr 1fr;grid-template-areas:"ai rule" "action people";gap:34px 18px}.ai-node{grid-area:ai}.rule-node{grid-area:rule}.people-node{grid-area:people}.action-node{grid-area:action}.flow-node{padding:15px 11px 0;min-height:210px}.node-heading{margin-bottom:17px}.node-kind{font-size:7px;gap:4px;letter-spacing:0}.node-kind svg{width:16px;height:16px}.node-number{display:none}.flow-node h3{font-size:19px;min-height:44px}.flow-node>p{font-size:10px;line-height:1.65}.node-state{font-size:8px;margin:auto -11px 0;padding:10px 11px;min-height:44px}.workflow-route{margin-top:20px;flex-wrap:wrap;gap:3px 6px;justify-content:start}.workflow-route>p{font-size:10px;max-width:calc(100% - 18px);padding:3px 0}.workflow-route button{font-size:10px;margin-left:10px}.existing-systems{padding:19px 17px 22px}.systems-heading{align-items:start;gap:16px;margin-bottom:16px}.systems-heading .eyebrow{font-size:8px}.systems-heading>span:last-child{font-size:9px;text-align:right;max-width:95px;line-height:1.5}.systems-list{grid-template-columns:1fr 1fr;gap:19px 15px}.systems-list li{gap:8px;padding-top:14px}.systems-list strong{font-size:11px;line-height:1.3}.systems-list li>div>span{font-size:8px}.system-symbol{width:25px;height:28px;font-size:20px}.system-state{width:4px;height:4px}.workflow-runbar{padding:18px 17px;gap:12px}.workflow-run-actions{gap:12px}.workflow-run-actions .button{font-size:10px;padding:11px 13px}.workflow-run-actions>button:not(.button){font-size:9px}.workflow-runbar>p{font-size:9px;min-height:47px}.studio-caption{padding:14px 17px;flex-direction:column;align-items:start;gap:7px;font-size:9px}.studio-caption>span:last-child{text-align:left;font-size:8px}.workflow-editor{padding:22px 17px}.editor-heading{margin-bottom:20px;gap:10px}.editor-heading .eyebrow{font-size:8px}.editor-heading h3{font-size:22px}.editor-fields{grid-template-columns:1fr;gap:18px}.editor-footer{flex-direction:column;align-items:start;gap:15px}.editor-footer p{font-size:10px}.hero-bottom{font-size:9px;gap:16px 12px;margin-top:22px;padding:22px 0}.hero-bottom b{font-size:8px;margin-right:5px}.why{padding-top:65px}.capability-principles{grid-template-columns:1fr;gap:32px}.capability-principles h3{font-size:29px;margin:20px 0 16px}.capability-principles h3 br{display:none}.capability-principles p{max-width:550px}.principle-example{font-size:10px;margin-top:19px;padding-top:15px}.meaning{grid-template-columns:1fr;gap:15px;margin-top:35px}.meaning p{font-size:13px}.closing-stripes{right:-330px}}
@media(prefers-reduced-motion:reduce){.flow-wire,.flow-node,.system-state{transition:none}}
