:root {
  --orange: #FBAF00;
  --yellow: #FFD639;
  --pink-light: #fff6f7;
  --pink: #FFA3AF;
  --pink-dark: #FF667A;
  --blue: #007CBE;
  --green-light: #e6f7ee;
  --green: #00A851;
  --green-dark: #008c43;
  --midnight-light: #ebf1fe;
  --midnight-lighter-saturated: #285F80;
  --midnight-lighter-text: #778C99;
  --midnight-light-text: #4F616B;
  --midnight-dark-text: #272C38;
  --midnight: #000c13;
}

.border-mightnight-light {
  border: 2px solid var(--midnight-light);
}

.bg-midnight-light {
  background-color: var(--midnight-light);
}

.white {
  color: #fff;
}

.green {
  color: var(--green);
}

.midnight-light-text {
  color: var(--midnight-light-text);
}

.midnight-lighter-text {
  color: var(--midnight-lighter-text);
}


body {
  padding: clamp(0rem, 8vw - 3rem, 4rem);
  font-family: 'DM Sans', system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
  font-size: 18px;
  background-color: #3755BD;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2000 1500'%3E%3Cdefs%3E%3CradialGradient id='a' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0.9' stop-color='%23690067' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23690067' stop-opacity='0.2'/%3E%3C/radialGradient%3E%3ClinearGradient id='c' x1='1' y1='0' x2='0' y2='0'%3E%3Cstop offset='0' stop-color='%23ff3333'/%3E%3Cstop offset='.5' stop-color='%23cf51bb'/%3E%3Cstop offset='1' stop-color='%231884D6'/%3E%3C/linearGradient%3E%3Cg id='b' fill='url(%23a)' %3E%3Ccircle cx='1560' cy='1560' r='2500'/%3E%3Ccircle cx='1520' cy='1520' r='2450'/%3E%3Ccircle cx='1480' cy='1480' r='2400'/%3E%3Ccircle cx='1440' cy='1440' r='2350'/%3E%3Ccircle cx='1400' cy='1400' r='2300'/%3E%3Ccircle cx='1360' cy='1360' r='2250'/%3E%3Ccircle cx='1320' cy='1320' r='2200'/%3E%3Ccircle cx='1280' cy='1280' r='2150'/%3E%3Ccircle cx='1240' cy='1240' r='2100'/%3E%3Ccircle cx='1200' cy='1200' r='2050'/%3E%3Ccircle cx='1160' cy='1160' r='2000'/%3E%3Ccircle cx='1120' cy='1120' r='1950'/%3E%3Ccircle cx='1080' cy='1080' r='1900'/%3E%3Ccircle cx='1040' cy='1040' r='1850'/%3E%3Ccircle cx='1000' cy='1000' r='1800'/%3E%3Ccircle cx='960' cy='960' r='1750'/%3E%3Ccircle cx='920' cy='920' r='1700'/%3E%3Ccircle cx='880' cy='880' r='1650'/%3E%3Ccircle cx='840' cy='840' r='1600'/%3E%3Ccircle cx='800' cy='800' r='1550'/%3E%3Ccircle cx='760' cy='760' r='1500'/%3E%3Ccircle cx='720' cy='720' r='1450'/%3E%3Ccircle cx='680' cy='680' r='1400'/%3E%3Ccircle cx='640' cy='640' r='1350'/%3E%3Ccircle cx='600' cy='600' r='1300'/%3E%3Ccircle cx='560' cy='560' r='1250'/%3E%3Ccircle cx='520' cy='520' r='1200'/%3E%3Ccircle cx='480' cy='480' r='1150'/%3E%3Ccircle cx='440' cy='440' r='1100'/%3E%3Ccircle cx='400' cy='400' r='1050'/%3E%3Ccircle cx='360' cy='360' r='1000'/%3E%3Ccircle cx='320' cy='320' r='950'/%3E%3Ccircle cx='280' cy='280' r='900'/%3E%3Ccircle cx='240' cy='240' r='850'/%3E%3Ccircle cx='200' cy='200' r='800'/%3E%3Ccircle cx='160' cy='160' r='750'/%3E%3Ccircle cx='120' cy='120' r='700'/%3E%3Ccircle cx='80' cy='80' r='650'/%3E%3Ccircle cx='40' cy='40' r='600'/%3E%3Ccircle cx='0' cy='0' r='550'/%3E%3C/g%3E%3C/defs%3E%3Crect fill='url(%23c)' width='2000' height='1500'/%3E%3Cg %3E%3Cuse href='%23b' x='-500' y='-1000' /%3E%3Cuse href='%23b' x='-2500' y='-1000' transform='scale(-1 1)'/%3E%3C/g%3E%3C/svg%3E");
  background-attachment: fixed;
  background-size: cover;
  color: var(--midnight-dark-text);
}

