:root {
  color-scheme:light;
  --bg:#fcfcfa;
  --panel:#ffffff;
  --panel-light:#eff5f0;
  --ink:#253a32;
  --muted:#6a7c72;
  --line:#dce5dc;
  --accent:#32816d;
  --orange:#c99470;
  --mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;
  --sans:"Inter","Helvetica Neue",Arial,sans-serif;
}

* {
  box-sizing:border-box;
}

html {
  scroll-behavior:smooth;
  scroll-padding-top:104px;
}

body {
  margin:0;
  background:var(--bg);
  color:var(--ink);
  font:16px/1.65 var(--sans);
  -webkit-font-smoothing:antialiased;
}

body:has(dialog[open]) {
  overflow:hidden;
}

a {
  color:inherit;
  text-decoration:none;
}

button {
  font:inherit;
  color:inherit;
  cursor:pointer;
}

button,a {
  -webkit-tap-highlight-color:transparent;
}

button {
  border:0;
}

button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible {
  outline:2px solid var(--accent);
  outline-offset:6px;
}

button:disabled {
  cursor:default;
}

::selection {
  background:var(--accent);
  color:var(--bg);
}

h1,h2,h3,p {
  margin:0;
}

h1,h2,h3 {
  font-weight:500;
  line-height:1.12;
}

img,video {
  display:block;
  max-width:100%;
}

svg {
  flex-shrink:0;
}

button svg {
  pointer-events:none;
}

em {
  font-style:normal;
  color:var(--accent);
}

.shell {
  width:min(1320px,calc(100% - 112px));
  margin-inline:auto;
}

.section {
  padding-block:112px;
}

.eyebrow,.micro-label {
  font:11px/1.6 var(--mono);
  letter-spacing:.095em;
}

.eyebrow {
  color:var(--accent);
  margin-bottom:25px;
}

.micro-label {
  color:var(--muted);
}

.status-dot {
  display:inline-block;
  width:6px;
  height:6px;
  background:var(--accent);
  border-radius:50%;
  flex:0 0 auto;
  vertical-align:middle;
}

.eyebrow .status-dot {
  margin-right:9px;
  box-shadow:0 0 14px #32816d25;
}

.text-link {
  display:inline-flex;
  align-items:center;
  gap:14px;
  font-size:13px;
}

.text-link:hover {
  color:var(--accent);
}

.skip-link {
  position:fixed;
  top:-80px;
  left:24px;
  z-index:100;
  background:var(--accent);
  color:var(--bg);
  padding:12px 20px;
}

.skip-link:focus {
  top:12px;
}

.reading-track {
  position:fixed;
  top:0;
  left:0;
  right:0;
  height:2px;
  z-index:30;
  pointer-events:none;
}

.reading-track span {
  display:block;
  width:0;
  height:100%;
  background:var(--accent);
}

.site-header {
  height:86px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding-inline:max(32px,calc((100% - 1320px)/2));
  border-bottom:1px solid var(--line);
  position:sticky;
  top:0;
  z-index:20;
  background:#fcfcfaf0;
  backdrop-filter:blur(18px);
}

.brand {
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-weight:650;
  font-size:22px;
  letter-spacing:-.8px;
  line-height:1;
}

.chrono-mark {
  width:32px;
  height:32px;
  color:var(--accent);
}

.brand-period {
  color:var(--accent);
}

.site-header nav {
  display:flex;
  gap:32px;
  font-size:12px;
  color:var(--muted);
}

.site-header nav a {
  transition:color .2s;
  position:relative;
}

.site-header nav a:hover,.site-header nav a[aria-current] {
  color:var(--accent);
}

.site-header nav a[aria-current]::after {
  position:absolute;
  content:"";
  width:4px;
  height:4px;
  background:var(--accent);
  border-radius:50%;
  bottom:-13px;
  left:calc(50% - 2px);
}

.header-link {
  font:12px var(--mono);
  padding:10px 0 10px 24px;
  border-left:1px solid var(--line);
  display:flex;
  gap:22px;
}

.header-link:hover {
  color:var(--accent);
}

.hero {
  display:grid;
  grid-template-columns:1.13fr 1fr;
  gap:45px;
  align-items:center;
  padding-block:90px 80px;
  position:relative;
  min-height:632px;
}

