/* Iris Cool: adopted by Aarti Kapur, 2026-09-23.
   Snapshot of design/theme/scheme.lock.toml, colour.light.
   Scoped to this standalone component; no website token overrides. */
.system-demo {
  --surface-page: #FFFFFF;
  --surface-raised: #EDF6FE;
  --line-hair: #C9D4DF;
  --line-hair2: #B2C0CD;
  --ink-muted: #8394A5;
  --ink-secondary: #56697C;
  --ink-primary: #01182D;
  --surface-sunken: #EDF6FE;
  --surface-inverse: #01182D;
  --surface-overlay: #B2C0CD;
  --ink-inverse: #FFFFFF;
  --line-rule: #B2C0CD;
  --line-axis: #B2C0CD;
  --line-grid: #C9D4DF;
  --line-reference: #8394A5;
  --line-connector: #8394A5;
  --primary-base: #5A14F7;
  --primary-tint: #EFF1FF;
  --primary-edge: #4002B9;
  --primary-text: #5A14F7;
  --ink-on-primary: #FFFFFF;
  --accent-base: #0272BE;
  --accent-tint: #E8F3FF;
  --accent-edge: #015590;
  --accent-text: #0272BE;
  --ink-on-accent: #FFFFFF;
  --ink-on-tint: #01182D;
  --surface-fill: #D8B98C;
  --ink-on-fill: #01182D;
  --cat-1: #1C96D2;
  --cat-tint-1: #E2F3FF;
  --ink-on-cat-1: #01182D;
  --cat-2: #D95B7D;
  --cat-tint-2: #FFEAEE;
  --ink-on-cat-2: #01182D;
  --cat-3: #43A447;
  --cat-tint-3: #E2F7E0;
  --ink-on-cat-3: #01182D;
  --cat-4: #A46FD8;
  --cat-tint-4: #F4ECFF;
  --ink-on-cat-4: #01182D;
  --cat-deep-1: #0C597E;
  --ink-on-cat-deep-1: #FFFFFF;
  --cat-deep-2: #941745;
  --ink-on-cat-deep-2: #FFFFFF;
  --cat-deep-3: #0D6417;
  --ink-on-cat-deep-3: #FFFFFF;
  --cat-deep-4: #693296;
  --ink-on-cat-deep-4: #FFFFFF;
  --sem-positive: #137D41;
  --sem-negative: #BE222A;
  --sem-info: #56697C;
  --primary-edge-soft: #B3B6FC;
  --mark-machine-text: #921E98;
  --status-success-50: #DDEFE1;
  --status-success-200: #71D790;
  --status-success-500: #18924D;
  --status-success-600: #10703A;
  --status-warning-50: #F1E9D6;
  --status-warning-200: #E3B842;
  --status-warning-500: #967514;
  --status-warning-600: #735A0D;
  --status-serious-50: #F9E5DC;
  --status-serious-200: #FCA57E;
  --status-serious-500: #C35413;
  --status-serious-600: #97400C;
  --status-critical-50: #FBE3E1;
  --status-critical-200: #FCA29A;
  --status-critical-500: #D73337;
  --status-critical-600: #AE1320;
  --seq-1: #DEE9F5;
  --seq-2: #B0C7DD;
  --seq-3: #769DC2;
  --seq-4: #2E6799;
  --seq-5: #00355C;
  --div-neg-2: #940115;
  --div-neg-1: #BB6D67;
  --div-mid: #C9D4DF;
  --div-pos-1: #5A966B;
  --div-pos-2: #015D2D;
  --mark-machine: #B343B8;
  --mark-current: #01182D;
  --chart-plot-bg: #FFFFFF;
  --chart-band: #EDF6FE;
  --chart-annotation: #56697C;
  --surface-e0: #FFFFFF;
  --surface-e1: #FFFFFF;
  --surface-e2: #FFFFFF;
  --surface-e3: #FFFFFF;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 80px;
  --space-10: 96px;
  --space-11: 112px;
  --stroke-hair: 1.0px;
  --stroke-rule: 1.5px;
  --stroke-border: 1.0px;
  --stroke-focus: 2.0px;
  --stroke-data: 2.0px;
  --stroke-brand: 1.7px;
  --motion-press-duration: 100ms;
  --motion-press-ease: cubic-bezier(0.2, 0, 0, 1);
  --motion-open-duration: 200ms;
  --motion-open-ease: cubic-bezier(0.2, 0, 0, 1);
  --motion-open-ease-exit: cubic-bezier(0.4, 0, 1, 1);
  --motion-arrive-duration: 200ms;
  --motion-arrive-ease: cubic-bezier(0.2, 0, 0, 1);
  --motion-arrive-ease-exit: cubic-bezier(0.4, 0, 1, 1);
  --motion-move-duration: 250ms;
  --motion-move-ease: cubic-bezier(0.4, 0, 0.2, 1);
  --motion-ongoing-duration: 1000ms;
  --motion-ongoing-ease: linear;
  --shape-tag: 4px;
  --shape-input: 6px;
  --shape-btn: 999px;
  --shape-card: 12px;
  --shape-chrome: 16px;
  --shape-pill: 999px;
  --font-text: Inter, system-ui, -apple-system, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;
}

