:root{--bg:#0c1012;--panel:#141a1d;--line:#2b3337;--text:#edf1ed;--muted:#9da9ad;--accent:#a6e2dc;--warm:#d0c9b7;--sans:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:94px;color-scheme:dark}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.5 var(--sans);-webkit-font-smoothing:antialiased}body:has(dialog[open]){overflow:hidden}h1,h2,h3,p{margin:0}button,input,select{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{border:1px solid var(--line);background:transparent;border-radius:4px;padding:9px 14px}button:hover{border-color:var(--muted)}button:disabled{opacity:.5;cursor:wait}img,video{display:block;max-width:100%}[hidden]{display:none!important}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.sr-only{position:absolute;width:1px;height:1px;clip:rect(0,0,0,0);overflow:hidden}.skip{position:fixed;top:-100px;left:20px;z-index:100;background:var(--text);color:var(--bg);padding:12px}.skip:focus{top:10px}.muted{color:var(--muted)}.eyebrow,.tiny{font-size:10px;letter-spacing:1.6px;line-height:1.6;font-weight:500}.eyebrow{color:var(--accent)}.tiny{color:var(--muted)}
.site-header{min-height:76px;padding:0 4%;display:flex;align-items:center;gap:28px;border-bottom:1px solid var(--line);background:#0c1012f2;backdrop-filter:blur(12px);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;font-size:24px;font-weight:650;letter-spacing:-1.3px;white-space:nowrap}.brand span{font-weight:350;color:#b5c2c4;margin-left:4px}.brand svg{height:32px;width:32px;fill:none;stroke:currentColor;stroke-width:1.2;margin-right:11px}.site-header nav{display:flex;gap:27px;margin:auto;font-size:12px;color:var(--muted)}.site-header nav a:hover{color:var(--text)}.prototype-label{font-size:8px;letter-spacing:1.2px;color:var(--muted);border:1px solid var(--line);padding:4px 7px}.motion-toggle{font-size:11px;border:0;padding:6px;white-space:nowrap}.page{width:min(1440px,92%);margin:auto}.hero{padding-top:48px}.hero-heading{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:32px}.hero h1{font-size:clamp(48px,5.3vw,82px);font-weight:550;letter-spacing:-4px;line-height:1.02;margin-top:18px}.hero h1 em{font-style:normal;color:var(--accent)}.hero-intro{padding:0 0 4px;max-width:310px;color:var(--muted);font-size:14px;line-height:1.8}.hero-intro a{display:flex;justify-content:space-between;gap:25px;margin-top:26px;font-size:12px;color:var(--text);border-bottom:1px solid #627170;padding-bottom:8px}.hero-demo{background:#080c0d;border:1px solid #405251;overflow:hidden;border-radius:6px}.hero-pair{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line)}.hero-screen{background:#05090b;position:relative;min-width:0}.screen-heading{height:39px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;gap:8px;font-size:10px;color:var(--muted);background:#141c1e}.role-label{font-size:10px;letter-spacing:1.3px;color:var(--text)}.hero-screen:last-child .role-label{color:var(--accent)}.hero-screen video{width:100%;aspect-ratio:16/9;object-fit:contain}.screen-status{position:absolute;bottom:12px;left:12px;font-size:10px;background:#071012cc;padding:2px 7px;border-radius:3px}.screen-status:empty{display:none}.hero-caption{padding:22px 25px;display:flex;justify-content:space-between;align-items:center;gap:20px;background:#172121}.hero-caption h2{font-size:26px;letter-spacing:-.9px;font-weight:500;margin:5px 0}.hero-caption p{font-size:12px;color:#b0c2bf}.round-link{border:1px solid #627774;border-radius:50%;width:45px;height:45px;padding:0;font-size:25px;flex-shrink:0}.round-link:hover{background:var(--accent);color:var(--bg)}.demo-bottom{padding:9px 25px;display:flex;justify-content:space-between;align-items:center;gap:16px;border-top:1px solid #2a3938;color:#9caead;font-size:8px;letter-spacing:1px;background:#141c1c}.demo-bottom button{font-size:10px;letter-spacing:0;border:0;padding:2px;white-space:nowrap}.story-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:18px 0 0}.story-choices button{display:flex;align-items:center;gap:16px;text-align:left;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:8px 0 16px;color:var(--muted)}.story-choices button[aria-pressed=true]{border-color:var(--accent);color:var(--text)}.story-choices img{width:76px;aspect-ratio:16/9;object-fit:contain;border-radius:3px}.story-choices small{display:block;font-size:9px;letter-spacing:.8px;color:var(--muted);margin-bottom:4px}.story-choices span{font-size:14px}.choice-arrow{margin-left:auto;padding-right:8px}.gallery{padding-top:88px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px}.section-heading h2{font-size:clamp(34px,3.5vw,50px);font-weight:500;letter-spacing:-2px;margin-top:12px;line-height:1.1}.section-heading>p{font-size:12px;line-height:1.8;color:var(--muted)}.gallery-tools{display:flex;align-items:center;justify-content:space-between;gap:20px;border-block:1px solid var(--line);padding:14px 0}.category-tabs{display:flex;gap:5px;flex-wrap:wrap}.category-tabs button{font-size:11px;border-color:transparent;padding:8px 11px;color:var(--muted);white-space:nowrap}.category-tabs button[aria-pressed=true]{background:var(--text);color:var(--bg)}.category-tabs button span{opacity:.55;margin-left:4px}.search{display:flex;gap:9px;align-items:center;color:var(--muted);max-width:200px}.search>span{font-size:24px}.search input{min-width:0;width:100%;border:0;background:none;padding:8px 0;font-size:12px;outline-offset:2px}.gallery-meta{display:flex;justify-content:space-between;gap:15px;margin:20px 0 24px;font-size:10px;color:var(--muted)}.gallery-meta i{font-style:normal;color:var(--accent);padding:0 7px}.task-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:22px;row-gap:34px}.task-card{border:0;padding:0;text-align:left;border-radius:0;display:block;min-width:0;background:none}.card-visual{position:relative;border:1px solid var(--line);border-radius:5px;overflow:hidden;background:#06090a;aspect-ratio:16/9}.card-visual video{width:100%;height:100%;object-fit:contain}.card-visual:after{content:'';position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff05;pointer-events:none}.card-phase{position:absolute;left:10px;top:10px;display:flex;gap:2px;background:#071012d9;padding:3px;border:1px solid #ffffff20;border-radius:3px}.card-phase span{font-size:8px;letter-spacing:.8px;padding:3px 6px;color:#9ca8aa}.card-phase span.active{background:#edf1ed;color:#101719;border-radius:1px}.card-phase span.active[data-phase=target]{background:var(--accent)}.card-arrow{position:absolute;right:10px;bottom:10px;font-size:20px;line-height:28px;text-align:center;background:#091012cc;width:30px;border:1px solid #ffffff40;border-radius:50%;opacity:0;transition:opacity .15s}.task-card:hover .card-arrow,.task-card:focus-visible .card-arrow{opacity:1}.task-card:hover .card-visual{border-color:#89aaa6}.card-visual .card-status{position:absolute;bottom:8px;left:10px;background:#091012d9;padding:2px 6px;font-size:9px;color:var(--muted)}.card-status:empty{display:none}.card-copy{padding-top:13px}.card-meta{display:flex;justify-content:space-between;gap:10px;font-size:8px;letter-spacing:1px;text-transform:uppercase;color:var(--muted)}.card-copy h3{font-weight:500;font-size:19px;letter-spacing:-.5px;margin:7px 0}.card-copy p{font-size:11px;line-height:1.65;color:var(--muted);max-width:95%}.gallery-end{display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:1px solid var(--line);margin-top:35px;padding:26px 0;color:var(--muted);font-size:11px}.gallery-end a{font-size:12px;color:var(--text);display:flex;gap:30px;border-bottom:1px solid var(--line);padding-bottom:8px}.empty{padding:70px;text-align:center;color:var(--muted)}.empty button{display:block;margin:20px auto}.evidence{padding:70px 0;border-top:1px solid var(--line);margin-top:45px}.evidence-body{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center;margin:25px 0 45px}.evidence h2{font-size:52px;font-weight:500;line-height:1.1;letter-spacing:-2.5px}.evidence-body p{font-size:14px;line-height:1.9;color:var(--muted);max-width:450px}.primary-link{display:inline-flex;gap:50px;justify-content:space-between;background:var(--text);color:var(--bg);padding:12px 17px;border-radius:3px;margin-top:24px;font-size:12px}.scope-line{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);padding-top:25px;gap:24px;color:var(--muted);font-size:11px}.scope-line strong{display:block;font-size:33px;color:var(--text);font-weight:400;letter-spacing:-1px;margin-bottom:4px}footer{border-top:1px solid var(--line);padding:34px 4%;display:flex;align-items:center;flex-wrap:wrap;gap:30px;color:var(--muted);font-size:11px}footer .brand{margin-right:auto}footer .local-note{width:100%;font-size:9px;letter-spacing:.7px}
dialog{width:min(1250px,96vw);max-width:none;max-height:94dvh;height:94dvh;padding:0;background:var(--bg);color:var(--text);border:1px solid #50605e;border-radius:8px;box-shadow:0 25px 100px #0009}dialog::backdrop{background:#030809c9;backdrop-filter:blur(6px)}.detail-bar{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;padding:16px 30px;background:#0c1012f5;border-bottom:1px solid var(--line);font-size:9px;letter-spacing:1.2px}.detail-bar button{font-size:11px;border:0;padding:0}.detail-bar button span{font-size:21px;margin-left:15px;vertical-align:middle}#detail-body{padding:30px}.detail-top{display:flex;justify-content:space-between;align-items:start;gap:24px;margin-bottom:26px}.detail-top h2{font-size:42px;letter-spacing:-1.7px;line-height:1.1;font-weight:500;margin:12px 0}.detail-top p{font-size:13px;color:var(--muted);max-width:700px;line-height:1.8}.detail-top .tiny{font-size:9px}.detail-skip{font-size:11px;border-bottom:1px solid var(--line);padding-bottom:6px;white-space:nowrap;margin-top:30px}.detail-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}.detail-pair .hero-screen{border:1px solid var(--line);border-radius:5px;overflow:hidden}.detail-pair video{width:100%;aspect-ratio:16/9;object-fit:contain}.detail-pair .screen-heading{height:37px}.source-note{color:var(--muted);font-size:11px;line-height:1.7;margin:15px 0}.source-note strong{font-weight:500;color:var(--accent)}.task-instruction{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:22px;padding:15px 0;font-size:12px}.task-instruction summary{cursor:pointer;color:var(--text)}.task-instruction p{margin-top:13px;color:var(--muted);line-height:1.8;max-width:1000px}.reference-link{display:inline-block;margin:10px 0;color:var(--accent);font-size:11px;text-decoration:underline}.results-section{margin-top:40px;scroll-margin-top:70px}.results-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:20px}.results-heading h3{font-size:27px;letter-spacing:-.8px;font-weight:500;margin-top:7px}.sample-picker{display:flex;align-items:center;gap:10px;font-size:10px;color:var(--muted)}.sample-buttons{display:flex;gap:4px}.sample-buttons button{font-size:11px;padding:6px 10px}.sample-buttons button[aria-pressed=true]{background:var(--text);color:var(--bg)}.result-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.result-card{border:1px solid var(--line);border-radius:5px;overflow:hidden;min-width:0;background:#12191b}.result-card header{display:flex;justify-content:space-between;gap:10px;padding:12px;font-size:11px}.result-card header span{font-size:9px;color:var(--muted)}.result-visual{position:relative;background:#05090a;aspect-ratio:16/10}.result-visual video{width:100%;height:100%;object-fit:contain}.result-start{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;background:radial-gradient(ellipse at 50% 50%,#243534,#0c1315);font-size:11px;z-index:1}.result-start .play-icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid #688d88;border-radius:50%;font-size:17px;color:var(--accent)}.result-start small{font-size:9px;color:var(--muted)}.result-error{position:absolute;top:10px;left:10px;right:10px;background:#101719eb;padding:10px;font-size:10px;color:var(--warm);z-index:2}.result-error button{font-size:10px;margin-left:6px;padding:3px 7px}.quality{font-size:10px;padding:10px 12px;border-top:1px solid var(--line)}.quality summary{cursor:pointer;color:#b6c8bf;line-height:1.5}.quality.review summary,.variant summary{color:#e6c49a}.quality p{margin-top:9px;font-size:10px;line-height:1.7;color:var(--muted);overflow-wrap:anywhere}.result-bottom{display:flex;justify-content:space-between;gap:20px;margin:18px 0;font-size:10px;color:var(--muted)}.result-bottom a{color:var(--accent)}.detail-nav{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:24px;margin-top:30px}.detail-nav button{font-size:12px}.fetch-state{padding:30px;color:var(--muted);font-size:12px;border:1px solid var(--line)}
@media(min-width:761px){.site-header{min-height:68px}.hero{padding-top:30px}.hero-heading{margin-bottom:24px}.hero h1{font-size:clamp(50px,4.8vw,72px);margin-top:12px}.hero-screen video{height:clamp(210px,20vw,290px);aspect-ratio:auto}.screen-heading{height:34px}.hero-caption{padding:16px 22px}.hero-caption h2{font-size:24px;margin:3px 0}.demo-bottom{padding:8px 22px}}
@media(min-width:1700px){.hero h1{font-size:78px}.hero-intro{max-width:390px}.task-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1100px){.site-header{gap:18px}.site-header nav{gap:18px;font-size:11px}.prototype-label{display:none}.hero h1{font-size:61px;letter-spacing:-3.3px}.hero-intro{font-size:12px;max-width:260px}.gallery-tools{flex-wrap:wrap;gap:10px}.search{max-width:none;width:100%;border-top:1px solid var(--line);padding-top:8px}.task-grid{column-gap:16px}.card-copy h3{font-size:17px}.screen-heading{padding-inline:12px;font-size:9px}.story-choices img{width:60px}.story-choices span{font-size:12px}.evidence-body{gap:40px}.result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){html{scroll-padding-top:100px}.site-header{min-height:95px;padding:12px 4% 0;gap:10px;flex-wrap:wrap}.brand{font-size:22px}.brand svg{width:28px;height:28px}.site-header nav{order:3;width:100%;justify-content:space-between;padding:9px 0 13px;font-size:10px}.motion-toggle{margin-left:auto;font-size:10px}.hero{padding-top:30px}.hero-heading{display:block;margin-bottom:22px}.hero h1{font-size:clamp(40px,8.8vw,62px);letter-spacing:-2.7px;margin-top:14px}.hero-intro{margin-top:19px;max-width:100%;font-size:12px;line-height:1.7}.hero-intro p br{display:none}.hero-intro p br:after{content:' '}.hero-intro a{margin-top:15px;display:inline-flex;gap:25px}.hero-pair{grid-template-columns:1fr 1fr}.screen-heading{height:31px;padding:0 8px}.screen-heading>span:last-child{display:none}.role-label{font-size:8px;letter-spacing:.7px}.hero-caption{padding:16px}.hero-caption h2{font-size:22px}.hero-caption p{font-size:11px}.hero-caption .tiny{font-size:8px}.round-link{width:35px;height:35px;font-size:20px}.demo-bottom{padding:9px 15px;font-size:7px;letter-spacing:.6px}.demo-bottom>span{max-width:240px}.demo-bottom button{font-size:9px}.story-choices{gap:12px;padding-top:10px}.story-choices button{display:block;padding-bottom:11px}.story-choices img{display:none}.story-choices small{font-size:7px;letter-spacing:.4px}.story-choices .choice-arrow{display:none}.story-choices span{font-size:11px}.gallery{padding-top:54px}.section-heading{display:block;margin-bottom:23px}.section-heading h2{font-size:36px;letter-spacing:-1.7px}.section-heading>p{margin-top:15px;font-size:11px}.section-heading>p br{display:none}.eyebrow{font-size:8px;letter-spacing:1.4px}.gallery-tools{padding-top:10px}.category-tabs{gap:1px}.category-tabs button{font-size:10px;padding:7px 8px}.gallery-meta{font-size:9px;margin:15px 0 20px}.gallery-meta .muted{display:none}.task-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 13px}.card-phase{top:5px;left:5px;padding:2px;gap:0}.card-phase span{font-size:6px;padding:2px 4px}.card-copy{padding-top:10px}.card-meta{font-size:6px;letter-spacing:.6px;gap:4px}.card-copy h3{font-size:15px;line-height:1.3;margin:6px 0}.card-copy p{font-size:10px;line-height:1.6;max-width:100%}.card-arrow{display:none}.gallery-end{font-size:10px;align-items:start}.gallery-end a{font-size:10px;gap:8px;max-width:140px}.evidence{padding:40px 0;margin-top:20px}.evidence-body{grid-template-columns:1fr;gap:20px;margin:20px 0 28px}.evidence h2{font-size:39px;letter-spacing:-1.8px}.evidence-body p{font-size:12px}.scope-line{grid-template-columns:1fr 1fr;gap:22px;font-size:10px}.scope-line strong{font-size:28px}footer{gap:20px;font-size:10px}footer>span:not(.local-note){width:100%;order:2}footer .local-note{order:3;font-size:8px}dialog{width:100vw;height:100dvh;max-height:100dvh;margin:0;border:0;border-radius:0}.detail-bar{padding:14px 18px;font-size:8px}#detail-body{padding:22px 18px}.detail-top{display:block;margin-bottom:20px}.detail-top h2{font-size:32px;letter-spacing:-1.2px}.detail-top p{font-size:12px}.detail-skip{margin-top:14px;display:inline-block}.detail-pair{gap:8px}.source-note{font-size:10px}.results-heading{display:block}.results-heading h3{font-size:25px}.sample-picker{margin-top:20px}.result-grid{gap:12px}.result-card header{font-size:10px;padding:10px}.result-card header span{display:none}.result-start{font-size:9px;gap:7px}.result-start .play-icon{height:32px;width:32px;font-size:13px}.result-start small{font-size:8px}.quality{padding:9px;font-size:9px}.result-bottom{font-size:9px}.detail-nav button{font-size:11px}.screen-status{font-size:8px;left:6px;bottom:5px}.card-status{display:none}}
@media(max-width:380px){.task-grid{grid-template-columns:1fr}.result-grid{grid-template-columns:1fr}.hero h1{font-size:39px}.card-copy h3{font-size:19px}.card-copy p{font-size:12px}.card-phase span{font-size:8px}.card-meta{font-size:9px}.detail-pair{grid-template-columns:1fr}}
.pair-control{font-size:10px;margin-top:12px;padding:5px 9px}.result-start.has-poster{background:#081012;color:white}.result-start.has-poster>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:.7}.result-start.has-poster>span,.result-start.has-poster>small{position:relative;text-shadow:0 1px 6px #000}.result-start.has-poster>.play-icon{background:#071012c9;border-color:#c4ede9}.result-start.has-poster>small{color:#f3f5f2;background:#061011ab;padding:2px 5px;border-radius:3px}.quality a{color:var(--accent);text-decoration:underline}
.reference-grid{display:flex;gap:14px;flex-wrap:wrap;margin-top:15px}.reference-grid figure{margin:0;max-width:240px;flex:1;min-width:90px}.reference-grid img,.reference-grid video{width:100%;aspect-ratio:16/9;object-fit:contain;background:#05090a;border:1px solid var(--line)}.reference-grid figcaption{font-size:10px;color:var(--muted);padding-top:7px}
.detail-modes{display:flex;gap:8px;padding:5px;background:#080f0c;border:1px solid var(--line);border-radius:12px;margin:24px 0 30px}.detail-modes button{flex:1;border:0;padding:16px 12px;border-radius:8px;text-align:left;color:var(--muted)}.detail-modes button[aria-pressed=true]{background:#203229;color:#e2edce}.detail-modes span{float:right;font-size:10px;opacity:.7}.detail-modes button:disabled{cursor:default}#data-examples>.results-heading{margin-bottom:20px}#benchmark-example{margin:25px 0 35px}.detail-pair .hero-screen video{width:100%;aspect-ratio:16/9;object-fit:contain;object-position:center}.task-instruction p{white-space:pre-wrap;overflow-wrap:anywhere}@media(max-width:600px){.detail-modes button{font-size:12px;padding:12px 8px}.detail-modes span{float:none;display:block;margin-top:4px}.detail-pair .screen-heading>span:last-child{font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}