.hero::before {
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background-image:radial-gradient(#4a775020 .7px,transparent .7px);
  background-size:16px 16px;
  mask-image:linear-gradient(90deg,transparent 48%,#000);
}

.hero h1 {
  font-size:clamp(57px,6.2vw,91px);
  letter-spacing:-5.7px;
  font-weight:600;
  margin:0 0 27px;
  white-space:nowrap;
}

.hero h1>span:first-child {
  color:var(--accent);
}

.title-period {
  color:var(--orange);
}

.hero-subtitle {
  font-size:clamp(23px,2.18vw,32px);
  line-height:1.35;
  letter-spacing:-.85px;
  margin-bottom:24px;
}

.hero-subtitle>span {
  color:#496156;
}

.hero-description {
  font-size:14px;
  color:var(--muted);
  line-height:1.8;
}

.hero-description em {
  color:var(--ink);
}

.action-row {
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:29px;
}

.button {
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:25px;
  padding:13px 17px;
  font-size:12px;
  font-weight:600;
  border:1px solid var(--line);
  transition:background .2s,transform .2s;
}

.button:hover {
  transform:translateY(-2px);
}

.button-primary {
  background:var(--accent);
  border-color:var(--accent);
  color:#ffffff;
}

.button-primary:hover {
  background:#286d5c;
}

.button-outline:hover {
  background:var(--panel-light);
  border-color:var(--muted);
}

.button span {
  font-size:17px;
  line-height:1;
}

.hero-jump {
  margin-top:25px;
  color:var(--muted);
  font-size:11px;
}

.play-icon {
  color:var(--accent);
  font-size:20px;
}

.hero-coordinate {
  position:absolute;
  bottom:26px;
  left:0;
  font:9px var(--mono);
  letter-spacing:.14em;
  color:#809389;
}

.stream-console {
  position:relative;
  border:1px solid #d1dfd2;
  background:#f3f7f2;
  box-shadow:18px 18px 0 -1px var(--bg),18px 18px 0 0 #e2e9de;
}

.console-bar {
  padding:14px 16px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  font:9px var(--mono);
  letter-spacing:.05em;
  color:var(--muted);
}

.console-bar>span:first-child {
  display:flex;
  align-items:center;
  gap:8px;
  color:var(--accent);
}

.hero-feed {
  position:relative;
  overflow:hidden;
  aspect-ratio:16/9;
  background:#eaf0e9;
}

.hero-feed video {
  width:100%;
  height:100%;
  object-fit:contain;
}

.feed-label {
  position:absolute;
  top:16px;
  left:17px;
  display:flex;
  gap:15px;
  align-items:center;
  color:var(--ink);
  font:9px var(--mono);
  background:#fffffff0;
  padding:6px 8px;
  pointer-events:none;
}

.feed-label>span {
  font-size:8px;
  color:var(--accent);
}

.feed-corner {
  position:absolute;
  width:22px;
  height:22px;
  z-index:1;
  pointer-events:none;
}

.top-left {
  top:10px;
  left:10px;
  border-top:1px solid var(--accent);
  border-left:1px solid var(--accent);
}

.bottom-right {
  bottom:48px;
  right:10px;
  border-bottom:1px solid var(--accent);
  border-right:1px solid var(--accent);
}

.scanline {
  position:absolute;
  left:0;
  right:0;
  top:8%;
  height:1px;
  background:#32816d75;
  box-shadow:0 1px 15px #80b89440;
  animation:scan 9s linear infinite;
  pointer-events:none;
}

.console-timeline {
  padding:14px 16px 10px;
}

.time-ticks {
  display:flex;
  justify-content:space-between;
  font:8px var(--mono);
  color:#70866e;
  margin-bottom:10px;
  padding-top:8px;
  background:repeating-linear-gradient(90deg,#a7b9a0 0px,#a7b9a0 1px,transparent 1px,transparent 10px) left top/100% 4px no-repeat;
}

.time-ticks span:last-child {
  color:var(--accent);
}

.playback-track {
  height:2px;
  background:#d9e4d1;
}

.playback-track span {
  height:100%;
  background:var(--accent);
  display:block;
  width:0;
}

.console-bottom {
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-top:12px;
  font:9px var(--mono);
  color:var(--muted);
}

#motion-toggle {
  background:none;
  padding:3px 0;
  font:9px var(--mono);
  color:var(--muted);
  display:flex;
  gap:10px;
}

#motion-toggle:hover {
  color:var(--accent);
}

.hero-switcher {
  padding:15px 16px 16px;
  border-top:1px solid var(--line);
  background:var(--bg);
}

.hero-switcher[hidden] {
  display:none;
}

.hero-switcher-heading {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:11px;
  color:var(--muted);
  font:9px/1.5 var(--mono);
}

.hero-switcher-heading .micro-label {
  font-size:8px;
  color:var(--accent);
}

.hero-platform-tabs {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}

.hero-option {
  display:flex;
  align-items:center;
  gap:11px;
  padding:9px;
  text-align:left;
  border:1px solid var(--line);
  background:var(--panel);
  transition:border-color .2s,background .2s;
}

.hero-option:hover {
  border-color:var(--accent);
}

.hero-option[aria-selected="true"] {
  border-color:var(--accent);
  background:var(--panel-light);
  box-shadow:inset 0 -2px var(--accent);
}

.hero-option img {
  width:clamp(42px,5vw,80px);
  height:50px;
  object-fit:cover;
  flex-shrink:0;
}

.hero-option-copy {
  display:flex;
  flex-direction:column;
  gap:3px;
  min-width:0;
}

.hero-option-copy strong {
  font-size:12px;
  font-weight:600;
  line-height:1.3;
}

.hero-option-copy>span {
  font:8px/1.5 var(--mono);
  color:var(--muted);
}

.hero-option-dot {
  width:6px;
  height:6px;
  border:1px solid var(--muted);
  border-radius:50%;
  margin-left:auto;
  flex-shrink:0;
}

.hero-option[aria-selected="true"] .hero-option-dot {
  border-color:var(--accent);
  background:var(--accent);
}

@media(max-width:540px) {
  .hero-switcher {
    padding:13px 12px;
  }
  .hero-switcher-heading {
    font-size:7px;
    gap:8px;
  }
  .hero-switcher-heading .micro-label {
    font-size:7px;
    letter-spacing:.06em;
  }
  .hero-option {
    position:relative;
    display:block;
    padding:7px;
  }
  .hero-option img {
    width:100%;
    height:auto;
    aspect-ratio:16/9;
    margin-bottom:8px;
  }
  .hero-option-copy strong {
    font-size:11px;
  }
  .hero-option-copy>span {
    font-size:7px;
  }
  .hero-option-dot {
    position:absolute;
    right:9px;
    bottom:27px;
  }
}

.console-caption {
  border-top:1px solid var(--line);
  padding:11px 16px;
  font-size:11px;
  color:var(--muted);
}

.crosshair {
  color:var(--accent);
  margin-right:7px;
  font:18px var(--mono);
}

@keyframes scan {
  0% {
    top:8%;
    opacity:0;
  }
  10% {
    opacity:.7;
  }
  90% {
    opacity:.7;
  }
  100% {
    top:82%;
    opacity:0;
  }
}

.team-section {
  border-top:1px solid var(--line);
  padding-top:30px;
}

.team-heading {
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:20px;
}

.team-heading>a {
  font:10px var(--mono);
  color:var(--muted);
}

.team-heading>a:hover {
  color:var(--accent);
}

.authors {
  display:flex;
  flex-wrap:wrap;
  gap:9px 18px;
  font-size:14px;
  font-weight:400;
  line-height:1.8;
  color:#687c6f;
}

.authors>span {
  white-space:nowrap;
}

.authors .equal-author {
  color:var(--ink);
}

.authors sup {
  color:var(--accent);
  font:9px var(--mono);
  margin-left:2px;
  position:relative;
  top:-.1em;
}

.corresponding-author sup {
  color:var(--orange);
}

.author-notes {
  display:flex;
  gap:22px;
  margin-top:19px;
  color:var(--muted);
  font-size:10px;
}

.author-notes b {
  color:var(--accent);
  font-weight:400;
  margin-right:4px;
}

.author-notes span:last-child b {
  color:var(--orange);
}

.affiliations {
  margin-top:18px;
  padding-bottom:22px;
}

.affiliations summary {
  display:flex;
  justify-content:space-between;
  align-items:center;
  cursor:pointer;
  list-style:none;
  border-top:1px solid var(--line);
  padding-block:13px;
  font:11px var(--mono);
  color:var(--muted);
}

.affiliations summary::-webkit-details-marker {
  display:none;
}

.affiliations summary span {
  font-size:18px;
  color:var(--accent);
}

.affiliations[open] summary span {
  transform:rotate(45deg);
}

.affiliations ol {
  columns:3;
  column-gap:38px;
  margin:9px 0 20px;
  padding-left:25px;
  color:var(--muted);
  font-size:11px;
  line-height:1.9;
}

.affiliations li {
  break-inside:avoid;
  padding-left:4px;
  margin-bottom:6px;
}

.affiliations li::marker {
  font:10px var(--mono);
  color:var(--accent);
}

.partner-row {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:24px 30px;
  background:#f4f7ef;
  color:#3b4438;
}

.partner-row .micro-label {
  font-size:9px;
  color:#64715e;
}

.partner-logos {
  display:flex;
  align-items:center;
  gap:24px;
}

.partner-logo {
  display:flex;
  align-items:center;
  justify-content:center;
}

.partner-logo img {
  object-fit:contain;
  mix-blend-mode:multiply;
}

.szu-logo img {
  width:220px;
  height:64px;
  mix-blend-mode:normal;
}

.partner-divider {
  font:18px var(--mono);
  color:#85917c;
}

.partner-note {
  font-size:10px;
  line-height:1.7;
  color:#64715e;
}

.section-heading {
  margin-bottom:40px;
}

.split-heading {
  display:grid;
  grid-template-columns:1.25fr 1fr;
  align-items:end;
  gap:85px;
}

h2 {
  font-size:clamp(35px,4.1vw,58px);
  letter-spacing:-2.1px;
  line-height:1.13;
}

.split-heading>p {
  color:var(--muted);
  font-size:14px;
  line-height:1.85;
  padding-bottom:5px;
  max-width:460px;
}

.stats-strip {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  padding-block:26px;
  margin-bottom:42px;
}

.stats-strip>div {
  padding-left:30px;
  border-left:1px solid var(--line);
}

.stats-strip>div:first-child {
  padding-left:0;
  border:0;
}

.stats-strip strong {
  display:block;
  font-size:48px;
  font-weight:400;
  letter-spacing:-2px;
  line-height:1.25;
  font-variant-numeric:tabular-nums;
}

.stats-strip strong span {
  font-size:21px;
  color:var(--accent);
  vertical-align:top;
  margin-left:10px;
}

.stats-strip>div>span {
  color:var(--muted);
  font:10px var(--mono);
}

.paper-figure {
  margin:28px 0 0;
  border:1px solid var(--line);
  background:var(--panel);
  overflow:hidden;
}

.figure-topline {
  padding:14px 20px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
}

.figure-topline .micro-label {
  font-size:10px;
}

.figure-zoom {
  background:none;
  font:10px var(--mono);
  color:var(--accent);
  padding:4px 0;
  white-space:nowrap;
}

.figure-zoom>span {
  margin-left:12px;
}

.figure-surface {
  background:#fff;
  padding:22px;
  color-scheme:light;
}

.figure-surface img {
  width:100%;
  height:auto;
  max-height:660px;
  object-fit:contain;
}

.paper-figure figcaption {
  display:flex;
  gap:20px;
  padding:13px 20px;
  font-size:11px;
  color:var(--muted);
}

.paper-figure figcaption>span {
  font:9px/1.8 var(--mono);
  letter-spacing:.04em;
  color:var(--accent);
  white-space:nowrap;
}

.benchmark-section {
  border-block:1px solid var(--line);
  background:#f5f8f2;
}

.capability-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  border:1px solid var(--line);
}

