* {
  box-sizing: border-box;
}

html {
  background: #FFFDF9;
}

body {
  margin: 0;
  background: #FFFDF9;
}

.lp {
  width: 100%;
  margin: 0 auto;
  background: #FFFDF9;
}

.lp-section {
  position: relative;
  width: 100%;
  margin: 0;
  padding: 0;
}

.lp-section picture,
.lp-section img {
  display: block;
  width: 100%;
}

.lp-section img {
  height: auto;
}

.cta-link {
  position: absolute;
  z-index: 2;
  left: var(--cta-left);
  top: var(--cta-top);
  width: var(--cta-width);
  height: var(--cta-height);
  clip-path: inset(0 round 999px);
}

.cta-link:focus-visible {
  outline: 3px solid rgba(47, 58, 76, 0.72);
  outline-offset: 4px;
}

.cta-link--fv {
  --cta-left: 12.884%;
  --cta-top: 88.525%;
  --cta-width: 74.231%;
  --cta-height: 5.433%;
}

.cta-link--safe {
  --cta-left: 14.129%;
  --cta-top: 89.888%;
  --cta-width: 71.742%;
  --cta-height: 3.905%;
}

.cta-link--flow {
  --cta-left: 14.641%;
  --cta-top: 90.817%;
  --cta-width: 71.742%;
  --cta-height: 4.718%;
}

@media (min-width: 768px) {
  .cta-link--fv {
    --cta-left: 56.818%;
    --cta-top: 85.547%;
    --cta-width: 36.603%;
    --cta-height: 7.970%;
  }

  .cta-link--safe {
    --cta-left: 31.998%;
    --cta-top: 82.784%;
    --cta-width: 36.364%;
    --cta-height: 8.183%;
  }

  .cta-link--flow {
    --cta-left: 28.906%;
    --cta-top: 87.305%;
    --cta-width: 42.057%;
    --cta-height: 7.910%;
  }
}