/* The film spans the opening and its compact client rail. Grow naturally for short screens. */
.hero{margin-top:-94px;padding:0}
.hero-stage{position:relative;display:flex;min-height:80svh;padding:128px 0 42px;isolation:isolate;overflow:hidden}
.hero-stage>.wrap{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:space-between;width:80%;max-width:none;padding:0;gap:40px}
.hero-stage .hero-meta{margin:0}
.hero-stage .hero-grid{align-items:end}
.hero-stage .hero-copy{padding:0}
.hero-stage h1{max-width:20ch;font-size:clamp(3.5rem,6.2vw,7rem)}
.hero-stage .cta{margin-top:24px}
.hero-stage .hero-support{max-width:none;margin-top:22px;font-size:clamp(.9375rem,1.4vw,1.25rem);line-height:1.6;color:#d0dccf;text-wrap:balance}
.hero-backdrop{background-image:url("assets/landing-page-better-poster.jpg");background-size:cover;--film-fade:clamp(150px,24svh,260px);mask-image:linear-gradient(#000 0%,#000 calc(100% - var(--film-fade)),rgba(0,0,0,.85) calc(100% - var(--film-fade)*.7),rgba(0,0,0,.4) calc(100% - var(--film-fade)*.35),transparent 100%);-webkit-mask-image:linear-gradient(#000 0%,#000 calc(100% - var(--film-fade)),rgba(0,0,0,.85) calc(100% - var(--film-fade)*.7),rgba(0,0,0,.4) calc(100% - var(--film-fade)*.35),transparent 100%)}
.hero-background-video{transform:scale(1.055)}
.hero-backdrop:after{background:linear-gradient(180deg,rgba(9,15,12,.48),rgba(9,15,12,.08) 30%,rgba(9,15,12,.26) 64%,rgba(9,15,12,.5) 88%,rgba(9,15,12,.62) 94%,var(--bg) 100%),linear-gradient(90deg,rgba(5,19,11,.56),rgba(5,19,11,.13) 70%)}
.hero .clients{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;gap:0;width:80%;min-height:0;margin:0 auto;padding:20px 0 36px;border:0}
.clients-window{width:100%;mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent)}
.marquee-ready .clients-group{width:880px;animation-duration:28s}
.results-section{border-top:0;background:linear-gradient(var(--bg),#0b130e 180px)}
@media(max-width:860px){
  .hero{margin-top:-74px}
  .hero-stage{padding:104px 0 30px}
  .hero-stage>.wrap{width:calc(100% - 48px);gap:36px}
  .hero-stage h1{font-size:clamp(3rem,8vw,4.5rem);max-width:17ch}
  .hero-stage .cta{justify-content:flex-start}
}
@media(max-width:560px){
  .hero-stage>.wrap{width:calc(100% - 40px)}
  .hero-stage h1{font-size:clamp(2.5rem,10.5vw,3.5rem)}
  .hero-stage .hero-meta>span{max-width:24ch}
  .hero .clients{padding:18px 0 30px}
}
@media(prefers-reduced-motion:reduce){
  .hero .clients-window{mask-image:none}
  .hero .clients-group{width:100%}
}

/* Soft separation from bright film frames, without a panel behind the copy. */
.hero-stage .hero-support,.hero-stage .trust-badge{text-shadow:0 2px 6px #000b,0 6px 18px #0007}
.hero .client-wordmark{color:#e0e9df;filter:drop-shadow(0 2px 3px #000b) drop-shadow(0 6px 10px #0008)}
.hero .client-result{color:#becdbf;text-shadow:0 2px 5px #000c,0 4px 12px #0008}