.capability {
  padding:30px;
  display:flex;
  flex-direction:column;
}

.capability+.capability {
  border-left:1px solid var(--line);
}

.capability-top {
  display:flex;
  justify-content:space-between;
  align-items:start;
  margin-bottom:43px;
}

.capability-number {
  font:11px var(--mono);
  color:#859d85;
}

.capability-top svg {
  width:38px;
  height:38px;
  stroke:var(--accent);
  stroke-width:1.1;
}

.capability:nth-child(2) .capability-top svg {
  stroke:var(--orange);
}

.capability:nth-child(3) .capability-top svg {
  stroke:#739dae;
}

.capability .micro-label {
  font-size:9px;
  color:var(--accent);
  margin-bottom:14px;
}

.capability h3 {
  font-size:27px;
  letter-spacing:-.6px;
  margin-bottom:18px;
  line-height:1.2;
}

.capability>p:not(.micro-label) {
  font-size:12px;
  line-height:1.8;
  color:var(--muted);
  min-height:66px;
}

.capability ul {
  list-style:none;
  padding:24px 0 0;
  margin:25px 0 0;
  border-top:1px solid var(--line);
}

.capability li {
  display:flex;
  gap:12px;
  font-size:11px;
  line-height:1.6;
  margin-bottom:12px;
}

.capability li span {
  color:#6e8e60;
  font:9px/1.9 var(--mono);
}

.metric-note {
  margin-top:auto;
  font:9px var(--mono);
  color:var(--muted);
  padding-top:20px;
}

.protocol-note {
  display:flex;
  align-items:center;
  gap:16px;
  border-bottom:1px solid var(--line);
  padding:25px 0;
}

.protocol-note p {
  font-size:12px;
  color:var(--muted);
  max-width:820px;
}

.protocol-note strong {
  color:var(--ink);
  font-weight:400;
}

.protocol-arrow {
  margin-left:auto;
  white-space:nowrap;
  font:18px var(--mono);
  color:var(--accent);
}

