:root{color-scheme:dark;--page:#19161d;--surface:#251f2d;--lift:#302837;--tint:#403449;--line:#493c52;--ink:#f3eaf6;--muted:#b7a8c1;--accent:#e16eae;--violet:#c0a0f3;--success:#91d1af;--ease:cubic-bezier(.16,1,.3,1);--shadow:0 24px 64px #08060c80;font-family:"Avenir Next",Avenir,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--page);color:var(--ink);font-size:16px;line-height:1.6}button,input,select{font:inherit}a{color:inherit;text-decoration:none}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button,select{color:var(--ink)}button{border:0}button:disabled{cursor:wait;opacity:.65}a,button,summary,select{touch-action:manipulation}:focus-visible{outline:2px solid var(--violet);outline-offset:5px}::selection{background:var(--accent);color:var(--page)}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}img{max-width:100%;object-fit:contain}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.12;text-wrap:balance}h1,h2{letter-spacing:-.04em}h2{font-size:clamp(32px,4.2vw,52px);font-weight:600}h3{font-size:23px;font-weight:600}p{text-wrap:pretty}fieldset{min-width:0;margin:0;padding:0;border:0}.wrap{width:min(1180px,calc(100% - 96px));margin-inline:auto}.symbols,.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link{position:fixed;top:12px;left:16px;z-index:20;background:var(--ink);color:var(--page);padding:8px 16px;transform:translateY(-160%)}.skip-link:focus{transform:none}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:52px;padding:12px 24px;border-radius:9px;font-size:15px;font-weight:600;transition:background .2s,transform .3s var(--ease)}.button:hover{transform:translateY(-2px)}.button:active{transform:translateY(0)}.button svg{width:19px;height:19px}.button-primary{background:var(--accent);color:#27162b}.button-primary:hover{background:#ef8dc3}.button-small{min-height:42px;padding:9px 16px;font-size:13px}.button-subtle{background:var(--tint)}.button-subtle:hover{background:#51405b}.text-link{display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:600;background:none;padding:0;color:var(--ink)}.text-link svg{width:19px;height:19px;transition:transform .25s var(--ease)}.text-link:hover{color:var(--accent)}.text-link:hover svg{transform:translateX(3px)}.site-header{display:flex;align-items:center;justify-content:space-between;height:106px;gap:28px}.brand{display:inline-flex;align-items:center;gap:9px;font-size:23px;letter-spacing:-.03em;font-weight:650}.site-header nav{display:flex;gap:34px;font-size:13px;color:var(--muted);margin-left:auto;margin-right:25px}.site-header nav a:hover,.site-footer a:hover{color:var(--ink)}.hero-copy{text-align:center;padding-top:47px}.availability{display:flex;align-items:center;justify-content:center;gap:9px;font-size:12px;font-weight:500;color:var(--muted)}.launch-status>span{width:6px;height:6px;background:var(--success);border-radius:50%}.hero h1{font-size:clamp(46px,6.6vw,82px);font-weight:600;margin-top:21px;line-height:1.08}.hero h1>span{color:var(--accent)}.mobile-break{display:none}.hero-description{font-size:17px;line-height:1.7;color:var(--muted);margin-top:22px}.hero-actions{display:flex;justify-content:center;align-items:center;gap:28px;margin-top:28px}.hero-note{color:var(--muted);font-size:11px;margin-top:12px}.format-band{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:54px;padding:33px 0;border-block:1px solid #39303f}.format-band>span{color:var(--muted);font-size:12px;line-height:1.5}.format-band>a{font-size:clamp(24px,3.5vw,41px);letter-spacing:-.025em;font-weight:600;color:#cabcda;transition:color .2s}.format-band>a:hover{color:var(--accent)}.format-band>a:nth-child(4){color:var(--accent)}.section-kicker{color:var(--accent);font-size:12px;font-weight:500;margin-bottom:21px}.formats-section{background:#231d29;padding-block:95px}.format-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:105px;align-items:center}.format-bridge{display:flex;align-items:center;gap:20px;line-height:1;font-size:clamp(36px,4.5vw,60px);font-weight:500;letter-spacing:-.04em;padding-block:8px 35px}.format-bridge>span{color:#a899b6}.format-bridge strong{color:var(--accent);font-weight:600}.format-bridge svg{width:45px;height:45px;color:var(--muted);stroke-width:1}.explorer-options{display:flex;gap:9px;position:relative}.explorer-options legend{font-size:11px;color:var(--muted);margin-bottom:12px}.explorer-options label{flex:1;cursor:pointer}.explorer-options label span{display:block;text-align:center;padding:9px 0;border:1px solid #594962;border-radius:6px;font-size:12px;font-weight:600;transition:background .2s,color .2s}.explorer-options input:checked+span{background:var(--accent);border-color:var(--accent);color:#27162b}.format-detail{margin-top:30px;border-top:1px solid var(--line);padding-top:25px;min-height:235px}.format-detail-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.format-detail-top strong{font-size:17px;font-weight:600}.format-detail-top>span{font-size:12px;color:var(--accent)}.format-detail>p{font-size:13px;color:var(--muted);margin-top:10px;line-height:1.75}.bitrate-picker{display:flex;position:relative;margin-top:23px;background:var(--lift);padding:4px;border-radius:7px}.bitrate-picker legend{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.bitrate-picker label{flex:1;cursor:pointer}.bitrate-picker label span{display:block;text-align:center;padding:6px;font-size:12px;border-radius:4px}.bitrate-picker input:checked+span{background:var(--tint);color:var(--ink)}.bitrate-scale{display:flex;justify-content:space-between;font-size:9px;color:var(--muted);margin-top:8px}.format-detail .format-spec{font-size:11px;color:var(--violet);margin-top:20px}.format-story>p:not(.section-kicker){font-size:15px;color:var(--muted);line-height:1.8;margin-top:22px;max-width:36ch}.format-story .text-link{margin-top:28px}.local-section{display:grid;grid-template-columns:140px 1fr 1fr;gap:58px;align-items:center;padding-block:123px;border-bottom:1px solid #39303f}.local-mark{display:flex;align-items:center;flex-direction:column}.local-path{height:45px;width:1px;background:var(--line);margin-block:10px}.local-mark>svg{color:var(--violet);width:35px;height:35px}.local-copy>p{font-size:14px;line-height:1.85;color:var(--muted)}.local-copy>p+p{margin-top:18px}.local-copy .text-link{margin-top:23px}.pricing-section{display:grid;grid-template-columns:1.1fr .9fr;gap:110px;padding-block:118px}.pricing-intro h2{font-size:clamp(32px,3.6vw,45px)}.pricing-intro>p:not(.section-kicker){color:var(--muted);font-size:15px;margin-top:22px;line-height:1.8}.launch-label{display:inline-block;font-size:10px;color:var(--muted);border:1px solid var(--line);border-radius:4px;padding:3px 7px;margin-top:23px}.price-panel{padding:37px 35px;background:var(--surface);border-radius:12px;align-self:center}.price-line{display:flex;align-items:center;gap:23px}.price{font-size:79px;line-height:1;letter-spacing:-.04em;font-weight:500}.price-line>span:last-child{font-size:12px;color:var(--muted);line-height:1.8}.price-line strong{color:var(--ink);font-weight:500}.price-panel ul{list-style:none;padding:0;margin:27px 0;border-bottom:1px solid var(--line);padding-bottom:24px;display:grid;gap:13px}.price-panel li{display:flex;align-items:center;gap:11px;font-size:12px}.price-panel li svg{width:16px;height:16px;color:var(--success)}.launch-status{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600}.launch-status>span{background:var(--accent);flex-shrink:0}.price-note{font-size:11px;color:var(--muted);margin-top:12px;line-height:1.7}.price-panel .button{margin-top:23px;display:flex;font-size:12px;padding-inline:12px}.faq-section{padding-block:27px 110px;display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.faq-section h2{font-size:30px;padding-top:19px}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{cursor:pointer;padding:21px 28px 21px 0;list-style:none;position:relative;font-size:14px}summary::-webkit-details-marker{display:none}summary::after{content:"+";position:absolute;right:3px;color:var(--muted);font-size:20px;top:15px}details[open] summary::after{content:"−"}details p{font-size:13px;color:var(--muted);line-height:1.8;padding:0 25px 23px 0}.site-footer{display:flex;align-items:center;gap:26px;flex-wrap:wrap;padding-block:29px 35px;border-top:1px solid #39303f}.site-footer .brand{font-size:19px}.site-footer>p{font-size:11px;color:var(--muted)}.site-footer nav{display:flex;gap:24px;margin-left:auto;color:var(--muted);font-size:11px}.copyright{width:100%;color:var(--muted);font-size:10px;padding-left:43px}.document{max-width:740px;min-height:65vh;padding-block:70px 100px}.document h1{font-size:56px;margin-bottom:24px}.document h2{font-size:25px;margin:40px 0 14px}.document p,.document li{color:var(--muted);font-size:16px;line-height:1.85}.document a:not(.button){text-decoration:underline;text-underline-offset:4px;color:var(--ink)}.document .section-kicker{color:var(--accent)}[hidden]{display:none!important}
@keyframes check-pop{0%{transform:scale(.8)}45%{transform:scale(1.16)}100%{transform:scale(1)}}@keyframes track-fade{0%,20%{opacity:1}100%{opacity:0}}
@media(min-width:1500px){.hero-copy{padding-top:60px}.product-stage{margin-top:70px}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.product-stage{grid-template-columns:1fr 420px 1fr;gap:20px}.sound-slip{gap:9px;padding:12px 10px}.sound-slip strong{font-size:10px}.sound-slip svg{width:20px}.source-scene{padding-top:80px}.stage-robot{width:170px;height:170px;margin-top:36px}.scene-label{font-size:10px}.output-file{padding:12px 9px;font-size:10px;gap:7px}.output-caption{font-size:17px}.robot-caption{font-size:9px}.workflow-section,.format-layout{gap:60px}.local-section{gap:35px;grid-template-columns:100px 1fr 1fr}.pricing-section{gap:60px}.faq-section{gap:50px}}
@media(max-width:900px){.product-stage{grid-template-columns:1fr 400px;gap:35px;max-width:680px;margin-inline:auto}.output-scene{display:none}.hero h1{font-size:61px}.workflow-section{gap:40px}.workflow-tabs{gap:17px}.format-layout{gap:45px}.format-bridge{gap:15px;font-size:42px}.format-bridge svg{width:34px}.local-section{grid-template-columns:1fr 1fr}.local-mark{display:none}.pricing-section{gap:40px}.price-panel{padding:30px 25px}.faq-section{grid-template-columns:1fr;gap:20px}.site-footer>p{display:none}}
@media(max-width:700px){.wrap{width:calc(100% - 40px)}.site-header{height:84px;gap:15px}.site-header .brand{font-size:21px;gap:5px}.site-header .brand img{width:36px;height:36px}.site-header nav{display:none}.site-header>.button{font-size:11px;min-height:37px;padding:8px 12px}.site-header>.button svg{width:15px}.hero-copy{padding-top:34px}.availability{font-size:10px}.hero h1{font-size:clamp(43px,9.4vw,66px);margin-top:23px;line-height:1.09}.mobile-break{display:block}.hero-description{font-size:14px;margin-top:21px}.hero-description br{display:none}.hero-actions{flex-direction:column;gap:16px;margin-top:25px}.hero-actions .button{min-height:48px;padding:10px 20px;font-size:13px}.hero-actions .text-link{font-size:12px}.hero-note{font-size:10px;margin-top:17px}.product-stage{display:block;margin-top:38px;max-width:448px}.source-scene{display:none}.app-workspace{padding:18px 17px 22px}.app-settings{padding-inline:17px}.demo-caption{flex-direction:column;gap:3px;text-align:center;margin-top:18px}.format-band{margin-top:32px;gap:13px;padding-block:24px;flex-wrap:wrap;justify-content:space-between}.format-band>span{width:100%;font-size:10px}.format-band>span br{display:none}.format-band>a{font-size:23px}.workflow-section{grid-template-columns:1fr;gap:35px;padding-block:72px}.section-kicker{font-size:11px;margin-bottom:17px}h2{font-size:38px}.section-intro>p:last-child{font-size:14px;max-width:45ch;margin-top:18px}.workflow-tabs{justify-content:space-between;gap:10px}.workflow-tabs button{min-height:46px;font-size:12px}.workflow-visual{height:210px}.workflow-copy{min-height:132px;padding-top:23px}.workflow-copy h3{font-size:22px}.workflow-copy p{font-size:13px}.formats-section{padding-block:66px}.format-layout{display:flex;flex-direction:column-reverse;align-items:stretch;gap:39px}.format-story>p:not(.section-kicker){max-width:45ch;font-size:14px;margin-top:18px}.format-story .text-link{font-size:13px;margin-top:23px}.format-bridge{font-size:clamp(38px,12vw,54px);gap:18px;padding-bottom:29px}.format-bridge svg{width:39px;height:39px}.format-detail{min-height:238px}.local-section{grid-template-columns:1fr;gap:25px;padding-block:73px}.local-copy>p{font-size:14px}.local-copy .text-link{font-size:13px}.pricing-section{grid-template-columns:1fr;gap:33px;padding-block:70px}.pricing-intro h2{font-size:35px}.pricing-intro>p:not(.section-kicker){font-size:14px}.price-panel{padding:30px 25px}.price-panel .button{font-size:13px}.faq-section{padding-block:15px 64px;gap:25px}.faq-section h2{font-size:28px}.faq-list summary{font-size:13px}.site-footer{gap:22px;padding-top:25px}.site-footer nav{font-size:11px;gap:20px;margin-left:0;width:100%}.copyright{padding-left:0;margin-top:-4px}.document{padding-block:45px 70px}.document h1{font-size:42px}.document p,.document li{font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.button:hover{transform:none}}


/* Recorded app scenes. The regular document layout is the no-script and
   reduced-motion fallback; only spacious viewports use the pinned stage. */
.explorer-options input,.bitrate-picker input{position:absolute;opacity:0;width:1px;height:1px}
.explorer-options input:focus-visible+span,.bitrate-picker input:focus-visible+span{outline:2px solid var(--violet);outline-offset:3px}
.hero-copy{padding-top:32px;padding-bottom:44px}
.hero h1{margin-top:17px}
.scroll-story{position:relative;margin-top:24px}
.story-anchor{position:absolute;top:var(--workflow-start,820px);pointer-events:none}
.story-scene{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:70px;margin-bottom:100px}
.scene-overview{position:relative;grid-template-columns:1fr 1fr;gap:70px;margin-bottom:110px}
.scene-media{margin:0;position:relative;isolation:isolate;display:grid;place-items:center;min-width:0;aspect-ratio:1.3;overflow:hidden;border-radius:16px;background:transparent}
.scene-overview .scene-media{height:min(700px,80svh);min-height:500px;aspect-ratio:auto}
.wallpaper{position:absolute;inset:0;z-index:-1;overflow:hidden;background:linear-gradient(135deg,#46324e 8%,#765367 56%,#b78c92 100%)}
.wallpaper::before{content:"";position:absolute;width:130%;height:135%;left:-59%;top:-59%;border-radius:42%;transform:rotate(-28deg);background:linear-gradient(140deg,#e0bdba 10%,#ae7e96 65%,#79526f);box-shadow:24px 38px 70px #35223f66}
.wallpaper::after{content:"";position:absolute;width:120%;height:130%;right:-71%;bottom:-65%;border-radius:43%;transform:rotate(-34deg);background:linear-gradient(150deg,#c297a7,#573e60 65%);box-shadow:-22px -20px 60px #38264055}
.demo-video{display:block;position:relative;max-width:100%;height:auto;background:#f5f2f7;box-shadow:0 22px 50px #28152966}
.full-app{height:90%;width:auto;max-height:calc(100% - 48px);aspect-ratio:540/786;border-radius:10px}
.app-detail{width:88%;border-radius:9px}
.scene-copy h2{font-size:clamp(34px,3.5vw,46px)}
.scene-copy>p:last-child{color:var(--muted);font-size:15px;line-height:1.8;margin-top:24px;max-width:35ch}
.video-control{position:absolute;right:14px;bottom:14px;display:flex;align-items:center;justify-content:center;gap:7px;min-width:80px;min-height:44px;padding:8px 12px;border-radius:6px;background:#29212f;color:#fff;font-size:12px;z-index:3}
.video-control:hover{background:#43324c}
.video-control svg{width:15px;height:15px}
.video-control:focus-visible{outline:2px solid white;outline-offset:3px}
.format-band{margin-top:0;margin-bottom:92px}
.pricing-intro{align-self:center}
.story-navigation{display:none}
.scroll-enhanced{height:350svh;--scene-scale-x:.5;--scene-scale-y:.94;--scene-x:25%;--control-x:2;--control-y:1.064;--app-ratio:1.88;--copy-opacity:0;--hero-opacity:1;--hero-lift:0px}
.scroll-enhanced .story-sticky{position:sticky;top:32px;height:calc(100svh - 164px);max-height:740px}
.scroll-enhanced .story-anchor{top:calc((100% - min(740px,100svh - 164px)) * .32)}
.scroll-enhanced .story-scene{display:contents}
.scroll-enhanced .scene-media{position:absolute;inset:0;height:100%;min-height:0;aspect-ratio:auto;transform:translateX(var(--scene-x)) scale(var(--scene-scale-x),var(--scene-scale-y));transform-origin:center;opacity:0;visibility:hidden;transition:opacity .35s ease,visibility .35s;pointer-events:none}
.scroll-enhanced .story-scene.is-active .scene-media{opacity:1;visibility:visible;pointer-events:auto}
.scroll-enhanced .app-detail{transform:scaleX(var(--app-ratio));width:86%;max-height:80%;object-fit:contain;box-shadow:0 22px 50px #28152966}
.scroll-enhanced .video-control{transform:scale(var(--control-x),var(--control-y));transform-origin:bottom right;right:20px;bottom:20px}
.scroll-enhanced .scene-copy{position:absolute;left:0;top:50%;width:42%;transform:translateY(-50%);opacity:0;pointer-events:none;transition:opacity .3s ease}
.scroll-enhanced .scene-copy>p:last-child{max-width:46ch}
.scroll-enhanced .story-scene.is-active .scene-copy{opacity:var(--copy-opacity)}
.scroll-enhanced .story-navigation{display:flex;position:absolute;bottom:25px;left:0;gap:20px;opacity:var(--copy-opacity);visibility:hidden}
.scroll-enhanced.has-copy .story-navigation{visibility:visible}
.story-navigation button{background:none;color:var(--muted);font-size:12px;min-height:44px;padding:6px 0;border-bottom:1px solid transparent}
.story-navigation button[aria-current="step"]{color:var(--ink);border-color:var(--accent)}
@media(max-width:1100px){.scene-copy h2{font-size:36px}.scene-copy>p:last-child{font-size:14px}.story-scene{gap:40px}}
@media(max-width:900px){
 .story-scene{grid-template-columns:1fr;gap:28px;max-width:620px;margin-inline:auto;margin-bottom:72px}
 .scene-overview{max-width:none;margin-bottom:80px}
 .scene-copy{max-width:480px}
 .scene-copy>p:last-child{max-width:46ch;margin-top:18px}
 .scene-media{aspect-ratio:1.35}
 .scene-overview .scene-media{height:700px;min-height:0}
 .format-band{margin-bottom:65px}
}
@media(max-width:700px){
 .hero-copy{padding-top:24px;padding-bottom:32px}
 .hero h1{font-size:clamp(43px,10vw,66px)}
 .hero-actions{gap:14px}
 .scene-overview .scene-media{height:auto;aspect-ratio:auto;padding:22px 17px 56px}
 .full-app{width:100%;height:auto;max-height:none}
 .scene-overview{margin-bottom:64px}
 .scene-media{border-radius:12px}
 .scene-copy h2{font-size:36px}
 .scene-copy .section-kicker{margin-bottom:14px}
 .scene-copy>p:last-child{font-size:14px}
 .story-scene:not(.scene-overview) .scene-media{padding-bottom:28px;aspect-ratio:1.18}
 .video-control{right:9px;bottom:8px}
 .app-detail{width:92%}
 .explorer-options label span,.bitrate-picker label span{min-height:44px;display:grid;place-items:center}
 .site-header>.button{min-height:44px}
 .hero-note,.format-band>span{font-size:11px}
 .local-mark{display:flex;align-items:flex-start;position:relative;height:72px}
 .local-mark img{width:72px;height:72px}
 .local-mark .local-path,.local-mark>svg{display:none}
}
@media(prefers-reduced-motion:reduce){.scene-media,.scene-copy{transition:none!important}}

/* The opening pairs the native window with the message; scrolling widens
   that same stage into the existing close-up composition. */
.scene-overview .full-app{position:absolute;left:50%;top:50%;height:88%;width:auto;max-width:90%;max-height:none;transform:translate(-50%,-50%)}
.scene-overview .hero-copy{text-align:left;padding:0}
.scene-overview .availability{justify-content:flex-start}
.scene-overview h1{font-size:clamp(46px,5.25vw,68px);line-height:1.08}
.scene-overview .mobile-break{display:block}
.scene-overview .hero-description{font-size:16px;max-width:34ch;margin-top:26px}
.scene-overview .hero-description br{display:none}
.scene-overview .hero-actions{justify-content:flex-start;flex-wrap:wrap;gap:18px 24px;margin-top:30px}
.scene-overview .hero-note{margin-top:19px}
.scroll-enhanced .scene-overview .hero-copy{position:absolute;left:0;top:50%;width:43%;transform:translateY(calc(-50% + var(--hero-lift)));opacity:var(--hero-opacity)}
.scroll-enhanced .scene-overview .full-app{position:absolute;left:50%;top:50%;height:88%;width:auto;max-width:none;max-height:none;transform:translate(-50%,-50%) scaleX(var(--app-ratio))}
@media(min-width:901px) and (max-height:749px){
 .scroll-enhanced .scene-overview h1{font-size:52px}
 .scroll-enhanced .scene-overview .hero-description{font-size:14px;margin-top:20px}
 .scroll-enhanced .scene-overview .hero-actions{margin-top:22px}
}
@media(min-width:901px) and (max-width:1100px){
 .scene-overview h1{font-size:52px}
 .scene-overview .hero-description{font-size:15px}
 .scene-overview .hero-actions{gap:15px}
 .scene-overview .hero-actions .button{padding-inline:18px;font-size:13px}
 .scene-overview .hero-actions .text-link{font-size:12px}
}
@media(max-width:900px){
 .scroll-story{margin-top:28px}
 .scene-overview{grid-template-columns:1fr;gap:36px}
 .scene-overview .hero-copy{text-align:center;max-width:600px;margin-inline:auto;padding:0}
 .scene-overview .availability,.scene-overview .hero-actions{justify-content:center}
 .scene-overview .hero-description{max-width:40ch;margin-inline:auto}
 .scene-overview .scene-media{grid-column:1;grid-row:2;width:min(100%,510px);height:auto;min-height:0;aspect-ratio:auto;padding:26px 28px 68px;justify-self:center}
 .scene-overview .full-app{position:relative;left:auto;top:auto;width:100%;height:auto;max-width:100%;max-height:none;transform:none}
}
@media(max-width:700px){
 .scroll-story{margin-top:22px}
 .scene-overview h1{font-size:clamp(43px,10vw,66px)}
 .scene-overview .hero-description{font-size:14px;margin-top:22px}
 .scene-overview .hero-actions{margin-top:24px;gap:14px}
 .scene-overview .hero-note{margin-top:17px}
 .scene-overview .scene-media{grid-column:1;grid-row:2;padding:22px 17px 66px}
}

/* Wallpaper belongs to the introduction. Detail frames float directly on
   the page, with an uncropped silhouette and playback controls beneath. */
.scroll-enhanced .scene-overview .wallpaper{opacity:var(--wallpaper-opacity,1)}
.story-scene:not(.scene-overview) .scene-media{overflow:visible;border-radius:0;background:transparent}
.detail-stack{width:88%;min-width:0;justify-self:end;--detail-ratio:1.4333333333}
/* Share one width cap across crops; each video keeps its intrinsic height. */
.detail-window{overflow:hidden;border-radius:16px;background:#f5f2f7;box-shadow:0 20px 44px #08060c66}
.detail-window .app-detail{display:block;width:100%;height:auto;max-height:none;border-radius:0;box-shadow:none;transform:none}
.detail-stack .video-control{position:relative;right:auto;bottom:auto;margin:18px 0 0 auto;background:transparent;color:var(--muted)}
.detail-stack .video-control:hover{background:var(--surface);color:var(--ink)}
.scroll-enhanced .detail-stack{width:86%;max-width:calc(min(740px,100svh - 164px) * .8 * var(--detail-ratio));transform:scaleX(var(--app-ratio));transform-origin:right center}
.scroll-enhanced .detail-window .app-detail{width:100%;max-height:none;transform:none;box-shadow:none}
.scroll-enhanced .detail-stack .video-control{right:auto;bottom:auto;transform:scale(var(--control-y));transform-origin:top right}
@media(max-width:900px){.detail-stack{width:100%}.story-scene:not(.scene-overview) .scene-media{aspect-ratio:auto}}
@media(max-width:700px){.story-scene:not(.scene-overview) .scene-media{padding-bottom:0}.detail-window{border-radius:12px}.detail-stack .video-control{margin-top:12px}}

/* A single quiet playback control accompanies the desktop story. Stacked
   layouts keep a nearby control for each clip, sharing the pause preference. */
.video-control{width:44px;min-width:44px;padding:12px;background:transparent;color:var(--muted)}
.video-control span{display:none}
.video-control:hover{background:var(--surface);color:var(--ink)}
.video-control svg{width:18px;height:18px}
.scene-overview .video-control{background:#29212f;color:#fff}
.story-tools{display:none}
.scroll-enhanced .scene-media .video-control{display:none}
.scroll-enhanced .story-tools{display:flex;align-items:center;gap:28px;position:absolute;right:0;bottom:-22px;z-index:5}
.scroll-enhanced.has-copy .story-tools{left:0;right:auto;bottom:25px}
.scroll-enhanced .story-navigation{position:static;display:none}
.scroll-enhanced.has-copy .story-navigation{display:flex}
.scroll-enhanced .story-control{position:static;transform:none;margin:0}

/* Keep recording pixels out of the browser's transient native video layer.
   The real poster remains mounted through load, pause, and decoder resets. */
.video-surface{position:relative;overflow:hidden}
.video-surface.full-app{background:#f5f2f7;box-shadow:0 22px 50px #28152966}
.demo-poster{display:block;width:100%;height:auto}
.full-app .demo-poster{height:100%;object-fit:contain}
.video-surface .demo-video,.video-surface .demo-canvas{position:absolute;inset:0;width:100%;height:100%;max-width:none;max-height:none;transform:none;border-radius:0;box-shadow:none;pointer-events:none}
.video-surface.frame-renderer .demo-video{opacity:0}
.demo-canvas{visibility:hidden}
.has-video-frame .demo-canvas{visibility:inherit}


/* Launch signup inherits the existing page typography and action styling. */
.notify-section{display:grid;grid-template-columns:1.1fr .9fr;gap:110px;padding-block:0 100px;align-items:start}
.notify-section h2{font-size:32px}.notify-section h2+p{color:var(--muted);font-size:14px;margin-top:15px}
.notify-section .section-kicker{margin-bottom:14px}.notify-signup label{display:block;font-size:13px;margin-bottom:8px}
.notify-controls{display:flex;gap:10px}.notify-controls input{width:100%;min-width:0;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--ink);padding:12px 14px;min-height:52px;font-size:16px}
.notify-controls input::placeholder{color:var(--muted)}.notify-controls button{flex-shrink:0}
.notify-privacy,.notify-status{font-size:12px;line-height:1.6;color:var(--muted);margin-top:12px}.notify-privacy a{text-decoration:underline;text-underline-offset:3px}
.notify-status:empty{display:none}.notify-status[data-state="error"]{color:var(--ink)}.notify-status[data-state="success"]{color:var(--success)}
.notify-trap{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(max-width:1100px){.notify-section{gap:60px}}@media(max-width:900px){.notify-section{gap:40px}}
@media(max-width:700px){.notify-section{grid-template-columns:1fr;gap:24px;padding-bottom:70px}.notify-section h2{font-size:29px}.notify-controls{flex-direction:column}.notify-controls button{width:100%}}

/* Use cases continue the open rhythm of the format band. */
.jobs-section{padding-block:80px 90px}.jobs-section h2{font-size:clamp(29px,3.2vw,40px)}
.jobs-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px;margin-top:38px}
.job-card{display:flex;flex-direction:column;padding-block:24px 8px;border-top:1px solid var(--line)}
.job-card h3{font-size:21px;line-height:1.25}.job-card p{font-size:14px;line-height:1.8;color:var(--muted);margin-top:14px;max-width:34ch}
.job-card>span{display:flex;align-items:center;gap:10px;color:var(--accent);font-size:12px;margin-top:auto;padding-top:22px}.job-card svg{width:17px;height:17px}
.job-card:hover h3{color:var(--accent)}.jobs-note{font-size:12px;color:var(--muted);margin-top:30px}
@media(max-width:700px){.jobs-section{padding-block:58px 65px}.jobs-list{grid-template-columns:1fr;gap:25px;margin-top:26px}.job-card p{max-width:46ch}.job-card>span{padding-top:15px}.jobs-note{margin-top:26px}}