@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(fonts/4872f2a6dc9a.woff2) format('woff2')}@font-face{font-family:'DM Sans';font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/713ca32c3c8b.woff2) format('woff2')}
:root{color-scheme:dark;--bg:#080a10;--panel:#10131d;--ink:#f1f2f8;--muted:#8c92a8;--line:rgba(175,185,225,.14);--violet:#aaa4ff;--cyan:#8ce3eb;--radius:24px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:16px;line-height:1.6;overflow-x:hidden}button,a,input{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer;color:inherit}button{border:0;background:none}button:disabled{cursor:default}a,button{touch-action:manipulation}::selection{color:white;background:#6462ac}:focus-visible{outline:2px solid var(--cyan);outline-offset:6px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,sans-serif;font-weight:500}h2{font-size:clamp(34px,4.2vw,58px);line-height:1.16;letter-spacing:-2.3px}h3{line-height:1.25;letter-spacing:-.7px}img,video{display:block;max-width:100%}.skip{position:fixed;top:-80px;left:20px;z-index:100;background:white;color:#111;padding:14px 22px;border-radius:8px}.skip:focus{top:15px}.muted{color:var(--muted)}.micro,.eyebrow,.tag,.domain-tag,.level-meta,.step,.initial-label,.viewer-foot,.caption,.terminal-head,.detail-meta{font-family:'DM Sans',sans-serif}.micro,.eyebrow{font-size:10px;letter-spacing:2.1px;font-weight:500}.eyebrow{color:#b6b7ca;display:flex;align-items:center;gap:11px}.live-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#a8e6d6;box-shadow:0 0 12px #94ffd5;flex-shrink:0}.brand-dot{color:var(--violet)}.nav-shell{position:absolute;top:0;left:0;width:100%;height:100px;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:0 5%}.wordmark{font-family:Manrope,sans-serif;font-size:25px;font-weight:650;letter-spacing:-1px;display:flex;align-items:center;gap:10px;white-space:nowrap}.wordmark svg{width:25px;height:30px;fill:none;stroke:#c6c2ff;stroke-width:1.2}.wordmark .brand-dot{margin-left:-10px}.nav-shell nav{display:flex;align-items:center;gap:5px;border:1px solid rgba(255,255,255,.09);border-radius:40px;padding:5px;background:#11141eb3;backdrop-filter:blur(20px)}.nav-shell nav a{padding:8px 19px;color:#b6b8c8;font-size:12px;border-radius:24px;transition:background .25s,color .25s}.nav-shell nav a:hover,.nav-shell nav a:focus-visible{background:#242737;color:white}.nav-code{font-size:12px;border:1px solid var(--line);border-radius:30px;padding:10px 20px;display:flex;gap:25px;transition:background .25s}.nav-code:hover{background:#252332}.hero{position:relative;min-height:800px;height:min(900px,100svh);isolation:isolate;overflow:hidden;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 40%,#15152e44,transparent 65%)}#constellation{position:absolute;inset:0;width:100%;height:100%;z-index:-2;opacity:.9}.hero-haze{position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(0deg,var(--bg),transparent 22%,transparent 80%,#080a10b0),radial-gradient(ellipse at 50% 46%,#080a1055 10%,transparent 62%)}.hero-content{width:100%;text-align:center;position:relative;pointer-events:none;padding:130px 24px 130px}.hero-content .eyebrow{justify-content:center;color:#b9b5d9;margin-bottom:30px;font-size:10px;letter-spacing:3px}.hero h1{font-size:clamp(68px,8.8vw,130px);line-height:1.02;letter-spacing:-7px;font-weight:500;text-shadow:0 3px 35px #080a1080}.hero h1>span{background:linear-gradient(110deg,#f2ecff 10%,#aaa1ee 46%,#7bbbd0 90%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-question{margin-top:27px;font-size:19px;letter-spacing:-.3px;color:#e1e2ed}.hero-description{margin-top:12px;font-size:13px;line-height:1.8;color:#9298af}.hero-actions{display:flex;align-items:center;justify-content:center;gap:13px;margin-top:30px;pointer-events:auto}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;font-size:12px;padding:14px 24px;border-radius:30px;font-weight:500;transition:transform .2s,box-shadow .2s,background .2s}.button.primary{color:#161523;background:linear-gradient(110deg,#f0edff,#d8d5f3);box-shadow:0 0 35px #b3a7ff18;border:1px solid #f4efff}.button.primary:hover{transform:translateY(-3px);box-shadow:0 6px 40px #b3a7ff35}.button.ghost{border:1px solid #c4c3e12e;background:#0e111b91;backdrop-filter:blur(10px);color:#d7d8e3}.button.ghost:hover{background:#262437}.hero-foot{position:absolute;bottom:34px;left:5%;width:90%;display:flex;align-items:center;justify-content:space-between;color:#6b728c}.hero-foot .micro{font-size:9px;letter-spacing:2px}.pointer-hint{display:flex;align-items:center;gap:10px}.tiny-cross{font-size:20px;color:#b7b5d2}.motion-button{display:flex;align-items:center;gap:9px;font-size:10px;color:#8a90a7;border:1px solid var(--line);padding:7px 12px;border-radius:20px}.motion-button:hover{color:white}.hero-orbit{position:absolute;width:87%;height:26%;border:1px solid #c5baf909;border-radius:50%;z-index:-1;pointer-events:none;top:42%;left:6%;transform:rotate(-20deg)}.orbit-two{transform:rotate(20deg);width:75%;left:12%}.section{max-width:1360px;margin:auto;padding:110px 6% 0}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:40px}.section-heading .eyebrow{margin-bottom:20px}.section-heading>p{font-size:13px;color:#969caf;line-height:1.9;padding-bottom:5px}.film-stage{padding-top:64px}.film-nav{display:flex;gap:6px;margin-bottom:25px;overflow-x:auto;scrollbar-width:thin;padding:0 0 4px}.film-nav button{padding:10px 18px;font-size:12px;color:#9198ac;border-radius:24px;border:1px solid transparent;white-space:nowrap;transition:all .2s}.film-nav button:hover{color:white}.film-nav button.active{border-color:#c0b5ef42;background:#1e1b31;color:#e4dfff}.cinema{border:1px solid #a39cbf30;border-radius:22px;background:#0d1018;overflow:hidden;box-shadow:0 10px 80px #0004;position:relative}.cinema-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 25px;border-bottom:1px solid var(--line)}.cinema-top>div{display:flex;align-items:center;gap:15px;font-size:13px}.tag{font-size:10px;letter-spacing:1.4px;color:#aaa9c5}.cinema-top .micro{display:flex;gap:12px;align-items:center;color:#6c748b;font-size:8px}.film-pair{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#252736}.film-panel{position:relative;aspect-ratio:1.45;background:#10131b;overflow:hidden}.film-panel video{width:100%;height:100%;object-fit:cover;transition:opacity .25s}.film-panel:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(#090d1833,transparent 35%,transparent 85%,#090d1866)}.film-overlay{position:absolute;top:18px;left:19px;right:19px;display:flex;align-items:center;justify-content:space-between;z-index:2}.domain-tag{padding:5px 10px;display:flex;align-items:center;gap:7px;font-size:8px;letter-spacing:1.2px;background:#0c1021be;backdrop-filter:blur(12px);border:1px solid #fff2;border-radius:5px}.domain-tag i{width:4px;height:4px;border-radius:50%;background:#b3a0ff}.domain-tag.real i{background:#8fe5de}.outcome{font-size:9px;letter-spacing:.5px;padding:4px 10px;border:1px solid #fff2;background:#111b22ba;border-radius:5px;color:#bce6d7;backdrop-filter:blur(12px)}.outcome.failure{color:#e7bca8}.cinema-bottom{position:relative;padding:19px 25px 21px;display:flex;align-items:center;justify-content:space-between;gap:15px}.cinema-bottom p{font-size:13px;color:#b3b6c8}.text-button{font-size:10px;display:flex;align-items:center;gap:13px;color:#b5b7c9;white-space:nowrap}.film-progress{position:absolute;bottom:0;height:2px;background:#1d2032;left:0;right:0}.film-progress>span{display:block;height:100%;width:0;background:linear-gradient(90deg,#b3a4f5,#80d9df)}.caption{font-size:10px;color:#697187;line-height:1.8;margin-top:14px;max-width:900px}.film-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-top:27px}.film-thumb{position:relative;text-align:left;padding:0;opacity:.5;transition:opacity .2s,transform .2s}.film-thumb:hover,.film-thumb.active{opacity:1;transform:translateY(-3px)}.film-thumb .thumb-image{position:relative;overflow:hidden;border-radius:9px;aspect-ratio:1.55;background:#171a25;border:1px solid transparent}.film-thumb.active .thumb-image{border-color:#c7bbef}.film-thumb img{width:100%;height:100%;object-fit:cover}.thumb-play{position:absolute;right:7px;bottom:6px;width:20px;height:20px;border:1px solid #fff6;border-radius:50%;background:#090e1f99;display:grid;place-items:center;font-size:8px}.film-thumb>span{display:block;font-size:9px;margin-top:8px;color:#b6b9cb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.film-thumb small{color:#777d92;margin-right:6px;font-size:8px}.ladder{padding-top:125px}.level-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.level-card{position:relative;display:block;border:1px solid #a9a2e426;background:linear-gradient(140deg,#15152a,#0e121c);border-radius:20px;padding:25px 28px 0;overflow:hidden;transition:transform .35s,border-color .35s;--glow:#a795e6}.level-card:before{content:'';position:absolute;inset:0;background:radial-gradient(400px circle at var(--mouse-x,50%) var(--mouse-y,50%),#8d71d91c,transparent 70%);opacity:0;transition:opacity .3s;pointer-events:none}.level-card:hover{border-color:#aba2e164;transform:translateY(-6px)}.level-card:hover:before{opacity:1}.level-card.level-two{background:linear-gradient(140deg,#111d2b,#0d141f);--glow:#86c6dd}.level-card.level-three{background:linear-gradient(140deg,#191729,#12121d);--glow:#c7a5da}.card-top{display:flex;align-items:center;justify-content:space-between}.card-top .tag{color:var(--glow);font-size:9px}.card-top .arrow{font-size:17px;color:#868498}.point-art{height:170px;position:relative;isolation:isolate;margin:15px 0 8px;perspective:500px}.point-art:before{content:'';position:absolute;inset:15% 15%;background:radial-gradient(ellipse,var(--glow),transparent 65%);opacity:.08;filter:blur(15px)}.point-art i{position:absolute;top:15%;left:25%;width:50%;height:75%;border-radius:50%;border:1px solid color-mix(in srgb,var(--glow) 55%,transparent);background-image:radial-gradient(var(--glow) .9px,transparent 1px);background-size:7px 7px;mask-image:radial-gradient(ellipse,black 18%,#0007 45%,transparent 72%);transform:rotateY(40deg) rotateZ(-30deg);transition:transform .7s}.point-art i:nth-child(2){transform:rotateY(-45deg) rotateZ(30deg);background-size:9px 9px;opacity:.6}.point-art i:nth-child(3){transform:rotateX(55deg) rotateZ(-20deg);background-size:6px 6px;opacity:.75}.art-dot{position:absolute;left:50%;top:50%;width:5px;height:5px;border-radius:50%;background:#e6e4ff;box-shadow:0 0 18px 5px var(--glow)}.art-force i{border-radius:30%;transform:rotateY(35deg) rotateZ(45deg)}.art-force i:nth-child(2){transform:rotateY(-40deg) rotateZ(45deg)}.art-force i:nth-child(3){transform:rotateX(60deg) rotateZ(45deg)}.art-adapt i{width:80%;left:10%;height:40%;top:33%;border-radius:50%;mask-image:none;background:none;border-style:dotted;border-width:2px;transform:rotateZ(-30deg);box-shadow:inset 0 0 12px #a77fbe10}.art-adapt i:nth-child(2){transform:rotateZ(30deg)}.art-adapt i:nth-child(3){transform:rotateZ(90deg);height:100%;top:0;width:40%;left:30%}.level-card:hover .point-art i:first-child{transform:rotateY(10deg) rotateZ(0deg)}.level-card:hover .point-art i:nth-child(2){transform:rotateY(-10deg) rotateZ(60deg)}.level-card h3{font-size:25px;margin-bottom:13px}.level-card>p{font-size:12px;color:#8b91a7;line-height:1.9;min-height:49px}.level-meta{margin-top:30px;padding:17px 0;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:1.3px;color:#747b95}.scope{display:grid;grid-template-columns:repeat(4,1fr);margin-top:45px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:28px 0}.scope>div{display:flex;align-items:center;justify-content:center;gap:16px;border-right:1px solid var(--line)}.scope>div:last-child{border:0}.scope strong{font-family:Manrope;font-weight:400;font-size:33px;color:#e1e0ee;letter-spacing:-1px}.scope span{font-size:10px;color:#858ca5}.filters{display:flex;gap:7px;margin-bottom:25px}.filters button{font-size:11px;padding:10px 17px;color:#969bb0;border:1px solid var(--line);border-radius:24px;display:flex;align-items:center;gap:13px;transition:background .2s}.filters button span{font-size:9px;color:#676e84}.filters button.active{background:#d9d7ee;color:#161723;border-color:#d9d7ee}.filters button.active span{color:#646078}.filters button:not(.active):hover{background:#202234}.workspace{display:grid;grid-template-columns:250px 1fr;gap:25px}.task-list{max-height:700px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#3a3c50 transparent;padding-right:9px}.task-button{width:100%;text-align:left;display:flex;align-items:center;gap:12px;font-size:11px;line-height:1.5;padding:14px 13px;border-radius:9px;transition:background .2s;border:1px solid transparent}.task-button small{font-size:8px;min-width:37px;color:#686d86;letter-spacing:.5px}.task-button span{color:#a1a6bc}.task-button.active{background:#1a1c2c;border-color:#9895c827}.task-button.active small{color:#b1a5e1}.task-button.active span{color:#eee9ff}.task-button:hover{background:#131723}.inspector{min-width:0;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#0f121c}.inspector-head{padding:23px 25px;display:flex;align-items:center;justify-content:space-between;gap:20px}.inspector-head>div{display:flex;align-items:center;gap:16px}.inspector-head h3{font-size:18px;letter-spacing:-.5px}.initial-label{font-size:8px;letter-spacing:1.3px;color:#767c93;white-space:nowrap}.viewer{margin:0 16px;border-radius:10px;overflow:hidden;background:#171b28}.view-tabs{display:flex;gap:5px;padding:8px 10px;background:#191c28}.view-tabs button{padding:6px 12px;border-radius:20px;font-size:10px;color:#969eb3}.view-tabs button.active{background:#303349;color:#e3dff9}.comparison{position:relative;aspect-ratio:1100/820;overflow:hidden;--split:50%;background:#151922}.comparison>img,.variant-layer img{width:100%;height:100%;object-fit:cover;max-width:none}.variant-layer{position:absolute;inset:0;clip-path:inset(0 0 0 var(--split));pointer-events:none}.divider{position:absolute;left:var(--split);top:0;bottom:0;width:1px;background:white;pointer-events:none;box-shadow:0 0 10px #fff4}.divider span{position:absolute;top:50%;left:0;transform:translate(-50%,-50%);width:38px;height:38px;display:grid;place-items:center;background:#f0ecff;color:#282034;border-radius:50%;font-size:18px;box-shadow:0 0 15px #17122c55}.state-tag{position:absolute;top:15px;padding:5px 9px;border:1px solid #fff2;border-radius:5px;background:#0c1020b3;font-size:9px;color:#f0edf8;backdrop-filter:blur(10px);pointer-events:none}.state-tag.before{left:15px}.state-tag.after{right:15px}.comparison input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0;z-index:3}.comparison:focus-within{outline:2px solid var(--cyan);outline-offset:-3px}.viewer-foot{padding:9px 13px;display:flex;justify-content:space-between;font-size:8px;color:#858ca5;letter-spacing:.7px}.detail{padding:24px}.detail-top{display:flex;justify-content:space-between;align-items:center;gap:15px}.detail-top .eyebrow{font-size:8px;color:#777e98;letter-spacing:1.6px}.setting-tabs{display:flex;gap:5px}.setting-tabs button{font-size:9px;padding:5px 9px;color:#858ca6;border-radius:15px}.setting-tabs button.active{color:#d0c8ee;background:#262337}#task-prompt{font-size:12px;color:#b0b6ca;margin-top:12px;line-height:1.8}.run-details{margin-top:20px;border-top:1px solid var(--line);padding-top:13px}.run-details summary{cursor:pointer;font-size:10px;list-style:none;color:#989eb3;display:flex;justify-content:space-between}.run-details summary::-webkit-details-marker{display:none}.run-details[open] summary{margin-bottom:15px}.command-line{display:flex;background:#080b12;border:1px solid var(--line);border-radius:7px;overflow:hidden;align-items:center;padding:10px;gap:12px}.command-line code{font-family:monospace;min-width:0;overflow:auto;white-space:nowrap;font-size:10px;color:#afb1c7;flex:1}.command-line button{font-size:9px;color:#b8a8e5;white-space:nowrap}.detail-meta{display:flex;justify-content:space-between;gap:20px;font-size:9px;margin-top:10px;color:#737b94}.detail-meta a{color:#a5a9c1}.protocol{padding-top:125px}.text-link{font-size:12px;color:#c1b8e7;white-space:nowrap}.pipeline{display:grid;grid-template-columns:1fr 60px 1fr 60px 1fr;padding:35px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);align-items:center}.pipeline .step{font-size:10px;color:#8e83b8;letter-spacing:1px}.pipeline h3{font-size:25px;margin:15px 0 12px}.pipeline p{font-size:12px;color:#838ba3;line-height:1.9;max-width:265px}.pipeline-arrow{color:#49485f;align-self:center;font-size:24px}.reproduce{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding-top:125px;padding-bottom:110px}.reproduce h2{font-size:43px;margin-top:23px}.gradient-text{background:linear-gradient(110deg,#bfb1ed,#81cbd9);background-clip:text;-webkit-background-clip:text;color:transparent}.reproduce p{margin-top:22px;color:#9299af;font-size:12px;line-height:1.9}.reproduce .hero-actions{justify-content:flex-start;gap:22px}.terminal{align-self:center;background:#0e121b;border:1px solid var(--line);border-radius:13px;overflow:hidden}.terminal-head{display:flex;align-items:center;justify-content:space-between;padding:15px 18px;border-bottom:1px solid var(--line);font-size:8px;letter-spacing:1px;color:#788199;gap:12px}.terminal-head>span:first-child{display:flex;gap:6px}.terminal-head i{width:5px;height:5px;background:#414357;border-radius:50%}.terminal-head button{font-size:9px;color:#b2a5d7}.terminal pre{margin:0;padding:23px 21px;overflow:auto;line-height:2.4;font-size:10px;color:#b8b8d0}.terminal>p{padding:0 21px 21px;margin:0;font-size:10px;color:#65718c}.footer{border-top:1px solid var(--line);margin:0 5%;padding:35px 0 30px;display:flex;align-items:center;gap:35px;flex-wrap:wrap}.footer .wordmark{font-size:20px}.footer p{font-size:10px;color:#6f7891;flex:1}.footer>div{display:flex;gap:22px;font-size:10px;color:#9d9bb7}.footer>.micro{width:100%;font-size:8px;color:#434c64;margin-top:3px}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,15px);padding:11px 20px;background:#e4dcfa;color:#191323;border-radius:30px;font-size:12px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:50}#toast.show{opacity:1;transform:translate(-50%,0)}
body.motion-paused .level-card .point-art *{transition:none}body.motion-paused *{scroll-behavior:auto}
@media(min-width:1600px){.hero h1{font-size:140px}.hero{height:900px}.section{padding-left:45px;padding-right:45px}}
@media(max-width:1050px){.nav-shell{padding:0 4%}.nav-shell nav a{padding:8px 12px}.section{padding-left:5%;padding-right:5%}.hero{min-height:730px;height:90svh}.hero h1{font-size:100px;letter-spacing:-5px}.section-heading{gap:30px}.level-card{padding-left:21px;padding-right:21px}.level-card h3{font-size:21px}.workspace{grid-template-columns:200px 1fr;gap:18px}.task-button{font-size:10px;gap:9px;padding-left:9px;padding-right:9px}.inspector-head{padding:20px}.inspector-head h3{font-size:16px}.reproduce{gap:35px}.reproduce h2{font-size:35px}.reproduce .hero-actions{gap:14px;flex-wrap:wrap;justify-content:flex-start}.scope>div{gap:11px}.scope span{font-size:9px}.footer{gap:22px}}
@media(max-width:760px){html{scroll-padding-top:35px}.nav-shell{height:80px;padding:0 6%}.wordmark{font-size:22px}.wordmark svg{width:23px}.nav-shell nav{display:none}.nav-code{padding:8px 15px;font-size:10px;gap:17px}.hero{min-height:700px;height:90svh}.hero-content{padding:115px 20px 135px}.hero-content .eyebrow{font-size:8px;letter-spacing:2px;margin-bottom:30px}.hero h1{font-size:clamp(60px,12.5vw,90px);letter-spacing:-4px}.hero-question{font-size:16px;margin-top:26px}.hero-description{font-size:11px;margin-top:14px}.hero-actions{gap:9px;margin-top:26px}.button{padding:12px 17px;font-size:10px;gap:15px}.hero-foot{bottom:27px;left:6%;width:88%}.hero-foot>.micro:first-child{font-size:7px;letter-spacing:1.3px}.pointer-hint{display:none}.section{padding:78px 6% 0}.film-stage{padding-top:30px}.section-heading{display:block;margin-bottom:28px}.section-heading .eyebrow{font-size:8px;letter-spacing:1.6px;margin-bottom:17px}.section-heading>p{margin-top:20px;font-size:11px}.section-heading h2{font-size:36px;letter-spacing:-1.7px}.film-nav{margin-bottom:16px;gap:1px}.film-nav button{font-size:10px;padding:8px 13px}.cinema{border-radius:15px}.cinema-top{padding:14px 16px}.cinema-top>div{gap:10px;font-size:11px}.cinema-top .micro{font-size:0;gap:0}.cinema-top .micro .live-dot{width:4px;height:4px}.tag{font-size:8px}.film-pair{gap:1px}.film-panel{aspect-ratio:.85}.film-panel video{object-fit:cover}.film-overlay{top:10px;left:9px;right:9px;display:block}.domain-tag{padding:4px 6px;font-size:6px;letter-spacing:.7px;display:inline-flex;gap:4px}.outcome{display:block;position:absolute;top:270%;left:0;font-size:7px;padding:3px 7px}.cinema-bottom{padding:15px 14px 17px;gap:12px}.cinema-bottom p{font-size:10px;max-width:70%}.text-button{font-size:8px;gap:7px}.caption{font-size:8px;line-height:1.8;margin-top:12px}.film-strip{grid-template-columns:repeat(3,1fr);gap:17px 10px;margin-top:23px}.film-thumb>span{font-size:8px}.film-thumb small{display:none}.level-cards{grid-template-columns:1fr;gap:13px}.level-card{padding:21px 24px 0;min-height:250px}.card-top{position:relative;z-index:2}.point-art{position:absolute;right:-15px;top:28px;width:46%;height:175px;opacity:.8}.level-card h3{margin-top:42px;font-size:26px;position:relative;z-index:1}.level-card>p{font-size:10px;max-width:74%;position:relative;z-index:1}.level-meta{margin-top:25px;padding:14px 0;font-size:7px}.scope{grid-template-columns:repeat(2,1fr);gap:22px 0;padding:23px 0;margin-top:30px}.scope>div:nth-child(2){border:0}.scope>div{justify-content:flex-start;padding-left:15px}.scope strong{font-size:29px}.scope span{font-size:9px}.filters{gap:5px;margin-bottom:18px;justify-content:space-between}.filters button{font-size:9px;gap:8px;padding:8px 12px}.filters button span{font-size:8px}.workspace{grid-template-columns:1fr;gap:18px}.task-list{display:flex;overflow-x:auto;max-height:none;gap:6px;scrollbar-width:thin;padding:0 0 10px}.task-button{flex:0 0 auto;width:145px;display:block;padding:10px 12px;white-space:normal}.task-button small{display:block;font-size:7px;margin-bottom:3px}.task-button span{font-size:10px}.inspector{border-radius:13px}.inspector-head{padding:16px}.inspector-head>div{gap:10px}.inspector-head h3{font-size:15px}.initial-label{font-size:6px;letter-spacing:.7px}.viewer{margin:0 9px}.view-tabs{padding:6px}.view-tabs button{font-size:8px;padding:5px 10px}.state-tag{top:10px;font-size:7px;padding:4px 7px}.state-tag.before{left:10px}.state-tag.after{right:10px}.divider span{width:30px;height:30px;font-size:16px}.viewer-foot{font-size:6px;padding:8px}.detail{padding:18px 15px}.detail-top .eyebrow{font-size:6px;letter-spacing:1px}.setting-tabs button{font-size:8px;padding:5px 8px}#task-prompt{font-size:10px}.run-details summary{font-size:9px}.command-line code{font-size:8px}.detail-meta{font-size:8px;gap:10px}.pipeline{grid-template-columns:1fr;padding:0}.pipeline>div{display:grid;grid-template-columns:32px 1fr;gap:10px;padding:25px 0;border-bottom:1px solid var(--line)}.pipeline>div:last-child{border:0}.pipeline .step{padding-top:7px;font-size:9px}.pipeline h3{margin:0;font-size:22px}.pipeline p{grid-column:2;max-width:100%;font-size:11px}.pipeline-arrow{display:none}.protocol .section-heading .text-link{display:inline-block;margin-top:23px;font-size:11px}.reproduce{display:block;padding-bottom:70px}.reproduce h2{font-size:35px;letter-spacing:-1.7px}.reproduce .eyebrow{font-size:8px}.reproduce p{font-size:11px}.reproduce .hero-actions{justify-content:flex-start}.terminal{margin-top:32px}.terminal pre{font-size:9px;padding:20px 16px}.terminal-head{font-size:7px;padding:13px 15px}.terminal>p{font-size:9px;padding:0 16px 18px}.footer{padding-top:28px;gap:20px}.footer .wordmark{font-size:20px}.footer p{font-size:9px}.footer>div{width:100%;font-size:9px;gap:22px}.footer>.micro{margin-top:0;font-size:7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-orbit{opacity:.35}.film-thumb:hover,.level-card:hover,.button.primary:hover{transform:none}}
[hidden]{display:none!important}.reel-panel{position:relative;aspect-ratio:16/9;background:#111521}.reel-panel>video{width:100%;height:100%;object-fit:contain}.reel-labels{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(3,1fr)}.reel-cell{position:relative;text-align:left;padding:12px 14px;display:flex;align-items:flex-start;justify-content:space-between;border:1px solid transparent;transition:border-color .2s,background .2s}.reel-cell>span{display:inline-flex;gap:14px;background:#080b15bf;padding:4px 9px;border-radius:4px;font-size:9px;color:#f0ecf8;backdrop-filter:blur(8px)}.reel-cell>span i{font-style:normal;opacity:.6}.reel-cell>small{position:absolute;bottom:9px;right:12px;font-size:7px;letter-spacing:1px;color:#e7e6f6;background:#080b15b0;padding:2px 6px;border-radius:3px}.reel-cell:hover{border-color:#d3c2f0aa;background:#b5a1e31a}.reel-cell:focus-visible{outline-offset:-3px}.gif-link{margin-left:auto;font-size:9px;color:#9795b6;white-space:nowrap}.cinema-bottom .gif-link+button{margin-left:18px}.cinema-bottom p{flex:1}.film-panel{aspect-ratio:4/3}
@media(max-width:760px){.reel-cell{padding:6px}.reel-cell>span{font-size:6px;padding:2px 4px;gap:4px}.reel-cell>small{font-size:5px;bottom:5px;right:6px;padding:1px 4px}.cinema-bottom .gif-link{display:none}.cinema-bottom .gif-link+button{margin-left:0}.film-panel{aspect-ratio:1}.reel-cell>span i{display:none}}
.nav-shell{position:fixed;transition:background .25s,height .25s,border-color .25s;border-bottom:1px solid transparent}.nav-shell.scrolled{height:78px;background:#080a10d9;backdrop-filter:blur(20px);border-color:#bcb1ef0e}.nav-shell.scrolled nav{background:#181924b3}.caption{font-size:11px}.film-overlay .domain-tag{font-size:9px}.film-overlay .outcome{font-size:10px}
@media(max-width:760px){html{scroll-padding-top:90px}.nav-shell.scrolled{height:70px}.caption{font-size:10px}.film-overlay .domain-tag{font-size:7px}.film-overlay .outcome{font-size:8px}}
/* Paper affiliations and the measured sim–real correspondence. */
.hero-description strong{font-weight:500;color:#c7c4dd}.affiliations{padding-top:6px}.affiliations-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:19px;gap:20px}.affiliations-heading .eyebrow{font-size:9px;letter-spacing:1.8px}.affiliations-heading>span{font-size:10px;color:#737b92}.affiliation-sheet{background:#fff;border-radius:18px;padding:23px 24px 18px;overflow:hidden}.affiliation-grid{display:flex;flex-wrap:wrap;justify-content:center;row-gap:22px}.affiliation{flex:0 0 14.285%;min-width:0;text-align:center;display:flex;align-items:center;flex-direction:column;justify-content:flex-start;gap:9px;padding:0 10px}.affiliation img{height:45px;width:100%;max-width:112px;object-fit:contain}.affiliation span{font-size:8px;line-height:1.35;color:#606574;max-width:130px}.film-stage{padding-top:96px}.alignment-platform{display:flex;align-items:center;gap:17px;margin-bottom:28px;padding:20px 24px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(110deg,#1c1b2e88,#11151e66)}.platform-symbol{display:grid;place-items:center;width:43px;height:43px;border:1px solid #b4a7e540;border-radius:12px;font-size:22px;color:#bfb1ec;background:#252038}.alignment-platform strong{font-family:Manrope,sans-serif;font-size:18px;letter-spacing:-.4px;font-weight:600}.alignment-platform strong span{font-family:system-ui,sans-serif;font-size:13px;margin-left:8px;color:#9c96b2;font-weight:400}.alignment-platform p{font-size:10px;color:#8b94ac;margin-top:3px}.alignment-platform>a{margin-left:auto;font-size:10px;color:#beb5dd}.alignment-workspace{display:grid;grid-template-columns:235px minmax(0,1fr);gap:26px;align-items:start}.alignment-chapters{display:flex;flex-direction:column;gap:5px}.alignment-chapters>button{display:flex;align-items:center;text-align:left;gap:15px;padding:18px 17px;border:1px solid transparent;border-radius:12px;transition:background .2s,border-color .2s}.alignment-chapters>button>span{font-size:9px;color:#5f6880;letter-spacing:1px}.alignment-chapters>button>div{font-size:13px;color:#aeb3c6;line-height:1.3}.alignment-chapters small{display:block;font-size:9px;color:#626d87;margin-top:7px}.alignment-chapters i{font-style:normal;margin-left:auto;color:#645980;opacity:0}.alignment-chapters button.active{background:#1c1c2f;border-color:#9c8cd42d}.alignment-chapters button.active>span{color:#b3a1df}.alignment-chapters button.active>div{color:#e6dff9}.alignment-chapters button.active small{color:#9298ae}.alignment-chapters button.active i{opacity:1}.alignment-chapters button:hover{background:#171a28}.alignment-display{overflow:hidden;border:1px solid #aca0cd30;border-radius:18px;background:#10131e;min-width:0}.alignment-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 18px;border-bottom:1px solid var(--line);min-height:60px}.alignment-toolbar>.micro{font-size:9px;color:#b4a8d8;white-space:nowrap}.match-options{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}.match-options button{border:1px solid transparent;border-radius:17px;padding:6px 11px;font-size:10px;color:#868ea5;white-space:nowrap}.match-options button.active{background:#2b273e;color:#e1d7f8;border-color:#ac93d52b}.match-options button:hover{color:white}.alignment-pair{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#292b3c}.alignment-pair figure{margin:0;min-width:0;background:#10131e}.alignment-image{aspect-ratio:4/3;background:#090c14;display:flex;align-items:center;justify-content:center;padding:14px}.alignment-image img{width:100%;height:100%;object-fit:contain;max-width:100%}.alignment-pair figcaption{display:flex;flex-wrap:wrap;align-items:center;gap:9px;padding:12px 15px;border-top:1px solid var(--line)}.alignment-pair figcaption>.domain-tag{background:transparent;border:none;padding:0;font-size:7px;letter-spacing:.8px}.alignment-pair figcaption>span:last-child{font-size:8px;color:#939bb2}.alignment-copy{display:flex;justify-content:space-between;align-items:flex-start;gap:30px;padding:25px 24px 16px}.alignment-copy h3{font-size:20px;letter-spacing:-.6px}.alignment-copy p{font-size:11px;line-height:1.9;color:#929bb2;margin-top:11px;max-width:530px}.match-metric{min-width:88px;text-align:right;flex-shrink:0}.match-metric strong{display:block;font-family:Manrope,sans-serif;font-size:35px;line-height:1.25;letter-spacing:-1.5px;font-weight:400;color:#d0c2f6}.match-metric span{font-size:7px;letter-spacing:1.2px;color:#7d789d}.alignment-note{padding:0 24px 22px;color:#67748f;font-size:9px;line-height:1.8;min-height:55px}.alignment-principle{margin-top:28px;display:flex;align-items:center;gap:19px;padding:23px 0;border-bottom:1px solid var(--line)}.alignment-principle>.tiny-cross{font-size:29px;color:#8f8abe}.alignment-principle p{font-size:12px;line-height:1.9;color:#b8bed2}.alignment-principle p span{color:#747f99}.alignment-principle a{margin-left:auto;color:#aba4c8;font-size:10px;white-space:nowrap}.alignment-principle a span{margin-left:15px}
@media(max-width:1050px){.alignment-workspace{grid-template-columns:195px minmax(0,1fr);gap:18px}.alignment-chapters>button{padding:17px 12px;gap:11px}.alignment-chapters>button>div{font-size:12px}.alignment-chapters small{font-size:8px}.alignment-copy{gap:17px;padding-left:19px;padding-right:19px}.alignment-copy h3{font-size:18px}.match-metric strong{font-size:30px}.match-metric{min-width:70px}.alignment-pair figcaption{gap:7px;padding:11px}.affiliation{padding:0 7px}.affiliation img{height:39px}.affiliation span{font-size:7px}}
@media(max-width:760px){.affiliations{padding-top:0}.affiliations-heading{margin-bottom:14px;gap:10px}.affiliations-heading .eyebrow{font-size:7px;letter-spacing:1.1px}.affiliations-heading>span{font-size:8px;white-space:nowrap}.affiliation-sheet{padding:20px 12px 15px;border-radius:12px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#b6b5c7 #fff}.affiliation-grid{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:10px;width:max-content}.affiliation{flex:0 0 105px;width:105px;gap:10px}.affiliation img{height:43px}.affiliation span{font-size:8px}.film-stage{padding-top:70px}.alignment-platform{padding:17px 15px;gap:12px;flex-wrap:wrap;margin-bottom:21px}.platform-symbol{width:36px;height:36px;font-size:18px}.alignment-platform strong{font-size:16px}.alignment-platform strong span{font-size:11px}.alignment-platform p{font-size:8px;line-height:1.8}.alignment-platform>a{font-size:9px;margin-left:48px}.alignment-workspace{display:block}.alignment-chapters{flex-direction:row;gap:5px;overflow-x:auto;padding-bottom:12px;margin-bottom:9px;scrollbar-width:thin}.alignment-chapters>button{flex:0 0 auto;padding:12px 13px;gap:9px}.alignment-chapters>button>span{font-size:8px}.alignment-chapters>button>div{font-size:10px}.alignment-chapters small,.alignment-chapters i{display:none}.alignment-display{border-radius:13px}.alignment-toolbar{padding:11px 13px;min-height:52px;gap:10px}.alignment-toolbar>.micro{font-size:7px;letter-spacing:1px}.match-options{gap:2px}.match-options button{font-size:8px;padding:5px 8px}.alignment-image{padding:7px;aspect-ratio:1}.alignment-pair figcaption{padding:10px;gap:7px;min-height:62px;align-content:center}.alignment-pair figcaption>.domain-tag{font-size:6px}.alignment-pair figcaption>span:last-child{font-size:7px;line-height:1.5;width:100%}.alignment-copy{padding:20px 15px 13px;gap:15px}.alignment-copy h3{font-size:17px;line-height:1.4;letter-spacing:-.4px}.alignment-copy p{font-size:10px;margin-top:9px}.match-metric{min-width:58px}.match-metric strong{font-size:28px}.match-metric span{font-size:6px;letter-spacing:.7px}.alignment-note{padding:0 15px 17px;font-size:8px;min-height:64px}.alignment-principle{gap:12px;align-items:flex-start;flex-wrap:wrap;padding:0 0 23px;margin-top:23px}.alignment-principle>.tiny-cross{font-size:23px}.alignment-principle p{font-size:10px;flex:1}.alignment-principle a{font-size:9px;margin-left:34px;width:100%}}
/* Paper title and original R5 point/line illustration. */
.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}.hero h1.paper-title{font-size:clamp(42px,5.25vw,78px);line-height:1.15;letter-spacing:-3.2px;max-width:1220px;margin:0 auto;font-weight:500}.paper-title .title-line{display:block}.hero h1.paper-title>.title-line{background:none;color:var(--ink);-webkit-text-fill-color:currentColor}.hero h1.paper-title>.title-accent{background:linear-gradient(110deg,#eee7ff 15%,#aca0f3 50%,#84d1df 87%);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;font-size:1.12em;line-height:1.25}.hero h1.paper-title>.title-final{font-size:.84em;letter-spacing:-2.5px;margin-top:3px}.paper-subtitle{max-width:900px;margin:24px auto 0;font-size:17px;line-height:1.7;color:#b4b8cc;letter-spacing:-.15px}.paper-subtitle strong{color:#dcd6f6;font-weight:500}.hero .hero-description{margin-top:17px;font-size:11px;color:#747f99}.gripper-feature.alignment-platform{display:grid;grid-template-columns:.8fr 1.2fr;gap:0;padding:0;margin-bottom:38px;overflow:hidden;border-radius:22px;min-height:460px;background:radial-gradient(ellipse at 75% 50%,#25244966,transparent 63%),linear-gradient(130deg,#10131e,#0c0f19);position:relative}.gripper-intro{padding:38px 0 38px 37px;position:relative;z-index:1}.alignment-platform .gripper-intro .eyebrow{font-size:8px;letter-spacing:2px;color:#8d91ac;margin:0 0 19px}.gripper-intro h3{font-size:49px;line-height:1.1;letter-spacing:-2.2px;font-weight:500}.gripper-intro h3>span{font-family:system-ui,sans-serif;font-size:17px;letter-spacing:2px;color:#9994b1;display:inline-block;margin-left:10px;vertical-align:middle;font-weight:400}.alignment-platform .gripper-statement{font-family:Manrope,sans-serif;font-size:26px;line-height:1.35;color:#b8b3cc;letter-spacing:-.8px;margin-top:22px}.alignment-platform .gripper-summary{font-size:11px;line-height:1.9;color:#7d89a5;margin-top:18px}.gripper-facts{display:flex;flex-wrap:wrap;gap:15px;font-size:7px;letter-spacing:1px;color:#9b94b5;margin:22px 0 26px}.gripper-facts>span{display:flex;align-items:center;gap:7px}.gripper-facts>span:before{content:'';width:3px;height:3px;border-radius:50%;background:#b4a0ed}.gripper-intro>a{font-size:10px;color:#c2b3e8}.gripper-art{min-width:0;align-self:stretch;position:relative;display:flex;flex-direction:column;padding:22px 23px 19px 0}.gripper-art-head{display:flex;justify-content:space-between;gap:12px;font-size:7px;letter-spacing:1.3px;color:#666f8c;position:relative;z-index:1}.gripper-art-head>span:first-child{color:#9692b8}.gripper-stage{position:relative;height:350px;flex:1;min-height:340px;cursor:grab;touch-action:pan-y;outline-offset:-3px;border-radius:16px}.gripper-stage.dragging{cursor:grabbing}.gripper-stage canvas,.gripper-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.gripper-stage.ready .gripper-fallback{visibility:hidden}.gripper-hint{position:absolute;bottom:8px;left:0;width:100%;text-align:center;pointer-events:none;font-size:7px;letter-spacing:1.4px;color:#737c9c}.gripper-controls{display:flex;align-items:center;gap:12px;padding-top:15px;border-top:1px solid #b0a5e51a;font-size:9px;color:#989bb6;flex-wrap:wrap}.gripper-controls label{color:#c2b8db;font-size:10px}.gripper-controls input{accent-color:#bba4ef;min-width:55px;width:100px;flex:1;height:16px;cursor:ew-resize}.gripper-controls output{font-variant-numeric:tabular-nums;font-size:8px;min-width:27px;color:#777e9d}.gripper-controls button{font-size:8px;padding:4px 0;color:#9390b1;white-space:nowrap}.gripper-controls button:hover{color:white}.gripper-controls #gripper-motion{margin-left:auto}
@media(min-width:1600px){.hero h1.paper-title{font-size:83px}}
@media(max-width:1050px){.hero h1.paper-title{font-size:61px;letter-spacing:-2.6px}.hero h1.paper-title>.title-final{letter-spacing:-2px}.paper-subtitle{font-size:15px}.gripper-feature.alignment-platform{grid-template-columns:.82fr 1.18fr;min-height:420px}.gripper-intro{padding:30px 0 30px 27px}.gripper-intro h3{font-size:41px}.alignment-platform .gripper-statement{font-size:23px}.alignment-platform .gripper-summary{font-size:10px}.gripper-art{padding:22px 20px 18px 0}.gripper-controls{gap:10px}.gripper-controls label{font-size:9px}.gripper-controls input{width:65px}.gripper-controls #gripper-motion{margin-left:0}.gripper-stage{min-height:320px}}
@media(max-width:760px){.hero h1.paper-title{font-size:clamp(30px,7.7vw,52px);letter-spacing:-1.3px;line-height:1.2;max-width:570px}.hero h1.paper-title>.title-accent{font-size:1.08em;line-height:1.35}.hero h1.paper-title>.title-final{font-size:.9em;letter-spacing:-1px;max-width:450px;margin:5px auto 0;line-height:1.25}.paper-subtitle{font-size:12px;line-height:1.8;margin-top:23px;max-width:450px}.subtitle-break{display:none}.hero .hero-description{font-size:10px;max-width:340px;margin:17px auto 0}.hero-content .eyebrow{margin-bottom:27px}.gripper-feature.alignment-platform{display:block;min-height:0;margin-bottom:26px;border-radius:17px}.gripper-intro{padding:26px 24px 0}.alignment-platform .gripper-intro .eyebrow{font-size:7px;letter-spacing:1.5px;margin-bottom:15px}.gripper-intro h3{font-size:42px}.gripper-intro h3>span{font-size:15px}.alignment-platform .gripper-statement{font-size:21px;margin-top:16px}.gripper-statement br{display:none}.alignment-platform .gripper-summary{font-size:10px;margin-top:11px}.gripper-facts{margin:16px 0;font-size:6px;gap:13px}.gripper-intro>a{font-size:9px}.gripper-art{padding:25px 19px 19px}.gripper-art-head{font-size:6px;letter-spacing:.8px}.gripper-stage{min-height:270px;height:290px}.gripper-hint{font-size:6px;letter-spacing:.7px;bottom:6px}.gripper-controls{gap:10px;padding-top:14px}.gripper-controls label{font-size:9px}.gripper-controls button{font-size:8px}.gripper-controls #gripper-motion{margin-left:auto}.gripper-controls input{max-width:150px;min-width:70px}.gripper-controls output{min-width:22px}}
/* Complete experiment atlas: one simulation / real pair per task. */
.film-stage .cinema,.film-stage .film-nav,.film-stage>.caption,.film-stage .film-strip{max-width:900px;margin-left:auto;margin-right:auto}
.film-nav{flex-wrap:wrap;gap:5px;margin-bottom:20px}.film-nav button{font-size:10px;padding:7px 12px}.reel-panel{aspect-ratio:8/3}.reel-labels{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr))}.reel-cell{padding:8px;min-width:0;box-shadow:inset 0 0 0 1px #080a1066}.reel-cell>span{font-size:8px;line-height:1.4;padding:3px 6px;gap:6px;max-width:100%;align-items:center}.reel-cell>span i{margin-left:auto}.reel-cell>small{bottom:6px;right:7px;font-size:6px;letter-spacing:.5px}.film-strip{grid-template-columns:repeat(8,minmax(0,1fr));gap:18px 12px}.film-thumb>span{font-size:9px;white-space:normal;line-height:1.5}.film-thumb small{display:block;font-size:7px;letter-spacing:.7px;margin:0 0 3px;color:#747c96}.cinema-top>div{min-width:0}.cinema-bottom p{min-width:0}#cinema{scroll-margin-top:96px}
@media(max-width:1024px) and (min-width:761px){.film-strip{grid-template-columns:repeat(4,minmax(0,1fr))}.reel-cell{padding:5px}.reel-cell>span{font-size:7px}.reel-cell>small{font-size:5px;bottom:4px;right:5px}}
@media(max-width:760px){.film-nav{flex-wrap:nowrap;margin-bottom:15px}.film-nav button{flex:0 0 auto;font-size:10px;padding:8px 13px}.reel-panel{aspect-ratio:2/3}.reel-labels{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(8,minmax(0,1fr))}.reel-cell{padding:5px}.reel-cell>span{font-size:7px;padding:2px 4px;gap:4px}.reel-cell>small{font-size:5px;bottom:4px;right:5px}.film-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px 9px}.film-thumb>span{font-size:8px}.film-thumb small{display:block;font-size:6px}.cinema-top{gap:8px}.cinema-top .micro{display:none}.cinema-bottom p{max-width:none;font-size:10px}.cinema-bottom .text-button{flex-shrink:0}#cinema{scroll-margin-top:82px}}

/* Figure 1 sits between the original cover and author affiliations. */
.paper-overview-section { padding: 48px 6% 52px; }
.paper-overview { max-width: 960px; margin: 0 auto; scroll-margin-top: 100px; }
.figure-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 12px;
  color: #d3d3e4;
  font-size: 12px;
}
.figure-toolbar > p { display: flex; align-items: center; flex-wrap: wrap; gap: 13px; }
.figure-number { color: #a9a2db; font-size: 9px; letter-spacing: 1.7px; }
.figure-links { display: flex; flex-shrink: 0; gap: 19px; font-size: 11px; color: #a6adc3; }
.figure-links a { padding: 6px 0; }
.figure-links a:hover { color: #fff; }
.figure-links a > span { color: #b7a9ee; margin-left: 3px; }
.paper-figure-link {
  display: block;
  background: radial-gradient(ellipse at 15% 10%, #9180cf35, transparent 65%), radial-gradient(ellipse at 85% 90%, #6ba4c328, transparent 65%), #10131d;
  padding: 10px;
  border: 1px solid #c9c1f526;
  border-radius: 18px;
  box-shadow: 0 18px 60px #03050b40;
  cursor: zoom-in;
}
.paper-figure-link picture, .paper-figure-link img { display: block; width: 100%; height: auto; }
.paper-figure-link img {
  border-radius: 9px;
  opacity: .72;
  transition: opacity .25s ease;
}
.paper-figure-link:hover img,
.paper-figure-link:focus-visible img { opacity: 1; }
.paper-overview figcaption {
  max-width: 960px;
  margin: 14px auto 0;
  color: #c3c7d7;
  font-size: 11px;
  line-height: 1.75;
  text-align: center;
}
.paper-overview figcaption > span { color: #8d96ae; }
@media (max-width: 1050px) {
  .nav-shell nav a { padding-left: 10px; padding-right: 10px; font-size: 11px; }
}
@media (max-width: 760px) {
  .paper-overview-section { padding: 32px 4% 40px; }
  .figure-toolbar { align-items: flex-end; gap: 10px; margin-bottom: 10px; font-size: 10px; }
  .figure-toolbar > p { display: block; }
  .figure-number { display: block; font-size: 8px; letter-spacing: 1.3px; margin-bottom: 2px; }
  .figure-links { gap: 13px; font-size: 10px; }
  .paper-figure-link { padding: 5px; border-radius: 9px; }
  .paper-overview figcaption { font-size: 10px; line-height: 1.65; margin-top: 12px; padding: 0 8px; }
  .paper-overview figcaption > span { display: block; margin-top: 3px; }
}

/* Original-color marks float over a shared, softly lit cloud. */
.affiliation-sheet {
  position: relative;
  background: transparent;
  border: 0;
  border-radius: 0;
  padding: 38px 12px 28px;
  overflow: visible;
  isolation: isolate;
  scrollbar-color: #55536b transparent;
}
.affiliation-sheet::before,
.affiliation-sheet::after {
  content: '';
  position: absolute;
  pointer-events: none;
  z-index: -1;
  inset: 4% -5% 0;
  background: radial-gradient(ellipse at 20% 40%, #9babdc25, transparent 37%), radial-gradient(ellipse at 65% 65%, #83b8d72c, transparent 42%), radial-gradient(ellipse at 90% 25%, #a290d326, transparent 32%);
  filter: blur(22px);
  animation: affiliation-cloud 18s ease-in-out infinite alternate;
}
.affiliation-sheet::after {
  inset: 30% 10% -12%;
  background: radial-gradient(ellipse at 40% 50%, #b9c9e529, transparent 58%);
  animation-duration: 23s;
  animation-delay: -8s;
}
.affiliation-grid { position: relative; row-gap: 12px; }
.affiliation {
  position: relative;
  padding: 20px 10px 25px;
  gap: 18px;
  --float-time: 7.4s;
  --float-delay: -1s;
  --mist-opacity: .6;
}
.affiliation:nth-child(2n) { --float-time: 8.8s; --float-delay: -3.5s; }
.affiliation:nth-child(3n) { --float-time: 9.6s; --float-delay: -6s; }
.affiliation::before {
  content: '';
  position: absolute;
  top: -2px;
  left: 50%;
  width: 130px;
  max-width: 115%;
  height: 98px;
  transform: translateX(-50%);
  background: radial-gradient(ellipse, #eef3ff9c, #b0c9e842 36%, #8caddc0a 60%, transparent 72%);
  filter: blur(9px);
  opacity: var(--mist-opacity);
  transition: opacity .3s ease;
  pointer-events: none;
  z-index: -1;
}
.affiliation[title="Sapient Intelligence"],
.affiliation[title="SimpleAI"],
.affiliation[title="Imperial College London"] { --mist-opacity: 1; }
.affiliation img {
  position: relative;
  height: 52px;
  filter: none;
  mix-blend-mode: normal;
  opacity: 1;
  mask-image: var(--mark-mask);
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  animation: affiliation-float var(--float-time) ease-in-out var(--float-delay) infinite;
}
.affiliation span { position: relative; color: #a5aec5; transition: color .2s ease; }
.affiliation:hover::before { opacity: 1; }
.affiliation:hover img { animation-play-state: paused; }
.affiliation:hover span { color: #e0ddef; }
@keyframes affiliation-float {
  0%, 100% { transform: translateY(2px); }
  50% { transform: translateY(-6px); }
}
@keyframes affiliation-cloud {
  from { transform: translate3d(-2%, -3px, 0); }
  to { transform: translate3d(2%, 5px, 0); }
}
@media (max-width: 760px) {
  .affiliation-sheet { padding: 28px 0 20px; overflow-x: auto; overflow-y: hidden; }
  .affiliation { padding: 17px 8px 23px; gap: 17px; }
  .affiliation img { height: 48px; }
  .affiliation::before { width: 112px; height: 88px; }
  .paper-figure-link img { border-radius: 5px; }
}
@media (hover: none) {
  .paper-figure-link img { opacity: .9; }
}
@media (prefers-reduced-motion: reduce) {
  .paper-figure-link img, .affiliation span, .affiliation::before { transition: none; }
  .affiliation img, .affiliation-sheet::before, .affiliation-sheet::after { animation: none; transform: none; }
}
body.motion-paused .paper-figure-link img,
body.motion-paused .affiliation span,
body.motion-paused .affiliation::before { transition: none; }
body.motion-paused .affiliation img,
body.motion-paused .affiliation-sheet::before,
body.motion-paused .affiliation-sheet::after { animation-play-state: paused; }

/* Masks hide only the paper background; the original RGB images stay intact. */
.affiliation img[src$="/cas.webp"] { --mark-mask: url("media/affiliations/masks/cas.svg"); }
.affiliation img[src$="/cmu.webp"] { --mark-mask: url("media/affiliations/masks/cmu.svg"); }
.affiliation img[src$="/hku.webp"] { --mark-mask: url("media/affiliations/masks/hku.svg"); }
.affiliation img[src$="/imperial.webp"] { --mark-mask: url("media/affiliations/masks/imperial.svg"); }
.affiliation img[src$="/mbzuai.webp"] { --mark-mask: url("media/affiliations/masks/mbzuai.svg"); }
.affiliation img[src$="/michigan.webp"] { --mark-mask: url("media/affiliations/masks/michigan.svg"); }
.affiliation img[src$="/ntu.webp"] { --mark-mask: url("media/affiliations/masks/ntu.svg"); }
.affiliation img[src$="/sapient.webp"] { --mark-mask: url("media/affiliations/masks/sapient.svg"); }
.affiliation img[src$="/seu.webp"] { --mark-mask: url("media/affiliations/masks/seu.svg"); }
.affiliation img[src$="/simpleai.webp"] { --mark-mask: url("media/affiliations/masks/simpleai.svg"); }
.affiliation img[src$="/stanford.webp"] { --mark-mask: url("media/affiliations/masks/stanford.svg"); }
.affiliation img[src$="/tsinghua.webp"] { --mark-mask: url("media/affiliations/masks/tsinghua.svg"); }
.affiliation img[src$="/tuojing.webp"] { --mark-mask: url("media/affiliations/masks/tuojing.svg"); }

/* The film inherits the page's quiet, dark presentation. */
.promo-shell { position: relative; overflow: hidden; aspect-ratio: 16/9; border: 1px solid #b8b0e32b; border-radius: 16px; background: #0a0d15; box-shadow: 0 22px 80px #0005; isolation: isolate; }
.promo-video { display: block; width: 100%; height: 100%; object-fit: contain; }
.promo-open { position: absolute; inset: 0; width: 100%; height: 100%; display: flex; align-items: flex-end; justify-content: center; cursor: pointer; background: linear-gradient(transparent 78%,#03050b50); color: #fff; border-radius: inherit; }
.promo-watch { display: flex; align-items: center; gap: 10px; margin-bottom: 22px; padding: 11px 17px; background: #0a0d19c9; border: 1px solid #eee9ff39; border-radius: 40px; backdrop-filter: blur(18px); box-shadow: 0 4px 22px #0004; font-size: 11px; opacity: 0; transform: translateY(5px); transition: opacity .2s,transform .2s; }
.promo-watch svg { width: 17px; height: 17px; fill: currentColor; }
.promo-duration { color: #a8aac1; padding-left: 11px; margin-left: 4px; border-left: 1px solid #ffffff29; font-variant-numeric: tabular-nums; }
.promo-open:hover .promo-watch, .promo-open:focus-visible .promo-watch, .promo-idle .promo-watch { opacity: 1; transform: none; }
.promo-open:focus-visible { outline: 2px solid #c4b4ff; outline-offset: -5px; }
.paper-overview .promo-caption { display: flex; justify-content: space-between; gap: 24px; text-align: left; font-size: 11px; margin-top: 15px; }
.promo-caption a { flex-shrink: 0; color: #b6accf; }
.promo-caption a:hover { color: #fff; }
.promo-dialog { margin: auto; padding: 0; color: #eeeef6; width: min(1100px,94vw); max-width: none; max-height: 94dvh; overflow: auto; background: #0e111b; border: 1px solid #c7bdef33; border-radius: 18px; box-shadow: 0 30px 140px #000b; }
.promo-dialog::backdrop { background: #03050bd9; backdrop-filter: blur(12px); }
.promo-dialog-head { padding: 22px 26px; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.promo-dialog-head .eyebrow { margin: 0 0 7px; font-size: 8px; letter-spacing: 1.6px; color: #aaa0ce; }
.promo-dialog h2 { font-size: 19px; line-height: 1.4; font-weight: 500; letter-spacing: -.3px; }
#promo-close { flex-shrink: 0; width: 36px; height: 36px; border-radius: 50%; border: 1px solid #ffffff25; color: #c9c5d9; font-size: 27px; line-height: 1; }
#promo-close:hover { color: white; background: #ffffff0c; }
#promo-player { display: block; width: 100%; max-height: calc(94dvh - 152px); aspect-ratio: 16/9; background: #05070c; }
.promo-dialog-note { display: flex; justify-content: space-between; padding: 16px 26px; font-size: 10px; color: #9599ae; }
.promo-error { padding: 0 26px 20px; font-size: 12px; color: #d2c8e6; }
.promo-error a { text-decoration: underline; }
@media (hover:none) { .promo-watch { opacity: 1; transform: none; margin-bottom: 12px; padding: 8px 13px; font-size: 10px; } }
@media (max-width:760px) {
 .promo-shell { border-radius: 10px; }
 .paper-overview .promo-caption { font-size: 10px; gap: 12px; line-height: 1.6; }
 .promo-dialog { width: 96vw; border-radius: 12px; }
 .promo-dialog-head { padding: 16px; }
 .promo-dialog h2 { font-size: 15px; }
 .promo-dialog-head .eyebrow { font-size: 6px; }
 .promo-dialog-note { padding: 13px 16px; font-size: 9px; }
}
@media (prefers-reduced-motion:reduce) { .promo-watch { transition: none; opacity: 1; transform: none; } }