/* The vision deck extends the established OpenExtent presentation, offline. */
.demo-navigation{display:flex;align-items:center;gap:1.25rem}.demo-navigation:empty{display:none}.demo-navigation a{display:flex;align-items:center;gap:.45rem;padding:.65rem .1rem;font-size:.875rem;color:var(--muted);border-bottom:2px solid transparent;white-space:nowrap}.demo-navigation a>span{font-size:.75rem;color:#929daa}.demo-navigation a[aria-current=page]{color:var(--ink);border-color:var(--accent)}.demo-navigation a:hover{color:var(--accent)}
@media(max-width:740px){.demo-navigation{order:3;flex-basis:100%;justify-content:center;gap:1.15rem}.demo-navigation a{font-size:.875rem;padding:.4rem 0}.demo-navigation a>span{display:none}}
.header .edition{font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-left:1rem}
.vision-grid{min-height:590px;gap:clamp(2rem,5vw,5rem)}
.narrative h1{font-weight:480}.narrative-copy{max-width:375px;line-height:1.65}
.chapter{font-size:.875rem}.chapter .vision-tag{color:var(--accent)}
.view-flow{margin:1.75rem 0 1.3rem;max-width:370px}
.view-flow .flow-nodes{display:flex;align-items:center;gap:.55rem;font-size:.8125rem}
.flow-nodes>span{border:1px solid var(--line);padding:.65rem .6rem;border-radius:7px;white-space:nowrap}
.flow-nodes .shared{border-color:#cad7ff;background:#f2f6ff;color:var(--accent)}
.flow-nodes i{font-style:normal;color:#96a1b2}
.flow-forks{margin-left:35%;padding:.65rem 0 0;border-left:1px solid #c8d5f2;display:flex;gap:.8rem;justify-content:flex-end;font-size:.75rem;color:var(--muted)}
.flow-forks span:before{content:'↳';margin-right:.3rem;color:#8da4d7}
.sql-work{margin:1.75rem 0 1.3rem;border-left:2px solid #d3dcea;padding-left:1rem;font-size:.875rem;color:var(--muted)}
.sql-work strong{display:block;font-weight:500;color:var(--ink);margin-bottom:.2rem}
.latency-compare{border-top:1px solid var(--line);padding-top:1.1rem;max-width:395px}
.latency-caption{display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:.8125rem;color:var(--muted);margin-bottom:.95rem}
.latency-caption button{padding:0;border:0;background:none;color:var(--muted);font-size:.8125rem}
.timing-row{margin-bottom:.8rem}.timing-label{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;font-size:.875rem}
.timing-label strong{font-size:1.25rem;letter-spacing:-.035em;font-weight:500;font-variant-numeric:tabular-nums}
.timing-row.oe .timing-label strong{color:var(--accent)}
.timing-track{height:4px;background:#edf0f5;border-radius:3px;margin-top:.35rem;overflow:hidden}
.timing-track i{display:block;height:100%;background:#aab4c4;min-width:2px;border-radius:3px;transition:width .3s ease}
.timing-row.oe .timing-track i{background:var(--accent)}
.time-summary{display:flex;align-items:baseline;gap:.45rem;font-size:.8125rem;color:var(--muted);margin-top:.9rem}
.time-summary strong{font-size:1.3rem;letter-spacing:-.035em;color:var(--accent);font-weight:550}
.conversation-heading .replay-label{font-size:.75rem;margin-left:auto;color:var(--muted)}
.scope-line{padding:.7rem 1.5rem;border-bottom:1px solid #eef1f5;color:var(--muted);font-size:.8125rem;display:flex;align-items:center;gap:.5rem}
.scope-line:before{content:'↳';color:#94a3ba}.scope-line.fresh{color:#216d50;background:#f6fbf8}
.conversation .exchange{min-height:306px}.vision-grid .agent-message>p{line-height:1.65}
.mini-result{display:flex;gap:1.5rem;margin:1.2rem 0 .5rem;padding-left:1rem;border-left:2px solid var(--accent);flex-wrap:wrap}
.mini-result strong{font-size:clamp(1.7rem,2.6vw,2.25rem);line-height:1.2;font-weight:500;letter-spacing:-.045em;display:block}
.mini-result span{display:block;font-size:.8125rem;color:var(--muted);margin-top:.35rem}
.mini-result .word-result{font-size:1.5rem;letter-spacing:-.035em}
.chat-actions{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:.3rem}
.replay-button{padding:.5rem 0;font-size:.8125rem;border:0;background:none;color:var(--muted)}
.replay-button:hover{color:var(--accent)}.replay-button:disabled{cursor:default;opacity:.55}
.replay-strip{display:none;border-top:1px solid var(--line);padding:1rem 1.5rem;background:#fafbfe}
.replay-strip.active{display:block}.replay-strip .replay-heading{font-size:.8125rem;color:var(--muted);display:flex;justify-content:space-between;gap:1rem;margin-bottom:.75rem}
.replay-strip button{font-size:.8125rem;border:0;background:none;color:var(--accent);padding:0}
.race{display:grid;grid-template-columns:120px 1fr 55px;align-items:center;gap:.8rem;font-size:.8125rem;margin-top:.5rem}
.race .race-track{background:#e9edf4;height:4px;overflow:hidden;border-radius:3px}.race .race-track i{display:block;height:100%;background:#94a3b8;width:0}.race.oe .race-track i{background:var(--accent)}
.race .race-state{color:var(--muted);text-align:right;font-variant-numeric:tabular-nums}.race.done .race-state{color:#267050}
.answer-waiting .agent-message{opacity:.24;filter:blur(3px);pointer-events:none;user-select:none}.answer-waiting .followups{pointer-events:none;opacity:.5}
.evidence-list{margin:0;padding-left:1.2rem;color:var(--muted);line-height:1.8;font-size:.9375rem}
.method-facts{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--line)}
.method-facts span{font-size:.8125rem;color:var(--muted);display:block}.method-facts strong{font-size:1.4rem;letter-spacing:-.035em;font-weight:500;display:block}
.method-call-list td{font-size:.8125rem}.method-call-list td:first-child{white-space:normal}.method-call-list th{white-space:nowrap}
.vision-steps{list-style:none;padding:0;margin:0;counter-reset:step}.vision-steps li{display:grid;grid-template-columns:30px 1fr;gap:.65rem;padding:.9rem 0;border-top:1px solid var(--line)}.vision-steps li:before{counter-increment:step;content:'0'counter(step);font-size:.8125rem;color:var(--accent);padding-top:.25rem}.vision-steps strong{font-weight:550}.vision-steps p{margin:.2rem 0!important;font-size:.9375rem!important}
.text-links{display:flex;gap:1.5rem;flex-wrap:wrap;margin-top:1rem}.text-links a{color:var(--accent);font-size:.875rem}
.answer-chart{margin:1.25rem 0 .9rem;padding:1rem 0;border-top:1px solid var(--line)}
.answer-chart figcaption{display:flex;justify-content:space-between;gap:1rem;font-size:.875rem;line-height:1.4}.answer-chart figcaption strong{font-weight:550}.answer-chart figcaption>span{color:var(--muted);white-space:nowrap}
.chart-legend{display:flex;gap:1rem;margin:.6rem 0 1rem;color:var(--muted);font-size:.75rem}.chart-legend span{display:flex;align-items:center;gap:.35rem}.chart-legend i{width:8px;height:8px;border-radius:2px;background:#bac5d8}.chart-legend span+span i{background:var(--accent)}
.chart-rows{display:grid;gap:1rem}.chart-row{display:grid;grid-template-columns:minmax(78px,1fr) minmax(120px,2fr);gap:.75rem;align-items:center}.chart-label{font-size:.875rem;line-height:1.35}.chart-pair{display:grid;gap:.3rem}.chart-value{display:grid;grid-template-columns:minmax(25px,1fr) 65px;gap:.55rem;align-items:center;font-size:.75rem;font-variant-numeric:tabular-nums;text-align:right;color:var(--muted)}.chart-value.current{color:var(--ink)}.chart-bar-track{height:7px;display:block}.chart-bar-track i{display:block;height:100%;border-radius:2px;background:#bac5d8}.current .chart-bar-track i{background:var(--accent)}
.agent-team{max-width:395px;margin:1.4rem 0}.shared-view{border:1px solid #ccd8fb;background:#f3f6ff;padding:.7rem .8rem;border-radius:7px;display:flex;align-items:center;gap:.6rem;font-size:.875rem}.shared-view>span:last-child{margin-left:auto;color:var(--muted);font-size:.75rem}.shared-view strong{font-weight:550}.worker-branches{display:grid;grid-template-columns:1fr 1fr;gap:.55rem;margin:.8rem 0 0;padding-top:.8rem;border-top:1px solid #d8e1f6;position:relative}.worker-branches:before{content:'';position:absolute;left:50%;top:-.8rem;height:.8rem;border-left:1px solid #d8e1f6}.worker{display:flex;align-items:center;gap:.6rem;padding:.7rem;text-align:left;border:1px solid var(--line);border-radius:7px;background:white;min-width:0}.worker-icon{display:grid;place-items:center;flex:0 0 25px;height:25px;border-radius:50%;background:#eef2f8;font-size:.75rem;color:var(--muted)}.worker strong{display:block;font-size:.875rem;font-weight:550}.worker small{display:block;font-size:.75rem;color:var(--muted);line-height:1.4;margin-top:.2rem}.worker>span:last-child{margin-left:auto;color:#8392a8}.worker:hover,.worker.active{border-color:#b3c7ff;background:#f8faff}.worker.active .worker-icon{background:#e6edff;color:var(--accent)}.agent-team>p{font-size:.8125rem;color:var(--muted);margin:.7rem 0}
.report-charts{display:grid;grid-template-columns:1fr 1fr;gap:0 1.2rem;margin-top:.5rem}.report-charts .answer-chart{margin:.5rem 0;padding:.8rem 0}.report-charts .chart-row{display:block}.report-charts .chart-label{display:block;margin-bottom:.3rem}.report-charts .chart-rows{gap:.65rem}.report-charts .chart-value{grid-template-columns:minmax(25px,1fr) 52px}.report-charts figcaption{min-height:2.5em}.report-layout .narrative h1{font-size:clamp(2.3rem,4vw,3.6rem)}
.evidence-chain{padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}.evidence-chain li{font-size:.875rem;line-height:1.4;padding:.4rem .6rem;background:#f3f6fb;border-radius:5px}.evidence-chain li:not(:last-child):after{content:' →';color:#8392a8;margin-left:.4rem}.returned-note{font-size:.75rem;color:var(--muted)}
@media(max-width:1000px){.report-charts{grid-template-columns:1fr}.report-charts figcaption{min-height:0}.worker-branches{grid-template-columns:1fr 1fr}.worker{padding:.55rem}.worker-icon{display:none}}
@media(max-width:740px){.agent-team{max-width:none}.worker-icon{display:grid}.report-charts{grid-template-columns:1fr 1fr}.chart-row{grid-template-columns:minmax(78px,1fr) minmax(120px,2fr)}.chat-actions{flex-wrap:wrap;gap:.2rem 1rem}}
@media(max-width:420px){.report-charts{grid-template-columns:1fr}.chart-row{grid-template-columns:1fr}.chart-label{margin-bottom:.15rem}.worker-icon{display:none}}
@media(max-width:1000px){.header .edition{display:none}.flow-nodes>span{padding:.5rem .4rem}.view-flow .flow-nodes{font-size:.75rem;gap:.3rem}.scope-line{padding:.7rem 1rem}}
@media(max-width:740px){.vision-grid{min-height:0}.view-flow,.sql-work{display:none}.latency-compare{margin-top:1rem;max-width:none;display:grid;grid-template-columns:1fr 1fr;gap:0 1rem}.latency-caption{grid-column:1/-1;margin-bottom:.65rem}.time-summary{grid-column:1/-1;margin-top:0}.conversation .exchange{min-height:0}.mini-result{gap:1.2rem}.conversation-heading .replay-label{font-size:.75rem}.method-facts{gap:.6rem}.race{grid-template-columns:100px 1fr 50px}.vision-grid .narrative-copy{max-width:none}.narrative h1{font-size:2.2rem}}
@media(prefers-reduced-motion:reduce){.timing-track i{transition:none}.answer-waiting .agent-message{filter:none}}