/* The whole landing page is a continuous, reversible scroll film. */
.film-background{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden;background:#0e1110}
.film-background svg{position:absolute;inset:0;width:100%;height:100%;will-change:transform}
.film-ambient{position:absolute;inset:-15%;background:radial-gradient(ellipse 48% 48% at 50% 50%,#9bc1790c,transparent 72%);will-change:transform}
.story-enabled main,.story-enabled body>footer{position:relative;z-index:1}
.story-enabled main>[data-section]{background:transparent}
.story-enabled .cinema-wrap{transform:translateY(calc(var(--film-exit,0)*-75px)) scale(calc(1 - var(--film-exit,0)*.055));opacity:calc(1 - var(--film-exit,0)*.75);transform-origin:center 65%}
.story-enabled .film-scene{--film-enter:1;--film-leave:0;--film-progress:0;position:relative;isolation:isolate}
.story-enabled main>.film-scene{display:block;padding:60px 0 85px;min-height:0;margin-top:35px;margin-bottom:35px}
.film-stage{position:relative;padding:50px 0 32px;box-sizing:border-box;width:100%;min-width:0}
.film-body{position:relative;min-width:0;transform-origin:50% 50%;opacity:calc(.35 + var(--film-enter)*.65 - var(--film-leave)*.25)}
.story-enabled .film-scene.film-pinned{height:calc(var(--film-height) + var(--film-travel));padding-block:0}
.film-pinned>.film-stage{height:var(--film-height);position:sticky;top:var(--film-top);display:flex;justify-content:center;flex-direction:column}
.film-chapter{position:absolute;top:7px;left:0;right:0;display:flex;align-items:center;gap:16px;font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:#94a28c;transform:translateY(calc((1 - var(--film-enter))*22px));opacity:var(--film-enter)}
.film-chapter>span:first-child{font:10px monospace;color:#c1ee9f}
.film-chapter i{height:1px;flex:1;max-width:110px;background:linear-gradient(90deg,#c1ee9f90,#c1ee9f08);transform:scaleX(var(--film-enter));transform-origin:left}
.film-ruler{position:absolute;bottom:1px;left:0;right:0;height:17px;display:flex;align-items:end;justify-content:flex-end;color:#83917d;font-size:7px;letter-spacing:.16em;pointer-events:none}
.film-ruler::before,.film-ruler i{content:'';position:absolute;left:0;right:0;top:0;height:1px;background:#9ab68722}
.film-ruler i{background:linear-gradient(90deg,#c1ee9fa0,#c1ee9f18);transform:scaleX(var(--film-progress));transform-origin:left}
.film-tour-note{grid-column:1/-1;display:flex;justify-content:center;align-items:center;gap:12px;color:#98a98f;font-size:10px;margin-top:13px;line-height:1.6}
.film-tour-note button{font:inherit;color:#d1edbd;border:0;border-bottom:1px solid #79946c;background:transparent;cursor:pointer;padding:3px 0}
.film-tour-note button[hidden]{display:none}.film-tour-note button:focus-visible{outline:2px solid #c1ee9f;outline-offset:4px}
.story-enabled .journey-rail{display:none}
/* Benefits unfold as a large, borderless pair; the symbols draw with the scroll. */
.story-enabled .value-basics.film-scene{display:block;padding:0;margin-top:75px}
.film-scene[data-film=benefits] .film-body{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding:45px 35px}
.story-enabled .value-basics .value-card{--benefit-arrive:1;--benefit-light:1;position:relative;border:0;padding:0;opacity:calc(.45 + var(--benefit-light)*.55);transform:translate3d(calc((1 - var(--benefit-arrive))*-60px),calc((1 - var(--benefit-light))*38px),0)}
.story-enabled .value-basics .value-card:last-child{transform:translate3d(calc((1 - var(--benefit-arrive))*60px),calc((1 - var(--benefit-light))*38px),0)}
.story-enabled .value-basics .value-top{display:flex;flex-direction:column;align-items:start;gap:28px;margin-bottom:24px}
.story-enabled .value-basics .value-top svg{width:100px;height:100px;stroke:#c1ee9f;stroke-width:.8;stroke-dasharray:160;filter:drop-shadow(0 0 13px #c1ee9f15);transform:perspective(700px) rotateY(calc((1 - var(--benefit-light))*-38deg)) scale(calc(.8 + var(--benefit-light)*.2));transform-origin:left center}
.story-enabled .value-basics .value-top span{font-size:10px;letter-spacing:.13em}
.story-enabled .value-basics .value-card h3{font-size:clamp(30px,3.2vw,45px);line-height:1.08;letter-spacing:-.05em;max-width:390px;margin-bottom:18px}
.story-enabled .value-basics .value-card p{font-size:15px;line-height:1.8;max-width:390px}
/* The real app screens change Create -> Edit -> Presets while this stage holds. */
.film-scene[data-film=app] .film-body{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);column-gap:66px;align-items:center}
.film-scene[data-film=app] .product-copy{transform:translateY(calc((1 - var(--film-enter))*70px - var(--film-leave)*30px))}
.film-scene[data-film=app] .workspace-gallery{transform:perspective(1400px) translate3d(calc((1 - var(--film-enter))*95px),calc((1 - var(--film-enter))*75px - var(--film-progress)*12px),0) rotateY(calc((1 - var(--film-enter))*-14deg + var(--film-leave)*5deg)) rotateX(calc((1 - var(--film-enter))*8deg)) scale(calc(.91 + var(--film-enter)*.09));transform-origin:70% 50%}
.story-enabled .film-scene[data-film=app] .gallery-frame{transform:none!important}
.film-scene[data-film=app] .workspace-image{height:clamp(295px,41vh,390px);display:flex;align-items:center;justify-content:center}
.film-scene[data-film=app] .workspace-image img{width:100%;height:100%;max-height:none;object-fit:contain}
.film-scene[data-film=app] .workspace-panel figcaption{min-height:87px}
.film-scene[data-film=app] .workspace-footnote{margin-bottom:0}
.film-scene[data-film=app] .film-tour-note{grid-column:2;margin-top:8px}
.film-scene[data-film=app] .layout-mini .frame-icon{transform:translateY(calc((1 - var(--film-enter))*18px));transition:color .3s,background .3s,transform .2s}
/* The caption editor comes together, then previews its own styles and word timing. */
.story-enabled #studio.film-scene{width:min(1240px,calc(100% - 80px));margin-inline:auto}
.film-scene[data-film=studio] .film-body>.wrap{width:100%;max-width:none;padding:0}
.film-scene[data-film=studio] .studio-heading{transform:translateY(calc((1 - var(--film-enter))*30px));margin-bottom:24px}
.film-scene[data-film=studio] .caption-workbench{max-width:none;width:100%;margin:0;transform:perspective(1800px) rotateX(calc((1 - var(--film-enter))*12deg)) scale(calc(.92 + var(--film-enter)*.08));transform-origin:center 80%;box-shadow:0 24px 80px #0003,0 0 60px rgba(var(--film-studio-hue,193,238,159),.025)}
.film-scene[data-film=studio] .studio-controls{transform:translateX(calc((1 - var(--film-enter))*-55px))}
.film-scene[data-film=studio] .preview-area{transform:translateX(calc((1 - var(--film-enter))*55px));background:transparent}
.film-scene[data-film=studio] .demo-phone{transform:perspective(900px) rotateY(calc((1 - var(--film-enter))*-15deg)) rotateZ(calc((1 - var(--film-enter))*3deg));box-shadow:0 0 0 1px rgba(var(--film-studio-hue,193,238,159),.24),0 15px 35px #0005}
.film-scene[data-film=studio] .studio-controls,.film-scene[data-film=studio] .preview-area{padding-block:18px}
@media(min-width:1001px){
 .film-scene[data-film=studio] .studio-heading{margin-bottom:16px}
 .film-scene[data-film=studio] .studio-heading .eyebrow{margin-bottom:8px}
 .film-scene[data-film=studio] .preview-player{margin-top:10px}
 .film-scene[data-film=studio] .word-timing{margin-top:8px}
 .film-scene[data-film=studio] .word-timing summary{min-height:30px}

 .film-scene[data-film=studio] .demo-phone{width:192px}
 .film-scene[data-film=studio] .preview-meta{width:192px;font-size:10px}
 .film-scene[data-film=studio] .preview-transport{width:290px}
 .film-scene[data-film=studio] .lab-toolbar{padding:10px 22px;min-height:53px}
 .film-scene[data-film=studio] .studio-controls{padding:18px 25px}
 .film-scene[data-film=studio] .look-grid{margin-bottom:14px}
 .film-scene[data-film=studio] .look-sample{min-height:37px}
 .film-scene[data-film=studio] .look-label{padding-block:7px;font-size:12px}
 .film-scene[data-film=studio] .studio-note{margin-top:11px;font-size:10px}
 .film-scene[data-film=studio] .lab-tabs{margin-bottom:14px}
 .film-scene[data-film=studio] .studio-controls fieldset{margin-bottom:12px}
 .film-scene[data-film=studio] .studio-controls legend{font-size:12px;margin-bottom:10px}
 .film-scene[data-film=studio] .swatch{width:28px;height:28px}
 .film-scene[data-film=studio] .fine-tune summary{min-height:35px}
 .film-scene[data-film=studio] .studio-heading h2{font-size:clamp(33px,3.6vw,48px)}
}
/* Questions travel into place; opening answers remains a native interaction. */
.film-scene[data-film=faq] .film-body{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;align-items:center}
.film-scene[data-film=faq] .film-body>div:first-child{position:relative}
.film-scene[data-film=faq] h2{font-size:clamp(36px,4vw,58px);max-width:400px;line-height:1.05}
.film-faq-orbit{position:relative;width:200px;height:170px;display:grid;place-items:center;margin-top:25px;perspective:900px}
.film-faq-orbit span{font-size:115px;font-weight:400;line-height:1;color:transparent;-webkit-text-stroke:1px #c1ee9f55;transform:rotateY(calc(-30deg + var(--film-progress)*45deg)) translateY(calc((1 - var(--film-enter))*35px))}
.film-faq-orbit i{position:absolute;inset:15px 0;border:1px solid #bbed9723;border-radius:50%;transform:rotateX(62deg) rotateZ(calc(-38deg + var(--film-progress)*95deg))}
.film-faq-orbit i:last-child{inset:0 20px;transform:rotateY(60deg) rotateZ(calc(25deg - var(--film-progress)*80deg))}
.story-enabled .film-scene[data-film=faq] details{opacity:calc(.35 + var(--question-in,1)*.65);transform:perspective(1200px) translateX(calc((1 - var(--question-in,1))*65px)) rotateX(calc((1 - var(--question-in,1))*14deg));transform-origin:left top;position:relative}
.film-scene[data-film=faq] details::after{content:'';position:absolute;bottom:-1px;left:0;width:100%;height:1px;background:linear-gradient(90deg,#bbed9744,transparent);transform:scaleX(var(--question-in,1));transform-origin:left}
.film-scene[data-film=faq] details:nth-child(even){transform:perspective(1200px) translateX(calc((1 - var(--question-in,1))*-45px)) rotateX(calc((1 - var(--question-in,1))*14deg))}
.film-scene[data-film=faq] details:focus-within{opacity:1;transform:none}
/* An oversized final signature closes the same scroll story. */
.film-scene[data-film=launch] .film-body{display:grid;grid-template-columns:1fr .65fr;gap:65px;align-items:center;min-height:480px;isolation:isolate}
.film-scene[data-film=launch] .launch-content{position:relative;z-index:2;transform:translateY(calc((1 - var(--film-enter))*65px))}
.film-scene[data-film=launch] .launch-content h2{font-size:clamp(48px,6.5vw,88px);line-height:1.02;letter-spacing:-.055em}
.film-scene[data-film=launch] .launch-signature{position:relative;z-index:2;border:0;padding:0;gap:19px}
.film-scene[data-film=launch] .launch-signature::before{display:none}
.film-scene[data-film=launch] .launch-signature span{font-size:clamp(20px,2.3vw,32px);transform:translateX(calc((1 - var(--film-enter))*75px));opacity:calc(.4 + var(--film-enter)*.6)}
.film-scene[data-film=launch] .launch-signature span:nth-child(2){transform:translateX(calc((1 - var(--film-enter))*-65px))}
.film-scene[data-film=launch] .launch-signature span:last-child{color:#c1ee9f;transform:translateY(calc((1 - var(--film-enter))*65px))}
.film-launch-seal{position:absolute;right:5%;top:-13%;width:290px;aspect-ratio:1;z-index:-1;display:grid;place-items:center;opacity:calc(.13 + var(--film-progress)*.22);transform:perspective(1200px) rotateY(calc(-48deg + var(--film-progress)*58deg)) rotateZ(calc(-15deg + var(--film-progress)*20deg)) scale(calc(.65 + var(--film-enter)*.45))}
.film-launch-seal img{width:100px;height:100px;filter:drop-shadow(0 0 20px #c1ee9f30)}
.film-launch-seal span{position:absolute;inset:0;border:1px solid #c1ee9f66;border-radius:50%;transform:rotateX(45deg)}
.film-launch-seal span:nth-child(2){inset:28px;transform:rotateY(60deg)}
.film-scene[data-film=launch] .launch-benefits{border-color:#a4c28c33;transform-origin:left;clip-path:inset(0 calc((1 - var(--film-enter))*100%) 0 0)}
.film-scene[data-film=launch] .access-action .button{box-shadow:0 0 calc(var(--film-progress)*45px) #bbed9735}
.film-footer::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,#bbed9780,transparent);transform:scaleX(var(--footer-reveal,1));transform-origin:left}
.film-footer>.brand{transform:translateY(calc((1 - var(--footer-reveal,1))*20px));opacity:var(--footer-reveal,1)}
@media(max-width:1000px){
 .film-scene[data-film=app] .film-body{gap:32px}
 .film-scene[data-film=faq] .film-body{gap:35px}
 .story-enabled #studio.film-scene{width:calc(100% - 48px)}
 .film-scene[data-film=benefits] .film-body{gap:50px;padding-inline:12px}
}
@media(max-width:900px){
 .film-scene[data-film=app] .film-body,.film-scene[data-film=faq] .film-body,.film-scene[data-film=launch] .film-body{grid-template-columns:1fr;gap:32px}
 .film-scene[data-film=app] .film-tour-note{grid-column:1}
 .film-faq-orbit{position:absolute;right:0;top:-30px;width:120px;height:130px;margin:0;z-index:-1;opacity:.6}
 .film-faq-orbit span{font-size:88px}
 .film-scene[data-film=launch] .film-body{min-height:0}.film-launch-seal{right:0;width:220px;top:10%}
 .film-scene[data-film=launch] .launch-signature{display:flex;flex-direction:row;justify-content:space-between;padding-top:20px;border-top:1px solid #61785444}
 .film-scene[data-film=launch] .launch-signature span{font-size:14px}
}
@media(max-width:760px){
 .story-enabled main>.film-scene{padding:24px 0 45px;margin-top:20px;margin-bottom:20px}
 .film-stage{padding:40px 0 26px}.film-chapter{font-size:7px;gap:10px}.film-chapter>span:first-child{font-size:8px}.film-chapter i{max-width:45px}
 .film-background svg{opacity:.65}
 .story-enabled .value-basics.film-scene{margin-top:40px}
 .film-scene[data-film=benefits] .film-body{grid-template-columns:1fr;gap:38px;padding:10px 3px 25px}
 .story-enabled .value-basics .value-top{flex-direction:row;align-items:center;gap:16px;margin-bottom:15px}.story-enabled .value-basics .value-top svg{width:56px;height:56px}
 .story-enabled .value-basics .value-card+.value-card{padding-top:20px}
 .story-enabled .value-basics .value-card h3{font-size:32px;max-width:280px}
 .story-enabled .value-basics .value-card p{font-size:13px}
 .film-scene[data-film=app] .workspace-image{height:310px}
 .film-scene[data-film=app] .workspace-gallery{transform:perspective(1400px) translateY(calc((1 - var(--film-enter))*70px)) rotateX(calc((1 - var(--film-enter))*8deg)) scale(calc(.93 + var(--film-enter)*.07))}
 .film-tour-note{font-size:9px;gap:9px;flex-wrap:wrap;text-align:center}
 .story-enabled #studio.film-scene{width:calc(100% - 36px)}
 .film-scene[data-film=studio] .studio-heading{margin-bottom:20px}
 .film-scene[data-film=studio] .caption-workbench{transform:translateY(calc((1 - var(--film-enter))*60px)) scale(calc(.97 + var(--film-enter)*.03))}
 .film-scene[data-film=studio] .studio-controls,.film-scene[data-film=studio] .preview-area{transform:none}
 .film-scene[data-film=studio] .demo-phone{transform:perspective(900px) rotateY(calc((1 - var(--film-enter))*-12deg))}
 .film-scene[data-film=faq] h2{font-size:39px;max-width:270px}
 .film-scene[data-film=faq] .film-body{gap:23px}.film-faq-orbit{top:0;width:90px;height:110px}.film-faq-orbit span{font-size:70px}
 .film-scene[data-film=faq] details,.film-scene[data-film=faq] details:nth-child(even){transform:translateY(calc((1 - var(--question-in,1))*24px))}
 .film-scene[data-film=launch] .launch-content h2{font-size:56px}.film-launch-seal{width:180px;top:5%;right:-5px}.film-launch-seal img{width:70px;height:70px}
 .film-scene[data-film=launch] .launch-signature{gap:10px}.film-scene[data-film=launch] .launch-signature span{font-size:12px}
 .story-enabled .film-scene[data-film=launch] .launch-benefits{clip-path:none}
}
.journey-reduced .film-background{display:none}
.journey-reduced .film-scene{height:auto!important}
.journey-reduced .film-stage{position:relative!important;top:0!important;height:auto!important}
.journey-reduced .film-body,.journey-reduced .film-body *,.journey-reduced .cinema-wrap{transform:none!important;translate:none!important;opacity:1!important;clip-path:none!important}
.journey-reduced .film-ruler{display:none}
@media(prefers-reduced-motion:reduce){.film-background{display:none}.film-scene{height:auto!important}.film-stage{position:relative!important;top:0!important;height:auto!important}.film-body,.film-body *,.cinema-wrap{transform:none!important;translate:none!important;opacity:1!important;clip-path:none!important}.film-ruler{display:none}}
@media print{.film-background,.film-chapter,.film-ruler,.film-tour-note,.film-faq-orbit,.film-launch-seal{display:none}.film-scene{height:auto!important}.film-stage{position:relative!important;top:0!important;height:auto!important}.film-body,.film-body *{transform:none!important;opacity:1!important}}

/* Keep the automatic tour at a stable height; reveal detailed controls on takeover. */
:root:not(.journey-reduced) .film-scene[data-tour=scroll] #glow-setting{display:none}
.journey-reduced .film-tour-note{display:none}