/* Homepage hero layout v2
   Use the same 1280px content track as the section below, while keeping
   readable text measures and a dedicated visual column for animated Synny. */

@media (min-width: 981px) {
  .landing-shell.landing-simplified-v77 .landing-hero-copy {
    box-sizing: border-box;
    width: min(1280px, calc(100% - 48px)) !important;
    max-width: none !important;
  }

  .landing-shell.landing-simplified-v77 .landing-hero-copy > * {
    max-width: min(760px, calc(100% - clamp(250px, 26vw, 360px))) !important;
  }

  .landing-shell.landing-simplified-v77 .landing-hero-copy h2 {
    max-width: min(740px, calc(100% - clamp(250px, 26vw, 360px))) !important;
  }

  .landing-shell.landing-simplified-v77 .landing-hero-copy > p {
    max-width: min(720px, calc(100% - clamp(250px, 26vw, 360px))) !important;
  }

  .landing-shell.landing-simplified-v77 .landing-hero-actions,
  .landing-shell.landing-simplified-v77 .landing-hero-proof {
    max-width: min(820px, calc(100% - clamp(230px, 24vw, 330px))) !important;
  }

  .landing-shell.landing-simplified-v77 .landing-synny-welcome {
    right: max(24px, calc((100vw - 1280px) / 2)) !important;
    width: clamp(180px, 14vw, 240px) !important;
  }
}


@media (max-width: 980px) {
  .landing-shell.landing-simplified-v77 .landing-hero-copy {
    max-width: none !important;
  }
}