/* Native diagrams and data figures. All artwork stays crisp at browser zoom. */
:root{--blue:#52869b;--gold:#d99749;--purple:#9b87b1}
.hero{padding-bottom:36px}.hero-gallery{margin-top:26px}.native-teaser{text-align:left;margin:40px 0 0;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 12px 55px #16353908;overflow:hidden}.figure-topline{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 26px;border-bottom:1px solid var(--line)}.figure-topline>.mono{font-size:10px;letter-spacing:1px;color:var(--muted)}.figure-topline .text-link{font-size:11px}.figure-topline .section-index{font-size:10px;letter-spacing:1.2px;margin-bottom:7px}.figure-topline h3{font-size:23px;letter-spacing:-.6px}.teaser-grid{display:grid;grid-template-columns:340px 1fr}.teaser-evidence{padding:24px;background:#f6f8f5;border-right:1px solid var(--line)}.teaser-evidence h3{font-size:17px;letter-spacing:-.35px}.teaser-switch,.segmented{display:flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:7px;background:white}.teaser-switch{margin:14px 0 18px}.teaser-switch button,.segmented button{background:transparent;border-radius:4px;font-size:11px;padding:7px 10px;flex:1;white-space:nowrap}.teaser-switch button[aria-pressed=true],.segmented button[aria-pressed=true]{background:var(--ink);color:#fff}.evidence-label{display:flex;align-items:center;justify-content:space-between;font-size:11px;margin:13px 0 7px;gap:8px}.outcome-fail,.outcome-success{font-family:var(--mono);font-size:9px}.outcome-fail{color:#ae5839}.outcome-success{color:var(--green)}.sensor-pair{display:grid;grid-template-columns:1fr 1fr;gap:4px;overflow:hidden;border-radius:5px}.sensor-pair img{width:100%;height:auto;aspect-ratio:5/3;object-fit:cover}.sensor-labels{display:flex;justify-content:space-around;font-family:var(--mono);font-size:8px;color:var(--muted);margin-top:8px}.teaser-concept{padding:28px 30px 24px;display:flex;flex-direction:column;justify-content:center}.concept-title .section-index{font-size:9px;margin-bottom:10px}.concept-title h3{font-size:32px;letter-spacing:-1px}.concept-title p{font-size:14px;color:var(--muted);margin-top:8px}.concept-svg{display:block;width:100%;margin:15px 0 5px}.svg-mono{font-family:var(--mono);font-size:12px;fill:#536b67}.svg-heading{font-family:var(--sans);font-size:18px;fill:var(--ink);font-weight:600}.svg-body{font-family:var(--sans);font-size:13px;fill:#536b67}.svg-small{font:11px var(--sans);fill:#71827d}.svg-white{font:17px var(--sans);fill:white}.svg-white.small{font-size:13px;fill:#d5e6df}.signal{fill:none;stroke-width:2.7;stroke-linecap:round;stroke-linejoin:round}.signal.expected{stroke:#789b8e}.signal.sensed{stroke:var(--orange)}.signal.corrected{stroke:var(--green);stroke-width:3.5}.flow-wire{fill:none;stroke:#397365;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:6 5;animation:signal-flow 1.8s linear infinite}.teaser-takeaway{display:flex;align-items:center;gap:27px;border-top:1px solid var(--line);padding-top:17px}.teaser-takeaway>div:first-child{display:flex;flex-direction:column}.teaser-takeaway strong{font:36px var(--mono);letter-spacing:-2px;color:var(--green)}.teaser-takeaway strong span{font-size:19px}.teaser-takeaway>div>span{font-size:10px;color:var(--muted)}.teaser-mini-bars{flex:1;display:grid;gap:8px}.teaser-mini-bars>div{display:grid;grid-template-columns:135px 1fr 28px;align-items:center;gap:10px;font-size:10px}.teaser-mini-bars i{display:block;width:var(--bar);height:12px;background:#a6bcb0;border-radius:2px}.teaser-mini-bars>div:last-child i{background:var(--green)}.teaser-mini-bars b{font:11px var(--mono)}.native-teaser>figcaption{padding:13px 24px;margin:0;border-top:1px solid var(--line);background:#fff;font-size:10px}.interactive-figure{background:white;border:1px solid var(--line);border-radius:14px;overflow:hidden;margin-top:35px}.flow-stepper{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;padding:17px 25px 0}.flow-stepper button{border:1px solid var(--line);background:white;padding:11px 10px;border-radius:6px;text-align:left;font-size:12px;transition:all .2s}.flow-stepper button span{font:10px var(--mono);margin-right:8px;color:var(--muted)}.flow-stepper button[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}.flow-stepper button[aria-pressed=true] span{color:#b8d5c7}.diagram-scroll{overflow-x:auto;padding:13px 20px 0;scrollbar-width:thin}.diagram-scroll svg{display:block;width:100%;min-width:780px}.stage-bg{fill:#f4f7f3;stroke:#e1e8df;stroke-width:1}.stage-bg.warm{fill:#faf8f2;stroke:#eee7d9}.svg-card{fill:white;stroke:#dce3de}.flow-node{opacity:.48;transition:opacity .45s}.flow-node.is-active,.flow-node.is-complete{opacity:1}.flow-node .flow-wire{animation-play-state:paused}.flow-node.is-active .flow-wire{animation-play-state:running;stroke-width:3}.flow-explanation{display:flex;gap:18px;padding:20px 28px;background:#f6f8f5;min-height:105px;border-top:1px solid var(--line)}.flow-explanation>span{font:30px var(--mono);color:var(--green);line-height:1.4}.flow-explanation h3{font-size:17px;margin-bottom:6px}.flow-explanation p{font-size:13px;color:var(--muted);max-width:850px}.interactive-figure>.chart-footnote{margin:0;padding:12px 25px 17px;font-size:10px}.inference-intro{display:grid;grid-template-columns:1fr 1.1fr;gap:40px;align-items:center;padding:25px 28px 20px}.inference-intro h3{font-size:27px;letter-spacing:-.7px}.inference-intro p{color:var(--muted);font-size:14px}.timeline-legend{display:flex;gap:24px;padding:0 28px 22px;flex-wrap:wrap;font-size:11px;color:var(--muted)}.timeline-legend span{display:flex;align-items:center;gap:7px}.timeline-legend i{width:9px;height:9px;border-radius:2px}.executed{background:#315f69}.latency{background:#d69557}.future{background:#dcebdc}.action-timeline{display:grid;grid-template-columns:repeat(48,minmax(0,1fr));gap:3px;margin:0 28px;height:61px}.action-cell{border-radius:3px;transition:background .4s,transform .4s;position:relative}.action-cell.corrected{background:#8bba9c;transform:translateY(-5px)}.action-cell.at-offset:before{content:'↓';position:absolute;left:50%;top:-26px;transform:translateX(-50%);font-size:22px;color:var(--ink)}.timeline-axis{position:relative;height:28px;margin:9px 28px 0;display:flex;justify-content:space-between;font:10px var(--mono);color:var(--muted)}.timeline-axis #timeline-m,.timeline-axis #timeline-boundary{position:absolute;white-space:nowrap}.timeline-axis #timeline-m{top:0;transform:translateX(-100%);padding-right:8px}.timeline-axis #timeline-boundary{top:13px;padding-left:5px;color:var(--green)}.timeline-controls{display:grid;grid-template-columns:1.4fr 1fr;gap:35px;padding:24px 28px 18px}.timeline-controls label{font-size:12px;display:grid;grid-template-columns:1fr auto;gap:9px;color:var(--muted)}.timeline-controls b{font-weight:500;color:var(--ink);font-family:var(--mono);font-size:11px}.timeline-controls input{grid-column:1/-1;width:100%;accent-color:var(--green);margin:0}.inference-status{display:flex;gap:10px;align-items:center;padding:16px 28px;background:#f6f8f5;border-block:1px solid var(--line)}.inference-status p{font-size:12px;flex:1}.inference-status strong{font:25px var(--mono);color:var(--green);white-space:nowrap}.inference-status strong span{font-size:10px;color:var(--muted)}.results-navigation{display:flex;gap:23px;flex-wrap:wrap;margin:26px 0 30px;font:10px var(--mono);color:var(--green)}.results-navigation a{border-bottom:1px solid #bdcec3;padding-bottom:5px}.result-panel{margin-top:25px;background:white;border:1px solid var(--line);border-radius:12px;overflow:hidden;scroll-margin-top:94px}.result-panel>.figure-topline{align-items:center;padding-top:25px;padding-bottom:22px}.chart-select{display:flex;align-items:center;gap:10px;font:10px var(--mono);color:var(--muted);white-space:nowrap}.chart-select select{max-width:190px;padding:8px 24px 8px 10px;border:1px solid var(--line);border-radius:5px;background:white;font-family:var(--sans);font-size:12px;color:var(--ink)}.chart-legend{display:flex;gap:18px;align-items:center;flex-wrap:wrap;padding:20px 26px 8px;font-size:11px;color:var(--muted)}.chart-legend span,.chart-legend button{display:inline-flex;align-items:center;gap:6px}.chart-legend i{width:10px;height:10px;border-radius:2px;background:var(--color);display:inline-block}.chart-legend button{padding:5px 8px;border:1px solid transparent;background:none;border-radius:5px;font-size:11px}.chart-legend button[aria-pressed=true]{background:#f1f5ee;border-color:#afc1b2;color:var(--ink)}.chart-scroll{overflow-x:auto;scrollbar-width:thin;padding:15px 20px 5px}.chart-scroll svg{display:block;width:100%;min-width:720px}.data-chart{display:block;width:100%;overflow:visible}.data-chart text{fill:#687975;font-family:var(--mono);font-size:11px}.data-chart .axis-title{font-family:var(--sans);font-size:12px}.data-chart .chart-bar{transition:opacity .25s;transform-box:fill-box;transform-origin:center bottom;animation:none}.data-chart .chart-bar:focus{outline:none;stroke:var(--ink);stroke-width:2}.data-chart .gridline{stroke:#e5ebe6;stroke-width:1}.data-chart .value-label{font-size:10px;fill:var(--ink)}.chart-insight{display:flex;align-items:center;gap:20px;margin:14px 26px 0;padding:18px 0;border-top:1px solid var(--line)}.chart-insight strong{font:33px var(--mono);letter-spacing:-1.5px;color:var(--green)}.chart-insight p{font-size:13px;line-height:1.65}.chart-insight p span{font-size:10px;color:var(--muted)}.result-panel>.results-details{margin:0 26px;border-top:1px solid var(--line)}.results-details .chart-footnote{font-family:var(--sans);font-size:12px;margin:0 0 20px}.result-panel table caption{font-size:11px}.result-panel table{font-size:12px}.result-panel .results-details summary{font-size:13px}.ablation-composition{display:grid;grid-template-columns:1.12fr 1fr;gap:35px;padding:26px}.ablation-composition .bar-row{grid-template-columns:160px 1fr 38px;margin:16px 0}.ablation-composition .bar-label{font-size:11px}.ablation-composition .chart-footnote{font-size:10px;margin-top:23px;line-height:1.8}.ablation-composition .bar-fill{transition:width .6s ease}.pathway-map{border-left:1px solid var(--line);padding-left:26px}.pathway-map h4{font-size:12px;font-weight:500;margin:0 0 11px}.pathway-map table{font-size:10px;min-width:0;width:100%;border-collapse:collapse}.pathway-map th,.pathway-map td{padding:8px 5px;font-weight:400}.pathway-map th:first-child{text-align:left}.pathway-map td{text-align:center}.pathway-map tbody tr:last-child{background:#eff5ed}.pathway-yes{color:var(--green);font-weight:bold!important}.pathway-no{color:#a7afaa}.phase-callout{display:flex;align-items:center;gap:24px;margin:24px 26px;background:#fbf7ed;padding:22px;border-radius:8px}.phase-callout strong{font:38px var(--mono);letter-spacing:-2px;color:#a26b30}.phase-callout strong span{font-size:21px}.phase-callout>div{flex-shrink:0}.phase-callout>div p{font-size:11px;color:#796c5b}.callout-arrow{font-size:26px;color:#bc9062}.phase-callout>p{font-size:13px;color:#796c5b;margin-left:20px;max-width:470px}.phase-chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;padding:8px 26px 25px}.phase-chart-grid h4{font-size:13px;font-weight:500;margin:12px 0 15px}.phase-chart-grid figcaption{font-size:10px;margin-top:5px;line-height:1.6;min-height:34px}.efficiency-grid{display:grid;grid-template-columns:1.8fr 1fr;gap:35px;padding:30px 26px}.efficiency-row{margin:16px 0 25px}.efficiency-label{display:flex;justify-content:space-between;font-size:12px;margin-bottom:9px}.efficiency-label strong{font:13px var(--mono)}.efficiency-track{height:18px;background:#f1f4f0;border-radius:3px;overflow:hidden}.efficiency-track i{display:block;height:100%;width:var(--value);background:#a4b9b0;border-radius:3px;transition:width .7s}.efficiency-row:last-child .efficiency-track i{background:var(--green)}.latency-takeaway{align-self:center;padding:15px 0 15px 35px;border-left:1px solid var(--line)}.latency-takeaway strong{font:53px var(--mono);letter-spacing:-3px;color:var(--green)}.latency-takeaway strong span{font-size:30px}.latency-takeaway p{font-size:13px;line-height:1.65;margin:7px 0 18px;color:var(--muted)}.latency-takeaway>.mono{font-size:10px;color:var(--green)}.result-panel>.table-scroll{padding:0 26px 20px}.efficiency-table{width:100%;min-width:580px}.trace-filmstrip{padding:25px 26px 0}.trace-filmstrip>.mono{font-size:9px;color:var(--muted);display:block;margin:5px 0}.trace-filmstrip img{width:100%;height:auto;border-radius:4px}.trace-legend{justify-content:center}.trace-tools{display:flex;gap:15px;align-items:center;padding:18px 26px}.trace-tools label{font-size:11px;color:var(--muted)}.trace-tools input{flex:1;min-width:50px;accent-color:var(--green)}.trace-tools output{font:12px var(--mono);width:60px;white-space:nowrap}.trace-criterion{font-size:13px;padding:15px 26px;border-top:1px solid var(--line);background:var(--soft)}.result-panel>.chart-footnote{font-size:10px;padding:15px 26px;margin:0}.trace-path{fill:none;stroke-linejoin:round;stroke-linecap:round;stroke-width:1.5}.trace-cursor-line{stroke:#173e40;stroke-width:1.4;stroke-dasharray:4 4;pointer-events:none}.chart-tip{position:fixed;z-index:100;padding:10px 13px;pointer-events:none;border-radius:6px;background:#163539;color:white;font-size:11px;line-height:1.65;box-shadow:0 5px 18px #0002;max-width:260px}.chart-tip[hidden]{display:none}.flow-wire{animation-play-state:paused}.interactive-figure.in-view .flow-node.is-active .flow-wire,.native-teaser.in-view .flow-wire{animation-play-state:running}.motion-paused .flow-wire{animation-play-state:paused!important}
@keyframes signal-flow{to{stroke-dashoffset:-22}}@keyframes bar-enter{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@media(max-width:1080px){.teaser-grid{grid-template-columns:300px 1fr}.teaser-concept{padding:24px}.teaser-mini-bars>div{grid-template-columns:110px 1fr 28px;font-size:9px}.teaser-takeaway{gap:15px}.ablation-composition{gap:20px;grid-template-columns:1fr 1fr}.pathway-map{padding-left:15px}.figure-topline h3{font-size:20px}}
@media(max-width:760px){.native-teaser{margin-top:28px;border-radius:10px}.figure-topline{padding:15px;gap:10px;flex-wrap:wrap}.figure-topline>.mono{font-size:8px;letter-spacing:.5px}.figure-topline h3{font-size:19px}.figure-topline .text-link{font-size:9px}.teaser-grid{grid-template-columns:1fr}.teaser-evidence{padding:18px;border-right:0;border-bottom:1px solid var(--line)}.sensor-pair img{max-height:124px}.teaser-concept{padding:22px 17px}.concept-title h3{font-size:28px}.concept-title p{font-size:12px}.teaser-takeaway{gap:19px}.teaser-mini-bars>div{grid-template-columns:115px 1fr 28px}.native-teaser>figcaption{padding:12px 17px;font-size:9px}.flow-stepper{padding:13px 15px 0;grid-template-columns:1fr 1fr}.flow-stepper button{font-size:10px;padding:9px}.flow-stepper button span{font-size:9px}.diagram-scroll{padding:10px 10px 0}.diagram-scroll:before{content:'SCROLL TO EXPLORE →';display:block;font:8px var(--mono);color:var(--muted);margin:6px}.flow-explanation{padding:17px;gap:12px;min-height:150px}.flow-explanation h3{font-size:15px}.flow-explanation p{font-size:12px}.flow-explanation>span{font-size:24px}.interactive-figure>.chart-footnote{font-size:9px;padding:12px 17px}.inference-intro{grid-template-columns:1fr;padding:20px 17px;gap:13px}.inference-intro h3{font-size:23px}.inference-intro p{font-size:12px}.timeline-legend{gap:10px 14px;padding:0 17px 24px;font-size:9px}.action-timeline{margin:0 17px;gap:2px;height:46px}.timeline-axis{margin-left:17px;margin-right:17px;font-size:8px;height:36px}.timeline-axis #timeline-m{top:10px}.timeline-axis #timeline-boundary{top:25px}.timeline-controls{padding:18px 17px;gap:20px;grid-template-columns:1fr}.timeline-controls label{font-size:11px}.inference-status{padding:14px 17px;flex-wrap:wrap}.inference-status p{font-size:11px;min-width:200px}.inference-status strong{font-size:22px}.results-navigation{gap:12px 17px;font-size:9px}.result-panel>.figure-topline{padding:18px}.chart-select{font-size:9px}.chart-select select{font-size:11px;max-width:170px}.chart-legend{padding:16px 17px 5px;gap:9px 13px;font-size:9px}.chart-legend button{font-size:9px;padding:4px}.chart-scroll{padding:12px 10px 5px}.chart-insight{margin:10px 17px 0;gap:14px}.chart-insight strong{font-size:27px;white-space:nowrap}.chart-insight p{font-size:11px}.chart-insight p span{font-size:9px}.result-panel>.results-details{margin:0 17px}.result-panel .results-details summary{font-size:11px}.ablation-composition{grid-template-columns:1fr;gap:22px;padding:18px}.ablation-composition .bar-row{grid-template-columns:148px 1fr 34px}.pathway-map{padding:20px 0 0;border-left:0;border-top:1px solid var(--line)}.pathway-map table{font-size:10px}.phase-callout{margin:18px;gap:15px;padding:17px;flex-wrap:wrap}.phase-callout strong{font-size:31px}.phase-callout>p{margin:0;font-size:12px}.phase-chart-grid{grid-template-columns:1fr;padding:8px 18px 18px;gap:10px}.phase-chart-grid h4{margin:12px 0}.efficiency-grid{grid-template-columns:1fr;padding:18px;gap:10px}.efficiency-label{font-size:11px}.latency-takeaway{border-left:0;border-top:1px solid var(--line);padding:20px 0;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:10px}.latency-takeaway strong{font-size:43px}.latency-takeaway p{font-size:11px;margin:0}.latency-takeaway>.mono{grid-column:1/-1}.result-panel>.table-scroll{padding:0 18px 18px}.trace-filmstrip{padding:18px 12px 0}.trace-filmstrip img{border-radius:2px;min-height:42px;object-fit:cover}.trace-tools{padding:15px 17px;gap:10px;flex-wrap:wrap}.trace-tools label{font-size:10px}.trace-tools output{font-size:10px;width:45px}.trace-criterion{font-size:12px;padding:15px 17px}.result-panel>.chart-footnote{padding:15px 17px;font-size:9px}.segmented button{font-size:10px}.source-link{line-height:1.8}}
@media(prefers-reduced-motion:reduce){.flow-wire,.chart-bar{animation:none!important}.action-cell,.bar-fill,.efficiency-track i{transition:none!important}.concept-svg circle{display:none}html{scroll-behavior:auto}}

.result-panel.has-entered .chart-bar{animation:bar-enter .8s cubic-bezier(.2,.65,.3,1) both}
@media(prefers-reduced-motion:reduce){.result-panel.has-entered .chart-bar{animation:none!important}}

@media(max-width:760px){.native-teaser .figure-topline>.mono{flex-basis:100%}}

/* Demo leads the hero; the teaser now illustrates the overview. */
.hero .demo-block{text-align:left;margin-top:40px}
@media(max-width:760px){.hero .demo-block{margin-top:28px}}

/* Signal packets travel in the same direction as the architecture arrows. */
.flow-packet{opacity:0;pointer-events:none}
.flow-node.is-active .flow-packet{opacity:1}
.flow-packet-halo{fill:#c2764d;fill-opacity:.2}
.flow-packet-core{fill:#c2764d;stroke:#fff;stroke-width:1}
@media(prefers-reduced-motion:reduce){.flow-packet{display:none}}

#ablation-chart .bar-track,
#ablation-chart .bar-fill { border-radius: 3px; }

/* Enlarge across the value axis so bar lengths, heights, and error bars stay true. */
.data-chart .chart-bar {
  scale: 1 1;
  transition: scale 180ms ease, filter 180ms ease, opacity 250ms ease;
}
.data-chart .chart-bar:is(:hover,:focus-visible) {
  scale: 1.2 1;
  filter: brightness(1.06) drop-shadow(0 2px 3px #16353938);
}
#ablation-chart .bar-fill,
#efficiency-chart .efficiency-track i {
  scale: 1 1;
  transform-origin: left center;
  transition: scale 180ms ease, filter 180ms ease, width 600ms ease;
}
#efficiency-chart .efficiency-track { overflow: visible; }
#ablation-chart .bar-fill:is(:hover,:focus-visible),
#efficiency-chart .efficiency-track i:is(:hover,:focus-visible) {
  scale: 1 1.55;
  filter: brightness(1.06) drop-shadow(0 2px 3px #16353938);
}
#ablation-chart .bar-fill:focus-visible,
#efficiency-chart .efficiency-track i:focus-visible {
  outline: 2px solid var(--green);
  outline-offset: 3px;
}