:root{--red:#bd3b30;--ink:#272723;--muted:#746f68;--line:#e2ded7;--page-bg:#fdfdfc}body{background:var(--page-bg);color:var(--ink)}header{background:#fdfdfcf5}nav{gap:25px}.intro{padding-top:62px;padding-bottom:36px}.intro h1{font-size:88px;letter-spacing:-6px}.intro .paper-title{font-size:37px;line-height:1.25;max-width:980px}.intro-summary{font-size:17px;color:var(--muted);line-height:1.7;margin:24px 0 18px}.intro-links{display:flex;gap:25px;align-items:center;flex-wrap:wrap;font-size:13px}.intro-links a{text-decoration:none;color:var(--ink)}a.primary-link{display:inline-flex;align-items:center;background:var(--ink);color:#fff;padding:12px 19px;border-radius:3px;text-decoration:none;font-size:13px}.intro-links a:hover,.paper-end a:hover{opacity:.8}.eyebrow{font-family:Arial,sans-serif!important;font-size:10px!important;line-height:1.5!important;font-weight:600!important;letter-spacing:1.6px;text-transform:uppercase;color:var(--red)!important;margin:0 0 15px!important}.content-section{padding-top:56px;padding-bottom:56px}.section-heading h2{font-size:35px;letter-spacing:-1px;margin:0 0 15px}.section-heading>p:not(.eyebrow){font-size:15px;line-height:1.8;max-width:720px;color:var(--muted)}#overview{padding-bottom:36px}.core-equation{font-size:29px;max-width:760px;line-height:1.35}.core-explanation p{font-size:15px;line-height:1.85}.finding-strip,.metric-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin:28px 0 32px}.finding-strip>div,.metric-strip>div{border-left:2px solid var(--line);padding-left:18px}.finding-strip>div:last-child{border-color:var(--red)}.finding-strip strong,.metric-strip strong{display:block;font-size:36px;font-weight:500;letter-spacing:-1.4px;color:var(--ink);font-variant-numeric:tabular-nums}.finding-strip strong span{display:inline;font-size:21px;color:var(--muted)}.finding-strip>div>span,.metric-strip span{display:block;font-size:11px;line-height:1.6;color:var(--muted);margin-top:7px}.finding-strip>div:last-child strong{color:var(--red)}.budget-card,.evidence-card{border:1px solid var(--line);padding:25px;background:#fff9;border-radius:4px}.figure-head{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:18px}.figure-head h3{font-size:17px;font-weight:600;line-height:1.5;margin:0}.figure-head p{font-size:11px;color:var(--muted);margin:7px 0 0;line-height:1.6}.source-tag{white-space:nowrap;font-size:10px;color:var(--muted);padding-top:5px}.budget-svg{display:block;width:100%;height:auto}.budget-options{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:10px}.budget-options button,.explain-tabs button{border:1px solid var(--line);background:transparent;color:var(--muted);padding:9px 15px;border-radius:3px;font:inherit;font-size:12px;cursor:pointer}.budget-options button[aria-pressed=true]{background:var(--red);color:white;border-color:var(--red)}.budget-readout{display:flex;gap:20px;align-items:center;margin:22px 0 15px;padding-top:20px;border-top:1px solid var(--line)}.budget-readout>strong{font-size:32px;font-weight:500;color:var(--red);white-space:nowrap}.budget-readout p{font-size:13px;line-height:1.7;color:var(--muted);margin:0}.figure-note,figcaption{font-size:11px!important;line-height:1.75!important;color:var(--muted)!important;margin:14px 0 0}.architecture figcaption{margin-top:12px}.method-explainer{margin:28px 0;background:#eeece64d;border:1px solid var(--line);border-radius:4px}.explain-tabs{display:flex;gap:0;border-bottom:1px solid var(--line);overflow:auto}.explain-tabs button{border:0;border-bottom:2px solid transparent;border-radius:0;padding:14px 20px;white-space:nowrap}.explain-tabs button[aria-selected=true]{border-bottom-color:var(--red);color:var(--red)}#explain-panel{padding:23px}#explain-title{font-size:18px;font-weight:500;margin:0 0 10px}#explain-text{font-size:13px;line-height:1.9;margin:0;color:var(--muted);max-width:800px}#explain-visual{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:20px;font-size:11px}#explain-visual span{padding:10px 13px;background:white;border:1px solid var(--line);border-radius:3px}#explain-visual b{color:var(--red);font-weight:400}.method-grid{margin-top:15px}.method-grid h3{font-size:19px}.method-grid p{font-size:13px}.protocol-note{display:flex;gap:16px;align-items:baseline;font-size:11px;line-height:1.8;color:var(--muted);border-top:1px solid var(--line);padding-top:18px;margin:22px 0}.protocol-note strong{color:var(--ink);white-space:nowrap}.demo-layout{margin-top:20px}.demo-context{margin-top:19px;border-top:1px solid var(--line);padding-top:17px}.demo-meta{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.demo-meta span{font-size:10px;padding:5px 8px;background:#eeece6;border-radius:2px}.demo-meta strong{font-size:11px;color:var(--red);margin-left:auto}#demo-description{font-size:13px;line-height:1.85;color:var(--muted);margin:14px 0}#demo-steps{list-style:none;counter-reset:step;display:flex;gap:10px;flex-wrap:wrap;padding:0;margin:12px 0}#demo-steps li{counter-increment:step;font-size:11px;line-height:1.6;color:var(--ink)}#demo-steps li:before{content:counter(step,decimal-leading-zero);color:var(--red);margin-right:6px}.real-robot-heading{align-items:flex-start;margin-top:36px}.real-robot-heading p{margin-top:8px}.real-robot-figure figcaption{max-width:850px}.metric-strip{margin:26px 0 12px}.metric-strip strong{font-size:29px}#results .section-heading{width:100%}.evidence-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:20px;margin-top:28px}.ablation-select{display:flex;align-items:center;gap:12px;font-size:11px;color:var(--muted);margin-bottom:24px}.ablation-select select{background:white;border:1px solid var(--line);padding:7px 10px;font:inherit;color:var(--ink)}.ablation-row{margin:0 0 16px}.ablation-row>div{display:flex;justify-content:space-between;gap:12px;font-size:11px;line-height:1.5;margin-bottom:7px}.ablation-row strong{font-weight:600;font-variant-numeric:tabular-nums}.ablation-track{height:8px;background:#eeece6;border-radius:2px;overflow:hidden}.ablation-track i{display:block;height:100%;background:#b4ada4;transition:width .25s}.ablation-row:last-child .ablation-track i{background:var(--red)}.ablation-row:last-child strong{color:var(--red)}.pretrain-comparison{margin:29px 0}.pretrain-comparison>div{display:grid;grid-template-columns:1fr auto;gap:10px;margin:0 0 24px;font-size:12px}.pretrain-comparison strong{font-weight:500}.pretrain-comparison i{grid-column:1/-1;display:block;height:10px;background:linear-gradient(to right,var(--bar-color) var(--bar),#eeece6 var(--bar));border-radius:2px}.evidence-takeaway{font-size:34px;color:var(--red);letter-spacing:-1px;margin:26px 0 18px}.evidence-takeaway span{font-size:12px;letter-spacing:0;color:var(--muted)}.latency-details{margin-top:20px;border:1px solid var(--line);border-radius:3px}.latency-details summary{padding:19px 23px;font-size:14px;cursor:pointer}.latency-details summary span{float:right;font-size:11px;color:var(--muted);line-height:1.8}.latency-content{padding:0 23px 23px}.latency-content>p{font-size:13px;color:var(--muted);line-height:1.8}.latency-stages{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:24px 0}.latency-stages strong{display:block;font-size:20px;font-weight:500}.latency-stages span{display:block;font-size:10px;line-height:1.7;color:var(--muted);margin-top:8px}.paper-end h2{font-size:32px;font-weight:500;letter-spacing:-.7px}.paper-end p:not(.eyebrow){font-size:14px;color:var(--muted);line-height:1.8;max-width:650px}.paper-end .primary-link{margin-top:12px}button:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--red);outline-offset:4px}section{scroll-margin-top:100px}
@media(max-width:800px){.intro h1{font-size:66px;letter-spacing:-4px}.intro .paper-title{font-size:29px}.intro{padding-top:42px}.section-heading h2{font-size:29px}.finding-strip,.metric-strip{gap:12px}.finding-strip strong{font-size:28px}.finding-strip>div,.metric-strip>div{padding-left:10px}.evidence-grid{grid-template-columns:1fr}.budget-card,.evidence-card{padding:18px}.latency-stages{grid-template-columns:1fr 1fr}.protocol-note{flex-direction:column;gap:4px}.demo-meta strong{margin-left:0}.latency-details summary span{float:none;display:block;margin:8px 0 0}.budget-options button{padding:8px 12px}.content-section{padding-top:40px;padding-bottom:40px}}
@media(max-width:500px){.intro .paper-title{font-size:26px}.intro-summary{font-size:14px}.intro-links{gap:16px;font-size:12px}.finding-strip{grid-template-columns:1fr;gap:17px}.finding-strip>div{display:flex;align-items:center;gap:18px}.finding-strip strong{min-width:115px;font-size:31px}.finding-strip>div>span{margin:0;max-width:170px}.budget-readout{align-items:flex-start;gap:14px}.budget-readout>strong{font-size:27px}.budget-readout p{font-size:12px}.metric-strip{gap:10px}.metric-strip strong{font-size:23px}.metric-strip span{font-size:10px}.explain-tabs button{padding:13px 12px;font-size:11px}#explain-panel{padding:18px}.core-equation{font-size:25px}.figure-head{gap:8px}.figure-head h3{font-size:15px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.ablation-track i{transition:none}}
@media(max-width:649px){header nav{gap:15px;overflow-x:auto;justify-content:space-between;scrollbar-width:none}header nav a{white-space:nowrap;flex:none;font-size:10px}#budget-chart{overflow-x:auto}.budget-svg{min-width:580px}.intro-links{margin-top:18px}}

/* Updated architecture figure, rendered from the supplied model PDF. */
.architecture-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:22px 0 12px;font-size:12px;color:var(--muted)}
.architecture-toolbar :is(a, button){border:1px solid var(--line);border-radius:3px;background:transparent;color:var(--ink);padding:8px 12px;font:inherit;font-size:11px;cursor:pointer}
.architecture-model .architecture-scroll{padding:0;border:1px solid var(--line);border-radius:4px;background:var(--page-bg)}
.architecture-model #architecture-mount img{width:100%;height:auto;display:block;mix-blend-mode:normal;min-width:0}
@media(max-width:800px){.architecture-model #architecture-mount{min-width:850px}.architecture-model .architecture-scroll{overflow-x:auto}.architecture-toolbar{font-size:11px}.architecture-toolbar :is(a, button){white-space:nowrap;font-size:10px}}

/* Model identity does not imply the best metric. Only column maxima are bold. */
#results .simulation-table tbody td{font-weight:400}
#results .simulation-table tbody td strong{font-weight:750}
#results .simulation-table tbody tr.ours th{font-weight:400}

.benchmark-protocol{font-size:12px;line-height:1.7;color:var(--muted);margin:14px 0 0}
/* Readable research hierarchy and balanced wrapping. */
body{font-size:16px}p,figcaption,li{text-wrap:pretty;word-break:normal;overflow-wrap:normal}h1,h2,h3,.paper-title{text-wrap:balance}nav{font-size:14px}
.eyebrow{font-size:14px!important;letter-spacing:1.7px;margin-bottom:17px!important}.figure-heading{font-size:22px;font-weight:550;line-height:1.4;letter-spacing:-.3px}.teaser-toolbar{align-items:center;gap:20px}.teaser-actions button{font-size:12px!important}
.section-heading>p:not(.eyebrow){max-width:none;font-size:17px;line-height:1.8}.core-explanation p{font-size:17px;line-height:1.85}.core-equation{max-width:none}.finding-strip>div>span{font-size:15px;line-height:1.65;max-width:29ch}.finding-strip{gap:26px}.finding-strip strong{font-size:40px}.figure-head h3{font-size:19px}.figure-head p{font-size:14px}.budget-readout p{font-size:15px}.budget-options button{font-size:14px}.figure-note,figcaption{font-size:13px!important;line-height:1.75!important}.source-tag{font-size:12px}
.explain-tabs button{font-size:15px;padding:16px 23px}#explain-title{font-size:22px;line-height:1.5}#explain-text{font-size:16px;line-height:1.85;max-width:none}#explain-panel{padding:27px}#explain-visual{display:block;margin:28px 0 0;border-top:1px solid var(--line);padding-top:22px;overflow-x:auto}.method-flow{display:block;width:100%;height:auto;min-width:680px;font-family:Arial,sans-serif}
.metric-strip.all-benchmarks{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 22px;margin:32px 0 23px}.all-benchmarks>div{display:flex;flex-direction:column;gap:10px;padding-left:17px;min-width:0}.all-benchmarks .metric-name{font-size:16px;line-height:1.4;color:var(--ink);font-weight:500;margin:0}.all-benchmarks strong{font-size:31px;font-weight:500;line-height:1.2}.all-benchmarks .metric-unit{font-size:12px;line-height:1.6;margin:0}
#results>.benchmark-tabs button{font-size:15px;line-height:1.5;padding:15px 12px}#results>.table-key{font-size:13px;line-height:1.75}#results .benchmark-protocol{font-size:14px;line-height:1.7}#results .simulation-table th,#results .simulation-table td{font-size:14px;line-height:1.5;padding:11px 13px}#results .simulation-table td{font-variant-numeric:tabular-nums lining-nums;white-space:nowrap}#results .simulation-table thead th{font-size:13px}#results .simulation-table .benchmark-group-row th{font-size:12px}
.protocol-note{font-size:13px}.demo-meta span{font-size:12px}.demo-meta strong{font-size:13px}#demo-description{font-size:15px}#demo-steps li{font-size:13px}.demo-bottom h3{font-size:19px}.demo-tasks button{font-size:14px}#demo-clips button,.video-speed{font-size:13px}.ablation-select{font-size:13px}.ablation-row>div{font-size:14px}.pretrain-comparison>div{font-size:14px}.latency-details summary{font-size:16px}.latency-details summary span{font-size:13px}.latency-content>p{font-size:15px}.latency-stages span{font-size:13px}.paper-end p:not(.eyebrow){font-size:16px;max-width:none}.architecture-toolbar{font-size:14px}.architecture-toolbar :is(a, button){font-size:13px}
@media(min-width:801px){#results{grid-template-columns:190px minmax(0,1fr);column-gap:25px}}
@media(max-width:800px){.section-heading>p:not(.eyebrow),.core-explanation p{font-size:16px}.eyebrow{font-size:13px!important}.figure-heading{font-size:20px}.metric-strip.all-benchmarks{grid-template-columns:repeat(3,minmax(0,1fr));gap:23px 15px}.all-benchmarks .metric-name{font-size:15px}.all-benchmarks strong{font-size:29px}#results>.benchmark-tabs button{font-size:14px}.finding-strip>div>span{font-size:14px}#explain-text{font-size:15px}.explain-tabs button{font-size:14px;padding:14px 17px}#explain-panel{padding:21px}}
@media(max-width:500px){.metric-strip.all-benchmarks{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 15px}.all-benchmarks strong{font-size:29px}.all-benchmarks .metric-name{font-size:15px}.all-benchmarks .metric-unit{font-size:12px}.finding-strip>div>span{max-width:22ch;font-size:14px}.finding-strip strong{font-size:34px}.finding-strip>div{gap:20px}.figure-heading{font-size:19px}.teaser-toolbar{align-items:flex-start;flex-direction:column;gap:12px}.teaser-actions button{font-size:12px!important}.eyebrow{font-size:12px!important}.figure-note,figcaption{font-size:12px!important}.explain-tabs button{font-size:13px;padding:13px 12px}#explain-title{font-size:20px}.all-benchmarks>div{padding-left:12px}.budget-readout p{font-size:14px}.intro .paper-title{font-size:27px;line-height:1.35}}

.section-heading>p:not(.eyebrow),.intro-summary,.figure-head p{text-wrap:balance}

/* Section names are the dominant headings; descriptions sit one level below. */
.eyebrow{font-family:Arial,sans-serif!important;font-size:clamp(38px,4.4vw,56px)!important;font-weight:600!important;letter-spacing:-1.7px!important;line-height:1.15!important;text-transform:none!important;margin:0 0 22px!important;text-wrap:balance}
.section-heading h2,.core-equation,.paper-end h2{font-size:clamp(29px,3vw,38px);font-weight:500;letter-spacing:-.9px;line-height:1.3;margin:0 0 20px;text-wrap:balance}
@media(max-width:800px){.eyebrow{font-size:40px!important;letter-spacing:-1.3px!important}.section-heading h2,.core-equation,.paper-end h2{font-size:30px}}
@media(max-width:500px){.eyebrow{font-size:34px!important;letter-spacing:-1px!important;margin-bottom:18px!important}.section-heading h2,.core-equation,.paper-end h2{font-size:27px;line-height:1.35}}
.eyebrow{font-size:clamp(40px,5vw,64px)!important}.intro h1{font-size:64px;letter-spacing:-4px}
@media(max-width:800px){.eyebrow{font-size:44px!important}.intro h1{font-size:44px;letter-spacing:-2px}}
@media(max-width:500px){.eyebrow{font-size:34px!important}.intro h1{font-size:34px;letter-spacing:-1px}}

/* Requested section heading size: 40px on desktop and tablet. */
.eyebrow{font-size:40px!important}
@media(max-width:500px){.eyebrow{font-size:34px!important}}

/* Requested section heading size across screen widths. */
.eyebrow{font-size:32px!important}

/* Center the paper title and give the opening figure more breathing room. */
.intro {
  display: block;
  text-align: center;
  padding-bottom: clamp(88px, 9vw, 128px);
}
.intro h1 {
  margin: 0;
  line-height: 1.08;
}
.intro .paper-name {
  display: block;
  margin-bottom: 24px;
}
.intro h1 .paper-title {
  display: block;
  max-width: 980px;
  margin: 0 auto;
  color: var(--ink);
  font-weight: 400;
}
.intro .intro-links {
  justify-content: center;
  margin-top: 28px;
}
.intro-links a.primary-link {
  background: #272723;
  color: #fff;
}
@media (max-width: 500px) {
  .intro .paper-name { margin-bottom: 20px; }
  .intro .intro-links { gap: 12px; margin-top: 24px; }
}

/* A single-line takeaway directly beneath the opening figure. */
.teaser-section #overview {
  display: block;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 16px 0 2px;
  border: 0;
}
#overview .core-equation {
  display: block;
  margin: 0;
  max-width: none;
  font-family: Arial, sans-serif;
  font-size: clamp(9px, 3vw, 23px);
  font-weight: 500;
  letter-spacing: -.35px;
  line-height: 1.45;
  text-align: center;
  white-space: nowrap;
  text-wrap: nowrap;
  color: var(--ink);
}

/* No fixed navigation: anchors can sit close to the top of the viewport. */
html { scroll-padding-top: 16px; }
section { scroll-margin-top: 16px; }
#overview > p { margin: 22px 0 0; font-size: 16px; line-height: 1.85; text-align: left; }

/* Section 3.1: one shared scale, every incremental gain, four data budgets. */
#generalization { --video-color: #35667d; }
.finding-heading h2 { max-width: 850px; }
.finding-source { margin-top: 20px; font-size: 12px; color: var(--muted); }
.supervision-chart { margin: 30px 0 0; padding: 28px; border: 1px solid var(--line); border-radius: 5px; background: #fff9; }
.finding-chart-heading h3, .tradeoff-heading h3 { margin: 0; font-size: 23px; line-height: 1.4; font-weight: 500; letter-spacing: -.45px; }
.finding-chart-heading p, .tradeoff-heading > p { margin: 9px 0 0; font-size: 13px; line-height: 1.7; color: var(--muted); }
.supervision-key { display: flex; flex-wrap: wrap; gap: 20px; margin-top: 18px; font-size: 11px; color: var(--muted); }
.supervision-key > span { display: inline-flex; align-items: center; gap: 7px; }
.supervision-key > span::before { content: ''; width: 9px; height: 9px; border-radius: 2px; background: var(--red); }
.supervision-key > .key-video::before { background: var(--video-color); }
.scaling-chart { --label-width: 280px; --gain-width: 114px; --chart-gap: 18px; margin-top: 28px; }
.scaling-columns, .scaling-row { display: grid; grid-template-columns: var(--label-width) minmax(0,1fr) var(--gain-width); column-gap: var(--chart-gap); align-items: center; }
.scaling-columns { font-size: 11px; color: var(--muted); padding-bottom: 12px; }
.scaling-columns > :last-child { text-align: right; }
.scaling-axis { padding-left: calc(var(--label-width) + var(--chart-gap)); padding-right: calc(var(--gain-width) + var(--chart-gap)); margin-bottom: 7px; }
.scaling-axis > div { position: relative; display: flex; justify-content: space-between; color: #918a81; font-size: 10px; }
.scaling-axis span:not(:first-child):not(:last-child) { transform: translateX(-50%); }
.scaling-rows { list-style: none; padding: 0; margin: 0; }
.scaling-row { min-height: 66px; padding: 11px 0; border-top: 1px solid #e2ded788; }
.scaling-label { display: flex; flex-direction: column; gap: 5px; }
.scaling-label > strong { font-size: 13px; font-weight: 500; line-height: 1.4; }
.scaling-label > span { font-size: 11px; color: var(--muted); line-height: 1.35; }
.scaling-bar { height: 30px; position: relative; background-color: #f0efeb; background-image: linear-gradient(to right,transparent calc(100% - 1px),#dcd7cf 1px); background-size: 25% 100%; border-radius: 2px; }
.scaling-fill { display: flex; align-items: center; justify-content: flex-end; min-width: 0; height: 100%; padding-right: 8px; border-radius: 2px; background: var(--red); color: white; }
.scaling-value { font-size: 13px; font-weight: 500; white-space: nowrap; font-variant-numeric: tabular-nums; }
.scaling-gain { justify-self: end; white-space: nowrap; font-size: 14px; font-weight: 500; color: var(--red); font-variant-numeric: tabular-nums; }
.scaling-gain small { font-weight: 400; font-size: 10px; }
.baseline-row .scaling-fill { background: #8a8881; }
.baseline-row .scaling-gain { color: var(--muted); font-size: 11px; font-weight: 400; }
.video-row .scaling-fill { background: var(--video-color); }
.video-row .scaling-label > strong, .video-row .scaling-gain { color: var(--video-color); }
.sparse-row .scaling-label > strong { color: var(--red); font-weight: 600; }
.plateau-row .scaling-fill { background: #a79b95; }
.plateau-row .scaling-gain { color: var(--muted); }
.supervision-chart figcaption { margin: 20px 0 0; padding-top: 18px; border-top: 1px solid var(--line); font-size: 12px!important; line-height: 1.75!important; color: var(--muted); }
.supervision-chart figcaption strong { color: var(--ink); font-weight: 500; }

.budget-tradeoff { margin-top: 26px; padding: 28px; border: 1px solid var(--line); border-radius: 5px; }
.tradeoff-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; margin-top: 24px; }
.tradeoff-setting { min-width: 0; display: flex; flex-direction: column; padding: 19px 16px; border: 1px solid var(--line); border-radius: 3px; background: #fff7; }
.setting-tag { min-height: 30px; margin: 0 0 14px; font-size: 10px; line-height: 1.5; color: var(--muted); }
.tradeoff-budget { display: flex; flex-direction: column; gap: 7px; margin-bottom: 22px; font-size: 12px; line-height: 1.5; }
.tradeoff-budget strong { font-size: 20px; font-weight: 500; }
.tradeoff-result { display: flex; flex-direction: column; gap: 6px; }
.tradeoff-result > strong { white-space: nowrap; font-size: 36px; line-height: 1.2; letter-spacing: -1.3px; font-weight: 500; font-variant-numeric: tabular-nums; }
.tradeoff-result strong > span { font-size: 18px; }
.tradeoff-result > span { font-size: 10px; color: var(--muted); }
.finding-track { height: 6px; margin-top: 17px; overflow: hidden; border-radius: 2px; background: #e3e0da; }
.finding-track > span { display: block; height: 100%; background: #9a9690; }
.setting-note { margin: 14px 0 0; font-size: 11px; line-height: 1.6; color: var(--muted); }
.sparse-setting { border-color: #35667d66; background: #35667d06; }
.sparse-setting .tradeoff-result > strong, .sparse-setting .setting-note, .sparse-setting .setting-tag { color: var(--video-color); }
.sparse-setting .finding-track > span { background: var(--video-color); }
.best-setting { border-color: #bd3b3055; background: #bd3b3006; }
.best-setting .tradeoff-result > strong, .best-setting .setting-note, .best-setting .setting-tag { color: var(--red); }
.best-setting .finding-track > span { background: var(--red); }
.tradeoff-insights { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; margin-top: 25px; padding-top: 23px; border-top: 1px solid var(--line); }
.tradeoff-insights > div > strong { display: block; font-size: 13px; font-weight: 500; line-height: 1.5; }
.tradeoff-insights p { margin: 8px 0 0; font-size: 12px; line-height: 1.75; color: var(--muted); }
.tradeoff-insights b { font-weight: 500; color: var(--ink); }
.finding-protocol { margin: 20px 0 0; font-size: 12px; line-height: 1.75; color: var(--muted); }
@media (max-width: 1000px) {
  .scaling-chart { --label-width: 185px; --gain-width: 96px; --chart-gap: 14px; }
  .tradeoff-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
  .tradeoff-setting { padding: 22px; }
  .setting-tag { min-height: 0; }
  .tradeoff-budget { flex-direction: row; flex-wrap: wrap; gap: 5px 10px; }
  .tradeoff-result { flex-direction: row; align-items: baseline; justify-content: space-between; }
}
@media (max-width: 700px) {
  .supervision-chart, .budget-tradeoff { padding: 22px; }
  .scaling-chart { --label-width: 150px; --gain-width: 75px; --chart-gap: 10px; }
  .scaling-label > strong, .scaling-value { font-size: 11px; }
  .scaling-gain { font-size: 12px; }
  .scaling-gain small { font-size: 9px; }
  .scaling-columns { font-size: 10px; }
  .scaling-fill { padding-right: 5px; }
  .tradeoff-insights { grid-template-columns: 1fr; gap: 19px; }
}
@media (max-width: 520px) {
  #overview > p { font-size: 14px; margin-top: 18px; }
  .supervision-chart, .budget-tradeoff { padding: 19px; }
  .finding-chart-heading h3, .tradeoff-heading h3 { font-size: 21px; }
  .supervision-key { gap: 13px; font-size: 10px; }
  .scaling-chart { margin-top: 22px; }
  .scaling-columns { display: flex; justify-content: space-between; gap: 10px; font-size: 10px; }
  .scaling-columns > :nth-child(2) { display: none; }
  .scaling-axis { padding: 0; }
  .scaling-row { grid-template-columns: minmax(0,1fr) auto; gap: 9px 12px; padding: 13px 0; }
  .scaling-label { grid-column: 1; grid-row: 1; gap: 3px; }
  .scaling-label > strong { font-size: 12px; }
  .scaling-label > span { font-size: 10px; }
  .scaling-bar { grid-column: 1/-1; grid-row: 2; height: 27px; }
  .scaling-gain { grid-column: 2; grid-row: 1; font-size: 13px; }
  .scaling-value { font-size: 12px; }
  .tradeoff-grid { gap: 12px; }
  .tradeoff-setting { padding: 15px 12px; }
  .tradeoff-budget, .tradeoff-result { flex-direction: column; align-items: flex-start; gap: 5px; }
  .tradeoff-budget { font-size: 11px; margin-bottom: 18px; }
  .tradeoff-budget strong { font-size: 18px; }
  .tradeoff-result > strong { font-size: 29px; }
  .tradeoff-result strong > span { font-size: 15px; }
  .setting-tag { min-height: 30px; font-size: 9px; margin-bottom: 12px; }
  .setting-note { font-size: 10px; }
}

/* Lean supervision bars, with values and incremental gains only. */
.scaling-bar { height: 17px; background: none; border-radius: 0; }
.scaling-fill { border-radius: 1px; }
.scaling-value { font-size: 11px; line-height: 1; }
.scaling-row { min-height: 50px; padding: 13px 0; }

/* Four method components in the reference's open, two-column layout. */
#method > .section-heading { margin-bottom: 28px; }
.method-features { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 36px 48px; margin-top: 42px; }
.method-feature { border-top: 1px solid var(--line); padding: 29px 0 0; }
.feature-number { display: block; margin-bottom: 20px; color: var(--red); font-size: 13px; }
.method-feature h3 { margin: 0 0 17px; font-size: 25px; font-weight: 500; line-height: 1.3; letter-spacing: -.4px; }
.method-feature p { margin: 0; font-size: 16px; line-height: 1.85; color: var(--muted); }

/* Every benchmark has its own chart; WorldBridge anchors the left edge. */
#results { display: block; }
.benchmark-key { display: flex; flex-wrap: wrap; gap: 12px 25px; margin: 28px 0 32px; font-size: 12px; color: var(--muted); }
.benchmark-key > span { display: inline-flex; align-items: center; gap: 8px; }
.benchmark-key > span::before { content: ''; width: 12px; height: 12px; border-radius: 2px; background: #b9b7b1; }
.benchmark-key > .benchmark-key-ours::before { background: var(--red); }
.benchmark-key-ours { color: var(--red); }
.benchmark-chart { padding: 30px 0 26px; border-top: 1px solid var(--line); }
.benchmark-chart-header { display: flex; justify-content: space-between; align-items: flex-start; gap: 20px; margin-bottom: 35px; }
.benchmark-chart-heading h3 { margin: 0; font-size: 23px; font-weight: 500; letter-spacing: -.4px; line-height: 1.4; }
.benchmark-chart-heading p { margin: 9px 0 0; color: var(--muted); font-size: 12px; line-height: 1.7; }
.benchmark-chart-controls { display: flex; flex-direction: column; align-items: flex-end; flex-shrink: 0; gap: 12px; padding-top: 4px; }
.benchmark-metric { max-width: 230px; padding: 7px 28px 7px 10px; border: 1px solid var(--line); border-radius: 3px; color: var(--ink); background: transparent; font: inherit; font-size: 12px; }
.benchmark-metric-label { font-size: 12px; color: var(--muted); }
.benchmark-chart-scroll { overflow-x: auto; overflow-y: hidden; padding-top: 18px; scrollbar-width: thin; scrollbar-color: #c8c2b8 transparent; }
.benchmark-chart-scroll:focus-visible { outline: 1px solid var(--red); outline-offset: 4px; }
.benchmark-plot { --plot-height: 220px; display: grid; grid-template-columns: 34px repeat(var(--method-count), minmax(0, 1fr)); padding-right: 10px; }
.benchmark-scale { height: var(--plot-height); display: flex; flex-direction: column; justify-content: space-between; text-align: right; padding-right: 9px; font-size: 10px; color: #8e8982; }
.benchmark-scale > span { transform: translateY(-50%); line-height: 1; }
.benchmark-scale > span:last-child { transform: translateY(50%); }
.benchmark-column { min-width: 0; }
.benchmark-bar-area { position: relative; display: flex; justify-content: center; align-items: flex-end; height: var(--plot-height); border-bottom: 1px solid #bcb6ad; background: repeating-linear-gradient(to top, transparent 0, transparent calc(25% - 1px), #e5e1db80 calc(25% - 1px), #e5e1db80 25%); }
.benchmark-bar { position: relative; width: 62%; max-width: 43px; min-height: 0; background: #b9b7b1; border-radius: 2px 2px 0 0; }
.benchmark-value { position: absolute; top: -20px; left: 50%; transform: translateX(-50%); font-size: 10px; white-space: nowrap; color: #655f57; font-variant-numeric: tabular-nums; }
.benchmark-name { height: 132px; position: relative; }
.benchmark-name > span { position: absolute; top: 14px; right: 50%; transform: rotate(-52deg); transform-origin: right center; white-space: nowrap; font-size: 10px; color: #6e675f; }
.benchmark-column.is-ours .benchmark-bar { background: var(--red); }
.benchmark-column.is-ours .benchmark-value, .benchmark-column.is-ours .benchmark-name > span { color: var(--red); font-weight: 600; }
.benchmark-chart-note { margin: 3px 0 0; color: var(--muted); font-size: 11px; line-height: 1.7; }

/* Table 7: separate robot-data and egocentric-data contributions. */
.pretraining-context { color: var(--muted); font-size: 12px; margin: 20px 0 24px; }
.pretraining-row + .pretraining-row { margin-top: 24px; }
.pretraining-label { display: flex; justify-content: space-between; align-items: baseline; gap: 15px; font-size: 13px; line-height: 1.5; }
.pretraining-label > strong { font-size: 20px; font-weight: 500; white-space: nowrap; }
.pretraining-track { height: 9px; margin: 10px 0; }
.pretraining-track > i { height: 100%; display: block; background: #a9a39a; border-radius: 1px; }
.robot-pretraining .pretraining-track > i { background: #7b8485; }
.joint-pretraining .pretraining-track > i { background: var(--red); }
.joint-pretraining .pretraining-label { color: var(--red); }
.pretraining-detail { display: flex; justify-content: space-between; gap: 12px; color: var(--muted); font-size: 10px; line-height: 1.6; }
.pretraining-detail > strong { font-size: 11px; font-weight: 500; color: var(--red); white-space: nowrap; }
.pretraining-card .evidence-takeaway { margin-top: 25px; }
.pretraining-card .evidence-takeaway > span { font-size: 12px; }
@media (max-width: 700px) {
  .method-features { gap: 30px; }
  .method-feature h3 { font-size: 22px; }
  .method-feature p { font-size: 14px; }
  .benchmark-chart-header { flex-direction: column; gap: 15px; margin-bottom: 20px; }
  .benchmark-chart-controls { flex-direction: row; align-items: center; justify-content: space-between; width: 100%; padding-top: 0; }
  .benchmark-chart-heading h3 { font-size: 22px; }
  .benchmark-plot { --plot-height: 200px; }
}
@media (max-width: 520px) {
  .scaling-row { padding: 12px 0; }
  .scaling-bar { height: 16px; }
  .scaling-value { font-size: 10px; }
  .method-features { grid-template-columns: 1fr; margin-top: 30px; gap: 28px; }
  .method-feature { padding-top: 23px; }
  .feature-number { margin-bottom: 16px; }
  .method-feature h3 { margin-bottom: 12px; }
  .benchmark-chart { padding-top: 25px; }
  .benchmark-chart-note::after { content: 'Swipe horizontally to compare all methods →'; display: block; margin-top: 5px; }
  .pretraining-detail { font-size: 9px; }
}

/* Focused benchmark comparisons: saturated blue with soft, distinct baselines. */
#results { --benchmark-blue: #147ef0; }
#benchmark-charts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 32px; }
.benchmark-chart { min-width: 0; grid-column: 1 / -1; padding: 28px 0 22px; }
.benchmark-chart-compact { grid-column: auto; }
.benchmark-chart-header { margin-bottom: 26px; }
.benchmark-chart-compact .benchmark-chart-header { flex-direction: column; gap: 15px; min-height: 135px; }
.benchmark-chart-compact .benchmark-chart-heading { width: 100%; }
.benchmark-chart-compact .benchmark-chart-heading h3 { font-size: 22px; }
.benchmark-chart-compact .benchmark-chart-heading p { min-height: 41px; }
.benchmark-chart-compact .benchmark-chart-controls { width: 100%; flex-direction: row; align-items: center; justify-content: space-between; margin-top: auto; }
.benchmark-key > .benchmark-key-ours::before { background: var(--benchmark-blue); }
.benchmark-key-ours { color: var(--benchmark-blue); }
.benchmark-key > .benchmark-key-baseline::before { width: 22px; background: linear-gradient(90deg, #e8cbc2 0 33.33%, #badcc5 33.33% 66.66%, #c9c2e7 66.66%); }
.benchmark-bar, .benchmark-column.is-ours .benchmark-bar { width: 86%; max-width: none; background: var(--method-color); border-radius: 4px 4px 0 0; }
.benchmark-value { top: -23px; font-size: 12px; color: #49443e; }
.benchmark-column.is-ours .benchmark-value, .benchmark-column.is-ours .benchmark-name > span { color: var(--benchmark-blue); }
.benchmark-name { height: 145px; }
.benchmark-name > span { font-size: 11px; }
.benchmark-plot { --plot-height: 230px; padding-right: 6px; }
.benchmark-chart-compact .benchmark-plot { --plot-height: 215px; }
.benchmark-chart-note { font-size: 10px; }

/* Equally sized ablation panels, keeping only settings and measurements. */
#evidence > .section-heading { margin-bottom: 0; }
.evidence-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: stretch; }
.evidence-grid > .evidence-card { display: flex; flex-direction: column; min-width: 0; }
.evidence-card .figure-head { min-height: 29px; margin-bottom: 20px; }
.evidence-card .figure-head h3 { font-size: 18px; }
.evidence-card .ablation-select, .evidence-card .pretraining-context { min-height: 36px; display: flex; align-items: center; margin: 0 0 24px; }
#ablation-chart, .pretraining-ablation { flex: 1; min-height: 260px; display: flex; flex-direction: column; justify-content: space-between; }
.evidence-card .ablation-row { margin: 0; }
.evidence-card .ablation-row > .ablation-track { margin-bottom: 0; }
.evidence-card .pretraining-row + .pretraining-row { margin-top: 0; }
.pretraining-detail { font-size: 10px; }
.deployment-efficiency { margin-top: 20px; border: 1px solid var(--line); border-radius: 4px; padding: 24px; }
.deployment-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 20px; }
.deployment-heading h3 { margin: 0; font-size: 18px; font-weight: 600; }
.deployment-heading > span { font-size: 12px; color: var(--muted); }
.deployment-efficiency .latency-stages { margin: 26px 0 0; }
@media (max-width: 940px) {
  #benchmark-charts { grid-template-columns: 1fr; }
  .benchmark-chart-compact { grid-column: 1; }
  .benchmark-chart-compact .benchmark-chart-header { min-height: 0; }
  .benchmark-chart-compact .benchmark-chart-heading p { min-height: 0; }
  .evidence-grid { grid-template-columns: 1fr; }
  .deployment-heading { flex-direction: column; gap: 10px; }
}
@media (max-width: 520px) {
  .benchmark-chart-compact .benchmark-chart-header { gap: 15px; }
  .benchmark-value { font-size: 11px; }
  .benchmark-name > span { font-size: 10px; }
  .evidence-card .figure-head h3 { font-size: 16px; }
  .pretraining-detail { font-size: 9px; }
  .deployment-efficiency { padding: 20px; }
}

/* Full-width RoboTwin, followed by two-column benchmark comparisons. */
.benchmark-plot { grid-template-columns: repeat(var(--method-count), minmax(0, 1fr)); padding-left: 25px; padding-right: 5px; }
.benchmark-bar-area { background: none; }
.benchmark-bar { background: #e2e2df; }
.benchmark-column.is-ours .benchmark-bar { background: var(--benchmark-blue); }
.benchmark-value { top: 6px; left: 50%; color: #343430; font-size: 12px; font-weight: 500; line-height: 1.2; }
.benchmark-column.is-ours .benchmark-value { color: #fff; }
.benchmark-chart-dense .benchmark-bar, .benchmark-chart-dense .benchmark-column.is-ours .benchmark-bar { width: 88%; }
.benchmark-chart-dense .benchmark-value { font-size: 10px; top: 6px; }
.benchmark-chart-scroll { padding-top: 36px; }
.benchmark-logo { display: flex; position: absolute; left: 50%; bottom: calc(100% + 8px); transform: translateX(-50%); width: 35px; height: 27px; justify-content: center; align-items: center; }
.benchmark-logo img { display: block; max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; }
.benchmark-logo img[src$="/joy.png"] { filter: brightness(0); }
.benchmark-wordmark { font-family: Arial, sans-serif; font-size: 13px; font-weight: 700; line-height: 1; letter-spacing: -.5px; color: #494945; white-space: nowrap; }
.benchmark-column.is-ours .benchmark-wordmark { color: var(--benchmark-blue); font-size: 18px; }
.benchmark-chart-dense .benchmark-logo { width: 30px; height: 26px; }
.benchmark-chart-dense .benchmark-wordmark { font-size: 10px; }
.benchmark-chart-dense .benchmark-name > span { font-size: 10px; }
.benchmark-key > .benchmark-key-baseline::before { width: 12px; background: #d2d2cf; }

/* Neutral ablation bars and labels. */
#evidence .ablation-track i, #evidence .ablation-row:last-child .ablation-track i,
#evidence .pretraining-track > i { background: #cbc9c5; }
#evidence .ablation-row:last-child strong, #evidence .joint-pretraining .pretraining-label { color: var(--ink); }

/* An editable citation template in place of the closing call to action. */
.citation-heading { display: flex; justify-content: space-between; align-items: center; gap: 25px; margin-bottom: 24px; }
.citation-heading .eyebrow { margin: 0!important; font-family: inherit; }
.citation-actions { display: flex; gap: 12px; align-items: center; }
.citation-actions button, .citation-actions a { padding: 9px 13px; border: 1px solid var(--line); border-radius: 3px; background: transparent; color: var(--ink); font: inherit; font-size: 12px; text-decoration: none; cursor: pointer; }
.citation-actions button:hover, .citation-actions a:hover { background: #eeece7; }
.citation-code { margin: 0; padding: 24px; border: 1px solid var(--line); background: #f1efea; border-radius: 4px; white-space: pre-wrap; overflow-wrap: anywhere; font: 13px/1.9 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; color: #45443f; }
.citation-status { min-height: 18px; margin: 10px 0 0; color: var(--muted); font-size: 12px; }
@media (min-width: 941px) and (max-width: 1000px) {
  #benchmark-charts { grid-template-columns: 1fr; }
  .benchmark-chart-compact { grid-column: 1; }
  .benchmark-chart-compact .benchmark-chart-header { min-height: 0; }
}
@media (max-width: 520px) {
  .evidence-card .figure-head { min-height: 48px; }
  .citation-heading { align-items: flex-start; flex-direction: column; gap: 18px; }
  .citation-code { padding: 18px; font-size: 11px; }
  .benchmark-value { font-size: 11px; }
}

/* Match the density of the 12-method half-width comparisons. */
.benchmark-chart-fixed-density { --benchmark-capacity: 24; }
.benchmark-chart-fixed-density.benchmark-chart-compact { --benchmark-capacity: 12; }
.benchmark-chart-fixed-density .benchmark-plot {
  min-width: calc(var(--benchmark-capacity) * 36px + 30px);
  grid-template-columns: repeat(var(--method-count), minmax(0, calc(100% / var(--benchmark-capacity))));
  justify-content: center;
}
.benchmark-chart-fixed-density .benchmark-bar,
.benchmark-chart-fixed-density .benchmark-column.is-ours .benchmark-bar { width: 88%; }
.benchmark-chart-fixed-density .benchmark-value { font-size: 10px; }
.benchmark-chart-fixed-density .benchmark-logo { width: 30px; height: 26px; }
.benchmark-chart-fixed-density .benchmark-name > span { font-size: 10px; }

/* Frame the full HUST seal (124 of 400 source pixels), including its right edge. */
.benchmark-logo:has(img[src$="/hust.png"]) { width: 34px; overflow: hidden; }
.benchmark-logo img[src$="/hust.png"] { position: absolute; left: 1px; width: 104px; max-width: none; max-height: none; filter: brightness(0); }

/* Let RMBench's seven reported methods use the full comparison width. */
#chart-rmbench .benchmark-plot {
  min-width: 0;
  grid-template-columns: repeat(var(--method-count), minmax(0, 1fr));
}

/* Official institution marks; frame the artwork without changing the assets. */
.benchmark-logo:has(img[src$="/shlab.webp"]) { width: 32px; overflow: hidden; }
.benchmark-logo img[src$="/shlab.webp"] {
  position: absolute; left: 0; width: 103px;
  max-width: none; max-height: none; filter: brightness(0);
}
.benchmark-logo:has(img[src$="/nvidia-square.png"]) {
  width: 34px; height: 29px; overflow: hidden; mix-blend-mode: multiply;
}
.benchmark-logo img[src$="/nvidia-square.png"] {
  width: 72px; max-width: none; max-height: none; flex-shrink: 0;
}

#chart-rmbench .benchmark-chart-note::after { display: none; }

/* A direct benchmark heading, with lighter comparison bars. */
#results > .section-heading { margin-bottom: 28px; }

/* Bright, softened colors distinguish video and action supervision. */
.supervision-chart {
  --supervision-video: #a6c5d7;
  --supervision-action: #e3b0a7;
  --supervision-video-ink: #4b697c;
  --supervision-action-ink: #8b6059;
}
.supervision-chart .scaling-fill { background: var(--supervision-action); color: #343430; }
.supervision-chart .baseline-row .scaling-fill { background: #d7d8d3; }
.supervision-chart .video-row .scaling-fill { background: var(--supervision-video); }
.supervision-chart .supervision-key > .key-video::before { background: var(--supervision-video); }
.supervision-chart .supervision-key > .key-action::before { background: var(--supervision-action); }
.supervision-chart .scaling-gain, .supervision-chart .sparse-row .scaling-label > strong { color: var(--supervision-action-ink); }
.supervision-chart .video-row .scaling-label > strong, .supervision-chart .video-row .scaling-gain { color: var(--supervision-video-ink); }
.supervision-chart .baseline-row .scaling-gain, .supervision-chart .plateau-row .scaling-gain { color: var(--muted); }

/* Keep the complete NUS shield visible from the official institution wordmark. */
.benchmark-logo:has(img[src$="/nus.png"]) { width: 22px; height: 27px; overflow: hidden; }
.benchmark-logo img[src$="/nus.png"] { position: absolute; left: 0; height: 27px; width: auto; max-width: none; max-height: none; }
.benchmark-logo:has(img[src$="/adelaide.png"]) { mix-blend-mode: multiply; }

.architecture-toolbar :is(a, button) { display: inline-block; text-decoration: none; }
.architecture-scroll:focus-visible { outline: 2px solid var(--red); outline-offset: 4px; }

/* Six cumulative reveals preserve the construction animation on the updated figure. */
#architecture-mount [hidden], .architecture-toolbar [hidden] { display: none !important; }
.architecture-scene { padding: 28px 28px 18px; background: #f8f7f5; }
.architecture-stage-copy { min-height: 120px; }
.architecture-story-label { margin: 0 0 15px; color: var(--red); font: 600 11px/1.4 Arial, sans-serif; text-transform: uppercase; }
.architecture-stage-title { font-size: 25px; font-weight: 650; line-height: 1.25; margin: 0 0 10px; letter-spacing: -.45px; text-wrap: nowrap; }
.architecture-stage-description { margin: 0; font-size: 13px; line-height: 1.6; color: var(--muted); text-wrap: nowrap; }
.architecture-stages { display: block; width: 100%; height: auto; background: white; }
.architecture-reveal { opacity: 0; transition: opacity .52s ease; }
.architecture-reveal.is-revealed { opacity: 1; }
.architecture-scene.is-complete .architecture-reveal { transition: none; }
.architecture-progress { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 16px; border-top: 1px solid var(--line); margin-top: 16px; padding-top: 16px; }
.architecture-progress button { appearance: none; padding: 10px 0 0; border: 0; border-top: 3px solid var(--line); border-radius: 1px; background: transparent; color: #aaa69f; text-align: left; font: 400 11px/1.4 Arial, sans-serif; white-space: nowrap; cursor: pointer; }
.architecture-progress button span { margin-right: 4px; }
.architecture-progress button.is-revealed { border-top-color: var(--muted); color: var(--muted); }
.architecture-progress button[aria-current="step"] { border-top-color: var(--red); color: var(--red); font-weight: 600; }
.architecture-model figcaption a { color: inherit; white-space: nowrap; }
@media (max-width: 800px) {
  .architecture-model .architecture-stages { min-width: 0 !important; }
  .architecture-scene { padding: 24px; }
  .architecture-stage-title { font-size: 23px; }
  .architecture-stage-description { font-size: 12px; }
  .architecture-progress { gap: 12px; }
  .architecture-progress button { font-size: 10px; }
}
@media (prefers-reduced-motion: reduce) { .architecture-reveal { transition: none; } }

/* Earlier benchmark evidence and a concise opening. */
#overview .core-equation{font-size:28px;line-height:1.3;margin-bottom:12px}#overview>p{font-size:17px;line-height:1.7;max-width:850px;margin:0 auto;text-wrap:balance}
.benchmark-intro{font-size:18px;color:var(--muted);margin:18px 0 28px}.front-benchmark-highlights{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px;margin:24px 0 42px}.front-benchmark-highlights a{display:flex;flex-direction:column;border-left:2px solid var(--red);padding:10px 0 10px 18px;text-decoration:none;color:inherit}.front-benchmark-highlights strong{font-size:42px;font-weight:550;line-height:1.2;letter-spacing:-1.4px;color:var(--red)}.front-benchmark-highlights strong span{font-size:25px}.front-benchmark-highlights b{font-size:17px;font-weight:500;margin-top:14px}.front-benchmark-highlights small{font-size:13px;color:var(--muted);margin-top:7px}@media(max-width:700px){.front-benchmark-highlights{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.front-benchmark-highlights strong{font-size:34px}#overview .core-equation{font-size:24px}}

.intro .team-credit{margin:22px 0 0;font-size:clamp(16px,2vw,20px);font-weight:600;line-height:1.5;color:var(--ink);text-wrap:balance}