/* Final Iris Cool dark variant. */
.system-demo {
  --surface-page: #0B0F13;
  --surface-raised: #1D242A;
  --line-hair: #353E47;
  --line-hair2: #4B5763;
  --ink-muted: #667787;
  --ink-secondary: #95AABF;
  --ink-primary: #ECF6FF;
  --surface-sunken: #1D242A;
  --surface-inverse: #0B0F13;
  --surface-overlay: #4B5763;
  --ink-inverse: #ECF6FF;
  --line-rule: #4B5763;
  --line-axis: #4B5763;
  --line-grid: #353E47;
  --line-reference: #667787;
  --line-connector: #667787;
  --primary-base: #807AFE;
  --primary-tint: #201D4D;
  --primary-edge: #A1A3FF;
  --primary-text: #807AFE;
  --ink-on-primary: #0B0F13;
  --accent-base: #5BB1FF;
  --accent-tint: #10273C;
  --accent-edge: #A0D0FF;
  --accent-text: #5BB1FF;
  --ink-on-accent: #0B0F13;
  --ink-on-tint: #ECF6FF;
  --surface-fill: #D8B98C;
  --ink-on-fill: #ECF6FF;
  --cat-1: #1477A7;
  --cat-tint-1: #122835;
  --ink-on-cat-1: #ECF6FF;
  --cat-2: #B63C60;
  --cat-tint-2: #351D22;
  --ink-on-cat-2: #ECF6FF;
  --cat-3: #1E8526;
  --cat-tint-3: #1A2A19;
  --ink-on-cat-3: #ECF6FF;
  --cat-4: #8650B7;
  --cat-tint-4: #2A2034;
  --ink-on-cat-4: #ECF6FF;
  --cat-deep-1: #22B1F6;
  --ink-on-cat-deep-1: #0B0F13;
  --cat-deep-2: #F57595;
  --ink-on-cat-deep-2: #0B0F13;
  --cat-deep-3: #5EBE5F;
  --ink-on-cat-deep-3: #0B0F13;
  --cat-deep-4: #BE87F3;
  --ink-on-cat-deep-4: #0B0F13;
  --sem-positive: #51AF6F;
  --sem-negative: #F75D59;
  --sem-info: #95AABF;
  --primary-edge-soft: #4010B4;
  --mark-machine-text: #F07DF4;
  --status-success-50: #1B281E;
  --status-success-200: #095329;
  --status-success-500: #25C76B;
  --status-success-600: #27D271;
  --status-warning-50: #2A2416;
  --status-warning-200: #564207;
  --status-warning-500: #CDA11F;
  --status-warning-600: #D8AA22;
  --status-serious-50: #3A1B0C;
  --status-serious-200: #712E07;
  --status-serious-500: #FB8043;
  --status-serious-600: #FC915F;
  --status-critical-50: #450E0E;
  --status-critical-200: #830B15;
  --status-critical-500: #FB7B74;
  --status-critical-600: #FC8D85;
  --seq-1: #F3F9FF;
  --seq-2: #C0D7EE;
  --seq-3: #85ACD2;
  --seq-4: #3D76A9;
  --seq-5: #014271;
  --div-neg-2: #CB4644;
  --div-neg-1: #F19E97;
  --div-mid: #353E47;
  --div-pos-1: #8BC89B;
  --div-pos-2: #0A924B;
  --mark-machine: #E977ED;
  --mark-current: #ECF6FF;
  --chart-plot-bg: #0B0F13;
  --chart-band: #1D242A;
  --chart-annotation: #95AABF;
  --surface-e0: #0B0F13;
  --surface-e1: #1D242A;
  --surface-e2: #353E47;
  --surface-e3: #4B5763;
}

