﻿:root{--ink:#15191b;--muted:#60686b;--paper:#fff;--soft:#f5f6f5;--line:#dde1de}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif}main,footer{width:min(1080px,calc(100% - 40px));margin:auto}header{height:70px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font:700 12px 'DM Mono',monospace;letter-spacing:.09em;color:inherit;text-decoration:none}nav{display:flex;gap:20px}nav a{color:#566064;text-decoration:none;font-size:.78rem}.hero{text-align:center;padding:93px 0 85px}.hero-title-logo{display:block;width:auto;max-width:480px;margin:0 auto 30px}.hero h1{max-width:780px;margin:0 auto 22px;font-size:clamp(1.45rem,2.9vw,2.1rem);letter-spacing:-.05em;line-height:1.18;font-weight:600;color:#374146}.authors{font-size:1rem;margin:0 0 9px}.affiliation{font-size:.82rem;color:var(--muted);margin:0}.links{display:flex;justify-content:center;gap:10px;margin-top:27px}.links a{border:1px solid var(--ink);border-radius:5px;padding:10px 16px;color:inherit;text-decoration:none;font-weight:700;font-size:.82rem}.links a:first-child{background:var(--ink);color:white}.benchmark{display:flex;align-items:center;gap:13px;width:max-content;margin:31px auto 0;padding:10px 16px 10px 13px;text-align:left;border:1px solid #cbd9d2;border-radius:8px;background:#f3faf6;color:inherit;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease}.benchmark:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(22,103,69,.12)}.benchmark-label{font:500 9px 'DM Mono',monospace;letter-spacing:.09em;text-transform:uppercase;color:#4f7162}.benchmark strong{display:block;padding-right:13px;border-right:1px solid #bdd1c5;font-size:2rem;line-height:1;color:#166745}.benchmark b{display:block;font-size:.85rem}.benchmark small{display:block;margin-top:2px;font-size:.69rem;color:#597066}section{padding:75px 0;border-top:1px solid var(--line)}h2{margin:0 0 22px;font-size:clamp(1.75rem,3.4vw,2.65rem);letter-spacing:-.05em}.abstract{max-width:870px;margin:0;font-size:1.04rem;line-height:1.85}.section-intro{max-width:850px;margin:0 0 31px;color:#4f5a5e;font-size:.98rem;line-height:1.75}figure{margin:0;border:1px solid var(--line);background:#fafafa}figure img{display:block;width:100%;height:auto}figcaption{padding:13px 16px;color:var(--muted);font-size:.77rem;line-height:1.55;border-top:1px solid var(--line)}.method-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:28px}.method-steps article{border-top:2px solid var(--ink);padding-top:13px}.method-steps span{font:11px 'DM Mono',monospace;color:var(--muted)}.method-steps h3{margin:8px 0 5px;font-size:.95rem}.method-steps p{margin:0;color:var(--muted);font-size:.82rem;line-height:1.6}.video-frame{position:relative;overflow:hidden;aspect-ratio:16/9;background:#1f282d}.fallback{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:21px;color:white;background:radial-gradient(circle at 28% 20%,#69a697 0,transparent 25%),linear-gradient(135deg,#13282b,#355c55)}.fallback span{font:500 10px 'DM Mono',monospace;letter-spacing:.12em}.fallback b{margin-top:7px;font-size:1rem}.fallback.amber{background:linear-gradient(135deg,#ffc77d,#a95341)}.fallback.blue{background:linear-gradient(135deg,#80d0ed,#245a9a)}.fallback.pink{background:linear-gradient(135deg,#ebb2cc,#754060)}.fallback.green{background:linear-gradient(135deg,#bfda81,#386856)}video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.featured{margin-bottom:37px}.featured h3,.video-grid h3{margin:10px 0 0;font-size:.92rem}.video-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px 20px}pre{margin:0;overflow:auto;background:var(--soft);padding:22px;font:12px/1.7 'DM Mono',monospace}footer{padding:30px 0 45px;color:var(--muted);font-size:.78rem}@media(max-width:680px){main,footer{width:min(100% - 30px,1080px)}header{height:auto;align-items:flex-start;padding:20px 0;gap:15px}nav{gap:11px;flex-wrap:wrap;justify-content:flex-end}.hero{padding:68px 0 60px}.hero h1{font-size:2.15rem}.method-steps,.video-grid{grid-template-columns:1fr}section{padding:60px 0}}
.brand{display:inline-flex;align-items:center;gap:8px}.brand img{width:27px;height:27px;object-fit:contain}
.overview{padding:96px 0}.kicker{margin:0 0 16px;font:500 11px "DM Mono",monospace;letter-spacing:.13em;text-transform:uppercase}.overview-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:76px;align-items:start}.overview h2{margin:0;font-size:clamp(1.85rem,3.5vw,3.25rem);letter-spacing:-.06em;line-height:1.08}.overview-grid p{margin:0 0 15px;color:#4f5a5e;line-height:1.75;font-size:.98rem}.capabilities{display:flex;flex-wrap:wrap;gap:9px;margin-top:38px}.capabilities span{border:1px solid var(--line);border-radius:99px;padding:9px 13px;font-size:.78rem;font-weight:600}.overview-demo{position:relative;width:100%;max-width:1040px;margin:0 auto 56px;aspect-ratio:16/9;background:var(--soft);border:1px solid var(--line);border-radius:12px;overflow:hidden}.overview-demo iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}@media(max-width:680px){.overview{padding:67px 0}.overview-grid{grid-template-columns:1fr;gap:21px}.overview-demo{margin-bottom:36px}}
.brand img{width:31px;height:31px}.fallback b{font-weight:600;opacity:.92}.method-figure{margin:32px 0}.method-figure img{width:100%;height:auto;display:block;border:1px solid var(--line);border-radius:9px;background:var(--soft)}.method-figure figcaption{margin-top:9px;font-size:.82rem;color:var(--muted);text-align:center;line-height:1.5}.results-category{margin-top:46px}.results-category:first-of-type{margin-top:18px}.results-category h3{margin:0 0 8px;font-size:1.4rem;letter-spacing:-.02em;font-weight:700}.category-desc{margin:0 0 22px;color:var(--muted);font-size:.88rem}.case-row{display:grid;grid-template-columns:78px 1fr;gap:22px;margin-bottom:24px;padding:18px 0 22px;border-top:1px solid var(--line)}.case-row:last-child{margin-bottom:0}.case-label{font:500 11px 'DM Mono',monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding-top:14px}.case-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px}.media-cell{margin:0}.media-cell figcaption{margin-top:9px;font-size:.78rem;color:var(--muted);text-align:center;letter-spacing:.04em}.media-frame{position:relative;width:100%;aspect-ratio:16/9;background:var(--soft);border:1px solid var(--line);border-radius:9px;overflow:hidden}.input-cell .media-frame{border-style:dashed;border-color:#b9c4ca;background:#f9fafb}.output-cell .media-frame{border-color:#222;border-style:solid;background:#1a1f22}.media-cell img,.media-cell video{position:absolute;inset:0;width:100%;height:100%;display:block}.media-cell img{object-fit:contain}.media-cell video{object-fit:contain}.case-label-mobile{display:none}@media(max-width:780px){.case-row{grid-template-columns:1fr;gap:6px;padding:14px 0 18px}.case-label{padding:0;font-size:10px}.case-pair{grid-template-columns:1fr;gap:14px}}