.protocol-arrow sub {
  font-size:9px;
}

.embodiment-tabs {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:0;
  border:1px solid var(--line);
  border-bottom:0;
}

.embodiment-tabs button {
  padding:19px 19px;
  background:transparent;
  border-right:1px solid var(--line);
  text-align:left;
  font-size:12px;
  display:flex;
  align-items:center;
  gap:11px;
  transition:background .2s;
}

.embodiment-tabs button:last-child {
  border-right:0;
}

.embodiment-tabs button>span {
  font:9px var(--mono);
  color:var(--muted);
}

.embodiment-tabs button i {
  margin-left:auto;
  font:16px var(--mono);
}

.embodiment-tabs button[aria-selected="true"] {
  background:var(--accent);
  color:#ffffff;
}

.embodiment-tabs button[aria-selected="true"]>span {
  color:#e1f1ea;
}

.embodiment-tabs button:hover:not([aria-selected="true"]) {
  background:var(--panel-light);
}

.embodiment-tabs button:focus-visible {
  outline-offset:-5px;
  outline-color:var(--orange);
}

.embodiment-panel {
  padding:28px;
  background:var(--panel);
  border:1px solid var(--line);
}

.explorer-head {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:35px;
  margin-bottom:25px;
}

.explorer-head .micro-label {
  font-size:9px;
  color:var(--accent);
  margin-bottom:9px;
}

.explorer-head h3 {
  font-size:28px;
  letter-spacing:-.6px;
  margin-bottom:8px;
}

.explorer-head>div>p:last-child {
  font-size:12px;
  color:var(--muted);
  max-width:600px;
}

.scenario-count {
  text-align:right;
  padding-left:25px;
  border-left:1px solid var(--line);
}

.scenario-count strong {
  display:block;
  font-size:37px;
  font-weight:400;
  line-height:1.25;
}

.scenario-count>span {
  font:9px var(--mono);
  color:var(--muted);
}

.cameras {
  display:grid;
  grid-template-columns:2fr 1fr;
  grid-template-rows:1fr 1fr;
  gap:12px;
  max-height:610px;
}

.camera {
  position:relative;
  background:#f1f4ed;
  overflow:hidden;
  min-width:0;
}

.camera-main {
  grid-row:span 2;
  aspect-ratio:4/3;
}

.camera-secondary {
  aspect-ratio:8/6;
}

.camera video {
  width:100%;
  height:100%;
  object-fit:contain;
}

.camera-label {
  position:absolute;
  top:12px;
  left:12px;
  z-index:1;
  background:#ffffffe8;
  border:1px solid #32816d33;
  font:9px var(--mono);
  color:var(--accent);
  padding:5px 8px;
  pointer-events:none;
}

.single-camera {
  display:block;
  max-height:none;
}

.single-camera .camera {
  aspect-ratio:16/9;
  max-height:550px;
  display:flex;
  justify-content:center;
}

.single-camera video {
  object-fit:contain;
}

.explorer-footer {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-top:18px;
  font:9px/1.6 var(--mono);
  color:var(--muted);
}

.explorer-footer .status-dot {
  width:5px;
  height:5px;
  margin-right:8px;
}

.dataset-figure {
  margin-top:32px;
}

.findings-section {
  background:#f6f8f3;
  border-block:1px solid var(--line);
}

.findings-grid {
  display:grid;
  grid-template-columns:1.05fr 1fr;
  gap:20px;
  margin-bottom:35px;
}

.finding-card {
  padding:32px;
  border:1px solid #d7e2d0;
  background:var(--bg);
  display:flex;
  flex-direction:column;
}

.finding-card>.micro-label {
  font-size:9px;
  color:var(--accent);
  margin-bottom:25px;
}

.finding-card h3 {
  font-size:35px;
  letter-spacing:-1px;
  margin-bottom:13px;
}

.finding-description {
  font-size:12px;
  color:var(--muted);
}

.comparison {
  margin-top:29px;
}

.model-name {
  font:10px var(--mono);
  color:var(--ink);
  margin-bottom:12px;
}

.second-model {
  margin-top:27px;
}

.result-row {
  display:grid;
  grid-template-columns:101px 1fr 59px;
  align-items:center;
  gap:14px;
  margin-top:7px;
}

.result-row>span {
  font-size:10px;
  color:var(--muted);
}

.result-row>div {
  height:7px;
  background:#ecf1e7;
}

.result-row i {
  display:block;
  height:100%;
  width:var(--value);
  background:var(--accent);
}

.result-row.ordering i {
  background:var(--orange);
}

.result-row b {
  text-align:right;
  font:21px var(--sans);
  letter-spacing:-.5px;
}

.result-row small {
  font:10px var(--mono);
  margin-left:2px;
  color:var(--muted);
}

.finding-footnote {
  font:9px/1.7 var(--mono);
  color:#788771;
  border-top:1px solid var(--line);
  padding-top:16px;
  margin-top:29px;
}

.ablation-card {
  background:#edf4e3;
  color:#294128;
  border-color:#edf4e3;
}

.ablation-card>.micro-label {
  color:#6b815c;
}

.ablation-card .finding-description {
  color:#75866d;
}

.ablation-numbers {
  display:flex;
  gap:36px;
  margin-block:29px 22px;
}

.ablation-numbers strong {
  font-size:56px;
  line-height:1.1;
  letter-spacing:-2.5px;
  font-weight:400;
}

.ablation-numbers strong span {
  font:12px var(--mono);
  margin-left:5px;
  letter-spacing:0;
}

.ablation-numbers p {
  font-size:11px;
  color:#627a52;
  margin-top:9px;
}

.ablation-takeaway {
  font-size:13px;
  line-height:1.7;
  max-width:420px;
}

.ablation-card .finding-footnote {
  color:#536544;
  border-color:#d3e1c6;
  margin-top:auto;
  padding-top:16px;
}

.results-link {
  margin-top:30px;
  color:var(--accent);
  font-size:12px;
}

.resources-section {
  display:grid;
  grid-template-columns:1fr 1.05fr;
  gap:90px;
  align-items:center;
}

.resources-intro>p:not(.eyebrow) {
  margin-top:25px;
  color:var(--muted);
  font-size:14px;
  max-width:440px;
}

