/* A full-bleed, four-scene introduction. All selectors stay inside the welcome page. */
.landing-cinematic{--landing-gutter:clamp(24px,7vw,112px);max-width:none;padding:0;position:relative;background:#100c19}
.landing-cinematic .landing-header{position:absolute;inset:0 0 auto;z-index:8;padding:24px var(--landing-gutter);border:0;background:linear-gradient(#100c19d0,transparent)}
.landing-cinematic .landing-header>img{width:124px;height:50px}.landing-cinematic .landing-header-actions{gap:20px}.landing-cinematic .landing-header .outline{background:#100c1970;border-color:#ffffff50;color:#fff}.landing-cinematic .landing-header-explore{color:#fff;background:none}
.landing-cinematic .landing-film{position:relative;display:block;padding:0;margin:0;max-width:none}
.landing-film-stage{display:none}
.landing-film-chapter{position:relative;isolation:isolate;min-height:100svh;padding:150px var(--landing-gutter) 140px;display:flex;align-items:center;background-image:linear-gradient(90deg,#100c1930,#100c19cb),var(--scene-image);background-size:cover;background-position:50%;box-sizing:border-box}
.landing-cinematic .landing-chapter-copy{max-width:660px;position:relative;z-index:2}.landing-cinematic .landing-chapter-copy p{font-size:clamp(17px,1.5vw,21px);max-width:540px;color:#f0e8f5;line-height:1.9;text-shadow:0 2px 18px #100c1970}
.landing-cinematic .landing-chapter-copy h1{font-size:clamp(56px,7.8vw,118px);line-height:1.2;letter-spacing:-2.5px;font-weight:800;text-shadow:0 3px 30px #100c1940}.landing-cinematic .landing-chapter-copy h2{font-size:clamp(48px,6.4vw,92px);max-width:650px;line-height:1.3;letter-spacing:-1.5px}.landing-cinematic .landing-chapter-copy .landing-kicker{color:#e0ffa3;font-size:15px;margin-bottom:28px}
.landing-cinematic .landing-chapter-copy .landing-demo{font-size:13px;color:#dfd1eb;margin-top:18px}.landing-cinematic .landing-chapter-copy .outline{border:1px solid #ffffff60;background:#100c1955;color:white;backdrop-filter:blur(12px)}
.landing-cinematic .landing-actions .btn{border-radius:100px;padding-inline:28px;min-height:56px;transition:transform .25s,box-shadow .25s}.landing-cinematic .landing-actions .btn:hover{transform:translateY(-3px);box-shadow:0 10px 30px #0004}
.landing-scroll-cue{display:flex;align-items:center;gap:18px;background:none;color:#fff;margin-top:35px;padding:0!important;font-size:14px!important}.landing-scroll-cue span{display:grid;place-items:center;width:38px;height:38px;border:1px solid #ffffff50;border-radius:50%;font-size:20px}
.landing-scene-number{position:absolute;bottom:132px;inset-inline-end:var(--landing-gutter);font:500 13px Manrope,sans-serif;letter-spacing:3px;color:#f2e8ff}
.landing-cinematic .landing-body{max-width:1440px;margin:auto;padding:0 var(--landing-gutter)}.landing-cinematic .landing-section{padding-block:100px;border:0}.landing-cinematic .landing-section+.landing-section{border-top:1px solid #ffffff12}.landing-cinematic .landing-section>h2{font-size:clamp(34px,4.2vw,60px)}
.landing-cinematic .landing-story-visual{border-radius:4px 80px 4px 4px}.landing-cinematic .landing-story-scene .landing-step{border:0;border-bottom:1px solid #ffffff20;border-radius:0;background:none;padding:28px 0;min-height:33vh;opacity:.55}.landing-cinematic .landing-story-scene .landing-step.is-current{opacity:1;transform:none;background:none}.landing-cinematic .landing-story-scene .landing-step>span{font-size:clamp(30px,4vw,56px);color:#c1a0f5}.landing-cinematic .landing-story-scene .landing-step.is-current>span{color:var(--lime)}
.landing-cinematic .landing-audiences{gap:24px}.landing-cinematic .landing-audience-photo{height:420px;border-radius:6px!important}.landing-cinematic .landing-audiences article:nth-child(2){padding-top:70px}.landing-cinematic .landing-audiences article:nth-child(3){padding-top:140px}
.landing-cinematic .landing-values{align-items:center;gap:70px}.landing-cinematic .landing-values blockquote{padding:45px 0;padding-inline-start:40px;border-inline-start:2px solid var(--lime);border-radius:0;background:none;color:var(--lime);font-size:clamp(30px,3.8vw,50px)}
.landing-cinematic .landing-finale{position:relative;isolation:isolate;overflow:hidden;padding:70px 50px;border-radius:8px;background:#20132d}.landing-cinematic .landing-finale:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#100c1980,#100c19eb),url('/assets/welcome-voice.webp') center 40%/cover;opacity:.75}.landing-cinematic .landing-finale p{color:#e6dcef}.landing-cinematic .landing-footer{margin-inline:var(--landing-gutter);padding-block:30px}

/* Progressive enhancement: the images stay pinned while real content scrolls. */
.landing-cinematic.scroll-enhanced .landing-film{display:grid;grid-template-columns:minmax(0,1fr)}
.landing-cinematic.scroll-enhanced .landing-film-stage{display:block;grid-area:1/1;position:sticky;top:0;align-self:start;height:100svh;overflow:hidden;background:#100c19}
.landing-film-images,.landing-film-image,.landing-film-shade{position:absolute;inset:0}.landing-film-image{opacity:0;clip-path:inset(8% 0 0 0);transform:scale(1.055);transition:opacity 1s ease,clip-path 1.2s cubic-bezier(.2,.7,.2,1),transform 1.5s cubic-bezier(.2,.7,.2,1)}.landing-film-image.is-current{opacity:1;clip-path:inset(0);transform:scale(1)}
.landing-film-image img{width:100%;height:100%;object-fit:cover;object-position:var(--scene-position,50%) 50%;transform:translateY(var(--scene-shift,0px)) scale(1.07)}
.landing-film-image[data-scene="0"]{--scene-position:42%}.landing-film-image[data-scene="1"]{--scene-position:60%}.landing-film-image[data-scene="2"]{--scene-position:42%}.landing-film-image[data-scene="3"]{--scene-position:65%}
.landing-film-shade{background:linear-gradient(0deg,#100c19d9,transparent 35%,#100c1933 85%),linear-gradient(90deg,#100c191a,#100c19bf 85%);pointer-events:none}
.landing-cinematic.scroll-enhanced .landing-film-chapters{grid-area:1/1;z-index:2;pointer-events:none;min-width:0}.landing-cinematic.scroll-enhanced .landing-film-chapter{background:none;min-height:110svh}.landing-cinematic.scroll-enhanced .landing-chapter-copy{pointer-events:auto;transform:translateY(var(--copy-shift,0px));opacity:var(--copy-opacity,1)}
.landing-film-nav{position:absolute;bottom:25px;inset-inline:var(--landing-gutter);display:flex;gap:26px;z-index:5}.landing-film-nav button{position:relative;display:flex;align-items:center;gap:12px;flex:1;color:#dfd8e9;background:none;text-align:start;padding:14px 0;min-width:0}.landing-film-nav button>span{font:12px Manrope,sans-serif;opacity:.7}.landing-film-nav button>b{font-size:15px;font-weight:500}.landing-film-nav button:after{content:'';position:absolute;inset:auto 0 0;height:2px;background:#ffffff35}.landing-film-nav button>i{position:absolute;inset:auto 0 0;height:2px;background:var(--lime);transform:scaleX(var(--chapter-progress,0));transform-origin:right;z-index:1}.landing-film-nav button[aria-current]{color:var(--lime)}
html[dir=ltr] .landing-film-shade{background:linear-gradient(0deg,#100c19d9,transparent 35%,#100c1933 85%),linear-gradient(90deg,#100c19bf 10%,#100c191a)}
html[dir=ltr] .landing-film-chapter{background-image:linear-gradient(90deg,#100c19cb,#100c1930),var(--scene-image)}html[dir=ltr] .landing-film-nav button>i{transform-origin:left}
@media(max-width:750px){
 .landing-cinematic{--landing-gutter:24px}.landing-cinematic .landing-header{padding-top:18px}.landing-cinematic .landing-header>img{width:90px}.landing-cinematic .landing-header-actions{gap:8px}.landing-header-explore{display:none}
 .landing-film-chapter{padding-top:140px;padding-bottom:120px;align-items:flex-end}.landing-cinematic.scroll-enhanced .landing-film-chapter{min-height:100svh}.landing-cinematic .landing-chapter-copy h1{font-size:clamp(48px,12vw,74px);letter-spacing:-1px}.landing-cinematic .landing-chapter-copy h2{font-size:clamp(43px,11vw,68px);letter-spacing:-.5px}.landing-cinematic .landing-chapter-copy p{font-size:16px;line-height:1.8}.landing-cinematic .landing-chapter-copy .landing-kicker{font-size:13px;margin-bottom:14px}.landing-cinematic .landing-chapter-copy .landing-actions{gap:9px;margin-top:20px}.landing-cinematic .landing-actions .btn{font-size:14px;padding:12px 18px;min-height:50px}.landing-scroll-cue{margin-top:18px}.landing-scene-number{display:none}
 .landing-film-shade,html[dir=ltr] .landing-film-shade{background:linear-gradient(0deg,#100c19fa 2%,#100c19c9 30%,#100c1945 68%,#100c1960)}.landing-film-chapter,html[dir=ltr] .landing-film-chapter{background-image:linear-gradient(0deg,#100c19ed,#100c1950),var(--scene-image)}
 .landing-film-nav{gap:14px;bottom:20px}.landing-film-nav button{gap:7px}.landing-film-nav button>b{font-size:13px}.landing-film-nav button>span{font-size:10px}
 .landing-cinematic .landing-section{padding-block:60px}.landing-cinematic .landing-story-visual{border-radius:4px 45px 4px 4px}.landing-cinematic .landing-audiences article{padding-top:0!important}.landing-cinematic .landing-audience-photo{height:390px}.landing-cinematic .landing-values{gap:24px}.landing-cinematic .landing-values blockquote{padding-block:15px;padding-inline-start:24px}.landing-cinematic .landing-finale{padding:38px 24px}
}
@media(max-height:650px) and (min-width:751px){.landing-cinematic .landing-chapter-copy h1{font-size:66px}.landing-cinematic .landing-chapter-copy h2{font-size:54px}.landing-film-chapter{padding-top:115px}.landing-cinematic .landing-chapter-copy p{font-size:16px}}
@media(prefers-reduced-motion:reduce){.landing-cinematic .landing-actions .btn{transition:none}.landing-cinematic .landing-actions .btn:hover{transform:none}.landing-cinematic .landing-story-scene .landing-step{opacity:1;min-height:0}.landing-cinematic .landing-film-chapter{min-height:80svh}.landing-scroll-cue{display:none}}