@font-face {
  font-family: Calibre;
  src: url('../fonts/Calibre-Medium.ttf') format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Platypi;
  src: url('../fonts/Platypi-Light.ttf') format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Platypi;
  src: url('../fonts/Platypi-LightItalic.ttf') format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Platypi;
  src: url('../fonts/Platypi-Regular.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Platypi;
  src: url('../fonts/Platypi-Italic.ttf') format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Calibre;
  src: url('../fonts/Calibre-Regular.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Calibre;
  src: url('../fonts/Calibre-Light.otf') format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

:root {
  --cream: #fefff1;
  --orange: #ff4c04;
  --dark-green: #1c2600;
  --overlay: #00000040;
  --tea-green: #cdff99;
}

.w-layout-vflex {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.w-layout-hflex {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

.landingbody {
  color: #333;
  font-family: Platypi, Palatino Linotype, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.landingbody h1 {
  letter-spacing: .03em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 48px;
  font-weight: 300;
  line-height: 50px;
	font-family: Platypi, Palatino Linotype, sans-serif;
}

.landingbody h2 {
  letter-spacing: .02em;
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Platypi, Palatino Linotype, sans-serif;
  font-size: 36px;
  font-weight: 400;
  line-height: 36px;
}

.landingbody h3 {
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 24px;
  font-style: italic;
  font-weight: 300;
  line-height: 30px;
}

.landingbody .container {
  position: static;
}

.landingnav-container {
  grid-column-gap: 29px;
  grid-row-gap: 29px;
  flex: 1;
  order: 0;
  justify-content: center;
  align-self: center;
  align-items: center;
  min-width: 100%;
  padding-left: 2vw;
  padding-right: 2vw;
  display: flex;
}

.landingbody .image {
  width: 250px;
  max-width: 100%;
}

.landingnavbar {
  z-index: 2;
  background-color: #fefff1;
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
  flex-flow: row;
  justify-content: space-between;
  align-self: auto;
  align-items: center;
  width: 100%;
  padding: 24px 0;
  display: flex;
  position: relative;
}

.landingnavbar.static {
  position: static;
}

.landingnavbar.fixed {
  z-index: 0;
  position: relative;
}

.button-pill {
  color: #1c2600;
  text-align: center;
  letter-spacing: .06em;
  text-indent: 0;
  text-transform: uppercase;
  text-overflow: clip;
  white-space: nowrap;
  background-image: linear-gradient(#cf9, #cf9);
  border-radius: 20px;
  padding: 8px 20px 5px;
  font-family: Calibre, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}

.button-pill.cream {
  background-image: linear-gradient(#f7f0dc, #f7f0dc);
}

.button-pill.orange {
  color: var(--cream);
  background-image: linear-gradient(#ff4c06, #ff4c06);
  justify-content: center;
  align-items: center;
  display: block;
}

.button-pill.orange.pricing {
  align-self: center;
  width: 200px;
}

.button-pill.small {
  align-self: center;
  height: 100%;
  padding: 3px 7px 0;
  font-size: 12px;
  display: flex;
  position: relative;
  top: 9px;
  left: 41px;
}

.button-pill.small._1 {
  width: auto;
}

.button-pill.small._2 {
  left: -43px;
}

.button-pill.small._4 {
  left: 50px;
}

.button-pill.small._3 {
  display: block;
}

.landing-nav-menu {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  display: flex;
}

.landing-nav-menu.right {
  flex: 1;
  order: 9999;
  justify-content: space-between;
  align-items: center;
}

.section {
  z-index: 1;
  position: sticky;
}

.section-2 {
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
}

.section-3 {
  grid-column-gap: 29px;
  grid-row-gap: 29px;
  background-color: var(--cream);
  background-image: url('../images/Dots.png');
  background-position: 50%;
  background-repeat: repeat;
  background-size: 550px;
  background-attachment: scroll;
  border-radius: 0;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  min-height: 80vh;
  margin-bottom: 0;
  padding: 5.7rem 4vw 1.6rem;
  display: flex;
}

.image-2 {
  border-radius: 16px;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 16px #cdff99;
}

.landingbody .div-block {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  aspect-ratio: auto;
  text-align: center;
  object-fit: cover;
  background-image: linear-gradient(#0000002b, #0000002b), url('../images/4-INFLUENCER.png');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  border-radius: 16px;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-top: 48px;
  padding-bottom: 48px;
  display: flex;
  box-shadow: 0 0 16px #cdff99;
}

.landing-heading {
  color: #cdff99;
  text-transform: uppercase;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  font-family: Platypi, Palatino Linotype, sans-serif;
  display: flex;
}

.landing-heading.dark {
  color: var(--dark-green);
  text-align: center;
  align-self: center;
}

.italic-text {
  text-align: center;
  font-style: normal;
}

.landing-nav-link {
  letter-spacing: .06em;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: #cdff9900;
  border-radius: 20px;
  padding: 8px 16px 5px;
  font-family: Calibre, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
}

.landing-nav-link.w--current {
  color: var(--orange);
}

.landingbody {
  background-color: var(--cream);
  color: var(--dark-green);
  margin-left: 0;
  margin-right: 0;
}

.brand {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex: 1;
  order: -9999;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: block;
}

.hero-slider {
  z-index: 2;
  clear: none;
  background-color: #ddd0;
  border-radius: 16px;
  height: 65vh;
  display: none;
  overflow: visible;
}

.slide {
  background-image: linear-gradient(to bottom, var(--overlay), var(--overlay)), url('../images/4-INFLUENCER.png');
  vertical-align: text-bottom;
  background-position: 0 0, 50% 0;
  background-size: auto, cover;
}

.mask {
  border-radius: 16px;
  box-shadow: 0 2px 20px 5px #cdff99;
}

.slide-2 {
  background-image: linear-gradient(to bottom, var(--overlay), var(--overlay)), url('../images/3-INFLUENCER.png');
  background-position: 0 0, 0 0;
  background-size: auto, cover;
  background-attachment: scroll, scroll;
}

.slide-3 {
  background-image: linear-gradient(to bottom, var(--overlay), var(--overlay)), url('../images/1.png');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.section-4 {
  z-index: 2;
  background-color: #cdff99;
  justify-content: space-between;
  align-items: center;
  height: 25vh;
  display: flex;
  position: relative;
}

.signup-flex {
  grid-column-gap: 21px;
  grid-row-gap: 21px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-left: 50px;
  margin-right: 50px;
}

.heading-2 {
  letter-spacing: .03em;
  text-transform: uppercase;
  white-space: nowrap;
  font-weight: 400;
}

.heading-2.center {
  color: #1c2600;
  text-align: center;
  margin-bottom: 0;
}

.heading-2.center.tea-green {
  color: #cdff99;
  font-weight: 300;
}

.heading-2.center.large {
  font-size: 78px;
}

.paragraph {
  color: var(--dark-green);
  font-family: Calibre, Arial, sans-serif;
  font-size: 16px;
}

.paragraph.d1 {
  color: var(--dark-green);
  letter-spacing: .06em;
  text-transform: uppercase;
}

.paragraph.d1.center {
  text-align: center;
  font-weight: 500;
}

.paragraph.d1.center.pricing {
  margin-bottom: 0;
}

.paragraph.d1.center.tea-green {
  color: var(--tea-green);
  font-weight: 400;
  text-decoration: none;
}

.paragraph.d2 {
  color: #1c2600;
  text-align: center;
  text-transform: none;
  font-size: 12px;
}

.paragraph.p1.center {
  text-align: center;
}

.paragraph.p1.tea-green {
  color: var(--tea-green);
}

.paragraph.p1.lighter {
  color: #1c2600ad;
}

.paragraph.b1 {
  text-transform: none;
  font-family: Platypi, Palatino Linotype, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 26px;
}

.paragraph.b1.teagreen {
  color: #cdff99;
  text-align: center;
}

.paragraph.b1.center {
  text-align: center;
}

.paragraph.large {
  color: var(--tea-green);
  font-family: Platypi, Palatino Linotype, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
}

.paragraph.large.number {
  color: var(--dark-green);
  width: 15%;
  font-size: 40px;
  font-style: italic;
  font-weight: 300;
}

.paragraph.large.number.tg {
  color: var(--tea-green);
}

.div-block-2 {
  grid-column-gap: 17px;
  grid-row-gap: 17px;
  flex-flow: column;
  align-self: center;
  display: flex;
}

.button-container {
  grid-column-gap: 22px;
  grid-row-gap: 22px;
  flex-flow: column;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: center;
  width: 50%;
  display: flex;
}

.button {
  border: 1px solid var(--dark-green);
  letter-spacing: .06em;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: #243300;
  border-radius: 20px;
  flex: 0 auto;
  order: 0;
  align-self: center;
  padding-bottom: 5px;
  font-family: Calibre, Arial, sans-serif;
  display: block;
  overflow: visible;
}

.button.brand {
  color: #cdff99;
  flex: 0 auto;
  order: 0;
  font-weight: 400;
  text-decoration: none;
}

.button.influencer {
  color: #243300;
  background-color: #fefff1;
  font-weight: 500;
}

.button.influencer.tea-green {
  background-color: #cdff99;
}

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

.flex-block-2 {
  justify-content: center;
  align-items: flex-start;
}

.slide-copy {
  grid-column-gap: 23px;
  grid-row-gap: 23px;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-top: 40px;
  padding-bottom: 40px;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.h1-italics {
  letter-spacing: .01em;
  text-transform: none;
  font-style: italic;
  font-weight: 300;
}

.image-3 {
  object-fit: scale-down;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  display: block;
  overflow: visible;
}

.hero-copy {
  grid-column-gap: 22px;
  grid-row-gap: 22px;
  justify-content: center;
  align-items: center;
}

.key-2 {
  transform-style: preserve-3d;
  transform: translate(0, -61px)rotateX(0)rotateY(180deg)rotateZ(-9deg);
}

.key-1 {
  transform: translate(0, -142px);
}

.body-main {
  background-color: #1c2600;
  height: 100%;
  padding-top: 30px;
}

.section-5 {
  height: 100%;
  margin-left: 30px;
  margin-right: 30px;
  padding-top: 30px;
  padding-bottom: 30px;
}

.flex-block-4 {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  justify-content: center;
  align-items: center;
  padding-top: 23px;
  padding-bottom: 23px;
}

.section-6 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #fefff1;
  border-radius: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin: 0 16px 16px;
  padding: 43px 192px;
  display: flex;
}

.flex-block-5 {
  grid-column-gap: 22px;
  grid-row-gap: 22px;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
}

.how-it-works-container {
  grid-column-gap: 39px;
  grid-row-gap: 39px;
  background-color: #cdff99;
  border-radius: 16px;
  justify-content: flex-start;
  align-items: center;
  width: 50%;
  padding: 57px 41px;
}

.how-it-works-container.dark {
  background-color: #1c2600;
  align-self: stretch;
  display: block;
}

.heading-3 {
  color: #1c2600;
  text-align: center;
}

.heading-3.tea-green {
  color: #cdff99;
  font-weight: 300;
}

.heading-3.large {
  color: var(--tea-green);
  font-size: 32px;
  font-weight: 300;
  text-decoration: none;
}

.heading-3.left {
  text-align: left;
}

.heading-3.left.tg {
  color: var(--tea-green);
}

.heading-4 {
  margin-bottom: 0;
  font-style: italic;
  font-weight: 300;
}

.heading-4.center {
  text-align: center;
  font-size: 24px;
}

.flex-block-6 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  width: 100%;
}

.video {
  background-color: var(--tea-green);
  border-radius: 16px;
  width: 50%;
  height: 50vh;
}

.background-video {
  z-index: 5;
  border-radius: 16px;
  width: 100%;
  height: 100%;
}

.feautre-block {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  width: 100%;
}

.section-7 {
  flex-flow: column;
  width: 100%;
  margin-bottom: 16px;
  padding-left: 16px;
  padding-right: 16px;
  display: flex;
  overflow: visible;
}

.section-7.pricing {
  margin-bottom: 25px;
}

.landingnavigation {
  z-index: 7;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  justify-content: space-between;
  align-items: flex-start;
  margin-left: 16px;
  margin-right: 16px;
  display: block;
  position: fixed;
  inset: 0% 0% auto;
}

.menu-button {
  flex: 0 auto;
}

.video-text {
  grid-column-gap: 19px;
  grid-row-gap: 19px;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  height: 100%;
  padding: 27px 64px;
  display: flex;
}

.section-9 {
  background-color: var(--cream);
  border-radius: 16px;
  padding-top: 55px;
  padding-bottom: 55px;
}

.logo {
  object-fit: cover;
  width: 120px;
}

.pricing-container {
  flex-flow: column;
  max-width: 90vw;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.pricing-block {
  grid-column-gap: 33px;
  grid-row-gap: 33px;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.pricing-box {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #f7f0dc;
  border-radius: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 33%;
  padding: 21px 20px;
  display: flex;
}

.pricing-box.highlight {
  box-shadow: 0 1px 16px 0 var(--tea-green);
}

.list-feature {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  display: flex;
}

.check {
  width: 10%;
}

.feature {
  width: 90%;
}

.list {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.story {
  grid-column-gap: 35px;
  grid-row-gap: 35px;
  flex-flow: column;
  width: 100%;
  margin-top: 56px;
  margin-bottom: 56px;
  padding-left: 19px;
  padding-right: 19px;
  display: flex;
  position: relative;
}

.div-block-3 {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.story-content {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
}

.content {
  width: 100%;
  padding-right: 40px;
}

.faq {
  background-color: var(--tea-green);
  border-radius: 16px;
}

.faq-block {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: space-between;
  align-self: center;
  align-items: center;
  padding-bottom: 20px;
  display: flex;
}

.faq-container {
  align-self: center;
  width: 50vw;
}

.faq-box {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
}

.section-10 {
  grid-column-gap: 41px;
  grid-row-gap: 41px;
  flex-flow: column;
  margin-top: 38px;
  padding: 41px 16px;
  display: flex;
}

.footer-colum {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-self: auto;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.footer-colum.logo {
  width: 25%;
}

.footer {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  display: flex;
}

.image-6 {
  align-self: flex-end;
}

.div-block-4 {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.how-it-works {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}

.step-block {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  width: 100%;
  display: flex;
}

.step-block-copy {
  flex-flow: column;
  width: 100%;
  display: flex;
}

.heading-5.center {
  text-align: center;
}

.images {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.image-block {
  box-shadow: 0 1px 16px 2px var(--tea-green);
  background-image: url('../images/4-INFLUENCER.png');
  background-position: 50%;
  background-size: cover;
  border-radius: 16px;
  width: 16em;
  height: 16em;
  position: absolute;
  top: 261px;
  left: 67px;
}

.image-block._1 {
  background-image: url('../images/2-INFLUENCER.png');
  width: 22vw;
  height: 18vw;
  top: 14vh;
  left: 64vw;
}

.image-block._2 {
  background-image: url('../images/3-INFLUENCER.png');
  width: 26vw;
  height: 24vw;
  top: 49.6vh;
  left: 72vw;
}

.image-block._4 {
  width: 20vw;
  height: 20vw;
  top: 47.7vh;
  left: 4vw;
}

.image-block._3 {
  background-image: url('../images/1.png');
  width: 34vw;
  height: 24vw;
  top: 12vh;
  left: -.6vw;
}

.image-fram {
  flex-flow: column;
  max-width: 9em;
  display: flex;
  position: relative;
  top: 6px;
  left: 94px;
}

.image-fram._1 {
  top: 27px;
  left: 84px;
}

.image-fram._3 {
  flex-flow: column;
  display: flex;
  top: 25%;
  left: 37%;
}

.image-fram._4 {
  top: 5px;
  left: 121px;
}

.image-fram._2 {
  top: 33px;
  left: 87px;
}

.landing-copy {
  z-index: 4;
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-left: 302px;
  padding-right: 302px;
  display: flex;
  position: relative;
}

.hero-alpha-video {
  object-fit: cover;
  background-color: #0000;
  width: 20em;
  height: 20em;
}

.landing-gif {
  width: 20em;
  height: 20em;
}

.image-7 {
  width: 100%;
  height: 100%;
}

.privacy-modal {
  z-index: 8;
  background-color: var(--overlay);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-bottom: auto;
  padding: 44px 33px;
  display: none;
  position: fixed;
}

.privacy-inner {
  background-color: var(--cream);
  border-radius: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 90vw;
  height: 90vh;
  display: flex;
}

.heading-6 {
  margin-top: 21px;
}

.modal-headinfs {
  margin-top: 9px;
}

.div-block-10 {
  width: 100%;
  height: 100%;
  padding: 32px 40px;
}

.modal-body {
  text-align: center;
}

.terms-modal {
  z-index: 8;
  background-color: var(--overlay);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-bottom: auto;
  padding: 44px 33px;
  display: none;
  position: fixed;
}

.terms-inner {
  background-color: var(--cream);
  border-radius: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 90vw;
  height: 90vh;
  display: flex;
}

.text-span {
  text-transform: lowercase;
}

@media screen and (min-width: 1280px) {
  .landingnav-container {
    justify-content: space-between;
    min-width: 100%;
    padding-left: 2vw;
    padding-right: 2vw;
  }

  .landingnavbar {
    justify-content: space-between;
    min-width: 100%;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .button-pill.cream {
    background-color: #e9ebd8;
    background-image: none;
  }

  .button-pill.orange {
    background-color: var(--orange);
    background-image: none;
  }

  .button-pill.orange.pricing {
    background-color: var(--orange);
  }

  .landing-nav-menu.right {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
  }

  .section-3 {
    min-height: 90vh;
    padding-top: 6.1rem;
    overflow: clip;
  }

  .hero-slider {
    box-shadow: none;
    height: 75vh;
    min-height: 75px;
  }

  .slide {
    background-color: #000c;
    background-image: linear-gradient(to bottom, var(--overlay), var(--overlay)), url('../images/4-INFLUENCER.png');
    background-position: 0 0, 0 0;
    background-size: auto, cover;
  }

  .mask {
    background-image: linear-gradient(#b89c9c80, #b89c9c80);
  }

  .slide-2 {
    background-image: linear-gradient(to bottom, var(--overlay), var(--overlay)), url('../images/3-INFLUENCER.png');
    background-position: 0 0, 0 0;
    background-size: auto, cover;
    background-attachment: scroll, scroll;
  }

  .slide-3 {
    background-image: linear-gradient(to bottom, var(--overlay), var(--overlay)), url('../images/1.png');
    background-position: 0 0, 50%;
    background-size: auto, cover;
  }

  .heading-2.center.large {
    margin-top: 16px;
    margin-bottom: 16px;
    font-size: 6vw;
  }

  .paragraph.d1 {
    color: var(--dark-green);
    letter-spacing: .05em;
  }

  .paragraph.p1 {
    color: var(--dark-green);
  }

  .paragraph.p1.center {
    padding-left: 68px;
    padding-right: 68px;
    font-size: 18px;
    line-height: 32px;
  }

  .paragraph.p1.center.faq {
    border-radius: 0;
    font-size: 16px;
    line-height: 20px;
  }

  .paragraph.p1.lighter {
    color: #1c2600b0;
    font-size: 14px;
  }

  .image-3 {
    aspect-ratio: auto;
    object-fit: cover;
    flex: 0 auto;
    justify-content: center;
    align-self: center;
    align-items: center;
    padding-left: 80px;
    padding-right: 80px;
    display: inline-flex;
    position: sticky;
    overflow: visible;
  }

  .image-3.footer {
    justify-content: center;
    align-self: center;
    align-items: center;
    height: 10em;
  }

  .key-2, .key-1 {
    width: 100%;
  }

  .flex-block-5 {
    padding-left: 5%;
    padding-right: 5%;
  }

  .how-it-works-container {
    align-self: stretch;
    width: 50%;
  }

  .how-it-works-container.dark {
    align-self: stretch;
  }

  .heading-4.center {
    font-size: 32px;
    line-height: 30px;
  }

  .flex-block-6 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .video {
    height: 100%;
  }

  .feautre-block {
    height: 40vw;
  }

  .landingnavigation {
    display: flex;
  }

  .video-text {
    padding-top: 53px;
    padding-bottom: 53px;
  }

  .section-9 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .pricing-container {
    grid-column-gap: 34px;
    grid-row-gap: 34px;
    max-width: 70vw;
    padding-bottom: 80px;
  }

  .list {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .story {
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .faq {
    grid-column-gap: 45px;
    grid-row-gap: 45px;
    background-color: var(--tea-green);
    border-radius: 16px;
    flex-flow: column;
    margin-left: 16px;
    margin-right: 16px;
    display: flex;
  }

  .how-it-works {
    align-self: center;
    padding-left: 60px;
    padding-right: 60px;
  }

  .step-block {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .image-block._1 {
    width: 40vh;
    height: 35vh;
    top: 11vh;
  }

  .image-block._2 {
    width: 40vh;
    height: 40vh;
    left: 76vw;
  }

  .image-block._4 {
    width: 35vh;
    height: 35vh;
    top: 51vh;
    left: 6vw;
  }

  .image-block._3 {
    width: 50vh;
    height: 40vh;
    top: 4.9vh;
    left: 15.4vw;
  }

  .image-fram._1 {
    top: 20%;
    left: 38%;
  }

  .image-fram._3 {
    left: 37%;
  }

  .image-fram._4 {
    left: 50%;
  }

  .image-fram._2 {
    top: 53px;
    left: 32%;
  }

  .landing-gif {
    width: 25em;
    height: 25em;
  }

  .privacy-modal, .terms-modal {
    display: none;
  }
}

@media screen and (max-width: 991px) {
  .image {
    clear: none;
    aspect-ratio: auto;
    object-fit: cover;
    width: 50%;
    min-height: 15px;
    position: relative;
    overflow: visible;
  }

  .button-pill {
    width: 300px;
    margin-top: 21px;
    margin-bottom: 21px;
    padding-top: 11px;
    padding-bottom: 5px;
    font-size: 21px;
  }

  .button-pill.small {
    width: auto;
    margin-top: -1px;
  }

  .button-pill.small._1 {
    width: auto;
  }

  .landing-nav-menu {
    grid-column-gap: 35px;
    grid-row-gap: 35px;
    background-color: var(--cream);
    flex-flow: column;
    justify-content: space-between;
    align-self: center;
    align-items: center;
    height: 100vh;
  }

  .landing-heading {
    text-align: center;
  }

  .landing-nav-link {
    text-align: center;
    align-self: center;
    font-size: 22px;
    line-height: 26px;
  }

  .brand {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    min-height: 15px;
    display: block;
  }

  .hero-slider {
    display: none;
  }

  .section-4 {
    justify-content: center;
    align-items: center;
  }

  .signup-flex {
    align-self: center;
  }

  .heading-2.center.large {
    text-align: center;
    width: 100%;
    font-size: 56px;
  }

  .paragraph.large {
    font-size: 22px;
  }

  .div-block-2 {
    flex: 1;
    order: 9999;
    justify-content: center;
    align-items: stretch;
  }

  .image-3 {
    width: 100%;
  }

  .key-1 {
    display: none;
  }

  .flex-block-4 {
    grid-column-gap: 52px;
    grid-row-gap: 52px;
    flex-flow: wrap;
  }

  .section-6 {
    padding-left: 62px;
    padding-right: 62px;
  }

  .flex-block-5 {
    flex-flow: row;
  }

  .how-it-works-container {
    align-self: stretch;
    width: 100%;
    padding-left: 19px;
    padding-right: 19px;
  }

  .heading-3.large {
    text-align: left;
    white-space: normal;
    font-size: 28px;
    line-height: 34px;
  }

  .heading-4 {
    text-align: center;
  }

  .heading-4.center {
    line-height: 28px;
  }

  .section-7 {
    width: 100vw;
    max-width: 100vw;
  }

  .menu-button.w--open {
    background-color: var(--cream);
  }

  .video-text {
    padding: 24px 13px;
  }

  .logo {
    width: 80px;
  }

  .pricing-block {
    flex-flow: column;
  }

  .pricing-box, .story {
    width: 100%;
  }

  .story-content {
    flex-flow: column;
    padding-left: 0;
    padding-right: 10px;
  }

  .content {
    padding-right: 0;
  }

  .heading-5 {
    text-align: center;
  }

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

  .div-block-5, .div-block-6 {
    display: none;
  }

  .images {
    overflow: clip;
  }

  .image-block._1 {
    width: 30vw;
    height: 30vw;
  }

  .image-block._2 {
    width: 34vw;
    height: 44vw;
    left: 75.6vw;
  }

  .image-block._4 {
    width: 30vw;
    height: 40vw;
    left: -10.1vw;
  }

  .image-block._3 {
    width: 40vw;
    height: 40vw;
    top: 10.9vh;
    left: -3.9vw;
  }

  .image-fram {
    max-width: 7em;
  }

  .image-fram._1 {
    top: 4.5vw;
    left: 10.5vw;
  }

  .image-fram._3 {
    top: 10.5vw;
    left: 13.5vw;
  }

  .image-fram._4 {
    top: 1.5vw;
    left: 16.5vw;
  }

  .image-fram._2 {
    top: 4.5vw;
    left: 8vw;
  }

  .landing-copy {
    padding-left: 75px;
    padding-right: 75px;
  }

  .landing-gif, .image-7 {
    display: block;
  }

  .privacy-modal {
    display: none;
  }

  .div-block-10 {
    overflow: scroll;
  }

  .modal-body.paragraph {
    height: 85vh;
    overflow: scroll;
  }

  .terms-modal {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .image {
    width: 70%;
  }

  .button-pill.orange.pricing {
    font-size: 14px;
  }

  .landingnavbar {
    padding-top: 13px;
    padding-bottom: 13px;
  }

  .section-3 {
    min-height: 100%;
  }

  .landing-heading {
    font-size: 36px !important;
    line-height: 40px;
  }

  .hero-slider {
    width: 100%;
    display: flex;
  }

  .section-6 {
    padding-left: 42px;
    padding-right: 42px;
  }

  .flex-block-5 {
    flex-flow: column;
  }

  .video {
    width: 100%;
  }

  .feautre-block {
    flex-flow: column;
  }

  .logo {
    width: 60px;
  }

  .story-content {
    flex-flow: column;
    padding-left: 12px;
    padding-right: 12px;
  }

  .section-10 {
    margin-top: -11px;
  }

  .footer-colum.logo {
    width: 15%;
  }

  .footer {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: column;
  }

  .div-block-4 {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .images, .landing-copy {
    display: none;
  }

  .privacy-inner, .terms-inner {
    height: 100%;
  }
}

@media screen and (max-width: 479px) {
  .image {
    width: 100%;
  }

  .landingnavbar {
    padding-top: 0;
    padding-bottom: 0;
  }

  .button-pill.orange.pricing {
    font-size: 14px;
  }

  .section-3 {
    min-height: 100%;
  }

  .landing-heading {
    font-size: 24px !important;
  }

  .hero-slider {
    height: 100vh;
  }

  .slide {
    background-position: 0 0, 60% 0;
  }

  .section-4 {
    height: 100%;
  }

  .signup-flex {
    flex-flow: column;
    margin-left: 10px;
    margin-right: 10px;
  }

  .heading-2.center {
    white-space: normal;
    padding-left: 45px;
    padding-right: 45px;
    font-size: 24px;
  }

  .heading-2.center.large {
    padding-left: 13px;
    padding-right: 13px;
    font-size: 32px;
  }

  .paragraph.d1 {
    font-size: 14px;
  }

  .paragraph.d2 {
    padding-bottom: 0;
  }

  .paragraph.p1 {
    font-size: 12px;
    line-height: 16px;
  }

  .paragraph.p1.center {
    font-size: 12px;
    line-height: 14px;
  }

  .paragraph.p1.lighter {
    font-size: 12px;
  }

  .paragraph.b1.teagreen.centet {
    font-size: 14px;
  }

  .paragraph.large {
    font-size: 16px;
    line-height: 22px;
  }

  .div-block-2 {
    width: 100%;
    margin-left: -22px;
    margin-right: -22px;
    padding: 19px 0;
  }

  .button-container {
    align-self: center;
  }

  .flex-block-2 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    justify-content: center;
    align-self: center;
    align-items: center;
  }

  .flex-block-4 {
    align-content: stretch;
  }

  .section-6 {
    margin-left: 16px;
    padding: 4px 15px;
  }

  .how-it-works-container.dark {
    padding-left: 11px;
    padding-right: 11px;
  }

  .heading-3 {
    font-size: 18px;
  }

  .heading-4.center {
    color: var(--dark-green);
    font-size: 16px;
  }

  .video {
    height: 50vh;
  }

  .video-text {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .logo {
    width: 65px;
    overflow: visible;
  }

  .pricing-block {
    padding-left: 17px;
    padding-right: 17px;
  }

  .content {
    padding-right: 0;
  }

  .faq-container {
    width: 100vw;
    padding-left: 32px;
    padding-right: 32px;
  }

  .faq-box {
    margin-left: 0;
    margin-right: 0;
  }

  .image-block._1, .image-block._2, .image-block._4 {
    display: none;
  }

  .landing-copy {
    padding-left: 0;
    padding-right: 0;
  }

  .modal-body.paragraph {
    height: 100%;
  }
}


@font-face {
  font-family: 'Calibre';
  src: url('../fonts/Calibre-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Platypi';
  src: url('../fonts/Platypi-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Platypi';
  src: url('../fonts/Platypi-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Platypi';
  src: url('../fonts/Platypi-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Platypi';
  src: url('../fonts/Platypi-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Calibre';
  src: url('../fonts/Calibre-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Calibre';
  src: url('../fonts/Calibre-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}