.resource-links {
  margin-top:32px;
}

.resource-links>a {
  display:flex;
  align-items:center;
  gap:20px;
  border-top:1px solid var(--line);
  padding-block:16px;
  font-size:12px;
}

.resource-links>a:last-child {
  border-bottom:1px solid var(--line);
}

.resource-links>a>span:first-child {
  font:9px var(--mono);
  color:var(--muted);
}

.resource-links>a>span:last-child {
  margin-left:auto;
  color:var(--accent);
  font-size:18px;
}

.resource-links>a:hover {
  color:var(--accent);
}

.coming-soon {
  cursor:default;
}

.release-badge {
  flex-shrink:0;
  padding:4px 7px;
  border:1px solid currentColor;
  font:10px/1.2 var(--mono);
  white-space:nowrap;
}

.header-link.coming-soon {
  flex-direction:column;
  align-items:flex-end;
  gap:3px;
}

.header-link.coming-soon .release-badge {
  font-size:9px;
  padding:2px 5px;
}

.header-link.coming-soon:hover,
.resource-links>.coming-soon:hover {
  color:inherit;
}

.button.coming-soon:hover {
  transform:none;
  background:var(--accent);
}

.resource-links .release-badge {
  margin-left:auto;
  color:var(--accent);
}

.citation-card {
  background:var(--panel);
  border:1px solid var(--line);
  min-width:0;
}

.citation-heading {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:18px 21px;
  border-bottom:1px solid var(--line);
}

.citation-heading .micro-label {
  font-size:10px;
}

.citation-heading button {
  background:none;
  font:10px var(--mono);
  color:var(--accent);
  padding:4px 0;
}

.citation-heading button span {
  margin-left:8px;
}

.citation-card pre {
  margin:0;
  padding:22px;
  overflow:auto;
  color:#637659;
  font:10px/1.85 var(--mono);
  tab-size:2;
}

.copy-status {
  display:block;
  min-height:25px;
  padding:0 22px 10px;
  color:var(--accent);
  font:10px var(--mono);
}

.footer {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:25px;
  border-top:1px solid var(--line);
  padding-block:34px;
  margin-bottom:12px;
}

.footer>.brand {
  font-size:20px;
  gap:0;
}

.footer>span {
  font:10px var(--mono);
  color:var(--muted);
}

.footer>a:last-child {
  font-size:10px;
  color:var(--muted);
}

.footer>a:last-child span {
  margin-left:14px;
  color:var(--accent);
}

#figure-dialog {
  position:fixed;
  width:calc(100% - 64px);
  max-width:1800px;
  max-height:90vh;
  padding:50px 22px 16px;
  border:1px solid var(--line);
  background:#fff;
  color:#273126;
  overflow:auto;
  box-shadow:0 40px 100px #0009;
}

#figure-dialog::backdrop {
  background:#eef3e4db;
  backdrop-filter:blur(8px);
}

#figure-full {
  width:100%;
  height:auto;
  max-height:calc(90vh - 100px);
  object-fit:contain;
}

#figure-close {
  position:absolute;
  right:20px;
  top:12px;
  background:#e6efdd;
  color:#304529;
  padding:6px 12px;
  font:11px var(--mono);
}

#figure-caption {
  font-size:12px;
  margin:14px 0 0;
  text-align:center;
}

.js .reveal {
  opacity:0;
  transform:translateY(15px);
  transition:opacity .7s ease,transform .7s ease;
}

.js .reveal.is-visible {
  opacity:1;
  transform:none;
}

.motion-paused * {
  animation-play-state:paused!important;
}

.motion-paused .reveal {
  transition:none;
}

@media(min-width:1700px) {
  .hero {
    min-height:720px;
  }
  .hero h1 {
    font-size:94px;
  }
}

@media(max-width:1150px) {
  .shell {
    width:calc(100% - 64px);
  }
  .hero {
    gap:35px;
    grid-template-columns:1.05fr 1fr;
    padding-block:70px 75px;
    min-height:600px;
  }
  .hero h1 {
    letter-spacing:-4px;
    font-size:6.15vw;
  }
  .hero-subtitle {
    font-size:24px;
  }
  .hero .eyebrow {
    font-size:9px;
  }
  .hero-description {
    font-size:12px;
  }
  .button {
    padding:12px;
    font-size:10px;
    gap:16px;
  }
  .split-heading {
    gap:45px;
  }
  .split-heading>p {
    font-size:13px;
  }
  .section {
    padding-block:86px;
  }
  .partner-row {
    padding:22px;
    flex-direction:column;
  }
  .partner-row>.micro-label {
    text-align:center;
  }
  .partner-row>.micro-label br {
    display:none;
  }
  .partner-logos {
    gap:20px;
  }
  .partner-note {
    display:none;
  }
  .capability {
    padding:24px;
  }
  .capability h3 {
    font-size:24px;
  }
  .resources-section {
    gap:45px;
  }
  .result-row {
    grid-template-columns:92px 1fr 54px;
    gap:10px;
  }
  .ablation-numbers {
    gap:22px;
  }
  .ablation-numbers strong {
    font-size:47px;
  }
  .finding-card {
    padding:25px;
  }
  .embodiment-tabs button {
    padding:17px 13px;
    gap:8px;
    font-size:11px;
  }
  .camera-label {
    font-size:8px;
    left:8px;
    top:8px;
  }
}

