/* Homepage structure is a layout grid, not a stack of visible panels. */
body.landing.life-dev.life-dev-main {
  background-color: #fff;
  background-image:
    linear-gradient(180deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.18) 480px, #fff 900px),
    url("https://ops.authentico.dev/files/images/front-page-image.png");
  background-position: center top;
  background-size: 100% 1000px, auto 1000px;
  background-repeat: no-repeat;
}

body.landing.life-dev.life-dev-main :is(
  .life-dev-landing,
  .life-dev-intro,
  .life-dev-intro__content,
  .life-dev-intro__body,
  .frame,
  .frame__inner,
  .life-dev-section__inner,
  .life-dev-products-hub,
  .life-dev-products-hub__routing,
  .life-dev-products-hub__about,
  .life-dev-routing-check .checklist-frame,
  .life-dev-routing-microwin,
  .life-dev-upgrade-copy,
  .life-dev-product-frame,
  .life-dev-weather,
  .life-dev-weather__change-read,
  .life-dev-weather-proof,
  .life-dev-weather-horizon,
  .life-dev-routing-recommendations,
  .life-dev-recommended-grid__product,
  .access-pass-box
) {
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

body.landing.life-dev.life-dev-main .life-dev-landing {
  width: min(1440px, calc(100% - clamp(2rem, 6vw, 6rem)));
  margin: clamp(2rem, 5vw, 4rem) auto;
  padding: 0;
  gap: clamp(1.5rem, 4vw, 3rem);
}

body.landing.life-dev.life-dev-main :is(.life-dev-intro, .life-dev-section) {
  width: 100%;
  margin: 0;
  padding: clamp(1.5rem, 4vw, 3rem) 0;
}

body.landing.life-dev.life-dev-main .life-dev-intro {
  max-width: 960px;
  overflow: visible;
}

body.landing.life-dev.life-dev-main :is(
  .life-dev-products-hub__routing,
  .life-dev-products-hub__about,
  .life-dev-routing-check .checklist-frame,
  .life-dev-routing-microwin,
  .life-dev-upgrade-copy,
  .life-dev-product-frame,
  .life-dev-weather,
  .life-dev-weather__change-read,
  .life-dev-routing-recommendations,
  .life-dev-recommended-grid__product
) {
  padding: 0;
}

body.landing.life-dev.life-dev-main .life-dev-products-hub {
  gap: clamp(2rem, 5vw, 4rem);
}

body.landing.life-dev.life-dev-main .life-dev-products-hub__about {
  max-width: 760px;
  margin-inline: auto;
}

body.landing.life-dev.life-dev-main :is(.life-dev-section__figure, .life-dev-about__image) img {
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

body.landing.life-dev.life-dev-main .life-dev-upgrade-catalog {
  gap: 2rem;
}

body.landing.life-dev.life-dev-main .life-dev-upgrade-copy {
  margin-bottom: 1rem;
}

body.landing.life-dev.life-dev-main .life-dev-section--products {
  padding-top: 0;
}

body.landing.life-dev.life-dev-main .life-dev-upgrade-copy > :first-child {
  margin-top: 0;
}

body.landing.life-dev.life-dev-main .life-dev-weather {
  gap: 1.25rem;
}

body.landing.life-dev.life-dev-main .life-dev-weather__change-read {
  gap: 1rem;
}

body.landing.life-dev.life-dev-main .frame-gap {
  height: clamp(1rem, 3vh, 2rem);
  margin: 0;
}

body.landing.life-dev.life-dev-main .frame-gap::before,
body.landing.life-dev.life-dev-main .frame-gap::after {
  content: none;
}

/* Keep the opening thought together, on one comfortable reading axis. */
body.landing.life-dev.life-dev-main .life-dev-hero-copy {
  width: min(100%, 42rem);
  margin: clamp(1rem, 3vh, 2rem) auto;
  text-align: left;
}

body.landing.life-dev.life-dev-main .life-dev-hero-copy h1 {
  margin: 0;
  font-size: clamp(2rem, 4.2vw, 3rem);
  line-height: 1.16;
  font-style: normal;
  text-align: left;
  text-wrap: balance;
}

body.landing.life-dev.life-dev-main .life-dev-hero-copy p {
  margin: 0;
  max-width: none;
}

body.landing.life-dev.life-dev-main .life-dev-hero-copy > p:nth-of-type(1) {
  margin-top: 0.6rem;
  font-size: clamp(1.05rem, 2vw, 1.35rem);
  line-height: 1.5;
}

body.landing.life-dev.life-dev-main .life-dev-hero-copy > p:nth-of-type(2) {
  margin-block: 1.8rem;
  font-size: 1.05rem;
  line-height: 1.65;
}

body.landing.life-dev.life-dev-main .life-dev-hero-copy > p:nth-of-type(3) {
  font-size: clamp(1.2rem, 2.2vw, 1.5rem);
  font-weight: 600;
  line-height: 1.4;
  text-wrap: balance;
}

body.landing.life-dev.life-dev-main .life-dev-about__image img {
  display: block;
  width: min(100%, 760px);
  height: auto;
}