.button {
  display: inline-block;
  padding: .95rem 1.25rem 1rem;
  line-height: 1;
  font-size: 25px;
  font-weight: bold;
  background-color: var(--green);
  color: #fff;
  border-radius: 12px;
  text-decoration: none;
  flex: 0 0 auto;
}

.button--secondary {
  border: 2px solid #FDB612;
  color: var(--midnight-dark-text);
  background-color: #fff;
}

.button--link {
  color: var(--midnight-dark-text);
  background-color: transparent;
  font-size: inherit;
}

.button:hover {
  background-color: var(--green-dark);
}

.button--secondary:hover {
  border-color: var(--pink-dark);
  color: var(--pink-dark);
  background-color: #fff;
}

.button--link:hover {
  background-color: var(--midnight-light);
}

.container {
  max-width: 1400px;
  margin: 0 auto;
  background-color: #fff;
}

.logo {
  max-width: 220px;
  margin: 2rem 0 0 2rem;
}

.site-nav {

}

.main-heading {
  margin-bottom: .1em;
}

.main-buttons {
  display: block;
  text-align: center;
}

.profile-testimonails, .main-benefits, .how-it-works-items {
  flex-wrap: wrap;
}

.profile-testimonails > div {
  width: 50%;
  min-width: 160px;
  margin-bottom: 2.5rem;
}

.main-benefits > div {
  min-width: 260px;
  max-width: 300px;
  width: 36%;
  margin-bottom: 2.5rem;
}

.how-it-works-items > div {
  min-width: 230px;
  max-width: 250px;
  width: 24%;
  margin-bottom: 2.5rem;
}

.how-it-works-items__arrow-pointing-left {
  position: absolute;
  top: 12%;
  left: 50%;
  width: 56%;
}

.how-it-works-items__pop {
  position: absolute;
  top: 52%;
  left: -11%;
  width: 50%;
}



@media (min-width: 440px) {
  .main-buttons {
    display: flex;
  }
}

@media (min-width: 590px) {
  .container {
    overflow: hidden;
    border: 6px solid #FBAF00;
    border-radius: 2rem;
    box-shadow:
      0.7px 0.7px 1.4px rgba(0, 0, 0, 0.02),
      1.6px 1.6px 3.3px rgba(0, 0, 0, 0.028),
      3px 3px 6.3px rgba(0, 0, 0, 0.035),
      5.4px 5.4px 11.2px rgba(0, 0, 0, 0.042),
      10px 10px 20.9px rgba(0, 0, 0, 0.05),
      24px 24px 50px rgba(0, 0, 0, 0.07);
  }
}

@media (min-width: 680px) {
  .profile-testimonails > div {
    width: auto;
    margin-bottom: 0;
  }
}

@media (min-width: 1000px) {
  .main-benefits > div {
    width: 28%;
    margin-bottom: 0;
  }

  .how-it-works-items > div {
    margin-bottom: 0;
  }
}

@media (max-width: 1140px) {
  .hide-below-1140 {
    display: none;
  }
}



.quote-entity {
  font-family: 'Work Sans', 'Georgia', serif; font-weight: 400;
}

.quote-entity--large {
  font-size: 90px;
}



.testimonials {
  display: flex;
  flex-wrap: wrap;
}

.testimonial {
  position: relative;
  right: -1rem;
  min-width: 340px;
  max-width: 435px;
}

.testimonial .quote-entity {
  position: absolute;
  top: -5px;
  left: -50px;
  width: 50px;
  height: 50px;
  line-height: 1;
}

.testimonial__image {
  width: 56px;
  height: 56px;
  border: 3px solid #fff;
}

@media (max-width: 550px) {
  .testimonials {
    padding-left: 48px;
    padding-right: 48px;
  }

  .testimonials .testimonial {
    min-width: auto;
  }
}

@media (max-width: 1180px) {
  .testimonials {
    display: block;
  }

  .testimonials .testimonial {
    margin-left: auto;
    margin-right: auto;
  }

  .testimonial + .testimonial {
    margin-top: 4rem;
  }
}



.pops {
  flex-wrap: wrap;
}

.pops > div {
  min-width: 330px;
  max-width: 350px;
  width: 32%;
  margin-bottom: 4.5rem;
}

@media (min-width: 1364px) {
  .pops > div {
    margin-bottom: 0;
  }
}

@media (max-width: 640px) {
  .pops > div {
    min-width: auto;
    max-width: 380px;
    width: 100%;
  }
}





.features .features__image-container {
  width: 50%;
  max-width: 45%;
}

.features .features__text-container {
  width: 50%;
  max-width: 38%;
}

.features--desktop {
  display: block;
}

.features--mobile {
  display: none;
}