@media(max-width:850px) {
  .site-header {
    height:72px;
    padding-inline:24px;
  }
  .site-header nav {
    gap:17px;
    font-size:11px;
  }
  .brand {
    font-size:19px;
  }
  .chrono-mark {
    width:27px;
    height:27px;
  }
  .header-link {
    padding-left:17px;
    gap:10px;
    font-size:10px;
  }
  .shell {
    width:calc(100% - 48px);
  }
  .hero {
    grid-template-columns:1fr;
    gap:45px;
    padding-block:56px 68px;
  }
  .hero-copy {
    max-width:640px;
  }
  .hero h1 {
    font-size:80px;
    letter-spacing:-4.5px;
  }
  .hero-subtitle {
    font-size:29px;
  }
  .hero .eyebrow {
    font-size:10px;
  }
  .hero-description {
    font-size:14px;
  }
  .button {
    font-size:12px;
    padding:13px 17px;
  }
  .stream-console {
    max-width:620px;
    width:calc(100% - 18px);
    margin-bottom:14px;
  }
  .hero-feed {
    aspect-ratio:16/9;
  }
  .hero-coordinate {
    bottom:21px;
  }
  .team-section {
    padding-top:26px;
  }
  .authors {
    font-size:13px;
    gap:8px 16px;
  }
  .partner-row {
    margin-top:0;
  }
  .partner-logos {
    display:grid;
    grid-template-columns:minmax(0,1fr) auto minmax(0,.8fr) auto minmax(0,1fr);
    gap:clamp(8px,2vw,20px);
    width:100%;
  }
  .partner-logo img {
    width:100%;
    max-width:165px;
  }
  .split-heading {
    grid-template-columns:1fr;
    gap:24px;
  }
  .split-heading>p {
    max-width:580px;
    font-size:14px;
  }
  h2 {
    font-size:47px;
  }
  .section {
    padding-block:76px;
  }
  .stats-strip strong {
    font-size:37px;
  }
  .stats-strip>div {
    padding-left:20px;
  }
  .stats-strip>div>span {
    font-size:9px;
  }
  .capability-grid {
    grid-template-columns:1fr;
  }
  .capability {
    padding:28px;
    position:relative;
  }
  .capability+.capability {
    border-left:0;
    border-top:1px solid var(--line);
  }
  .capability-top {
    position:absolute;
    right:28px;
    top:28px;
    gap:24px;
  }
  .capability-top svg {
    width:33px;
    height:33px;
  }
  .capability-top .capability-number {
    display:none;
  }
  .capability h3 {
    font-size:27px;
  }
  .capability>p:not(.micro-label) {
    min-height:0;
    max-width:530px;
  }
  .capability ul {
    margin-top:20px;
    padding-top:20px;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:0 25px;
  }
  .capability li {
    font-size:12px;
  }
  .capability .micro-label {
    margin-bottom:18px;
  }
  .protocol-note p {
    font-size:11px;
  }
  .protocol-arrow {
    font-size:14px;
  }
  .embodiment-tabs button {
    font-size:10px;
    padding:15px 10px;
  }
  .embodiment-tabs button i {
    display:none;
  }
  .embodiment-panel {
    padding:22px;
  }
  .cameras {
    gap:8px;
  }
  .findings-grid {
    grid-template-columns:1fr;
  }
  .finding-card {
    padding:30px;
  }
  .ablation-numbers {
    gap:70px;
  }
  .ablation-numbers strong {
    font-size:62px;
  }
  .ablation-card .finding-footnote {
    margin-top:28px;
  }
  .resources-section {
    grid-template-columns:1fr;
    gap:40px;
  }
  .resources-intro>p:not(.eyebrow) {
    max-width:560px;
  }
  .citation-card pre {
    font-size:12px;
  }
  .figure-surface {
    padding:15px;
  }
  .footer>span {
    display:none;
  }
}

