:root{color-scheme:dark;--surface:#12182f;--muted:#a1a8bd;--line:#ffffff17}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--color-ink);color:var(--color-mist);font-family:var(--font-body);font-weight:300;font-size:16px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}a,button{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--color-magenta);outline-offset:6px}button{border:0}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--font-display);font-weight:300}p{line-height:1.65}.wrap{max-width:1240px;width:calc(100% - 96px);margin-inline:auto}.skip{position:fixed;top:-100px;left:20px;background:white;color:var(--color-ink);padding:16px;z-index:20}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.nav{height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{display:flex;align-items:center;gap:10px;font:300 30px var(--font-display);letter-spacing:-1.2px}.wordmark img{border-radius:22%}.wordmark-dot{font:300 12px var(--font-body);align-self:flex-start;margin:4px 0 0 -4px}.nav nav{display:flex;align-items:center;gap:36px;font-size:14px}.nav nav>a:not(.nav-cta){color:#c6cada}.nav nav>a:hover,.text-link:hover{color:var(--color-magenta)}.nav-cta{display:flex;gap:28px;align-items:center;border:1px solid #ffffff3b;padding:12px 18px;border-radius:var(--radius-control);transition:background .2s}.nav-cta:hover{background:#ffffff10}.hero{padding-top:64px}.hero-eyebrow,.hero-bottom,.showcase-top,.showcase-bottom{display:flex;align-items:center;justify-content:space-between}.eyebrow,.section-marker,.feature-note,.native-tag,.closing-rec{font:300 12px var(--font-mono);letter-spacing:1.4px}.hero-eyebrow .eyebrow{color:var(--color-magenta)}.mac-label{font-size:14px;color:var(--muted)}.mac-label span{margin-left:14px}.hero h1{position:relative;display:inline-block;font-size:clamp(64px,8.9vw,120px);line-height:1.04;letter-spacing:-5.5px;font-weight:200;margin:30px 0 32px}.hero h1>span{color:#a5adcf}.record-dot{display:inline-block;background:var(--color-record-red);width:23px;height:23px;border-radius:50%;vertical-align:baseline;margin-left:20px;box-shadow:0 0 32px #f7192c20}.hero-bottom>p{font-size:20px;color:#bec4d8;line-height:1.55}.hero-actions{display:flex;align-items:center;gap:28px}.button{min-height:54px;display:inline-flex;align-items:center;justify-content:center;gap:16px;border-radius:var(--radius-control);padding:16px 24px;font-weight:400;font-size:16px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.button-primary{background:var(--color-electric-blue);box-shadow:0 6px 32px #025cf821}.button-primary:hover{background:#2876ff}.button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5}.text-link{display:inline-flex;align-items:center;gap:12px;font-size:15px}.play-outline{font-size:24px}.showcase{margin-top:72px;scroll-margin-top:24px}.showcase-top{margin-bottom:18px}.showcase-top .eyebrow{color:#858fae;font-size:11px;letter-spacing:1.3px}.preview-label{font-size:12px;color:#858fae}.editor{background:#161b2c;border:1px solid #ffffff27;border-radius:var(--radius-panel);overflow:hidden;box-shadow:0 30px 80px #0004}.editor-titlebar{height:44px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff0d;padding:0 16px;font-size:12px;color:#c2c7d7}.traffic{display:flex;gap:7px}.traffic i{width:9px;height:9px;border-radius:50%;background:#fa625b}.traffic i:nth-child(2){background:#f9bc43}.traffic i:nth-child(3){background:#39c550}.muted{color:#69748e}.editor-export{background:#025cf8;padding:6px 11px;border-radius:5px;color:white}.editor-export span{margin-left:10px}.editor-workspace{display:grid;grid-template-columns:145px minmax(0,1fr) 162px}.scenes{padding:20px 14px;display:flex;flex-direction:column;gap:16px}.editor-label{font:300 11px var(--font-mono);letter-spacing:1px;color:#939cb4}.scene{padding:0;background:none;text-align:left;font-size:12px;color:#939cb4}.scene-thumb{display:block;width:100%;height:65px;border:2px solid transparent;border-radius:6px;padding:10px;font:300 16px/.95 var(--font-display);margin-bottom:7px;color:white}.thumb-one{background:#d9e9c1;color:#273c21}.thumb-two{background:#7667b7;display:flex;align-items:center;justify-content:center}.thumb-three{background:#efb5c9;color:#521f35}.selected .scene-thumb{outline:2px solid #548efc;outline-offset:3px}.selected{color:white}.mini-lines{width:60%;height:32px;background:repeating-linear-gradient(0deg,#eeecf8 0 6px,transparent 6px 12px);border-radius:2px}.scene-count{font-size:11px;color:#6f7992;margin-top:auto}.preview-column{min-width:0;background:#0b1020}.preview-stage{position:relative;aspect-ratio:1.89;background:linear-gradient(125deg,#126cfa,#373ac8 57%,#b757b0);display:flex;align-items:center;justify-content:center;padding:32px;overflow:hidden;--frame:32px}.demo-window{width:100%;height:100%;background:#f1f0e9;color:#263429;box-shadow:0 12px 24px #10165242;border-radius:7px;overflow:hidden;transition:transform .8s}.demo-browser{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #293e2320;padding:11px 15px;font-size:9px}.demo-browser>span:first-child{font-weight:400}.demo-browser>span:nth-child(2){color:#788174}.demo-content{padding:22px 30px}.demo-kicker{font:400 8px var(--font-mono);letter-spacing:1.4px;color:#6a765f}.demo-content h2{font-size:clamp(29px,4vw,53px);letter-spacing:-2px;line-height:.96;margin:13px 0 10px}.demo-content h2 em{font-style:normal;color:#6f8a4a}.demo-content>p{font-size:10px;color:#7a8273}.demo-projects{display:grid;gap:6px;margin-top:19px}.demo-projects>div{display:flex;align-items:center;gap:10px;padding:8px;border-radius:5px;background:#ffffffa8;font-size:10px}.demo-projects small{display:block;color:#858b7d;font-size:8px;margin-top:3px}.demo-projects>div>span:last-child{margin-left:auto;font:9px var(--font-mono);color:#899080}.project-symbol{background:#dce4ce;padding:8px;border-radius:4px;color:#637746}.project-symbol.magenta{background:#f3dce6;color:#a65c7c}.zoom-badge{position:absolute;right:18px;top:55%;background:#111b39eF;box-shadow:0 4px 18px #0003;color:white;border:1px solid #ffffff40;border-radius:7px;padding:10px;display:flex;gap:10px;font-size:11px;transform:rotate(-4deg)}.zoom-badge>span:last-child{color:#90b6ff;font-family:var(--font-mono);font-size:10px}.caption{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);background:#0b1026e8;padding:7px 10px;border-radius:5px;white-space:nowrap;font-size:11px}.transport{height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;font:11px var(--font-mono)}.preview-scale{font:11px var(--font-body);color:#838ca5}.transport button{width:32px;height:32px;background:none;border-radius:50%;font-size:13px}.transport button:hover{background:#ffffff15}.inspector{padding:20px 16px}.inspector-group{position:relative;padding:20px 0;border-bottom:1px solid #ffffff0b;font-size:12px}.inspector-group>label{display:flex;justify-content:space-between}.swatches{display:flex;gap:8px;margin-top:12px}.swatch{width:28px;height:28px;border-radius:6px;border:1px solid #ffffff30}.swatch-blue{background:linear-gradient(125deg,#126cfa,#b757b0)}.swatch-pink{background:linear-gradient(125deg,#f9468d,#7934bd)}.swatch-ink{background:#0b1026}.swatch.active{outline:2px solid #8eb3ff;outline-offset:3px}.inspector input{width:100%;accent-color:#448aff;margin-top:14px;height:4px}.toggle{width:28px;height:16px;padding:2px;border-radius:30px;background:#48526b;float:right;margin-top:1px}.toggle i{display:block;background:white;width:12px;height:12px;border-radius:50%;transition:transform .2s}.toggle.on{background:var(--color-electric-blue)}.toggle.on i{transform:translateX(12px)}.inspector-note{font:300 19px/1.3 var(--font-display);color:#68728f;margin-top:29px}.timeline{border-top:1px solid #ffffff15;position:relative;padding:0 16px 15px;background:#14192a}.timeline-toolbar{display:flex;align-items:center;justify-content:space-between;height:35px;font-size:11px;color:#adb5cc}.timeline-tools{font-size:15px;color:#a3aec9}.timeline-toolbar>span:last-child{font-size:10px;color:#6c7794}.timeline-ruler{display:flex;justify-content:space-between;margin-left:94px;font:9px var(--font-mono);color:#687594;padding:8px 0}.tracks{position:relative;display:grid;gap:5px}.track{display:flex;align-items:center;gap:14px;font-size:10px;color:#8d98b6}.track>span{width:80px;flex-shrink:0}.clip-track{display:flex;gap:4px;width:100%;height:24px}.clip{display:flex;align-items:center;padding:0 10px;border-radius:3px;font-size:10px;overflow:hidden;white-space:nowrap}.clip.blue{background:#024ecc;border-top:1px solid #4b87eb;color:#e2ebff;flex:1}.clip.blue:nth-child(2){flex:1.25}.zoom-clip{margin-left:20%;width:38%;background:#423373;color:#d5c5f7;border-top:1px solid #7962af}.caption-clips .clip{background:#a53668;border-top:1px solid #e5699e;color:#fbe3ee;width:36%}.caption-clips .clip:nth-child(2){width:47%;margin-left:4%}.playhead{position:absolute;left:94px;top:-15px;bottom:-4px;width:1px;background:#f7f9ff;pointer-events:none;z-index:1}.playhead:before{content:'';position:absolute;top:0;left:-3px;background:white;width:7px;height:8px;clip-path:polygon(0 0,100% 0,100% 65%,50% 100%,0 65%)}.seek{display:block;position:absolute;left:110px;top:35px;width:calc(100% - 126px);height:26px;opacity:0;cursor:ew-resize}.seek:focus-visible{opacity:1;accent-color:var(--color-magenta)}.showcase-bottom{padding-top:22px;color:#828eae;font-size:12px}.showcase-bottom>span{display:flex;align-items:center;gap:10px}.small-cross{font-size:19px;color:var(--color-magenta)}.showcase-bottom i{font-style:normal;color:#465674;padding:0 3px}.intro{padding:118px 0 105px}.section-marker{display:flex;justify-content:space-between;color:#8b96b5;border-top:1px solid #ffffff24;padding-top:20px}.section-marker>span:last-child{font-size:22px}.intro-copy{display:grid;grid-template-columns:1.3fr 1fr;align-items:end;gap:60px;margin-top:43px}.intro h2,.details h2{font-size:clamp(36px,4.4vw,58px);line-height:1.12;letter-spacing:-2px}.intro h2 span,.details h2 span{color:#818bad}.intro-copy>p{max-width:375px;color:#aab3cb;font-size:17px;margin-bottom:3px}.workflow-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;margin-top:70px}.workflow-grid article{border-top:1px solid var(--line);padding-top:20px}.step{display:flex;align-items:center;justify-content:space-between;color:#7e8ba9;font:12px var(--font-mono);margin-bottom:25px}.step svg{width:29px;height:29px;fill:none;stroke:#8799c7;stroke-width:1.2}.workflow-grid h3{font-size:26px;letter-spacing:-.7px;margin-bottom:13px}.workflow-grid p{font-size:16px;color:#aab3cb;max-width:320px}.feature-note{display:block;color:#687699;letter-spacing:.7px;font-size:10px;margin-top:28px}.details{padding:100px 0 82px}.details-heading{display:flex;align-items:end;justify-content:space-between;margin:40px 0 44px}.details-heading>p{font-size:17px;color:#aab3cb}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.detail-grid article{border:1px solid #ffffff15;border-radius:12px;padding:30px;background:#11172e;overflow:hidden}.detail-grid .eyebrow{font-size:11px;color:#8c97b5}.detail-grid h3{font-size:29px;margin:28px 0 10px;letter-spacing:-.6px}.detail-grid p{max-width:380px;color:#9da9c6;font-size:16px}.subtitle-art{height:218px;display:flex;flex-direction:column;justify-content:center;gap:8px;align-items:center;font:300 34px var(--font-display);letter-spacing:-1px;transform:rotate(-3deg)}.subtitle-art>span{padding:5px 13px;background:#232b45;border-radius:5px}.subtitle-art mark{background:var(--color-magenta);color:var(--color-ink);padding:1px 5px;border-radius:4px}.look-art{height:218px;display:flex;align-items:center;justify-content:center;padding:30px 40px 15px;background:linear-gradient(125deg,#025cf8,#121dc8 55%,#f9468d);border-radius:8px;margin-top:18px}.look-card .eyebrow{display:block;margin-bottom:0}.look-card h3{margin-top:10px}.look-window{border:1px solid #ffffff60;box-shadow:0 10px 28px #0003;background:#11172eee;border-radius:7px;width:100%;height:100%;padding:14px 18px;display:flex;flex-direction:column;justify-content:space-between}.look-window>span{font:8px var(--font-mono);color:#a7b2cc}.look-window strong{font:200 35px/.95 var(--font-display);letter-spacing:-1px}.look-window>span:last-child{font-size:7px;letter-spacing:1px}.native-line{display:flex;gap:23px;align-items:center;border-bottom:1px solid var(--line);padding:40px 0}.native-icon{font:200 40px var(--font-body);color:#b3bfdd}.native-line h3{font-size:23px;margin-bottom:5px;letter-spacing:-.3px}.native-line p{font-size:14px;color:#8e9bb9}.native-tag{margin-left:auto;font-size:10px;color:#8e9bb9;white-space:nowrap}.closing{position:relative;overflow:hidden;min-height:460px;border-radius:14px;padding:32px 48px 128px;background:var(--color-electric-blue)}.closing-meta{display:flex;justify-content:space-between}.closing-meta .eyebrow{font-size:11px}.closing-rec{font-size:11px;display:flex;gap:9px;align-items:center}.closing-rec i{width:7px;height:7px;background:var(--color-record-red);border-radius:50%}.closing h2{font-size:clamp(45px,6.1vw,81px);font-weight:200;line-height:1.02;letter-spacing:-3px;margin:43px 0 25px;position:relative;z-index:1}.closing-bottom{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}.closing-bottom>p{font-size:18px;color:#dce7ff}.button-light{background:var(--color-mist);color:var(--color-ink)}.button-light span{margin-left:17px;font-size:21px}.closing-watermark{position:absolute;right:20px;bottom:-71px;font:200 230px var(--font-display);letter-spacing:-16px;color:#ffffff10;pointer-events:none}.footer{display:flex;align-items:center;justify-content:space-between;padding-block:44px}.footer .wordmark{font-size:24px}.footer>span{font-size:12px;color:#7c89a9}.footer>div{display:flex;gap:25px;font-size:12px;color:#7c89a9}.footer a:hover{color:white}[hidden]{display:none!important}
@media(min-width:1400px){.demo-content{padding-top:28px}.demo-content h2{font-size:55px}.demo-projects{margin-top:20px}}
@media(max-width:1050px){.wrap{width:calc(100% - 56px)}.hero h1{font-size:9.5vw}.hero-actions{gap:18px}.hero-bottom>p{font-size:18px}.hero-actions .text-link{font-size:13px}.editor-workspace{grid-template-columns:115px minmax(0,1fr) 140px}.preview-stage{aspect-ratio:1.65;padding:24px}.demo-content{padding:17px 20px}.demo-content h2{font-size:36px}.demo-projects{margin-top:12px}.demo-browser{font-size:8px;padding:10px}.scene-thumb{height:58px;font-size:17px}.inspector{padding:18px 12px}.workflow-grid{gap:28px}.feature-note{font-size:9px}.subtitle-art{font-size:28px}.native-tag{display:none}.footer>span{display:none}}
@media(max-width:760px){.wrap{width:calc(100% - 36px)}.nav{height:83px}.wordmark{font-size:26px}.wordmark img{width:34px;height:34px}.nav nav{gap:18px}.nav nav>a:not(.nav-cta){display:none}.nav-cta{padding:10px 13px;font-size:12px;gap:18px}.hero{padding-top:38px}.eyebrow{font-size:10px;letter-spacing:1px}.mac-label{font-size:11px}.mac-label span{margin-left:3px}.hero h1{font-size:clamp(48px,10.8vw,82px);letter-spacing:-2.6px;line-height:1.08;margin:24px 0}.record-dot{width:12px;height:12px;margin-left:9px}.hero-bottom{align-items:flex-start;flex-direction:column;gap:26px}.hero-bottom>p{font-size:18px}.hero-actions{width:100%;gap:22px}.button{font-size:14px;min-height:51px;padding:14px 19px}.hero-actions .text-link{font-size:13px;gap:8px}.showcase{margin-top:48px}.showcase-top .eyebrow{font-size:8px;letter-spacing:.5px}.preview-label{font-size:10px}.editor{border-radius:9px}.editor-titlebar{height:36px;padding:0 10px;font-size:10px}.traffic{gap:4px}.traffic i{height:6px;width:6px}.editor-export{font-size:9px;padding:5px}.editor-export span{margin-left:3px}.editor-workspace{grid-template-columns:minmax(0,1fr)}.scenes{display:none}.inspector{display:flex;align-items:center;gap:15px;padding:10px 12px;grid-row:2;flex-wrap:wrap}.inspector>.editor-label,.inspector-note{display:none}.inspector-group{padding:0;border:0;font-size:11px;display:flex;align-items:center;gap:8px}.swatches{margin:0;gap:7px}.swatch{width:20px;height:20px;border-radius:4px}.inspector-group:has(#frame-space){display:none}.inspector .toggle{float:none}.preview-stage{aspect-ratio:1.6;padding:25px}.demo-content{padding:18px 25px}.demo-content h2{font-size:41px}.demo-projects{margin-top:16px}.demo-projects>div{padding:7px}.demo-browser{font-size:8px}.demo-kicker{font-size:7px}.zoom-badge{font-size:9px;padding:8px;right:14px}.zoom-badge>span:last-child{font-size:8px}.caption{font-size:9px;bottom:10px;padding:6px}.transport{height:38px;padding:0 12px}.timeline{padding:0 10px 12px}.timeline-toolbar{height:29px}.timeline-ruler{margin-left:65px}.track{gap:7px}.track>span{width:58px;font-size:8px}.clip-track{height:20px}.clip{font-size:8px;padding:0 6px}.playhead{left:65px}.seek{left:75px;width:calc(100% - 85px);top:29px}.timeline-ruler{font-size:8px}.showcase-bottom{font-size:10px;line-height:1.5;padding-top:16px}.showcase-bottom>span:last-child{display:none}.intro{padding:75px 0}.section-marker{font-size:10px;padding-top:15px}.intro-copy{grid-template-columns:1fr;gap:24px;margin-top:30px}.intro h2,.details h2{font-size:39px;letter-spacing:-1.5px}.intro-copy>p{font-size:16px;max-width:none}.workflow-grid{grid-template-columns:1fr;gap:32px;margin-top:40px}.workflow-grid article{position:relative;padding-left:44px;padding-top:25px}.step{margin-bottom:12px}.step>svg{position:absolute;top:27px;right:0;width:25px}.step{position:absolute;left:0;top:28px;display:block}.step svg{display:none}.workflow-grid h3{font-size:26px}.workflow-grid p{max-width:none}.feature-note{margin-top:17px;font-size:9px}.details{padding:65px 0 50px}.details-heading{display:block;margin:30px 0}.details-heading>p{font-size:16px;margin-top:23px}.detail-grid{grid-template-columns:1fr;gap:18px}.detail-grid article{padding:25px}.subtitle-art{font-size:34px;height:200px}.look-art{height:220px;margin-bottom:24px}.native-line{gap:16px;padding:30px 0;align-items:flex-start}.native-line h3{font-size:22px;line-height:1.2;margin-bottom:8px}.native-line p{font-size:14px}.native-icon{font-size:33px}.closing{padding:26px 25px 95px;min-height:430px}.closing-meta .eyebrow{font-size:8px;letter-spacing:.5px}.closing-rec{font-size:8px;letter-spacing:.5px}.closing h2{font-size:49px;letter-spacing:-2px;margin-top:43px}.closing-bottom{align-items:flex-start;flex-direction:column;gap:24px}.closing-bottom>p{font-size:16px}.closing-watermark{font-size:145px;letter-spacing:-10px;bottom:-39px;right:6px}.footer{flex-wrap:wrap;gap:25px;padding-block:32px}.footer>div{font-size:11px;gap:18px}.footer .wordmark{font-size:22px}}
@media(max-width:390px){.hero-actions{gap:13px}.hero-actions .text-link{font-size:11px}.button{padding-inline:15px}.hero h1{font-size:10.7vw}.demo-content{padding:15px 17px}.demo-content h2{font-size:32px;margin:10px 0}.demo-projects{margin-top:10px}.demo-projects>div:nth-child(2){display:none}.demo-browser>span:nth-child(2){display:none}.inspector{gap:12px}.inspector-group{font-size:10px;gap:6px}.inspector-group:first-child>span{display:none}.closing h2{font-size:43px}.closing-rec{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

.feature-list{margin-top:48px;border-top:1px solid var(--line)}
.feature-row{display:grid;grid-template-columns:28px 1fr 1.15fr 118px;gap:25px;align-items:start;border-bottom:1px solid var(--line);padding:32px 0}
.feature-index{font:12px var(--font-mono);color:#8491ae;padding-top:3px}
.feature-row .eyebrow{font-size:10px;color:#94a6d1;letter-spacing:1px}
.feature-row h3{font-size:25px;line-height:1.2;letter-spacing:-.6px;margin-top:10px}
.feature-row p{font-size:16px;color:#aab3cb}
.feature-format{font:10px/1.5 var(--font-mono);color:#9eabc8;text-align:right;padding-top:4px}
/* A full-width working canvas makes the camera benefit visible in context. */
.camera-section{background:var(--color-mist);color:var(--color-ink);padding:95px 0 48px;color-scheme:light}
.camera-heading{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:44px}
.camera-heading .eyebrow{color:var(--color-electric-blue);font-size:11px}
.camera-heading h2{font:200 clamp(46px,5.7vw,78px)/1.02 var(--font-display);letter-spacing:-3px;margin-top:28px}
.camera-heading h2 span{color:var(--color-electric-blue)}
.camera-heading>p{max-width:335px;font-size:20px;line-height:1.4;margin-bottom:4px}
.camera-heading>p>span{display:block;font-size:16px;color:#667188;line-height:1.65;margin-top:17px}
.pip-demo{border:1px solid #cad2e2;background:white;border-radius:14px;box-shadow:0 30px 60px #16386a12;overflow:hidden}
.pip-demo-bar{display:flex;align-items:center;justify-content:space-between;padding:17px 22px;font-size:14px;color:#283650;border-bottom:1px solid #dce2ee;gap:20px}
.pip-camera-symbol{color:var(--color-electric-blue);font-size:20px;vertical-align:middle;margin-right:8px}
.pip-source{font-size:12px;color:#78849c;margin-left:10px}.pip-demo-bar>span:last-child{font-size:12px;color:#78849c}
.pip-canvas{position:relative;aspect-ratio:1.93;padding:5% 7%;background:linear-gradient(120deg,#025cf8 0%,#282bc5 55%,#d04e9f 100%);isolation:isolate;overflow:hidden}
.pip-screen{height:100%;background:#f1f0e9;color:#29362b;border-radius:8px;box-shadow:0 16px 36px #0b102642;overflow:hidden}
.pip-screen-nav{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;border-bottom:1px solid #283a2419;font-size:11px}
.pip-screen-nav>span:nth-child(2){color:#7d8477}.pip-screen-nav i{font-style:normal;padding-inline:12px;color:#bbc1b5}
.pip-screen-content{padding:4% 5%}.pip-screen-kicker{font:10px var(--font-mono);letter-spacing:1.2px;color:#7d8875}
.pip-screen-content h3{font:300 clamp(30px,4.8vw,64px)/1.02 var(--font-display);letter-spacing:-2px;margin:17px 0 14px}
.pip-screen-content h3 em{font-style:normal;color:#748859}.pip-screen-content>p{font-size:13px;color:#75806c}
.pip-project-row{display:flex;align-items:center;gap:14px;padding:12px;background:#ffffffb0;border-radius:6px;margin-top:12px;max-width:75%}
.pip-project-row strong{display:block;font-size:13px;font-weight:400}.pip-project-row div>span{font-size:11px;color:#7c8575;display:block;margin-top:3px}
.pip-project-icon{padding:10px 12px;background:#e0e7d4;border-radius:4px;color:#64794a}.pip-project-progress{margin-left:auto;font:11px var(--font-mono);color:#7c8575}
.pip-person{position:absolute;width:26%;aspect-ratio:1;left:70%;top:42%;border:3px solid white;border-radius:18px;box-shadow:0 16px 45px #07113466;overflow:hidden;transition:left .65s var(--ease-out),top .65s var(--ease-out),width .35s var(--ease-out),border-radius .4s;z-index:2;background:#c5b59f}
.pip-person img{display:block;width:100%;height:100%;object-fit:cover}.pip-person-label{position:absolute;bottom:12px;left:12px;background:#0b1026bc;color:white;padding:5px 10px;font-size:12px;border-radius:5px;backdrop-filter:blur(10px)}
.pip-resize-mark{position:absolute;right:10px;bottom:10px;color:white;text-shadow:0 1px 6px #000;font-size:20px}.pip-person.round{border-radius:50%}.pip-person.round .pip-person-label,.pip-person.round .pip-resize-mark{opacity:0}
.pip-canvas-label{position:absolute;bottom:14px;left:22px;font:10px var(--font-mono);letter-spacing:1.5px;color:#fff9}
.pip-controls{display:flex;align-items:center;gap:28px;padding:22px 27px;color:#293650}
.pip-control-intro{margin-right:auto}.pip-control-intro>span{display:block;font:300 23px var(--font-display);letter-spacing:-.5px}.pip-control-intro small{display:block;color:#7d889e;font-size:13px;margin-top:5px}
.pip-positions{position:relative;border:0;padding:0;margin:0;display:flex;gap:5px}.pip-positions legend{font-size:12px;margin-bottom:8px;color:#6b7890}
.pip-positions button{width:36px;height:34px;border:1px solid #dde3ed;border-radius:6px;background:transparent;color:#65718a;font-size:21px}.pip-positions button[aria-pressed=true]{background:#025cf80c;border-color:#025cf8;color:#025cf8}
.pip-size-control{width:138px}.pip-size-control label{display:flex;justify-content:space-between;font-size:12px;color:#6b7890;margin-bottom:11px}.pip-size-control input{accent-color:var(--color-electric-blue);width:100%;margin:0;cursor:pointer}.pip-size-control output{font-family:var(--font-mono);font-size:11px}
.pip-round-control{padding:12px;border-radius:7px;background:#f4f6fc;color:#40506e;display:flex;align-items:center;gap:9px;font-size:13px;border:1px solid #dce2ee}.pip-round-icon{width:17px;height:17px;border:1px solid currentColor;border-radius:50%}.pip-round-control[aria-pressed=true]{color:#025cf8;border-color:#025cf8;background:#025cf809}
.camera-story{display:grid;grid-template-columns:repeat(3,1fr);gap:44px;margin-top:52px}.camera-story-number{font:11px var(--font-mono);color:#7a86a0;letter-spacing:1px}.camera-story h3{font-size:26px;letter-spacing:-.7px;margin:15px 0 10px}.camera-story p{font-size:16px;color:#657188;max-width:335px}.camera-requirement{font-size:12px;color:#7a86a0;margin-top:35px;padding-top:20px;border-top:1px solid #dce2ee}
.feature-row{grid-template-columns:24px 1fr 1.1fr 215px;gap:25px;align-items:center}.feature-mini{font-size:12px;color:#b5bfd7;margin-left:15px}.feature-mini small{font-size:10px;color:#7c8aa8}.audio-mini{display:grid;gap:17px}.audio-mini>span{display:flex;align-items:center;gap:5px;font:9px var(--font-mono);height:25px}.audio-mini i{display:block;width:8px;background:#f9468d;border-radius:3px;height:12px}.audio-mini i:nth-child(2n){height:25px}.audio-mini i:nth-child(3n){height:18px}.audio-mini b{display:block;width:8px;height:5px;background:#4f7fea;border-radius:2px}.audio-mini b:first-of-type,.audio-mini b:last-of-type{height:16px}.privacy-mini{display:grid;gap:12px}.private-example{filter:blur(4px);user-select:none;letter-spacing:1px}.chapters-mini,.batch-mini{display:grid;gap:9px}.chapters-mini time{font:10px var(--font-mono);color:#fa82b3;margin-right:10px}.batch-mini span{border-bottom:1px solid #ffffff10;padding-bottom:6px;font:10px var(--font-mono);display:flex;gap:15px;color:#7c8cba}.batch-mini i{font:12px var(--font-body);flex:1;color:#bdc6dc}
@media(max-width:1050px){.pip-controls{gap:20px;padding:20px}.pip-control-intro>span{font-size:20px}.pip-project-row{padding:8px;margin-top:8px}.pip-screen-content h3{margin:12px 0}.pip-screen-content>p{font-size:11px}.pip-project-row div>span{font-size:10px}.feature-row{grid-template-columns:24px 1fr 1.1fr}.feature-mini{grid-column:3;margin:0}.camera-heading{gap:35px}.camera-heading>p{max-width:280px}}
@media(max-width:760px){.camera-section{padding:64px 0 32px}.camera-heading{display:block;margin-bottom:28px}.camera-heading h2{font-size:clamp(41px,8.6vw,60px);letter-spacing:-2px;margin-top:22px}.camera-heading .eyebrow{font-size:9px;letter-spacing:1px}.camera-heading>p{font-size:19px;max-width:450px;margin-top:23px}.camera-heading>p>span{font-size:16px;margin-top:14px}.pip-demo-bar{padding:12px;font-size:12px;gap:10px}.pip-source{display:none}.pip-demo-bar>span:last-child{font-size:9px}.pip-camera-symbol{font-size:16px;margin-right:4px}.pip-canvas{aspect-ratio:1.3;padding:8% 6%}.pip-screen-nav{padding:10px;font-size:9px}.pip-screen-nav>span:nth-child(2){display:none}.pip-screen-content{padding:18px}.pip-screen-kicker{font-size:6px;letter-spacing:.7px}.pip-screen-content h3{font-size:clamp(26px,6.5vw,42px);letter-spacing:-1px;margin:14px 0 9px}.pip-screen-content>p{font-size:9px;max-width:70%;line-height:1.5}.pip-project-row{max-width:90%;gap:8px}.pip-project-row strong{font-size:10px}.pip-project-row div>span,.pip-project-progress{display:none}.pip-project-icon{padding:6px;font-size:10px}.pip-person{border-width:2px;border-radius:12px}.pip-person-label{font-size:8px;padding:3px 5px;left:5px;bottom:5px}.pip-resize-mark{font-size:12px;right:5px;bottom:5px}.pip-canvas-label{font-size:7px;left:12px;bottom:8px;letter-spacing:1px}.pip-controls{flex-wrap:wrap;gap:19px;padding:17px}.pip-control-intro{width:100%;display:flex;align-items:center;justify-content:space-between}.pip-control-intro>span{font-size:22px}.pip-control-intro small{margin:0;font-size:12px}.pip-positions{gap:4px}.pip-positions button{width:34px;height:34px}.pip-size-control{flex:1;min-width:90px}.pip-round-control{padding:9px 12px;font-size:12px}.camera-story{grid-template-columns:1fr;gap:25px;margin-top:33px}.camera-story article{border-top:1px solid #dce2ee;padding-top:21px}.camera-story h3{font-size:25px;margin-top:12px}.camera-story p{max-width:none}.camera-story-number{font-size:10px}.camera-requirement{font-size:12px;margin-top:25px}.feature-list{margin-top:32px}.feature-row{grid-template-columns:22px 1fr;gap:12px;padding:26px 0}.feature-row p,.feature-mini{grid-column:2}.feature-row h3{font-size:25px}.feature-row .eyebrow{font-size:9px;letter-spacing:.7px}.feature-mini{margin-top:12px;max-width:240px;width:100%}.feature-row p{font-size:16px}}
/* Subtitle round-trip: one continuous example from transcript to translated video. */
.subtitles-section{padding:95px 0 25px}.subtitles-heading{margin:39px 0 42px;display:flex;align-items:end;justify-content:space-between;gap:40px}.subtitles-heading h2{font:200 clamp(38px,4.6vw,63px)/1.08 var(--font-display);letter-spacing:-2px}.subtitles-heading h2 span{color:#a7b6de}.subtitles-heading>p{font-size:17px;min-width:260px;max-width:300px;color:#c4cce0}.subtitles-heading>p>span{display:block;margin-top:14px;font-size:14px;color:#8796b8}.subtitle-studio{background:#141b31;border:1px solid #ffffff24;border-radius:14px;overflow:hidden;box-shadow:0 24px 60px #0002}.subtitle-studio-bar{display:flex;justify-content:space-between;gap:20px;padding:18px 22px;border-bottom:1px solid var(--line);font-size:13px;color:#b1bedb}.subtitle-studio-bar i{font-style:normal;color:#63739a;margin:0 10px}.subtitle-studio-bar>span:last-child{font-size:11px;color:#8291b2}.subtitle-workspace{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr)}.subtitle-preview-column{padding:24px;background:#0e1428;min-width:0}.subtitle-preview{position:relative;aspect-ratio:1.3;background:linear-gradient(130deg,#314fbd,#665aa9 65%,#b46799);padding:6%;border-radius:7px;overflow:hidden}.subtitle-slide{height:100%;display:flex;flex-direction:column;justify-content:space-between;background:#eef0e8;padding:24px;color:#243429;border-radius:5px;box-shadow:0 10px 25px #0002}.subtitle-slide-brand{font-size:11px}.subtitle-slide-kicker{font:9px var(--font-mono);letter-spacing:1.2px;color:#7c8b72}.subtitle-slide h3{font-size:clamp(30px,3.6vw,49px);letter-spacing:-1.6px;line-height:1.03;margin:17px 0}.subtitle-slide-rule{display:block;background:#91a976;width:45px;height:3px;margin-bottom:14px}.subtitle-slide p{font-size:12px;color:#748369;max-width:85%}.subtitle-slide-footer{font:7px var(--font-mono);letter-spacing:1px;color:#7c8b72}.subtitle-overlay{position:absolute;bottom:10%;left:7%;right:7%;text-align:center;white-space:pre-line;background:#0b1026ef;color:white;padding:9px 13px;width:fit-content;max-width:86%;margin:auto;border-radius:6px;font-size:clamp(14px,1.7vw,22px);line-height:1.35;box-shadow:0 3px 18px #0002}.subtitle-preview-badge{position:absolute;top:13px;right:13px;font:9px var(--font-mono);letter-spacing:1px;color:white;background:#0b102688;border:1px solid #ffffff26;padding:6px 8px;border-radius:4px}.subtitle-transport{display:flex;align-items:center;gap:15px;padding:16px 0;color:#a4b2d1}.subtitle-transport button{background:#ffffff0c;border-radius:50%;width:36px;height:36px;flex-shrink:0;font-size:12px}.subtitle-transport>span{font:10px var(--font-mono);white-space:nowrap}.subtitle-transport input{width:100%;min-width:40px;accent-color:#f9468d;cursor:pointer}.subtitle-cues{display:grid;gap:7px}.subtitle-cues>p{color:#7484a6;font-size:14px;padding:14px 0}.subtitle-cue{display:flex;gap:15px;width:100%;padding:13px 12px;border:1px solid #ffffff13;border-radius:6px;background:#ffffff03;text-align:left;line-height:1.45;color:#a8b5d1;font-size:14px}.subtitle-cue time{font:10px var(--font-mono);color:#7c8cac;padding-top:4px;flex-shrink:0}.subtitle-cue[aria-current=true]{border-color:#f9468d80;background:#f9468d0e;color:#f5e7ee}.subtitle-cue[aria-current=true] time{color:#ff94bf}.subtitle-workflow{padding:27px 25px}.subtitle-workflow>.eyebrow{font-size:10px;letter-spacing:1px;color:#8396c0}.subtitle-step{display:grid;grid-template-columns:21px 1fr;gap:12px;padding:25px 0;border-bottom:1px solid var(--line)}.subtitle-step-number{font:11px var(--font-mono);color:#66799f;padding-top:5px}.subtitle-step h3{font-size:24px;letter-spacing:-.5px;line-height:1.15;margin-bottom:10px}.subtitle-step p{font-size:14px;color:#94a4c5;line-height:1.65}.subtitle-action{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #647eae80;padding:11px 13px;border-radius:6px;background:#ffffff04;font-size:13px;color:#d0dcf4;margin-top:15px;text-align:left}.subtitle-action:hover:not(:disabled){background:#025cf822;border-color:#568afa}.subtitle-action:disabled,.subtitle-workflow select:disabled,.subtitle-file-link:disabled{opacity:.4;cursor:not-allowed}.subtitle-step:first-of-type .subtitle-action{background:var(--color-electric-blue);color:white;border-color:var(--color-electric-blue)}.subtitle-step.done .subtitle-step-number{color:#f9468d}.subtitle-workflow select{display:block;width:100%;margin-top:15px;border-radius:5px;padding:9px;background:#0e1428;color:#c3cfea;border:1px solid #ffffff25;font-size:13px}.subtitle-file-link{display:block;padding:0;margin-top:14px;background:none;border:0;color:#96a9d3;text-decoration:underline;text-underline-offset:4px;font-size:12px}.subtitle-status{font-size:12px;color:#a5b8dd;margin-top:17px;min-height:38px}.subtitle-status.error{color:#ffd291}.subtitle-edit-panel{border-top:1px solid var(--line);padding:27px}.subtitle-edit-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:20px}.subtitle-edit-heading .eyebrow{font-size:10px;color:#869bc4}.subtitle-edit-heading h3{font-size:27px;letter-spacing:-.6px;margin-top:10px}.subtitle-edit-heading>span{font-size:13px;color:#93a5c7}.subtitle-edit-panel textarea{display:block;width:100%;resize:vertical;min-height:200px;max-height:550px;padding:18px;border:1px solid #ffffff20;background:#0b1026;color:#c4d2f0;border-radius:7px;font:12px/1.8 var(--font-mono);tab-size:2}.subtitle-edit-bottom{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:17px}.subtitle-edit-bottom p{font-size:12px;color:#8195b9;max-width:440px}.subtitle-edit-bottom .subtitle-action{margin-top:0;flex-shrink:0}.subtitle-footnote{display:flex;justify-content:space-between;gap:20px;color:#7c8ead;font-size:12px;margin-top:20px}.detail-grid-single{grid-template-columns:1fr}.detail-grid-single .look-card{display:grid;grid-template-columns:1fr 1fr;column-gap:45px;align-items:start}.detail-grid-single .look-card .eyebrow{grid-column:2;grid-row:1;margin-top:15px}.detail-grid-single .look-art{grid-column:1;grid-row:1/4;margin:0;height:230px}.detail-grid-single .look-card h3{grid-column:2;grid-row:2;margin:0}.detail-grid-single .look-card p{grid-column:2;grid-row:3}
@media(max-width:1050px){.subtitles-heading{align-items:start}.subtitles-heading>p{min-width:210px;max-width:240px;font-size:16px}.subtitle-preview-column{padding:16px}.subtitle-workflow{padding:24px 18px}.subtitle-workspace{grid-template-columns:minmax(0,1.15fr) minmax(290px,1fr)}.subtitle-preview{aspect-ratio:1.1}.subtitle-slide{padding:18px}.subtitle-slide h3{font-size:34px}}
@media(max-width:760px){.subtitles-section{padding:60px 0 0}.subtitles-heading{display:block;margin:30px 0}.subtitles-heading h2{font-size:40px;letter-spacing:-1.7px}.subtitles-heading>p{margin-top:23px;max-width:none}.subtitles-heading>p>span{font-size:14px}.subtitle-studio-bar{padding:14px;font-size:11px}.subtitle-studio-bar>span:last-child{max-width:110px;font-size:9px;text-align:right}.subtitle-workspace{grid-template-columns:1fr}.subtitle-preview-column{padding:14px}.subtitle-preview{aspect-ratio:1.15}.subtitle-slide{padding:18px}.subtitle-slide h3{font-size:34px}.subtitle-overlay{font-size:16px;bottom:9%}.subtitle-workflow{padding:25px 20px}.subtitle-step{padding:22px 0}.subtitle-step h3{font-size:24px}.subtitle-action{min-height:44px;font-size:13px}.subtitle-cue{font-size:13px;padding:12px 9px;gap:10px}.subtitle-edit-panel{padding:20px}.subtitle-edit-heading{display:block}.subtitle-edit-heading h3{font-size:25px}.subtitle-edit-heading>span{display:block;margin-top:12px}.subtitle-edit-panel textarea{font-size:11px;padding:12px}.subtitle-edit-bottom{flex-direction:column;align-items:start;gap:15px}.subtitle-footnote{font-size:10px;line-height:1.5}.detail-grid-single .look-card{display:block}.detail-grid-single .look-card .eyebrow{margin:0 0 15px}.detail-grid-single .look-card h3{margin:23px 0 10px}.detail-grid-single .look-art{height:210px}}
.subtitle-slide h3{white-space:pre-line}.subtitle-cues{max-height:270px;overflow-y:auto}.subtitle-cue>span{white-space:pre-line}
.subtitle-preview-link{display:inline-block;color:#afc4f6;font-size:13px;text-decoration:underline;text-underline-offset:4px}.subtitle-edit-panel>.subtitle-status{min-height:0;margin-top:13px}.subtitle-overlay{overflow-wrap:anywhere;max-height:70%;overflow-y:auto}.subtitle-cue>span{overflow-wrap:anywhere;min-width:0}
/* Feature gallery: two editorial working surfaces, three compact live studies. */
.finish-gallery{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:22px;align-items:stretch}.finish-card{min-width:0;border:1px solid #ffffff20;border-radius:14px;background:#121a30;overflow:hidden;padding:27px;display:flex;flex-direction:column}.finish-wide{grid-column:span 3}.finish-small{grid-column:span 2}.finish-card-heading{margin-bottom:26px}.finish-card-heading>.eyebrow{font-size:10px;color:#93a9d3;letter-spacing:1px}.finish-card-heading h3{font-size:32px;letter-spacing:-1px;line-height:1.08;margin:16px 0 13px}.finish-card-heading p{font-size:16px;line-height:1.6;color:#9dacce}.finish-small .finish-card-heading h3{font-size:28px}.finish-small .finish-card-heading p{font-size:15px}.finish-small .finish-card-heading{min-height:174px}.finish-app-bar{font-size:11px;display:flex;gap:12px;justify-content:space-between;padding:13px;border-bottom:1px solid #ffffff13;color:#afbfdf}.finish-app-bar>span:last-child{font-size:10px;color:#7890ba;white-space:nowrap}.organize-app,.chapter-app{background:#0b1125;border:1px solid #ffffff17;border-radius:9px;overflow:hidden}.organize-app{margin-top:auto}.organize-body{display:grid;grid-template-columns:125px minmax(0,1fr);min-height:250px}.organize-scenes{padding:12px 9px;display:flex;flex-direction:column;gap:7px;max-height:290px;overflow-y:auto}.organize-scenes button{background:transparent;border:1px solid #ffffff10;color:#8ea3c8;border-radius:6px;text-align:left;padding:11px 9px;font-size:12px;overflow-wrap:anywhere}.organize-scenes button>span{display:block;font:9px var(--font-mono);margin-bottom:8px;color:#5877ad}.organize-scenes button[aria-pressed=true]{background:#025cf822;border-color:#025cf8;color:#dbe7ff}.organize-preview{padding:24px 20px;background:#dfe8ce;color:#34492d;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.organize-preview>span:first-child{font:9px var(--font-mono);letter-spacing:1px;color:#728767}.organize-preview h4{font:300 39px/1.05 var(--font-display);letter-spacing:-1px;margin:22px 0;overflow-wrap:anywhere}.organize-take{font:8px/1.7 var(--font-mono);color:#6f8262}.organize-lanes{display:grid;gap:7px;margin-top:25px}.organize-lanes i{height:13px;border-radius:3px;background:#76976a;width:100%}.organize-lanes i:last-child{background:#b194a1;width:72%}.organize-edit{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:14px 12px;border-top:1px solid #ffffff18}.organize-edit label{font-size:11px;color:#8095ba}.organize-edit input,.chapter-add input{min-width:0;width:100%;background:#171f36;color:#cbd9f5;border:1px solid #ffffff23;border-radius:5px;padding:9px;font-size:12px}.organize-edit button,.chapter-add button{background:#22365c;color:#b9d0fa;border:1px solid #385c96;border-radius:5px;padding:9px;white-space:nowrap;font-size:12px}.organize-edit button:disabled{opacity:.4;cursor:not-allowed}.organize-batch{display:flex;align-items:center;gap:15px;padding:0 12px 15px}.organize-batch button{padding:11px 12px;background:var(--color-electric-blue);border-radius:5px;font-size:12px;white-space:nowrap}.organize-batch>span{font-size:11px;color:#859bc2;line-height:1.5}.organize-exports{padding:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;border-top:1px solid #ffffff1a}.organize-export-item{font:10px/1.6 var(--font-mono);border:1px solid #49669a;background:#183261;padding:10px;border-radius:4px;overflow-wrap:anywhere;animation:finish-enter .4s var(--ease-out) both}.finish-demo-note{font-size:11px;color:#7d93b9;line-height:1.5;display:block;margin-top:15px}.chapter-screen{padding:22px 24px;background:#332656;min-height:130px}.chapter-screen>span:first-child{font:9px var(--font-mono);color:#b4a0d4;letter-spacing:1px}.chapter-screen h4{font:300 36px/1.06 var(--font-display);letter-spacing:-1px;margin:15px 0;overflow-wrap:anywhere;color:#f2dbed}.chapter-screen-sub{font:8px var(--font-mono);color:#aa8fae;letter-spacing:1px}.chapter-scrub{display:flex;gap:13px;padding:19px 13px 10px;align-items:center}.chapter-scrub>button{background:#ffffff0b;border-radius:50%;width:30px;height:30px;flex-shrink:0;font-size:11px}.chapter-rail{position:relative;width:100%;min-width:0}.chapter-rail input{width:100%;accent-color:#f9468d;cursor:pointer;margin:0;position:relative;z-index:1}.chapter-rail #chapter-ticks{position:absolute;inset:0 7px;pointer-events:none}.chapter-rail #chapter-ticks i{position:absolute;top:-6px;width:2px;height:28px;background:#f9468d80}.chapter-buttons{padding:7px 13px;display:flex;gap:6px;flex-wrap:wrap}.chapter-buttons button{border:1px solid #ffffff20;color:#95a6c7;background:transparent;border-radius:5px;font-size:11px;padding:8px;text-align:left;max-width:100%;overflow-wrap:anywhere}.chapter-buttons button[aria-current=true]{background:#f9468d17;border-color:#f9468d90;color:#f5bad6}.chapter-buttons time{font:9px var(--font-mono);margin-right:7px;color:#f28bb7}.chapter-add{display:flex;gap:8px;padding:10px 13px}.chapter-output{padding:12px 14px;background:#ffffff04;border-top:1px solid #ffffff13;margin-top:3px}.chapter-output>span{font:9px var(--font-mono);color:#6f83aa;letter-spacing:1px}.chapter-output pre{font:11px/1.8 var(--font-mono);color:#a9bde4;white-space:pre-wrap;overflow-wrap:anywhere;max-height:110px;overflow-y:auto;margin:10px 0 0}.chapter-app>.finish-demo-note{padding:0 13px 13px;margin-top:12px}.duck-demo{position:relative;padding:26px 15px;background:#0b1125;border-radius:8px;overflow:hidden;height:166px;margin-top:auto}.duck-voice,.duck-music{display:flex;align-items:center;gap:15px;height:49px;position:relative;z-index:1}.duck-demo span{font:9px var(--font-mono);color:#8aa0c5;width:45px;flex-shrink:0}.duck-demo div>div{display:flex;align-items:center;justify-content:space-between;width:100%;gap:4px}.duck-demo i{height:26px;width:8px;border-radius:3px;background:#668df4;transition:height .6s var(--ease-out),opacity .6s}.duck-voice i{background:#f9468d;height:12px}.duck-voice i:nth-child(2n){height:34px}.duck-voice i:nth-child(3n){height:23px}.duck-music i:nth-child(2n){height:34px}.duck-demo.duck-on .duck-music i:nth-child(n+3):nth-child(-n+10){height:6px;opacity:.5}.duck-voice-region{position:absolute;left:42%;right:12%;top:16px;bottom:16px;border-left:1px dashed #f9468d44;border-right:1px dashed #f9468d44;background:#f9468d06;pointer-events:none}.finish-switch{background:none;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#bac9e5;border:0;padding:18px 0 0;font-size:12px;text-align:left;min-height:44px}.finish-switch>i{display:block;width:29px;height:17px;background:#3c4b68;border-radius:30px;padding:3px;flex-shrink:0;transition:background .2s}.finish-switch>i:before{content:'';display:block;width:11px;height:11px;border-radius:50%;background:#eef3ff;transition:transform .2s}.finish-switch[aria-pressed=true]>i{background:var(--color-electric-blue)}.finish-switch[aria-pressed=true]>i:before{transform:translateX(12px)}.privacy-example{background:#e9edf5;color:#253653;border-radius:8px;padding:17px;height:166px;margin-top:auto}.privacy-example-header{display:flex;justify-content:space-between;font-size:12px;border-bottom:1px solid #b1bfd633;padding-bottom:11px}.privacy-example-header>span{font:8px var(--font-mono);color:#8997b0}.privacy-example-label{display:block;font-size:9px;color:#8190aa;margin-top:10px}.privacy-example #privacy-value{font-size:16px;margin-top:4px;transition:filter .4s;overflow-wrap:anywhere}.privacy-example #privacy-value.concealed{filter:blur(5px);user-select:none}.privacy-example strong{font-size:12px;font-weight:400;display:block;margin-top:4px}.finish-look{padding:18px 24px;background:linear-gradient(130deg,#025cf8,#121dc8 60%,#f9468d);border-radius:8px;height:166px;margin-top:auto;transition:background .4s}.finish-look>div{height:100%;border-radius:5px;background:#131a2ff0;border:1px solid #ffffff50;box-shadow:0 8px 18px #0002;padding:13px;display:flex;flex-direction:column;justify-content:space-between}.finish-look span{font:7px var(--font-mono);color:#8096bf}.finish-look strong{font:200 29px/1 var(--font-display);letter-spacing:-1px}.finish-look-options{display:flex;gap:6px;padding-top:17px}.finish-look-options button{border:1px solid #ffffff20;background:transparent;padding:7px 10px;border-radius:5px;color:#839bc7;font-size:12px}.finish-look-options button[aria-pressed=true]{border-color:#6198ff;color:#c4d8ff;background:#025cf817}.finish-gallery-nav{display:none}@keyframes finish-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:1050px){.finish-card{padding:20px}.finish-card-heading h3{font-size:28px}.finish-small .finish-card-heading h3{font-size:24px}.finish-small .finish-card-heading{min-height:190px}.organize-body{grid-template-columns:105px minmax(0,1fr)}.organize-preview{padding:20px 13px}.organize-preview h4{font-size:30px}.organize-edit{grid-template-columns:minmax(0,1fr) auto}.organize-edit label{grid-column:1/-1}.organize-batch{flex-direction:column;align-items:start;gap:10px}.duck-demo{padding-inline:10px}.duck-demo span{font-size:8px;width:36px}.duck-voice,.duck-music{gap:8px}.privacy-example #privacy-value{font-size:14px}.finish-switch{font-size:11px}.finish-small .finish-card-heading p{font-size:14px}.finish-look{padding:17px}.finish-look-options button{padding:7px;font-size:11px}}
@media(max-width:760px){.finish-gallery{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;gap:14px;align-items:stretch;padding-bottom:16px;scrollbar-width:thin;scrollbar-color:#405880 transparent}.finish-card{flex:0 0 calc(100% - 18px);scroll-snap-align:start;padding:20px}.finish-card-heading h3,.finish-small .finish-card-heading h3{font-size:29px}.finish-card-heading p,.finish-small .finish-card-heading p{font-size:16px}.finish-card-heading{margin-bottom:22px}.finish-small .finish-card-heading{min-height:0}.finish-small .duck-demo,.finish-small .privacy-example,.finish-small .finish-look{margin-top:20px;height:240px}.duck-demo{display:flex;flex-direction:column;justify-content:center;padding:25px}.privacy-example{padding:24px}.privacy-example-header{font-size:15px}.privacy-example-label{font-size:11px;margin-top:19px}.privacy-example #privacy-value{font-size:19px}.privacy-example strong{font-size:14px}.finish-small .finish-demo-note{margin-bottom:auto}.finish-look{padding:26px}.finish-look strong{font-size:43px}.finish-look span{font-size:9px}.finish-switch{font-size:13px;padding-top:22px}.finish-look-options button{font-size:13px;padding:10px}.finish-gallery-nav{display:flex;align-items:center;gap:10px;margin-top:8px}.finish-gallery-nav>span{margin-right:auto;font-size:12px;color:#849bc5}.finish-gallery-nav button{background:#192640;border:1px solid #415a82;border-radius:50%;width:40px;height:40px;font-size:20px;color:#c0d2f1}.finish-gallery-nav button:disabled{opacity:.3;cursor:not-allowed}.organize-body{grid-template-columns:94px minmax(0,1fr)}.organize-preview h4{font-size:31px}.organize-batch{align-items:stretch}.finish-app-bar{font-size:10px;padding:12px 10px}.chapter-screen{padding:20px}.chapter-screen h4{font-size:32px}.chapter-add{flex-wrap:wrap}.chapter-add input{flex:1;min-width:110px}.chapter-output pre{font-size:10px}.finish-small .finish-card-heading{min-height:185px}}
.organize-app{margin-top:0}.finish-wide .finish-card-heading{min-height:175px}
@media(max-width:1050px) and (min-width:761px){.finish-wide .finish-card-heading{min-height:220px}}
@media(max-width:760px){.finish-wide .finish-card-heading{min-height:0}.finish-card{scroll-margin-inline:0}}
@media(max-width:760px){.finish-gallery-nav{margin:0 0 15px}.details{overflow:clip}}
/* One-step language demo. Keep the movie and its current moment unchanged. */
.subtitle-simple-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 23px}.subtitle-simple-toolbar>span{font-size:13px;color:#9db0d4}.subtitle-simple-toolbar>span i{font-style:normal;color:#566e99;margin:0 8px}.subtitle-languages{display:flex;gap:5px;background:#0b1125;padding:4px;border-radius:8px}.subtitle-languages button{background:transparent;color:#93a7cd;border:1px solid transparent;border-radius:5px;font-size:14px;padding:9px 15px;transition:background .2s,color .2s}.subtitle-languages button[aria-pressed=true]{background:#263c64;color:#f0f5ff;border-color:#48689b}.subtitle-simple>.subtitle-preview{aspect-ratio:2.25;border-radius:0;padding:4% 9%}.subtitle-simple .subtitle-slide{padding:22px 35px}.subtitle-simple .subtitle-slide h3{font-size:clamp(38px,4.5vw,62px)}.subtitle-simple .subtitle-slide p{font-size:14px}.subtitle-simple .subtitle-slide-footer{font-size:9px}.subtitle-simple .subtitle-overlay{font-size:clamp(17px,2vw,26px);bottom:10%;padding:10px 18px;max-width:82%}.subtitle-simple-bottom{padding:0 23px 23px}.subtitle-simple .subtitle-cues{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-height:none;overflow:visible}.subtitle-simple .subtitle-cue{display:flex;flex-direction:column;gap:10px;padding:16px;font-size:15px;min-width:0}.subtitle-simple .subtitle-cue time{font-size:10px}.subtitle-simple .subtitle-cue[aria-current=true]{border-color:#f9468d;background:#f9468d10}.subtitle-simple .subtitle-preview-badge{top:17px;right:20px}.subtitle-simple .subtitle-transport{padding-block:18px}.subtitle-simple .subtitle-slide-rule{margin-bottom:12px}
@media(max-width:760px){.subtitle-simple-toolbar{display:flex;flex-direction:column;align-items:stretch;padding:16px;gap:15px}.subtitle-simple-toolbar>span{font-size:12px}.subtitle-languages{justify-content:stretch}.subtitle-languages button{flex:1;padding:10px;font-size:13px}.subtitle-simple>.subtitle-preview{aspect-ratio:1.12;padding:8%}.subtitle-simple .subtitle-slide{padding:19px}.subtitle-simple .subtitle-slide h3{font-size:35px;margin:16px 0}.subtitle-simple .subtitle-slide p{font-size:11px}.subtitle-simple .subtitle-slide-footer{font-size:6px;letter-spacing:.5px}.subtitle-simple .subtitle-overlay{font-size:16px;bottom:11%;max-width:86%;padding:8px 10px}.subtitle-simple .subtitle-preview-badge{top:10px;right:10px;font-size:8px}.subtitle-simple-bottom{padding:0 14px 16px}.subtitle-simple .subtitle-cues{gap:7px}.subtitle-simple .subtitle-cue{padding:10px 7px;font-size:11px;gap:8px}.subtitle-simple .subtitle-cue time{font-size:7px;letter-spacing:-.3px;white-space:nowrap}.subtitle-simple .subtitle-transport{gap:10px}.subtitle-simple .subtitle-slide-brand{font-size:10px}.subtitle-footnote{display:block;font-size:11px}.subtitle-footnote>span{display:block;margin-bottom:7px}body{overflow-x:clip}}
@media(max-width:760px){html{overflow-x:clip}.subtitle-simple .subtitle-cue{font-size:12px}}
.publish-package{margin:10px 13px 14px;border:1px solid #385b96;border-radius:7px;overflow:hidden;background:#121e36}.publish-package summary{padding:13px 15px;background:var(--color-electric-blue);color:white;font-size:14px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:15px}.publish-package summary::-webkit-details-marker{display:none}.publish-package summary:focus-visible{outline:2px solid var(--color-magenta);outline-offset:-3px}.publish-files{display:grid;gap:15px;padding:20px 15px}.publish-files>div{display:flex;gap:12px;align-items:center;min-width:0}.publish-file-icon{font-size:22px;color:#88b0ff;width:26px;flex-shrink:0}.publish-files strong{font-weight:400;font-size:12px;color:#d1dff6;display:block;overflow-wrap:anywhere}.publish-files small{display:block;font-size:11px;color:#8ca3c9;margin-top:4px}.publish-handoff{padding:16px 15px;display:grid;gap:13px}.publish-handoff>span{display:flex;gap:10px;font-size:12px;color:#bfd0ed;line-height:1.5}.publish-handoff b{font:11px var(--font-mono);color:#fa90bf;padding-top:3px}.publish-demo-note{font-size:10px;color:#8199be;padding:0 15px 15px;line-height:1.6}
/* One continuous, automatic narrative: markers become a publishing package. */
.story-loop{margin:0 0 28px;border:1px solid #ffffff21;border-radius:15px;background:#141b31;padding:32px;overflow:hidden}.story-loop-heading{display:flex;align-items:end;justify-content:space-between;gap:45px;margin-bottom:30px}.story-loop-heading .eyebrow{font-size:11px;color:#9bafd9}.story-loop-heading h3{font:300 clamp(30px,3.3vw,44px)/1.13 var(--font-display);letter-spacing:-1.5px;margin:17px 0 0}.story-loop-heading h3 span{color:#90a6d2}.story-loop-heading>p{color:#99acca;max-width:270px;font-size:16px}.story-loop-app{border:1px solid #ffffff20;border-radius:10px;overflow:hidden;background:#0b1125}.story-loop-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;color:#8fa5cc;font-size:12px}.story-loop-bar i{font-style:normal;margin-inline:10px;color:#4c6590}.story-loop-bar button{padding:8px 12px;background:#ffffff08;border:1px solid #ffffff22;border-radius:5px;font-size:12px;color:#bfd0ef;min-width:92px;white-space:nowrap}.story-loop-workspace{display:grid;grid-template-columns:1.4fr 1fr}.story-film{background:#121e3c;padding:22px;min-width:0}.story-film-stage{min-height:290px;background:#e7ecdc;color:#304229;border-radius:6px;box-shadow:0 15px 25px #0002;padding:23px 26px;display:flex;flex-direction:column;justify-content:space-between}.story-film-brand{font-size:11px}.story-film-stage>div>span{font:9px var(--font-mono);letter-spacing:1.4px;color:#819372}.story-film-stage h4{font:300 clamp(30px,3.7vw,48px)/1.04 var(--font-display);letter-spacing:-1.7px;margin:15px 0;white-space:pre-line;min-height:100px}.story-film-stage p{font-size:12px;color:#788b6d;line-height:1.5}.story-film-bottom{font:7px var(--font-mono);color:#8d9b83;letter-spacing:.6px;margin-top:20px}.story-timeline{padding-top:23px}.story-ruler{display:flex;justify-content:space-between;color:#6a86b4;font:9px var(--font-mono);padding-bottom:9px}.story-track{position:relative;display:grid;grid-template-columns:1fr 2fr 1fr;gap:4px;height:38px}.story-track>span{background:#124cba;border-radius:3px;display:flex;align-items:center;justify-content:center;color:#b4d1ff;font-size:10px;padding:5px;overflow:hidden;white-space:nowrap}.story-track>span:nth-child(2){background:#2c56ac}.story-track>span:nth-child(3){background:#3055a0}.story-track>i{position:absolute;top:-6px;bottom:-6px;width:2px;background:#f5b0d0;left:0}.story-markers{display:flex;justify-content:space-between;margin-top:14px;gap:8px;min-height:32px}.story-marker{font-size:11px;color:#f285b6;opacity:.15;transform:translateY(6px);transition:opacity .5s,transform .5s}.story-marker b{font-size:10px;font-weight:300;display:block;color:#b6c6e3;margin-top:5px}.story-marker.visible{opacity:1;transform:none}.story-result{padding:24px;display:flex;flex-direction:column;min-width:0}.story-result-heading{display:flex;justify-content:space-between;font:10px var(--font-mono);letter-spacing:1px;color:#7f97c0}.story-chapter-list{margin-top:19px;display:grid;gap:10px}.story-chapter-list>div{display:flex;align-items:center;gap:13px;padding:11px 0;border-bottom:1px solid #ffffff10;opacity:.18;transform:translateX(8px);transition:opacity .55s,transform .55s;color:#c7d5ee;font-size:14px}.story-chapter-list>div.visible{opacity:1;transform:none}.story-chapter-list time{font:11px var(--font-mono);color:#f28bb7}.story-chapter-list i{margin-left:auto;font-style:normal;color:#89addb}.story-export{border:1px solid #456eaa;border-radius:8px;padding:16px;margin-top:24px;background:#102349;opacity:.15;transform:translateY(12px);transition:opacity .8s,transform .8s,box-shadow .8s}.story-export.ready{opacity:1;transform:none;box-shadow:0 8px 30px #025cf81a}.story-export-label{font:9px var(--font-mono);color:#8db7ff;letter-spacing:1px}.story-export>div{display:flex;gap:11px;align-items:center;margin-top:17px}.story-export>div>span{font-size:25px;color:#9abbf4}.story-export p{min-width:0;line-height:1.4}.story-export strong{font-size:12px;font-weight:400;overflow-wrap:anywhere;display:block;color:#d2e1ff}.story-export small{font-size:11px;display:block;color:#8fa9d3;margin-top:3px}.story-export i{font-style:normal;margin-left:auto;color:#c1d6ff}.story-platform-note{font-size:12px;color:#869cc1;line-height:1.6;margin-top:17px}.story-loop-footer{padding:18px;display:flex;justify-content:space-between;gap:20px;border-top:1px solid #ffffff17}.story-loop-footer>div{display:flex;gap:22px}.story-step{font:10px var(--font-mono);color:#456088}.story-step b{font:12px var(--font-body);margin-left:7px;color:#647dA5}.story-step.active,.story-step.active b{color:#edb0d0}.story-loop-footer>span{font-size:11px;color:#9cb1d3}.story-loop-progress{height:2px;background:#16233e}.story-loop-progress i{display:block;height:100%;background:#f9468d;transform-origin:left;transform:scaleX(0)}.story-loop-note{font-size:11px;color:#7a90b6;margin-top:15px;line-height:1.6}
@media(max-width:1050px){.story-loop{padding:25px}.story-loop-heading{gap:25px}.story-loop-heading>p{max-width:235px;font-size:15px}.story-loop-workspace{grid-template-columns:1.2fr 1fr}.story-film{padding:16px}.story-film-stage{padding:20px}.story-result{padding:20px}.story-loop-footer{flex-direction:column;gap:12px}.story-loop-footer>div{justify-content:space-between}}
@media(max-width:760px){.story-loop{padding:20px;margin-bottom:26px}.story-loop-heading{display:block;margin-bottom:25px}.story-loop-heading h3{font-size:33px;letter-spacing:-1px}.story-loop-heading>p{max-width:none;margin-top:17px;font-size:16px}.story-loop-heading .eyebrow{font-size:10px}.story-loop-bar{padding:10px;font-size:10px;gap:8px}.story-loop-bar>span{max-width:160px;line-height:1.5}.story-loop-bar i{margin:0 4px}.story-loop-bar button{font-size:10px;min-width:73px;padding:9px}.story-loop-workspace{grid-template-columns:1fr}.story-film{padding:13px}.story-film-stage{min-height:245px;padding:18px}.story-film-stage h4{font-size:36px;min-height:80px}.story-film-stage p{font-size:12px}.story-film-stage>div>span{font-size:8px}.story-film-bottom{font-size:6px}.story-track>span{font-size:8px}.story-marker b{font-size:8px}.story-result{padding:20px 16px}.story-chapter-list{margin-top:10px;gap:3px}.story-chapter-list>div{font-size:13px}.story-export{margin-top:18px}.story-platform-note{font-size:11px}.story-loop-footer{padding:15px}.story-loop-footer>div{gap:12px;flex-wrap:wrap}.story-step{font-size:9px}.story-step b{font-size:11px}.story-loop-note{font-size:10px}.story-loop-footer>span{font-size:11px}}
.story-track{grid-template-columns:4fr 8fr 3fr}.story-ruler{position:relative;height:20px;display:block}.story-ruler>span{position:absolute;top:0}.story-ruler>span:nth-child(2){left:26.667%}.story-ruler>span:nth-child(3){left:80%}.story-ruler>span:last-child{right:0}.story-markers{display:block;position:relative;min-height:42px}.story-marker{position:absolute;top:0;max-width:23%}.story-marker:nth-child(2){left:26.667%}.story-marker:nth-child(3){left:80%;max-width:20%}
/* Three distinct typographic and spatial systems, not just color swatches. */
.design-preview{height:226px;position:relative;isolation:isolate;overflow:hidden;border-radius:9px;margin-top:auto;background:#131c32}.design-sample{position:absolute;inset:0;padding:22px;opacity:0;transform:translateY(10px) scale(.98);transition:opacity .65s var(--ease-out),transform .65s var(--ease-out);pointer-events:none}.design-sample.active{opacity:1;transform:none;z-index:1}.design-sample strong{display:block}.design-one{background:linear-gradient(125deg,#025cf8,#2331ce 60%,#ad4fc5)}.design-one-window{height:100%;background:#f4f6ff;color:#142954;border-radius:12px;box-shadow:0 10px 25px #09163d50;padding:15px 18px;display:flex;flex-direction:column}.design-one-bar{display:flex;justify-content:space-between;align-items:center;font:10px var(--font-body);color:#6b7da2}.design-one-bar>span:last-child{background:#e2e9ff;color:#025cf8;border-radius:50%;width:20px;height:20px;display:grid;place-items:center}.design-one-eyebrow{font:7px var(--font-mono);color:#7f93bd;letter-spacing:.7px;margin-top:16px}.design-one strong{font:300 35px/.97 var(--font-display);letter-spacing:-1.5px;margin-top:7px}.design-one-tag{color:#025cf8;font:9px var(--font-body);margin-top:auto;padding-top:10px}.design-two{background:#d6a8b8;padding:16px 27px}.design-two-window{background:#fff4eb;color:#502e3e;box-shadow:4px 5px 0 #a7748640;height:100%;padding:14px 17px;display:flex;flex-direction:column}.design-two-bar{border-bottom:1px solid #946a7c66;display:flex;justify-content:space-between;align-items:center;padding-bottom:7px;font:italic 13px Georgia,serif}.design-two-bar>span:last-child{font:8px var(--font-mono)}.design-two-eyebrow{font:italic 10px Georgia,serif;margin-top:17px;color:#ad798a}.design-two strong{font:normal 36px/.99 Georgia,'Times New Roman',serif;letter-spacing:-1.4px;margin-top:7px}.design-two strong em{font-weight:400;color:#a64d77}.design-two-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:10px;font:6px var(--font-mono);letter-spacing:1px}.design-two-footer>span:last-child{font-size:18px}.design-three{background:#070e17;padding:21px 15px}.design-three-window{height:100%;border:1px solid #4f716b;color:#b9f4d5;background:#111e23;padding:13px 15px;display:flex;flex-direction:column}.design-three-bar{display:flex;justify-content:space-between;border-bottom:1px dashed #5c81764d;padding-bottom:10px;font:8px var(--font-mono);color:#79a99b}.design-three-eyebrow{font:7px var(--font-mono);letter-spacing:1.5px;margin-top:20px;color:#5f9a88}.design-three strong{font:400 27px/1.12 var(--font-mono);letter-spacing:-1.5px;margin-top:8px}.design-three strong>span{color:#62deae}.design-three-tag{font:7px var(--font-mono);color:#74bda6;margin-top:auto;padding-top:14px}.design-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:16px}.design-options button{padding:9px 3px;border:1px solid #ffffff20;border-radius:6px;background:transparent;font-size:10px;color:#879fc8;line-height:1.3;transition:color .2s,background .2s}.design-options button span{display:block;font:300 19px var(--font-display);margin-top:4px}.design-options button[aria-pressed=true]{border-color:#77a1f1;background:#233b61;color:#e3edff}.design-autoplay{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:17px;color:#7d93b9;font-size:10px}.design-autoplay>button{background:none;color:#afc0df;padding:6px 0 6px 6px;font-size:11px;white-space:nowrap;min-height:30px}.design-progress{height:2px;background:#ffffff0b;margin-top:12px;overflow:hidden}.design-progress i{display:block;height:100%;background:#8caeff;transform:scaleX(0);transform-origin:left}
@media(max-width:1050px) and (min-width:761px){.design-sample{padding:16px}.design-one-window,.design-two-window,.design-three-window{padding:12px}.design-one strong,.design-two strong{font-size:31px}.design-three strong{font-size:21px}.design-options button{font-size:9px}.design-autoplay{flex-wrap:wrap;gap:4px}}
@media(max-width:760px){.design-preview{height:260px;margin-top:20px}.design-sample{padding:22px}.design-one strong,.design-two strong{font-size:43px}.design-three strong{font-size:30px}.design-one-eyebrow,.design-two-eyebrow,.design-three-eyebrow{margin-top:22px}.design-one-tag{font-size:11px}.design-three-tag{font-size:8px}.design-options button{font-size:11px;padding:10px 3px}.design-options button span{font-size:22px}.design-autoplay{font-size:10px}.design-progress{margin-bottom:auto}}
.micro-autoplay{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:15px;color:#7d93b9;font-size:10px;line-height:1.5}.micro-autoplay>button{background:none;color:#afc0df;padding:6px 0 6px 6px;font-size:11px;white-space:nowrap;min-height:32px}.duck-demo i{transition:height .18s linear,opacity .4s}.duck-demo .duck-voice-region{opacity:0;transition:opacity .5s}.duck-demo.duck-on .duck-voice-region{opacity:1}.privacy-example{position:relative}.privacy-example:after{content:'';position:absolute;left:10px;right:10px;top:66px;height:35px;border:1px solid #025cf899;border-radius:5px;box-shadow:0 0 0 3px #025cf80a;opacity:0;transition:opacity .45s;pointer-events:none}.privacy-example.blur-active:after{opacity:1}
@media(max-width:1050px) and (min-width:761px){.micro-autoplay{flex-wrap:wrap;gap:4px}}
@media(max-width:760px){.privacy-example:after{left:17px;right:17px;top:88px;height:43px}.micro-autoplay{margin-top:20px;margin-bottom:auto}}

/* Premiere handoff — an automated transfer from the simple cut to editable tracks. */
.premiere-section{padding:130px 0 120px;background:#080912;color:#f4f0ff;overflow:hidden;position:relative}.premiere-section:before{content:'';position:absolute;width:760px;height:760px;right:-280px;top:120px;border-radius:50%;background:radial-gradient(circle,#7b46ed25 0,#7b46ed08 42%,transparent 70%);pointer-events:none}.premiere-heading{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.55fr);gap:70px;align-items:end;margin-bottom:56px;position:relative}.premiere-heading .eyebrow{color:#bca6f5;font-size:11px}.premiere-heading h2{font:200 clamp(46px,6.3vw,84px)/.96 var(--font-display);letter-spacing:-3.8px;margin-top:20px}.premiere-heading h2 em{font-style:normal;color:#9c7bef}.premiere-heading>p{font-size:18px;line-height:1.65;color:#aaa7bb;max-width:410px;padding-bottom:6px}.premiere-demo{position:relative;border:1px solid #ffffff1f;border-radius:16px;background:#101119;box-shadow:0 36px 90px #0008;overflow:hidden}.premiere-demo-bar{height:50px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff12;background:#151620}.premiere-demo-status{font:11px var(--font-mono);letter-spacing:.35px;color:#aaa7b8;display:flex;align-items:center;gap:9px}.premiere-status-dot{width:7px;height:7px;border-radius:50%;background:#8a68e8;box-shadow:0 0 0 5px #8a68e811;transition:background .35s,box-shadow .35s}.premiere-demo[data-phase=done] .premiere-status-dot{background:#73dba0;box-shadow:0 0 0 5px #73dba011}.premiere-pause{width:35px;height:31px;border:1px solid #ffffff18;border-radius:6px;background:#ffffff07;display:flex;justify-content:center;align-items:center;gap:4px}.premiere-pause span{width:2px;height:10px;background:#aaa8b5;border-radius:2px}.premiere-pause[aria-pressed=true] span:first-child{width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:8px solid #aaa8b5;background:transparent}.premiere-pause[aria-pressed=true] span:last-child{display:none}.premiere-flow{display:grid;grid-template-columns:minmax(0,1fr) 150px minmax(0,1fr);gap:0;padding:34px;background:linear-gradient(110deg,#13151e,#0b0c13);align-items:center}.premiere-source,.premiere-target{border:1px solid #ffffff16;border-radius:9px;background:#181a24;overflow:hidden;min-width:0;transition:opacity .6s,transform .7s,box-shadow .7s}.premiere-panel-title{height:39px;padding:0 13px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #ffffff10;font-size:11px;color:#7d7c89}.premiere-panel-title strong{font-weight:400;color:#c6c3d0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.premiere-panel-title>span:first-child:not(.premiere-app-mark){font:600 10px var(--font-body);color:#f0eef8}.premiere-source-screen{position:relative;margin:13px 13px 10px;aspect-ratio:2.05;background:#05060a;border-radius:4px;overflow:hidden}.premiere-source-screen img,.premiere-program img{width:100%;height:100%;object-fit:cover;display:block}.premiere-source-pip{position:absolute;right:7%;bottom:10%;display:grid;place-items:center;width:20%;aspect-ratio:1;border-radius:50%;color:white;background:linear-gradient(145deg,#0e4ce4,#ea4eac);border:2px solid white;font-size:12px;box-shadow:0 4px 12px #0005}.premiere-zoom-frame{position:absolute;left:20%;top:20%;width:48%;height:52%;border:1px solid #b49af7;border-radius:3px;box-shadow:0 0 0 2px #9c7bef22;opacity:.8}.premiere-source-timeline,.premiere-target-timeline{position:relative;padding:7px 10px 12px;background:#101119;display:grid;gap:4px;overflow:hidden}.premiere-source-timeline>div,.premiere-track{height:17px;display:flex;gap:3px;padding-left:27px;position:relative}.premiere-source-timeline b,.premiere-track b{position:absolute;left:0;top:0;width:23px;height:17px;display:grid;place-items:center;font:7px var(--font-mono);color:#666779}.premiere-source-timeline .clip,.premiere-track i{display:block;height:100%;border-radius:2px;background:#31509e}.premiere-source-timeline .clip-a{width:25%}.premiere-source-timeline .clip-b{width:36%;background:#4466b1}.premiere-source-timeline .clip-c{width:27%}.premiere-source-timeline .clip-fx{width:43%;margin-left:21%;background:#7e55b2}.premiere-source-timeline .clip-fx2{width:24%;background:#694398}.premiere-source-timeline .clip-audio{width:91%;background:repeating-linear-gradient(90deg,#286a60 0 4px,#388172 4px 6px)}.premiere-source-timeline .clip-caption{width:37%;margin-left:8%;background:#87517c}.premiere-source-timeline .clip-caption2{width:39%;background:#9c5b8e}.premiere-source-playhead,.premiere-target-playhead{position:absolute;z-index:3;top:4px;bottom:5px;width:1px;background:#f19fbd;left:15%;transition:left 1.5s var(--ease-out)}.premiere-source-playhead:before,.premiere-target-playhead:before{content:'';position:absolute;top:-2px;left:-3px;border-left:3px solid transparent;border-right:3px solid transparent;border-top:5px solid #f19fbd}.premiere-demo[data-phase=export] .premiere-source-playhead,.premiere-demo[data-phase=import] .premiere-source-playhead,.premiere-demo[data-phase=done] .premiere-source-playhead{left:84%}.premiere-transfer{position:relative;height:155px;display:flex;align-items:center;justify-content:center}.premiere-transfer-label{position:absolute;top:20px;font:9px var(--font-mono);letter-spacing:1px;color:#686778;opacity:.5;transition:color .4s,opacity .4s}.premiere-transfer-line{position:absolute;left:12px;right:12px;height:1px;background:#ffffff16;overflow:hidden}.premiere-transfer-line i{display:block;width:42%;height:100%;background:linear-gradient(90deg,transparent,#a887ff,transparent);transform:translateX(-110%)}.premiere-xml-file{position:relative;z-index:1;width:64px;height:76px;border:1px solid #8f71de;border-radius:6px;background:#211a36;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;opacity:0;transform:translateX(-45px) rotate(-5deg);transition:opacity .35s,transform 1.3s var(--ease-out),box-shadow .4s}.premiere-xml-file b{font:600 15px var(--font-mono);color:#c1a9ff}.premiere-xml-file span{font:6px var(--font-mono);color:#887aad}.premiere-demo[data-phase=export] .premiere-transfer-label,.premiere-demo[data-phase=import] .premiere-transfer-label{opacity:1;color:#b49cf2}.premiere-demo[data-phase=export] .premiere-transfer-line i,.premiere-demo[data-phase=import] .premiere-transfer-line i{animation:premiere-scan 1.1s linear infinite}.premiere-demo[data-phase=export] .premiere-xml-file{opacity:1;transform:translateX(0) rotate(0);box-shadow:0 10px 25px #7b46ed2c}.premiere-demo[data-phase=import] .premiere-xml-file,.premiere-demo[data-phase=done] .premiere-xml-file{opacity:0;transform:translateX(55px) scale(.85)}.premiere-target{opacity:.38;transform:scale(.975)}.premiere-demo[data-phase=import] .premiere-target,.premiere-demo[data-phase=done] .premiere-target{opacity:1;transform:none;box-shadow:0 0 0 1px #9472eb33,0 18px 35px #0005}.premiere-app-mark{width:22px;height:22px;display:grid;place-items:center;border:1px solid #a784ff;color:#bca5ff;background:#2c1745;font:600 10px var(--font-body)}.premiere-target-workspace{display:grid;grid-template-columns:25% 75%;height:118px;background:#0c0d12}.premiere-bin{border-right:1px solid #ffffff12;padding:9px 7px;display:grid;align-content:start;gap:7px}.premiere-bin span{font:6px var(--font-mono);color:#747484}.premiere-bin i{display:block;height:11px;border:1px solid #ffffff0f;background:#171922}.premiere-program{position:relative;margin:10px;background:#030405;overflow:hidden}.premiere-program img{opacity:.82}.premiere-program-time{position:absolute;right:5px;bottom:4px;font:6px var(--font-mono);color:#dad7e2;background:#0009;padding:2px 4px}.premiere-target-timeline{padding-top:10px}.premiere-track i{opacity:0;transform:scaleX(.25);transform-origin:left;transition:opacity .35s,transform .6s var(--ease-out)}.premiere-track.video i{width:29%;background:#445d9a}.premiere-track.effects i:first-of-type{width:42%;margin-left:20%;background:#6f4a9f}.premiere-track.effects i:last-of-type{width:23%;background:#7f55aa}.premiere-track.audio i{width:92%;background:repeating-linear-gradient(90deg,#337466 0 4px,#428879 4px 6px)}.premiere-track.captions i:first-of-type{width:40%;margin-left:7%;background:#855278}.premiere-track.captions i:last-of-type{width:38%;background:#9b5c8b}.premiere-demo[data-phase=import] .premiere-track i,.premiere-demo[data-phase=done] .premiere-track i{opacity:1;transform:scaleX(1)}.premiere-track i[data-order="2"]{transition-delay:.12s}.premiere-track i[data-order="3"]{transition-delay:.22s}.premiere-track i[data-order="4"]{transition-delay:.35s}.premiere-track i[data-order="5"]{transition-delay:.48s}.premiere-track i[data-order="6"]{transition-delay:.6s}.premiere-track i[data-order="7"]{transition-delay:.72s}.premiere-track i[data-order="8"]{transition-delay:.82s}.premiere-target-playhead{left:10%;opacity:0}.premiere-demo[data-phase=done] .premiere-target-playhead{opacity:1;left:75%}.premiere-delivery{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:8px;padding:0 34px 27px;opacity:0;transform:translateY(12px);transition:opacity .6s,transform .6s}.premiere-demo[data-phase=done] .premiere-delivery{opacity:1;transform:none}.premiere-delivery-main,.premiere-sidecar{min-height:62px;border:1px solid #ffffff13;border-radius:7px;background:#171923;display:flex;align-items:center;padding:12px 14px;gap:11px}.premiere-delivery-main{border-color:#79d9a34a;background:#15231e}.premiere-check{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:#6bd497;color:#102119;font-size:13px}.premiere-delivery strong{font-size:12px;font-weight:400;display:block;color:#e2dee9}.premiere-delivery small{font-size:10px;color:#7e8f89;display:block;margin-top:4px}.premiere-sidecar b{font:600 11px var(--font-mono);color:#b89ef5;border:1px solid #765baa;padding:5px}.premiere-sidecar span{font-size:11px;color:#8f8c9c}.premiere-progress{display:block;height:2px;background:#ffffff0a}.premiere-progress i{display:block;height:100%;background:linear-gradient(90deg,#7955dd,#c797ff);transform:scaleX(0);transform-origin:left}.premiere-steps{display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr auto;align-items:center;gap:18px;margin-top:27px}.premiere-steps>div{display:flex;align-items:center;gap:10px;color:#aaa6b7;font-size:12px;white-space:nowrap}.premiere-steps b{font:10px var(--font-mono);color:#9476dc}.premiere-steps>i{height:1px;background:#ffffff18}.premiere-note{text-align:right;color:#706d7c;font-size:11px;margin-top:17px}.premiere-demo[data-phase=export] .premiere-source{box-shadow:0 0 0 1px #8d6cdd44}.premiere-demo[data-phase=import] .premiere-source,.premiere-demo[data-phase=done] .premiere-source{opacity:.62;transform:scale(.985)}
@keyframes premiere-scan{to{transform:translateX(260%)}}
@media(max-width:980px){.premiere-flow{grid-template-columns:minmax(0,1fr) 105px minmax(0,1fr);padding:25px}.premiere-heading{gap:35px}.premiere-delivery{padding-inline:25px}.premiere-sidecar{padding:10px}.premiere-sidecar span{font-size:9px}.premiere-steps{gap:10px}.premiere-steps>div{font-size:10px}}
@media(max-width:760px){.premiere-section{padding:85px 0 80px}.premiere-heading{display:block;margin-bottom:35px}.premiere-heading h2{font-size:50px;letter-spacing:-2.7px}.premiere-heading>p{font-size:16px;margin-top:24px}.premiere-flow{grid-template-columns:1fr;padding:16px}.premiere-transfer{height:100px}.premiere-transfer-line{top:0;bottom:0;left:50%;right:auto;width:1px;height:auto}.premiere-transfer-line i{width:100%;height:42%;transform:translateY(-110%)}.premiere-transfer-label{top:10px}.premiere-demo[data-phase=export] .premiere-transfer-line i,.premiere-demo[data-phase=import] .premiere-transfer-line i{animation:premiere-scan-y 1.1s linear infinite}.premiere-xml-file{width:58px;height:65px;transform:translateY(-30px) rotate(-4deg)}.premiere-demo[data-phase=export] .premiere-xml-file{transform:none}.premiere-demo[data-phase=import] .premiere-xml-file,.premiere-demo[data-phase=done] .premiere-xml-file{transform:translateY(34px) scale(.85)}.premiere-delivery{grid-template-columns:1fr 1fr;padding:0 16px 20px}.premiere-delivery-main{grid-column:1/-1}.premiere-flow article{max-width:100%}.premiere-target-workspace{height:110px}.premiere-steps{grid-template-columns:1fr 1fr;gap:10px 16px}.premiere-steps>i{display:none}.premiere-steps>div{white-space:normal;font-size:11px}.premiere-note{text-align:left;line-height:1.5}.premiere-demo-bar{height:47px;padding-inline:14px}}
@keyframes premiere-scan-y{to{transform:translateY(260%)}}
@media(prefers-reduced-motion:reduce){.premiere-xml-file,.premiere-source,.premiere-target,.premiere-track i,.premiere-delivery,.premiere-source-playhead,.premiere-target-playhead{transition:none}.premiere-transfer-line i{animation:none!important}}

/* Persistent section navigation and final responsive pass. */
html{scroll-padding-top:96px}.nav{position:sticky;top:0;z-index:60;background:#0b1026e8;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transition:height .25s,background .25s}.nav:after{content:'';position:absolute;left:50%;bottom:-1px;width:100vw;height:1px;background:#ffffff12;transform:translateX(-50%);pointer-events:none}.nav .wordmark{flex-shrink:0}.nav-end{display:flex;align-items:center;gap:18px;min-width:0}.lang-switch{display:inline-flex;align-items:center;gap:2px;padding:3px;border:1px solid #ffffff22;border-radius:8px;background:#ffffff08;flex-shrink:0}.lang-switch a{padding:7px 10px;border-radius:6px;font:500 11px/1 var(--font-mono);letter-spacing:.04em;color:#9eacc8}.lang-switch a[aria-current=true]{background:#263c64;color:#f0f5ff}.nav-end>#primary-nav,.nav #primary-nav{gap:clamp(13px,1.55vw,27px);font-size:13px}.nav #primary-nav>a:not(.nav-cta){position:relative;color:#aeb5ca;white-space:nowrap;padding:16px 0}.nav #primary-nav>a:not(.nav-cta):after{content:'';position:absolute;left:0;right:0;bottom:7px;height:1px;background:var(--color-magenta);transform:scaleX(0);transform-origin:left;transition:transform .25s}.nav #primary-nav>a[aria-current=true]{color:white}.nav #primary-nav>a[aria-current=true]:after{transform:scaleX(1)}.nav-cta{gap:18px;white-space:nowrap;padding:11px 15px}.nav-toggle{display:none;width:46px;height:42px;border:1px solid #ffffff22;border-radius:8px;background:#ffffff08;align-items:center;justify-content:center;flex-direction:column;gap:7px}.nav-toggle span{display:block;width:19px;height:1px;background:#eef1fb;transition:transform .25s}.nav-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.nav-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}
@media(max-width:1160px) and (min-width:1021px){.nav{height:96px}.nav .wordmark{font-size:25px}.nav .wordmark img{width:34px;height:34px}.nav #primary-nav{gap:14px;font-size:11px}.nav-cta{gap:10px;padding:10px 12px}}
@media(max-width:1020px){html{scroll-padding-top:86px}body{overflow-x:clip}.nav{height:78px}.nav-toggle{display:flex}.nav #primary-nav{position:absolute;top:calc(100% + 10px);left:0;right:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding:12px;background:#11172ef5;border:1px solid #ffffff20;border-radius:12px;box-shadow:0 24px 60px #0009;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .22s,visibility .22s,transform .22s}.nav.nav-open #primary-nav{opacity:1;visibility:visible;transform:none}.nav #primary-nav>a:not(.nav-cta){display:block;padding:15px 14px;border-radius:7px;font-size:14px;color:#c9cfe0}.nav #primary-nav>a:not(.nav-cta):hover,.nav #primary-nav>a[aria-current=true]{background:#ffffff09;color:white}.nav #primary-nav>a:not(.nav-cta):after{display:none}.nav-cta{grid-column:1/-1;justify-content:space-between;margin-top:4px;padding:14px;background:var(--color-electric-blue);border-color:transparent;font-size:14px}.nav-cta:hover{background:#2876ff}.hero{padding-top:48px}}
@media(max-width:760px){.nav{height:72px}.nav .wordmark{font-size:24px}.nav #primary-nav{top:calc(100% + 8px)}.hero{padding-top:34px}.showcase-top{gap:15px}.preview-label{text-align:right}.premiere-heading h2{overflow-wrap:anywhere}.premiere-demo{border-radius:12px}.premiere-source-screen{aspect-ratio:1.7}.premiere-delivery{min-height:156px}.footer{align-items:flex-end}.footer>div{margin-left:auto}.closing{border-radius:12px}}
@media(max-width:480px){.wrap{width:calc(100% - 28px)}.nav #primary-nav{grid-template-columns:1fr;padding:10px}.nav #primary-nav>a:not(.nav-cta){padding:11px 13px}.nav-cta{padding:12px 13px}.hero h1{font-size:clamp(40px,12vw,58px)}.hero-eyebrow{gap:12px}.hero-actions{align-items:stretch}.hero-actions .button{flex:1}.showcase-top{align-items:flex-start}.showcase-top .eyebrow{max-width:190px;line-height:1.5}.preview-stage{padding:18px}.demo-content h2{font-size:30px}.editor-titlebar>span{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.camera-heading h2,.subtitles-heading h2,.premiere-heading h2{font-size:42px}.subtitle-simple .subtitle-cues{grid-template-columns:1fr}.subtitle-simple>.subtitle-preview{aspect-ratio:1}.premiere-flow{padding:12px}.premiere-delivery{gap:6px;padding-inline:12px}.premiere-sidecar{padding:9px 7px;gap:7px}.premiere-sidecar span{font-size:8px}.closing h2{font-size:39px}.footer>div{width:100%;justify-content:space-between;margin-left:0}}
