:root{--ink:#17233c;--muted:#627088;--blue:#2457db;--teal:#087d73;--line:#dfe5ef;--tint:#f5f7fc;--radius:18px;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);background:#fff;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;line-height:1.65;font-size:16px}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}button,a,input,summary{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible,video:focus-visible,[tabindex]:focus-visible{outline:3px solid #f4a137;outline-offset:5px}button:disabled{cursor:wait}img,video{max-width:100%}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.18;letter-spacing:-.035em}h2{font-size:clamp(30px,3.4vw,43px);font-weight:650}h3{font-size:22px;letter-spacing:-.025em}.container{width:min(1160px,calc(100% - 64px));margin-inline:auto}.muted{color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;left:16px;top:-80px;background:var(--blue);color:white;padding:12px;z-index:20}.skip-link:focus{top:12px}.site-header{position:sticky;top:0;z-index:10;border-bottom:1px solid #e7ebf3;background:rgba(255,255,255,.95);backdrop-filter:blur(16px)}.nav{height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px}.wordmark{font-size:20px;letter-spacing:-.04em;font-weight:750;display:flex;align-items:center;color:var(--ink)}.wordmark span:not(.brand-mark){font-weight:450;color:var(--muted)}.brand-mark{display:flex;gap:3px;align-items:flex-end;margin-right:10px;height:22px}.brand-mark i{display:block;width:5px;background:var(--blue);border-radius:2px;height:10px}.brand-mark i:nth-child(2){height:16px}.brand-mark i:nth-child(3){height:22px}.nav-links{display:flex;gap:30px}.nav-links a,.nav-paper{font-size:14px;font-weight:600;color:var(--muted)}.nav-links a:hover,.nav-links a.active{color:var(--blue)}.nav-paper{color:var(--blue)}.nav-paper span{margin-left:8px}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:750;color:var(--blue);margin-bottom:16px}.hero{text-align:center;padding-top:67px;padding-bottom:44px}.hero>.eyebrow{display:flex;align-items:center;justify-content:center;gap:8px;font-size:11px}.eyebrow>span{width:6px;height:6px;border-radius:50%;background:var(--blue)}.hero h1{font-size:clamp(48px,6.3vw,78px);letter-spacing:-.055em;font-weight:780;color:var(--blue);margin-bottom:16px}.hero h1 span{color:var(--ink);font-weight:500}.paper-title{font-size:clamp(22px,2.5vw,30px);line-height:1.35;font-weight:560;letter-spacing:-.025em;max-width:930px;margin:0 auto 27px}.authors{display:flex;flex-wrap:wrap;gap:4px 18px;justify-content:center;font-size:16px;font-weight:550}.authors sup{font-weight:450;font-size:10px;margin-left:3px;color:var(--muted)}.affiliations{display:flex;flex-wrap:wrap;justify-content:center;gap:0 20px;margin-top:9px;font-size:13px;color:var(--muted)}.affiliations sup{font-size:9px}.author-note{font-size:12px;color:var(--muted);margin-top:8px}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:25px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:10px 18px;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:#fff;font-size:14px;font-weight:600;line-height:1.5;transition:background .2s,transform .2s}.button svg{height:17px;width:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.button:hover{background:#eef3ff;text-decoration:none;transform:translateY(-1px)}.button-primary{background:var(--blue);border-color:var(--blue);color:white;box-shadow:0 4px 12px #2457db22}.button-primary:hover{background:#1747c3}.button-text{border-color:transparent;background:transparent;color:var(--blue)}.button-text span{font-size:21px;line-height:1}.showcase{display:grid;grid-template-columns:.92fr 1.08fr;border-radius:var(--radius);overflow:hidden;background:#edf2fc;border:1px solid #dce5f7}.showcase-copy{padding:36px 38px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.showcase-copy .eyebrow{font-size:10px;letter-spacing:.13em;margin-bottom:19px}.showcase-copy h2{font-size:clamp(32px,3.35vw,43px);letter-spacing:-.045em;line-height:1.12;margin-bottom:20px}.showcase-copy h2 span{color:var(--blue)}.showcase-copy>p:not(.eyebrow){color:#566681;max-width:380px;font-size:15px;line-height:1.7}.inline-link{font-size:14px;font-weight:650;margin-top:18px}.inline-link span{margin-left:12px}.showcase-meta{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:11px;margin-top:30px}.live-dot{width:5px;height:5px;background:var(--teal);border-radius:50%}.meta-divider{opacity:.5;margin-inline:3px}.showcase-media{position:relative;display:flex;flex-direction:column;background:#182332;justify-content:center}.showcase-media video{display:block;width:100%;aspect-ratio:4/3;object-fit:contain}.video-caption{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 18px;color:#f7f9ff;font-size:12px;background:#172231}.video-caption .muted{color:#a5b3c8}.speed-badge{font-size:11px;border:1px solid #657488;border-radius:4px;white-space:nowrap;padding:1px 6px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);padding-block:31px;border-bottom:1px solid var(--line);gap:30px}.metrics>div{padding-left:25px;border-left:1px solid var(--line)}.metrics>div:first-child{padding-left:0;border-left:0}.metrics strong{font-size:34px;line-height:1.2;display:block;letter-spacing:-.05em;font-weight:650}.metrics small{font-size:20px;letter-spacing:-.03em}.metrics span{display:block;color:var(--muted);font-size:12px;line-height:1.5;margin-top:6px}.section{padding-block:78px}.section-tint{background:var(--tint);border-block:1px solid #e9edf4}.section-heading{margin-bottom:25px}.section-heading .eyebrow{margin-bottom:13px}.lead{font-size:17px;color:#56627a;line-height:1.85;max-width:1020px}.lead strong{color:var(--ink);font-weight:600}.paper-figure{margin-top:30px}.figure-button{width:100%;display:block;position:relative;border:1px solid var(--line);background:#fff;padding:13px;border-radius:12px;overflow:hidden}.figure-button:hover{border-color:#9db3e9}.figure-crop{display:block;overflow:hidden;aspect-ratio:1404/457}.figure-crop img{display:block;width:100%;max-width:none;height:auto;margin-top:-3.3%}.zoom-hint{display:block;text-align:right;color:var(--muted);font-size:11px;padding-top:9px}.paper-figure figcaption{font-size:13px;line-height:1.65;color:var(--muted);margin-top:13px;max-width:1000px}.method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:36px}.method-grid article{border-top:2px solid #b3c6f3;padding-top:19px}.step-number{font-size:11px;letter-spacing:.11em;font-weight:650;color:var(--blue)}.method-grid h3{font-size:20px;margin-block:13px 12px}.method-grid p{font-size:14px;line-height:1.85;color:#5a6780}.method-figure{margin-top:37px}.method-detail{margin-top:22px;padding:15px 19px;background:#eaf0fa;border-radius:8px;font-size:14px;color:#506078}.method-detail summary{font-weight:600;cursor:pointer;color:var(--ink)}.method-detail p{padding-top:12px;line-height:1.8}.heading-split{display:flex;align-items:flex-end;justify-content:space-between;gap:32px}.heading-split>p{font-size:14px;line-height:1.7;color:var(--muted)}.demo-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:34px 0 22px}.tabs{display:flex;border:1px solid var(--line);border-radius:9px;background:var(--tint);padding:4px;gap:4px}.tabs button{border:none;border-radius:6px;background:transparent;color:var(--muted);padding:9px 15px;font-size:14px;font-weight:600;white-space:nowrap}.tabs button[aria-selected=true]{background:var(--blue);color:#fff;box-shadow:0 2px 6px #1b428226}.tabs button:hover:not([aria-selected=true]){background:#e4eaf6;color:var(--ink)}.demo-count{font-size:12px;color:var(--muted)}.demo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.demo-card{border-radius:11px;overflow:hidden;background:var(--tint);border:1px solid var(--line)}.demo-card video{width:100%;display:block;aspect-ratio:4/3;object-fit:contain;background:#172231}.demo-card>div{display:flex;align-items:center;justify-content:space-between;padding:13px 15px}.demo-card h3{font-size:15px;font-weight:600;letter-spacing:-.015em}.demo-card>div>span{font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums}.result-heading{display:flex;justify-content:space-between;gap:18px;align-items:baseline;margin:38px 0 17px}.result-heading h3{font-size:23px}.result-heading>span{color:var(--muted);font-size:12px}.table-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:10px;background:#fff}.results-table{width:100%;border-collapse:collapse;font-size:14px;white-space:nowrap;font-variant-numeric:tabular-nums}.results-table th,.results-table td{padding:19px 17px;text-align:center;border-bottom:1px solid #e5eaf3}.results-table thead th{font-weight:650;font-size:12px;background:#ecf0f8;line-height:1.65}.results-table small{display:block;font-weight:450;color:var(--muted);font-size:11px}.results-table th:first-child{text-align:left;padding-left:22px}.results-table tbody th{font-size:15px;font-weight:650}.results-table td{color:#66728a}.results-table td strong{color:var(--ink);font-weight:650}.results-table td span{color:#9aa5b6;margin:0 4px}.results-table tbody tr:last-child>*{border-bottom:0}.results-table td.positive{color:var(--teal);font-weight:650}.data-note{font-size:12px;color:var(--muted);line-height:1.8;margin-top:13px}.one-step-block{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;margin:52px 0 62px;padding:34px 0;border-block:1px solid var(--line)}.one-step-block h3{font-size:30px;line-height:1.2}.one-step-block>div>p:not(.eyebrow){font-size:14px;line-height:1.8;color:var(--muted);margin-top:15px}.chart-legend{display:flex;gap:18px;font-size:11px;color:var(--muted);margin-top:24px}.chart-legend span{display:flex;align-items:center;gap:6px}.chart-legend i{width:10px;height:10px;display:inline-block;border-radius:2px}.legend-base{background:#b7c3d6}.legend-ours{background:var(--blue)}.bar-group+.bar-group{margin-top:18px}.bar-title{display:flex;justify-content:space-between;font-size:12px;margin-bottom:7px}.bar-title span{color:var(--teal);font-weight:600}.bar-row{display:grid;grid-template-columns:1fr 58px;align-items:center;gap:12px;font-size:11px;line-height:1.4;margin-top:3px;font-variant-numeric:tabular-nums}.bar{width:var(--value);height:9px;border-radius:0 3px 3px 0}.bar.base{background:#b7c3d6}.bar.ours{background:var(--blue)}.bar-row>span{text-align:right;color:#52617a}.chart-axis{font-size:10px!important;margin-top:14px!important;line-height:1.5!important}.citation-section{max-width:1030px}.citation-section .section-heading{margin-bottom:22px}.citation-section pre{margin:0;background:#17233b;color:#dbe7ff;padding:28px 30px;border-radius:12px;overflow:auto;font-size:13px;line-height:1.8;tab-size:2}.citation-section code{font-family:Consolas,"SFMono-Regular",monospace}.copy-button{white-space:nowrap}.copy-status{min-height:22px;font-size:12px;color:var(--teal);margin-top:8px}.site-footer{padding-block:30px;border-top:1px solid var(--line)}.site-footer>.container{display:flex;align-items:center;justify-content:space-between;gap:20px}.site-footer .wordmark{font-size:16px}.site-footer p,.site-footer>.container>a:last-child{font-size:12px;color:var(--muted)}dialog{width:min(1450px,96vw);max-height:92vh;border:0;border-radius:12px;padding:0;box-shadow:0 25px 80px #101a3a44}dialog::backdrop{background:#10182bb8;backdrop-filter:blur(5px)}.dialog-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:15px 22px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#fff;z-index:1}.dialog-toolbar h2{font-size:17px;letter-spacing:-.02em}.dialog-toolbar button{border:1px solid var(--line);border-radius:6px;background:var(--tint);padding:5px 10px;font-size:13px;white-space:nowrap}.dialog-image-wrap{overflow:auto}.dialog-image-wrap img{display:block;width:100%;height:auto}body.dialog-open{overflow:hidden}
@media(min-width:1500px){.hero{padding-top:80px;padding-bottom:50px}}
@media(max-width:1000px){.container{width:calc(100% - 44px)}.showcase-copy{padding:26px}.showcase-copy h2{font-size:34px}.showcase-copy>p:not(.eyebrow){font-size:14px}.showcase-meta{margin-top:20px}.metrics{gap:18px}.metrics>div{padding-left:18px}.metrics strong{font-size:29px}.metrics small{font-size:17px}.metrics span{font-size:11px}.method-grid{gap:22px}.demo-grid{gap:17px}.results-table th,.results-table td{padding:17px 13px}.one-step-block{gap:40px}.authors{font-size:15px}.affiliations{font-size:12px}}
@media(max-width:760px){html{scroll-padding-top:74px}.nav{height:62px;gap:12px}.nav-links{gap:17px}.nav-links a{font-size:12px}.nav-paper{display:none}.wordmark{font-size:17px}.brand-mark{transform:scale(.85);margin-right:6px}.hero{padding-top:42px;padding-bottom:30px}.hero h1{font-size:56px}.paper-title{font-size:24px}.desktop-break{display:none}.authors{gap:4px 14px;font-size:14px}.affiliations{display:block;font-size:11px}.affiliations span{display:inline-block;margin-inline:5px}.author-note{font-size:11px}.hero-actions{gap:8px}.button{font-size:13px;padding:10px 14px}.hero-actions .button-text{flex-basis:100%;padding-block:4px}.showcase{grid-template-columns:1fr}.showcase-copy{padding:28px 30px}.showcase-copy h2{font-size:36px}.showcase-copy h2 br{display:none}.showcase-copy h2 span{display:block}.showcase-copy>p:not(.eyebrow){max-width:100%}.showcase-meta{display:none}.showcase-copy .eyebrow{font-size:9px;margin-bottom:14px}.showcase-media video{max-height:440px}.metrics{grid-template-columns:repeat(2,1fr);gap:22px 20px;padding-block:25px}.metrics>div:nth-child(3){border-left:0;padding-left:0}.metrics strong{font-size:30px}.section{padding-block:52px}.lead{font-size:16px;line-height:1.8}.method-grid{grid-template-columns:1fr;gap:25px;margin-top:28px}.method-grid article{padding-top:14px}.method-grid h3{margin-block:9px}.method-grid p{font-size:14px}.heading-split{display:block}.heading-split>p{margin-top:17px;font-size:13px}.demo-toolbar{margin-top:24px;display:block}.demo-count{display:none}.tabs{width:fit-content;max-width:100%;gap:2px;padding:3px}.tabs button{font-size:12px;padding:9px 12px}.demo-grid{grid-template-columns:repeat(2,1fr);gap:14px}.demo-card>div{padding:10px 12px}.demo-card h3{font-size:13px}.demo-card>div>span{display:none}.result-heading{display:block;margin-top:29px}.result-heading>span{display:block;margin-top:7px}.results-table{font-size:12px}.results-table tbody th{font-size:13px}.one-step-block{grid-template-columns:1fr;gap:28px;margin:34px 0 40px;padding-block:26px}.one-step-block h3{font-size:26px}.chart-legend{margin-top:16px}.citation-section .heading-split{display:flex;align-items:center;gap:15px}.citation-section pre{padding:22px 18px;font-size:11px}.site-footer>.container{flex-wrap:wrap;gap:12px}.site-footer p{display:none}.figure-button{padding:5px 5px 8px;border-radius:8px}.paper-figure figcaption{font-size:11px}.zoom-hint{font-size:10px;padding-right:6px}.dialog-toolbar{padding:12px}.dialog-toolbar h2{font-size:14px}.dialog-image-wrap img{min-width:850px}.dialog-image-wrap{max-height:78vh}}
@media(max-width:420px){.container{width:calc(100% - 32px)}.nav-links{gap:12px}.nav-links a{font-size:11px}.nav-links a:last-child{display:none}.hero h1{font-size:48px}.paper-title{font-size:21px}.hero>.eyebrow{font-size:9px;letter-spacing:.09em}.showcase-copy{padding:24px}.showcase-copy h2{font-size:32px}.tabs{width:100%}.tabs button{flex:1;padding:9px 7px;font-size:11px}.demo-grid{gap:12px}.video-caption{font-size:10px;padding:10px 12px}.speed-badge{font-size:10px}.metrics span{font-size:11px}.method-detail{font-size:13px;padding:14px}.citation-section .button{font-size:11px;padding:9px 11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* Lab names replace the header icon and stack above the project name on mobile. */
.wordmark--labs { gap: 12px; white-space: nowrap; }
.wordmark.wordmark--labs .lab-names { font-size: 15px; font-weight: 650; letter-spacing: .01em; color: var(--blue); }
.wordmark.wordmark--labs .brand-divider { color: #a5b3c8; }
.wordmark.wordmark--labs .brand-project { font-weight: 750; color: var(--ink); }
@media (max-width: 760px) {
  .wordmark--labs { flex-direction: column; align-items: flex-start; gap: 3px; line-height: 1.2; }
  .wordmark.wordmark--labs .lab-names { font-size: 11px; }
  .wordmark--labs .brand-divider { display: none; }
}

/* A full-width stage keeps both halves of the 1920 × 720 comparison readable. */
.showcase--comparison { display: block; }
.showcase--comparison .showcase-copy {
  display: grid;
  grid-template-columns: 1.15fr 1fr;
  align-items: center;
  gap: 38px;
  padding: 27px 34px 29px;
}
.showcase--comparison .showcase-copy .eyebrow { margin-bottom: 12px; }
.showcase--comparison .showcase-copy h2 {
  font-size: clamp(27px, 2.7vw, 34px);
  line-height: 1.2;
  margin: 0;
}
.showcase-summary p { font-size: 14px; line-height: 1.75; color: #566681; }
.showcase-summary .inline-link { display: inline-block; margin-top: 10px; font-size: 13px; }
.showcase--comparison .showcase-media video {
  width: 100%;
  height: auto;
  max-height: none;
  aspect-ratio: 8 / 3;
  object-fit: contain;
}
.showcase--comparison .video-caption { padding: 12px 20px; }
.comparison-key { color: #d9e4f7; font-size: 11px; }
.comparison-key span { margin: 0 9px; color: #98b4eb; }
@media (max-width: 760px) {
  .showcase--comparison .showcase-copy { grid-template-columns: 1fr; gap: 16px; padding: 23px 24px; }
  .showcase--comparison .showcase-copy h2 { font-size: 29px; }
  .showcase--comparison .showcase-copy h2 br { display: initial; }
  .showcase-summary p { font-size: 13px; }
  .showcase--comparison .video-caption { flex-wrap: wrap; gap: 7px 12px; padding: 11px 13px; }
  .showcase--comparison .comparison-key { order: 3; flex-basis: 100%; font-size: 10px; }
  .showcase--comparison .speed-badge { margin-left: auto; }
}
@media (max-width: 420px) {
  .showcase--comparison .showcase-copy { padding: 21px 20px; }
  .showcase--comparison .showcase-copy h2 { font-size: 26px; }
}
