.home-offer-hero {
  position: relative;
  isolation: isolate;
  box-sizing: border-box;
  min-height: clamp(700px, 52.062vw, 1010px);
  padding: clamp(220px, 17.37vw, 337px) 6.03% 80px;
  background: #080b0c;
  color: #fff;
}
.home-offer-hero::before, .home-offer-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
}
.home-offer-hero::before {
  left: -5.31%;
  background: url("/images/figma-hero/bb8289ba3119c87410eadc81f84d9ae3d1e985fd.png") center/cover no-repeat;
}
.home-offer-hero::after {
  width: 61.875%;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.7) 14.904%, transparent);
}
.home-offer-hero__content {
  max-width: 863px;
}
.home-offer-hero h1 {
  margin: 0 0 16px;
  font-family: "poppinssemibold", sans-serif;
  font-weight: normal;
  font-size: clamp(23px, 1.804vw, 35px);
  line-height: 1.3;
  letter-spacing: 0;
}
.home-offer-hero__lead {
  margin: 0;
  font-family: "poppinsregular", sans-serif;
  font-size: clamp(18px, 1.392vw, 27px);
  line-height: 1.37;
  max-width: 781px;
}
.home-offer-hero__offer {
  box-sizing: border-box;
  width: clamp(360px, 27.887vw, 541px);
  margin-top: clamp(36px, 3.09vw, 60px);
  padding: clamp(20px, 1.546vw, 30px);
  padding-right: clamp(40px, 3.09vw, 60px);
  color: #000;
  background: url("/images/figma-hero/74ec4b606cc64cdb23cceecbdf5a0f68c577d495.svg") center/100% 100% no-repeat;
}
.home-offer-hero__offer p {
  margin: 0;
}
.home-offer-hero__plan {
  font-family: "poppinsbold", sans-serif;
  font-size: clamp(16px, 1.289vw, 25px);
  line-height: 1.48;
  text-transform: uppercase;
  white-space: nowrap;
}
.home-offer-hero__prices {
  display: flex;
  align-items: center;
  gap: clamp(18px, 1.546vw, 30px);
  margin-top: 8px;
}
.home-offer-hero__price {
  font-family: "poppinsbold", sans-serif;
  font-size: clamp(48px, 3.814vw, 74px);
  line-height: 1.35;
  color: #f20000;
}
.home-offer-hero__previous {
  font-family: "poppinsmedium", sans-serif;
  font-size: clamp(24px, 1.856vw, 36px);
  white-space: nowrap;
  text-decoration-thickness: 2px;
}
.home-offer-hero__discount {
  font-size: clamp(15px, 1.134vw, 22px);
  line-height: 1.68;
}
.home-offer-hero .home-offer-hero__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  margin-top: clamp(30px, 2.474vw, 48px);
  padding: clamp(15px, 0.98vw, 19px) clamp(20px, 1.289vw, 25px);
  border: 0;
  border-radius: 0;
  font-family: "poppinsbold", sans-serif;
  font-size: clamp(12px, 0.928vw, 18px);
  line-height: 1.5;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  background: #f20000;
  color: #fff;
}
.home-offer-hero .home-offer-hero__cta:hover {
  background: #c90000;
}
.home-offer-hero .home-offer-hero__cta:focus-visible {
  outline: 3px solid #fff;
  outline-offset: 5px;
}

.home-offer-terms {
  padding: 16px 24px;
  background: #111;
  color: #ddd;
  text-align: center;
}
.home-offer-terms p {
  margin: 0;
  font-size: 12px;
  line-height: 1.6;
}

.site-nav__brand {
  top: clamp(20px, 2.062vw, 40px);
  left: 4.02%;
  width: clamp(128px, 10.31vw, 200px);
}

@media (max-width: 767.98px) {
  .home-offer-hero {
    min-height: 740px;
    padding: 260px 24px 44px;
  }
  .home-offer-hero::before {
    left: 0;
    background-position: 62% center;
  }
  .home-offer-hero::after {
    width: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.75) 45%, rgba(0, 0, 0, 0.85));
  }
  .home-offer-hero h1 {
    max-width: 440px;
    font-size: clamp(24px, 5.7vw, 32px);
  }
  .home-offer-hero__lead {
    max-width: 470px;
    font-size: 17px;
  }
  .home-offer-hero__break {
    display: none;
  }
  .home-offer-hero__offer {
    width: min(100%, 390px);
    margin-top: 28px;
    padding: 20px 32px 20px 18px;
  }
  .home-offer-hero__plan {
    font-size: clamp(12px, 3.2vw, 17px);
  }
  .home-offer-hero__prices {
    gap: 18px;
  }
  .home-offer-hero__price {
    font-size: clamp(40px, 11.2vw, 52px);
  }
  .home-offer-hero__previous {
    font-size: clamp(21px, 5.5vw, 26px);
  }
  .home-offer-hero .home-offer-hero__cta {
    font-size: 13px;
    margin-top: 26px;
  }
  .site-nav__brand {
    left: 24px;
    top: 20px;
    width: 128px;
  }
}