:root{color-scheme:dark;--bg:#0b0d10;--panel:#12151a;--surface:#181c22;--line:#262b33;--text:#eceef1;--muted:#a2a9b4;--dim:#6c7480;--yellow:#ffd23f;--mono:'Cascadia Mono',Consolas,monospace;font-family:'Segoe UI','Microsoft YaHei',sans-serif;color:var(--text);background:var(--bg);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--yellow);outline-offset:6px}::selection{background:var(--yellow);color:#15120a}h1,h2,h3,p{margin:0}img{display:block;max-width:100%}[hidden]{display:none!important}.wrap{width:min(1280px,calc(100% - 112px));margin-inline:auto}.section{padding-block:112px;scroll-margin-top:16px}.eyebrow{font:11px/1.6 var(--mono);letter-spacing:2px;color:var(--muted)}.yellow{color:var(--yellow)}.muted{color:var(--dim)}.skip{position:fixed;top:-100px;left:16px;z-index:100;padding:16px;background:var(--yellow);color:#15120a}.skip:focus{top:16px}.header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 56px;border-bottom:1px solid var(--line);background:var(--bg);position:relative;z-index:20;gap:24px}.brand{display:flex;align-items:center;gap:10px;font-family:Bahnschrift,'Arial Narrow',sans-serif;font-weight:750;letter-spacing:.5px;font-size:22px}.brand-sub{border-left:1px solid var(--line);margin-left:8px;padding-left:18px;font:9px/1.5 var(--mono);letter-spacing:1px;color:var(--dim);max-width:90px}.header nav{display:flex;gap:32px;font-size:13px;color:var(--muted)}.header nav a:hover,.text-link:hover,.footer a:hover{color:var(--yellow)}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:18px 24px;min-height:54px;border:1px solid #363c46;border-radius:4px;background:transparent;color:var(--text);font-size:14px;font-weight:600;transition:background .2s,transform .2s}.button:hover{background:var(--surface);transform:translateY(-2px)}.button.primary{background:var(--yellow);color:#15120a;border-color:var(--yellow)}.button.primary:hover{background:#ffdd6e}.button.small{min-height:40px;padding:10px 16px;font-size:12px}.text-link{font-size:13px;display:inline-flex;gap:20px;align-items:center}.menu-toggle{display:none}.hero{position:relative;min-height:720px;isolation:isolate;overflow:hidden;display:flex;align-items:center}.hero-art{position:absolute;inset:0;z-index:-3;background:url('assets/ancient-concept.png') 72% 52%/cover}.hero-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0b0d10 2%,rgba(11,13,16,.94) 22%,rgba(11,13,16,.3) 65%,rgba(11,13,16,.08)),linear-gradient(0deg,#0b0d10,transparent 30%,rgba(11,13,16,.1))}.hero-grid{position:absolute;inset:24px;z-index:-1;border:1px solid rgba(236,238,241,.08)}.hero-grid:after{content:'+';position:absolute;right:21%;top:42%;color:rgba(236,238,241,.4);font:32px var(--mono)}.hero-content{padding-block:64px 112px}.signal{display:inline-block;width:6px;height:6px;background:var(--yellow);margin-right:12px;border-radius:50%;vertical-align:2px}h1{font-size:clamp(48px,5.5vw,82px);line-height:1.22;letter-spacing:-4px;font-weight:750;margin:24px 0}.hero-description{font-size:21px;line-height:1.7}.hero-detail{font-size:14px;line-height:1.9;color:var(--muted);margin-top:20px}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:32px}.platform{display:block;font:10px/1.8 var(--mono);letter-spacing:1.3px;color:var(--muted);margin-top:16px}.shot-label{position:absolute;right:56px;bottom:112px;display:flex;flex-direction:column;align-items:flex-end;gap:12px}.shot-label span{font:9px var(--mono);color:var(--muted);letter-spacing:1px}.shot-label b{font:600 40px Bahnschrift,sans-serif;letter-spacing:4px}.hero-bottom{position:absolute;bottom:24px;left:0;right:0;display:flex;justify-content:space-between;align-items:center;font:10px var(--mono);letter-spacing:1px;color:var(--muted);padding-top:20px;border-top:1px solid var(--line)}.hero-bottom i{display:inline-block;background:var(--yellow);height:4px;width:16px;margin-right:12px}.hero-bottom a{display:flex;gap:24px}.manifesto{border-block:1px solid var(--line);padding-block:32px;background:var(--panel)}.manifesto .wrap{display:flex;justify-content:space-between;align-items:center;gap:24px}.manifesto span{font:9px var(--mono);letter-spacing:1px;color:var(--dim)}.manifesto p{font-size:18px;letter-spacing:1px}.manifesto em{font-style:normal;color:var(--muted);margin-left:16px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:48px}h2{font-size:44px;line-height:1.45;letter-spacing:-1.8px;font-weight:600}.section-heading .eyebrow,.finish .eyebrow,.faq .eyebrow{margin-bottom:20px}.section-heading>p,.finish-copy>p:not(.eyebrow),.faq>div>p:not(.eyebrow){font-size:14px;line-height:1.9;color:var(--muted)}.director{display:grid;grid-template-columns:1.65fr 1fr;border:1px solid var(--line);background:var(--panel);border-radius:6px;overflow:hidden}.director-stage{position:relative;overflow:hidden;min-height:420px;background:var(--bg);color:var(--yellow)}.director-stage>img{width:100%;height:100%;position:absolute;object-fit:cover;transition:transform .8s,filter .8s;transform:scale(1.12)}.director-stage:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(11,13,16,.7),transparent 30%,transparent 75%,rgba(11,13,16,.6));pointer-events:none}.director-stage[data-view=space]>img{transform:scale(1);filter:saturate(.5)}.director-stage[data-view=first]>img{transform:scale(1.65);transform-origin:75% 65%}.monitor-top,.monitor-bottom{position:absolute;z-index:2;left:24px;right:24px;display:flex;justify-content:space-between;color:var(--text);font:9px var(--mono);letter-spacing:1px}.monitor-top{top:24px}.monitor-bottom{bottom:24px}.monitor-bottom span:last-child{color:var(--muted);letter-spacing:0}.frame-corners{position:absolute;inset:48px 24px;z-index:2;background:linear-gradient(currentColor,currentColor) left top/20px 1px no-repeat,linear-gradient(currentColor,currentColor) left top/1px 20px no-repeat,linear-gradient(currentColor,currentColor) right top/20px 1px no-repeat,linear-gradient(currentColor,currentColor) right top/1px 20px no-repeat,linear-gradient(currentColor,currentColor) left bottom/20px 1px no-repeat,linear-gradient(currentColor,currentColor) left bottom/1px 20px no-repeat,linear-gradient(currentColor,currentColor) right bottom/20px 1px no-repeat,linear-gradient(currentColor,currentColor) right bottom/1px 20px no-repeat;opacity:.7}.crosshair{position:absolute;top:50%;left:50%;z-index:2;font:24px var(--mono);opacity:.6}.camera-route{position:absolute;width:90%;inset:10% 5%;opacity:0;transition:opacity .5s}.director-stage[data-view=space] .camera-route{opacity:.85}.director-controls{padding:32px}.director-controls>.eyebrow{font-size:9px}.view-options{margin-block:24px}.view-option{display:flex;gap:16px;width:100%;align-items:center;text-align:left;color:var(--dim);background:none;border:0;border-bottom:1px solid var(--line);padding:24px 0}.view-option>span{font:11px var(--mono)}.view-option>span:last-child{margin-left:auto}.view-option b{display:block;color:var(--muted);font-size:15px;font-weight:500}.view-option small{font:9px var(--mono);display:block;margin-top:8px;letter-spacing:1px}.view-option.active>span,.view-option.active b{color:var(--yellow)}.view-option:hover b{color:var(--text)}#view-description{font-size:12px;color:var(--muted);line-height:1.9;min-height:48px;margin-bottom:24px}.workflow{background:var(--panel);border-block:1px solid var(--line)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.step-visual{height:200px;border:1px solid var(--line);background:var(--bg);padding:24px;display:flex;position:relative;overflow:hidden}.step-visual>span{font:9px var(--mono);letter-spacing:1px;color:var(--dim)}.import-visual{align-items:center;justify-content:center;flex-direction:column;gap:16px}.file-icon{border:1px solid #363c46;border-top:3px solid var(--yellow);padding:24px 20px;font:24px var(--mono);color:var(--text);transform:rotate(-6deg);background:var(--surface)}.import-visual i{position:absolute;right:24px;bottom:24px;font-size:24px;color:var(--yellow);font-style:normal}.step-number{font:10px var(--mono);color:var(--yellow);letter-spacing:1px;margin:24px 0 12px}h3{font-size:20px;font-weight:500;margin-bottom:12px}.steps article>p:last-child{font-size:13px;line-height:1.9;color:var(--muted);max-width:330px}.rounds-visual{display:block}.rounds-visual>span{display:block;margin-bottom:16px}.rounds-visual>div{display:flex;justify-content:space-between;align-items:center;padding:10px;font:11px var(--mono);color:var(--dim)}.rounds-visual small{font-size:9px}.rounds-visual i{font-style:normal}.rounds-visual .selected{background:rgba(255,210,63,.12);color:var(--yellow);border-left:2px solid}.timeline-visual{flex-direction:column;justify-content:center;gap:18px}.timeline{display:flex;height:48px;gap:4px;position:relative}.timeline i{flex:1;background:url('assets/ancient-concept.png') center/cover;border-top:2px solid var(--yellow)}.timeline i:nth-child(2){background-position:75%}.timeline i:nth-child(3){background-position:25%}.timeline:after{position:absolute;content:'';height:100px;left:60%;top:-12px;border-left:1px solid var(--text)}.waveform{height:20px;background:repeating-linear-gradient(90deg,transparent 0 3px,var(--dim) 3px 5px,transparent 5px 8px);clip-path:polygon(0 40%,5% 10%,10% 40%,15% 0,20% 30%,25% 20%,30% 40%,35% 10%,40% 35%,45% 0,50% 25%,55% 40%,60% 5%,65% 30%,70% 10%,75% 40%,80% 10%,85% 35%,90% 15%,95% 30%,100% 45%,100% 55%,95% 70%,90% 85%,85% 65%,80% 90%,75% 60%,70% 90%,65% 70%,60% 95%,55% 60%,50% 75%,45% 100%,40% 65%,35% 90%,30% 60%,25% 80%,20% 70%,15% 100%,10% 60%,5% 90%,0 60%)}.timeline-visual small{font:8px var(--mono);letter-spacing:1px;color:var(--dim)}.finish{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:96px}.finish-copy>p:not(.eyebrow){margin-top:24px}.film-details{display:flex;gap:24px;margin-top:32px;font:11px var(--mono);color:var(--muted)}.film-details span{border-top:1px solid #363c46;padding-top:12px}.film-poster{position:relative;aspect-ratio:1/1.05;overflow:hidden;border:1px solid var(--line);transform:rotate(3deg)}.film-poster>img{width:100%;height:100%;object-fit:cover;object-position:70%}.film-poster:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(11,13,16,.8),transparent)}.film-poster>div{position:absolute;inset:32px;z-index:1;display:flex;flex-direction:column;justify-content:flex-end}.film-poster span{font:9px var(--mono);letter-spacing:2px}.film-poster strong{font:700 64px/.95 Bahnschrift,'Arial Narrow',sans-serif;letter-spacing:-2px;margin-block:20px}.faq{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.5fr;gap:80px}.faq h2{margin-bottom:16px}details{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;font-size:15px;padding:24px 0;gap:24px}summary::-webkit-details-marker{display:none}summary span{color:var(--dim);font:22px var(--mono)}details[open] summary span{transform:rotate(45deg);color:var(--yellow)}details p{font-size:13px;line-height:1.9;color:var(--muted);padding:0 32px 24px 0}.download{text-align:center;background:var(--panel);border-block:1px solid var(--line);position:relative;overflow:hidden}.download:before{content:'AfterReplay';position:absolute;font:800 200px Bahnschrift,sans-serif;color:rgba(236,238,241,.025);bottom:-50px;left:50%;transform:translateX(-50%);pointer-events:none}.download h2{font-size:64px;margin:16px 0 24px}.download h2 span{color:var(--yellow)}.download p:not(.eyebrow){color:var(--muted);font-size:14px}.download .button{margin-top:32px}.footer{display:flex;align-items:center;gap:32px;padding-block:48px}.footer p{color:var(--dim);font-size:12px}.footer>a:not(.brand){margin-left:auto;font-size:12px;color:var(--muted)}.footer small{font-size:9px;color:var(--dim);line-height:1.8}dialog{max-width:480px;width:calc(100% - 40px);padding:40px;border:1px solid #363c46;border-radius:6px;background:var(--panel);color:var(--text);box-shadow:0 24px 64px rgba(0,0,0,.55)}dialog::backdrop{background:rgba(0,0,0,.75);backdrop-filter:blur(8px)}dialog h2{font-size:26px;letter-spacing:-.5px;margin-block:16px}dialog>p:not(.eyebrow){font-size:14px;line-height:1.9;color:var(--muted);margin-bottom:24px}.dialog-close{position:absolute;right:12px;top:8px;font-size:26px;border:0;background:none;color:var(--muted)}.dialog-dismiss{margin-top:12px;width:100%}
@media(min-width:1600px){.hero{min-height:800px}.hero-art{background-position:center 58%}}
@media(max-width:1100px){.brand-sub{display:none}.wrap{width:calc(100% - 64px)}.header{padding-inline:32px}.director{grid-template-columns:1.3fr 1fr}.director-controls{padding:24px}.finish{gap:48px}.film-poster strong{font-size:52px}.manifesto span:last-child{display:none}.hero .eyebrow{font-size:9px;letter-spacing:1px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.section{padding-block:64px}.header{height:72px;padding-inline:20px;gap:12px}.brand{font-size:18px;gap:8px}.brand img{width:24px;height:24px}.header>.button{margin-left:auto;font-size:11px;padding:8px 12px;gap:8px}.menu-toggle{display:block;order:3;background:none;border:1px solid var(--line);color:var(--text);padding:8px 10px;font-size:16px}.header nav{display:none;position:absolute;left:0;right:0;top:71px;background:var(--panel);padding:24px;border-bottom:1px solid var(--line)}.header nav.open{display:flex;flex-direction:column;gap:24px}.hero{min-height:760px;align-items:flex-start}.hero-art{background-position:67% center}.hero-art:after{background:linear-gradient(90deg,rgba(11,13,16,.95),rgba(11,13,16,.45)),linear-gradient(0deg,#0b0d10,transparent 45%)}.hero-grid{inset:12px}.hero-content{padding-block:56px 140px}h1{font-size:52px;letter-spacing:-2px;margin-block:24px}.hero-description{font-size:18px}.hero-detail{font-size:13px}.hero-actions{align-items:flex-start;flex-direction:column;gap:24px}.hero .platform{font-size:8px}.shot-label{right:24px;bottom:80px;gap:8px}.shot-label b{font-size:24px}.shot-label span{font-size:8px}.hero-bottom{font-size:8px;gap:16px;align-items:flex-end}.hero-bottom>span{max-width:190px;line-height:1.8}.hero-bottom a{white-space:nowrap;gap:12px}.manifesto{padding-block:24px}.manifesto .wrap{display:block}.manifesto span{font-size:8px}.manifesto p{font-size:15px;margin-top:12px}.manifesto em{margin-left:8px}.section-heading{display:block;margin-bottom:32px}h2{font-size:32px;letter-spacing:-1px}.section-heading>p{margin-top:24px;font-size:13px}.director{display:flex;flex-direction:column}.director-stage{min-height:280px}.director-controls{padding:24px}.view-option{padding-block:20px}.monitor-top,.monitor-bottom{left:16px;right:16px;font-size:8px;letter-spacing:0}.monitor-bottom span:last-child{font-size:8px}.steps{grid-template-columns:1fr;gap:40px}.step-visual{height:190px}.steps article>p:last-child{max-width:none}.finish{grid-template-columns:1fr;gap:40px}.film-poster{max-width:440px;width:calc(100% - 16px);margin:auto;aspect-ratio:1.15}.film-poster strong{font-size:56px}.film-poster>div{inset:24px}.faq{grid-template-columns:1fr;gap:24px}.faq>div>p:not(.eyebrow){font-size:13px}.download h2{font-size:42px}.download:before{font-size:100px;bottom:-16px}.footer{flex-wrap:wrap;gap:20px;padding-block:32px}.footer p{margin-left:auto;font-size:10px}.footer>a:not(.brand){margin-left:0}.footer small{margin-left:auto;text-align:right}.section-heading .eyebrow,.finish .eyebrow,.faq .eyebrow{font-size:9px}.hero .eyebrow{max-width:290px;font-size:8px}dialog{padding:32px 24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}