.system-demo .eyebrow{color:inherit}
.system-demo,.system-demo *{box-sizing:border-box}
.system-demo{font:13px/1.4 var(--font-text);color:var(--ink-primary);background:var(--surface-page);width:min(100%,1280px);padding:20px 28px 16px;margin:auto}
.system-demo h1,.system-demo h2,.system-demo h3,.system-demo p{margin:0}
.system-demo svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.system-demo .symbols{position:absolute;width:0;height:0;overflow:hidden}
.system-demo .eyebrow{font:500 10px/1.4 var(--font-mono);letter-spacing:.12em}
.system-demo .heading{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:17px}
.system-demo .heading h1{font-size:28px;letter-spacing:-.045em;font-weight:450;line-height:1.1}
.system-demo .heading p{font-size:14px;color:var(--ink-secondary)}
.system-demo .map{position:relative}
.system-demo .inputs{padding:0 12px 20px}
.system-demo .inputs .eyebrow{color:var(--ink-secondary);margin-bottom:8px}
.system-demo .input-row{display:grid;grid-template-columns:1fr 1fr 1.3fr 1.3fr;gap:12px}
.system-demo .input{background:var(--surface-raised);border:1px solid var(--line-hair);border-radius:6px;min-height:40px;display:flex;gap:8px;align-items:center;padding:8px 12px;position:relative;z-index:1}
.system-demo .input svg{color:var(--accent-text);width:18px;height:18px}
.system-demo .input>span{font-weight:550;font-size:13px}
.system-demo .input small{margin-left:auto;font-size:11px;color:var(--ink-secondary)}
.system-demo .cloud{border:1px solid var(--line-hair2);border-radius:12px;padding:0 12px 10px}
.system-demo .cloud-label{height:35px;display:flex;justify-content:space-between;align-items:center}
.system-demo .cloud-label h2{font-size:13px;font-weight:550;display:flex;gap:8px;align-items:center}
.system-demo .cloud-label h2 svg{color:var(--accent-text);width:18px;height:18px}
.system-demo .cloud-label>span{font-size:12px;color:var(--ink-secondary)}
.system-demo .system{border:1px solid var(--primary-edge-soft);border-radius:9px;background:var(--primary-tint);padding:0 14px 12px}
.system-demo .system-label{height:29px;display:flex;justify-content:space-between;align-items:center;color:var(--primary-text)}
.system-demo #version{font-size:11px}
.system-demo .blocks{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr) minmax(230px,.8fr);gap:20px}
.system-demo .block{position:relative;z-index:1;border:1px solid var(--primary-edge-soft);border-radius:7px;background:var(--surface-page);padding:12px 14px;transition:border-color .25s,box-shadow .25s}
.system-demo .block h3{display:flex;align-items:center;gap:8px;font-size:16px;line-height:1.25;font-weight:550;letter-spacing:-.025em}
.system-demo .block h3 svg{color:var(--primary-text);width:20px;height:20px}
.system-demo .block h3 small{margin-left:auto;color:var(--ink-secondary);font:9px var(--font-mono);letter-spacing:.06em}
.system-demo .orchestration{grid-column:1/3}
.system-demo .library{grid-column:1;grid-row:2}
.system-demo .harness{grid-column:2;grid-row:2}
.system-demo .brain{grid-column:3;grid-row:1/3;display:flex;flex-direction:column}
.system-demo .execution{grid-column:1/-1;grid-row:3}
.system-demo .capabilities{display:flex;flex-wrap:wrap;gap:5px 14px;margin-top:10px;line-height:1.45}
.system-demo .capabilities span{font-size:13px;position:relative;white-space:nowrap}
.system-demo .orch-caps{gap:18px}
.system-demo .loop-sign{font-size:17px;font-weight:400;color:var(--primary-text);display:none}
.system-demo .autonomy{display:flex;gap:12px;align-items:center;border-top:1px solid var(--line-hair);margin-top:10px;padding-top:8px}
.system-demo .autonomy>span{font-size:12px;font-weight:550}
.system-demo .autonomy p{margin-left:auto;color:var(--ink-secondary);font-size:12px}
.system-demo .autonomy i{font-style:normal;padding:0 6px;color:var(--line-hair2)}
.system-demo .sdlc{font-size:12px;border-top:1px solid var(--line-hair);padding-top:8px;margin-top:9px!important}
.system-demo .qualifiers{font-size:12px;color:var(--primary-text);margin-top:5px!important}
.system-demo .supporting{font-size:12px;line-height:1.5;color:var(--ink-secondary);margin-top:10px!important}
.system-demo .descriptor{font-size:12px;color:var(--ink-secondary);margin-top:5px!important}
.system-demo .brain-caps{display:grid;gap:10px;margin-top:17px;font-size:13px}
.system-demo .brain-caps span{border-left:2px solid var(--primary-edge-soft);padding-left:9px}
.system-demo .memory{display:flex;gap:8px;align-items:center;justify-content:space-between;border:1px solid var(--primary-edge-soft);background:var(--primary-tint);border-radius:6px;padding:10px;margin-top:auto;font-size:13px;color:var(--primary-text)}
.system-demo .memory svg{width:18px;height:18px}
.system-demo .learning-line{font-size:10px;color:var(--ink-secondary);margin-top:8px!important;letter-spacing:-.015em;white-space:nowrap}
.system-demo .execution-caps{display:flex;flex-wrap:wrap;gap:6px 24px;margin-top:10px;font-size:13px}
.system-demo .foundation{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding-top:18px}
.system-demo .foundation>div{border:1px solid var(--line-hair);border-radius:6px;background:var(--surface-raised);padding:8px 12px;display:flex;gap:10px;align-items:center;position:relative;z-index:1}
.system-demo .foundation h3{font-size:13px;font-weight:550}
.system-demo .foundation svg{width:18px;height:18px;color:var(--accent-text)}
.system-demo .narrative{min-height:63px;display:flex;gap:20px;align-items:center;justify-content:space-between;padding:12px 3px 0}
.system-demo .phase{display:block;font:10px var(--font-mono);letter-spacing:.08em;color:var(--primary-text);margin-bottom:4px}
.system-demo .caption-wrap p{font-size:15px;font-weight:450;line-height:1.4;min-height:21px}
.system-demo .player{display:flex;gap:18px;align-items:center;flex-shrink:0}
.system-demo [hidden]{display:none!important}
.system-demo .dots{display:flex;gap:0}
.system-demo .dots button{width:24px;height:44px;display:grid;place-items:center;padding:0;border:0;background:none;cursor:pointer}
.system-demo .dots button:before{content:'';width:6px;height:6px;border-radius:50%;background:var(--line-hair2)}
.system-demo .dots button[aria-current=true]:before{background:var(--primary-base);width:8px;height:8px}
.system-demo .player>#play{border:1px solid var(--primary-edge-soft);background:var(--primary-tint);color:var(--primary-text);border-radius:999px;padding:9px 15px;min-height:40px;min-width:88px;font:500 12px var(--font-text);cursor:pointer}
.system-demo .player button:focus-visible{outline:2px solid var(--primary-base);outline-offset:3px}
.system-demo .connections{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:2}
.system-demo .connections #flow{fill:none;stroke:var(--primary-base);stroke-width:1.7;marker-end:url(#flow-arrow)}
.system-demo #flow-arrow path{fill:none;stroke:var(--primary-base);stroke-width:1.5}
.system-demo #packet{fill:var(--primary-base);stroke:var(--surface-page);stroke-width:1.5}
.system-demo[data-learning=true] #flow{stroke:var(--mark-machine-text);stroke-dasharray:4 4}
.system-demo[data-learning=true] #packet{fill:var(--mark-machine-text)}
.system-demo[data-learning=true] #flow-arrow path{stroke:var(--mark-machine-text)}
.system-demo [data-node].active{border-color:var(--primary-base);box-shadow:0 0 0 1px var(--primary-base)}
.system-demo[data-learning=true] [data-node].active{border-color:var(--mark-machine-text);box-shadow:0 0 0 1px var(--mark-machine-text)}
.system-demo [data-cap]{border-radius:3px;transition:background .2s,color .2s,box-shadow .2s}
.system-demo [data-cap].active-cap{background:var(--primary-tint);color:var(--primary-text);box-shadow:0 0 0 4px var(--primary-tint)}
.system-demo[data-learning=true] [data-cap].active-cap{color:var(--mark-machine-text)}
.system-demo .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.system-demo .nojs{font-size:12px;margin-top:10px!important;color:var(--ink-secondary)}
@media(min-width:1001px) and (max-height:820px){.system-demo{padding-top:14px;padding-bottom:8px}
.system-demo .heading{margin-bottom:13px}
.system-demo .heading h1{font-size:26px}
.system-demo .blocks{gap:18px}
.system-demo .block{padding:10px 12px}
.system-demo .brain-caps{margin-top:14px;gap:8px}
.system-demo .narrative{min-height:60px}
.system-demo .input{min-height:38px}}
@media(max-width:1100px) and (min-width:701px){.system-demo{padding-inline:18px}
.system-demo .blocks{grid-template-columns:minmax(0,1fr) minmax(0,1.08fr) minmax(205px,.8fr);gap:18px}
.system-demo .block{padding:10px}
.system-demo .block h3{font-size:15px}
.system-demo .orch-caps{gap:10px}
.system-demo .input small{display:none}
.system-demo .autonomy i{padding:0 3px}
.system-demo .execution-caps{gap:5px 14px}
.system-demo .learning-line{white-space:normal;font-size:11px}
.system-demo .memory{padding:8px}
.system-demo .capabilities{gap:5px 10px}}
@media(max-width:700px){.system-demo{padding:16px 12px 12px}
.system-demo .heading{margin-bottom:14px;display:block}
.system-demo .heading h1{font-size:25px}
.system-demo .heading p{font-size:12px;margin-top:4px}
.system-demo .inputs{padding:0 4px 17px}
.system-demo .inputs .eyebrow{font-size:9px;margin-bottom:6px}
.system-demo .input-row{grid-template-columns:1fr 1fr;gap:7px}
.system-demo .input{min-height:34px;padding:6px 8px;gap:7px}
.system-demo .input svg{width:16px;height:16px}
.system-demo .input>span{font-size:12px}
.system-demo .input small{display:none}
.system-demo .cloud{padding:0 8px 8px;border-radius:9px}
.system-demo .cloud-label{height:31px}
.system-demo .cloud-label h2{font-size:12px}
.system-demo .cloud-label>span{font-size:10px}
.system-demo .system{padding:0 9px 10px}
.system-demo .system-label{height:26px}
.system-demo .system-label .eyebrow{font-size:9px}
.system-demo #version{font-size:10px}
.system-demo .blocks{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px 14px}
.system-demo .block{padding:9px 8px}
.system-demo .block h3{font-size:14px;gap:6px}
.system-demo .block h3 svg{width:17px;height:17px}
.system-demo .block h3 small{font-size:8px}
.system-demo .orchestration{grid-column:1/-1;grid-row:1}
.system-demo .library{grid-column:1;grid-row:2}
.system-demo .harness{grid-column:2;grid-row:2}
.system-demo .execution{grid-column:1/-1;grid-row:3}
.system-demo .brain{grid-column:1/-1;grid-row:4;display:block}
.system-demo .capabilities{gap:4px 8px;margin-top:8px}
.system-demo .capabilities span{font-size:12px;white-space:normal}
.system-demo .orch-caps{gap:5px 13px}
.system-demo .autonomy{display:block;margin-top:8px;padding-top:6px}
.system-demo .autonomy>span{font-size:11px}
.system-demo .autonomy p{font-size:11px;margin-top:4px}
.system-demo .autonomy i{padding:0 6px}
.system-demo .sdlc{font-size:11px;line-height:1.4;padding-top:6px;margin-top:7px!important}
.system-demo .qualifiers{font-size:11px;line-height:1.5}
.system-demo .supporting{font-size:11px;line-height:1.5;margin-top:8px!important}
.system-demo .descriptor{font-size:11px}
.system-demo .brain-caps{display:flex;flex-wrap:wrap;gap:6px 12px;margin-top:9px;font-size:12px}
.system-demo .brain-caps span{padding-left:6px}
.system-demo .memory{margin-top:10px;padding:6px 9px;font-size:12px;justify-content:flex-start;gap:12px}
.system-demo .learning-line{font-size:10px;margin-top:6px!important}
.system-demo .execution-caps{font-size:12px;gap:5px 12px;margin-top:8px}
.system-demo .foundation{padding-top:16px;gap:8px}
.system-demo .foundation>div{padding:7px;gap:6px}
.system-demo .foundation h3{font-size:11px;line-height:1.3}
.system-demo .foundation svg{width:16px;height:16px}
.system-demo .narrative{align-items:start;padding-top:12px;gap:8px}
.system-demo .caption-wrap{flex:1}
.system-demo .caption-wrap p{font-size:13px;min-height:37px}
.system-demo .phase{font-size:9px;min-height:12px}
.system-demo .player{gap:0}
.system-demo .dots{display:none}
.system-demo .player>#play{font-size:11px;min-width:70px;min-height:44px;padding:8px 10px}}
@media(prefers-reduced-motion:reduce){.system-demo *{transition:none!important}
.system-demo #packet{display:none}}
@media(min-width:1001px) and (max-height:820px){.system-demo{padding-top:10px;padding-bottom:6px}
.system-demo .heading{margin-bottom:8px}
.system-demo .inputs{padding-bottom:14px}
.system-demo .cloud-label{height:30px}
.system-demo .system-label{height:25px}
.system-demo .blocks{gap:14px}
.system-demo .block{padding:8px 12px}
.system-demo .foundation{padding-top:14px}
.system-demo .narrative{min-height:54px;padding-top:8px}}
.system-demo .loop-sign{display:inline;opacity:0}
.system-demo .active-cap .loop-sign{opacity:1}
.system-demo .system{background:var(--accent-tint);border-color:var(--accent-edge)}
.system-demo .block{background:var(--surface-raised);border-color:var(--line-hair2)}
.system-demo .block h3 svg,.system-demo .system-label,.system-demo .block h3 small{color:var(--accent-text)}
.system-demo .qualifiers{color:var(--ink-secondary)}
.system-demo .brain-caps span{border-color:var(--accent-base)}
.system-demo .memory{background:var(--accent-tint);border-color:var(--accent-edge);color:var(--accent-text)}
.system-demo .work-cycle{display:grid;grid-template-columns:.8fr 1.1fr .8fr 1.3fr;gap:10px;margin-top:9px}
.system-demo .work-cycle>div{position:relative;display:flex;flex-direction:column;gap:4px;align-items:flex-start;min-width:0}
.system-demo .work-cycle>div:not(:last-child):after{content:'→';position:absolute;right:0;top:0;color:var(--ink-secondary);font-size:12px}
.system-demo .work-cycle strong{font-size:12px;font-weight:550;color:var(--accent-text)}
.system-demo .work-cycle span{font-size:12px;line-height:1.4;white-space:nowrap}
.system-demo .work-cycle b{font-weight:400;font-size:13px;line-height:1;vertical-align:baseline;color:var(--accent-text)}
.system-demo[data-learning=true] #flow,.system-demo[data-learning=true] #flow-arrow path{stroke:var(--primary-base)}
.system-demo[data-learning=true] #packet{fill:var(--primary-base)}
.system-demo[data-learning=true] [data-node].active{border-color:var(--primary-base);box-shadow:0 0 0 1px var(--primary-base)}
.system-demo[data-learning=true] [data-cap].active-cap{color:var(--primary-text)}
@media(min-width:1001px) and (max-height:820px){.system-demo{padding-top:8px}
.system-demo .cloud-label{height:26px}
.system-demo .system-label{height:22px}
.system-demo .autonomy{margin-top:7px;padding-top:6px}
.system-demo .narrative{min-height:48px}}
@media(max-width:1100px) and (min-width:701px){.system-demo .work-cycle{gap:8px;grid-template-columns:.65fr 1fr .65fr 1.3fr}
.system-demo .work-cycle span{font-size:11px;white-space:normal}}
@media(max-width:700px){.system-demo .blocks{grid-template-columns:minmax(0,1fr);gap:16px}
.system-demo .orchestration{grid-column:1;grid-row:1}
.system-demo .library{grid-column:1;grid-row:2}
.system-demo .harness{grid-column:1;grid-row:3}
.system-demo .execution{grid-column:1;grid-row:4}
.system-demo .brain{grid-column:1;grid-row:5}
.system-demo .block{padding:12px}
.system-demo .block h3{font-size:15px}
.system-demo .work-cycle{grid-template-columns:1fr 1fr;gap:10px 18px}
.system-demo .work-cycle>div:nth-child(2):after{content:''}
.system-demo .work-cycle strong,.system-demo .work-cycle span{font-size:12px}
.system-demo .capabilities span,.system-demo .execution-caps{font-size:13px}
.system-demo .supporting,.system-demo .sdlc,.system-demo .qualifiers{font-size:12px}
.system-demo .autonomy p{font-size:12px}
.system-demo .foundation{grid-template-columns:1fr}
.system-demo .foundation h3{font-size:13px}
.system-demo .narrative{position:sticky;bottom:0;z-index:5;background:var(--surface-page);border-top:1px solid var(--line-hair);padding:10px 3px}}
.system-demo{padding:0;width:100%;max-width:1280px}
.system-demo .inputs{padding-top:0}
.system-demo .phase,.system-demo .dots{display:none}
.system-demo .narrative{min-height:48px;padding:6px 3px 0}
.system-demo .player>#play{display:grid;place-items:center;width:40px;height:40px;min-width:40px;min-height:40px;border:0;padding:8px;background:transparent;border-radius:50%;color:var(--primary-text)}
.system-demo .player>#play:hover{background:var(--primary-tint)}
.system-demo .player>#play svg{width:20px;height:20px}
@media(max-width:700px){.system-demo .player>#play{width:44px;height:44px;min-width:44px;min-height:44px}
.system-demo .narrative{padding:6px 3px}}
.system-demo .blocks{gap:28px}
.system-demo .inputs{padding-bottom:26px}
.system-demo .foundation{padding-top:26px;gap:22px}
.system-demo .system{padding-left:18px;padding-right:18px;padding-bottom:16px}
@media(max-width:700px){.system-demo .blocks{gap:28px}
.system-demo .inputs{padding-bottom:26px}
.system-demo .input-row{gap:12px}
.system-demo .system{padding-left:16px;padding-right:16px}
.system-demo .foundation{padding-top:26px;gap:20px}}
.system-demo .input{background:var(--accent-tint);border-color:var(--accent-base)}
.system-demo .input>span,.system-demo .inputs .eyebrow{color:var(--accent-text)}
.system-demo .system{background:var(--surface-page);border-color:var(--line-hair2)}
.system-demo .system-label{color:var(--ink-secondary)}
@media(max-width:700px){.system-demo .work-cycle{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.system-demo .work-cycle>div{padding-right:10px}
.system-demo .work-cycle span{white-space:normal;overflow-wrap:break-word;max-width:100%}
.system-demo .narrative{position:static;bottom:auto;z-index:auto}
.system-demo .caption-wrap{min-width:0}}
.system-demo{--customer-surface:#015590;--customer-ink:#ECF6FF}
.system-demo .input,.system-demo .foundation>div{background:var(--customer-surface);border-color:var(--accent-base);color:var(--customer-ink)}
.system-demo .input>span,.system-demo .input svg,.system-demo .input small,.system-demo .foundation svg{color:var(--customer-ink)}
.system-demo .cloud{border-color:var(--accent-edge)}
.system-demo .full-label,.system-demo .short-label{font-weight:inherit}
.system-demo .short-label{display:none}
@media(max-width:700px){.system-demo .full-label{display:none}
.system-demo .short-label{display:inline}
.system-demo .blocks{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px 20px}
.system-demo .orchestration{grid-column:1/-1;grid-row:1}
.system-demo .library{grid-column:1;grid-row:2}
.system-demo .harness{grid-column:2;grid-row:2}
.system-demo .execution{grid-column:1/-1;grid-row:3}
.system-demo .brain{grid-column:1/-1;grid-row:4}
.system-demo .system{padding-inline:10px;padding-bottom:10px}
.system-demo .block{padding:9px 8px}
.system-demo .block h3{font-size:14px;gap:5px}
.system-demo .block h3 svg{width:16px;height:16px}
.system-demo .block h3 small,.system-demo .supporting,.system-demo .descriptor,.system-demo .learning-line,.system-demo .cloud-label>span,.system-demo #version{display:none}
.system-demo .work-cycle{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:8px}
.system-demo .work-cycle>div{padding:0;gap:2px}
.system-demo .work-cycle>div:after{display:none}
.system-demo .work-cycle strong,.system-demo .work-cycle span{font-size:12px}
.system-demo .autonomy{margin-top:8px;padding-top:6px;display:flex;flex-wrap:wrap;gap:4px 8px}
.system-demo .autonomy p{margin:0;font-size:11px}
.system-demo .autonomy i{padding-inline:3px}
.system-demo .capabilities{gap:3px 8px;margin-top:7px}
.system-demo .capabilities span{font-size:12px}
.system-demo .sdlc,.system-demo .qualifiers{font-size:11px;line-height:1.4}
.system-demo .execution-caps{font-size:12px;gap:4px 12px;margin-top:7px}
.system-demo .brain-caps{margin-top:8px;font-size:12px;gap:5px 12px}
.system-demo .memory{margin-top:8px;padding:5px 8px}
.system-demo .foundation{grid-template-columns:1fr 1fr;padding-top:22px;gap:14px}
.system-demo .foundation h3{font-size:12px}
.system-demo .inputs{padding-bottom:22px}}
.system-demo{--customer-surface:var(--accent-tint);--customer-ink:var(--ink-primary)}
.system-demo .input,.system-demo .foundation>div{border-color:var(--line-hair)}
.system-demo .input svg,.system-demo .foundation svg{color:var(--accent-text)}
.system-demo .cloud{border-color:var(--line-hair2)}