@media(max-width:540px) {
  html {
    scroll-padding-top:83px;
  }
  .shell {
    width:calc(100% - 36px);
  }
  .site-header {
    padding-inline:18px;
    height:66px;
  }
  .site-header nav {
    display:none;
  }
  .brand {
    font-size:19px;
  }
  .header-link {
    border-left:0;
    font-size:11px;
  }
  .hero {
    padding-top:45px;
    gap:36px;
  }
  .hero h1 {
    font-size:clamp(45px,11.8vw,63px);
    letter-spacing:-3.3px;
    margin-bottom:22px;
  }
  .hero .eyebrow {
    font-size:8px;
    letter-spacing:.06em;
    margin-bottom:21px;
  }
  .hero-subtitle {
    font-size:23px;
    letter-spacing:-.6px;
    margin-bottom:19px;
  }
  .hero-description {
    font-size:12px;
  }
  .action-row {
    gap:8px;
    margin-top:23px;
  }
  .button {
    font-size:10px;
    gap:14px;
    padding:12px;
  }
  .hero-jump {
    font-size:10px;
    margin-top:20px;
  }
  .stream-console {
    width:calc(100% - 10px);
    box-shadow:10px 10px 0 -1px var(--bg),10px 10px 0 0 #e2e9de;
  }
  .console-bar {
    font-size:8px;
    padding:12px;
  }
  .console-caption {
    font-size:10px;
    padding:10px 12px;
  }
  .console-timeline {
    padding-inline:12px;
  }
  .time-ticks {
    font-size:7px;
  }
  .team-heading {
    margin-bottom:17px;
  }
  .team-heading .micro-label {
    font-size:8px;
  }
  .team-heading>a {
    font-size:8px;
  }
  .authors {
    font-size:12px;
    gap:8px 13px;
  }
  .authors sup {
    font-size:8px;
  }
  .author-notes {
    font-size:9px;
    gap:15px;
  }
  .affiliations ol {
    columns:1;
    font-size:11px;
  }
  .partner-row {
    flex-direction:column;
    gap:18px;
    padding:19px;
  }
  .partner-row>.micro-label {
    text-align:center;
    font-size:8px;
  }
  .partner-row>.micro-label br {
    display:none;
  }
  .partner-logos {
    display:flex;
    flex-direction:column;
    gap:22px;
    width:100%;
    justify-content:center;
  }
  .partner-logo.gim-logo img {
    width:110px;
    height:65px;
  }
  .tianji-logo img {
    width:180px;
    height:46px;
    max-width:100%;
  }
  .szu-logo img {
    width:220px;
    height:64px;
    max-width:100%;
  }
  .partner-divider {
    display:none;
  }
  .section {
    padding-block:60px;
  }
  .eyebrow {
    font-size:9px;
    margin-bottom:21px;
  }
  h2 {
    font-size:37px;
    letter-spacing:-1.5px;
  }
  .split-heading {
    gap:21px;
  }
  .split-heading>p {
    font-size:12px;
    line-height:1.85;
  }
  .section-heading {
    margin-bottom:30px;
  }
  .stats-strip {
    grid-template-columns:1fr 1fr;
    padding-block:0;
    margin-bottom:30px;
  }
  .stats-strip>div {
    padding:21px 16px!important;
  }
  .stats-strip>div:nth-child(odd) {
    border-left:0;
    padding-left:0!important;
  }
  .stats-strip>div:nth-child(-n+2) {
    border-bottom:1px solid var(--line);
  }
  .stats-strip strong {
    font-size:38px;
  }
  .stats-strip>div>span {
    font-size:9px;
  }
  .figure-topline {
    padding:12px;
    gap:8px;
  }
  .figure-topline .micro-label {
    font-size:8px;
    letter-spacing:.015em;
  }
  .figure-zoom {
    font-size:8px;
  }
  .figure-zoom>span {
    margin-left:4px;
  }
  .figure-surface {
    padding:9px;
  }
  .paper-figure figcaption {
    padding:12px;
    font-size:10px;
    gap:12px;
    line-height:1.6;
  }
  .paper-figure figcaption>span {
    font-size:8px;
  }
  .capability {
    padding:24px;
  }
  .capability h3 {
    font-size:27px;
  }
  .capability ul {
    grid-template-columns:1fr;
  }
  .capability li {
    font-size:11px;
  }
  .capability-top {
    top:24px;
    right:24px;
  }
  .protocol-note {
    align-items:flex-start;
    gap:12px;
    padding-block:20px;
  }
  .protocol-note .status-dot {
    margin-top:7px;
  }
  .protocol-arrow {
    display:none;
  }
  .embodiment-tabs {
    grid-template-columns:1fr 1fr;
  }
  .embodiment-tabs button {
    padding:16px 13px;
    font-size:11px;
  }
  .embodiment-tabs button:nth-child(2) {
    border-right:0;
  }
  .embodiment-tabs button:nth-child(-n+2) {
    border-bottom:1px solid var(--line);
  }
  .embodiment-tabs button i {
    display:block;
  }
  .embodiment-panel {
    padding:15px;
  }
  .explorer-head {
    gap:13px;
    margin-bottom:20px;
    align-items:flex-start;
  }
  .explorer-head .micro-label {
    font-size:7px;
    letter-spacing:.03em;
    max-width:225px;
  }
  .explorer-head h3 {
    font-size:25px;
  }
  .explorer-head>div>p:last-child {
    font-size:11px;
  }
  .scenario-count {
    padding-left:12px;
  }
  .scenario-count strong {
    font-size:31px;
  }
  .scenario-count>span {
    font-size:8px;
  }
  .cameras {
    grid-template-columns:1fr 1fr;
    grid-template-rows:auto auto;
    max-height:none;
  }
  .camera-main {
    grid-column:span 2;
    grid-row:auto;
    aspect-ratio:4/3;
  }
  .camera-secondary {
    aspect-ratio:1/1;
  }
  .camera-label {
    font-size:7px;
    padding:4px 5px;
    top:7px;
    left:7px;
  }
  .single-camera {
    display:block;
  }
  .single-camera .camera {
    aspect-ratio:3/4;
  }
  .explorer-footer {
    font-size:7px;
    align-items:flex-start;
    gap:12px;
  }
  .explorer-footer>span:last-child {
    text-align:right;
    max-width:110px;
  }
  .explorer-footer .status-dot {
    width:4px;
    height:4px;
    margin-right:3px;
  }
  .finding-card {
    padding:22px;
  }
  .finding-card>.micro-label {
    font-size:8px;
    letter-spacing:.05em;
    margin-bottom:22px;
  }
  .finding-card h3 {
    font-size:30px;
  }
  .finding-description {
    font-size:11px;
  }
  .result-row {
    grid-template-columns:85px 1fr 51px;
    gap:9px;
  }
  .result-row>span {
    font-size:9px;
  }
  .result-row b {
    font-size:20px;
  }
  .ablation-numbers {
    gap:28px;
  }
  .ablation-numbers strong {
    font-size:48px;
  }
  .ablation-numbers strong span {
    font-size:10px;
  }
  .ablation-takeaway {
    font-size:12px;
  }
  .finding-footnote {
    font-size:8px;
  }
  .results-link {
    font-size:11px;
    gap:10px;
  }
  .resources-intro>p:not(.eyebrow) {
    font-size:12px;
  }
  .citation-card pre {
    font-size:9px;
    padding:16px;
  }
  .citation-heading {
    padding:16px;
  }
  .citation-heading .micro-label {
    font-size:9px;
  }
  .citation-heading button {
    font-size:9px;
  }
  .footer {
    padding-block:27px;
  }
  .footer>.brand {
    font-size:18px;
  }
  .footer>a:last-child {
    font-size:9px;
  }
  .footer>a:last-child span {
    margin-left:6px;
  }
  #figure-dialog {
    width:calc(100% - 20px);
    padding:47px 10px 12px;
    max-height:92vh;
  }
  #figure-caption {
    font-size:10px;
  }
}

@media(prefers-reduced-motion:reduce) {
  html {
    scroll-behavior:auto;
  }
  *,*::before,*::after {
    animation:none!important;
    transition:none!important;
  }
  .js .reveal {
    opacity:1;
    transform:none;
  }
}

.finding-card {
  min-width:0;
}

