.product-film-section{padding:80px var(--space);background:#eae9e4;border-bottom:1px solid var(--line)}
.film-intro{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:38px}.film-intro h2{font-size:clamp(42px,4.5vw,64px);font-weight:520;line-height:1.04}.film-intro>p{font-size:18px;max-width:29ch;color:var(--muted)}
.product-film{--focus:var(--gold);--film-ink:#f5f4f0;--film-muted:#acacb3;--film-line:#333338;--film-ground:#0b0b0c;border:1px solid #36363a;border-radius:12px;overflow:hidden;background:var(--film-ground);color:var(--film-ink);isolation:isolate}
.film-topline{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:17px 24px;border-bottom:1px solid var(--film-line);font-size:11px;color:var(--film-muted)}.film-brand{display:flex;align-items:center;gap:11px;color:var(--film-ink);font-size:13px}.film-brand img{width:24px;height:24px}
.film-stage{position:relative;aspect-ratio:2.3;min-height:470px;overflow:hidden;contain:layout paint;isolation:isolate;background:#101012}
.film-orbit{position:absolute;inset:0;pointer-events:none;opacity:.25;overflow:hidden}.film-orbit i{position:absolute;left:50%;top:50%;width:75%;aspect-ratio:1;border:1px solid #45454b;border-radius:50%;transform:translate(-50%,-50%)}.film-orbit i:nth-child(2){width:91%}.film-orbit i:nth-child(3){width:107%}.film-orbit>span{position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 20%,#101012 80%)}
.film-screen,.film-proposal-screen,.film-trace-screen,.film-business-screen{position:absolute;overflow:hidden;border:1px solid #55555d;border-radius:7px;box-shadow:0 16px 35px #0005;background:#101012;transform-origin:center}
.film-screen{left:9%;top:8%;width:82%;height:60%}.film-screen-edge{height:27px;padding:0 13px;display:flex;align-items:center;justify-content:space-between;gap:15px;background:#1c1c20;border-bottom:1px solid #44444b;font-size:10px;color:#b8b8be}.film-screen>img{width:100%;height:calc(100% - 27px);object-fit:cover;object-position:top;display:block}
.film-target{position:absolute;left:76%;top:42%;width:12%;height:15%;border:1px solid #ffb900;border-radius:2px;opacity:0;background:#ffb9000b}.film-click-ring{position:absolute;width:34px;height:34px;border:2px solid var(--gold);border-radius:50%;left:80%;top:47%;opacity:0}.film-cursor{position:absolute;left:46%;top:27%;width:27px;height:32px;z-index:2;opacity:0;filter:drop-shadow(0 3px 3px #0005)}.film-cursor svg{width:27px;height:32px}
.film-voice{position:absolute;left:30%;top:32%;width:43%;padding:26px 28px;background:#f5f4f0;color:#171719;border-radius:8px;box-shadow:0 16px 36px #0005;z-index:8;opacity:0}.film-voice-label{font-size:11px;color:#606063}.film-wave{height:44px;display:flex;align-items:center;gap:5px;margin:19px 0}.film-wave i{width:4px;height:var(--wave-size);background:#8a5c00;transform:scaleY(.25);border-radius:2px}.film-voice p{font-size:clamp(18px,2vw,29px);line-height:1.35;letter-spacing:-.025em;font-weight:450}
.film-connectors{position:absolute;inset:0;width:100%;height:100%;z-index:2;overflow:visible;pointer-events:none}.film-thread{fill:none;stroke:#ffb900;stroke-width:1.3;stroke-dasharray:1;stroke-dashoffset:1;opacity:0;vector-effect:non-scaling-stroke}
.film-proposal-screen{left:6%;top:8%;width:51%;height:77%;opacity:0}.film-proposal-screen img{display:block;width:100%;height:100%;object-fit:cover;object-position:65% top}.film-proposal-screen>span{position:absolute;bottom:0;left:0;right:0;padding:15px 16px;background:#101012;color:#bfc0c3;font-size:11px;border-top:1px solid #333338}
.film-token{position:absolute;top:72%;width:26%;min-height:69px;display:flex;align-items:center;gap:12px;padding:14px 15px;border:1px solid #626268;border-radius:7px;background:#1b1b1f;color:#f5f4f0;z-index:5;opacity:0;box-shadow:0 8px 20px #0003}.token-one{left:6%}.token-two{left:37.5%}.token-three{left:69%}.film-token-number{width:23px;height:23px;display:grid;place-items:center;flex:none;border:1px solid #66666e;border-radius:4px;font-size:11px;color:#bfc0c3}.film-token>div{min-width:0}.film-token small{display:block;font-size:10px;color:#bfc0c3;margin-bottom:4px}.film-token strong{font-size:14px;font-weight:500;letter-spacing:-.01em;white-space:nowrap}.token-source{font-size:9px;color:#acacb3;margin-left:auto}.product-film[data-phase=generate] .film-token-number{background:#ffb900;border-color:#ffb900;color:#171719}
.film-trace-screen{left:5%;top:5%;width:90%;height:64%;opacity:0}.film-trace-screen img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 62%}.film-trace-focus{position:absolute;left:18%;top:41%;width:80%;height:24%;border:1px solid #e86767;background:#e8676708;opacity:0}
.film-run-strip{position:absolute;left:9%;bottom:8%;width:82%;padding:17px 22px;border:1px solid #55555d;border-radius:7px;background:#151518;opacity:0;z-index:5}.film-run-strip>span{font-size:11px;color:#acacb3}.film-run-steps{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:19px}.film-run-steps>div{display:flex;flex-direction:column;gap:9px;min-width:0}.film-run-steps>div>i{height:7px;border-radius:2px;background:#414149}.film-run-steps>div>span{font:10px ui-monospace,monospace;color:#bfc0c3}.film-playhead{position:absolute;left:0;top:-6px;width:3px;height:22px;border-radius:2px;background:#f5f4f0;opacity:0}.film-failure{display:block;font-size:11px;font-weight:500;color:#f08585;margin-top:13px;min-height:15px;opacity:0}
.film-cache-scene{position:absolute;inset:0;opacity:0}.film-cache-note{position:absolute;top:7%;left:7%;display:flex;justify-content:space-between;gap:30px;right:7%;align-items:center}.film-cache-note>span{font-size:14px;color:#bfc0c3}.film-cache-note>strong{font-size:18px;font-weight:450;color:#ffb900}.film-cache-wires{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.film-cache-wires path{fill:none;stroke-width:1.5;vector-effect:non-scaling-stroke}.wire-base{stroke:#44444b}.wire-fallback,.wire-reuse{stroke:#ffb900;stroke-dasharray:1;stroke-dashoffset:1}.cache-packet{fill:#ffb900;offset-rotate:0deg;opacity:0}.packet-fallback{offset-path:path('M190 300 Q360 125 500 175 Q690 125 810 300')}.packet-reuse{offset-path:path('M190 300 Q500 490 810 300')}.film-cache-node{position:absolute;width:142px;min-height:85px;padding:15px 12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#17171b;border:1px solid #626268;border-radius:8px;text-align:center}.cache-input{left:calc(19% - 71px);top:calc(53.6% - 43px)}.cache-ai{left:calc(50% - 71px);top:calc(31.25% - 43px)}.cache-memory{left:calc(81% - 71px);top:calc(53.6% - 43px);border-color:#9b7722}.film-cache-node>span:not(.cache-check){font:11px ui-monospace,monospace;color:#bfc0c3}.film-cache-node strong{font-size:14px;font-weight:500}.film-cache-node small{font-size:10px;color:#bfc0c3;line-height:1.45}.film-cache-node img{width:28px;height:28px}.cache-check{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;color:#ffb900;border:1px solid #8a5c00}.cache-check svg{width:17px;height:17px}.film-bypass-label{position:absolute;bottom:7%;left:15%;width:70%;text-align:center;font-size:13px;color:#bfc0c3;opacity:0}
.film-business-screen{left:5%;top:7%;width:70%;height:77%;opacity:0}.film-business-screen img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}.film-metrics{position:absolute;left:62%;top:29%;width:33%;padding:22px;background:#f5f4f0;color:#171719;border:1px solid #cccac4;border-radius:8px;box-shadow:0 18px 35px #0005;opacity:0}.film-metrics-head{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px}.film-metrics-head small{font-size:10px;color:#606063}.film-total{display:flex;align-items:baseline;gap:12px;margin:17px 0 20px}.film-total strong{font-size:64px;font-weight:400;letter-spacing:-.04em;line-height:1}.film-total>span{font-size:12px;color:#606063}.film-chart{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;height:112px}.film-chart>div{position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:6px;min-width:0}.film-chart i{height:90px;width:100%;background:#747479;display:block;transform-origin:bottom;transform:scaleY(var(--final-bar))}.film-chart>div:last-child i{background:#171719}.film-chart span{font-size:10px;color:#606063;text-align:center}.film-metrics-foot{display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:10px;color:#606063;border-top:1px solid #cccac4;padding-top:15px;margin-top:18px}
.film-caption{display:grid;grid-template-columns:1fr auto;align-items:center;gap:40px;min-height:126px;padding:25px 28px;border-top:1px solid var(--film-line)}.film-caption h3{font-size:25px;letter-spacing:-.025em;font-weight:500;line-height:1.3;margin-bottom:9px}.film-caption p{font-size:12px;color:var(--film-muted);max-width:65ch;min-height:3.2em}.film-caption>[data-film-source]{font-size:11px;line-height:1.5;color:var(--film-muted);max-width:24ch;text-align:right}
.film-chapters{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid var(--film-line)}.film-chapters button{border:0;border-right:1px solid var(--film-line);background:#101012;color:#bfc0c3;min-height:53px;display:flex;align-items:center;justify-content:center;gap:12px;padding:12px;font-size:12px}.film-chapters button:last-child{border-right:0}.film-chapters button>span{font-size:10px;color:#898991}.film-chapters button:hover{background:#232327}.film-chapters button[aria-pressed=true]{background:#292313;color:#ffd775}.film-chapters button[aria-pressed=true]>span{color:#ffb900}
.film-controls{display:flex;align-items:center;gap:20px;padding:19px 24px;border-top:1px solid var(--film-line)}.film-main-control{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:#ffb900;color:#0b0b0c;border:1px solid #ffb900;border-radius:4px;min-height:42px;min-width:119px;padding:10px 14px;font-size:12px}.film-main-control svg{height:13px;width:13px;fill:currentColor}.film-main-control[aria-pressed=true] svg{display:none}.film-main-control[aria-pressed=true]:before{content:'';width:9px;height:12px;border-left:3px solid currentColor;border-right:3px solid currentColor}.film-main-control:hover{background:#e6a700}.film-seek{flex:1;position:relative;height:34px;display:flex;align-items:center;min-width:50px}.film-progress-track{position:absolute;left:0;right:0;height:3px;border-radius:3px;background:#44444b;overflow:hidden}.film-progress-track>i{display:block;width:100%;height:100%;background:#ffb900;transform:scaleX(0);transform-origin:left}.film-seek input{position:absolute;inset:0;width:100%;height:34px;margin:0;opacity:0;cursor:pointer;accent-color:#ffb900}.film-seek:focus-within{outline:2px solid #ffb900;outline-offset:3px;border-radius:3px}.film-time{font:11px ui-monospace,monospace;color:#bfc0c3;white-space:nowrap;min-width:83px}.film-open{display:inline-flex;align-items:center;gap:12px;padding:10px 0 10px 18px;color:#bfc0c3;background:transparent;border:0;border-left:1px solid var(--film-line);font-size:11px;white-space:nowrap;min-height:40px}.film-open svg{width:16px}.film-open:hover{color:#f5f4f0}
.film-footnote{display:flex;align-items:center;justify-content:flex-end;gap:25px;font-size:11px;line-height:1.6;color:#606063;margin-top:17px}.film-footnote a{display:inline-flex;align-items:center;gap:10px;white-space:nowrap}.film-footnote svg{width:15px}.product-film.film-reduced .film-stage *{transition:none!important;animation:none!important}
@media(min-width:1700px){.product-film-section{padding-left:calc((100vw - 1480px)/2);padding-right:calc((100vw - 1480px)/2)}}
@media(max-width:1100px){.film-stage{min-height:430px}.film-token{width:27%;padding:12px 10px;gap:9px}.film-token strong{font-size:12px}.film-token small{font-size:9px}.token-source{display:none}.film-voice{padding:23px}.film-metrics{padding:18px}.film-metrics-head{font-size:11px}.film-total strong{font-size:54px}.film-chart{gap:6px;height:96px}.film-chart i{height:75px}.film-metrics-foot{font-size:9px}.film-caption{gap:20px}.film-caption h3{font-size:23px}.film-caption>[data-film-source]{font-size:10px;max-width:21ch}.film-chapters button{font-size:11px;gap:8px}.film-controls{gap:16px}}
@media(max-width:760px){.product-film-section{padding:55px var(--space)}.film-intro{display:block;margin-bottom:28px}.film-intro h2{font-size:40px}.film-intro>p{font-size:15px;margin-top:20px}.film-topline{padding:15px;gap:15px;font-size:9px}.film-brand{font-size:11px;gap:8px}.film-brand img{width:20px;height:20px}.film-stage{aspect-ratio:auto;height:550px;min-height:0}.film-screen{left:5%;top:7%;width:90%;height:42%}.film-screen-edge{height:25px;font-size:9px;padding:0 8px}.film-screen>img{height:calc(100% - 25px);object-position:70% top}.film-cursor{left:46%;top:25%;width:21px;height:26px}.film-cursor svg{width:21px;height:26px}.film-click-ring{width:22px;height:22px;left:80%;top:48%}.film-target{left:75%;top:42%;width:13%;height:17%}.film-voice{left:8%;top:27%;width:84%;padding:24px}.film-voice p{font-size:26px}.film-wave{gap:5px;margin:22px 0}.film-voice-label{font-size:11px}.film-token{left:7%;width:86%;min-height:54px;padding:10px 13px;gap:13px}.token-one{top:55%}.token-two{top:67%}.token-three{top:79%}.film-token strong{font-size:14px}.film-token small{font-size:10px}.token-source{display:block;font-size:10px}.film-token-number{font-size:11px;width:25px;height:25px}.film-connectors{display:none}.film-proposal-screen{left:6.5%;top:6%;width:87%;height:40%}.film-proposal-screen>span{font-size:10px;padding:11px 12px}.film-trace-screen{left:5%;top:7%;width:90%;height:45%}.film-trace-screen img{object-position:55% 60%}.film-run-strip{left:5%;bottom:10%;width:90%;padding:19px 14px}.film-run-strip>span{font-size:10px}.film-run-steps{gap:6px;margin-top:24px}.film-run-steps>div>span{font-size:8px;writing-mode:vertical-rl;transform:rotate(180deg);height:51px;align-self:center}.film-run-steps>div>i{height:6px}.film-playhead{height:20px}.film-failure{font-size:11px;margin-top:17px}.film-cache-node{width:90px;min-height:90px;padding:12px 6px;gap:10px}.cache-input{left:calc(19% - 45px);top:calc(53.6% - 45px)}.cache-ai{left:calc(50% - 45px);top:calc(31.25% - 45px)}.cache-memory{left:calc(81% - 45px);top:calc(53.6% - 45px)}.film-cache-node strong{font-size:11px;line-height:1.4}.film-cache-node small{font-size:9px}.film-cache-node img{width:24px;height:24px}.film-cache-note{left:7%;right:7%;top:8%;flex-direction:column;align-items:flex-start;gap:14px}.film-cache-note>span{font-size:12px}.film-cache-note>strong{font-size:19px}.film-bypass-label{left:12%;width:76%;bottom:9%;font-size:12px;line-height:1.6}.film-business-screen{left:5%;top:6%;width:90%;height:40%}.film-metrics{left:10%;top:42%;width:80%;padding:23px;min-height:252px}.film-metrics-head{font-size:11px}.film-metrics-head small{font-size:10px}.film-total{margin:18px 0}.film-total strong{font-size:53px}.film-total>span{font-size:11px}.film-chart{height:95px;gap:7px}.film-chart i{height:73px}.film-chart span{font-size:10px}.film-metrics-foot{font-size:9px;padding-top:14px;margin-top:14px}.film-orbit i{width:125%}.film-orbit i:nth-child(2){width:170%}.film-orbit i:nth-child(3){width:215%}.film-caption{grid-template-columns:1fr;gap:12px;padding:23px 20px;min-height:209px}.film-caption h3{font-size:22px;min-height:2.6em;margin-bottom:12px}.film-caption p{font-size:12px;line-height:1.6;min-height:4.8em}.film-caption>[data-film-source]{font-size:10px;max-width:none;text-align:left;line-height:1.5}.film-chapters{grid-template-columns:repeat(3,1fr)}.film-chapters button{min-height:45px;padding:10px 7px;font-size:11px;gap:7px}.film-chapters button:nth-child(-n+3){border-bottom:1px solid var(--film-line)}.film-chapters button:nth-child(3){border-right:0}.film-chapters button>span{font-size:9px}.film-controls{flex-wrap:wrap;gap:12px;padding:18px}.film-main-control{min-width:115px;min-height:42px;font-size:11px}.film-seek{order:4;flex-basis:100%;height:34px}.film-time{font-size:10px;margin-left:auto;min-width:73px}.film-open{font-size:10px;gap:7px;padding-left:12px}.film-open svg{width:14px}.film-footnote{font-size:10px;align-items:flex-start;gap:15px}.film-footnote a{gap:6px;white-space:normal;text-align:right}.film-footnote svg{width:13px;flex:none}}
@media(max-width:370px){.film-stage{height:515px}.film-topline>span:last-child{max-width:12ch;text-align:right;line-height:1.4}.film-voice p{font-size:23px}.film-token strong{font-size:13px}.film-token small{font-size:9px}.token-source{font-size:9px}.film-caption{padding:20px 16px}.film-caption h3{font-size:21px}.film-controls{padding:15px;gap:9px}.film-main-control{min-width:104px;padding:10px}.film-open{font-size:9px;padding-left:8px}.film-cache-node{width:80px}.cache-input{left:calc(19% - 40px)}.cache-ai{left:calc(50% - 40px)}.cache-memory{left:calc(81% - 40px)}.film-metrics{left:8%;width:84%;padding:20px}}
@media(prefers-reduced-motion:reduce){.film-stage *{will-change:auto!important}.product-film *{scroll-behavior:auto!important}}

@media(max-width:760px){.product-film{display:flex;flex-direction:column}.film-topline{order:0}.film-controls{order:1}.film-chapters{order:2}.film-stage{order:3}.film-caption{order:4}}