/* Phase 2: one fixed interface above three independent scenic layers. */
.brand img{display:block;width:215px;height:auto;aspect-ratio:2/1;object-fit:contain;mix-blend-mode:screen}.brand{flex-shrink:0}body:not(.cinematic-home) header{padding-top:10px;padding-bottom:10px}.cinematic-home header{position:absolute;inset:0 0 auto;z-index:5;border:0;max-width:none;padding:18px 4.5%;align-items:flex-start;background:linear-gradient(#02060b96,transparent);min-height:135px}.cinematic-home header .brand img{width:clamp(180px,20vw,310px)}.cinematic-home nav{padding-top:18px;gap:42px;font-size:13px;font-weight:600}.cinematic-home nav a{color:#d5dbe6;text-shadow:0 1px 8px #000}.cinematic-home nav a[aria-current]{color:#00ddf3;box-shadow:0 4px 9px -7px #00ddf3}.cinema{min-height:820px;height:100svh;max-height:1200px;position:relative;isolation:isolate;background:#07111e;display:flex;flex-direction:column;padding-top:clamp(190px,22vh,270px)}.scene-stack,.scene,.cinema-shade{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.scene-stack{z-index:-3;overflow:hidden}.scene{object-fit:cover;object-position:center;opacity:0;transition:opacity 2s ease-in-out}.scene.is-active{opacity:1}.scene:nth-child(2){object-position:65% center}.scene:nth-child(3){object-position:67% center}.cinema-shade{z-index:-1;background:linear-gradient(0deg,#02060bf5,transparent 38%,#02060b08 80%),linear-gradient(90deg,#03081145 0%,#02070d18 20%,#02071080 27%,#02070c70 53%,#02071010 76%)}.cinema-copy{width:620px;max-width:62%;margin-left:24%;position:relative;padding:0 0 42px}.cinema-copy .eyebrow{font-size:10px;letter-spacing:2.6px;margin-bottom:20px}.cinema-copy h1{font-size:clamp(48px,4.35vw,76px);font-weight:600;letter-spacing:-2px;line-height:1.07;margin-bottom:25px;text-shadow:0 2px 30px #0009}.cinema-copy em{color:#00d9ee}.cinema-copy .hero-description{font-size:16px;color:#d2d5df;line-height:1.65;text-shadow:0 1px 8px #000}.cinema-copy .actions{margin-top:28px}.cinema-copy .primary{background:#00d8ed;color:#00131b;box-shadow:0 0 20px #00d8ed40;border-color:#00d8ed}.cinema-copy .button{font-size:13px;padding:14px 25px;min-height:48px}.cinema-copy .secondary{background:#030a1280;border-color:#a6acb88c;color:#e4e7ed}.cinema-categories{width:80%;max-width:1350px;margin:auto auto 18px;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;position:relative}.cinema-categories article{position:relative;border:1px solid #19cce49c;background:linear-gradient(120deg,#020b14de,#05101dc4);border-radius:6px;padding:18px 20px;box-shadow:inset 0 0 22px #00b5e610,0 0 12px #00cfff0a;backdrop-filter:blur(4px)}.cinema-categories article:nth-child(even){border-color:#9d6cff9c;background:linear-gradient(120deg,#070c17e6,#120a27bd);box-shadow:inset 0 0 22px #a855ff12}.cinema-categories .category-icon{display:block;color:#00dff7;margin:0 0 8px;filter:drop-shadow(0 0 5px #00d8ffb3);width:42px;height:42px}.cinema-categories article:nth-child(even) .category-icon{color:#bd77ff;filter:drop-shadow(0 0 5px #a855ffb3)}.category-icon svg{width:100%;height:100%;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.cinema-categories .number{right:20px;top:18px;color:#42d4ef;font-size:10px}.cinema-categories article:nth-child(even) .number{color:#b68cfc}.cinema-categories h2{font-size:16px;line-height:1.3;font-weight:600;letter-spacing:-.3px;margin-bottom:9px;color:#f0f2f8}.cinema-categories p{font-size:12px;line-height:1.55;margin:0;color:#c0c5cf}.cinema-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 4.5% 22px;min-height:56px;color:#bdc4d0;font-size:8px;letter-spacing:2px}.cinema-bottom>a{white-space:nowrap}.cinema-bottom>a span{font-size:24px;margin-left:8px;vertical-align:middle}.invitation{display:flex;gap:14px;align-items:center}.invitation>span{font-size:40px;color:#00e5f5;line-height:1}.scene-controls{display:flex;gap:6px;align-items:center;letter-spacing:0}.scene-dot{border:0;background:none;width:36px;min-height:44px;padding:16px 2px;cursor:pointer;position:relative}.scene-dot:after{content:"";display:block;width:100%;height:2px;background:#6f7d8d}.scene-dot.is-current:after{background:#00d8ed;box-shadow:0 0 9px #00d8ed}.scene-pause{font:inherit;color:#d9e2ee;background:#06101b99;border:1px solid #415064;border-radius:3px;padding:6px 12px;cursor:pointer;min-height:44px;min-width:54px}.scene-dot:focus-visible,.scene-pause:focus-visible{outline:2px solid #67e6f6;outline-offset:3px}.explore-anchor{scroll-margin-top:20px}.closing>p:not(.eyebrow){max-width:760px;margin-left:auto;margin-right:auto}.cinematic-home .feature{padding-top:85px}
@media(min-width:1700px){.cinema{min-height:900px}.cinema-categories{margin-bottom:24px}.cinema-categories article{padding:24px}.cinema-categories h2{font-size:18px}.cinema-categories p{font-size:14px}}
@media(max-width:1100px){.cinema{min-height:850px;padding-top:200px}.cinema-copy{margin-left:23%;max-width:72%;width:590px}.cinema-copy h1{font-size:56px}.cinema-categories{width:92%;gap:12px}.cinema-categories article{padding:16px}.cinema-categories h2{font-size:14px}.cinema-categories p{font-size:11px}.cinematic-home nav{gap:24px;font-size:12px}.cinema-bottom{letter-spacing:1px}}
@media(max-width:800px){.cinematic-home header .brand img{width:190px}.cinematic-home nav{gap:18px;font-size:11px}.cinema{height:auto;min-height:100svh;padding-top:200px}.cinema-copy{margin-left:18%;max-width:77%;padding-bottom:45px}.cinema-copy h1{font-size:54px}.cinema-copy .eyebrow{font-size:8px;letter-spacing:1.6px}.cinema-categories{grid-template-columns:1fr 1fr;margin-top:30px}.cinema-categories h2{font-size:16px}.cinema-categories p{font-size:13px}.cinema-bottom{flex-wrap:wrap;padding-top:12px}.scene:nth-child(1){object-position:56% center}.scene:nth-child(2){object-position:73% center}.scene:nth-child(3){object-position:65% center}.cinema-shade{background:linear-gradient(0deg,#020810f5 0%,#02071099 40%,#02071033 85%),linear-gradient(90deg,#03081155,#03081170 65%,transparent)}}
@media(max-width:600px){.brand img{width:170px}.cinematic-home header{padding:12px 5% 0;background:linear-gradient(#02060bd9,transparent)}.cinematic-home header .brand img{width:176px;margin-left:-8px}.cinematic-home nav{padding-top:0;margin-top:8px;gap:8px;font-size:11px;min-height:44px;align-items:center}.cinematic-home nav a{padding:10px 0}.cinema{padding-top:204px;min-height:1120px}.cinema-copy{margin:0 6%;max-width:88%;width:auto;padding-bottom:20px}.cinema-copy h1{font-size:clamp(40px,10.5vw,54px);letter-spacing:-1.6px;margin-bottom:22px}.cinema-copy .eyebrow{font-size:7px;letter-spacing:1.5px;line-height:1.8;max-width:310px}.cinema-copy .hero-description{font-size:14px;max-width:340px}.cinema-copy .button{font-size:12px;padding:12px 17px;gap:20px}.cinema-copy .actions{gap:12px;margin-top:25px}.cinema-categories{width:88%;gap:12px;margin-top:36px;margin-bottom:12px}.cinema-categories article{padding:15px 12px;backdrop-filter:none;background:#030c16df}.cinema-categories h2{font-size:14px;line-height:1.35}.cinema-categories p{font-size:11px;line-height:1.6}.cinema-categories .category-icon{width:33px;height:33px;margin-bottom:12px}.cinema-categories .number{right:12px;top:17px;font-size:9px}.cinema-bottom{padding:10px 6% 20px;gap:4px 8px}.invitation{font-size:6px;letter-spacing:1px;gap:7px}.invitation>span{font-size:28px}.cinema-bottom>a{font-size:6px;letter-spacing:1px;order:3;width:100%;text-align:right}.scene-controls{gap:3px}.scene-dot{width:23px}.scene-pause{font-size:9px;padding:4px 7px;min-width:45px}.cinema .scene{object-fit:contain;object-position:center 135px;background:#07111e}.cinema .scene:nth-child(1){object-fit:cover;object-position:47% top}.cinema .scene:nth-child(2),.cinema .scene:nth-child(3){object-fit:cover;object-position:72% top}.cinema-shade{background:linear-gradient(0deg,#020810fa 0%,#020810bb 45%,#0208105c 80%,#02081050),linear-gradient(90deg,#02081045,#02081055)}.cinematic-home .feature{padding-top:45px}}
@media(prefers-reduced-motion:reduce){.scene{transition:none}.scene-pause{display:none}}
/* Keep the original black-backed logo visually integrated without changing its pixels. */
.cinematic-home header{background:none;mix-blend-mode:screen}
@media(min-width:801px){.scene:nth-child(2){object-position:78% center}}
@media(max-width:600px){.cinema .scene:nth-child(2),.cinema .scene:nth-child(3){height:460px;top:130px;bottom:auto;object-fit:cover;object-position:76% center}.cinema .scene:nth-child(3){object-position:69% center}}
@media(min-width:801px){.scene:nth-child(3){object-position:100% center}}
@media(max-width:600px){.cinema .scene:nth-child(1){object-position:0% top}.cinema .scene:nth-child(2){object-position:85% center}.cinema .scene:nth-child(3){object-position:100% center}}
@media(min-width:801px){.scene:nth-child(3){object-position:90% center}}
@media(max-width:600px){.cinema .scene:nth-child(3){object-position:90% center}}
/* Phase 2R: standalone landscapes and official product/footer artwork. */
.scene:nth-child(2),.scene:nth-child(3){object-position:center}
.app-icon-link{display:block;width:min(100%,310px);aspect-ratio:1;justify-self:center;border:1px solid #28414b;border-radius:24px;overflow:hidden;background:#07141e;box-shadow:0 0 42px #3ed6dc0c;transition:border-color .2s ease}
.app-icon-link:hover{border-color:#65e6f5}
.app-icon-link img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}
.footer-brand{display:block;width:180px;mix-blend-mode:screen}
.footer-brand img{display:block;width:100%;height:auto;aspect-ratio:2/1;object-fit:contain}
footer{align-items:center}
footer .fine{margin-top:0}
@media(max-width:800px){.scene:nth-child(2){object-position:70% center}.scene:nth-child(3){object-position:68% center}}
@media(max-width:600px){.cinema .scene:nth-child(2),.cinema .scene:nth-child(3){height:360px;top:130px;object-fit:cover;object-position:84% center}.cinema .scene:nth-child(3){object-position:87% center}.app-icon-link{width:240px;border-radius:20px}.feature{gap:34px}.footer-brand{width:160px}}
/* Phase 2R-B: keep the complete footer identity centered as one group. */
.footer-identity{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;width:min(100%,340px)}
.footer-identity .footer-brand{margin:0 auto 2px}
.footer-identity p{margin:0;font-size:11px;line-height:1.6;max-width:100%;text-wrap:pretty}
.footer-identity .fine{font-size:10px;letter-spacing:.35px;width:auto;color:#a1adbf}
/* A stationary, scene-specific gradient blends the competing phone area into
   the existing navy backdrop. It rides the existing image dissolve; no new animation. */
.scene:nth-child(2){-webkit-mask-image:radial-gradient(ellipse 30% 30% at 46% 40%,#0009 0%,#000d 55%,#000 100%);mask-image:radial-gradient(ellipse 30% 30% at 46% 40%,#0009 0%,#000d 55%,#000 100%)}
@media(max-width:600px){footer{justify-content:center}.footer-identity{width:100%}.footer-links{justify-content:center}}
/* Phase 2R-C: mobile backdrops cover every visible part of the hero while
   retaining the less aggressive viewport-height portrait crop. Clip fixed
   scene layers to the hero so they never paint over the approved lower page. */
@media(max-width:600px){
 .cinematic-home .scene-stack{clip-path:inset(0)}
 .cinematic-home .scene:nth-child(2),.cinematic-home .scene:nth-child(3){position:fixed;inset:0;width:100%;height:100svh;object-fit:cover}
 .cinematic-home .scene:nth-child(2){object-position:78% center}
 .cinematic-home .scene:nth-child(3){object-position:69% center}
}
/* Phase 2R-D: center only the full homepage header logo on mobile.
   Preserve its size and the existing navigation flow and vertical spacing. */
@media(max-width:600px){
 .cinematic-home header .brand{justify-content:center}
 .cinematic-home header .brand img{margin-left:0}
}