/* Owner-directed revision: normal-flow navigation, fewer words, explicit actors. */
html{scroll-padding-top:28px}
.site-nav{position:relative;inset:auto;top:auto;width:min(1240px,calc(100% - 64px));height:72px;margin:8px auto 0;padding:0;background:none;border:0;border-radius:0;box-shadow:none;backdrop-filter:none;gap:30px}
.site-nav nav{gap:28px;font-size:12px}.site-nav nav>a{padding:8px 0}.site-nav nav>a:last-child{color:var(--primary-bright)}.nav-settings{border:0;gap:20px;padding:0 0 0 5px}.theme-switch{color:var(--foreground-muted)}.theme-switch>span{display:none}.site-nav .wordmark strong{font-size:24px}.site-nav .spielos-mark{width:28px;height:28px}
.chapter{width:min(1080px,calc(100% - 80px));padding:48px 0;scroll-margin-top:10px}.hero{padding-top:42px;padding-bottom:0}.section-copy{margin-bottom:32px;max-width:850px}.section-copy h1,.section-copy h2{font-size:clamp(35px,4.5vw,57px);margin-bottom:18px}.section-copy h1{font-size:clamp(43px,5.5vw,72px)}.section-copy p{font-size:15px;line-height:1.9;max-width:660px}html[lang=fa] .section-copy h1{font-size:clamp(37px,4.5vw,60px)}html[lang=fa] .section-copy h2{font-size:clamp(32px,4vw,50px);line-height:1.6}.hero .section-copy p{font-size:15px}.hero-question{margin:8px auto 22px;font-size:14px}.eyebrow{margin-bottom:13px}.reality-scene{margin-top:32px;gap:34px}.scene-note>span{display:none}.scene-note{justify-content:flex-end;padding:13px 2px}.story-bridge{height:68px}.scene-note+.story-bridge{height:40px}.story-bridge .bridge-core{stroke:var(--primary);stroke-linecap:butt;filter:none}.bridge-arrow{fill:var(--primary);filter:drop-shadow(0 1px 2px #0002)}.bridge-future{stroke:var(--primary);stroke-width:2;stroke-dasharray:19 14;opacity:.10}.bridge-tip circle{fill:none!important;stroke:var(--primary);stroke-width:1.5}.bridge-tip circle:first-child{fill:var(--primary)!important;stroke:0}.bridge-token{display:none!important}.graph-lines path{stroke-width:1.8}.graph-lines .active-path{stroke-width:2.5}.dashboard{max-width:920px}.dashboard-body{padding:18px}.metrics-grid{margin-bottom:17px}.analytics-row{margin-bottom:17px;gap:17px}.metric-tile{padding:12px 16px}.window-title>span{font-size:10px}.under-scene{margin-top:20px}.under-scene>p{display:none}.roi-trend{flex-wrap:wrap;gap:10px 14px}.roi-math{flex-basis:100%;font-size:10px;direction:ltr;text-align:center;color:var(--foreground-muted)}#roi-example{scroll-margin-top:70px}.section-copy .eyebrow{font-size:11px}
/* A compact business-function selector makes the tool choices self-explanatory. */
.department-tool-map{display:grid;grid-template-columns:265px minmax(0,1fr);gap:22px;max-width:960px;margin:auto;direction:ltr}
.department-selector{display:flex;flex-direction:column;gap:10px;position:relative;direction:ltr}
.department-choice{position:relative;text-align:start;border:1px solid var(--border);border-radius:8px;padding:14px 16px;background:linear-gradient(150deg,var(--panel-raised),var(--panel));box-shadow:var(--edge);overflow:hidden;transition:border-color .3s,background .3s,transform .3s;direction:inherit;color:var(--foreground-muted)}
html[dir=rtl] .department-choice,html[dir=rtl] .department-tool-map>.selected-path{direction:rtl}
.department-choice-title{display:flex;align-items:center;gap:9px}.department-choice-title>.ui-icon{width:20px;height:20px;color:var(--primary-bright)}.department-choice-title>strong{font-size:14px;color:var(--foreground-strong);font-weight:700}.department-choice-title>i{margin-inline-start:auto;opacity:.5}.department-choice-title>i>.ui-icon{width:16px;height:16px}html[dir=rtl] .department-choice-title>i{transform:scaleX(-1)}
.department-choice-job{display:block;font-size:10px;padding-inline-start:29px;margin-top:5px;color:var(--foreground-muted)}.department-choice-logos{display:flex;gap:7px;padding-inline-start:29px;margin-top:10px}.department-choice-logos .logo-plaque{width:23px;height:23px;border-radius:5px}.department-choice-logos img{width:16px;height:16px}
.department-choice[aria-pressed=true]{border-color:var(--primary-bright);background:linear-gradient(150deg,color-mix(in srgb,var(--primary) 13%,var(--panel-raised)),var(--panel));box-shadow:var(--edge),0 3px 14px color-mix(in srgb,var(--primary) 8%,transparent)}.department-choice:not([aria-pressed=true]):hover{border-color:var(--border-strong);transform:translateX(2px)}.department-choice[aria-pressed=true] .department-choice-title>i{color:var(--primary-bright);opacity:1}.cycle-meter{position:absolute;bottom:0;left:0;right:0;height:2px;opacity:.6}.cycle-meter>i{display:block;height:100%;width:0;background:var(--primary)}.department-tool-map.cycling .department-choice[aria-pressed=true] .cycle-meter>i{animation:tool-cycle-meter 7s linear both}.cycle-control{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:var(--muted-foreground);padding:2px 3px}.cycle-control .text-button{font-size:9px}.department-tool-map>.selected-path{margin:0;padding:22px 24px;align-self:stretch;display:flex;flex-direction:column;justify-content:space-between;min-height:365px}
.business-path-header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-bottom:18px;border-bottom:1px solid var(--border)}.business-path-header .eyebrow{font-size:9px;margin:0 0 6px}.business-path-header strong{font-size:19px;color:var(--foreground-strong);font-weight:700}.business-owner{display:flex;align-items:center;gap:7px;font-size:10px;color:var(--warning);padding:7px 9px;border:1px solid color-mix(in srgb,var(--warning) 25%,var(--border));border-radius:6px;background:color-mix(in srgb,var(--warning-soft) 45%,var(--panel))}.business-owner .ui-icon{width:20px;height:20px}.business-owner b{font-weight:500;max-width:95px;line-height:1.6}
.business-request{display:flex;align-items:center;gap:14px;padding-top:22px;font-size:12px}.business-request>span{font:600 9px Outfit,IRANSansX,sans-serif;color:var(--muted-foreground);letter-spacing:.08em}.business-request>strong{font-size:13px;font-weight:500;color:var(--foreground-strong)}.department-tool-map .pathway{margin:26px 0 24px;gap:10px}.department-tool-map .pathway .logo-plaque{width:37px;height:37px}.department-tool-map .pathway .tool-logo{font-size:9px}.department-tool-map .pathway-step small{font-size:9px}.business-output{display:flex;align-items:center;gap:12px;border-top:1px solid var(--border);padding-top:17px}.business-output>div{display:flex;flex-direction:column;gap:3px}.business-output small{font-size:9px;color:var(--muted-foreground);letter-spacing:.08em}.business-output strong{font-size:12px;color:var(--foreground-strong);font-weight:500;line-height:1.7}.business-output>.status-dot{margin-inline-start:auto}.output-check{display:grid;place-items:center;width:31px;height:31px;border:1px solid color-mix(in srgb,var(--success) 30%,var(--border));border-radius:7px;color:var(--success);background:var(--success-soft);flex-shrink:0}.output-check .ui-icon{width:17px;height:17px}.pathway-changing{animation:business-path-arrival .6s ease both}
/* Four recognisable actors: customer, AI workspace, human owner, sending tool. */
.workflow-canvas{max-width:1080px;margin:auto}.workflow-diagram{padding-top:0;min-height:330px}.workflow-row{grid-template-columns:.82fr 1.35fr 1.05fr .82fr;gap:32px;align-items:center}.workflow-node.surface{padding:0;min-height:0;border:0;border-radius:0;background:none;box-shadow:none;transform:none!important}.role-label{display:flex;align-items:center;justify-content:center;gap:7px;font-size:13px;font-weight:700;color:var(--foreground-strong);margin:0 0 13px;line-height:1.6}.role-label>.ui-icon{width:23px;height:23px;color:var(--warning)}.role-human{color:var(--warning)}.wf-node-body{position:relative;padding:18px 15px 17px;background:linear-gradient(150deg,var(--panel-raised),var(--panel));border:1px solid var(--border);border-radius:8px;box-shadow:var(--edge),0 7px 15px #0002;min-height:170px}.workflow-node .logo-plaque,.workflow-node .human-plaque{width:38px;height:38px;margin-bottom:13px}.workflow-node .human-plaque{background:var(--warning-soft);border-color:color-mix(in srgb,var(--warning) 40%,var(--border));color:var(--warning)}.workflow-node .human-plaque>.ui-icon{width:28px;height:28px}.workflow-node h3{font-size:13px;margin:0 0 10px;line-height:1.7}.wf-artifact{display:flex;gap:6px;align-items:flex-start;font-size:10px;line-height:1.8;color:var(--foreground-muted)}.wf-artifact .ui-icon{width:13px;height:16px;margin-top:2px;color:var(--muted-foreground)}.node-index{font:10px Outfit,IRANSansX,sans-serif;top:14px;inset-inline-end:13px}.workflow-node.step-active .wf-node-body{border-color:var(--primary-bright);box-shadow:var(--edge),0 0 18px color-mix(in srgb,var(--primary) 9%,transparent)}.workflow-node.step-complete .wf-node-body{border-color:color-mix(in srgb,var(--success) 50%,var(--border))}.workflow-node.step-active[data-step="3"] .wf-node-body{border-color:var(--warning);box-shadow:var(--edge),0 0 20px color-mix(in srgb,var(--warning) 9%,transparent)}
.agent-workspace{border:1px solid color-mix(in srgb,var(--primary) 35%,var(--border));border-radius:9px;padding:13px;background:linear-gradient(150deg,color-mix(in srgb,var(--primary) 7%,var(--panel-raised)),var(--panel));box-shadow:var(--edge),var(--depth);z-index:2;position:relative}.agent-workspace>header{display:flex;align-items:center;gap:8px;margin-bottom:11px;font-size:14px;color:var(--foreground-strong)}.agent-workspace>header .logo-plaque{width:28px;height:28px;border-radius:6px}.agent-workspace>header img{width:20px;height:20px}.agent-workspace .role-label{display:none}.agent-workspace .workflow-node{margin-bottom:9px}.agent-workspace .workflow-node:last-child{margin-bottom:0}.agent-workspace .wf-node-body{min-height:0;display:grid;grid-template-columns:27px 1fr;gap:2px 8px;padding:10px 12px;box-shadow:var(--edge);background:var(--panel-deep)}.agent-workspace .workflow-node .tool-logo{grid-column:1;grid-row:1/3;align-self:center}.agent-workspace .workflow-node .logo-plaque{width:25px;height:25px;margin:0}.agent-workspace .workflow-node img{width:18px;height:18px}.agent-workspace h3{font-size:11px;margin:0;grid-column:2;padding-inline-end:10px}.agent-workspace .wf-artifact{font-size:9px;grid-column:2;gap:4px}.agent-workspace .wf-artifact>.ui-icon{display:none}.agent-workspace .node-index{font-size:8px;top:8px;inset-inline-end:7px}.agent-workspace .node-status{width:14px;height:14px;bottom:-5px;inset-inline-end:10px}.agent-workspace .node-status>.ui-icon{width:9px;height:9px}
.approve-workflow{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:8px 5px;margin-top:12px;border:1px solid var(--warning);border-radius:5px;color:var(--warning);background:var(--warning-soft);font-size:10px;font-weight:600;transition:background .2s,opacity .2s}.approve-workflow .ui-icon{width:15px;height:15px}.approve-workflow:disabled{opacity:.3;cursor:default}.approve-workflow:not(:disabled):hover{background:color-mix(in srgb,var(--warning) 18%,var(--panel))}.request-packet{position:absolute;left:0;top:0;display:flex;align-items:center;gap:4px;width:46px;height:32px;z-index:8;pointer-events:none;background:var(--panel-raised);border:1px solid var(--primary);border-radius:5px;padding:3px;box-shadow:0 3px 9px #0003;opacity:0;direction:ltr}.request-packet .logo-plaque{width:19px;height:19px;border-radius:3px}.request-packet img{width:14px;height:14px}.request-packet bdi{font:7px Outfit}.blocked-branch{margin-top:25px;padding:8px 12px;max-width:340px}.blocked-branch strong{font-size:10px}.blocked-branch small{font-size:9px}.workflow-feedback{margin-top:15px;font-size:10px}.run-control{margin-top:18px;min-height:37px}.run-control>.text-button{font-size:11px;white-space:nowrap}.run-status{font-size:11px;line-height:1.8;margin:0;max-width:440px}.workflow-node.step-active .role-label{color:var(--primary-bright)}.workflow-node.step-active[data-step="3"] .role-label{color:var(--warning)}
/* A department has a name, a job, an owner and its tools. The shared OS is central. */
.system-assembly{max-width:1040px;grid-template-columns:1fr 1.15fr 1fr;grid-template-rows:repeat(3,164px);gap:19px 47px;margin:38px auto 20px}.system-node.department-node{display:block;min-height:0;height:164px;padding:15px 17px;border-radius:8px}.department-node>header{display:flex;align-items:center;gap:11px}.department-node>header>.icon-plaque{width:34px;height:34px;flex-shrink:0}.department-node header .ui-icon{width:21px;height:21px}.department-node header strong{font-size:17px;font-weight:700;line-height:1.5;color:var(--foreground-strong)}.department-work{font-size:11px;line-height:1.8;margin:8px 0;color:var(--foreground-muted)}.department-tools{display:flex;align-items:center;gap:12px}.department-tools .tool-logo{font-size:9px;gap:6px}.department-tools .logo-plaque{width:24px;height:24px;border-radius:5px}.department-tools img{width:17px;height:17px}.department-node>footer{display:flex;align-items:center;gap:6px;border-top:1px solid var(--border);padding-top:8px;margin-top:10px;color:var(--warning);font-size:9px}.department-node footer>.ui-icon{width:16px;height:16px}.assembly-core{padding:0;gap:0}.transformation-owner{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;background:var(--panel);border:1px solid color-mix(in srgb,var(--warning) 35%,var(--border));border-radius:7px;padding:11px 12px;margin-bottom:38px;max-width:255px;color:var(--warning);position:relative;z-index:3}.transformation-owner>.ui-icon{width:24px;height:24px}.transformation-owner strong{font-size:14px;color:var(--foreground-strong)}.transformation-owner small{font-size:9px;width:100%;color:var(--foreground-muted)}.assembly-core>.os-object{margin-top:0;margin-bottom:7px}.assembly-wordmark{font-size:34px}.os-control-layer{display:grid;grid-template-columns:1fr 1fr;gap:7px 12px;margin-top:15px;padding:12px;border:1px solid var(--border);border-radius:7px;background:var(--panel-deep);position:relative;z-index:2}.os-control-layer>span{display:flex;align-items:center;gap:6px;font-size:9px;color:var(--foreground-muted);white-space:nowrap}.os-control-layer .ui-icon{width:14px;height:14px;color:var(--primary-bright)}.system-statement{margin-top:26px}.system-statement p{font-size:14px;margin:17px auto}.framework-loop{font-size:10px}.system-assembly.is-visible .department-node{animation:department-arrival .7s both}.system-assembly.is-visible #system-1{animation-delay:.15s}.system-assembly.is-visible #system-2{animation-delay:.3s}.system-assembly.is-visible #system-3{animation-delay:.45s}.system-assembly.is-visible #system-4{animation-delay:.6s}.system-assembly.is-visible #system-5{animation-delay:.75s}.final-chapter{padding-top:40px}.final-note{font-size:11px}.site-footer{padding-block:22px}.founder-link{margin-top:22px}
[data-theme=paper-light] .site-nav{background:none;box-shadow:none;border:0}[data-theme=paper-light] .department-choice{background:linear-gradient(145deg,#fffaf1,#eee3d1);box-shadow:var(--edge),0 2px 5px #70502b13}[data-theme=paper-light] .department-choice[aria-pressed=true]{background:linear-gradient(145deg,#e4eef5,#f8f1e6);border-color:#397eb0}[data-theme=paper-light] .department-tool-map>.selected-path{background:linear-gradient(145deg,#fffbf1,#f4ead9)}[data-theme=paper-light] .agent-workspace{background:linear-gradient(145deg,#ebf1f3,#f5ecdc)}[data-theme=paper-light] .wf-node-body{background:linear-gradient(145deg,#fffbf3,#f2e8d8);box-shadow:inset 0 1px white,0 5px 9px #72563318}[data-theme=paper-light] .workflow-node.surface{background:none;box-shadow:none;border:0}[data-theme=paper-light] .agent-workspace .wf-node-body{background:#fff9ed;box-shadow:inset 0 1px #fff}[data-theme=paper-light] .os-control-layer{background:#f8efdf}
@keyframes tool-cycle-meter{from{width:0}to{width:100%}}@keyframes business-path-arrival{from{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes department-arrival{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1050px){.department-tools .tool-logo{flex-direction:column;gap:5px;font-size:8px}.system-node.department-node{padding:13px}.department-node header strong{font-size:15px}.department-work{font-size:10px}.department-node>footer{font-size:8px;margin-top:7px;padding-top:6px}.system-assembly{gap:17px 35px}.workflow-row{gap:22px}.role-label{font-size:12px}.department-tool-map{grid-template-columns:230px 1fr}.department-tool-map>.selected-path{padding:19px}.business-path-header strong{font-size:17px}.business-owner{font-size:9px;padding:5px 7px}.department-tool-map .pathway .tool-logo{font-size:8px}.workflow-node h3{font-size:12px}.wf-artifact{font-size:9px}.agent-workspace{padding:11px}.system-statement p{font-size:13px}}
@media(max-width:900px),(max-width:950px) and (max-height:500px){.site-nav{width:calc(100% - 36px);margin-top:4px;height:64px;gap:18px}.site-nav .wordmark strong{font-size:22px}.site-nav nav{top:calc(100% + 3px);border-radius:6px;padding:12px;background:var(--panel);z-index:95}.site-nav nav>a{padding:10px}.nav-settings{gap:17px}.chapter{width:calc(100% - 36px);padding:30px 0}.hero{padding-top:23px;padding-bottom:0}.section-copy{margin-bottom:24px}html[lang=fa] .section-copy h1{font-size:32px}html[lang=fa] .section-copy h2{font-size:29px}.section-copy h1{font-size:42px}.section-copy h2{font-size:34px}.section-copy p,.hero .section-copy p{font-size:12px;line-height:1.9}.hero-question{font-size:12px;line-height:1.9;margin:8px auto 20px}.reality-scene{margin-top:25px;gap:29px}.story-bridge{height:38px}.scene-note{padding:13px 0}.dashboard-body{padding:12px}.window-title>span{font-size:8px}.roi-math{font-size:9px;line-height:1.7}.department-tool-map{grid-template-columns:1fr;gap:16px}.department-selector{gap:7px}.department-choice{padding:11px 13px;min-height:66px}.department-choice-title{gap:8px}.department-choice-title>strong{font-size:13px}.department-choice-title>.ui-icon{width:19px;height:19px}.department-choice-title>i{margin-inline-end:0}.department-choice-job{font-size:9px;margin-top:3px;padding-inline-start:27px}.department-choice-logos{position:absolute;inset-inline-end:36px;top:16px;padding:0;margin:0;gap:5px;direction:ltr}.department-choice-logos .logo-plaque{width:22px;height:22px}.department-choice-logos img{width:15px;height:15px}.department-choice-title>strong{max-width:55%}.cycle-control{padding:3px 2px;font-size:8px}.cycle-control .text-button{font-size:9px}.department-tool-map>.selected-path{min-height:305px;padding:18px 15px}.business-path-header{padding-bottom:15px;gap:9px}.business-path-header strong{font-size:17px}.business-path-header .eyebrow{font-size:8px}.business-owner{padding:5px 7px;gap:5px}.business-owner>.ui-icon{width:18px;height:18px}.business-owner b{font-size:9px;max-width:77px}.business-request{padding-top:16px;gap:10px}.business-request>strong{font-size:11px}.business-request>span{font-size:8px}.department-tool-map .pathway{margin:22px 0 20px;gap:4px}.department-tool-map .pathway .logo-plaque{width:31px;height:31px}.department-tool-map .pathway img{width:21px;height:21px}.department-tool-map .pathway .tool-logo{font-size:8px}.department-tool-map .pathway-step small{font-size:8px}.business-output{padding-top:14px;gap:9px}.business-output strong{font-size:10px}.business-output small{font-size:8px}.output-check{width:27px;height:27px}.workflow-diagram{padding:0 26px 0 0;min-height:0}.workflow-row{grid-template-columns:1fr;gap:25px}.workflow-node.surface{display:block;padding:0}.role-label{justify-content:flex-start;font-size:13px;gap:8px;margin-bottom:9px;padding-inline:4px}.role-label>.ui-icon{width:24px;height:24px}.wf-node-body{display:grid;grid-template-columns:42px 1fr;gap:3px 13px;min-height:97px;padding:16px}.workflow-node .tool-logo,.workflow-node .human-plaque{grid-column:1;grid-row:1/3;align-self:center;margin:0}.workflow-node .logo-plaque{margin:0;width:38px;height:38px}.workflow-node h3{font-size:13px;grid-column:2;margin:0;align-self:end;padding-inline-end:13px}.wf-artifact{grid-column:2;font-size:10px;align-self:start;line-height:1.8}.wf-artifact>.ui-icon{display:none}.agent-workspace{padding:13px}.agent-workspace>header{font-size:14px;margin-bottom:12px}.agent-workspace .wf-node-body{padding:11px 12px;grid-template-columns:28px 1fr}.agent-workspace h3{font-size:12px}.agent-workspace .wf-artifact{font-size:10px}.approve-workflow{grid-column:1/-1;margin-top:10px;padding:9px;font-size:11px}.workflow-node .human-plaque>.ui-icon{width:28px;height:28px}.blocked-branch{margin-top:22px;max-width:100%}.blocked-branch strong{font-size:9px}.blocked-branch small{font-size:8px}.run-control{margin-top:20px;gap:10px;min-height:61px}.run-status{font-size:10px;line-height:1.9}.run-control>.text-button{font-size:10px}.workflow-feedback{font-size:9px}.system-assembly{grid-template-columns:1fr 1fr;grid-template-rows:auto;gap:22px 15px;margin-top:30px}.system-node.department-node{height:166px;padding:13px 11px;min-height:0}.department-node>header{gap:8px}.department-node>header>.icon-plaque{width:29px;height:29px}.department-node header strong{font-size:14px}.department-node header .ui-icon{width:18px;height:18px}.department-work{font-size:9px;margin:9px 0}.department-tools{gap:11px;align-items:start}.department-tools .tool-logo{flex-direction:column;font-size:8px;gap:5px}.department-tools .logo-plaque{width:23px;height:23px}.department-tools img{width:16px;height:16px}.department-node>footer{margin-top:8px;padding-top:7px;font-size:8px;gap:5px}.department-node footer>.ui-icon{width:13px;height:13px}.assembly-core{min-height:340px;padding:0}.transformation-owner{margin-bottom:34px;padding:10px 13px;max-width:245px}.transformation-owner strong{font-size:14px}.transformation-owner small{font-size:9px}.transformation-owner .ui-icon{width:24px;height:24px}.assembly-core>.os-object{margin-bottom:7px}.assembly-wordmark{font-size:30px}.os-control-layer{gap:7px 12px;padding:10px;margin-top:11px}.os-control-layer>span{font-size:9px}.system-statement{margin-top:20px}.system-statement p{font-size:12px;margin:15px auto}.framework-loop{font-size:9px;padding:6px 11px}.final-chapter{padding-top:30px}.final-note{font-size:10px}.founder-link{margin-top:18px}.department-choice-title>strong{line-height:1.6}.hero .actions>.button{font-size:11px}.system-chapter .section-copy h2{font-size:31px}}
@media(max-width:370px){.department-choice-logos{inset-inline-end:32px;gap:4px}.department-choice-logos .logo-plaque{width:19px;height:19px}.department-choice-logos img{width:13px;height:13px}.department-choice-title>strong{font-size:12px}.department-node header strong{font-size:12px}.department-node>header>.icon-plaque{width:25px;height:25px}.department-tools .tool-logo{font-size:7px}.department-tools{gap:9px}.department-work{font-size:8px}.system-node.department-node{padding:12px 10px}.business-owner{max-width:105px}.department-tool-map .pathway .tool-logo{font-size:7px}.department-tool-map .pathway-step small{font-size:7px}}
@media(prefers-reduced-motion:reduce){.department-tool-map.cycling .cycle-meter>i{animation:none!important}.system-assembly .department-node{opacity:1!important;transform:none!important}.bridge-arrow{filter:none}.request-packet{display:none}.order-half{filter:none!important;translate:none!important;opacity:1!important}.hero-teams,.hero-outcomes{filter:none!important;translate:none!important;opacity:1!important}}
.graph-arrow{fill:none;stroke:color-mix(in srgb,var(--primary) 75%,var(--border));stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.gate-reviewer{display:flex;align-items:center;justify-content:center;gap:9px;padding:11px 15px;width:max-content;margin:auto;color:var(--warning);background:var(--warning-soft);border:1px solid color-mix(in srgb,var(--warning) 40%,var(--border));border-radius:8px}.gate-reviewer>.ui-icon{width:28px;height:28px}.gate-reviewer strong{font-size:13px;font-weight:600}.person-chip{position:relative;width:31px;height:35px;border-radius:15px 15px 8px 8px}.person-chip>.ui-icon{width:21px;height:25px}.person-chip>small{position:absolute;top:calc(100% + 3px);left:50%;transform:translateX(-50%);font-size:8px;white-space:nowrap;color:var(--foreground-muted)}.team-chip .tool-logo{margin-inline-start:3px}.team-chip .logo-plaque{width:19px;height:19px;border-radius:4px}.team-chip img{width:13px;height:13px}html[dir=rtl] .department-tool-map{direction:rtl}.approval-card h3{font-size:17px}.governance-grid.approved .gate-reviewer{border-color:var(--success);background:var(--success-soft);color:var(--success)}
@media(max-width:1050px) and (min-width:901px){.team-chip .tool-logo{display:none}}
@media(max-width:900px),(max-width:950px) and (max-height:500px){.person-chip{width:27px;height:31px}.person-chip>.ui-icon{width:18px;height:23px}.person-chip>small{font-size:7px}.team-chip{padding:6px 7px;gap:5px}.team-chip>.ui-icon{width:14px;height:14px}.team-chip .logo-plaque{width:17px;height:17px}.team-chip img{width:12px;height:12px}.gate-reviewer{padding:10px 13px}.gate-reviewer strong{font-size:13px}.approval-card h3{font-size:16px}}
@media(max-width:900px),(max-width:950px) and (max-height:500px){html[dir=rtl] .department-choice-logos{left:34px;right:auto}html[dir=ltr] .department-choice-logos{right:34px;left:auto}.assembly-core{grid-row:1;min-height:340px}.system-node.department-node:nth-of-type(1){grid-row:2;grid-column:1}.system-node.department-node:nth-of-type(2){grid-row:2;grid-column:2}.system-node.department-node:nth-of-type(3){grid-row:3;grid-column:1}.system-node.department-node:nth-of-type(4){grid-row:3;grid-column:2}.system-node.department-node:nth-of-type(5){grid-row:4;grid-column:1}.system-node.department-node:nth-of-type(6){grid-row:4;grid-column:2}.department-choice-title>strong{max-width:calc(100% - 126px);font-size:12px}}

[data-theme=paper-light]{--warning:#875a1e;--muted-foreground:#616b77}

/* Scroll is the timeline. Keep labels readable while the relationships assemble. */
html.scroll-story [data-reveal],html.scroll-story [data-reveal].is-visible{opacity:1;transform:none;transition:none}
.scroll-story .reality-scene .chaos-task,.scroll-story .reality-scene .order-half,.scroll-story .reality-scene .hero-teams,.scroll-story .reality-scene .hero-outcomes,.scroll-story .system-assembly .department-node,.scroll-story .scene-arrived{animation:none;transition:none}
.scroll-story .graph-lines path,.scroll-story .animated-chart,.scroll-story .quality-value,.scroll-story .bridge-core,.scroll-story .workflow-node,.scroll-story .wf-node-body{transition:none}
.scroll-story .mini-typing i,.scroll-story .status-dot:after{animation:none}
.scroll-story .trace-row>i{transform:scaleX(var(--trace-progress,1));transform-origin:0 50%}
html[dir=rtl].scroll-story .trace-row>i{transform-origin:100% 50%}
.scroll-story .blocked-branch{opacity:.42;transition:none}
.scroll-story .blocked-branch.branch-visible{opacity:1;border-color:var(--destructive)}
.scroll-story .request-packet{transition:none;will-change:transform}
.scroll-story .graph-lines .graph-arrow{opacity:.45}
.scroll-story .department-node{border-color:color-mix(in srgb,var(--primary) calc(var(--node-progress,0)*40%),var(--border))}
.scroll-cue{color:var(--foreground-muted);font-size:10px}
@media(prefers-reduced-motion:reduce){.scroll-story .chaos-task{translate:none!important}.scroll-story .request-packet{display:none}.scroll-story .trace-row>i{transform:none}}

/* A compact end to the journey: identity, real destinations, recognisable marks. */
.site-footer{display:block;width:min(1240px,calc(100% - 64px));margin:30px auto 0;padding:32px 0 23px;border-top:1px solid var(--border);color:var(--foreground-muted)}
.footer-main{display:grid;grid-template-columns:minmax(220px,.85fr) 2.6fr;align-items:center;gap:35px;padding-bottom:30px}
.footer-identity>a{display:inline-flex}.footer-identity .wordmark strong{font:800 29px Outfit,sans-serif;letter-spacing:-1px}.footer-identity .spielos-mark{width:34px;height:34px}
.footer-identity p{font-size:11px;line-height:1.9;margin:11px 0 0;max-width:265px;color:var(--foreground-muted)}
.footer-destinations{display:grid;grid-template-columns:1.1fr 1fr 1.1fr;gap:12px;min-width:0}
.footer-destination{display:flex;align-items:center;gap:11px;min-width:0;padding:15px 12px;border:1px solid transparent;border-radius:9px;transition:background .2s,border-color .2s,transform .2s}
.footer-destination:hover{background:var(--panel-raised);border-color:var(--border);transform:translateY(-2px)}
.footer-icon{width:37px;height:37px;display:grid;place-items:center;flex-shrink:0;border:1px solid var(--border-strong);border-radius:9px;color:var(--primary-bright);background:linear-gradient(145deg,var(--panel-raised),var(--panel));box-shadow:var(--edge),0 3px 7px #0001}
.footer-icon>.ui-icon{width:20px;height:20px}.footer-icon>.spielos-mark{width:23px;height:23px}
.footer-linkedin{border:0;background:none;box-shadow:none}.footer-linkedin .logo-plaque{width:35px;height:35px;padding:0;border:0;border-radius:6px;background:none;box-shadow:none}.footer-linkedin img{width:32px;height:32px}
.footer-destination>span:nth-child(2){display:flex;flex-direction:column;gap:5px;min-width:0}.footer-destination strong{font-size:12px;line-height:1.7;font-weight:600;color:var(--foreground-strong)}.footer-destination small{font-size:9px;line-height:1.7;color:var(--foreground-muted);white-space:normal}.footer-destination small bdi{font-family:Outfit,sans-serif;font-size:11px}
.footer-destination>.ui-icon{width:15px;height:15px;margin-inline-start:auto;flex-shrink:0;color:var(--muted-foreground);rotate:-35deg}html[dir=rtl] .footer-destination>.ui-icon{rotate:-145deg}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--border);padding-top:18px;font-size:10px}.footer-signoff{display:flex;align-items:center;gap:9px;line-height:1.8;flex-wrap:wrap}.footer-signoff>.ui-icon{width:16px;height:16px;color:var(--primary-bright)}.footer-signoff>i{height:10px;width:1px;background:var(--border-strong)}
.footer-top{display:flex;align-items:center;gap:10px;white-space:nowrap;color:var(--foreground-muted)}.footer-top-icon{display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--border);border-radius:50%;background:var(--panel)}.footer-top-icon>.ui-icon{width:14px;height:14px;rotate:-90deg}.footer-top:hover{color:var(--primary-bright)}
@media(max-width:1050px){.footer-main{grid-template-columns:1fr;gap:18px}.footer-identity{display:flex;align-items:center;justify-content:space-between;gap:30px}.footer-identity p{margin:0;text-align:end;max-width:330px}.footer-destination{padding:12px 10px}}
@media(max-width:900px),(max-width:950px) and (max-height:500px){.site-footer{width:calc(100% - 36px);margin-top:20px;padding:25px 0 20px}.footer-main{gap:20px;padding-bottom:21px}.footer-identity{display:block}.footer-identity p{text-align:start;margin-top:10px;max-width:280px;font-size:11px}.footer-identity .wordmark strong{font-size:27px}.footer-identity .spielos-mark{width:31px;height:31px}.footer-destinations{grid-template-columns:1fr;gap:0}.footer-destination{padding:14px 0;border-radius:0;border-bottom:1px solid var(--border)}.footer-destination:last-child{border-bottom:0}.footer-destination:hover{transform:none;background:none;border-color:transparent;border-bottom-color:var(--border)}.footer-destination strong{font-size:13px}.footer-destination small{font-size:10px}.footer-destination small bdi{font-size:12px}.footer-icon{width:38px;height:38px}.footer-bottom{font-size:9px;align-items:flex-start;gap:16px}.footer-signoff{gap:7px;max-width:70%}.footer-signoff>i{display:none}.footer-signoff>span{flex-basis:100%;padding-inline-start:23px;font-size:9px}.footer-top{gap:7px}.footer-top>span:first-child{font-size:9px}}

/* Keep the LinkedIn mark in its original blue, with a neutral backing for its cutout letters. */
.footer-linkedin .logo-plaque{background:#f8fafc;border:1px solid #dce5ef;box-shadow:inset 0 1px #fff,0 2px 4px #0002;padding:3px}.footer-linkedin img{width:27px;height:27px}

@media(max-width:900px),(max-width:950px) and (max-height:500px){.footer-destination{padding-inline:4px}}

/* Mobile uses readable vertical pathways and larger detail, rather than shrinking a desktop graph. */
@media(max-width:900px),(max-width:950px) and (max-height:500px){
 .site-nav{gap:10px;min-height:64px}.nav-settings{gap:5px}.theme-switch,.locale-switch,.menu-toggle{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0}.site-nav>a{min-height:44px;display:flex;align-items:center}.site-nav nav>a{min-height:44px;display:flex;align-items:center}.nav-settings .ui-icon{width:21px;height:21px}
 .section-copy p,.hero .section-copy p,.hero-question{font-size:14px;line-height:1.95}.button{min-height:48px}.text-button,.cycle-control .text-button{min-height:44px;padding:8px 6px}.cycle-control{font-size:10px;gap:10px}.department-choice{min-height:80px}.department-choice-title>strong{font-size:13px}.department-choice-job{font-size:11px;line-height:1.8}.department-tool-map>.selected-path{min-height:0;padding:19px 16px}.business-path-header .eyebrow{font-size:10px}.business-owner b{font-size:11px;line-height:1.6}.business-owner{max-width:128px}.business-request>span,.business-output small{font-size:10px}.business-request>strong,.business-output strong{font-size:12px;line-height:1.8}
 .department-tool-map .pathway{display:flex;flex-direction:column;align-items:stretch;gap:13px;margin:24px 0;direction:inherit}.department-tool-map .pathway-step{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:0 4px;z-index:2}.department-tool-map .pathway .tool-logo{flex-direction:row;font-size:12px;gap:10px}.department-tool-map .pathway .logo-plaque{width:34px;height:34px}.department-tool-map .pathway .tool-logo img{width:23px;height:23px}.department-tool-map .pathway-step small{font-size:11px;white-space:normal;text-align:end;max-width:100px;line-height:1.8}.department-tool-map .pathway-step>.ui-icon{width:34px;height:34px;margin:0;padding:7px;flex-shrink:0}
 .window-title{font-size:12px}.window-title>span{font-size:10px}.window-bar{flex-wrap:wrap;gap:9px}.sample-tag{font-size:10px}.metric-tile>span{font-size:11px;line-height:1.8}.metric-tile>small,.metric-tile:last-child>small{font-size:10px;line-height:1.8}.metric-tile:last-child>strong{font-size:20px}.chart-panel header{font-size:12px}.chart-key{font-size:10px;flex-wrap:wrap}.trace-panel>header{font-size:12px;gap:8px;flex-wrap:wrap}.trace-panel>header>span{font-size:10px}.trace-row{font-size:11px;gap:8px;min-height:42px}.trace-row>i{display:none}.trace-row>.tool-logo .logo-plaque{width:22px;height:22px}.trace-row>.tool-logo img{width:16px;height:16px}.trace-row>bdi{font-size:10px;margin-inline-start:auto}.metric-foot{font-size:10px;gap:12px 16px}.quality-panel p{font-size:11px}.roi-trend{font-size:11px;gap:9px}.roi-trend small{font-size:10px}.roi-math{font-size:10px;line-height:1.9}
 .role-label{font-size:14px}.workflow-node h3,.agent-workspace h3{font-size:14px}.wf-artifact,.agent-workspace .wf-artifact{font-size:12px;line-height:1.85}.agent-workspace .wf-node-body{padding:13px 12px}.workflow-node .node-index{font-size:10px}.approve-workflow{min-height:44px;font-size:12px}.workflow-feedback{font-size:11px;line-height:1.9}.run-status{font-size:12px}.blocked-branch strong,.blocked-branch small{font-size:11px;line-height:1.8}.blocked-branch{width:100%;padding:13px}.workflow-diagram{padding-inline-end:18px;padding-inline-start:0}.workflow-feedback{padding-inline:0}
 .permission-row{font-size:12px;line-height:1.8;gap:9px}.permission-row>b{font-size:10px}.permission-card footer strong{font-size:12px}.permission-card footer small{font-size:11px;line-height:1.8}.gate-options button{min-height:44px;font-size:12px}.gate-result p{font-size:12px;line-height:1.8}.audit-log>div{font-size:11px;line-height:1.8;align-items:start}.audit-log>header{font-size:12px}.audit-log>div>bdi{font-size:10px;white-space:nowrap}
 .system-node.department-node{height:auto;min-height:210px;padding:15px 11px}.department-node header strong{font-size:15px}.department-node>header>.icon-plaque{width:30px;height:30px}.department-work{font-size:11px;line-height:1.8;min-height:40px;margin:10px 0}.department-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;align-items:start}.department-tools .tool-logo{font-size:10px;white-space:normal;text-align:center;gap:6px}.department-tools .tool-logo bdi{white-space:normal;overflow-wrap:normal;line-height:1.4}.department-tools .logo-plaque{width:28px;height:28px}.department-tools img{width:20px;height:20px}.department-node>footer{font-size:11px;line-height:1.8;min-height:29px;align-items:flex-start;gap:4px}.department-node footer>.ui-icon{width:15px;height:18px;flex-shrink:0}.department-node>header{gap:7px}.os-control-layer>span{font-size:11px}.transformation-owner small{font-size:11px}.system-statement p{font-size:14px}.framework-loop{font-size:11px;line-height:1.9;max-width:100%;white-space:normal}.final-note{font-size:12px;line-height:1.9}.founder-link{min-height:64px}.founder-link strong{font-size:12px}.founder-link small{font-size:11px}.footer-top{min-height:44px}.footer-destination{min-height:68px}
 .hero-teams{gap:7px}.team-chip{font-size:11px;padding:7px}.hero-outcomes>span{font-size:10px}.state-caption{font-size:11px;line-height:1.9}.person-chip>small{font-size:9px}.chaos-task strong{font-size:11px}.chaos-half,.order-half{min-height:330px}.chaos-field{height:254px}.chaos-task--2{top:146px}.chaos-task--3{top:197px}
}
@media(max-width:370px){.nav-settings{gap:0}.site-nav{gap:7px}.site-nav .wordmark strong{font-size:20px}.site-nav .spielos-mark{width:24px;height:24px}.department-choice-title>strong{font-size:12px}.department-choice-logos{gap:3px}.department-choice-job{font-size:10px}.department-node header strong{font-size:13px}.department-work{font-size:10px}.department-node>footer{font-size:10px}.system-node.department-node{padding:13px 9px}.business-path-header{flex-wrap:wrap}.business-owner{max-width:none}.hero-teams{gap:4px}.team-chip{padding:6px 5px;font-size:10px}.hero-outcomes>span{padding:7px 6px;font-size:9px}}
@media(hover:none){.os-object:hover .os-sheet--front{transform:rotateX(43deg) rotateZ(-33deg)}.button:hover,.footer-destination:hover,.department-choice:not([aria-pressed=true]):hover{transform:none}}

.scroll-story .blocked-branch{opacity:1}.blocked-branch small{color:var(--foreground-muted)}
@media(max-width:900px),(max-width:950px) and (max-height:500px){.workflow-feedback{width:fit-content;max-width:100%;margin-inline:auto}}

.footer-identity>a{min-height:44px;align-items:center}.theme-switch,.locale-switch{min-height:44px;min-width:44px;justify-content:center}.site-nav nav>a{min-height:44px;align-items:center}.cycle-control .text-button,.gate-options button{min-height:44px}
@supports(padding:max(0px)){.site-nav{padding-inline:max(0px,env(safe-area-inset-left)) max(0px,env(safe-area-inset-right))}.site-footer{padding-bottom:max(23px,env(safe-area-inset-bottom))}}

.text-button,.cycle-control .text-button,.approve-workflow{min-width:44px;min-height:44px}.footer-top{min-height:44px}

@media(max-width:900px),(max-width:950px) and (max-height:500px){.chaos-field{height:310px}.state-caption{position:relative;z-index:3}}

/* Outcome first: no long telemetry wall in the homepage monitoring example. */
.monitor-compact{max-width:820px}.monitor-compact .window-bar{padding:12px 18px;min-height:49px}.monitor-body{padding:16px 20px 12px}.monitor-context{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:11px;color:var(--foreground-muted);margin-bottom:15px}.monitor-context>span:first-child{display:flex;gap:8px;align-items:center}.monitor-context .logo-plaque{width:23px;height:23px}.monitor-context img{width:16px;height:16px}.monitor-results{display:grid;grid-template-columns:1.35fr .8fr 1fr;gap:0;border:1px solid var(--border);border-radius:7px;background:var(--panel-deep);overflow:hidden}.monitor-results>div{position:relative;min-width:0;padding:16px 18px}.monitor-results>div+div{border-inline-start:1px solid var(--border)}.monitor-label{font-size:11px;color:var(--foreground-muted);display:block;line-height:1.7}.time-comparison{display:flex;align-items:center;gap:13px;margin-top:7px;width:fit-content}.time-comparison>span{display:flex;flex-direction:column;gap:0}.time-comparison b{font-size:33px;line-height:1.25;letter-spacing:-.04em;color:var(--foreground-muted)}.time-comparison>span:nth-of-type(2) b{color:var(--primary);font-weight:800}.time-comparison small{font-size:9px;color:var(--foreground-muted);white-space:nowrap}.time-comparison .ui-icon{width:20px;height:20px;color:var(--primary)}.time-comparison>i{font-size:10px;font-style:normal;align-self:center;color:var(--foreground-muted)}.monitor-spark{position:absolute;bottom:11px;inset-inline-end:16px;width:76px;height:25px;fill:none;direction:ltr}.monitor-spark .monitor-grid{stroke:var(--border);stroke-width:1}.monitor-spark .animated-chart{stroke-width:3}.monitor-quality>strong,.monitor-cost>strong{font-size:29px;line-height:1.4;color:var(--foreground-strong);display:block;margin-top:9px;white-space:nowrap}.monitor-quality>strong small{font-size:14px;font-weight:400;color:var(--foreground-muted)}.monitor-cost>strong small{font-size:11px;font-weight:500;margin-inline-start:6px}.quality-ticks{display:flex;gap:4px;margin-top:8px}.quality-ticks>i{display:block;width:15px;height:4px;background:var(--success);border-radius:2px}.quality-ticks>i:last-child{background:linear-gradient(90deg,var(--success) 40%,var(--border) 40%)}.monitor-cost-note{display:block;font-size:9px;line-height:1.8;margin-top:6px;color:var(--foreground-muted)}.monitor-outcome{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-top:15px}.monitor-outcome>span{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.monitor-outcome>span>.ui-icon{width:19px;height:19px;color:var(--success)}.monitor-outcome strong{font-size:20px;line-height:1.4;color:var(--success)}.monitor-outcome small{font-size:10px;color:var(--foreground-muted)}.monitor-roi>b{font-size:21px;color:var(--primary)}.monitor-detail{margin-top:12px;padding-top:9px;border-top:1px solid var(--border);font-size:10px;color:var(--foreground-muted)}.monitor-detail summary{cursor:pointer;min-height:32px;display:flex;align-items:center;gap:8px;width:fit-content}.monitor-detail summary:before{content:'+';color:var(--primary);font-size:16px}.monitor-detail[open] summary:before{content:'−'}.monitor-detail p{font-size:11px;line-height:1.9;margin:8px 0}.monitor-detail p[dir=ltr]{text-align:start;unicode-bidi:isolate}.monitor-compact .window-title{font-size:12px}.monitor-compact+.under-scene{margin-top:18px}
/* Focus connections have real card-edge ports and one tangent-aligned head. */
.workflow-diagram>.graph-lines,.governance-grid>.graph-lines{z-index:4;overflow:visible}.flow-edge{color:var(--foreground-muted)}.flow-edge.flow-drawn{color:var(--primary)}.graph-lines .flow-track{stroke:var(--foreground-muted);stroke-width:2.2;opacity:.45;stroke-dasharray:none}.graph-lines .flow-active{fill:none;stroke:currentColor!important;stroke-width:2.4!important;stroke-linecap:butt;opacity:1}.flow-head{fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;opacity:1}.graph-lines .flow-port{fill:var(--panel);stroke:currentColor;stroke-width:1.6}.flow-edge[data-kind=return]{color:var(--success)}.flow-edge[data-kind=return] .flow-track{stroke:var(--success);stroke-dasharray:3 5;opacity:.4}.flow-edge[data-kind=side],.flow-edge[data-kind=blocked]{color:var(--destructive)}.flow-edge[data-kind=side] .flow-track,.flow-edge[data-kind=blocked] .flow-track{stroke:var(--destructive);stroke-dasharray:4 5}.workflow-diagram[data-approved=false] .flow-edge[data-edge="#wf-3>#wf-4"],.governance-grid .flow-edge[data-edge="#approval-gate>#audit-log"]{color:var(--warning)}.workflow-diagram[data-approved=false] .flow-edge[data-edge="#wf-3>#wf-4"] .flow-track{stroke:var(--warning);stroke-dasharray:4 5}.governance-grid.approved .flow-edge[data-edge="#approval-gate>#audit-log"]{color:var(--success)}.agent-workspace .workflow-node{margin-bottom:22px}.agent-workspace .workflow-node:last-child{margin-bottom:0}
.governance-grid{grid-template-columns:1.05fr 1fr;grid-template-rows:auto auto;gap:42px 66px;max-width:940px;margin:auto}.governance-grid .permission-card{grid-column:1;grid-row:1/3;align-self:center}.governance-grid .approval-card{grid-column:2;grid-row:1;padding:21px}.governance-grid .audit-log{grid-column:2;grid-row:2;width:100%;padding:16px 18px}.governance-grid .audit-log>div{font-size:10px;padding:8px 0;line-height:1.8}.governance-grid .audit-log>header{font-size:12px;flex-wrap:wrap;gap:8px}.governance-grid .audit-log>header>.sample-tag{font-size:9px}
@media(max-width:900px),(max-width:950px) and (max-height:500px){
 .monitor-compact .window-bar{padding:11px 13px;flex-wrap:nowrap;gap:9px}.monitor-compact .window-title{font-size:11px;gap:6px}.monitor-compact .sample-tag{font-size:9px;white-space:normal}.monitor-body{padding:13px 14px 9px}.monitor-context{font-size:10px;gap:8px;flex-wrap:wrap;margin-bottom:12px}.monitor-results{grid-template-columns:1fr 1fr}.monitor-results .monitor-time{grid-column:1/-1;padding:12px 14px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:3px 12px}.monitor-time>.monitor-label{grid-column:1}.monitor-time .time-comparison{grid-column:1;grid-row:2;margin-top:2px;gap:12px}.monitor-time .monitor-spark{position:static;grid-column:2;grid-row:1/3;width:94px;height:40px}.monitor-results>div+div{border:0;border-top:1px solid var(--border);padding:13px 14px}.monitor-results .monitor-cost{border-inline-start:1px solid var(--border)}.monitor-label{font-size:11px}.time-comparison b{font-size:30px}.time-comparison small{font-size:10px}.time-comparison>i{font-size:11px}.monitor-quality>strong,.monitor-cost>strong{font-size:27px;margin-top:5px}.monitor-cost>strong small{font-size:10px;display:block;margin:0;line-height:1.7}.monitor-cost-note{font-size:9px;line-height:1.7;margin-top:4px}.monitor-quality>strong small{font-size:13px}.quality-ticks{margin-top:10px}.monitor-outcome{padding-top:12px;gap:10px}.monitor-outcome>span{gap:5px}.monitor-outcome strong{font-size:19px}.monitor-outcome small{font-size:10px}.monitor-roi{flex-direction:column;align-items:end!important;gap:0!important;flex-shrink:0}.monitor-roi>b{font-size:21px}.monitor-outcome>span:first-child>small{flex-basis:100%;padding-inline-start:24px}.monitor-detail{margin-top:10px;padding-top:3px}.monitor-detail summary{font-size:11px;min-height:44px}.monitor-detail p{font-size:11px}.monitor-compact+.under-scene{margin-top:14px}
 .workflow-row{gap:42px}.agent-workspace .workflow-node{margin-bottom:24px}.governance-grid{grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:44px;max-width:520px}.governance-grid .permission-card{grid-column:1;grid-row:1;align-self:stretch}.governance-grid .approval-card{grid-column:1;grid-row:2;padding:20px}.governance-grid .audit-log{grid-column:1;grid-row:3;padding:16px}.governance-grid .audit-log>div{font-size:11px}
}
@media(max-width:370px){.monitor-time .monitor-spark{width:72px}.monitor-results>div+div{padding:12px}.monitor-label{font-size:10px}.monitor-context{font-size:10px}.monitor-cost-note{font-size:9px}.monitor-cost>strong small{font-size:10px}.monitor-outcome small{font-size:10px}}

.monitor-cost-note{display:none}.monitor-compact .window-bar{min-height:45px}.workflow-feedback{margin-bottom:32px}
@media(max-width:900px),(max-width:950px) and (max-height:500px){.workflow-diagram{padding:0 22px 0 0}.monitor-outcome>span:first-child>small{flex-basis:auto;padding-inline-start:0}.monitor-compact .window-bar{padding-block:9px}.monitor-outcome{padding-top:10px}}
.workflow-diagram .flow-edge .flow-active,.governance-grid .flow-edge .flow-active{opacity:1}

@media(max-width:900px),(max-width:950px) and (max-height:500px){.monitor-results .monitor-time{grid-template-columns:minmax(0,1fr) 82px;column-gap:8px}.monitor-time .monitor-spark{width:82px}.time-comparison{gap:8px}.monitor-time .time-comparison{gap:8px;max-width:100%}}
@media(max-width:370px){.monitor-results .monitor-time{grid-template-columns:minmax(0,1fr) 66px;padding-inline:12px}.monitor-time .monitor-spark{width:66px}.monitor-time .time-comparison{gap:7px}.time-comparison>i{font-size:10px}}

[data-theme=paper-light] .workflow-diagram[data-approved=false] .flow-edge[data-edge="#wf-3>#wf-4"],[data-theme=paper-light] .governance-grid .flow-edge[data-edge="#approval-gate>#audit-log"]{color:color-mix(in oklab,var(--warning) 72%,var(--foreground-strong))}
[data-theme=paper-light] .flow-edge[data-kind=return],[data-theme=paper-light] .governance-grid.approved .flow-edge[data-edge="#approval-gate>#audit-log"]{color:color-mix(in oklab,var(--success) 80%,var(--foreground-strong))}

.monitor-spark{inset-inline-end:auto;right:16px;left:auto}html[dir=rtl] .monitor-spark{right:auto;left:16px}

/* Language labels share the theme control centerline at every viewport. */
.site-nav .locale-switch{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;padding:0;line-height:1;text-align:center;unicode-bidi:isolate}
.site-nav .locale-switch>span{display:block;line-height:1}