@media (max-width: 1100px) {
  .features--desktop {
    display: none;
  }

  .features--mobile {
    display: block;
  }

  .features {
    display: block;
  }

  .features__text-container {
    text-align: center;
  }

  .features > .features__text-container, .features > .features__image-container {
    width: auto;
    max-width: 100%;
  }

  .features__items {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    justify-content: space-evenly;
  }

  .features__items > div {
    min-width: 200px;
    max-width: 320px;
    margin-left: 21px;
    margin-right: 21px;
    margin-bottom: 3rem;
  }

  .features .features__image-container {
    overflow: hidden;
    max-width: calc(100% + 48px);
    height: 50%;
    margin-left: -24px;
    margin-right: -24px;
  }
}


.purchase-please {
  max-width: 640px;
  margin: 0 auto;
  padding: 2.5rem;
  line-height: 1;
  font-weight: 500;
  background-color: #009E4C;
  color: #fff;
  box-shadow: 24px 24px 0 #082114;
  text-shadow: 1px 1px 2px rgba(0,0,0,.18);
}
.purchase-please a {
  color: #fff;
}
.purchase-please__price {
  font-size: 48px;
  text-align: right;
}
.purchase-please__price-small-text {
  margin-right: 8px;
  font-size: 21px;
}
.purchase-please__original-price {
  margin-bottom: .65rem;
  opacity: .8;
  font-size: 42px;
  font-weight: 400;
  font-style: italic;
}
.purchase-please__launch-price {
  margin-bottom: .2rem;
  font-size: 85px;
  font-weight: bold;
}
.purchase-please__launch-deal {
  margin-bottom: 3rem;
  line-height: 1.23;
  font-size: 28px;
  font-style: italic;
}
.purchase-please__launch-expires {
  line-height: 1.3;
  opacity: .65;
  font-size: 24px;
}
.purchase-please__polite-pop-heading {
  margin-bottom: .35rem;
  font-weight: bold;
  font-size: 36px;
}
.purchase-please__package {
  margin-bottom: 2.25rem;
  opacity: .65;
  font-size: 24px;
}
.purchase-please__benefits {
  margin-bottom: 2.5rem;
  font-size: 24px;
}
.purchase-please__benefits > li {
  margin-bottom: .9rem;
  line-height: 1.44;
}
.purchase-please__get-container {
  margin-bottom: 2.5rem;
}
.purchase-please .purchase-please__get {
  display: inline-block;
  padding: 18px 32px;
  font-size: 27px;
  color: #272C38;
  background-color: #fff;
  box-shadow: 12px 12px 0 #0F0F0F;
  text-shadow: none;
  text-decoration: none;
}
.purchase-please .purchase-please__get--small {
  padding: 15px 30px;
  font-size: 21px;
  box-shadow: 10px 10px 0 #0F0F0F;
}
.purchase-please .purchase-please__get:hover {
  box-shadow: 12px 12px 0 #FDB612;
}
.purchase-please .purchase-please__get--small:hover {
  box-shadow: 10px 10px 0 #FDB612;
}
.purchase-please__license {
  font-size: 19px;
}
.purchase-please__license:hover {
  opacity: .8;
}

@media (max-width: 920px) {
  .purchase-please {
    box-shadow: none;
  }
}

@media (max-width: 800px) {
  .purchase-please {
    display: block;
    max-width: 540px;
  }

  .purchase-please__price {
    font-size: 36px;
    font-weight: 700;
  }

  .purchase-please__price-small-text {
    display: none;
  }

  .purchase-please__original-price {
    font-size: 38px;
  }

  .purchase-please__launch-price {
    font-size: 72px;
  }

  .purchase-please__launch-deal {
    margin-bottom: 0;
    font-size: 24px;
  }

  .purchase-please__launch-expires {
    margin-left: auto;
    font-size: 20px;
    text-align: right;
  }

  .purchase-please__pitch {
    padding: 2rem 2.25rem 2rem 2.25rem;
  }

  .purchase-please__polite-pop-heading {
    font-size: 32px;
  }

  .purchase-please__package {
    font-size: 20px;
  }

  .purchase-please__benefits {
    margin-bottom: 2rem;
    font-size: 22px;
  }

  .purchase-please__benefits > li {
    margin-bottom: 1rem;
  }

  .purchase-please .purchase-please__get {
    padding: 16px 30px;
    font-size: 25px;
  }
}

@media (max-width: 640px) {
  .purchase-please {
    margin: 0 1.5rem;
  }
}



.faq {
  max-width: 800px;
  margin: 0 auto;
  line-height: 1.44;
}

.faq details {
  margin-bottom: 2rem;
}

.faq summary {
  font-size: 24px;
  cursor: pointer;
}

.faq summary::before {
  content: "\00a0";
}

.faq details[open] {
  margin-bottom: 3rem;
}

.faq p, .faq ul {
  margin-left: 1.8rem;
}

.faq li {
  margin-bottom: .5rem;
}






.show-if-dense-discovery {
  display: none;
}