@media(max-width:360px) {
  .ablation-numbers {
    gap:20px;
  }
  .ablation-numbers strong {
    font-size:40px;
  }
  .ablation-numbers strong span {
    font-size:9px;
    margin-left:3px;
  }
  .result-row {
    grid-template-columns:80px 1fr 48px;
    gap:6px;
  }
  .figure-topline .micro-label {
    font-size:7px;
  }
}
/* Continuous video gallery */
.motion-section { padding:90px 0 56px; background:#f7faf5; border-bottom:1px solid var(--line); overflow:hidden; }
.motion-heading { display:flex; justify-content:space-between; align-items:end; gap:70px; margin-bottom:38px; }
.motion-description { max-width:390px; }
.motion-description p { font-size:14px; color:var(--muted); line-height:1.8; }
#gallery-toggle { display:inline-flex; gap:24px; align-items:center; background:#fff; color:var(--accent); padding:9px 13px; border:1px solid #d5e3cd; margin-top:20px; font:10px var(--mono); }
.video-wall { display:grid; gap:19px; padding-block:8px; }
.film-lane { overflow:hidden; padding-block:6px; mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent); }
.film-track { display:flex; width:max-content; animation:film-flow 80s linear infinite; will-change:transform; }
.film-lane:nth-child(2) .film-track { animation-direction:reverse; animation-duration:95s; }
.film-group { display:flex; gap:18px; padding-right:18px; }
.film-card { position:relative; display:block; width:315px; padding:0; background:white; border:1px solid #dce6d6; border-radius:5px; overflow:hidden; text-align:left; box-shadow:0 4px 14px #38512d08; transition:box-shadow .25s; }
.film-card:hover { box-shadow:0 5px 23px #4a704b1f; }
.film-card:focus-visible { outline-offset:2px; }
.film-image { position:relative; aspect-ratio:16/10; overflow:hidden; background:#eef3e9; }
.film-image video { width:100%; height:100%; object-fit:cover; }
.film-play { position:absolute; inset:0; display:flex; justify-content:center; align-items:center; background:#ffffff12; opacity:0; transition:opacity .2s; }
.film-play span { display:grid; place-items:center; width:42px; height:42px; background:#ffffffed; border:1px solid #ffffff; border-radius:50%; color:var(--accent); font-size:22px; box-shadow:0 3px 20px #17381420; }
.film-card:hover .film-play,.film-card:focus-visible .film-play { opacity:1; }
.film-caption { display:flex; justify-content:space-between; gap:12px; padding:12px 14px; align-items:center; }
.film-caption strong { display:block; font-size:13px; font-weight:500; color:var(--ink); }
.film-caption small { display:block; margin-top:2px; color:var(--muted); font:8px/1.6 var(--mono); }
.film-caption>span:last-child { font-size:17px; color:var(--accent); }
.film-lane:hover .film-track,.film-lane:focus-within .film-track,.gallery-paused .film-track { animation-play-state:paused; }
.motion-footer { display:flex; justify-content:space-between; gap:24px; margin-top:25px; font:9px/1.7 var(--mono); color:var(--muted); }
.motion-footer>a { color:var(--accent); }
.video-attribution { margin-top:14px; font-size:9px; color:#889781; }
.video-attribution a { text-decoration:underline; text-underline-offset:2px; }
@keyframes film-flow { from { transform:translateX(0); } to { transform:translateX(-50%); } }
#demo-dialog { width:min(950px,calc(100% - 36px)); max-height:94vh; padding:0; color:var(--ink); background:#fff; border:1px solid var(--line); box-shadow:0 25px 100px #263b2525; overflow:auto; }
#demo-dialog::backdrop { background:#edf4e9df; backdrop-filter:blur(9px); }
.demo-dialog-head { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:22px 25px; }
.demo-dialog-head h3 { font-size:26px; letter-spacing:-.5px; margin-top:5px; }
.demo-dialog-head .micro-label { font-size:9px; color:var(--accent); }
#demo-close { padding:8px 12px; background:var(--panel-light); color:var(--accent); font:11px var(--mono); white-space:nowrap; }
#demo-video { width:100%; max-height:65vh; background:#edf2e8; }
.demo-dialog-footer { display:flex; justify-content:space-between; gap:20px; padding:15px 25px; color:var(--muted); font:10px/1.6 var(--mono); }
.demo-dialog-footer a { color:var(--accent); }
@media(max-width:850px) { .motion-section { padding-top:70px; } .motion-heading { gap:35px; } .motion-description { max-width:280px; } .motion-description p { font-size:12px; } .film-card { width:285px; } }
@media(max-width:540px) { .motion-section { padding-block:60px 35px; } .motion-heading { display:block; margin-bottom:22px; } .motion-description { max-width:none; margin-top:22px; } .motion-description p { font-size:12px; } .film-card { width:240px; } .film-group { gap:12px; padding-right:12px; } .video-wall { gap:7px; } .film-caption { padding:10px 12px; } .film-caption strong { font-size:12px; } .film-caption small { font-size:7px; } .motion-footer { font-size:7px; gap:20px; } .motion-footer>a { text-align:right; } .video-attribution { font-size:8px; line-height:1.8; } .demo-dialog-head { padding:16px; } .demo-dialog-head h3 { font-size:23px; } .demo-dialog-footer { padding:12px 16px; font-size:8px; } }
@media(prefers-reduced-motion:reduce) { .film-track { animation:none; } .film-lane { overflow-x:auto; mask-image:none; } .film-group[aria-hidden="true"] { display:none; } }
.film-group { min-width:100vw; justify-content:space-around; }
.film-track:not(.gallery-ready) { animation:none; }
.film-lane:focus-within { overflow-x:auto; mask-image:none; }
.film-lane:focus-within .film-track { animation:none; transform:none; }
html:not(.js) .film-lane { overflow-x:auto; mask-image:none; }
.film-card { width:336px; flex-shrink:0; }
.film-card.square { width:240px; }
.film-card.portrait { width:205px; }
.film-image { height:190px; aspect-ratio:auto; }
.film-image video { object-fit:contain; }
.film-caption strong { font-size:12px; }
.film-caption small { font-size:7px; }
.film-card.portrait .film-caption { padding-inline:10px; }
@media(max-width:540px) { .film-card { width:260px; } .film-card.square { width:205px; } .film-card.portrait { width:180px; } .film-image { height:154px; } .film-caption strong { font-size:11px; } }

/* Keep the original RoboChrono artwork on a white background. */
.original-logo-board {
  display:flex;
  align-items:center;
  justify-content:center;
  width:64px;
  height:64px;
  flex-shrink:0;
  background:#fff;
  border-radius:5px;
}
.original-logo {
  display:block;
  width:64px;
  height:64px;
  object-fit:contain;
}
@media(max-width:850px) {
  .original-logo-board,.original-logo { width:52px; height:52px; }
}
@media(max-width:540px) {
  .original-logo-board,.original-logo { width:48px; height:48px; }
  .site-header .brand { gap:8px; }
}