/* v76 cinematic poster treatment: restrained motion, real depth and readable text. */
.scroll-progress{position:fixed;z-index:30;top:0;left:0;width:100%;height:2px;transform:scaleX(var(--scroll-progress,0));transform-origin:left;background:#d9e6dc;box-shadow:0 0 12px #d6f4e2a8;pointer-events:none}
.film-grain{position:fixed;z-index:20;inset:0;pointer-events:none;background:url('/film-grain-v1.svg') repeat;opacity:.065;mix-blend-mode:screen}
.hero{perspective:1200px}
.hero:before{animation:none;transform:translate3d(0,var(--hero-offset,0px),0) scale(var(--hero-scale,1.055));transform-origin:center;will-change:transform;filter:saturate(.78) contrast(1.08)}
.hero:after{background:linear-gradient(90deg,#070a0bf4 0%,#070a0be8 27%,#070a0b91 51%,#070a0b1b 80%),linear-gradient(0deg,#080b0c 0%,transparent 33%),radial-gradient(ellipse 100% 90% at 50% 50%,transparent 43%,#05070881 100%)}
.hero-spotlight{position:absolute;z-index:0;inset:0;pointer-events:none;opacity:0;mix-blend-mode:screen;background:radial-gradient(520px circle at var(--pointer-x,75%) var(--pointer-y,42%),#e9fff02a,transparent 70%);transition:opacity .7s ease}
.hero.has-pointer .hero-spotlight{opacity:.75}
.poster-kicker{position:absolute;z-index:1;right:max(26px,calc((100vw - 1320px)/2));top:50%;writing-mode:vertical-rl;transform:translateY(-50%);font-size:9px;letter-spacing:.36em;font-weight:800;color:#e4eee6b7}
.poster-kicker span{padding:12px 0;color:#aec9b8}
.hero-copy{transform:translate3d(0,var(--copy-offset,0px),0);opacity:var(--copy-opacity,1);will-change:transform,opacity}
.hero-index{z-index:2;backdrop-filter:blur(4px)}
.hero-index:before{content:"";position:absolute;top:-1px;left:0;width:13%;height:1px;background:#e5eee6;box-shadow:0 0 18px #e2fff2}
.button-primary{position:relative;overflow:hidden}
.button-primary:before{content:"";position:absolute;inset:0;transform:translateX(-130%) skewX(-20deg);width:55%;background:linear-gradient(90deg,transparent,#fff9,transparent);transition:transform .8s ease;pointer-events:none}
.button-primary:hover:before{transform:translateX(260%) skewX(-20deg)}
.feature-card{isolation:isolate;overflow:hidden}
.feature-card:before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(350px circle at var(--card-x,50%) var(--card-y,30%),#d5f4df1a,transparent 70%);opacity:0;transition:opacity .35s ease;pointer-events:none}
.feature-card:hover:before{opacity:1}
.feature-card:after{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#d2ebd4 50%,transparent);transform:scaleX(0);transform-origin:left;transition:transform .8s ease}
.feature-card:hover:after{transform:scaleX(1)}
.start:before{inset:-9%;transform:translate3d(0,var(--start-offset,0px),0) scale(1.08);will-change:transform}
.start:after{background:linear-gradient(90deg,#0b0e0ff6 0%,#0b0e0fe8 45%,#0b0e0f24 100%),radial-gradient(ellipse at 50% 50%,transparent 35%,#05070875 100%)}
.start .eyebrow,.start h2,.start p,.start .button,.start small{position:relative;z-index:2}
html.motion-ready [data-reveal]{opacity:0;filter:blur(7px);transform:translate3d(0,42px,0);transition:opacity 1.05s cubic-bezier(.18,.68,.18,1),filter 1.05s ease,transform 1.05s cubic-bezier(.18,.68,.18,1)}
html.motion-ready [data-reveal].is-visible{opacity:1;filter:blur(0);transform:translate3d(0,0,0)}
html.motion-ready .feature-card:nth-child(2){transition-delay:.12s}
html.motion-ready .feature-card:nth-child(3){transition-delay:.24s}
html.motion-ready .hero-copy .eyebrow,html.motion-ready .hero-description,html.motion-ready .hero-actions,html.motion-ready .trial-note{opacity:0;transform:translateY(17px)}
html.motion-ready body.cinema-ready .hero-copy .eyebrow,html.motion-ready body.cinema-ready .hero-description,html.motion-ready body.cinema-ready .hero-actions,html.motion-ready body.cinema-ready .trial-note{opacity:1;transform:translateY(0);transition:opacity .9s ease,transform .9s cubic-bezier(.16,.8,.2,1)}
html.motion-ready body.cinema-ready .hero-description{transition-delay:.45s}
html.motion-ready body.cinema-ready .hero-actions{transition-delay:.65s}
html.motion-ready body.cinema-ready .trial-note{transition-delay:.82s}
.title-line{display:block;overflow:hidden;padding-bottom:.08em;margin-bottom:-.08em}
.title-line>span{display:block}
html.motion-ready .title-line>span{transform:translateY(108%);opacity:0}
html.motion-ready body.cinema-ready .title-line>span{transform:translateY(0);opacity:1;transition:transform 1.25s cubic-bezier(.16,.78,.13,1),opacity .8s ease}
html.motion-ready body.cinema-ready .title-line:nth-child(2)>span{transition-delay:.22s}
@media(max-width:850px){.hero:after{background:linear-gradient(180deg,#080b0cde 0%,#080b0ce8 18%,#080b0ca3 48%,#080b0c30 74%,#080b0cdd 100%),radial-gradient(ellipse at 50% 50%,transparent 44%,#05070855 100%)}.poster-kicker{display:none}.start:after{background:linear-gradient(90deg,#0b0e0ff3 0%,#0b0e0faa 100%)}}
@media(max-width:540px){.hero:before{background-position:center 64%}.hero-copy{will-change:auto}.film-grain{opacity:.04}.hero-index{backdrop-filter:none}}
@media(prefers-reduced-motion:reduce){.film-grain{display:none}.hero:before,.hero-copy,.start:before{transform:none!important;will-change:auto}.hero-spotlight{display:none}.button-primary:before{display:none}html.motion-ready [data-reveal],html.motion-ready .title-line>span,html.motion-ready .hero-copy .eyebrow,html.motion-ready .hero-description,html.motion-ready .hero-actions,html.motion-ready .trial-note{opacity:1!important;filter:none!important;transform:none!important;transition:none!important}}
