.site-header { height: 86px; }
.hero { min-height: 440px; }
.hero-inner { padding-block: 12px 34px; }
.hero-copy { max-width: 540px; }
.hero h1 { font-size: 43px; line-height: 1.12; }
.hero .lead { font-size: 18px; }
.hero p { font-size: 16px; line-height: 1.55; margin-block: 20px; }
.hero-image { height: calc(100% + 86px); top: -86px; object-position: center 25%; }
.hero:after { top: -86px; }
.story-section {
  max-width: 1240px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  padding-block: 30px;
  text-align: left;
  align-items: center;
}
.story-section .story-highlight { font-size: 22px; line-height: 1.5; margin: 0; }
.story-highlight strong { font-weight: 400; }
.story-section p { font-size: 15px; margin-block: 10px; }
.story-detail p:first-child { margin-top: 0; }
.story-detail p:last-child { margin-bottom: 0; }
.section-heading { font-size: 24px; font-weight: 700; margin-bottom: 20px; }
.features-section { padding-block: 6px 0; }
.benefits { gap: 16px; margin-bottom: 24px; }
.benefit { box-shadow: 0 3px 18px #421b3208; padding: 20px 18px; gap: 12px; }
.benefit-icon { flex-basis: 40px; width: 40px; height: 40px; }
.benefit-symbol { width: 23px; height: 23px; }
.benefit h3 { font-size: 18px; font-weight: 700; }
.benefit p { font-size: 13px; line-height: 1.6; }
.price-section { background: transparent; }
.price-inner { padding-block: 12px 26px; display: block; text-align: center; }
.price-inner p { font-size: 14px; margin-block: 9px; }
.signup-inner { padding-block: 32px; gap: 50px; grid-template-columns: 1.05fr 1fr; }
.signup-copy { gap: 16px; }
.signup-copy .section-icon { width: 44px; height: 44px; flex-basis: 44px; }
.signup-copy h2 { font-size: 28px; line-height: 1.2; }
.signup-copy .signup-lead { font-size: 18px; line-height: 1.5; }
.signup-copy p { font-size: 14px; line-height: 1.65; margin-top: 14px; }
.closing-line { font-size: 17px; padding-block: 24px 12px; }
.closing-line strong { font-weight: 400; }
@media (min-width: 1600px) {
  .hero { min-height: 450px; }
  .hero-image { object-position: center 20%; }
}
@media (max-width: 1100px) {
  .hero-copy { max-width: 48%; }
  .hero h1 { font-size: 38px; }
  .story-section { gap: 30px; }
  .signup-inner { gap: 28px; }
  .benefit { display: flex; }
}
@media (max-width: 700px) {
  .site-header { height: 74px; }
  .hero { min-height: 0; padding-bottom: 220px; }
  .hero-copy { max-width: 100%; }
  .hero h1 { font-size: 33px; line-height: 1.16; }
  .hero .lead { font-size: 16px; }
  .hero p { font-size: 15px; margin-block: 16px; }
  .hero-inner { padding-block: 8px 24px; }
  .hero-image { top: auto; height: 235px; object-position: 74% 55%; }
  .hero:after { top: auto; height: 250px; }
  .story-section { grid-template-columns: 1fr; gap: 10px; padding-block: 26px; }
  .story-section .story-highlight { font-size: 20px; }
  .story-section p { font-size: 14px; }
  .section-heading { font-size: 22px; text-align: left; }
  .benefits { gap: 12px; margin-top: 0; }
  .benefit { display: block; padding: 16px; }
  .benefit-icon { margin-bottom: 12px; }
  .benefit h3 { font-size: 17px; }
  .price-inner { padding-block: 6px 24px; text-align: left; }
  .signup-inner { grid-template-columns: 1fr; gap: 26px; padding-block: 28px; }
  .signup-copy h2 { font-size: 25px; }
  .closing-line { font-size: 16px; }
}