/* V3 film, transparent surfaces and request-to-app journey. */
:root{--film-white:#f5f1e9}
body.cinematic-v3{background:#0b0c0e;color:var(--film-white);isolation:isolate}
html:has(.cinematic-v3.motion-paused){scroll-behavior:auto}
.film-backdrop{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:#0b0c0e;--scene-opacity:.4;--scene-scale:1.05}
.film-backdrop video,.film-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:57% center;opacity:var(--scene-opacity);transform:scale(var(--scene-scale));transition:opacity 1.4s,transform 2s}
.film-poster{visibility:hidden}.film-unavailable .film-poster{visibility:visible}.film-unavailable .film-backdrop video{opacity:0!important}
.film-shade{position:absolute;inset:0;background:linear-gradient(90deg,#050608eb 0%,#050608a8 33%,#05060820 65%,#0506080a)}
.film-vignette{position:absolute;inset:0;background:linear-gradient(0deg,#090a0dcc,transparent 25%,transparent 72%,#090a0d80)}
body[data-film-scene=product] .film-backdrop{--scene-opacity:.32;--scene-scale:1.2}
body[data-film-scene=possibility] .film-backdrop{--scene-opacity:.3;--scene-scale:1.15}
body[data-film-scene=closing] .film-backdrop{--scene-opacity:.4}
.cinematic-v3 .preview-bar{background:#08090b80;border-bottom:1px solid #ffffff0e;color:#9c9b9b;font-size:9px;letter-spacing:1.5px}
.preview-bar>span:first-child{display:flex;align-items:center;gap:12px}.preview-bar i{width:3px;height:3px;border-radius:50%;background:#df2923}
.cinematic-v3 .preview-bar a{font-size:10px;color:#b9b8b8}
.cinematic-v3 .hero-glow{display:none}
.cinematic-v3 .hero-request{background:transparent}
.cinematic-v3 .story{background:none}.cinematic-v3 .stage-menu{background:#090c10d9;backdrop-filter:blur(22px)}
.cinematic-v3 .chapter{isolation:auto}.cinematic-v3 .chapter-copy,.cinematic-v3 .growth-heading{text-shadow:0 2px 25px #000}

.cinematic-v3 .adapt-preview{background:#10151999;backdrop-filter:blur(15px)}
.cinematic-v3 .site-footer{background:linear-gradient(#0a0b0e20,#0a0b0ea0)}.cinematic-v3 .motion-toggle{border-radius:2px;background:#0b0c0edb}
@media(max-width:900px){.film-backdrop video,.film-poster{object-position:68% center}.film-shade{background:linear-gradient(90deg,#050608a8,#05060835),linear-gradient(0deg,#050608de,transparent 80%)}.cinematic-v3 .preview-bar a:last-child{display:none}.cinematic-v3 .preview-bar>span:last-child{flex-direction:row}}
@media(prefers-reduced-motion:reduce){.film-backdrop video,.film-poster{transition:none;transform:none}}

/* The gear is the only background scene. V2 demos stay in document flow. */
.cinematic-v3 .product-screen{border:0;border-radius:0;box-shadow:none;overflow:visible;background:transparent}
.cinematic-v3 .product-screen iframe{background:transparent;border:0;border-radius:0}
.cinematic-v3 .chapter-bottom:has(>a:only-child){justify-content:flex-end}
.cinematic-v3 #growth-toggle[aria-expanded=false]{display:none}
.cinematic-v3 .growth-actions #growth-toggle{background:#080808;border:1px solid #ffffff44;color:#eee}
.cinematic-v3 .growth-actions #growth-toggle:hover{background:#ffffff0b;border-color:#f17c70}
.cinematic-v3 .app-tour-actions{margin-top:18px;gap:18px}
.business-launch{position:absolute;right:0;top:8%;bottom:8%;width:30%;padding:28px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;text-align:left;border:1px solid #ffffff38;border-radius:16px;background:#ffffff03;transition:transform .35s,border-color .35s,background .35s;}
.business-launch:hover,.business-launch:focus-visible{background:#ffffff0b;border-color:#f17c70;transform:translateY(-5px)}
.launch-eyebrow{font-size:10px;letter-spacing:1.4px;color:#eaa195}
.launch-arrow{font-size:48px;line-height:1;margin:20px 0;color:#eee;transition:transform .35s}
.business-launch:hover .launch-arrow{transform:translate(5px,-5px)}
.business-launch strong{font-size:clamp(27px,2.4vw,40px);line-height:1.08;letter-spacing:-1px;font-weight:500}
.launch-description{font-size:15px;line-height:1.7;margin-top:18px;color:#bdbbc1}
.launch-hint{font-size:12px;color:#edac9f;margin-top:25px;display:flex;gap:12px;align-items:center}
.cinematic-v3 .growth-stage>.growth-map{width:67%}
.growth-stage:has(.business-app:not([hidden])) .business-launch{display:none}

/* High-transparency exploration: the film continues through every section. */
.cinematic-v3 .v2-shift-card,.cinematic-v3 .v2-answer,.cinematic-v3 .adapt-preview,
.cinematic-v3 .site-footer,.cinematic-v3 .request-grid article,
.cinematic-v3 .adapt-buttons button,.cinematic-v3 .rule-row { background:transparent;box-shadow:none;backdrop-filter:none; }
.cinematic-v3 .stage-menu { background:#090c1040;backdrop-filter:blur(10px); }
.cinematic-v3 .signup-fields input { background:#ffffff05; }
.cinematic-v3 .adapt-buttons button[aria-pressed=true] { background:#e1060010; }
.cinematic-v3 .chapter-context,.cinematic-v3 .examples-heading>p,.cinematic-v3 .examples-note { color:#b4b3ba; }
.cinematic-v3 .possibilities { max-width:1700px; }
.cinematic-v3 .examples-heading { display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.85fr);gap:6%;align-items:center; }
.cinematic-v3 .examples-heading h2 { font-size:clamp(38px,4vw,62px);text-wrap:balance; }
.cinematic-v3 .examples-heading>p { font-size:18px;line-height:1.75; }
.cinematic-v3 .request-grid { column-gap:6%;row-gap:12px; }
.cinematic-v3 .request-grid h3 { max-width:620px;text-wrap:pretty;font-size:clamp(22px,2.1vw,30px); }
.cinematic-v3 .guided-explanation { grid-template-columns:1fr 1fr;column-gap:6%; }
@media(min-width:761px) {
 .cinematic-v3 .growth-chapter { display:flex;gap:0; }
 .cinematic-v3 .growth-heading { display:grid;grid-template-columns:1fr 1fr;gap:6%;max-width:1700px; }
 .cinematic-v3 .growth-heading h2 { font-size:clamp(36px,3.2vw,54px);margin:16px 0 0;text-wrap:balance; }
 .cinematic-v3 .growth-heading .explanation { font-size:18px;max-width:640px; }
 .cinematic-v3 .growth-stage { width:100%;max-width:1700px;height:clamp(380px,calc(100svh - 330px),900px);min-height:0;flex:none;margin:25px auto 0; }
 .cinematic-v3 .growth-actions { max-width:1700px; }
}
@media(max-width:1000px) {
 .cinematic-v3 .examples-heading { grid-template-columns:1fr;gap:25px; }
 .cinematic-v3 .examples-heading>p { max-width:680px;margin:0; }
}
@media(max-width:760px) {
 .cinematic-v3 .guided-explanation { grid-template-columns:1fr; }
 .cinematic-v3 .examples-heading h2 { font-size:clamp(36px,8vw,48px);text-wrap:pretty; }
}

/* Each stop is a complete view; oversized content remains naturally scrollable. */
html:has(.cinematic-v3){scroll-snap-type:none;scroll-padding-top:0}
html.page-scroll-managed:has(.cinematic-v3){scroll-snap-type:none;scroll-behavior:auto}
.cinematic-v3 .hero,.cinematic-v3 .chapter,.cinematic-v3 .adapt-section,
.cinematic-v3 .possibilities,.cinematic-v3 .v2-why,.cinematic-v3 .site-footer {
 scroll-snap-align:none;
}
.cinematic-v3 .hero{min-height:calc(100svh - var(--opening-offset,122px));scroll-margin-top:var(--opening-offset,122px);padding-block:24px}
.cinematic-v3 .hero-content{max-width:1320px}
.cinematic-v3 .hero h1{font-size:clamp(40px,min(6.5vw,8svh),90px);margin:20px 0}
.cinematic-v3 .hero-answer{font-size:16px;line-height:1.6;margin-top:12px}
.cinematic-v3 .hero-footnote{margin-top:12px}
.cinematic-v3 .chapter{scroll-margin-top:var(--nav-height);min-height:calc(100svh - var(--nav-height))}
.cinematic-v3 .adapt-section{width:100%;scroll-margin-top:0;min-height:100svh}
.cinematic-v3 .possibilities,.cinematic-v3 .v2-why,.cinematic-v3 .site-footer{min-height:100svh;scroll-margin-top:0}
.cinematic-v3 .v2-why{display:flex;flex-direction:column;justify-content:center;padding-block:55px}
.cinematic-v3 .site-footer{display:flex;flex-direction:column;justify-content:center}
.cinematic-v3 .opening-requests{margin-top:clamp(24px,4svh,44px);text-align:left}
.opening-requests>.eyebrow{margin-bottom:14px;text-align:center;color:#d29187}
.opening-request-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
.request-option,.request-token{padding:20px 22px;border:1px solid #ffffff24;border-radius:12px;background:transparent;text-align:left;min-width:0}
.request-option p,.request-token p{font-size:17px;line-height:1.55;margin:13px 0 0;color:#e7e4df}
.request-category{font-size:10px;letter-spacing:1.2px;color:#a5a4ad;display:block}
.request-token{border-color:#f05b4caa;background:#c42b2010;box-shadow:inset 0 2px 0 #ef5949}
.request-token .request-category{color:#f0a196}
.request-marker{display:block;font-size:9px;letter-spacing:1.2px;color:#f29386;margin-top:17px}
.request-scroll-cue{display:flex;justify-content:center;align-items:center;gap:16px;font-size:12px;color:#bbb5b4;margin-top:18px}
.request-scroll-cue span{color:#f29386;font-size:19px}
#request-arrival,#request-build{margin:0 0 22px;padding:18px 20px}
#request-arrival p,#request-build p{font-size:16px}
#request-arrival .request-marker,#request-build .request-marker{font-size:8px;margin-top:12px}
.request-travelling{opacity:0}
.request-in-transit{position:fixed;left:0;top:0;z-index:30;pointer-events:none;margin:0;will-change:transform,width;background:#28110cf2;box-sizing:border-box}
.cinematic-v3 :is(#meet-your-app,#just-say-it) .chapter-context{margin-top:16px}
@media(min-width:761px){
 .cinematic-v3 .chapter-visual{height:calc(100svh - var(--nav-height) - 90px)}
 .cinematic-v3 .growth-stage{height:clamp(400px,calc(100svh - 350px),820px)}
 .cinematic-v3 :is(#meet-your-app,#just-say-it) .chapter-copy h2{font-size:clamp(34px,3.3vw,55px);margin-bottom:22px}
 .cinematic-v3 :is(#meet-your-app,#just-say-it) .explanation{font-size:clamp(17px,1.35vw,20px)}
 .cinematic-v3 .v2-shift-card{min-height:340px}
}
@media(min-width:761px) and (max-height:850px){
 .cinematic-v3 .hero{padding-block:18px}
 .cinematic-v3 .hero h1{margin:12px 0;font-size:clamp(40px,7.2svh,62px)}
 .cinematic-v3 .hero-lead{font-size:18px}
 .cinematic-v3 .hero-answer{font-size:15px}
 .cinematic-v3 .opening-requests{margin-top:20px}
 .request-option,.request-token{padding:16px 18px}
 .request-option p,.request-token p{font-size:15px}
 .cinematic-v3 .v2-why h2{font-size:52px}
 .cinematic-v3 .v2-shift{margin-top:30px}
 .cinematic-v3 .v2-why{padding-block:35px}
}
@media(max-width:760px){
 html:has(.cinematic-v3){scroll-snap-type:none}
 .cinematic-v3 .hero{padding-block:26px}
 .cinematic-v3 .hero h1{font-size:clamp(38px,9vw,64px)}
 .opening-request-grid{grid-template-columns:1fr;gap:10px}
 .request-option,.request-token{padding:16px 18px}
 .request-option p,.request-token p{font-size:15px;margin-top:9px}
 .request-marker{margin-top:12px}
 .cinematic-v3 .adapt-section{padding-block:45px}
 .cinematic-v3 .v2-why{padding-block:50px}
 .cinematic-v3 .growth-stage{height:auto;aspect-ratio:auto}
 .cinematic-v3 .growth-stage>.growth-map{position:relative;width:100%;height:auto;aspect-ratio:1260/1000}
 .cinematic-v3 .growth-stage>.business-app{position:relative;width:100%;height:auto;aspect-ratio:1280/860}
 .business-launch{position:relative;inset:auto;width:calc(100% - 32px);margin:12px 16px 24px;padding:24px;min-height:270px}
 .launch-arrow{position:absolute;right:24px;top:20px;font-size:40px;margin:0}
 .business-launch strong{font-size:32px;margin-top:25px}
}
@media(prefers-reduced-motion:reduce){
 html:has(.cinematic-v3){scroll-behavior:auto}
 .request-in-transit{display:none}
 .business-launch,.launch-arrow{transition:none}
}

/* Six familiar jobs form one desktop slide, with readable mobile flow. */
@media(min-width:761px){
 .cinematic-v3 .possibilities{height:auto;min-height:max(100svh,680px);padding-block:clamp(24px,4svh,44px);gap:0}
 .cinematic-v3 .examples-heading{gap:40px;align-items:center}
 .cinematic-v3 .examples-heading>div{flex:1.3}
 .cinematic-v3 .examples-heading>p{flex:1;font-size:clamp(14px,1.8svh,18px);line-height:1.5}
 .cinematic-v3 .examples-heading .eyebrow{font-size:10px;margin-bottom:12px}
 .cinematic-v3 .examples-heading h2{font-size:clamp(32px,5.5svh,52px)}
 .cinematic-v3 .request-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 30px;margin-top:clamp(20px,3.5svh,36px)}
 .cinematic-v3 .request-grid article{padding:16px 0 10px}
 .cinematic-v3 .request-grid h3{font-size:clamp(17px,2.4svh,23px);line-height:1.35;margin-top:12px}
 .cinematic-v3 .guided-explanation{margin-top:20px;padding-top:18px;grid-template-columns:1fr 1.7fr;gap:8px 30px}
 .cinematic-v3 .guided-explanation h3{font-size:clamp(22px,3svh,29px);grid-row:span 2}
 .cinematic-v3 .guided-explanation p{font-size:14px;line-height:1.5}
 .cinematic-v3 .guided-explanation a{font-size:14px}
 .cinematic-v3 .examples-note{margin-top:14px;font-size:11px;line-height:1.4}
}

.cinematic-v3 #examples-title .brand-ai{color:#ff171c}
.cinematic-v3 .brand--robot{width:172px;display:flex;align-items:center;gap:8px;overflow:visible}
.cinematic-v3 .brand--robot:after{display:none}
.cinematic-v3 .brand-mark{width:40px;height:auto;flex:none;transform:translateY(-5.6px)}
@media(max-width:760px){
 .cinematic-v3 .brand--robot{width:143px;gap:6px}
 .cinematic-v3 .brand-mark{width:34px;transform:translateY(-4.8px)}
}

/* Responsive production pass: preserve desktop slides without clipping small screens. */
@media(min-width:901px){
 .cinematic-v3 .v2-shift{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:30px}
 .cinematic-v3 .v2-answer{grid-column:auto}
 .cinematic-v3 .v2-shift-card{min-height:0;padding:24px}
 .cinematic-v3 .v2-shift-card h3{margin:24px 0 16px;font-size:clamp(24px,2.3vw,34px)}
 .cinematic-v3 .v2-shift-card p{font-size:15px;line-height:1.6}
 .cinematic-v3 .v2-code,.cinematic-v3 .v2-overload,.cinematic-v3 .v2-steps{padding-top:24px}
 .cinematic-v3 .v2-why{padding-block:30px}
 .cinematic-v3 .v2-why-heading>p:last-child{margin-top:20px;font-size:17px;line-height:1.5}
}
@media(min-width:761px) and (max-height:850px){
 .cinematic-v3 .chapter-copy .explanation{font-size:17px;line-height:1.55}
 .cinematic-v3 .chapter-context{font-size:14px;line-height:1.55}
 .cinematic-v3 #request-arrival,.cinematic-v3 #request-build{padding:12px 16px;margin-bottom:16px}
 .cinematic-v3 .site-footer{padding-block:30px}
 .cinematic-v3 .footer-bottom{margin-top:38px}
 .cinematic-v3 .v2-why h2{font-size:clamp(34px,5.5svh,48px)}
 .cinematic-v3 .v2-shift-card h3{margin-top:18px}
}
@media(min-width:761px) and (max-width:900px){
 .cinematic-v3 .possibilities{height:auto;min-height:100svh}
 .cinematic-v3 .request-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .cinematic-v3 .v2-shift{grid-template-columns:1fr;gap:12px;margin-top:24px}
 .cinematic-v3 .v2-shift-card{min-height:0;padding:18px 22px}
 .cinematic-v3 .v2-shift-card h3{font-size:25px;margin:12px 0}
 .cinematic-v3 .v2-shift-card p{max-width:none;font-size:15px}
 .cinematic-v3 .v2-code,.cinematic-v3 .v2-overload,.cinematic-v3 .v2-steps{display:none}
 .cinematic-v3 .v2-why{padding-block:30px}
 .cinematic-v3 .v2-why h2{font-size:40px}
}
@media(max-width:760px){
 .cinematic-v3 .site-header{gap:12px}
 .cinematic-v3 .nav-cta{padding:10px;font-size:11px}
 .cinematic-v3 .chapter-copy .explanation{font-size:16px;line-height:1.55}
 .cinematic-v3 .chapter-context{font-size:13px;line-height:1.5}
 .cinematic-v3 #request-arrival,.cinematic-v3 #request-build{padding:12px 14px;margin-bottom:15px}
 .cinematic-v3 #request-arrival p,.cinematic-v3 #request-build p{font-size:14px;line-height:1.45}
 .cinematic-v3 .v2-shift-card{min-height:0}
 .cinematic-v3 .v2-code,.cinematic-v3 .v2-overload,.cinematic-v3 .v2-steps{padding-top:20px}
 .cinematic-v3 .request-grid{margin-top:28px}
 .cinematic-v3 .request-grid article{padding:20px 0}
 .cinematic-v3 .request-grid h3{font-size:22px;line-height:1.4}
 .cinematic-v3 .possibilities,.cinematic-v3 .v2-why{padding-block:40px}
 .cinematic-v3 .examples-heading>p{font-size:16px;line-height:1.55}
 .cinematic-v3 .site-footer{padding-block:40px}
 .cinematic-v3 .signup-fields{flex-wrap:wrap}
 .cinematic-v3 .signup-fields input{min-width:0}
}
@media(max-width:360px){
 .cinematic-v3 .brand--robot{width:128px;gap:5px}
 .cinematic-v3 .brand-mark{width:26px}
 .cinematic-v3 .nav-cta{font-size:10px;padding:9px 7px}
 .cinematic-v3 .hero h1{font-size:34px}
 .cinematic-v3 .chapter-copy h2{font-size:30px}
 .cinematic-v3 .footer-invitation h2{font-size:40px}
}
@media(min-width:761px) and (max-height:650px){
 .cinematic-v3 .possibilities{height:auto;min-height:100svh}
 .cinematic-v3 .chapter-visual{height:480px}
 .cinematic-v3 .chapter{min-height:calc(100svh - var(--nav-height));height:auto}
}
@media(min-width:761px) and (max-width:900px) and (min-height:700px){
 .cinematic-v3 .chapter-layout{display:flex;flex-direction:column;gap:20px}
 .cinematic-v3 .chapter-copy{width:100%;max-width:none;padding:0}
 .cinematic-v3 .chapter-copy h2{font-size:36px;margin-bottom:16px}
 .cinematic-v3 .chapter-copy h2 br{display:none}
 .cinematic-v3 .chapter-copy .explanation{font-size:17px;line-height:1.55}
 .cinematic-v3 .chapter-context{font-size:14px;margin-top:12px}
 .cinematic-v3 .chapter-visual{width:100%;height:420px;min-height:0;flex:none;margin:auto 0}
 .cinematic-v3 #request-arrival,.cinematic-v3 #request-build{padding:12px 16px;margin-bottom:16px}
 .cinematic-v3 .growth-stage{height:470px}
 .cinematic-v3 .growth-heading h2{font-size:34px}
 .cinematic-v3 .business-launch{padding:18px}
 .cinematic-v3 .business-launch strong{font-size:25px}
 .cinematic-v3 .launch-description{font-size:13px}
}
@media(min-width:2800px){
 .cinematic-v3 .hero-content{max-width:1800px}
 .cinematic-v3 .hero h1{font-size:120px}
 .cinematic-v3 .hero-lead{font-size:30px}
 .cinematic-v3 .hero-answer,.cinematic-v3 .request-option p,.cinematic-v3 .request-token p{font-size:23px}
 .cinematic-v3 .possibilities,.cinematic-v3 .v2-why{max-width:2200px}
 .cinematic-v3 .examples-heading h2,.cinematic-v3 .v2-why h2{font-size:78px}
 .cinematic-v3 .examples-heading>p,.cinematic-v3 .v2-why-heading>p:last-child{font-size:24px}
 .cinematic-v3 .v2-why-heading{max-width:1300px}
 .cinematic-v3 .v2-why-heading>p:last-child{max-width:1100px}
 .cinematic-v3 .request-grid h3{font-size:30px}
 .cinematic-v3 .v2-shift-card p{font-size:21px;max-width:none}
 .cinematic-v3 .v2-shift-card h3{font-size:40px}
}