/* Landing page variant C of the A/B test (README): variant A with a taller hero. Loaded only on variant C, after style.css.
   The hero fills the first screen below the header, so the examples ("Same footage.") start below the fold.
   Gaps grow with the screen's height; on short screens they stay at variant A's sizes so the hero still fits. */
.landing-c .hero{display:flex;flex-direction:column;justify-content:center;min-height:calc(100svh - 70px);padding-block:32px}
.landing-c .hero-copy{margin-top:clamp(24px,3.5svh,36px)}
.landing-c .hero-actions{margin-top:clamp(30px,4.5svh,48px)}
.landing-c .hero-guarantee{margin-top:clamp(19px,3svh,30px)}
.landing-c .hero-guarantee+.platforms{margin-top:clamp(22px,4svh,44px)}

@media(max-width:760px){
  .landing-c .hero{min-height:calc(100svh - 64px);padding-block:24px}
  .landing-c .hero-copy{margin-top:clamp(23px,3.2svh,32px)}
  .landing-c .hero-actions{margin-top:clamp(25px,3.8svh,36px)}
  .landing-c .hero-guarantee{margin-top:clamp(18px,2.8svh,26px)}
  .landing-c .hero-guarantee+.platforms{margin-top:clamp(22px,3.5svh,32px)}
}