/* Connected systems, with the business outcome in the foreground. */
.wrap{max-width:1560px;padding:0 3vw}.hero{padding:48px 0 36px}.hero h1{font-size:clamp(42px,4.7vw,66px)}.hero p{max-width:420px}.systems-lab{margin-bottom:42px}.lab-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 0 20px;border-bottom:1px solid #ffffff18}.lab-intro>span{font-size:12px;color:#91a1b7}.lab-jumps{display:flex;gap:25px;font-size:14px}.lab-jumps a{color:#bbcbe0}.lab-jumps a:hover{color:#fff}.system-legend{display:flex;gap:25px;margin:19px 0 25px;color:#9aacc4;font-size:13px;flex-wrap:wrap}.system-legend>span{display:flex;align-items:center;gap:8px}.system-legend svg{height:18px;width:18px;fill:none;stroke:#edcd92;stroke-width:1.8}.legend-agent{border:1px solid #6c96ff6e;color:#a6c7ff;background:#203659;border-radius:4px;padding:3px 5px;font-size:11px;letter-spacing:.5px}.legend-connection{color:#a8dfb9;font-size:21px}.system-card{display:grid;grid-template-columns:minmax(210px,.75fr) minmax(0,2.5fr);gap:25px;padding:24px 24px 24px 30px;border:1px solid #ffffff14;border-radius:23px;background:linear-gradient(118deg,#17202b,#111720 44%,#0c1018);margin:0 0 30px;scroll-margin-top:20px}.system-story{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:10px 7px 10px 0}.system-number{text-transform:uppercase;letter-spacing:1.5px;color:#8eacca;font-size:12px;margin-bottom:18px}.system-story h2{font-size:clamp(25px,2.25vw,34px);font-weight:500;letter-spacing:-.9px;line-height:1.22;margin:0 0 20px;color:#eff5ff;max-width:320px}.system-story>p{font-size:16px;line-height:1.8;color:#9bacc1;margin:0 0 23px;max-width:290px}.story-actions{display:flex;align-items:flex-start;flex-direction:column;gap:14px}.story-actions .button{font-size:14px;padding:11px 16px}.text-button{font-size:13px;background:none;border:0;padding:5px 0;color:#b1c8e7;line-height:1.4;cursor:pointer}.text-button:hover{color:#fff}.text-button:disabled{color:#607086}.system-stack{font-size:12px;color:#6f849e;line-height:1.8;margin-top:28px;max-width:270px}.system-surface{position:relative;min-width:0;background:#090e16;border:1px solid #657b9855;border-radius:15px;box-shadow:0 15px 28px #0004;overflow:hidden;align-self:center}.surface-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 19px;border-bottom:1px solid #ffffff0c;color:#859bb5;font-size:12px}.simulation-label{border:1px solid #536b8c55;padding:4px 7px;border-radius:5px;color:#9fb8d5;font-size:11px}.diagram-scroll{overflow:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#3b526e #111a27;background-image:radial-gradient(#6076913d .7px,transparent .7px);background-size:15px 15px}.diagram-viewport{min-width:720px;position:relative;overflow:hidden}.system-diagram{position:relative;width:1080px;height:520px;transform-origin:top left}.connections{position:absolute;inset:0;width:1080px;height:520px;overflow:visible;pointer-events:none}.connection{fill:none;stroke:#67809d;stroke-width:1.4;opacity:.55;transition:stroke .6s,opacity .6s}.connection.support{stroke-dasharray:3 5;stroke:#5e7799}.connection.delegate{stroke-dasharray:6 4;stroke:#7894bc}.connection.return{stroke:#7997bb;stroke-dasharray:2 5}.connection.loop{stroke:#ae9371;stroke-dasharray:4 6;opacity:.3}.connection.is-complete{stroke:#91c9b5;opacity:.8}.connection.is-running{stroke:#9fc5ff;stroke-width:2.3;stroke-dasharray:9 8;opacity:1;animation:connection-travel 2.6s linear infinite;filter:drop-shadow(0 0 3px #7aa9ff66)}.connection.is-unused{opacity:.13;stroke:#526172}.system-node{position:absolute;transform:translate(-50%,-50%);width:154px;min-height:57px;display:flex;align-items:center;gap:9px;background:linear-gradient(140deg,#253344,#1a2533);border:1px solid #8194aa85;border-radius:7px;padding:10px 9px;text-align:left;box-shadow:0 5px 14px #0004;transition:background .8s,border-color .8s,box-shadow .8s;z-index:1}.node-icon{display:grid;place-items:center;flex-shrink:0;color:#c6d4e6}.node-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.node-copy{display:block;min-width:0}.node-copy strong{display:block;font-size:13px;font-weight:500;line-height:1.4;color:#dce7f7}.node-copy small{display:block;margin-top:4px;font-size:11px;line-height:1.3;color:#8199b5}.kind-agent{width:166px;border-color:#8aade8a1;background:linear-gradient(140deg,#2f4160,#203047);box-shadow:0 0 30px #528bff09,0 7px 16px #0004}.kind-agent .node-icon{color:#b9d6ff}.kind-agent .node-copy strong{font-size:14px}.kind-agent .node-copy small{font-size:11px;color:#9bb3d4}.intelligence-badge{position:absolute;top:-10px;right:8px;border:1px solid #6b98e0;background:#243f69;color:#bbd6ff;font-size:10px;letter-spacing:.6px;line-height:1.4;padding:2px 5px;border-radius:4px;font-weight:500}.node-port{position:absolute;right:-4px;top:calc(50% - 3px);width:6px;height:6px;border:1px solid #a9b9d0;background:#243243;border-radius:1px}.system-node:before{content:'';position:absolute;left:-4px;top:calc(50% - 3px);height:6px;width:6px;background:#a9b9d0;border:1px solid #1e2a3a;border-radius:50%}.kind-tool,.kind-model{width:132px;height:88px;min-height:88px;background:transparent;border:0;box-shadow:none;display:flex;flex-direction:column;align-items:center;padding:0;gap:8px;text-align:center}.kind-tool .node-icon,.kind-model .node-icon{height:43px;width:43px;border:1px solid #7185a26e;border-radius:50%;background:linear-gradient(130deg,#263242,#16212f);box-shadow:0 5px 10px #0003}.kind-model .node-icon{color:#b1c8f2;border-color:#7c98c266}.kind-tool .node-copy strong,.kind-model .node-copy strong{font-size:12px}.kind-tool .node-copy small,.kind-model .node-copy small{font-size:11px;margin-top:2px;color:#7188a5}.kind-tool .node-port,.kind-model .node-port{right:calc(50% - 3px);top:-4px}.kind-tool:before,.kind-model:before{display:none}.kind-human{border-color:#b8a27b9c;background:linear-gradient(130deg,#3b352a,#262b30)}.kind-human .node-icon{color:#e7c997}.kind-human .node-copy small{color:#b7a784}.kind-rule{border-radius:15px;background:#1d2b3b}.kind-rule .node-icon{color:#acbdd2}.system-node.is-current{border-color:#b3d0ff;box-shadow:0 0 0 3px #6199ff14,0 0 32px #669fff20;background:#2b4163}.system-node.is-complete{border-color:#71a48f;background:#24382f}.kind-tool.is-current,.kind-model.is-current,.kind-tool.is-complete,.kind-model.is-complete{background:transparent;box-shadow:none}.kind-tool.is-current .node-icon,.kind-model.is-current .node-icon{border-color:#a3c6ff;box-shadow:0 0 24px #6a9eff44}.kind-tool.is-complete .node-icon,.kind-model.is-complete .node-icon{border-color:#8eb4a6}.system-node.is-waiting{border-color:#e8c58a;background:#403628;box-shadow:0 0 24px #d9aa6022}.is-running .node-icon{animation:node-listen 3s ease-in-out infinite}.surface-controls{border-top:1px solid #ffffff0c;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:11px 17px;min-height:56px;background:#111925}.system-status{color:#8fa9c5;font-size:12px;line-height:1.7;max-width:500px}.surface-controls>div{display:flex;align-items:center;gap:16px;flex-shrink:0}.icon-button{height:30px;min-width:30px;border:1px solid #6c86a644;border-radius:5px;background:#213046;font-size:13px;color:#abc5e8}.inspector{position:absolute;z-index:4;bottom:63px;right:17px;width:min(370px,calc(100% - 34px));padding:23px;background:#162333f5;border:1px solid #739ac477;border-radius:12px;box-shadow:0 25px 70px #000b;backdrop-filter:blur(12px)}.inspector h3{font-size:22px;line-height:1.3;margin:10px 0}.inspector p{font-size:14px;line-height:1.75;color:#b7c7db}.inspector-close{position:absolute;right:9px;top:8px;border:0;background:none;color:#b7cee7;font-size:23px}.node-evidence{font-size:13px;line-height:1.8;border-top:1px solid #ffffff1c;margin-top:18px;padding-top:13px;color:#c7d9ee;overflow-wrap:anywhere}.node-evidence span{display:block;font-size:10px;letter-spacing:1px;color:#7e99b7;margin-bottom:8px}.system-result{grid-column:1/-1;padding:25px;border:1px solid #6e91b63b;border-radius:13px;background:#132132;min-width:0}.result-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:23px}.result-heading h3{font-size:23px;font-weight:500;letter-spacing:-.6px;margin:10px 0 0;line-height:1.4}.result-heading .text-button{flex-shrink:0}.invoice-paper{max-width:620px;padding:23px 28px;background:#ecf2f9;color:#203149;border-radius:7px}.invoice-paper>span{font-size:12px;letter-spacing:1px}.invoice-paper dl>div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #b7c5d6;padding:13px 0;font-size:15px}.invoice-paper dd{margin:0}.invoice-total{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:24px;font-size:14px}.invoice-total b{font-size:25px}.held-note{font-size:13px;line-height:1.8;color:#685431;background:#eadfc8;padding:10px;border-radius:5px}.reply-paper{background:#edf3fa;border-radius:8px;padding:20px;color:#21364c}.reply-paper label{font-size:13px;color:#60758d}.reply-paper textarea{background:transparent;border:0;color:#20334d;font-size:16px;line-height:1.8;min-height:175px;width:100%;resize:vertical;padding:13px 0}.handover-cards{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:18px}.handover-cards>div{border:1px solid #8095b32b;padding:18px;border-radius:7px}.handover-cards small{display:block;color:#85a2c7;font-size:11px;letter-spacing:.8px;margin-bottom:10px}.handover-cards strong{font-size:16px;font-weight:500}.handover-cards p{font-size:14px;color:#9ab0c9}.specialist-findings{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.specialist-findings>div{border:1px solid #7494bd44;border-radius:9px;background:#1a2d44;padding:20px}.specialist-findings span{font-size:11px;color:#8eaed8;letter-spacing:1px;display:block;margin-bottom:13px}.specialist-findings strong{font-size:24px;font-weight:500;letter-spacing:-.6px}.specialist-findings p{font-size:14px;color:#aebed2;line-height:1.7}.margin-chart{margin-top:23px;max-width:750px}.margin-chart>div{display:grid;grid-template-columns:180px 1fr 65px;align-items:center;gap:20px;font-size:14px;margin:15px 0}.margin-chart b{font-weight:500;color:#b8d1f6;text-align:right}.margin-track{height:7px;background:#293d58;border-radius:10px}.margin-track i{display:block;height:100%;background:#8fb8f0;border-radius:10px}.readiness{display:grid;grid-template-columns:1fr 1.4fr;gap:35px;border:1px solid #708bb533;padding:24px;border-radius:9px}.readiness h4{font-size:28px;font-weight:500;margin:12px 0 20px}.readiness>div>span{color:#8da8c9;font-size:13px}.ready{color:#aadbc6}.held{color:#e7c592}.readiness b{font-size:14px;font-weight:500}.readiness ul{margin:0;padding:0;list-style:none}.readiness li{display:flex;gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid #ffffff16;font-size:15px}.readiness li small{margin-left:auto;font-size:12px}.result-actions{margin-top:23px}.result-actions>p{font-size:14px;line-height:1.8;color:#a5b8d0}.result-actions>div{display:flex;align-items:center;flex-wrap:wrap;gap:18px}.completion-note{font-size:14px;color:#a6d6bf}.result-error{color:#ebc398!important}.compare-label{font-size:13px;color:#96abc5;display:flex;flex-direction:column;gap:8px}.compare-label select{background:#152335;border:1px solid #809abb66;border-radius:6px;padding:10px 12px;font-size:14px;color:#d4e1f3}.impact-grid{margin-top:4px}.impact-heading{margin-bottom:16px}.impact-heading h2{margin-bottom:0}#edit-dialog{width:min(650px,calc(100% - 28px));max-height:90vh;overflow:auto;background:#142032;color:#e4efff}#edit-fields{display:grid;grid-template-columns:1fr 1fr;gap:17px}#edit-fields label{font-size:14px;color:#b9cbe3;margin:0}#edit-fields input,#edit-fields select{display:block;margin-top:9px;width:100%;font-size:16px;background:#0f1a29;border:1px solid #6888b366;color:#e6f0ff;padding:10px;border-radius:6px}#edit-fields textarea{margin-top:10px;min-height:145px;font-size:16px;background:#0f1a29;color:#e6f0ff;border-color:#6888b366}#edit-fields .full{grid-column:1/-1}#edit-fields p{font-size:13px;line-height:1.8}#edit-form{text-align:left}#edit-error{font-size:14px;color:#e4bb89}#edit-dialog .sample-note{font-size:12px;margin-bottom:0}.system-story .button:focus-visible,.system-node:focus-visible{outline:3px solid #c1d7ff;outline-offset:4px}.diagram-scroll:focus-visible{outline:2px solid #8fb5ed;outline-offset:-3px}
@keyframes connection-travel{to{stroke-dashoffset:-68}}@keyframes node-listen{50%{filter:drop-shadow(0 0 6px #a9cfff66)}}
@media(min-width:1600px){.system-card{grid-template-columns:280px minmax(0,1fr)}}
@media(max-width:1100px){.system-card{grid-template-columns:210px minmax(0,1fr);padding:22px;gap:20px}.system-story h2{font-size:27px}.system-story p{font-size:15px}.system-stack{margin-top:20px}.surface-controls{align-items:flex-start;flex-direction:column;gap:8px}.surface-controls>div{align-self:flex-end}.inspector{bottom:92px}}
@media(max-width:800px){.system-card{grid-template-columns:1fr;padding:20px;gap:21px}.system-story{display:grid;grid-template-columns:1.2fr 1fr;column-gap:30px;align-items:center;padding:0}.system-number{grid-column:1/-1;margin-bottom:14px}.system-story h2{font-size:29px;margin:0}.system-story p{margin:0;font-size:15px;max-width:none}.story-actions{grid-column:1/-1;flex-direction:row;align-items:center;margin-top:20px}.system-stack{grid-column:1/-1;max-width:none;margin-top:13px}.surface-controls{flex-direction:row;align-items:center}.surface-controls>div{align-self:auto}.system-status{max-width:none}.inspector{bottom:63px}.lab-intro{flex-wrap:wrap}.specialist-findings{grid-template-columns:1fr}.specialist-findings>div{padding:18px}.specialist-findings p{margin-bottom:0}.system-result{padding:20px}.readiness{gap:20px}}
@media(max-width:600px){.wrap{padding:0 16px}.hero{padding:30px 0}.hero h1{font-size:43px}.hero p{font-size:16px}.lab-jumps{gap:18px;font-size:13px}.system-legend{gap:12px;font-size:12px;margin:17px 0}.system-card{border-radius:16px;padding:18px 14px;margin-bottom:24px}.system-story{display:block;padding:0 4px}.system-number{display:block;font-size:11px;margin-bottom:12px}.system-story h2{font-size:29px;max-width:340px;margin-bottom:13px}.system-story p{font-size:16px;max-width:none}.story-actions{gap:18px;margin-top:18px}.story-actions .button{font-size:13px;padding:10px 14px}.system-stack{display:block}.surface-heading{padding:12px;font-size:11px;gap:8px}.surface-heading>span:first-child{max-width:220px;line-height:1.6}.system-surface{border-radius:11px}.surface-controls{padding:11px 12px;align-items:flex-start;flex-direction:column}.surface-controls>div{align-self:flex-end}.system-status{font-size:12px}.diagram-scroll:after{content:'Swipe to explore the whole system ↔';display:block;position:sticky;left:0;font-size:11px;padding:0 12px 12px;color:#7891ae;width:calc(100% - 24px)}.inspector{position:relative;bottom:auto;right:auto;width:auto;margin:12px;padding:20px}.system-result{padding:18px 14px}.result-heading{gap:12px}.result-heading h3{font-size:21px}.result-heading .text-button{font-size:11px}.handover-cards{grid-template-columns:1fr}.readiness{grid-template-columns:1fr;padding:18px}.margin-chart>div{grid-template-columns:1fr 65px;gap:8px}.margin-chart>div>span{grid-column:1/-1}.margin-track{grid-column:1}.result-actions>div{gap:15px}.invoice-paper{padding:20px}.impact-heading{display:block}.compare-label{margin:20px 0 0}.impact h2{font-size:26px}#edit-fields{grid-template-columns:1fr}#edit-fields .full{grid-column:auto}.lab-intro>span{font-size:12px}}
@media(prefers-reduced-motion:reduce){.connection.is-running,.is-running .node-icon{animation:none!important}.connection,.system-node{transition:none!important}}

/* More depth, clearer roles, and a selectable canvas on touch screens. */
.system-card{--project-accent:#79acff;--project-rgb:121,172,255;position:relative;background:radial-gradient(ellipse at 0 5%,rgba(var(--project-rgb),.12),transparent 46%),linear-gradient(120deg,#141e2c,#0c121e 75%);border:1px solid rgba(var(--project-rgb),.2);box-shadow:inset 0 1px #ffffff0a,0 22px 65px #0003;transition:border-color .35s,box-shadow .35s;isolation:isolate}
#system-enquiry{--project-accent:#79cfd7;--project-rgb:121,207,215}#system-finance{--project-accent:#b0adff;--project-rgb:176,173,255}#system-onboarding{--project-accent:#89d5b9;--project-rgb:137,213,185}
.system-card:after{content:'';position:absolute;left:30px;right:30px;top:-1px;height:1px;background:linear-gradient(90deg,var(--project-accent),transparent 70%);pointer-events:none;opacity:.75}
.system-card:hover{border-color:rgba(var(--project-rgb),.4);box-shadow:inset 0 1px #ffffff12,0 26px 70px #0004}.system-number{display:flex;align-items:center;gap:12px;color:var(--project-accent);margin-bottom:22px}.system-number>b{font-size:14px;font-weight:600;height:34px;width:34px;border:1px solid rgba(var(--project-rgb),.4);background:rgba(var(--project-rgb),.08);display:grid;place-items:center;border-radius:10px;letter-spacing:0}.system-story h2{font-size:clamp(25px,2vw,31px);letter-spacing:-.85px;line-height:1.23}.system-story>p{font-size:15px;line-height:1.75;margin-bottom:20px}.story-actions{gap:13px}.story-actions .button.primary{background:linear-gradient(125deg,#84b4ff,#568eea);box-shadow:0 6px 25px #3c83fd22;border:1px solid #a2c8ff88;color:#091d3a}.system-stack{margin-top:21px;color:#9bacbf}
.question-prompts{width:100%;max-width:320px;margin:0 0 23px}.question-prompts>span{font-size:10px;color:#7692b1;letter-spacing:1.2px;display:block;margin-bottom:9px}.question-prompts button{display:flex;align-items:center;justify-content:space-between;gap:10px;background:rgba(var(--project-rgb),.035);border:1px solid rgba(var(--project-rgb),.18);border-radius:9px;padding:12px 13px;margin-top:8px;width:100%;text-align:left;color:#c5d4e8;font-size:13px;line-height:1.55;min-height:48px;transition:background .25s,border-color .25s}.question-prompts button>b{font-size:17px;color:var(--project-accent);font-weight:400}.question-prompts button:hover,.question-prompts button[aria-pressed=true]{background:rgba(var(--project-rgb),.13);border-color:rgba(var(--project-rgb),.65);color:#fff}.system-surface{border-color:rgba(var(--project-rgb),.26);background:linear-gradient(150deg,#102035,#080e19 50%);box-shadow:inset 0 1px #ffffff0e,0 20px 40px #0006}
.surface-heading{background:linear-gradient(105deg,rgba(var(--project-rgb),.10),transparent);padding:16px 18px}.architecture-label{color:#c7d6ec;display:block;font-size:13px;line-height:1.5}.surface-heading small{display:block;font-size:11px;color:#7894b7;line-height:1.6;margin-top:4px}.expand-button{font-size:12px;min-height:40px;background:#20334c8c;color:#c8ddfa;border:1px solid #84a9d94d;border-radius:7px;padding:8px 10px;white-space:nowrap}.expand-button:hover{background:#345175;color:#fff}
.diagram-scroll{background-color:#0b1421;background-image:radial-gradient(ellipse at 48% 40%,rgba(var(--project-rgb),.06),transparent 58%),radial-gradient(#8198b334 .8px,transparent .8px);background-size:auto,17px 17px}.connections{pointer-events:none!important}.connection{stroke-width:1.6;opacity:.65}.connection.is-selected{stroke:var(--project-accent);stroke-width:2.7;opacity:1;filter:drop-shadow(0 0 4px rgba(var(--project-rgb),.3))}.flow-packet{display:none;pointer-events:none;filter:drop-shadow(0 0 5px #79b8ff)}.flow-packet.is-active{display:block}
.system-node{min-height:68px;border-radius:10px;background:linear-gradient(145deg,#2b3e55,#162235 74%);border-color:#8ca6c780;box-shadow:inset 0 1px #dcecff24,0 7px 0 -3px #070e18,0 12px 20px #0006;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background .25s,border-color .25s,box-shadow .25s;gap:9px;padding:10px 9px}.system-node>*{pointer-events:none}.system-node:after{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(115deg,#ffffff09,transparent 48%);pointer-events:none}.system-node .node-copy strong{font-size:13px;color:#e5eefc}.system-node .node-copy small{font-size:11px;color:#9aafca;line-height:1.4}.system-node .node-icon{width:29px;height:29px;border-radius:7px;background:#abcaff10;color:#d0e4ff}.node-icon svg{width:22px;height:22px}.inspect-cue{position:absolute;right:5px;bottom:2px;font-size:11px;color:#95b9e8;opacity:.75}.system-node:hover,.system-node:focus-visible{border-color:#c7ddff;background:linear-gradient(145deg,#3b587b,#233754);box-shadow:inset 0 1px #ffffff40,0 0 0 3px #83b3ff18,0 10px 28px #0008;z-index:2}.system-node.is-selected{border-color:#d5e6ff;outline:2px solid rgba(var(--project-rgb),.5);outline-offset:3px;box-shadow:0 0 30px rgba(var(--project-rgb),.27),inset 0 1px #ffffff33;z-index:3}.system-node.is-selected .inspect-cue{opacity:1;color:#fff}
.kind-agent{background:linear-gradient(135deg,#3a5889,#1d2f4e 70%);border-color:#91b5f2aa;border-radius:12px}.kind-agent .node-icon{background:linear-gradient(140deg,#679df622,#a1c7ff33);color:#d6e8ff;border:1px solid #99bfff4a}.intelligence-badge{top:-11px;right:10px;font-size:11px;border-color:#97beff;background:linear-gradient(130deg,#426aaa,#27477c);box-shadow:0 0 18px #659cff25;color:#e1edff;padding:2px 7px}.human-badge{position:absolute;top:-10px;right:9px;background:#42392a;border:1px solid #dfc88b99;color:#efdca8;font-size:10px;letter-spacing:.7px;padding:2px 6px;border-radius:4px}.kind-human{background:linear-gradient(140deg,#4a4235,#222c39);border-color:#c8ad7199}.kind-human .node-icon{color:#f7dd9e;background:#ecd58f14}.kind-rule{background:linear-gradient(145deg,#344e60,#192e3c);border-color:#7da7bd88}
.kind-tool,.kind-model{height:88px;min-height:88px;background:none!important;border:0!important;box-shadow:none!important;border-radius:12px;padding:0}.kind-tool:after,.kind-model:after{display:none}.kind-tool .node-icon,.kind-model .node-icon{width:45px;height:45px;border-radius:50%;border:1px solid #8ea9cf80;background:radial-gradient(circle at 30% 20%,#405a7a,#192d47 70%);box-shadow:inset 0 1px #c1ddff3b,0 6px 0 -3px #060e19,0 12px 22px #0006}.kind-tool:hover .node-icon,.kind-model:hover .node-icon{border-color:#d2e3ff;box-shadow:0 0 0 4px #8cb8ff16,0 0 25px #87b5ff33}.kind-tool .node-copy strong,.kind-model .node-copy strong{font-size:12px}.kind-tool .inspect-cue,.kind-model .inspect-cue{top:31px;bottom:auto;right:39px}.kind-tool.is-selected,.kind-model.is-selected{outline:2px solid #aacaff77;outline-offset:5px}
.app-letter{font-size:17px;font-weight:700;letter-spacing:-1px}.brand-simpro .node-icon,.brand-outlook .node-icon{background:linear-gradient(135deg,#3289cf,#124f90);border-color:#75baf855;color:#ecf8ff}.brand-xero .node-icon{background:linear-gradient(135deg,#2dc3e3,#0078a8);border-color:#79defd66;color:#fff}.brand-teams .node-icon{background:linear-gradient(135deg,#9187f0,#5147a1);color:#fff}.brand-sharepoint .node-icon,.brand-excel .node-icon,.brand-hero .node-icon{background:linear-gradient(135deg,#329d9b,#146563);color:#edfffc;border-color:#82d1c855}.brand-jotform .node-icon{background:linear-gradient(135deg,#e6a253,#96603c);color:#fff8ed}.brand-hero .app-letter{font-size:13px;letter-spacing:-.5px}
.surface-controls{background:#142135;border-color:#ffffff0d;padding:13px 17px}.surface-controls .text-button,.surface-controls .icon-button{min-height:40px;padding:8px 6px}.surface-controls .icon-button{min-width:40px}.system-status{color:#b0c9e5;font-size:12px}.step-access{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:14px 17px;border-top:1px solid #ffffff0a;background:#101c2c}.step-access label{font-size:12px;color:#90abc9;display:flex;gap:12px;align-items:center;min-width:0}.step-access select{min-height:44px;max-width:300px;min-width:0;background:#1c2e46;border:1px solid #829fc54f;color:#d5e5fc;border-radius:7px;padding:9px 12px;font:13px Manrope,Arial,sans-serif}.step-access>span{font-size:10px;line-height:1.7;color:#7590ad;flex-shrink:0}.inspector{position:relative!important;bottom:auto!important;right:auto!important;width:auto!important;margin:0!important;padding:23px 42px 23px 22px;border:0;border-top:1px solid #83a8d855;border-radius:0;box-shadow:none;background:linear-gradient(120deg,#203955,#152539);backdrop-filter:none;display:grid;grid-template-columns:1fr 1fr;gap:24px}.inspector h3{font-size:22px;margin:10px 0}.inspector p{margin-bottom:0}.inspector .node-evidence{border:0;border-left:1px solid #92b3dd35;padding:0 0 0 20px;margin:0;align-self:center}.inspector-close{min-width:40px;min-height:40px;top:4px;right:4px;cursor:pointer}.scenario-answer{padding:17px 20px;background:rgba(var(--project-rgb),.085);border-top:1px solid rgba(var(--project-rgb),.2);font-size:14px;line-height:1.75;color:#c3d8f3}.system-payoff{font-size:12px;color:var(--project-accent);padding:12px 18px;border-top:1px solid #ffffff0b;background:#0d1929;line-height:1.7}
.canvas-focused{overflow:hidden}#focus-dialog{max-width:none;width:calc(100vw - 32px);max-height:calc(100dvh - 32px);height:calc(100dvh - 32px);padding:0;border:1px solid #7b9dcc66;border-radius:16px;background:#0b1320;color:#eef5ff;overflow:auto}#focus-dialog::backdrop{background:#040912e8;backdrop-filter:blur(12px)}.focus-toolbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 22px;background:#111e30f5;border-bottom:1px solid #8ba7d033;backdrop-filter:blur(10px)}.focus-toolbar>span{font-size:12px;color:#9fbce1;letter-spacing:1px}.focus-toolbar form{margin:0}.focus-toolbar .button{font-size:13px}#focus-content{padding:20px}#focus-content .system-card{grid-template-columns:250px minmax(0,1fr);margin:0}#focus-content .expand-button{display:none}#focus-content .diagram-viewport{min-width:900px}.focus-placeholder{min-height:20px}
@media(max-width:1150px){.step-access{gap:12px}.step-access label{display:block;flex:1}.step-access select{display:block;margin-top:7px;width:100%;max-width:none}.step-access>span{align-self:flex-end}.surface-heading{padding:14px}.question-prompts{max-width:none}.system-story h2{font-size:27px}#focus-content .system-card{grid-template-columns:1fr}#focus-content .system-story{display:grid;grid-template-columns:1fr 1fr;gap:15px}#focus-content .system-number{grid-column:1/-1;margin-bottom:0}#focus-content .system-story h2,#focus-content .system-story>p{max-width:none;margin:0}#focus-content .question-prompts{grid-column:1;margin:0}#focus-content .story-actions{grid-column:2;margin:0;align-self:center}#focus-content .system-stack{grid-column:1/-1;margin:0}}
@media(max-width:800px){.system-story .question-prompts{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:20px 0 0}.question-prompts>span{grid-column:1/-1;margin-bottom:0}.question-prompts button{margin:0}.system-story .story-actions{margin-top:20px}.inspector{grid-template-columns:1fr;gap:20px}.inspector .node-evidence{padding:15px 0 0;border-left:0;border-top:1px solid #92b3dd35}.step-access label{display:flex}.step-access select{margin:0;max-width:300px}.step-access>span{align-self:center}.system-number{display:flex}}
@media(max-width:600px){.system-card{padding:18px 12px}.system-story h2{font-size:29px}.system-story>p{font-size:16px}.system-story .question-prompts{display:block;margin:20px 0}.question-prompts>span{margin-bottom:8px}.question-prompts button{font-size:14px;min-height:48px;margin-top:8px}.system-number>b{width:32px;height:32px}.step-access{display:block;padding:13px}.step-access label{display:block;font-size:13px}.step-access select{display:block;max-width:none;width:100%;font-size:16px;margin-top:8px}.step-access>span{display:block;font-size:11px;margin-top:10px}.step-access>span br{display:none}.step-access>span br:after{content:' · '}.surface-heading{gap:9px}.surface-heading>div{min-width:0}.architecture-label{font-size:12px}.expand-button{font-size:12px;min-height:44px}.inspector{padding:23px 35px 23px 18px!important}.system-payoff{font-size:12px}.scenario-answer{font-size:14px}.surface-controls>div{gap:20px}.surface-controls .text-button{font-size:13px}#focus-dialog{width:calc(100vw - 12px);height:calc(100dvh - 12px);max-height:calc(100dvh - 12px);border-radius:12px}.focus-toolbar{padding:12px;gap:12px}.focus-toolbar>span{font-size:10px;letter-spacing:.4px;max-width:115px}.focus-toolbar .button{font-size:12px}#focus-content{padding:10px}#focus-content .system-story{display:block}#focus-content .system-story h2{margin:14px 0}#focus-content .question-prompts{margin:18px 0}#focus-content .story-actions{display:flex;flex-direction:row}#focus-content .system-stack{margin-top:15px}}
@media(prefers-reduced-motion:reduce){.flow-packet{display:none!important}.system-card,.question-prompts button,.system-node{transition:none!important}}