/* Homepage native workbench film. Load after home-story.css; legacy AIDemo is untouched. */
.ls-home.hr-home > #home-product-demo.nf-home{padding:100px 0 86px!important;background:#0a1b2a;color:#f2f4f5;overflow:hidden}
.nf-home .ls-container{width:min(1240px,calc(100% - 112px));margin:auto;max-width:none}
.nf-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:48px;margin-bottom:46px}
.nf-home .nf-heading .hr-eyebrow{color:#9eb7bd;font:500 11px/1.8 var(--lk-font-cn);letter-spacing:.08em}
.hr-home .nf-heading h2{color:#f2f4f5;font:450 clamp(35px,3.2vw,48px)/1.3 var(--lk-font-cn);letter-spacing:-.035em;margin:22px 0 0}
.nf-heading>p{color:#a8b6bf;font:400 14px/1.95 var(--lk-font-cn);margin:0 0 4px}
.nf-player{border:1px solid #314451;border-radius:16px;background:#102536;overflow:hidden;box-shadow:0 35px 80px -40px #0008}
.nf-viewport{position:relative;width:100%;aspect-ratio:1440/870;overflow:hidden;background:#102536}
.nf-viewport iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block;pointer-events:none}
.nf-cover{position:absolute;left:50%;bottom:24%;transform:translateX(-50%);display:flex;align-items:center;gap:18px;padding:15px 26px 15px 16px;border:1px solid #ffffff54;border-radius:99px;background:#112432e8;backdrop-filter:blur(16px);box-shadow:0 12px 40px #07101766;color:#fff;cursor:pointer;white-space:nowrap;text-align:left}
.nf-cover-play{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#e9f0e2;color:#193344;font-size:17px;padding-left:3px;box-sizing:border-box}
.nf-cover b{display:block;font:500 15px/1.5 var(--lk-font-cn)}.nf-cover small{display:block;color:#b5c4cb;font:400 10px/1.8 var(--lk-font-cn);margin-top:4px}
.nf-cover:hover{background:#1a384a}.nf-cover:hover .nf-cover-play{background:white}
.nf-controls{display:flex;align-items:center;gap:17px;min-height:58px;padding:0 20px;border-top:1px solid #ffffff13;background:#0b202f;color:#b6c4cf}
.nf-controls>button{border:0;background:transparent;color:#e8eeef;cursor:pointer;min-width:36px;min-height:44px;font-size:18px}
.nf-controls>input{flex:1;min-width:0;appearance:none;height:3px;border-radius:5px;background:linear-gradient(to right,#cadfce var(--nf-progress,0%),#ffffff25 var(--nf-progress,0%));cursor:pointer}
.nf-controls>input::-webkit-slider-thumb{appearance:none;width:11px;height:11px;border-radius:50%;background:#e4eadc}.nf-controls>input::-moz-range-thumb{width:11px;height:11px;border:0;border-radius:50%;background:#e4eadc}
.nf-controls>span{font:400 10px/1.6 var(--lk-font-latin);font-variant-numeric:tabular-nums;white-space:nowrap}
.nf-controls button:disabled{opacity:.35;cursor:default}.nf-home :is(button,input,a):focus-visible{outline:2px solid #c9dcbc;outline-offset:4px}
.nf-chapters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px;margin-top:29px}
.nf-chapters>button{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:12px;padding:15px 0 20px;border-bottom:1px solid #ffffff30;cursor:pointer;color:#a6b9c4;min-width:0;min-height:55px}
.nf-chapters>button>span{font:400 10px/1 var(--lk-font-latin);color:#78909f}.nf-chapters b{font:450 14px/1.6 var(--lk-font-cn);color:#dae2e5}.nf-chapters small{font:400 9px/1 var(--lk-font-latin);margin-left:auto}.nf-chapters i{font-style:normal;color:#afc4cb}
.nf-chapters>button[aria-current]{border-color:#d5e3c7}.nf-chapters>button[aria-current] b{color:#eff9dc}.nf-chapters>button:hover b{color:#fff}.nf-chapters>button:disabled{opacity:.5;cursor:default}
.nf-home .nf-source-note{font:400 10px/1.9 var(--lk-font-cn);color:#8299a8;margin:20px 0 0}
.nf-loading{position:absolute;inset:0;display:flex;gap:15px;flex-direction:column;justify-content:center;align-items:center;color:#c4d2d7;font:400 13px/1.7 var(--lk-font-cn);background:#102536}.nf-loading a{color:#d8e5c9}
.nf-canvas{position:fixed;inset:0;overflow:hidden;background:#102536;pointer-events:none;color:#ebf0ed;font-family:var(--lk-font-cn)}
.nf-world{position:absolute;left:50%;top:50%;transform-origin:50% 50%;overflow:hidden}
.nf-film-top{position:absolute;top:24px;left:42px;right:42px;display:flex;justify-content:space-between;align-items:center;color:#a3b7c3;font-size:14px;letter-spacing:.04em}.nf-film-top>span:first-child{display:flex;align-items:center;gap:13px}.nf-film-top img{width:23px;height:23px;filter:brightness(0) invert(1);opacity:.85}.nf-film-top i{font-style:normal;color:#647d8d;margin:0 5px}.nf-film-top .nf-shot-count{font:400 13px/1 var(--lk-font-latin);letter-spacing:.12em}
.nf-screen{position:absolute;left:0;right:0;top:82px;height:630px;overflow:hidden;isolation:isolate;mask-image:linear-gradient(to right,transparent,#000 1.5%,#000 98.5%,transparent)}
.nf-shot{position:absolute;inset:0;visibility:hidden;overflow:hidden}.nf-camera{position:absolute;left:0;top:0;width:1280px;height:760px;transform-origin:0 0;will-change:transform;border-radius:22px;overflow:hidden;box-shadow:0 22px 75px #0008;background:#e9edf1}
.nf-camera .lkw4{width:1280px;height:760px!important;border-radius:22px!important}.nf-camera .lkw4 *{animation:none!important;transition:none!important;caret-color:transparent!important;scrollbar-width:none!important}
.nf-camera .lkw4 *::-webkit-scrollbar{display:none}.nf-camera .lk-c-cursor-glow{display:none!important}
.nf-focus-ring{position:absolute;pointer-events:none;border:2px solid #6c91bb;border-radius:15px;box-shadow:0 0 0 7px #c0d8ee25,0 0 35px #6eabe624;box-sizing:border-box;opacity:0;z-index:5}
.nf-caption{position:absolute;left:44px;right:44px;bottom:52px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.nf-caption>div>strong{display:block;font-size:27px;line-height:1.45;font-weight:450;letter-spacing:-.02em}.nf-caption>div>span{display:block;font-size:14px;line-height:1.8;color:#9fb6c3;margin-top:8px}.nf-film-time{font:400 13px/1 var(--lk-font-latin);font-variant-numeric:tabular-nums;color:#8faaba;white-space:nowrap}
.nf-progress{position:absolute;bottom:22px;left:44px;right:44px;display:flex;gap:7px}.nf-progress>span{height:2px;flex:1;background:#ffffff20;overflow:hidden}.nf-progress i{display:block;width:100%;height:100%;background:#c0d4bc;transform:scaleX(0);transform-origin:0 50%}
.nf-paper-stage{position:absolute;left:0;right:0;top:82px;height:630px;background:#102536;visibility:hidden;opacity:0;display:flex;align-items:center;justify-content:center;gap:90px;overflow:hidden}
.nf-paper-caption{width:290px;align-self:center}.nf-paper-caption>span{display:block;color:#a3b8c2;font-size:12px;letter-spacing:.08em;margin-bottom:28px}.nf-paper-label{display:block;overflow-wrap:anywhere;font-size:28px;font-weight:450;line-height:1.5;max-width:280px}
.nf-paper-window{position:relative;width:650px;height:620px;flex:none}.nf-paper{position:absolute;inset:0;background:#f3f2eb;padding:36px 45px;box-sizing:border-box;color:#1e3342;opacity:0;overflow:hidden;box-shadow:0 16px 50px #020a1280}.nf-paper>header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #263e5525;padding-bottom:20px;margin-bottom:26px;font:400 10px/1.4 var(--lk-font-latin);letter-spacing:.06em}.nf-paper>header b{font-size:18px;font-weight:400}.nf-paper>small{font-size:11px;color:#577084}.nf-paper h3{font-size:29px;font-weight:500;line-height:1.5;margin:10px 0 22px}.nf-paper h4{font-size:14px;line-height:1.6;font-weight:550;margin:22px 0 8px}.nf-paper p{font-size:12px;line-height:1.8;margin:6px 0;color:#52636e}.nf-paper footer{position:absolute;bottom:0;left:0;right:0;background:#f3f2eb;border-top:1px solid #23374a20;padding:17px 45px;font-size:10px;color:#637780}
/* Keep the native three-column workbench intact inside the film camera, even when its iframe is narrow. */
.nf-camera .lkw4 .lkw4-topbar{display:flex!important;flex-wrap:nowrap!important;margin:14px 20px 0!important;gap:14px!important}.nf-camera .lkw4 .lkw4-topbar-spacer{display:block!important}.nf-camera .lkw4 .lkw4-context-island{width:auto!important;max-width:none!important;flex:none;padding:0 14px!important;gap:10px!important}.nf-camera .lkw4 .lkw4-tools-island{width:auto!important;max-width:none!important;gap:10px!important;padding:0 12px!important}.nf-camera .lkw4 .lkw4-tools-island>span:first-child{display:inline-flex!important}.nf-camera .lkw4 .lkw4-rail{display:flex!important;align-self:stretch!important}.nf-camera .lkw4 .lkw4-strip,.nf-camera .lkw4 .lkw4-tabbtn{display:none!important}.nf-camera .lkw4>[data-screen-label]{padding:24px 16px 40px!important;align-items:stretch!important}.nf-camera .lkw4 .lkw4-right{position:relative!important;inset:auto!important;width:328px!important;max-height:100%!important;align-self:stretch!important;height:100%!important;overflow:visible!important;z-index:3!important}.nf-camera .lkw4 .lkw4-intake{padding:24px!important;border-radius:18px!important}.nf-camera .lkw4 .lkw4-intake-scroll{padding:8px 0!important}.nf-camera .lkw4 .lkw4-intake-actions>span:first-child{flex:initial!important}.nf-camera .lkw4 .lkw4-intake-actions>span:first-child button{width:auto!important}.nf-camera .lkw4 .lkw4-intake-actions>button{min-height:initial!important}
@media(max-width:800px){.ls-home.hr-home>#home-product-demo.nf-home{padding:68px 0 58px!important}.nf-home .ls-container{width:calc(100% - 48px)}.nf-heading{display:block;margin-bottom:29px}.hr-home .nf-heading h2{font-size:34px;margin-top:18px}.nf-heading>p{font-size:13px;margin-top:20px}.nf-chapters{gap:16px}.nf-chapters small{display:none}.nf-chapters b{font-size:12px}.nf-chapters>button{gap:7px}.nf-controls{gap:10px;padding:0 10px}}
@media(max-width:600px){.nf-home .ls-container{width:calc(100% - 32px)}.nf-player{border-radius:12px}.nf-viewport{aspect-ratio:620/760}.nf-cover{bottom:24%;gap:12px;padding:11px 20px 11px 12px}.nf-cover-play{width:42px;height:42px;font-size:14px}.nf-cover b{font-size:13px}.nf-cover small{font-size:9px}.nf-controls>span{font-size:9px}.nf-chapters{grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 22px;margin-top:18px}.nf-chapters>button{padding:13px 0;gap:11px}.nf-chapters i{margin-left:auto}.nf-chapters small{display:inline}.nf-home .nf-source-note{font-size:10px;line-height:1.9;margin-top:16px}.nf-film-top{left:26px;right:26px;font-size:15px;top:23px}.nf-screen{top:70px;height:555px;mask-image:none}.nf-caption{left:28px;right:28px;bottom:48px}.nf-caption>div>strong{font-size:28px}.nf-caption>div>span{font-size:15px;max-width:480px}.nf-film-time{display:none}.nf-progress{left:28px;right:28px}.nf-paper-stage{top:70px;height:555px;display:block}.nf-paper-caption{display:none}.nf-paper-window{width:580px;height:555px;margin:auto}.nf-paper{padding:25px 32px}.nf-paper>header{margin-bottom:18px;padding-bottom:15px;font-size:11px}.nf-paper>small{font-size:12px}.nf-paper h3{font-size:29px;margin:7px 0 13px}.nf-paper h4{font-size:15px;margin-top:15px}.nf-paper p{font-size:13px;line-height:1.75}.nf-paper footer{padding:16px 32px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.nf-home *,.nf-canvas *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:600px){.nf-camera,.nf-camera .lkw4{width:1050px!important}}

/* Homepage integration of the current complete film, within the shared light canvas. */
.hn-home.hr-home>#home-product-demo.nf-complete{padding:100px 0!important;background:transparent;color:var(--lk-text-1);overflow:visible}
.nf-complete .ls-container{width:min(1180px,calc(100% - 96px));margin:auto}
.nf-complete .nf-heading{gap:42px;margin-bottom:40px}
.nf-complete .nf-heading .hr-eyebrow{display:inline-flex;align-items:center;gap:12px;color:var(--lk-text-3);font:400 11px/1.7 var(--lk-font-cn);letter-spacing:.06em}
.hn-home .nf-complete .nf-heading h2{font:380 clamp(32px,3.2vw,45px)/1.5 var(--lk-font-cn);color:var(--lk-text-1);letter-spacing:0;margin:20px 0 0}
.nf-complete .nf-heading>p{color:var(--lk-text-3);font:380 14px/2 var(--lk-font-cn);margin:0 0 8px}
.nf-complete .nf-player{padding:14px;border:var(--lk-glass-border);border-radius:23px;background:var(--lk-glass-2);backdrop-filter:blur(10px);box-shadow:inset 0 1px 0 var(--lk-glass-3),0 24px 65px -40px var(--lk-ring-line)}
.nf-complete .nf-viewport{aspect-ratio:16/9;padding-bottom:54px;box-sizing:content-box;border-radius:14px;background:var(--lk-glass-1);overflow:hidden}
.nf-complete .nf-viewport iframe{pointer-events:auto}
.nf-complete .nf-chapters{gap:14px;margin-top:24px}
.nf-complete .nf-chapters>button{padding:17px 19px;min-height:62px;gap:11px;border:var(--lk-glass-border);border-radius:15px;background:var(--lk-glass-1);color:var(--lk-text-3);transition:background .2s,box-shadow .2s}
.nf-complete .nf-chapters>button>span{color:var(--lk-text-4);font-size:10px}.nf-complete .nf-chapters b{font:400 13px/1.7 var(--lk-font-cn);color:var(--lk-text-2)}.nf-complete .nf-chapters i{color:var(--lk-accent);margin-left:auto}
.nf-complete .nf-chapters>button[aria-current]{background:var(--lk-glass-3);box-shadow:0 10px 27px -23px var(--lk-ring-line)}.nf-complete .nf-chapters>button[aria-current] b{color:var(--lk-accent)}.nf-complete .nf-chapters>button:hover b{color:var(--lk-accent)}.nf-complete .nf-chapters>button:hover{background:var(--lk-glass-3)}
.nf-film-note{display:flex;justify-content:space-between;align-items:baseline;gap:24px;padding-top:19px;font:400 10px/1.9 var(--lk-font-cn);color:var(--lk-text-4)}.nf-film-note p{margin:0}.nf-film-note a{color:var(--lk-accent);text-decoration:none;white-space:nowrap}
.nf-complete .nf-loading{background:var(--lk-glass-read);color:var(--lk-text-3);gap:12px;font:400 13px/1.8 var(--lk-font-cn)}.nf-loading-mark{display:grid;place-items:center;width:55px;height:55px;border-radius:17px;background:var(--lk-accent-soft);color:var(--lk-accent);margin-bottom:6px;font-size:17px}.nf-complete .nf-loading small{color:var(--lk-text-4);font-size:11px}.nf-complete .nf-loading a{color:var(--lk-accent);font-size:11px}.nf-complete .nf-loading button{border:var(--lk-glass-border);border-radius:999px;padding:11px 18px;background:var(--lk-glass-3);color:var(--lk-accent);font:400 12px var(--lk-font-cn);cursor:pointer}
.nf-complete :is(button,a):focus-visible{outline:2px solid var(--lk-accent);outline-offset:4px}
@media(max-width:1100px){.hn-home.hr-home>#home-product-demo.nf-complete{padding:83px 0!important}.nf-complete .ls-container{width:calc(100% - 72px)}.nf-complete .nf-heading{gap:28px}.nf-complete .nf-heading>p{font-size:12px;max-width:330px}.nf-complete .nf-chapters>button{padding:15px 14px;gap:8px}.nf-complete .nf-chapters b{font-size:12px}}
@media(max-width:800px){.nf-complete .nf-heading{display:block}.nf-complete .nf-heading>p{margin:18px 0 0;max-width:none}.nf-complete .nf-chapters{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.hn-home.hr-home>#home-product-demo.nf-complete{padding:65px 0!important}.nf-complete .ls-container{width:calc(100% - 46px)}.nf-complete .nf-heading{margin-bottom:29px}.nf-complete .nf-heading .hr-eyebrow{font-size:10px;gap:9px}.hn-home .nf-complete .nf-heading h2{font-size:30px;line-height:1.6;margin:18px 0}.nf-complete .nf-heading>p{font-size:12px;line-height:2}.nf-complete .nf-player{padding:7px;border-radius:18px}.nf-complete .nf-viewport{border-radius:11px}.nf-complete .nf-chapters{gap:10px;margin-top:18px}.nf-complete .nf-chapters>button{padding:13px 12px;min-height:54px;gap:9px;border-radius:13px}.nf-complete .nf-chapters b{font-size:11px}.nf-complete .nf-chapters>button>span{font-size:10px}.nf-film-note{display:block;padding-top:17px;font-size:10px}.nf-film-note a{display:inline-block;margin-top:10px}.nf-complete .nf-loading{font-size:12px;gap:7px}.nf-complete .nf-loading small{font-size:10px}.nf-loading-mark{width:39px;height:39px;border-radius:12px;font-size:13px}}
@media(prefers-reduced-motion:reduce){.nf-complete .nf-chapters>button{transition:none}}
@media(max-width:362px){.nf-complete .nf-viewport{padding-bottom:82px}}

/* Decision 3: B film, enlarged player within the available desktop viewport. */
@media(min-width:901px){
 .hn-home.hr-home>#home-product-demo.nf-complete{padding:12px 0!important}
 .hn-home .nf-complete>.ls-container{width:min(calc(100vw - 80px),calc((100svh - 270px)*16/9));max-width:none}
 .hn-home .nf-complete .nf-heading{display:block;margin:0 0 10px}
 .hn-home .nf-complete .nf-heading>div{display:flex;align-items:center;gap:20px}
 .hn-home .nf-complete .nf-heading h2{font-size:24px;line-height:1.4;margin:0}
 .hn-home .nf-complete .nf-heading>p{display:none}
 .hn-home .nf-complete .nf-player{padding:6px;border-radius:18px;box-sizing:border-box}
 .hn-home .nf-complete .nf-film-note{padding-top:0;margin:8px 0 0;font-size:11px;line-height:1.6}
 .hn-home .nf-complete .nf-film-note p{margin:0}
}

/* Scroll transition around the selected film, independent of its timeline. */
.nf-complete .nf-player{transform:scale(var(--film-scroll-scale,1));opacity:var(--film-scroll-opacity,1);transform-origin:center center;will-change:transform,opacity}
@media(prefers-reduced-motion:reduce){.nf-complete .nf-player{transform:none!important;opacity:1!important;will-change:auto}}
@media(max-width:900px){.nf-complete .nf-player{transform:none!important;opacity:1!important;will-change:auto}}