/* A diagram-specific visual world; all public content still comes from the model. */
html[data-canvas-edit] :is(.hub-current,.demo-current,.broken-current,.input-particle,.output-particle) { display:none; }
.disconnect .source {
  position:relative;
  min-block-size:12rem;
  padding:var(--space-5);
  gap:var(--space-5);
  border:0;
  border-radius:var(--radius-panel);
  background:var(--white);
  box-shadow:var(--shadow-panel);
}
.disconnect .source > .icon {
  box-sizing:content-box;
  inline-size:1.75rem;
  block-size:1.75rem;
  padding:var(--space-3);
  color:var(--ink);
  background:var(--blue-paper);
  border-radius:8px;
  stroke-width:1.3;
}
.disconnect .source::before {
  content:'';
  position:absolute;
  inset-block-start:var(--space-5);
  inset-inline-end:var(--space-4);
  inline-size:1.5rem;
  block-size:var(--space-2);
  border-block:1px solid var(--blue-rule);
}
.disconnect .source strong { font-size:1rem; letter-spacing:-.02em; }
.disconnect .knowledge-callout {
  border:1px solid var(--knowledge-rule);
  border-radius:var(--radius-panel);
  padding:var(--space-5);
  align-content:center;
}
.disconnect .risk-marker { color:var(--white); background:var(--knowledge-ink); border-radius:50%; }
.brain .brain-layout { display:grid; grid-template-columns:1fr; gap:var(--space-7); }
.brain .brain-diagram {
  position:relative;
  padding:var(--space-6);
  border-radius:var(--radius-feature);
  color:#f4f9ff;
  background:#081f35;
  background-image:radial-gradient(ellipse at 50% 46%, #143e51 0%, #081f35 56%);
  box-shadow:0 24px 56px rgb(8 31 67 / .14);
}
.brain .brain-diagram figcaption { color:#9cbaca; margin:0 0 var(--space-5); letter-spacing:.08em; }
.brain .connected-map { block-size:40rem; isolation:isolate; }
.brain .connected-sources { display:block; position:static; }
.brain .connected-sources .source {
  position:absolute;
  inline-size:23%;
  max-inline-size:15rem;
  block-size:9rem;
  min-block-size:0;
  padding:var(--space-4) var(--space-5);
  gap:var(--space-3);
  border:1px solid #36566d;
  border-radius:var(--radius-panel);
  background:linear-gradient(135deg,#183b56,#102b44);
  color:#f4f9ff;
  z-index:2;
}
.brain .connected-sources .source:nth-child(odd) { inset-inline-start:3%; }
.brain .connected-sources .source:nth-child(even) { inset-inline-end:3%; }
.brain .connected-sources .source:nth-child(-n+2) { inset-block-start:24%; }
.brain .connected-sources .source.source--external { inset:0 auto auto 50%; transform:translateX(-50%); }
.brain .connected-sources .source:nth-child(n+3) { inset-block-end:8%; }
.brain .connected-sources .source--knowledge { background:linear-gradient(135deg,#16474a,#0e303c); border-color:#39877c; }
.brain .source > .icon {
  box-sizing:content-box;
  inline-size:1.5rem;
  block-size:1.5rem;
  padding:var(--space-2);
  color:#b4e6f0;
  background:rgb(180 230 240 / .07);
  border-radius:8px;
  stroke-width:1.3;
}
.brain .source--knowledge > .icon { color:#a2f0ce; }
.brain .source strong { font-size:1rem; font-weight:500; letter-spacing:-.015em; }
.brain .source div > span { color:#bed0df; font-size:.75rem; }
.brain .source .source-bridge { font-style:normal; color:#f4f9ff; font-weight:600; }
.brain .source .source-status {
  inset-block-start:var(--space-4);
  inset-inline-end:var(--space-4);
  color:#9cf2cf;
  font-size:.625rem;
  font-weight:400;
  letter-spacing:0;
}
.brain .connected-sources .source::after {
  inline-size:8px;
  block-size:8px;
  border:2px solid #102b44;
  background:#b3f7df;
  transform:translateY(-50%);
  inset-block-start:50%;
  inset-block-end:auto;
}
.brain .connected-sources .source:nth-child(odd)::after { inset-inline-start:auto; inset-inline-end:-5px; }
.brain .connected-sources .source:nth-child(even)::after { inset-inline-start:-5px; inset-inline-end:auto; }
.brain .connected-sources .source.source--external::after { inset:auto auto -5px 50%; transform:translateX(-50%); }
.brain .brain-hub {
  inset-block-start:58%;
  inline-size:19rem;
  max-inline-size:45%;
  block-size:21rem;
  padding:0;
  border:0;
  background:transparent;
  box-shadow:none;
  gap:var(--space-2);
  align-content:center;
  justify-items:center;
  text-align:center;
  z-index:1;
}
.brain .brain-hub::after { display:none; }
.brain .brain-hub .hub-icon { inline-size:17rem; block-size:auto; max-inline-size:100%; overflow:visible; }
.brain .brain-hub strong { font-size:1.75rem; line-height:1.2; font-weight:500; letter-spacing:-.03em; }
.brain .brain-hub > span { color:#b6d2df; font-size:.8125rem; }
.brain .neural-connections { z-index:0; pointer-events:none; }
.brain .neural-connections .input-wire { stroke:#6696ad; stroke-width:1; stroke-dasharray:none; opacity:.6; }
.brain .neural-connections .output-wire { stroke:#75d4b0; stroke-width:1; stroke-dasharray:none; opacity:.6; }
.brain .neural-connections .input-particle { fill:#c4fff0; }
.brain .neural-connections .output-particle { fill:#90ffc8; }
.brain .knowledge-output { color:#a2f0ce; margin:var(--space-3) 0 0; font-size:.8125rem; }
.brain .knowledge-steps { grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--space-6); }
.brain .knowledge-steps li { grid-template-columns:1fr; gap:var(--space-3); align-content:start; }
.brain .brain-step-marker {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  justify-self:start;
  inline-size:max-content;
  padding:var(--space-1) var(--space-2);
  border:1px solid var(--blue-rule);
  border-radius:var(--radius-control);
  background:var(--blue-paper);
  color:var(--ink);
  font-size:.6875rem;
  line-height:1.5;
  font-weight:600;
  white-space:nowrap;
}
.hub-current { display:none; }
.flow-enhanced .hub-current { display:inline; }
.static-mobile-routes { display:none; }
.neural-connections :is(.input-particle,.output-particle) { display:none; }
.flow-enhanced .neural-connections :is(.input-particle,.output-particle) { display:inline; }
@media(max-width:60rem) {
  .brain .brain-diagram { padding:var(--space-5); border-radius:var(--radius-feature); }
  .brain .brain-diagram figcaption { padding-inline-end:var(--space-7); max-inline-size:32ch; line-height:1.6; }
  .brain .connected-map { block-size:56rem; }
  .brain .connected-sources .source {
    inline-size:calc(50% - 12px);
    max-inline-size:none;
    block-size:9.5rem;
    padding:var(--space-3);
    gap:var(--space-2);
    border-radius:var(--radius-panel);
  }
  .brain .connected-sources .source:nth-child(odd) { inset-inline-start:0; }
  .brain .connected-sources .source:nth-child(even) { inset-inline-end:0; }
  .brain .connected-sources .source:nth-child(-n+2) { inset-block-start:13rem; }
  .brain .connected-sources .source:nth-child(n+3) { inset-block-end:0; }
  .brain .connected-sources .source.source--external { inset:0 auto auto 50%; block-size:11rem; }
  .brain .source > .icon { padding:var(--space-1); inline-size:1.25rem; block-size:1.25rem; margin-block-start:var(--space-4); }
  .brain .source strong { font-size:.8125rem; }
  .brain .source div > span { font-size:.6875rem; line-height:1.5; margin-block-start:var(--space-2); }
  .brain .source .source-status { font-size:.5625rem; inset-block-start:var(--space-3); inset-inline-end:var(--space-3); }
  .brain .connected-sources .source:nth-child(n)::after { transform:translateX(-50%); inset-inline-start:50%; inset-inline-end:auto; }
  .brain .connected-sources .source:nth-child(-n+2)::after { inset-block-start:auto; inset-block-end:-5px; }
  .brain .connected-sources .source:nth-child(n+3)::after { inset-block-start:-5px; inset-block-end:auto; }
  .brain .connected-sources .source.source--external::after { inset:auto auto -5px 50%; transform:translateX(-50%); }
  .brain .brain-hub { inset-block-start:60%; inline-size:16rem; max-inline-size:85%; block-size:18rem; }
  .brain .brain-hub .hub-icon { inline-size:13rem; }
  .brain .brain-hub strong { font-size:1.375rem; }
  .brain .knowledge-steps { grid-template-columns:1fr; gap:0; }
  .brain .knowledge-steps li { grid-template-columns:3.5rem minmax(0,1fr); }
  .brain-diagram:not(.flow-enhanced) .neural-routes { display:none; }
  .brain-diagram:not(.flow-enhanced) .static-mobile-routes { display:inline; }
}
@media(max-width:35rem) {
  .brain .brain-diagram { margin-inline:-.5rem; padding:var(--space-4); }
  .brain .brain-hub .hub-icon { inline-size:11.5rem; }
  .brain .brain-hub > span { font-size:.6875rem; }
  .disconnect .source { padding:var(--space-4); gap:var(--space-4); min-block-size:12rem; }
  .disconnect .source > .icon { padding:var(--space-2); }
  .disconnect .source strong { font-size:.9375rem; }
}
@media(prefers-reduced-motion:reduce) { .flow-enhanced .hub-current, .flow-enhanced .neural-connections :is(.input-particle,.output-particle) { display:none; } }
@media(forced-colors:active) {
  .brain .brain-diagram, .brain .source, .disconnect .source { border:1px solid CanvasText; }
  .brain .source strong, .brain .source div > span, .brain .brain-hub, .brain .brain-hub > span { color:CanvasText; }
}
@media print { .hub-current { display:none; } }

/* Extend the neural diagram's material language without competing with it. */
.hero-proposition > .button { border-radius:var(--radius-control); }
.solutions .outcome {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);
  align-items:center;
  gap:var(--space-8);
  padding-block:var(--space-7);
}
.solutions .outcome-title { grid-template-columns:1.5rem 1fr; gap:var(--space-3); }
.solutions .outcome-title h3 { max-inline-size:20ch; font-size:clamp(1.75rem,3vw,2.5rem); line-height:1.15; }
.solutions .outcome-detail { gap:var(--space-5); margin-block-start:var(--space-5); }
.solutions .outcome-detail .body-copy { max-inline-size:48ch; }
.solutions .comparison { grid-template-columns:1fr; gap:var(--space-4); }
.solutions .comparison > div { border-inline-start:1px solid var(--blue-rule); }
.solutions .comparison > .comparison-result { border-color:var(--green); }
.solutions .comparison dt { font-size:.625rem; }
.solutions .comparison dd { font-size:.875rem; }
.workflow-demo {
  position:relative;
  min-inline-size:0;
  margin:0;
  padding:var(--space-5) var(--space-3) var(--space-3);
  border-radius:var(--radius-feature);
  background:#081f35;
  box-shadow:var(--shadow-panel);
}
.workflow-demo > figcaption { color:#bed0df; font-size:.6875rem; margin-inline:var(--space-3); }
.workflow-demo > svg { display:block; inline-size:100%; block-size:auto; }
.workflow-demo > .demo-mobile { display:none; }
.workflow-demo text[data-site-key$=".agent.1"] { font-size:16px; }
.workflow-demo .demo-mobile text[data-site-key$=".agent.1"] { font-size:14px; }
.workflow-demo .demo-mobile text[data-site-key="solutions.workflow.automation.agent.1"] { font-size:12px; }
/* Human questions use the warm accent; connected data sources stay blue. */
.workflow-demo [data-node="question"] > rect { fill:#302f34; stroke:#a18068; }
.workflow-demo [data-node="question"] > text { fill:#ffd0a7; }
.workflow-demo [data-node="question"] > .workflow-icon { color:#ffd0a7; }
.question-caret { pointer-events:none; }
.workflow-demo [data-node="question"] .question-caret { fill:#ffd0a7; stroke:none; }
.explanation-still [data-node="question"] > text { clip-path:none !important; }
.explanation-still .question-caret { display:none; }
.search-sequenced:not(.explanation-still) [data-node="answer"] { opacity:0; }
.explanation-still :is([data-node="answer"],.reply-content,.reply-sources,.workflow-route) { opacity:1 !important; }
.explanation-still :is(.reply-processing,.search-brain-highlight) { display:none; }
.quote-notification-bubble { transform-box:fill-box; transform-origin:center; }
.quote-notification-bubble > circle { fill:#b42318; stroke:#081f35; stroke-width:2; }
.quote-notification-bubble > text { fill:#fff; font-size:12px; font-weight:600; text-anchor:middle; }
.quote-sequenced:not(.explanation-still) :is(.quote-notification-bubble,.quote-branch-port,[data-node]:not([data-node="email"]),.workflow-route,[data-site-key^="solutions.workflow.automation.route."]) { opacity:0; }
.quote-sequenced.explanation-still :is(.quote-notification-bubble,.quote-branch-port,[data-node],.quote-content,.workflow-route,[data-site-key^="solutions.workflow.automation.route."]) { opacity:1 !important; }
.explanation-still .quote-notification-bubble { transform:none !important; }
.overlap-preview h3 { font-size:1.125rem; font-weight:500; }
.overlap-preview .overlap-peak { color:var(--muted); font-size:.875rem; margin-block:var(--space-2) var(--space-3); }
.overlap-summary { display:block; inline-size:100%; block-size:auto; }
.parallel-key, .parallel-workbench { display:grid; grid-template-columns:min(9.5rem,65%) minmax(0,1fr); gap:var(--space-2); }
.parallel-key { align-items:end; margin-block:var(--space-4) var(--space-2); font-size:.75rem; line-height:1.4; color:var(--muted); }
.parallel-key > div { text-align:center; }
.parallel-key .overlap-peak { margin:var(--space-1) 0 0; font-size:.75rem; color:var(--ink); font-variant-numeric:tabular-nums; }
.agent-terminals { display:grid; grid-template-rows:repeat(8,3.5rem); list-style:none; margin:0; padding:0; }
.agent-terminals li { display:grid; grid-template-columns:1.5rem minmax(0,1fr); align-items:center; gap:var(--space-2); padding-block:var(--space-1); min-inline-size:0; }
.parallel-robot { inline-size:1.5rem; block-size:1.5rem; color:var(--accent); overflow:visible; }
.agent-console { min-inline-size:0; padding:.25rem .5rem; border:1px solid #36566d; border-radius:var(--radius-control); background:var(--ink); color:var(--white); }
.agent-console > strong { display:block; color:#bed0df; font-size:.75rem; font-weight:500; line-height:1.5; }
.agent-terminal-window { position:relative; block-size:1.5em; overflow:hidden; padding-inline-end:1ch; font:400 .75rem/1.5 Consolas,'Courier New',monospace; }
.agent-terminal-cursor { position:absolute; inset-inline-end:0; inset-block-start:.2em; inline-size:.5ch; block-size:1.1em; background:#b6fff0; pointer-events:none; }
.agent-terminal-output > span { display:block; white-space:nowrap; line-height:1.5; }
.agent-terminal-output > span::before { content:'> '; color:#b6fff0; }
.parallel-workbench > .overlap-summary { block-size:100%; min-block-size:0; }
.overlap-preview.explanation-still .agent-terminal-output { transform:none !important; }
.overlap-preview.explanation-still .agent-signal { opacity:1 !important; }
.overlap-preview.explanation-still .agent-terminal-cursor { opacity:1 !important; }
.overlap-preview > .inline-link { margin-block-start:var(--space-4); font-size:.8125rem; }
.demo-current { display:none; }
.demo-enhanced .demo-current { display:inline; }
@media(prefers-reduced-motion:no-preference) {
  .demo-enhanced [data-node="issue"] > [data-icon="delay"] { animation:issue-detected-flash 1.6s steps(1,end) infinite paused; }
  .demo-warning-active [data-node="issue"] > [data-icon="delay"] { animation-play-state:running; }
  html[data-canvas-edit] .demo-enhanced [data-node="issue"] > [data-icon="delay"] { animation:none; }
  @keyframes issue-detected-flash {
    0%,49.99% { opacity:1; }
    50%,100% { opacity:.4; }
  }
}
.method { background:var(--paper); }
.method > .shell { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr); column-gap:var(--space-10); }
.method .section-label { grid-column:1/-1; margin-block-end:var(--space-5); }
.method h2 { grid-column:1; grid-row:2; align-self:start; padding-block-start:var(--space-6); font-size:clamp(2.75rem,4.3vw,4.5rem); line-height:1.08; letter-spacing:-.045em; font-weight:500; max-inline-size:19ch; }
.method .lead { grid-column:1; grid-row:3; align-self:start; margin-block-start:var(--space-5); max-inline-size:30ch; font-size:var(--type-lead); color:var(--muted); }
.method .inline-link { grid-column:1; grid-row:4; align-self:start; justify-self:start; margin-block-start:var(--space-6); }
.method .refined-scope { grid-column:2; grid-row:2/6; min-inline-size:0; }
.method .scope-header { border-block-start:2px solid var(--ink); padding-block-start:var(--space-5); }
.method .scope-title { font-weight:600; }
.method .scope-header > span { display:block; margin-block-start:var(--space-2); color:var(--muted); font-size:var(--type-small); }
.method .focused-cycle { position:relative; padding-block:var(--space-5) var(--space-7); }
.method .focus-steps { display:grid; gap:var(--space-7); }
.method .focus-steps li { position:relative; padding-inline-start:5rem; }
.method .phase { position:absolute; inset:0 auto auto 0; display:grid; place-items:center; inline-size:3rem; block-size:3rem; border:1px solid var(--blue-rule); border-radius:50%; background:var(--paper); color:var(--ink); z-index:1; }
.method .focus-steps li:last-child .phase { background:var(--ink); color:var(--white); border-color:var(--ink); }
.method .focus-steps h3 { font-size:1.5rem; font-weight:500; letter-spacing:-.025em; margin-block-end:var(--space-3); }
.method .focus-steps p { color:var(--muted); max-inline-size:42ch; }
.method .step-note { display:block; margin-block-start:var(--space-3); font-size:var(--type-small); color:var(--accent-orange); }
.method .scope-return { border-block-start:1px solid var(--blue-rule); padding-block-start:var(--space-5); margin-inline:auto; max-inline-size:70ch; font-size:.9375rem; }
.method .scope-return > span:first-child { color:var(--accent-orange); margin-inline-end:var(--space-3); }
.method .cycle-wires { position:absolute; inset:0; inline-size:100%; block-size:100%; overflow:visible; pointer-events:none; visibility:hidden; }
.method .cycle-enhanced .cycle-wires { visibility:visible; }
.method .cycle-wires path { fill:none; stroke:var(--diagram-line); stroke-width:1; }
.method .cycle-wires .return-rail { stroke:var(--accent-orange); stroke-dasharray:2 6; opacity:.5; }
.method .cycle-signal { display:none; position:absolute; inset:0 auto auto 0; inline-size:8px; block-size:8px; border-radius:50%; background:var(--accent-orange); pointer-events:none; z-index:2; }
.method .cycle-enhanced .cycle-signal { display:block; }
.method .cycle-halo { position:absolute; inset:-6px; border:2px solid var(--accent-orange); border-radius:50%; opacity:0; pointer-events:none; }
.method .focused-cycle:not(.cycle-enhanced)::before { content:''; position:absolute; inset:var(--space-5) auto var(--space-7) 1.5rem; border-inline-start:1px solid var(--diagram-line); }
.method .cycle-still :is(.cycle-signal,.cycle-halo), html[data-canvas-edit] .method :is(.cycle-signal,.cycle-halo) { display:none; }
@media(max-width:60rem) { .method > .shell { column-gap:var(--space-7); } }
@media(max-width:45rem) {
  .method > .shell { display:block; }
  .method h2 { padding:0; font-size:clamp(2.25rem,8vw,3.5rem); }
  .method .lead { max-inline-size:48ch; margin-block-end:var(--space-6); }
  .method .focus-steps li { padding-inline-start:4rem; }
  .method .inline-link { display:inline-flex; }
}
@media(prefers-reduced-motion:reduce) { .method :is(.cycle-signal,.cycle-halo) { display:none !important; } }
.evidence .evidence-items { gap:var(--space-6); align-items:stretch; }
.evidence .evidence-item {
  display:flex;
  flex-direction:column;
  gap:var(--space-4);
  padding:var(--space-5);
  border:1px solid var(--blue-rule);
  border-radius:var(--radius-feature);
  background:var(--white);
}
.evidence .evidence-item > * { margin:0; }
.evidence .evidence-item > h3 { max-inline-size:26ch; }
.evidence .evidence-item > .inline-link { margin-block-start:auto; padding-block-start:var(--space-5); }
.evidence .evidence-measure { gap:var(--space-3); }
.evidence .evidence-measure strong { font-size:3.5rem; }
.evidence-preview { padding:var(--space-5); border-radius:var(--radius-panel); background:var(--blue-paper); min-block-size:20rem; }
.evidence-preview img { inline-size:100%; block-size:auto; display:block; }
.evidence-preview figcaption { color:var(--muted); font-size:.75rem; line-height:1.5; margin-block-start:var(--space-4); }
.evidence .plant-assessment-alert { padding:var(--space-4); background:var(--blue-paper); }
.evidence .plant-assessment-alert figcaption { color:var(--muted); }
.plant-evidence-insight { display:grid; gap:var(--space-3); }
.plant-evidence-insight h4 { margin:0; font-size:1.125rem; font-weight:500; line-height:1.4; }
.plant-evidence-insight .evidence-scope { margin:0; }
.contact { background:#081f35; }
.contact .contact-copy { padding:var(--space-6); border:1px solid #36566d; border-radius:var(--radius-feature); background:#102b44; }
.contact .contact-field input, .contact .contact-field textarea { border:1px solid #7893ab; border-radius:var(--radius-control); background:#081f35; color:#f4f9ff; }
.contact .contact-field :is(input,textarea):focus-visible { outline:2px solid #b6fff0; outline-offset:3px; }
.contact .contact-field [aria-invalid=true] { border-color:var(--contact-error); outline:1px solid var(--contact-error); }
.contact .contact-field-hint, .contact .form-privacy, .contact .contact-email { color:#bed0df; }
.contact .contact-form .button { background:#b6fff0; color:#081f35; border-color:#b6fff0; border-radius:var(--radius-control); }
.contact .form-success { border-color:var(--contact-error); background:#081f35; color:var(--white); }
.contact .form-success-icon, .contact .form-success h3 { color:var(--contact-error); }
.contact .form-success p { color:var(--navy-secondary); }
.contact .button--outline { border-radius:var(--radius-control); }
.contact-connection { inline-size:min(100%,25rem); block-size:auto; margin-block-start:var(--space-6); }
@media(hover:hover) and (pointer:fine) {
  .contact .contact-form .button:not(:disabled):hover { background:var(--accent-orange); color:var(--white); border-color:var(--accent-orange); }
}
@media(max-width:64rem) {
  .solutions .outcome { grid-template-columns:1fr; gap:var(--space-5); }
  .workflow-demo { inline-size:100%; max-inline-size:38rem; justify-self:center; }
  .solutions .outcome-title h3 { font-size:1.75rem; }
  .evidence .evidence-item { padding:var(--space-4); }
  .evidence-preview { padding:var(--space-4); }
}
@media(max-width:45rem) {
  .solutions .outcome { grid-template-columns:1fr; gap:var(--space-4); padding-block:var(--space-5); }
  .solutions .outcome-detail { margin-block-start:var(--space-4); gap:var(--space-4); }
  .solutions .comparison dd { font-size:.8125rem; line-height:1.5; }
  .solutions .comparison { grid-template-columns:1fr 1fr; gap:var(--space-4); }
  .solutions .outcome-title h3 { max-inline-size:22ch; }
  .workflow-demo { border-radius:var(--radius-panel); }
  .workflow-demo > .demo-desktop { display:none; }
  .workflow-demo > .demo-mobile { display:block; }
  .evidence .evidence-items { grid-template-columns:1fr; }
  .evidence-preview { min-block-size:0; }
  .evidence .evidence-item { border-radius:var(--radius-panel); }
  .contact .contact-copy { padding:var(--space-5); border-radius:var(--radius-panel); }
  .contact-connection { display:none; }
}
@media(max-width:23rem) {
  .contact .contact-copy { padding:var(--space-4); }
  .solutions .comparison { grid-template-columns:1fr 1fr; gap:var(--space-3); }
}
@media(prefers-reduced-motion:reduce) { .demo-enhanced .demo-current { display:none; } }
@media(forced-colors:active) {
  .workflow-demo, .evidence .evidence-item, .contact .contact-copy { border:1px solid CanvasText; }
}

.disconnect .disconnect-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(15rem,.34fr); gap:var(--space-8); align-items:center; }
.disconnect .fragmented-figure { position:relative; min-inline-size:0; }
.fragmented-islands { position:relative; block-size:27rem; isolation:isolate; }
.disconnect .disconnected-sources { display:block; }
.disconnect .disconnected-sources .source {
  position:absolute;
  inline-size:39%;
  max-inline-size:17rem;
  min-block-size:0;
  block-size:11rem;
  gap:var(--space-4);
  padding:var(--space-5);
  z-index:1;
}
.disconnect .source > .icon { inline-size:1.5rem; block-size:1.5rem; padding:var(--space-2); }
.disconnect .disconnected-sources .source:nth-child(1) { inset-inline-start:0; inset-block-start:var(--space-5); }
.disconnect .disconnected-sources .source:nth-child(2) { inset-inline-end:0; inset-block-start:0; }
.disconnect .disconnected-sources .source:nth-child(3) { inset-inline-start:8%; inset-block-end:0; }
.disconnect .disconnected-sources .source:nth-child(4) { inset-inline-end:4%; inset-block-end:var(--space-5); }
.broken-connections { position:absolute; inset:0; inline-size:100%; block-size:100%; fill:none; pointer-events:none; overflow:visible; visibility:hidden; }
.islands-enhanced .broken-connections { visibility:visible; }
.broken-wire { stroke:var(--muted); stroke-width:1.25; stroke-dasharray:1 5; stroke-linecap:round; opacity:1; }
.broken-cap { fill:var(--accent-orange); }
.handoff-cue { position:absolute; display:none; transform:translate(-50%,-170%); padding:var(--space-1) var(--space-2); background:var(--paper); color:var(--accent-orange); font-size:.6875rem; line-height:1.3; white-space:nowrap; }
.islands-enhanced .handoff-cue { display:block; }
.disconnect .risk-marker .icon { inline-size:1.25rem; block-size:1.25rem; }
.disconnect .knowledge-callout .risk-marker { background:transparent; color:var(--accent-orange); border:1px solid currentColor; border-radius:50%; box-shadow:none; }
.disconnect .knowledge-callout .risk-marker > svg { background:transparent; fill:none; stroke:currentColor; }
.disconnect .knowledge-callout .risk-marker > svg :is(path,circle) { fill:none; }
.broken-current { fill:var(--accent-orange); opacity:0; }
.disconnect .diagram-note { display:flex; align-items:flex-start; gap:var(--space-2); padding-inline-end:var(--space-7); margin-block-start:var(--space-5); max-inline-size:58ch; }
.disconnect .diagram-note > .icon { flex:0 0 1.25rem; inline-size:1.25rem; block-size:1.25rem; color:var(--accent-orange); }
.disconnect .knowledge-callout {
  position:relative;
  grid-template-columns:2rem minmax(0,1fr);
  gap:var(--space-4);
  min-block-size:15rem;
  padding:var(--space-5);
  border:1px solid var(--accent-orange);
  background:var(--alert-paper);
  box-shadow:0 16px 36px rgb(123 84 15 / .08);
  align-content:center;
}
.disconnect .knowledge-callout::before { content:''; position:absolute; inset-block:0; inset-inline-start:calc(-1 * var(--space-6)); border-inline-start:1px dashed var(--blue-rule); }
.disconnect .risk-marker { inline-size:2rem; block-size:2rem; align-items:center; font-size:1rem; }
.disconnect .knowledge-callout .eyebrow { color:var(--accent-orange); font-size:.625rem; line-height:1.6; }
.disconnect .knowledge-callout h3 { color:var(--accent-orange); font-size:1.25rem; letter-spacing:-.02em; margin-block:var(--space-3); }
@media(max-width:60rem) {
  .disconnect .disconnect-layout { grid-template-columns:1fr; gap:var(--space-7); }
  .disconnect .knowledge-callout { inline-size:min(90%,28rem); justify-self:end; min-block-size:0; padding:var(--space-5); }
  .disconnect .knowledge-callout::before { inset-inline:0; inset-block-start:calc(-1 * var(--space-5)); inset-block-end:auto; border:0; border-block-start:1px dashed var(--blue-rule); }
}
@media(max-width:35rem) {
  .broken-connections [data-break-route="2"], .broken-connections [data-break-group="2"], .broken-connections [data-cap-route="2"] { display:none; }
  .handoff-cue { transform:translate(-50%,-50%); font-size:.625rem; }
  .fragmented-islands { block-size:27rem; }
  .disconnect .disconnected-sources .source { inline-size:44%; block-size:11rem; padding:var(--space-4); gap:var(--space-4); }
  .disconnect .disconnected-sources .source:nth-child(1) { inset-inline-start:0; inset-block-start:var(--space-4); }
  .disconnect .disconnected-sources .source:nth-child(3) { inset-inline-start:2%; }
  .disconnect .disconnected-sources .source:nth-child(4) { inset-inline-end:2%; inset-block-end:var(--space-4); }
  .disconnect .source strong { font-size:.875rem; }
  .disconnect .source span { font-size:.6875rem; }
  .disconnect .source::before { inset-inline-end:var(--space-3); inline-size:var(--space-4); }
  .disconnect .knowledge-callout { inline-size:92%; }
}
@media(prefers-reduced-motion:reduce) { .broken-current { display:none; } }
@media(forced-colors:active) { .broken-wire { stroke:CanvasText; } }

/* Reference banner version; the horizontal logo remains a separate asset. */
.brand-panorama--network {
  --banner-signal:#a9eadc;
  --banner-shade-ellipse:48% 42%;
  --banner-shade-center:50% 61%;
  min-block-size:clamp(16rem,28.57vw,36.625rem);
}
/* Keep the sky/sunset radiant; concentrate the shade behind AGENTS and the caption. */
.brand-panorama--network .brand-panorama-photo { object-position:center; opacity:1; }
.brand-panorama--network::before {
  content:"";
  background:radial-gradient(ellipse var(--banner-shade-ellipse) at var(--banner-shade-center),rgb(8 31 67 / .64) 0%,rgb(8 31 67 / .52) 35%,rgb(8 31 67 / .18) 68%,transparent 100%);
}
.brand-panorama-network { position:absolute; inset:0; z-index:0; inline-size:100%; block-size:100%; color:var(--banner-signal); pointer-events:none; }
.banner-orbits { stroke:url(#banner-orbit-tint); stroke-width:1.35; opacity:.23; }
.banner-crossing-arc { stroke:url(#banner-orbit-tint); stroke-width:1.15; opacity:.16; }
.banner-network-nodes { fill:url(#banner-node-glow); }
.brand-panorama--network .brand-panorama-copy { position:relative; z-index:1; gap:clamp(var(--space-4),1.8vw,var(--space-6)); padding-block:var(--space-7); }
.brand-panorama--network .brand-panorama-wordmark { inline-size:clamp(15rem,23vw,28rem); max-inline-size:min(70vw,100%); }
.brand-panorama--network .brand-expansion { gap:1.25em; font-size:clamp(.8rem,1.17vw,1.375rem); letter-spacing:.02em; }
.brand-panorama--network .brand-expansion-pair { gap:1.25em; }
.brand-panorama--network .brand-expansion strong,
.brand-panorama--network .brand-expansion [data-site-key="hero.expansion.o"]::first-letter { color:inherit; font-weight:500; }
.brand-panorama--network .brand-expansion i { inline-size:.25rem; block-size:.25rem; flex:none; align-self:center; border-radius:50%; background:#45c9b0; font-size:0; }

/* Selected Editorial hero; actions sit clear of the main headline. */
.brand-panorama .brand-expansion { text-shadow:0 1px 12px rgb(8 31 67 / .4); }
@media(max-width:35rem) {
  .brand-panorama--network { --banner-shade-ellipse:60% 46%; --banner-shade-center:50% 64%; }
  .brand-panorama-copy { gap:var(--space-4); }
  .brand-expansion { flex-direction:column; align-items:center; gap:var(--space-1); font-size:var(--type-small); }
  .brand-expansion .brand-expansion-divider { display:none; }
  .brand-panorama--network .brand-expansion { gap:var(--space-2); }
}
.opening .opening-inner { padding-block:var(--space-7) var(--space-6); }
.opening .hero-grid { padding-block:var(--space-6) var(--space-7); gap:var(--space-7); }
.opening [data-site-key="hero.heading"] { font-size:clamp(2.5rem,5.4vw,4.75rem); line-height:1.05; letter-spacing:-.055em; }
.opening .hero-proposition { min-inline-size:0; gap:var(--space-7); }
.opening .hero-actions { display:grid; gap:var(--space-5); justify-items:start; }
.opening .hero-links { display:flex; flex-wrap:wrap; gap:var(--space-1) var(--space-5); }
.opening .hero-intro { font-size:var(--type-title); font-weight:500; line-height:1.35; max-inline-size:30ch; }
.opening .hero-explanation { min-inline-size:0; padding-block-start:0; gap:var(--space-5); }
.hero-explanation .body-copy { max-inline-size:38ch; }
.opening .hero-outcomes { margin:0; padding-block-start:var(--space-4); border-block-start:1px solid var(--line); font-weight:400; }
@media(min-width:64rem) {
  .opening .hero-grid { grid-template-columns:minmax(0,1.55fr) minmax(0,1fr); gap:var(--space-9); }
  .opening .hero-explanation { align-self:center; }
}

/* Selected Emphasis problem section. */
.disconnect { padding-block:var(--space-7) var(--space-8); border-block-start:1px solid var(--line); }
.disconnect .section-heading { gap:var(--space-5) var(--space-6); margin-block-end:var(--space-7); }
.disconnect .section-heading > * { min-inline-size:0; }
.disconnect h2 { font-size:var(--type-section); max-inline-size:23ch; line-height:1.15; }
.disconnect .body-copy { font-size:var(--type-base); line-height:1.7; }
.disconnect [data-site-key="problem.detail"] { border-inline-start:2px solid var(--blue-rule); padding-inline-start:var(--space-5); color:var(--ink); }
@media(min-width:64rem) {
  .disconnect .knowledge-callout { min-block-size:13rem; }
  .disconnect .section-label { align-self:start; padding-block-start:var(--space-2); }
}