/* A continuous landing page with clear section spacing and sticky anchor navigation. */
html{scroll-behavior:smooth;scroll-padding-top:100px;scrollbar-gutter:stable}
body{background:#0e1110}
.nav.wrap{position:sticky;top:0;z-index:20;min-height:98px;padding:20px 0;background:#0e1110f5;backdrop-filter:blur(14px);border-bottom:1px solid #263029;width:min(1240px,calc(100% - 80px));gap:25px}
.nav .brand{font-size:27px;letter-spacing:-.065em;flex:none}
.nav nav{display:flex;align-items:center;gap:5px;margin-left:auto;margin-right:auto;font-size:12px}
.nav nav a{position:relative;padding:11px 15px;color:#9aa69e;border-radius:6px;text-decoration:none;white-space:nowrap;transition:color .18s,background .18s}
.nav nav a:hover{background:#181f1a;color:#e7efdf}
.nav nav a[aria-current=location]{color:#c1ee9f;background:#1a231b}
.nav nav a[aria-current=location]::after{display:none}
.nav .button.small{font-size:12px;padding:12px 15px;min-height:42px;border:1px solid #455641;background:transparent;color:#e0ead8;border-radius:6px}
.nav .button.small:hover,.nav .button.small[aria-current=location]{border-color:#9ebe88;background:#222d20}
.nav a:focus-visible{outline:2px solid #c1ee9f;outline-offset:3px}
main>[data-section]:not(.cinematic){min-height:0;padding-top:90px;padding-bottom:90px;margin-top:0;margin-bottom:0;border-top:0;scroll-margin:0}
.view-intro{font-size:15px;line-height:1.7;color:#9fab9f;margin-top:14px}
main>.why-section{display:flex;flex-direction:column;justify-content:center}
.why-section .section-heading{margin-bottom:38px}
.why-section .section-heading h2,.studio-heading h2{font-size:clamp(34px,3.5vw,48px);letter-spacing:-.05em;font-weight:550}
main>.product-section{gap:80px;border-top:1px solid #263029}
.product-section .product-copy h2{font-size:clamp(35px,3.5vw,49px)}
.workspace-gallery{width:100%}
.product-section .text-link{display:inline-flex;gap:12px;align-items:center;border-bottom:1px solid #4b6042;padding-bottom:8px}
.product-section .text-link::after{content:'↗';font-size:18px}
main>.studio-section{background:#0e1110}
.studio-heading{max-width:1080px;margin-inline:auto}
.caption-workbench{margin-inline:auto}
main>.faq{align-content:center;align-items:start;gap:80px;border-top:1px solid #263029}
.faq h2{font-size:44px;max-width:330px;line-height:1.15}
.faq summary{font-size:15px;padding:20px 0}
.faq details p{font-size:14px}
body>footer.wrap{width:min(1240px,calc(100% - 80px));margin-top:0;border-top:1px solid #263029;min-height:92px;padding:24px 0;gap:14px 23px}
body>footer .brand{font-size:22px;letter-spacing:-.05em}
body>footer p,body>footer>span,.legal-links{font-size:11px}
body>footer p{color:#8d9c92}

/* Scroll drives the edit while the stage stays below the navigation. */
.cinematic{--sticky-top:98px;--stage-height:calc(100svh - 98px)}
.cinematic.is-static{height:auto}
.cinematic.is-static .cinema-sticky{position:relative;top:0}
.cinematic.is-ready:not(.is-static){height:calc(var(--stage-height) + 145svh)}
.cinematic.is-ready:not(.is-static) .cinema-sticky{position:sticky;top:var(--sticky-top);height:var(--stage-height);min-height:0;max-height:none}
.cinema-sticky{height:calc(100svh - 98px);min-height:640px;max-height:960px}
.cinema-scroll-cue{margin:18px 0 0;font-size:10px;color:#bbccae;letter-spacing:.04em;display:flex;align-items:center;gap:9px}
.cinema-scroll-cue::before{content:'↓';color:#c1ee9f;font-size:15px}
.cinematic.is-static .cinema-scroll-cue{display:none}
.cinema-copy{top:23%}
.cinema-copy .eyebrow{font-size:10px}
.cinema-copy p.cinema-audience{font-size:12px;line-height:1.6;color:#c7d0c6;margin-top:12px;max-width:390px}
.cinema-copy p.cinema-footnote{font-size:10px;color:#8d9b90;line-height:1.6;margin-top:20px;max-width:290px}
.cinema-actions .button{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-family:inherit;font-size:12px;font-weight:700;line-height:1.5;transition:background .2s,box-shadow .2s}
.cinema-actions .button:hover{background:#d0f5b5;box-shadow:0 4px 18px #0003}
.cinema-actions .button:focus-visible{outline:2px solid #efffe0;outline-offset:5px}
.cinema-poster{border-color:#49564c;box-shadow:0 22px 45px #0004}
.cinema-canvas canvas{filter:drop-shadow(0 20px 17px #0003)}
.cinema-chapters{gap:20px}
.cinema-chapters button{min-width:110px;padding:15px 10px 10px;border-radius:0 0 5px 5px}
.cinema-chapters button[aria-current=step]{background:linear-gradient(#c1ee9f0b,transparent);color:#d8edcb}
.cinema-meta{font-size:10px}
.cinema-tools{gap:6px;flex-wrap:wrap}
.cinema-tools button{min-height:34px;font-size:10px;padding:8px 10px}
.cinema-tools button:hover{background:#1b251e;border-color:#64775f}
.cinema-sound[aria-pressed=true]{color:#d5f2c3;border-color:#79966a;background:#243021}
.cinema-note{color:#819187}

/* One focused launch section at the end of the page. */
main>.access{display:grid;grid-template-columns:1.25fr .75fr;align-items:center;gap:70px;background:none;border:0;border-radius:0;padding-inline:0}
.access .eyebrow{display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:.16em;color:#b1c2a8}
.launch-dot{width:6px;height:6px;background:#c1ee9f;border-radius:50%;box-shadow:0 0 10px #c1ee9f30}
.access h2{font-size:clamp(48px,5.6vw,76px);line-height:1.04;letter-spacing:-.065em;font-weight:550;margin:24px 0}
.access h2 span{color:#c1ee9f}
.access .launch-content>p:not(.eyebrow){color:#a8b6ab;font-size:15px;line-height:1.7}
.launch-benefits{display:flex;gap:12px 22px;flex-wrap:wrap;margin:30px 0 34px;padding-block:17px;border-block:1px solid #2b372c;font-size:11px;color:#cad6c3;max-width:550px}
.launch-benefits span{display:flex;align-items:center;gap:8px}
.launch-benefits span::before{content:'✓';color:#a7d18d;font-size:12px}
.access .access-action{display:flex;flex-direction:column;align-items:flex-start;gap:16px;margin-top:0}
.access .access-action .button{font-size:14px;padding:16px 22px;border-radius:7px}
.access .access-action .micro{font-size:11px;line-height:1.8;color:#91a08f;margin:0}
.launch-signature{display:flex;flex-direction:column;border-left:1px solid #354333;padding-left:48px;gap:13px;font-size:clamp(22px,2.6vw,35px);font-weight:550;line-height:1.15;letter-spacing:-.04em;color:#71826d}
.launch-signature span:last-child{color:#c1ee9f}

@media(max-width:1000px){
 .nav.wrap{width:calc(100% - 48px);gap:15px}.nav nav a{padding:10px;font-size:11px}.nav .brand{font-size:25px}.nav .button.small{font-size:11px}
 main>.product-section,main>.faq{gap:35px}.cinema-copy{top:20%}.cinema-tools button{font-size:9px;padding:7px 9px}
 main>.access{gap:35px}.launch-signature{padding-left:28px}.launch-benefits{gap:13px 17px}
}
@media(max-width:760px){
 html{scroll-padding-top:114px}
 .nav.wrap{width:calc(100% - 36px);display:grid;grid-template-columns:1fr auto;gap:11px;min-height:114px;padding:14px 0 8px}
 .nav .brand{font-size:25px}.nav .brand img{width:29px;height:29px}.nav .button.small{grid-column:2;grid-row:1;padding:9px 12px;font-size:11px;min-height:37px}
 .nav nav{grid-column:1/-1;grid-row:2;display:flex;justify-content:space-between;width:100%;margin:0;gap:2px;overflow-x:auto;scrollbar-width:none}
 .nav nav a,.nav nav a:last-child{display:block;font-size:11px;padding:9px 10px;line-height:1.5;text-align:center;flex:0 0 auto}
 .nav nav::-webkit-scrollbar{display:none}
 main>[data-section]:not(.cinematic){min-height:0;padding-top:50px;padding-bottom:50px}
 .why-section .section-heading{margin-bottom:26px}.why-section .section-heading h2,.studio-heading h2{font-size:34px}.view-intro{font-size:13px}
 main>.product-section,main>.faq{grid-template-columns:1fr;gap:30px}.product-section .product-copy h2{font-size:37px}.faq h2{font-size:35px;max-width:none}.faq summary{font-size:14px;padding:18px 0}
 .cinema-sticky{height:calc(100svh - 114px);min-height:720px;max-height:1000px}
 .cinema-copy{top:20px}.cinema-copy .eyebrow{font-size:9px;margin-bottom:14px}.cinema-copy h1,.cinema-copy h2{font-size:38px}
 .cinema-copy p:not(.eyebrow){font-size:12px;margin:10px 0}.cinema-copy p.cinema-audience{font-size:11px;max-width:100%;margin-top:9px}.cinema-copy p.cinema-footnote{font-size:9px;margin-top:13px;max-width:none}
 .cinema-actions{margin-top:15px}.cinema-actions .button{font-size:11px;padding:11px 13px}.cinema-actions .text-link{font-size:11px}
 .cinema-copy[data-beat="2"] .cinema-presets{margin:14px 0}.cinema-presets button{font-size:11px;padding:7px 11px}
 .cinema-visual{top:282px;bottom:122px}.cinema-frame-label{font-size:8px}.cinema-filmstrip{height:26px}.cinema-timeline-top{font-size:7px}
 .cinema-bottom{bottom:15px;gap:12px}.cinema-chapters{gap:15px}.cinema-chapters button{min-width:0;padding:10px 4px 5px;font-size:11px}
 .cinema-meta{flex-direction:column;gap:9px;align-items:stretch}.cinema-tools{justify-content:space-between}.cinema-tools button{font-size:9px;padding:7px 9px;min-height:32px;flex:1}.cinema-note{font-size:8px;max-width:none;text-align:center}
 body>footer.wrap{width:calc(100% - 36px);padding:24px 0;gap:13px}.legal-links{gap:16px;flex-wrap:wrap}body>footer p{font-size:10px}body>footer>span{margin-left:auto}
 main>.access{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:38px}.access h2{font-size:55px}.access .launch-content>p:not(.eyebrow){font-size:14px}.launch-benefits{flex-direction:column;gap:13px;margin:24px 0 28px;padding-block:20px;font-size:12px}.launch-signature{border-left:0;border-top:1px solid #2b372c;padding:25px 0 0;flex-direction:row;gap:15px;font-size:14px;justify-content:space-between}
}
@media(max-width:360px){.nav nav a,.nav nav a:last-child{padding:9px 7px;font-size:10px}.cinema-copy h1,.cinema-copy h2{font-size:34px}.cinema-sticky{min-height:705px}.cinema-tools button{padding:6px;font-size:8px}.access h2{font-size:48px}.launch-signature{font-size:12px}}
@media(max-width:760px){.cinematic{--sticky-top:114px;--stage-height:calc(100svh - 114px)}.cinematic.is-ready:not(.is-static){height:calc(var(--stage-height) + 130svh)}.cinema-scroll-cue{margin-top:9px;font-size:9px}.cinema-copy p.cinema-footnote{margin-top:7px}.cinematic:not(.is-static) .cinema-copy p.cinema-footnote{display:none}}
@media(max-width:760px) and (max-height:760px){
 .cinematic:not(.is-static) .cinema-copy{top:9px}.cinematic:not(.is-static) .cinema-copy .eyebrow{font-size:8px;margin-bottom:9px}
 .cinematic:not(.is-static) .cinema-copy h1,.cinematic:not(.is-static) .cinema-copy h2{font-size:32px;margin-bottom:8px}
 .cinematic:not(.is-static) .cinema-copy p:not(.eyebrow){font-size:11px;margin:7px 0;line-height:1.5}
 .cinematic:not(.is-static) .cinema-copy p.cinema-audience{font-size:10px}.cinematic:not(.is-static) .cinema-copy p.cinema-footnote{display:none}
 .cinematic:not(.is-static) .cinema-actions{margin-top:11px}.cinematic:not(.is-static) .cinema-actions .button{padding:8px 11px;font-size:10px}
 .cinematic:not(.is-static) .cinema-presets{margin:8px 0}.cinematic:not(.is-static) .cinema-presets button{padding:5px 10px;font-size:10px}
 .cinematic:not(.is-static) .cinema-visual{top:230px;bottom:113px}.cinematic:not(.is-static) .cinema-bottom{bottom:8px;gap:8px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.nav nav a,.cinema-actions .button{transition:none}}
@media print{main>[data-section]{min-height:0!important;break-inside:avoid}.nav.wrap{position:relative}.cinema-tools{display:none}}