@font-face {
  font-family: Opensans;
  src:
    url("../fonts/OpenSans-Bold.ttf") format("truetype"),
    url("../fonts/OpenSans-ExtraBold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

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

@font-face {
  font-family: Opensans;
  src: url("../fonts/OpenSans-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Sourceserifpro;
  src: url("../fonts/SourceSerifPro-Semibold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Sourceserifpro;
  src: url("../fonts/SourceSerifPro-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

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

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

:root {
  --_colors---colors--black: #181818;
  --_text---text--font-size--body--body-2: 1.125rem;
  --_text---text--line-height--body--body-2: 1.625rem;
  --_text---text--font-size--heading--h1: 3rem;
  --_text---text--line-height--heading--h1: 3.75rem;
  --_text---text--font-size--heading--h2: 2.25rem;
  --_text---text--line-height--heading--h2: 3rem;
  --_text---text--font-size--heading--h3: 1.75rem;
  --_text---text--line-height--heading--h3: 2.5rem;
  --_text---text--font-size--heading--h4: 1.5rem;
  --_text---text--line-height--heading--h4: 2.25rem;
  --_text---text--font-size--heading--h5: 1rem;
  --_text---text--line-height--heading--h5: 1.75rem;
  --_gap---60: 3.75rem;
  --_gap---16: 1rem;
  --_gap---32: 2rem;
  --_gap---48: 3rem;
  --_gap---24: 1.5rem;
  --_text---text--font-size--body--body-1: 1.25rem;
  --_text---text--line-height--body--body-1: 1.75rem;
  --_colors---colors--transparent: transparent;
  --_colors---colors--blue: #1a75df;
  --_text---text--font-size--body--body-3: 1rem;
  --_text---text--line-height--body--body-3: 1.5rem;
  --_colors---colors--purple: #5a3ca9;
  --_gap---8: 0.5rem;
  --_colors---colors--light-border: #e8e8e8;
  --_colors---colors--white: #fff;
  --_text---text--font-size--body--body-4: 0.875rem;
  --_text---text--line-height--body--body-4: 1.375rem;
  --_colors---colors--med-gray: #999;
  --_text---text--font-size--button--button-medium: 1rem;
  --_text---text--line-height--button--button-md: 1.5rem;
  --_colors---colors--light-purple: #865ad6;
  --_colors---colors--light-gray: #ccc;
  --_gap---40: 2.5rem;
  --_colors---colors--dark-gray: #5d5d5d;
  --_gap---10: 0.625rem;
  --_gap---12: 0.75rem;
  --_gap---160: 10rem;
  --_gap---18: 1.125rem;
  --_gap---6: 0.375rem;
  --_gap---4: 0.25rem;
  --_gap---72: 4.5rem;
  --_gap---100: 6.25rem;
  --_gap---28: 1.75rem;
  --_gap---14: 0.875rem;
  --_gap---36: 2.25rem;
  --_colors---colors--off-white: #fcfcfc;
  --_colors---colors--gray: #747474;
  --_gap---42: 2.625rem;
  --_gap---80: 5rem;
  --_colors---colors--soft-purple: #e8e6f1;
  --_gap---20: 1.25rem;
  --_gap---2: 0.125rem;
  --_gap---5: 0.3125rem;
  --_gap---56: 3.5rem;
  --_colors---colors--off-gray: #f4f4f4;
  --_colors---colors--red: red;
  --dark-slate-blue: #514199;
  --_text---text--font-size--button--button-sm: 0.875rem;
  --_text---text--line-height--button--button-sm: 1.375rem;
  --_gap---96: 6rem;
}

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

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

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

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

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

body {
  color: var(--_colors---colors--black);
  font-family: Opensans, Arial, sans-serif;
  font-size: var(--_text---text--font-size--body--body-2);
  line-height: var(--_text---text--line-height--body--body-2);
  --_gap---60: 3.75rem;
  --_gap---16: 1rem;
  --_gap---32: 2rem;
  --_gap---48: 3rem;
  --_gap---24: 1.5rem;
  --_gap---8: 0.5rem;
  --_gap---40: 2.5rem;
  --_gap---10: 0.625rem;
  --_gap---12: 0.75rem;
  --_gap---160: 10rem;
  --_gap---18: 1.125rem;
  --_gap---6: 0.375rem;
  --_gap---4: 0.25rem;
  --_gap---72: 4.5rem;
  --_gap---100: 6.25rem;
  --_gap---28: 1.75rem;
  --_gap---14: 0.875rem;
  --_gap---36: 2.25rem;
  --_gap---42: 2.625rem;
  --_gap---80: 5rem;
  --_gap---20: 1.25rem;
  --_gap---2: 0.125rem;
  --_gap---5: 0.3125rem;
  --_gap---56: 3.5rem;
  --_gap---96: 6rem;
  --_text---text--font-size--body--body-2: 1.125rem;
  --_text---text--line-height--body--body-2: 1.625rem;
  --_text---text--font-size--heading--h1: 3rem;
  --_text---text--line-height--heading--h1: 3.75rem;
  --_text---text--font-size--heading--h2: 2.25rem;
  --_text---text--line-height--heading--h2: 3rem;
  --_text---text--font-size--heading--h3: 1.75rem;
  --_text---text--line-height--heading--h3: 2.5rem;
  --_text---text--font-size--heading--h4: 1.5rem;
  --_text---text--line-height--heading--h4: 2.25rem;
  --_text---text--font-size--heading--h5: 1rem;
  --_text---text--line-height--heading--h5: 1.75rem;
  --_text---text--font-size--body--body-1: 1.25rem;
  --_text---text--line-height--body--body-1: 1.75rem;
  --_text---text--font-size--body--body-3: 1rem;
  --_text---text--line-height--body--body-3: 1.5rem;
  --_text---text--font-size--body--body-4: 0.875rem;
  --_text---text--line-height--body--body-4: 1.375rem;
  --_text---text--font-size--button--button-medium: 1rem;
  --_text---text--line-height--button--button-md: 1.5rem;
  --_text---text--font-size--button--button-sm: 0.875rem;
  --_text---text--line-height--button--button-sm: 1.375rem;
  font-weight: 400;
}

h1 {
  font-family: Sourceserifpro, Arial, sans-serif;
  font-size: var(--_text---text--font-size--heading--h1);
  line-height: var(--_text---text--line-height--heading--h1);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
}

h2 {
  font-family: Sourceserifpro, Arial, sans-serif;
  font-size: var(--_text---text--font-size--heading--h2);
  line-height: var(--_text---text--line-height--heading--h2);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
}

h3 {
  font-family: Sourceserifpro, Arial, sans-serif;
  font-size: var(--_text---text--font-size--heading--h3);
  line-height: var(--_text---text--line-height--heading--h3);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
}

h4 {
  font-family: Sourceserifpro, Arial, sans-serif;
  font-size: var(--_text---text--font-size--heading--h4);
  line-height: var(--_text---text--line-height--heading--h4);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
}

h5 {
  font-family: Sourceserifpro, Arial, sans-serif;
  font-size: var(--_text---text--font-size--heading--h5);
  line-height: var(--_text---text--line-height--heading--h5);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
}

h6 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: bold;
  line-height: 18px;
}

p {
  margin-bottom: 0;
}

a {
  color: inherit;
  text-decoration: none;
}

ul,
ol {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
}

strong {
  font-weight: bold;
}

figure {
  margin-bottom: 10px;
}

.hero_play-btn {
  width: 100%;
  max-width: 5.625rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.que_search {
  margin-bottom: var(--_gap---60);
}

.search-wrap {
  grid-column-gap: var(--_gap---16);
  grid-row-gap: var(--_gap---16);
  display: flex;
}

.question_wrap {
  width: 100%;
  padding-right: var(--_gap---32);
  padding-bottom: var(--_gap---48);
  grid-column-gap: var(--_gap---24);
  grid-row-gap: var(--_gap---24);
  break-inside: avoid;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.question_wrap.is-category {
  padding-bottom: 0;
  padding-right: 0;
}

.question_wrap.last {
  padding-bottom: 0;
}

.category_title {
  color: var(--_colors---colors--black);
  font-size: var(--_text---text--font-size--body--body-1);
  line-height: var(--_text---text--line-height--body--body-1);
  text-decoration: underline;
  -webkit-text-decoration-color: var(--_colors---colors--transparent);
  text-decoration-color: var(--_colors---colors--transparent);
  font-weight: 600;
  transition: all 0.2s;
}

.category_title:hover {
  -webkit-text-decoration-color: var(--_colors---colors--black);
  text-decoration-color: var(--_colors---colors--black);
}

.question_link {
  color: var(--_colors---colors--blue);
  font-size: var(--_text---text--font-size--body--body-3);
  line-height: var(--_text---text--line-height--body--body-3);
  transition: all 0.4s;
  display: inline-block;
}

.question_link:hover {
  color: var(--_colors---colors--purple);
}

.info_block {
  width: 100%;
  max-width: 18rem;
  padding-left: var(--_gap---24);
  grid-column-gap: var(--_gap---8);
  grid-row-gap: var(--_gap---8);
  border-left: 1px solid var(--_colors---colors--light-border);
  flex-flow: column;
  display: flex;
  position: sticky;
  top: 6.25rem;
}

.slider {
  background-color: var(--_colors---colors--transparent);
  height: auto;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  overflow: hidden;
}

.slider_mask {
  width: 100%;
  max-width: 27%;
  overflow: visible;
}

.slider_mask.is-large {
  max-width: 34%;
}

.display-none {
  display: none;
}

.slider_arrow-wrap {
  background-color: var(--_colors---colors--white);
  width: 2.5rem;
  height: 2.5rem;
  color: var(--_colors---colors--purple);
  background-image: url("../images/left.svg");
  background-position: 45% 51%;
  background-repeat: no-repeat;
  background-size: 7px;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  display: flex;
  box-shadow: 0 0 0.5rem #0000001f;
}

.slider_arrow-wrap.is-left {
  left: 4px;
}

.slider_arrow-wrap.is-right {
  right: 0.25rem;
}

.device_bg {
  background-image: url("../images/i-phone.avif");
  background-position: 50%;
  background-repeat: no-repeat;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 24.625rem;
  height: 46.1875rem;
  display: flex;
}

.gif {
  max-width: 275px;
  position: relative;
}

.slider_wrap {
  width: 100%;
  max-width: 20.25rem;
  padding-right: var(--_gap---24);
}

.slider_wrap.is-large {
  max-width: none;
}

._404_img {
  width: 100%;
  max-width: 21.25rem;
}

._404_block {
  grid-column-gap: var(--_gap---32);
  grid-row-gap: var(--_gap---32);
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 58.75rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.popup-wrapper {
  z-index: 9999;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
}

.popup-wrapper.is-pricing {
  display: none;
}

.popup {
  background-color: #fff;
  border-radius: 1.5rem;
  width: 100%;
  max-width: 34.375rem;
  margin: 2rem 1.25rem;
  padding-top: 2rem;
  padding-bottom: 2rem;
  position: relative;
  transform: scale(0.8);
}

.popup.is-pricing {
  max-width: 47.5rem;
}

.popup_form-block {
  width: 100%;
  margin-bottom: 0;
}

.popup-form {
  flex-flow: column;
  display: flex;
}

.popup-heading {
  color: var(--_colors---colors--black);
  margin-bottom: 0;
  font-family: Sourceserifpro, Arial, sans-serif;
  font-size: 1.75rem;
  font-weight: 600;
  line-height: 2.25rem;
}

.popup-close {
  opacity: 0.48;
  color: #000;
  cursor: pointer;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  transition: all 0.3s;
  display: flex;
}

.popup-close:hover {
  opacity: 100;
  color: #000;
  background-color: #f3f3f5;
}

.popup-close.is-pricing {
  position: absolute;
  top: 1.25rem;
  right: 1.25rem;
}

.close-icon {
  width: 1.5rem;
  height: 1.5rem;
}

.label {
  color: var(--_colors---colors--black);
  font-family: Opensans, Arial, sans-serif;
  font-size: var(--_text---text--font-size--body--body-4);
  line-height: var(--_text---text--line-height--body--body-4);
  margin-bottom: 0.5rem;
  font-weight: 600;
}

.input-field {
  border: 1px solid var(--_colors---colors--light-border);
  height: 2.875rem;
  color: var(--_colors---colors--black);
  font-family: Opensans, Arial, sans-serif;
  font-size: var(--_text---text--font-size--body--body-3);
  line-height: var(--_text---text--line-height--body--body-3);
  border-radius: 0.75rem;
  margin-bottom: 0;
  padding: 0.625rem 0.875rem;
  font-weight: 400;
  transition: all 0.3s;
}

.input-field:focus {
  border-width: 1px;
  border-color: var(--_colors---colors--purple);
}

.input-field::placeholder {
  color: var(--_colors---colors--med-gray);
}

.input-field.text-area {
  resize: vertical;
  height: 7.375rem;
  min-height: 7.375rem;
}

.input-field.hide {
  display: none;
}

.popup_checkbox-wrap {
  grid-column-gap: 0.75rem;
  grid-row-gap: 0.75rem;
  flex-flow: wrap;
  display: flex;
}

.checkbox-field {
  color: #0000007a;
  cursor: pointer;
  border: 1px solid #e5e7eb;
  border-radius: 0.625rem;
  margin-bottom: 0;
  padding: 0.375rem 0.75rem;
  font-family: Roboto;
  font-weight: 400;
  line-height: 1.375rem;
  transition: all 0.3s;
  display: flex;
}

.checkbox-field:focus {
  color: #000;
}

.checkbox {
  width: 1rem;
  height: 1rem;
  box-shadow: none;
  background-image: url("../images/windows-grey.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  border: 0 solid #000;
  outline: none;
  margin-top: 2px;
  margin-left: 0;
  margin-right: 0.5rem;
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: ease;
}

.checkbox.w--redirected-checked {
  box-shadow: none;
  background-color: #0000;
  background-image: url("../images/windows-purple.svg");
  outline: none;
}

.checkbox.w--redirected-focus {
  box-shadow: none !important;
}

.checkbox.mac {
  background-image: url("../images/mac-grey.svg");
}

.checkbox.mac.w--redirected-checked {
  background-image: url("../images/Apple-purple.svg");
}

.checkbox.linux {
  background-image: url("../images/Linux-grey.svg");
  margin-top: 3px;
}

.checkbox.linux.w--redirected-checked {
  background-image: url("../images/Linux-purple.svg");
}

.checkbox.android {
  background-image: url("../images/Android-grey.svg");
}

.checkbox.android.w--redirected-checked {
  background-image: url("../images/Android-purple.svg");
}

.checkbox.gmail {
  background-image: url("../images/gmail.svg");
}

.checkbox.gmail.w--redirected-checked {
  background-image: url("../images/gmail-purple.svg");
}

.checkbox.outlook {
  background-image: url("../images/outlook.svg");
}

.checkbox.outlook.w--redirected-checked {
  background-image: url("../images/outlook-purple.svg");
}

.checkbox.imap {
  background-image: url("../images/imap.svg");
}

.checkbox.imap.w--redirected-checked {
  background-image: url("../images/imap-purple.svg");
}

.checkbox.icloud {
  background-image: url("../images/icloud.svg");
}

.checkbox.icloud.w--redirected-checked {
  background-image: url("../images/icloud-purple.svg");
}

.checkbox.others {
  background-image: url("../images/other.svg");
}

.checkbox.others.w--redirected-checked {
  background-image: url("../images/others-purple.svg");
}

.submit-button {
  color: #fff;
  background-color: #514199;
  border-radius: 6.25rem;
  margin-top: 0.75rem;
  margin-left: 2rem;
  margin-right: 2rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-family: Roboto;
  font-size: 1.0625rem;
  font-weight: 400;
  transition: all 0.3s;
}

.submit-button:hover {
  color: #fff;
  background-color: #865ad6;
}

.form_head-block {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
  padding-left: 2rem;
  padding-right: 2rem;
  display: flex;
}

.popup-success {
  background-color: #0000;
  padding: 0;
}

.popup-success.is-pricing {
  padding-top: 10rem;
  padding-bottom: 10rem;
}

.popup_success-wrap {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.success-icon {
  width: 5rem;
  height: 5rem;
  margin-bottom: 1.5rem;
}

.success-details {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 28rem;
  display: flex;
}

.success-text {
  color: #0000008f;
  margin-top: 6px;
  margin-bottom: 0;
  font-family: Roboto;
  font-size: 1.125rem;
  line-height: 1.6875rem;
}

.back-button {
  color: #fff;
  background-color: #514199;
  border-radius: 6.25rem;
  padding: 0.75rem 2.5rem;
  font-family: Roboto;
  font-size: 1.0625rem;
  font-weight: 400;
  transition: all 0.3s;
}

.back-button:hover {
  background-color: #865ad6;
}

.error {
  color: red;
  font-size: var(--_text---text--font-size--body--body-4);
  line-height: var(--_text---text--line-height--body--body-4);
  margin-top: 6px;
  display: none;
}

.search-button {
  border: 1px solid var(--_colors---colors--purple);
  background-color: var(--_colors---colors--purple);
  color: var(--_colors---colors--white);
  font-size: var(--_text---text--font-size--button--button-medium);
  line-height: var(--_text---text--line-height--button--button-md);
  border-radius: 62.4375rem;
  padding: 0.5rem 1.5rem;
  font-weight: 600;
  transition: all 0.4s;
}

.search-button:hover {
  border-color: var(--_colors---colors--light-purple);
  background-color: var(--_colors---colors--light-purple);
}

.input-search {
  border: 1px solid var(--_colors---colors--light-gray);
  height: auto;
  color: var(--_colors---colors--black);
  font-size: var(--_text---text--font-size--body--body-3);
  line-height: var(--_text---text--line-height--body--body-3);
  border-radius: 1.5rem;
  margin-bottom: 0;
  padding: 0.5rem 1.5rem;
  font-weight: 600;
  transition: all 0.3s;
}

.input-search:focus {
  border-color: var(--_colors---colors--purple);
}

.input-search::placeholder {
  color: var(--_colors---colors--med-gray);
}

.main-wrapper {
  flex-flow: column;
  min-height: 100vh;
  display: flex;
}

.text-color-white {
  color: var(--_colors---colors--white);
}

.position-relative {
  position: relative;
}

.section-wrapper {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  flex-flow: column;
  display: flex;
}

.blog_top-block {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  color: inherit;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.blog_top-img {
  border-radius: 0.375rem;
  align-self: stretch;
  width: 100%;
  max-width: 38rem;
  overflow: hidden;
}

.blog_description-block {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.newton-block {
  grid-column-gap: 0.875rem;
  grid-row-gap: 0.875rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.author-img {
  border-radius: 50%;
  width: 100%;
  max-width: 2.875rem;
  overflow: hidden;
}

.text-style-2lines {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.blog-list {
  grid-column-gap: var(--_gap---40);
  grid-row-gap: var(--_gap---40);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.blog_card {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  color: #333;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.blog_img-wrap {
  border: 1px solid #e6e4e4;
  border-radius: 0.375rem;
  height: 15.625rem;
  max-height: 15.875rem;
  overflow: hidden;
}

.author_block {
  grid-column-gap: 0.75rem;
  grid-row-gap: 0.75rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.blog_author-img {
  border-radius: 50%;
  width: 2.25rem;
  height: 2.25rem;
  overflow: hidden;
}

.blog-img {
  object-fit: cover;
  object-position: 0% 0%;
  width: 100%;
  height: 100%;
}

.cms-wrapper {
  grid-column-gap: 3.75rem;
  grid-row-gap: 3.75rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.rich_text h1 {
  margin-top: 0.5px;
  font-family: Sourceserifpro, Arial, sans-serif;
  font-size: 3rem;
  font-weight: 600;
  line-height: 3.75rem;
}

.rich_text h2 {
  margin-top: 2.5rem;
  margin-bottom: 0;
  font-family: Sourceserifpro, Arial, sans-serif;
  font-size: 2.5rem;
  font-weight: 600;
  line-height: 3.25rem;
}

.rich_text h3 {
  margin-top: 1.25rem;
  font-family: Sourceserifpro, Arial, sans-serif;
  font-size: 2rem;
  font-weight: 600;
  line-height: 2.75rem;
}

.rich_text h4 {
  margin-top: 1.125rem;
  font-family: Sourceserifpro, Arial, sans-serif;
  font-size: 1.75rem;
  font-weight: 400;
  line-height: 2.5rem;
}

.rich_text h5 {
  margin-top: 1rem;
  font-family: Sourceserifpro, Arial, sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 2.25rem;
}

.rich_text p {
  margin-top: 0.75rem;
  font-family: Opensans, Arial, sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.625rem;
  &:first-child {
    margin-top: 0;
  }
}

.rich_text a {
  color: var(--_colors---colors--light-purple);
  text-decoration: underline;
  -webkit-text-decoration-color: var(--_colors---colors--transparent);
  text-decoration-color: var(--_colors---colors--transparent);
  transition: all 0.3s;
}

.rich_text a:hover {
  -webkit-text-decoration-color: var(--_colors---colors--light-purple);
  text-decoration-color: var(--_colors---colors--light-purple);
}

.rich_text img {
  border: 1px solid #e6e4e4;
  border-radius: 0.375rem;
  width: 100%;
}

.rich_text ul {
  grid-column-gap: 0.5rem;
  grid-row-gap: 0.5rem;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 0.75rem;
  margin-bottom: 0;
  padding-left: 1.625rem;
  display: flex;
}

.rich_text li {
  font-family: Opensans, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
}

.rich_text strong {
  font-weight: 600;
}

.rich_text figure {
  width: 100%;
  max-width: 100%;
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}

.rich_text h6 {
  margin-top: 0.875rem;
  margin-bottom: 0;
  font-family: Sourceserifpro, Arial, sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 2rem;
}

.rich_text ol {
  grid-column-gap: 0.5rem;
  grid-row-gap: 0.5rem;
  flex-flow: column;
  margin-top: 0.75rem;
  margin-bottom: 0;
  padding-left: 1.625rem;
  display: flex;
}

.details_top-block {
  margin-bottom: var(--_gap---40);
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.grey-dot {
  background-color: var(--_colors---colors--dark-gray);
  border-radius: 50%;
  align-self: center;
  width: 0.25rem;
  height: 0.25rem;
  margin-bottom: 0;
}

.auther_text-block {
  grid-column-gap: 0.5rem;
  grid-row-gap: 0.5rem;
}

.details_main-img {
  width: 100%;
  margin-bottom: var(--_gap---32);
  border: 1px solid #e6e4e4;
  border-radius: 0.375rem;
  overflow: hidden;
}

.recent-block {
  grid-column-gap: var(--_gap---32);
  grid-row-gap: var(--_gap---32);
  flex-flow: column;
  display: flex;
}

.recent_top-block {
  justify-content: space-between;
  display: flex;
}

.email-block {
  background-color: #fcfcfc;
  border: 1px solid #e8e8e8;
  border-radius: 0.375rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 48.75rem;
  margin-left: auto;
  margin-right: auto;
  padding: 1.75rem 1.625rem;
  display: flex;
}

.email_details-block {
  text-align: center;
  margin-bottom: 1.375rem;
}

.email-tittle {
  font-family: Opensans, Arial, sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.75rem;
}

.email-text {
  color: #000;
  margin-bottom: 0;
  font-family: Opensans, Arial, sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.75rem;
}

.other-input {
  color: #000;
  border: 1px solid #e5e7eb;
  border-radius: 0.75rem;
  height: 2.875rem;
  margin-bottom: 0;
  padding: 0.625rem 0.875rem;
  font-family: Roboto;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  display: none;
}

.other-input:focus {
  border-width: 1px;
  border-color: #e5e7eb;
}

.other-input::placeholder {
  color: #0000007a;
  font-family: Roboto;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
}

.form-inputs {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  scrollbar-width: thin;
  flex-flow: column;
  max-height: 80vh;
  padding: 1rem 2rem 0.75rem;
  display: flex;
  overflow: auto;
}

.form-inputs.is-grid {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.margin-10 {
  margin: var(--_gap---10);
}

.padding-12 {
  padding: var(--_gap---12);
}

.padding-160 {
  padding: var(--_gap---160);
}

.contain-wrapper {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-flow: column;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.margin-24 {
  margin: var(--_gap---24);
}

.padding-18 {
  padding: var(--_gap---18);
}

.margin-8 {
  margin: var(--_gap---8);
}

.padding-6 {
  padding: var(--_gap---6);
}

.pd_spacing-wrap {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.margin-48 {
  margin: var(--_gap---48);
}

.text-color-black {
  color: var(--_colors---colors--black);
}

.text-balance {
  text-wrap: balance;
}

.heading-style-h2 {
  font-family: Sourceserifpro, Arial, sans-serif;
  font-size: var(--_text---text--font-size--heading--h2);
  line-height: var(--_text---text--line-height--heading--h2);
  font-weight: 600;
}

.padding-vertical {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.padding-16 {
  padding: var(--_gap---16);
}

.padding-8 {
  padding: var(--_gap---8);
}

.styleguide_inner-block {
  border-radius: 0.25rem;
  flex-flow: column;
  display: flex;
  overflow: hidden;
}

.padding-4 {
  padding: var(--_gap---4);
}

.heading-style-h5 {
  font-family: Sourceserifpro, Arial, sans-serif;
  font-size: var(--_text---text--font-size--heading--h5);
  line-height: var(--_text---text--line-height--heading--h5);
  font-weight: 600;
}

.padding-48 {
  padding: var(--_gap---48);
}

.heading-style-h1 {
  font-family: Sourceserifpro, Arial, sans-serif;
  font-size: var(--_text---text--font-size--heading--h1);
  line-height: var(--_text---text--line-height--heading--h1);
  font-weight: 600;
}

.padding-top {
  padding-bottom: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.padding-72 {
  padding: var(--_gap---72);
}

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

.padding-section-large {
  padding-top: var(--_gap---100);
  padding-bottom: var(--_gap---100);
}

.margin-28 {
  margin: var(--_gap---28);
}

.padding-horizontal {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.padding-24 {
  padding: var(--_gap---24);
}

.padding-60 {
  padding: var(--_gap---60);
}

.margin-60 {
  margin: var(--_gap---60);
}

.margin-14 {
  margin: var(--_gap---14);
}

.margin-12 {
  margin: var(--_gap---12);
}

.body-card-wrapper {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.margin-36 {
  margin: var(--_gap---36);
}

.margin-40 {
  margin: var(--_gap---40);
}

.border-bottom {
  border-bottom: 1px solid #e0e0e0;
}

.margin-72 {
  margin: var(--_gap---72);
}

.margin-6 {
  margin: var(--_gap---6);
}

.typeface-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.margin-32 {
  margin: var(--_gap---32);
}

.background-color-offwhite {
  background-color: var(--_colors---colors--off-white);
}

.pd-styleguide_header {
  background-color: var(--_colors---colors--purple);
  color: var(--_colors---colors--white);
}

.margin-horizontal {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.color-text-card {
  text-align: left;
  border-radius: 8px;
  flex-flow: column;
  justify-content: space-between;
  height: 9rem;
  padding: 10px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 2px 8px #00000014;
}

.styleguide_grid {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

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

.margin-100 {
  margin: var(--_gap---100);
}

.text-color-gray {
  color: var(--_colors---colors--gray);
}

.padding-42 {
  padding: var(--_gap---42);
}

.background-color-white {
  background-color: var(--_colors---colors--white);
}

.padding-100 {
  padding: var(--_gap---100);
}

.body-1 {
  font-size: var(--_text---text--font-size--body--body-1);
  line-height: var(--_text---text--line-height--body--body-1);
}

.text-color-purple {
  color: var(--_colors---colors--purple);
}

.color-grid {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.background-color-purple {
  background-color: var(--_colors---colors--purple);
}

.empty-div {
  pointer-events: auto;
  padding-top: 3.125rem;
  padding-bottom: 3.125rem;
}

.margin-80 {
  margin: var(--_gap---80);
}

.padding-bottom {
  padding-top: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.container {
  width: 100%;
  max-width: 70rem;
}

.color-card {
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 8px #00000014;
}

.color-text {
  padding: 12px;
}

.heading-style-h3 {
  font-family: Sourceserifpro, Arial, sans-serif;
  font-size: var(--_text---text--font-size--heading--h3);
  line-height: var(--_text---text--line-height--heading--h3);
  font-weight: 600;
}

.body-3 {
  font-size: var(--_text---text--font-size--body--body-3);
  line-height: var(--_text---text--line-height--body--body-3);
}

.padding-global {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.style-guide-head {
  background-color: var(--_colors---colors--soft-purple);
  color: var(--_colors---colors--black);
  padding: 16px 32px;
}

.style-guide-head.is_main {
  background-color: var(--_colors---colors--purple);
  color: var(--_colors---colors--white);
}

.style-wrapper {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-flow: column;
  padding: 72px;
  display: flex;
}

.text-align-right {
  text-align: right;
}

.margin-16 {
  margin: var(--_gap---16);
}

.margin-vertical {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.padding-20 {
  padding: var(--_gap---20);
}

.text-weight-400 {
  font-weight: 400;
}

.padding-14 {
  padding: var(--_gap---14);
}

.margin-42 {
  margin: var(--_gap---42);
}

.padding-36 {
  padding: var(--_gap---36);
}

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

.body-2 {
  font-size: var(--_text---text--font-size--body--body-2);
  line-height: var(--_text---text--line-height--body--body-2);
}

.heading-style-h4 {
  font-family: Sourceserifpro, Arial, sans-serif;
  font-size: var(--_text---text--font-size--heading--h4);
  line-height: var(--_text---text--line-height--heading--h4);
  font-weight: 600;
}

.heading-style-h4.text-weight-400 {
  font-weight: 400;
}

.margin-top {
  margin-bottom: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.padding-28 {
  padding: var(--_gap---28);
}

.margin-20 {
  margin: var(--_gap---20);
}

.margin-bottom {
  margin-top: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.body-4 {
  font-size: var(--_text---text--font-size--body--body-4);
  line-height: var(--_text---text--line-height--body--body-4);
}

.margin-18 {
  margin: var(--_gap---18);
}

.border_bottom {
  border-bottom: 0.0625rem solid #e5e5e5;
  padding-bottom: 0.75rem;
}

.margin-4 {
  margin: var(--_gap---4);
}

.padding-80 {
  padding: var(--_gap---80);
}

.padding-32 {
  padding: var(--_gap---32);
}

.heading_box-wrapper {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  flex-flow: column;
  margin-bottom: 1.5rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
  display: flex;
}

.padding-10 {
  padding: var(--_gap---10);
}

.pd-styleguide_heading-header {
  font-size: 6rem;
  line-height: 6.375rem;
}

.padding-40 {
  padding: var(--_gap---40);
}

.margin-160 {
  margin: var(--_gap---160);
}

.pd-styleguide_header-block {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-items: center start;
  display: grid;
}

.spacing_style {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  flex-flow: column;
  display: flex;
}

.heading-box-wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  font-size: 1.125rem;
  line-height: 1.625rem;
  display: flex;
}

.dashed-border {
  border: 2px dashed #000;
}

.text-weight-600 {
  font-weight: 600;
}

.padding-2 {
  padding: var(--_gap---2);
}

.margin-2 {
  margin: var(--_gap---2);
}

.padding-5 {
  padding: var(--_gap---5);
}

.margin-5 {
  margin: var(--_gap---5);
}

.padding-56 {
  padding: var(--_gap---56);
}

.margin-56 {
  margin: var(--_gap---56);
}

.footer_block {
  grid-column-gap: 7rem;
  grid-row-gap: 7rem;
  flex-flow: column;
  width: 100%;
  max-width: 58.75rem;
  margin-left: auto;
  margin-right: auto;
  transition: all 0.3s;
  display: flex;
}

.footer_card {
  width: 100%;
  max-width: 63.25rem;
  padding: var(--_gap---80);
  grid-column-gap: var(--_gap---56);
  grid-row-gap: var(--_gap---56);
  background-color: var(--_colors---colors--white);
  border-radius: 0.375rem;
  flex-flow: column;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  box-shadow: 1px 1px 16px #00000014;
}

.text-weight-500 {
  font-weight: 500;
}

.button-secondary {
  grid-column-gap: 0.5rem;
  grid-row-gap: 0.5rem;
  border: 1px solid var(--_colors---colors--light-border);
  background-color: var(--_colors---colors--purple);
  color: var(--_colors---colors--white);
  font-size: var(--_text---text--font-size--button--button-medium);
  line-height: var(--_text---text--line-height--button--button-md);
  border-radius: 999px;
  justify-content: flex-start;
  align-items: center;
  padding: 0.5rem 1.125rem 0.5rem 1.5rem;
  font-weight: 500;
  transition: all 0.4s;
  display: flex;
}

.button-secondary:where(.w-variant-5eac5cc8-0b87-3899-dba2-6c2a5d76a80e) {
  justify-content: center;
  align-items: center;
  padding-right: 1.5rem;
}

.button-secondary:hover {
  background-color: var(--_colors---colors--light-purple);
}

.btn-icon {
  width: 1.125rem;
  height: 1.125rem;
}

.footer_card-bottom {
  grid-column-gap: var(--_gap---36);
  grid-row-gap: var(--_gap---36);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.downloads_link {
  grid-column-gap: 0.75rem;
  grid-row-gap: 0.75rem;
  border: 1px solid var(--_colors---colors--purple);
  color: var(--_colors---colors--purple);
  font-size: var(--_text---text--font-size--button--button-medium);
  line-height: var(--_text---text--line-height--button--button-md);
  border-radius: 999px;
  justify-content: flex-start;
  align-items: center;
  padding: 0.375rem 1.125rem;
  font-weight: 500;
  transition: all 0.4s;
  display: flex;
}

.downloads_link:hover {
  background-color: var(--_colors---colors--purple);
  color: var(--_colors---colors--white);
}

.icon-18x18 {
  flex: none;
  width: 1.125rem;
  height: 1.125rem;
}

.footer_links-wrap {
  padding-bottom: var(--_gap---20);
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  display: flex;
}

.footer_links {
  padding-right: var(--_gap---20);
  padding-left: var(--_gap---20);
  color: var(--_colors---colors--white);
  font-size: var(--_text---text--font-size--body--body-4);
  line-height: var(--_text---text--line-height--body--body-4);
  -webkit-text-decoration: underline #0000;
  text-decoration: underline #0000;
  transition: all 0.4s;
}

.footer_links:hover {
  -webkit-text-decoration-color: var(--_colors---colors--white);
  text-decoration-color: var(--_colors---colors--white);
}

.footer_section {
  position: relative;
}

.footer_astronout {
  width: 100%;
  max-width: 4.0625rem;
}

.footer_bottom-block {
  grid-column-gap: 0.5rem;
  grid-row-gap: 0.5rem;
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.footer_bottom-wrap {
  background-color: var(--_colors---colors--light-purple);
  width: 100%;
  max-width: 54.125rem;
  color: var(--_colors---colors--white);
  text-align: center;
  border-top-left-radius: 0.375rem;
  border-top-right-radius: 0.375rem;
  margin-left: 0.9375rem;
  padding: 1rem;
  position: relative;
}

.footer_inline-links {
  text-decoration: underline;
  -webkit-text-decoration-color: var(--_colors---colors--white);
  text-decoration-color: var(--_colors---colors--white);
  font-weight: 500;
  transition: all 0.4s;
}

.footer_inline-links:hover {
  text-align: justify;
  -webkit-text-decoration-color: var(--_colors---colors--transparent);
  text-decoration-color: var(--_colors---colors--transparent);
}

.footer-triangle {
  width: 0.9375rem;
  height: 0.9375rem;
  color: var(--_colors---colors--light-purple);
  position: absolute;
  inset: 50% auto auto 0%;
  transform: translate(-100%, -50%);
}

.footer_bg {
  z-index: -1;
  border-top: 8px solid var(--_colors---colors--light-purple);
  background-color: var(--_colors---colors--purple);
  position: absolute;
  inset: 14.875rem 0% 0%;
}

.navbar {
  background-color: var(--_colors---colors--transparent);
  transition: background-color 0.2s;
  position: fixed;
  inset: 0% 0% auto;
}

.navbar-wrap {
  justify-content: space-between;
  align-items: center;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  display: flex;
}

.brand_logo {
  width: 100%;
  max-width: 7.375rem;
  height: 1.625rem;
  color: var(--_colors---colors--white);
}

.navbar_button {
  grid-column-gap: 0.375rem;
  grid-row-gap: 0.375rem;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  color: var(--_colors---colors--white);
  font-size: var(--_text---text--font-size--body--body-4);
  line-height: var(--_text---text--line-height--body--body-4);
  background-color: #fff3;
  border-radius: 999px;
  justify-content: flex-start;
  align-items: center;
  padding: 0.5rem 0.875rem 0.5rem 1.25rem;
  transition: all 0.4s;
  display: flex;
}

.navbar_button:hover {
  color: var(--_colors---colors--purple);
  background-color: #fff;
}

.icon-16x16 {
  flex: none;
  width: 1rem;
  height: 1rem;
}

.navigation-block {
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  background-color: #ffffff1f;
  border-radius: 999px;
  justify-content: flex-start;
  align-items: center;
  padding: 4px;
  display: flex;
}

.nav_dd-toggle {
  grid-column-gap: 0.375rem;
  grid-row-gap: 0.375rem;
  color: var(--_colors---colors--white);
  font-size: var(--_text---text--font-size--body--body-4);
  line-height: var(--_text---text--line-height--body--body-4);
  border-radius: 999px;
  justify-content: flex-start;
  align-items: center;
  padding: 0.25rem 1rem;
  transition: all 0.4s;
  display: flex;
}

.nav_dd-toggle:hover {
  background-color: #fff3;
}

.nav_dd-toggle.w--current {
  color: var(--_colors---colors--white);
  background-color: #fff3;
}

.nav_dd-icon {
  width: 0.875rem;
  height: 0.875rem;
}

.nav_dropdown {
  position: static;
}

.nav_dropdown.is_resouces {
  position: relative;
}

.nav_dd-navigation.w--open {
  background-color: var(--_colors---colors--transparent);
  margin-left: -4px;
}

.nav_dd-navigation.is_resources.w--open {
  width: 9.375rem;
}

.nav_dd-block {
  grid-column-gap: 0.5rem;
  grid-row-gap: 0.5rem;
  border: 1px solid var(--_colors---colors--light-gray);
  background-color: var(--_colors---colors--white);
  border-radius: 0.75rem;
  justify-content: space-between;
  margin-top: 0.75rem;
  padding: 0.5rem;
  display: flex;
  box-shadow: 0 0 32px #173d443d;
}

.nav_link-block {
  grid-column-gap: 0.125rem;
  grid-row-gap: 0.125rem;
  flex-flow: column;
  width: 100%;
  max-width: 14.75rem;
  display: flex;
}

.nav_links-wrap {
  border-radius: 0.5rem;
  padding: 0.75rem 1rem;
  transition: all 0.4s;
}

.nav_links-wrap:hover {
  background-color: var(--_colors---colors--soft-purple);
}

.nav_links-wrap.is-small {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.nav_link-title {
  font-family: Sourceserifpro, Arial, sans-serif;
  font-size: var(--_text---text--font-size--heading--h5);
  line-height: var(--_text---text--line-height--heading--h5);
}

.hero_section {
  background-image:
    url("../images/Stars-Hero-bg.avif"),
    radial-gradient(
      circle at 50% 90%,
      #865ad6,
      #4a3896 45%,
      #322a7d 68%,
      #191c62
    );
  background-position:
    50% 0,
    0 0;
  background-repeat: no-repeat, repeat;
  background-size: 1440px, auto;
  width: 100%;
  height: 100vh;
  min-height: 69.375rem;
  position: relative;
  overflow: hidden;
}

.hero_section.is_email-collabration {
  min-height: 73.875rem;
}

.hero_section.is_read-receipts {
  min-height: 76.875rem;
}

.hero_section.is_ai-assistant {
  min-height: 80rem;
}

.hero_section.is_pricing {
  height: auto;
  min-height: auto;
}

.hero_section.is_integration {
  min-height: 59rem;
}

.hero_section.no-star {
  background-image: radial-gradient(
    circle at 50% 90%,
    #865ad6,
    #4a3896 45%,
    #322a7d 68%,
    #191c62
  );
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
}

.navbar-spacer {
  padding-top: 5.375rem;
}

.flex_vertical-center {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.full-image {
  width: 100%;
  height: auto;
}

.aeroplane_img {
  width: 100%;
  max-width: 7rem;
}

.max-width-471 {
  width: 100%;
  max-width: 29.4375rem;
}

.text-color-softpurple {
  color: var(--_colors---colors--soft-purple);
}

.hero_planet {
  width: 5.75rem;
  height: 5.75rem;
  position: absolute;
  top: 55%;
  right: 10%;
}

.hero_satelite {
  filter: invert() drop-shadow(0 0 6px #d9cffc66);
  width: 2.8125rem;
  height: 2.8125rem;
  position: absolute;
  top: 12%;
  left: 5%;
}

.button {
  grid-column-gap: 0.5rem;
  grid-row-gap: 0.5rem;
  border: 1px solid var(--_colors---colors--light-border);
  background-color: var(--_colors---colors--purple);
  color: var(--_colors---colors--white);
  font-size: var(--_text---text--font-size--button--button-medium);
  line-height: var(--_text---text--line-height--button--button-md);
  border-radius: 999px;
  justify-content: flex-start;
  align-items: center;
  padding: 0.5rem 1.5rem 0.5rem 1.125rem;
  font-weight: 500;
  transition: all 0.4s;
  display: flex;
}

.button:where(.w-variant-a8631747-7846-2def-ae6d-679e0b58ca26),
.button:where(.w-variant-a2b3ec01-dcfa-5046-125f-cbe057239e93) {
  padding-left: 1.5rem;
  padding-right: 1.125rem;
}

.button:where(.w-variant-00b2db49-dd5a-cdaa-f3bb-0ee6f3968735),
.button:where(.w-variant-f96a31eb-47f4-d8ab-4bdf-566d88c1a5de) {
  padding-left: 1.5rem;
}

.button:hover {
  border-color: var(--_colors---colors--white);
  background-color: var(--_colors---colors--white);
  color: var(--_colors---colors--purple);
}

.button:hover:where(.w-variant-a8631747-7846-2def-ae6d-679e0b58ca26) {
  border-color: var(--_colors---colors--white);
  background-color: var(--_colors---colors--white);
}

.button:hover:where(.w-variant-780288b5-9540-aef7-6439-ac4d654e3032),
.button:hover:where(.w-variant-a2b3ec01-dcfa-5046-125f-cbe057239e93),
.button:hover:where(.w-variant-f96a31eb-47f4-d8ab-4bdf-566d88c1a5de) {
  border-color: var(--_colors---colors--light-border);
  background-color: var(--_colors---colors--light-purple);
  color: var(--_colors---colors--white);
}

.button.no-icon {
  padding-left: 1.5rem;
}

.button.no-icon:hover {
  background-color: var(--_colors---colors--light-purple);
  color: var(--_colors---colors--white);
}

.lightbox_link {
  grid-column-gap: 0.5rem;
  grid-row-gap: 0.5rem;
  color: var(--_colors---colors--white);
  font-size: var(--_text---text--font-size--button--button-medium);
  line-height: var(--_text---text--line-height--button--button-md);
  justify-content: flex-start;
  align-items: center;
  font-weight: 500;
  transition: all 0.3s;
  display: flex;
}

.lightbox_link:hover {
  color: var(--_colors---colors--soft-purple);
}

.icon-14x14 {
  flex: none;
  width: 0.875rem;
  height: 0.875rem;
}

.star_animation {
  z-index: 5;
  width: 0.875rem;
  height: 0.875rem;
  position: absolute;
  inset: 22% 9% auto auto;
}

.star_animation._2 {
  top: 16%;
  right: 28%;
}

.star_animation._3 {
  top: 12%;
  right: 72%;
}

.falling_star {
  z-index: 1;
  width: 3.75rem;
  height: 3rem;
  position: absolute;
  inset: -4% 50% auto auto;
}

.falling_star-2 {
  z-index: 1;
  width: 3.75rem;
  height: 3rem;
  position: absolute;
  inset: -3.125rem 4% auto auto;
}

.max-width-596 {
  width: 100%;
  max-width: 37.25rem;
}

.inline_links {
  color: var(--_colors---colors--blue);
  transition: all 0.4s;
}

.inline_links:hover {
  color: var(--_colors---colors--light-purple);
}

.product_img {
  border: 1px solid #e9e3fa;
  border-radius: 1.5rem;
  width: 100%;
  overflow: hidden;
}

.logos_wrap {
  grid-column-gap: var(--_gap---80);
  grid-row-gap: var(--_gap---80);
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  display: flex;
}

.logos_img {
  flex: none;
  height: 2.8125rem;
}

.cards-block {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  border-top: 1px solid var(--_colors---colors--light-border);
  border-bottom: 1px solid var(--_colors---colors--light-border);
  justify-content: center;
  margin-top: -1px;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  display: flex;
}

.cards-divider {
  border-left: 1px solid var(--_colors---colors--light-border);
}

.home_cards {
  width: 100%;
  max-width: 25rem;
  padding-top: var(--_gap---80);
  padding-bottom: var(--_gap---80);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.home_cards_img {
  height: 8.125rem;
}

.testimonial_grid {
  grid-column-gap: var(--_gap---60);
  grid-row-gap: var(--_gap---60);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.testimonial_grid.is_2 {
  grid-column-gap: var(--_gap---80);
  grid-row-gap: var(--_gap---80);
  grid-template-columns: 1fr 1fr;
  place-items: start;
}

.testimonial_cards {
  padding-left: var(--_gap---32);
  grid-column-gap: 1.125rem;
  grid-row-gap: 1.125rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.testimonial_img {
  object-fit: contain;
  border-radius: 50%;
  width: 5rem;
  height: 5rem;
}

.testimonial_comma {
  width: 1.5rem;
  height: 1.5rem;
  position: absolute;
  inset: 0% auto auto -0.5rem;
  transform: translate(-100%);
}

.testimonial_comma._2 {
  margin-top: 4px;
}

.testimonial_company-logo {
  height: 1.5rem;
}

.testimonial_name-block {
  grid-column-gap: 0.25rem;
  grid-row-gap: 0.25rem;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.testimonial_arrow {
  flex: none;
  width: 1rem;
  height: 1rem;
  margin-top: 6px;
}

.testimonial_arrow.is_big {
  width: 1.5rem;
  height: 1.5rem;
  margin-top: 0;
}

.testimonial_company-block {
  grid-column-gap: 0.5rem;
  grid-row-gap: 0.5rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.moon-img {
  object-fit: cover;
  object-position: 50% 0%;
  width: 100%;
  max-height: 40.9375rem;
  position: absolute;
  inset: auto 0% 0%;
}

.primary-link {
  color: var(--_colors---colors--purple);
  font-size: var(--_text---text--font-size--body--body-3);
  line-height: var(--_text---text--line-height--body--body-3);
  transition: all 0.4s;
}

.primary-link:hover {
  color: var(--_colors---colors--light-purple);
}

.products_section {
  background-color: var(--_colors---colors--off-white);
  scroll-margin-top: 5.375rem;
}

.max-width-524 {
  width: 100%;
  max-width: 32.75rem;
}

.hero_img {
  width: 100%;
  max-width: 36.125rem;
}

.hero_img.is_ai-assistant {
  max-width: 55rem;
  margin-top: -1.5rem;
}

.features_cards {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.features_img-wrap {
  width: 100%;
  max-width: 32.5rem;
  margin-right: -1rem;
}

.features_img-wrap:where(.w-variant-97da01c3-41fa-4c5f-fbee-e26180e4a213) {
  order: -9999;
  margin-left: -1rem;
  margin-right: 0;
}

.max-width-480 {
  width: 100%;
  max-width: 30rem;
}

.features_section:where(.w-variant-97da01c3-41fa-4c5f-fbee-e26180e4a213) {
  border-top: 1px solid var(--_colors---colors--light-border);
  border-bottom: 1px solid var(--_colors---colors--light-border);
  background-color: var(--_colors---colors--off-white);
  margin-top: -1px;
}

.features_section.is-secondary {
  border-top: 1px solid var(--_colors---colors--light-border);
  border-bottom: 1px solid var(--_colors---colors--light-border);
  background-color: var(--_colors---colors--off-white);
}

.faq-block {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  width: 100%;
  max-width: 45rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.faq_wrap {
  border: 1px solid var(--_colors---colors--light-border);
  border-radius: var(--_gap---8);
  background-color: var(--_colors---colors--off-white);
  flex-flow: column;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.que-block {
  padding: var(--_gap---24) var(--_gap---28);
  grid-column-gap: 0.75rem;
  grid-row-gap: 0.75rem;
  border-radius: var(--_gap---8);
  background-color: var(--_colors---colors--off-white);
  cursor: pointer;
  justify-content: space-between;
  align-items: flex-start;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.ans-block {
  padding-right: var(--_gap---28);
  padding-left: var(--_gap---28);
  background-color: var(--_colors---colors--transparent);
  margin-top: -0.75rem;
  display: none;
  position: relative;
  overflow: hidden;
}

.ans-wrap {
  width: 100%;
  max-width: 38rem;
  padding-bottom: var(--_gap---24);
}

.faq-icon {
  width: 1.5rem;
  height: 1.5rem;
  color: var(--_colors---colors--gray);
  flex: none;
  margin-top: 0.375rem;
  position: relative;
}

.faq_plus {
  transition: all 0.2s;
  position: absolute;
  inset: 0%;
}

.roles_section {
  border-top: 1px solid var(--_colors---colors--light-border);
  border-bottom: 1px solid var(--_colors---colors--light-border);
  background-color: var(--_colors---colors--off-white);
}

.roles_grid {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.roles_cards {
  padding: var(--_gap---32);
  grid-column-gap: var(--_gap---40);
  grid-row-gap: var(--_gap---40);
  border: 1px solid var(--_colors---colors--light-border);
  border-radius: var(--_gap---16);
  background-color: var(--_colors---colors--white);
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.roles_img {
  aspect-ratio: 1;
  width: 100%;
  max-width: 8.125rem;
}

.cta-icon {
  width: 100%;
  max-width: 6.25rem;
}

.assistant-cards {
  width: 100%;
  max-width: 25rem;
  padding-top: var(--_gap---80);
  padding-bottom: var(--_gap---80);
  grid-column-gap: var(--_gap---24);
  grid-row-gap: var(--_gap---24);
  text-align: center;
  flex-flow: column;
  display: flex;
}

.assistant-img {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 24.5rem;
  min-height: 16.25rem;
  display: flex;
}

.max-width-638 {
  width: 100%;
  max-width: 39.875rem;
}

.control-img {
  width: 100%;
  max-width: 25.125rem;
  margin-right: -1rem;
}

.control-img:where(.w-variant-97da01c3-41fa-4c5f-fbee-e26180e4a213) {
  order: -9999;
  margin-left: -1rem;
  margin-right: 0;
}

.try_grid {
  grid-column-gap: var(--_gap---18);
  grid-row-gap: var(--_gap---18);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.try_cards {
  grid-column-gap: var(--_gap---16);
  grid-row-gap: var(--_gap---16);
  border: 1px solid var(--_colors---colors--light-border);
  border-radius: var(--_gap---12);
  background-color: var(--_colors---colors--white);
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1.25rem;
  display: flex;
  box-shadow: 1px 1px 16px #00000014;
}

.icon-30x30 {
  flex: none;
  width: 1.875rem;
  height: 1.875rem;
}

.cards_wrapper {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 40rem;
  display: flex;
}

.max-width-600 {
  width: 100%;
  max-width: 37.5rem;
}

.footer_download-cards {
  grid-column-gap: var(--_gap---28);
  grid-row-gap: var(--_gap---28);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.footer_download-btns {
  grid-column-gap: var(--_gap---12);
  grid-row-gap: var(--_gap---12);
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  display: flex;
}

.footer_mac-img {
  width: 100%;
  max-width: 15rem;
}

.tabs_menu {
  margin-bottom: var(--_gap---40);
  padding: var(--_gap---4);
  grid-column-gap: var(--_gap---2);
  grid-row-gap: var(--_gap---2);
  background-color: #e8e6f11f;
  border-radius: 62.4375rem;
  display: flex;
}

.tabs_menu-links {
  padding: var(--_gap---6) var(--_gap---16);
  grid-column-gap: var(--_gap---10);
  grid-row-gap: var(--_gap---10);
  background-color: var(--_colors---colors--transparent);
  color: var(--_colors---colors--white);
  font-size: var(--_text---text--font-size--body--body-4);
  line-height: var(--_text---text--line-height--body--body-4);
  border-radius: 62.4375rem;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  transition: all 0.3s;
  display: flex;
}

.tabs_menu-links:hover {
  background-color: var(--_colors---colors--white);
  color: var(--_colors---colors--black);
}

.tabs_menu-links.w--current {
  background-color: var(--_colors---colors--white);
  color: var(--_colors---colors--black);
  box-shadow:
    0 0.0625rem 0.125rem #0c0c090f,
    0 0.25rem 0.75rem #0c0c0914;
}

.tabs_menu-links.w--current:hover {
  background-color: var(--_colors---colors--white);
  color: var(--_colors---colors--black);
}

.tabs_menu-links.with-tag {
  padding-right: var(--_gap---6);
}

.tabs_menu-tag {
  padding: var(--_gap---2) var(--_gap---8);
  background-color: var(--_colors---colors--soft-purple);
  color: var(--_colors---colors--purple);
  border-radius: 62.4375rem;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.25rem;
}

.tabs_content-block {
  width: 100%;
  overflow: visible;
}

.pricing-tabs {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.pricing-grid {
  grid-column-gap: var(--_gap---20);
  grid-row-gap: var(--_gap---20);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.pricing_cards {
  padding: var(--_gap---24);
  grid-column-gap: var(--_gap---40);
  grid-row-gap: var(--_gap---40);
  background-color: var(--_colors---colors--soft-purple);
  border-radius: 1rem;
  flex-flow: column;
  justify-content: space-between;
  display: flex;
  box-shadow: 0 0 0.5rem #0000001f;
}

.pricing_cards.is-white {
  background-color: var(--_colors---colors--white);
}

.pricing_header {
  margin-bottom: var(--_gap---20);
  padding-bottom: var(--_gap---20);
  border-bottom: 1px solid var(--_colors---colors--light-gray);
}

.pricing_tag-wrap {
  grid-column-gap: var(--_gap---14);
  grid-row-gap: var(--_gap---14);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.pricing_tag {
  padding: var(--_gap---2) var(--_gap---16) var(--_gap---2) var(--_gap---8);
  grid-column-gap: var(--_gap---4);
  grid-row-gap: var(--_gap---4);
  background-color: var(--_colors---colors--soft-purple);
  color: var(--_colors---colors--purple);
  font-size: var(--_text---text--font-size--body--body-4);
  line-height: var(--_text---text--line-height--body--body-4);
  border-radius: 1.5rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-color-darkgray {
  color: var(--_colors---colors--dark-gray);
}

.pricing_list {
  grid-column-gap: var(--_gap---12);
  grid-row-gap: var(--_gap---12);
  flex-flow: column;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.pricing_list-item {
  font-size: var(--_text---text--font-size--body--body-3);
  line-height: var(--_text---text--line-height--body--body-3);
  background-image: url("../images/Tick-Icons.svg");
  background-position: 0 0.25rem;
  background-repeat: no-repeat;
  background-size: 1rem 1rem;
  padding-left: 1.5rem;
}

.pricing_bottom {
  grid-column-gap: var(--_gap---8);
  grid-row-gap: var(--_gap---8);
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.button-tertiery {
  grid-column-gap: 0.5rem;
  grid-row-gap: 0.5rem;
  border: 1px solid var(--_colors---colors--white);
  background-color: var(--_colors---colors--white);
  color: var(--_colors---colors--purple);
  font-size: var(--_text---text--font-size--button--button-medium);
  line-height: var(--_text---text--line-height--button--button-md);
  border-radius: 999px;
  justify-content: flex-start;
  align-items: center;
  padding: 0.5rem 1.125rem 0.5rem 1.5rem;
  font-weight: 500;
  transition: all 0.4s;
  display: flex;
}

.button-tertiery:where(.w-variant-5eac5cc8-0b87-3899-dba2-6c2a5d76a80e) {
  justify-content: center;
  align-items: center;
  padding-right: 1.5rem;
}

.button-tertiery:hover {
  background-color: var(--_colors---colors--purple);
  color: var(--_colors---colors--white);
}

.pricing_table {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  border: 1px solid var(--_colors---colors--light-border);
  background-color: var(--_colors---colors--light-border);
  color: var(--_colors---colors--dark-gray);
  font-size: var(--_text---text--font-size--body--body-3);
  line-height: var(--_text---text--line-height--body--body-3);
  border-radius: 0.5rem;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  font-weight: 500;
  display: flex;
  overflow: hidden;
}

.pricing_row {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  background-color: var(--_colors---colors--light-border);
  grid-template-rows: auto;
  grid-template-columns:
    minmax(200px, 32.5rem) minmax(10rem, 12.625rem) minmax(10rem, 12.625rem)
    minmax(10rem, 12.625rem);
  grid-auto-columns: 1fr;
  display: grid;
}

.pricing_row.is-header {
  overflow: hidden;
}

.pricing_td {
  padding: var(--_gap---16) var(--_gap---28);
  background-color: var(--_colors---colors--white);
  text-align: center;
  justify-content: center;
  align-items: center;
  display: flex;
}

.pricing_td.is-left {
  text-align: left;
  justify-content: flex-start;
  align-items: center;
}

.pricing_td.is-left:where(.w-variant-5db08ace-ffd0-1ff7-c122-b119cfa637a3) {
  padding-top: var(--_gap---14);
  padding-bottom: var(--_gap---14);
  background-color: var(--_colors---colors--off-white);
  color: var(--_colors---colors--black);
  font-size: var(--_text---text--font-size--body--body-2);
  line-height: var(--_text---text--line-height--body--body-2);
}

.pricing_td.is-header {
  padding-top: var(--_gap---14);
  padding-bottom: var(--_gap---14);
  background-color: var(--_colors---colors--off-gray);
  color: var(--_colors---colors--black);
  font-size: var(--_text---text--font-size--body--body-2);
  line-height: var(--_text---text--line-height--body--body-2);
}

.table-icon {
  width: 1.5rem;
  height: 1.5rem;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.pricing_table-body {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  background-color: var(--_colors---colors--light-border);
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.pricing-section {
  margin-top: -3.25rem;
  margin-bottom: 3.25rem;
  position: relative;
  overflow: hidden;
}

.testimonial_section:where(.w-variant-2ce22e43-ddce-46d9-17f5-0589966c39b2) {
  border-top: 1px solid var(--_colors---colors--soft-purple);
  border-bottom: 1px solid var(--_colors---colors--light-border);
  background-color: var(--_colors---colors--off-white);
}

.all_feature-btn,
.all_feature-wrap {
  display: none;
}

.select_dd {
  width: 100%;
}

.select_dd-toggle {
  border: 1px solid var(--_colors---colors--light-border);
  height: 2.875rem;
  color: var(--_colors---colors--med-gray);
  font-family: Opensans, Arial, sans-serif;
  font-size: var(--_text---text--font-size--body--body-3);
  line-height: var(--_text---text--line-height--body--body-3);
  border-radius: 0.75rem;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  padding: 0.625rem 0.875rem;
  display: flex;
}

.select_dd-toggle:focus {
  border-width: 1px;
  border-color: var(--_colors---colors--purple);
  color: var(--_colors---colors--black);
}

.select_dd-toggle::placeholder {
  color: #0000007a;
  font-family: Roboto;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
}

.select_dd-icon {
  width: 1.125rem;
  height: 1.125rem;
}

.select_dd-nav.w--open {
  padding-top: var(--_gap---10);
  padding-bottom: var(--_gap---10);
  background-color: var(--_colors---colors--transparent);
}

.select_link-wrap {
  height: 8.875rem;
  padding-top: var(--_gap---8);
  padding-right: var(--_gap---8);
  padding-bottom: var(--_gap---8);
  padding-left: var(--_gap---8);
  grid-column-gap: var(--_gap---8);
  grid-row-gap: var(--_gap---8);
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: var(--_colors---colors--light-border);
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: var(--_colors---colors--light-border);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--_colors---colors--light-border);
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: var(--_colors---colors--light-border);
  background-color: var(--_colors---colors--white);
  scrollbar-width: thin;
  border-radius: 0.75rem;
  flex-flow: column;
  display: flex;
  overflow: auto;
  box-shadow: 0.0625rem 0.0625rem 1rem #00000014;
}

.select_links {
  padding: var(--_gap---6) var(--_gap---14);
  color: var(--_colors---colors--black);
  font-size: var(--_text---text--font-size--body--body-3);
  line-height: var(--_text---text--line-height--body--body-3);
  border-radius: 0.25rem;
  transition: all 0.3s;
}

.select_links:hover {
  background-color: var(--_colors---colors--soft-purple);
}

.max-width-750 {
  width: 100%;
  max-width: 46.875rem;
}

.lightbox_video {
  width: 100%;
  max-width: 63.5rem;
  position: relative;
}

.scheduler_logos {
  grid-column-gap: var(--_gap---72);
  grid-row-gap: var(--_gap---72);
  flex-flow: wrap;
  justify-content: center;
  width: 100%;
  max-width: 50rem;
  display: flex;
}

.scheduler_logo {
  object-fit: contain;
  width: 100%;
  max-width: 7.5rem;
}

.section-border {
  border-top: 1px solid var(--_colors---colors--light-border);
  border-bottom: 1px solid var(--_colors---colors--light-border);
}

.newton_features-wrap {
  grid-column-gap: var(--_gap---80);
  grid-row-gap: var(--_gap---80);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 70rem;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.features_box {
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 22.5rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.feature_img {
  height: 8.125rem;
}

.max-width-400 {
  width: 100%;
  max-width: 25rem;
}

.hero-secondary {
  padding-top: var(--_gap---40);
  padding-bottom: var(--_gap---80);
  background-image:
    url("../images/sars_bg.avif"),
    radial-gradient(
      circle at 100% 200%,
      #865ad6,
      #4a3896 45%,
      #322a7d 68%,
      #191c62
    );
  background-position:
    0 0,
    0 0;
  background-repeat: no-repeat, repeat;
  background-size: cover, auto;
  position: relative;
}

.max-width-840 {
  width: 100%;
  max-width: 52.5rem;
}

.question_list {
  grid-column-gap: var(--_gap---16);
  grid-row-gap: var(--_gap---16);
  flex-flow: column;
  display: flex;
}

.faq_block {
  column-count: 2;
}

.max-width-940 {
  width: 100%;
  max-width: 58.75rem;
  margin-left: auto;
  margin-right: auto;
}

.max-width-578 {
  width: 100%;
  max-width: 36.125rem;
}

.hero_buttons {
  grid-column-gap: var(--_gap---16);
  grid-row-gap: var(--_gap---16);
  display: flex;
}

.career_cards {
  grid-column-gap: var(--_gap---80);
  grid-row-gap: var(--_gap---80);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 58.75rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.career_card-img {
  flex: none;
  width: 100%;
  max-width: 16.25rem;
}

.press_logos-wrap {
  grid-column-gap: var(--_gap---72);
  grid-row-gap: var(--_gap---72);
  display: flex;
}

.press_logo-box {
  grid-column-gap: var(--_gap---24);
  grid-row-gap: var(--_gap---24);
  text-align: center;
  flex-flow: column;
  display: flex;
}

.press_logo-img {
  width: 100%;
  max-width: 12.875rem;
}

.slider_arrow {
  width: 1.5rem;
  height: 1.5rem;
}

.press_video {
  border: 1px solid var(--_colors---colors--light-border);
  border-radius: 0.375rem;
  overflow: hidden;
}

.faq_category-wrap {
  grid-column-gap: var(--_gap---40);
  grid-row-gap: var(--_gap---40);
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.flex-grow {
  flex: 1;
}

.search-list {
  grid-column-gap: var(--_gap---32);
  grid-row-gap: var(--_gap---32);
  flex-flow: column;
  display: flex;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.nh-glide {
  position: relative;
}

.nh-glow {
  aspect-ratio: 1;
  filter: blur(5px);
  mix-blend-mode: screen;
  background-image: radial-gradient(
    circle,
    #ffbe5acc,
    #ff8c284d 45%,
    #ff781e00 70%
  );
  border-radius: 50%;
  width: 48%;
  position: absolute;
  top: 55%;
  left: -12%;
}

.nh-puff-1 {
  opacity: 0;
  background-color: #ffdcaae6;
  border-radius: 50%;
  width: 0.25rem;
  height: 0.25rem;
  animation: 3s ease-out 1.6s infinite nh-puff;
  position: absolute;
  top: 92%;
  left: 4%;
}

.nh-stars {
  pointer-events: none;
  background-image: url("../images/stars-far-image.avif");
  background-position: 0 0;
  background-size: auto;
  position: absolute;
  inset: 0%;
}

.nh-stars.nh-far {
  opacity: 0.55;
  animation: 140s linear infinite nh-drift-far;
}

.nh-stars.nh-near {
  opacity: 0.8;
  background-image: url("../images/stars-near.avif");
  animation: 80s linear infinite nh-drift-near;
}

.aeroplane {
  z-index: 1;
  width: 100%;
  display: block;
  position: relative;
}

.nh-puff-2 {
  opacity: 0;
  background-color: #ffdcaae6;
  border-radius: 50%;
  width: 0.25rem;
  height: 0.25rem;
  animation: 3s ease-out 2.6s infinite nh-puff;
  position: absolute;
  top: 92%;
  left: 4%;
}

.nh-puff-3 {
  opacity: 0;
  background-color: #ffdcaae6;
  border-radius: 50%;
  width: 0.25rem;
  height: 0.25rem;
  animation: 3s ease-out 3.6s infinite nh-puff;
  position: absolute;
  top: 92%;
  left: 4%;
}

@media screen and (max-width: 991px) {
  body {
    --_gap---60: 2.5rem;
    --_gap---16: 0.875rem;
    --_gap---32: 1.75rem;
    --_gap---48: 2.5rem;
    --_gap---24: 1.25rem;
    --_gap---8: 0.5rem;
    --_gap---40: 2.25rem;
    --_gap---10: 0.625rem;
    --_gap---12: 0.75rem;
    --_gap---160: 2.5rem;
    --_gap---18: 1rem;
    --_gap---6: 0.375rem;
    --_gap---4: 0.25rem;
    --_gap---72: 3.5rem;
    --_gap---100: 5rem;
    --_gap---28: 1.5rem;
    --_gap---14: 0.875rem;
    --_gap---36: 2rem;
    --_gap---42: 2rem;
    --_gap---80: 2.5rem;
    --_gap---20: 1.125rem;
    --_gap---2: 0.125rem;
    --_gap---5: 0.3125rem;
    --_gap---56: 3rem;
    --_gap---96: 6rem;
    --_text---text--font-size--body--body-2: 1rem;
    --_text---text--line-height--body--body-2: 1.5rem;
    --_text---text--font-size--heading--h1: 2.375rem;
    --_text---text--line-height--heading--h1: 3.125rem;
    --_text---text--font-size--heading--h2: 2rem;
    --_text---text--line-height--heading--h2: 2.75rem;
    --_text---text--font-size--heading--h3: 1.5rem;
    --_text---text--line-height--heading--h3: 2.25rem;
    --_text---text--font-size--heading--h4: 1.25rem;
    --_text---text--line-height--heading--h4: 2rem;
    --_text---text--font-size--heading--h5: 1rem;
    --_text---text--line-height--heading--h5: 1.75rem;
    --_text---text--font-size--body--body-1: 1.125rem;
    --_text---text--line-height--body--body-1: 1.625rem;
    --_text---text--font-size--body--body-3: 0.875rem;
    --_text---text--line-height--body--body-3: 1.375rem;
    --_text---text--font-size--body--body-4: 0.875rem;
    --_text---text--line-height--body--body-4: 1.375rem;
    --_text---text--font-size--button--button-medium: 1rem;
    --_text---text--line-height--button--button-md: 1.5rem;
    --_text---text--font-size--button--button-sm: 0.875rem;
    --_text---text--line-height--button--button-sm: 1.375rem;
  }

  .info_block {
    top: 80px;
  }

  .slider_mask,
  .slider_mask.is-large {
    max-width: 51%;
  }

  .device_bg {
    min-width: 23.5rem;
  }

  .gif {
    margin-right: 1px;
  }

  ._404_img {
    max-width: 18rem;
  }

  .popup-success.is-pricing {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }

  .popup_success-wrap {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .section-wrapper {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
  }

  .blog_top-block {
    flex-flow: column;
    justify-content: flex-start;
    align-items: stretch;
  }

  .blog_top-img {
    max-width: none;
  }

  .blog-list {
    grid-template-columns: 1fr 1fr;
  }

  .rich_text h1 {
    font-size: 2.5rem;
    line-height: 3.25rem;
  }

  .rich_text h2 {
    margin-top: 2.125rem;
    font-size: 2.125rem;
    line-height: 2.875rem;
  }

  .rich_text h3 {
    margin-top: 1.125rem;
    font-size: 1.75rem;
    line-height: 2.5rem;
  }

  .rich_text h4 {
    margin-top: 1rem;
    font-size: 1.5rem;
    line-height: 2.25rem;
  }

  .rich_text h5 {
    margin-top: 0.875rem;
    font-size: 1.375rem;
    line-height: 2.125rem;
  }

  .rich_text p {
    margin-top: 0.625rem;
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .rich_text ul {
    grid-column-gap: 0.375rem;
    grid-row-gap: 0.375rem;
    margin-top: 0.5rem;
  }

  .rich_text li {
    font-size: 0.875rem;
    line-height: 1.375rem;
  }

  .rich_text figure {
    margin-top: 2.125rem;
    margin-bottom: 2.125rem;
  }

  .rich_text h6 {
    margin-top: 0.75rem;
    font-size: 0.692308rem;
    line-height: 1.875rem;
  }

  .rich_text ol {
    grid-column-gap: 0.375rem;
    grid-row-gap: 0.375rem;
    margin-top: 0.5rem;
  }

  .pd_spacing-wrap {
    grid-template-columns: 1fr;
  }

  .body-card-wrapper {
    grid-row-gap: 2rem;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .styleguide_grid {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .color-grid {
    grid-template-columns: 1fr 1fr;
  }

  .style-wrapper {
    padding-left: 20px;
    padding-right: 20px;
  }

  .pd-styleguide_heading-header {
    font-size: 4rem;
  }

  .footer_block {
    grid-column-gap: 3.875rem;
    grid-row-gap: 3.875rem;
  }

  .button-secondary {
    padding-left: 1.25rem;
    padding-right: 1rem;
  }

  .button-secondary:where(.w-variant-5eac5cc8-0b87-3899-dba2-6c2a5d76a80e) {
    padding-right: 1.25rem;
  }

  .button-secondary:hover {
    background-color: var(--_colors---colors--purple);
  }

  .footer_card-bottom {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-auto-columns: 1fr;
  }

  .downloads_link {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .downloads_link:hover {
    background-color: var(--_colors---colors--white);
    color: var(--_colors---colors--purple);
  }

  .footer_links:hover {
    text-decoration-color: #0000;
  }

  .footer_astronout {
    max-width: 3.5625rem;
  }

  .footer_bottom-block {
    grid-column-gap: 0.375rem;
    grid-row-gap: 0.375rem;
  }

  .footer_bottom-wrap {
    padding: 0.875rem;
  }

  .footer_inline-links:hover {
    text-decoration-color: #0000;
  }

  .footer_bg {
    top: 9.125rem;
  }

  .navbar-wrap {
    grid-column-gap: 0.75rem;
    grid-row-gap: 0.75rem;
    padding-top: 0.875rem;
    padding-bottom: 0.875rem;
  }

  .brand_logo {
    max-width: 5.625rem;
    height: 1.25rem;
  }

  .navbar_button {
    margin-left: auto;
    padding-left: 1.125rem;
    padding-right: 0.875rem;
  }

  .navbar_button:hover {
    color: var(--_colors---colors--white);
    background-color: #fff3;
  }

  .navigation {
    background-color: var(--_colors---colors--transparent);
    padding-top: 0.5rem;
  }

  .navigation-block {
    grid-column-gap: 0.875rem;
    grid-row-gap: 0.875rem;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: var(--_colors---colors--light-gray);
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: var(--_colors---colors--light-gray);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: var(--_colors---colors--light-gray);
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: var(--_colors---colors--light-gray);
    background-color: var(--_colors---colors--white);
    border-radius: 0.75rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: stretch;
    max-height: calc(100svh - 95px);
    margin-left: 2.5rem;
    margin-right: 2.5rem;
    padding: 1.25rem 1rem;
    overflow: auto;
    box-shadow: 0 0 32px #173d443d;
  }

  .nav_dd-toggle {
    color: var(--_colors---colors--black);
    font-size: var(--_text---text--font-size--body--body-2);
    line-height: var(--_text---text--line-height--body--body-2);
    justify-content: space-between;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
  }

  .nav_dd-toggle.w--current {
    color: var(--_colors---colors--black);
  }

  .nav_dd-icon {
    width: 1.125rem;
    height: 1.125rem;
  }

  .nav_dropdown {
    margin-left: 0;
    margin-right: 0;
    position: relative;
  }

  .nav_dd-navigation.w--open {
    margin-left: 0;
    position: static;
    overflow: hidden;
  }

  .nav_dd-block {
    grid-column-gap: 0.75rem;
    grid-row-gap: 0.75rem;
    box-shadow: none;
    border-width: 0;
    border-radius: 0;
    flex-flow: column;
    margin-top: 0.75rem;
    padding: 0;
  }

  .nav_link-block {
    grid-column-gap: 0.75rem;
    grid-row-gap: 0.75rem;
    max-width: none;
  }

  .nav_links-wrap {
    padding: 0 0.625rem;
  }

  .nav_links-wrap:hover {
    background-color: var(--_colors---colors--white);
  }

  .nav_links-wrap.is-small {
    padding: 0 0.625rem;
  }

  .nav_link-title {
    color: var(--_colors---colors--gray);
    font-family: Opensans, Arial, sans-serif;
    font-size: var(--_text---text--font-size--body--body-3);
    line-height: var(--_text---text--line-height--body--body-3);
  }

  .menu-btn {
    -webkit-backdrop-filter: blur(0.75rem);
    backdrop-filter: blur(0.75rem);
    background-color: #fff3;
    border-radius: 62.4375rem;
    width: 2.375rem;
    height: 2.375rem;
    padding: 0;
  }

  .menu-btn.w--open {
    background-color: #fff3;
  }

  .menu_btn-wrap {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
    overflow: hidden;
  }

  .line {
    border-top: 1px solid var(--_colors---colors--white);
    background-color: var(--_colors---colors--white);
    border-radius: 2.5rem;
    width: 0.875rem;
  }

  .hero_section {
    min-height: 50rem;
  }

  .hero_section.is_email-collabration {
    min-height: 65rem;
  }

  .hero_section.is_read-receipts,
  .hero_section.is_ai-assistant {
    min-height: 62rem;
  }

  .hero_section.is_integration {
    min-height: 44rem;
  }

  .navbar-spacer {
    padding-top: 4.125rem;
  }

  .aeroplane_img {
    max-width: 5.9375rem;
  }

  .hero_planet {
    width: 4.5rem;
    height: 4.5rem;
    top: auto;
    bottom: 14.125rem;
    right: 2.875rem;
  }

  .hero_satelite {
    width: 2.375rem;
    height: 2.375rem;
    top: 5.75rem;
    left: 1.375rem;
  }

  .button {
    padding-left: 0.875rem;
    padding-right: 1.125rem;
  }

  .button:where(.w-variant-a8631747-7846-2def-ae6d-679e0b58ca26),
  .button:where(.w-variant-a2b3ec01-dcfa-5046-125f-cbe057239e93) {
    padding-left: 1.125rem;
    padding-right: 0.875rem;
  }

  .button:where(.w-variant-00b2db49-dd5a-cdaa-f3bb-0ee6f3968735),
  .button:where(.w-variant-f96a31eb-47f4-d8ab-4bdf-566d88c1a5de) {
    padding-left: 1.125rem;
  }

  .button:hover {
    border-color: var(--_colors---colors--light-border);
    background-color: var(--_colors---colors--purple);
    color: var(--_colors---colors--white);
  }

  .button.no-icon {
    padding-left: 1.125rem;
  }

  .lightbox_link:hover {
    color: var(--_colors---colors--white);
  }

  .inline_links:hover {
    color: var(--_colors---colors--blue);
  }

  .product_img {
    border-radius: 1rem;
  }

  .cards-block {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
  }

  .testimonial_grid {
    grid-template-columns: 1fr 1fr;
  }

  .testimonial_cards {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .testimonial_img {
    width: 3.75rem;
    height: 3.75rem;
  }

  .testimonial_comma {
    width: 1.25rem;
  }

  .testimonial_comma._2 {
    width: 1.25rem;
    height: 1.25rem;
    margin-top: 6px;
  }

  .testimonial_company-logo {
    height: 1.375rem;
  }

  .testimonial_arrow {
    margin-top: 5px;
  }

  .testimonial_arrow.is_big {
    width: 1.375rem;
    height: 1.375rem;
    margin-top: 0;
  }

  .moon-img {
    max-height: none;
  }

  .primary-link:hover {
    color: var(--_colors---colors--blue);
  }

  .products_section {
    scroll-margin-top: 4.125rem;
  }

  .features_cards {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .max-width-480 {
    max-width: none;
  }

  .faq-icon {
    margin-top: 0.25rem;
  }

  .roles_img {
    max-width: 6.875rem;
  }

  .assistant-img {
    min-height: 12.5rem;
  }

  .try_grid {
    grid-template-columns: 1fr 1fr;
  }

  .tabs_menu-links:hover {
    background-color: var(--_colors---colors--transparent);
    color: var(--_colors---colors--white);
  }

  .pricing-grid {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .pricing_cards {
    border-radius: 0.875rem;
    padding: 1.25rem;
  }

  .pricing_tag-wrap {
    grid-column-gap: 0.375rem;
    grid-row-gap: 0.375rem;
    flex-flow: wrap-reverse;
  }

  .button-tertiery {
    padding-left: 1.25rem;
    padding-right: 1rem;
  }

  .button-tertiery:where(.w-variant-5eac5cc8-0b87-3899-dba2-6c2a5d76a80e) {
    padding-right: 1.25rem;
  }

  .button-tertiery:hover {
    background-color: var(--_colors---colors--white);
    color: var(--_colors---colors--purple);
  }

  .pricing_row {
    grid-template-columns:
      minmax(200px, 32.5rem) minmax(6rem, 6.4rem) minmax(6rem, 6.4rem)
      minmax(6rem, 6.4rem);
  }

  .table-icon {
    width: 1.25rem;
    height: 1.25rem;
  }

  .pricing-section {
    margin-top: -2rem;
    margin-bottom: 2rem;
  }

  .select_links:hover {
    background-color: var(--_colors---colors--transparent);
  }

  .scheduler_logo {
    max-width: 6.25rem;
  }

  .career_card-img {
    max-width: 15rem;
  }
}

@media screen and (max-width: 767px) {
  body {
    --_gap---60: 2rem;
    --_gap---16: 0.75rem;
    --_gap---32: 1.5rem;
    --_gap---48: 2rem;
    --_gap---24: 1.125rem;
    --_gap---8: 0.5rem;
    --_gap---40: 2rem;
    --_gap---10: 0.625rem;
    --_gap---12: 0.75rem;
    --_gap---160: 1.5rem;
    --_gap---18: 0.875rem;
    --_gap---6: 0.375rem;
    --_gap---4: 0.25rem;
    --_gap---72: 2.625rem;
    --_gap---100: 3.75rem;
    --_gap---28: 1.25rem;
    --_gap---14: 0.875rem;
    --_gap---36: 1.75rem;
    --_gap---42: 1.5rem;
    --_gap---80: 2rem;
    --_gap---20: 1rem;
    --_gap---2: 0.125rem;
    --_gap---5: 0.3125rem;
    --_gap---56: 2.5rem;
    --_gap---96: 6rem;
    --_text---text--font-size--body--body-2: 1rem;
    --_text---text--line-height--body--body-2: 1.5rem;
    --_text---text--font-size--heading--h1: 2.125rem;
    --_text---text--line-height--heading--h1: 2.875rem;
    --_text---text--font-size--heading--h2: 1.75rem;
    --_text---text--line-height--heading--h2: 2.5rem;
    --_text---text--font-size--heading--h3: 1.625rem;
    --_text---text--line-height--heading--h3: 2.25rem;
    --_text---text--font-size--heading--h4: 1.125rem;
    --_text---text--line-height--heading--h4: 1.875rem;
    --_text---text--font-size--heading--h5: 1rem;
    --_text---text--line-height--heading--h5: 1.75rem;
    --_text---text--font-size--body--body-1: 1.125rem;
    --_text---text--line-height--body--body-1: 1.625rem;
    --_text---text--font-size--body--body-3: 0.875rem;
    --_text---text--line-height--body--body-3: 1.375rem;
    --_text---text--font-size--body--body-4: 0.875rem;
    --_text---text--line-height--body--body-4: 1.375rem;
    --_text---text--font-size--button--button-medium: 1rem;
    --_text---text--line-height--button--button-md: 1.5rem;
    --_text---text--font-size--button--button-sm: 0.875rem;
    --_text---text--line-height--button--button-sm: 1.375rem;
  }

  .hero_play-btn {
    max-width: 4rem;
    display: flex;
  }

  .question_wrap {
    padding-right: 0;
  }

  .info_block {
    position: static;
  }

  .slider_mask.is-large {
    max-width: 52%;
  }

  .slider_arrow-wrap {
    width: 2rem;
    height: 2rem;
  }

  .device_bg {
    order: 9999;
    min-width: auto;
    max-width: 26.5rem;
  }

  ._404_block {
    flex-direction: column;
    display: flex;
  }

  .popup {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  .submit-button {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }

  .form_head-block {
    margin-bottom: 0.75rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .popup-success.is-pricing {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .popup_success-wrap {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .success-icon {
    width: 4rem;
    height: 4rem;
    margin-bottom: 1rem;
  }

  .blog-list {
    grid-template-columns: 1fr;
  }

  .rich_text h1 {
    font-size: 2rem;
    line-height: 2.75rem;
  }

  .rich_text h2 {
    margin-top: 1.5rem;
    font-size: 1.5rem;
    line-height: 2.25rem;
  }

  .rich_text h3 {
    margin-top: 1rem;
    font-size: 1.375rem;
    line-height: 2.125rem;
  }

  .rich_text h4 {
    margin-top: 0.875rem;
    font-size: 1.25rem;
    line-height: 2rem;
  }

  .rich_text h5 {
    margin-top: 0.75rem;
    font-size: 1.125rem;
    line-height: 1.875rem;
  }

  .rich_text p {
    margin-top: 0.5rem;
    line-height: 1.375rem;
  }

  .rich_text ul {
    padding-left: 1.25rem;
  }

  .rich_text figure {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }

  .rich_text h6 {
    margin-top: 0.625rem;
    font-size: 0.875rem;
    line-height: 1.625rem;
  }

  .rich_text ol {
    padding-left: 1.25rem;
  }

  .form-inputs {
    padding-top: 0.75rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .form-inputs.is-grid,
  .pd_spacing-wrap {
    grid-template-columns: 1fr;
  }

  .body-card-wrapper {
    grid-template-columns: 1fr 1fr;
  }

  .typeface-wrapper,
  .styleguide_grid {
    grid-template-columns: 1fr;
  }

  .padding-global {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .style-wrapper {
    padding: 20px;
  }

  .footer_block {
    grid-column-gap: 3.25rem;
    grid-row-gap: 3.25rem;
  }

  .button-secondary {
    padding-left: 1.125rem;
    padding-right: 0.875rem;
  }

  .button-secondary:where(.w-variant-5eac5cc8-0b87-3899-dba2-6c2a5d76a80e) {
    padding-right: 1.125rem;
  }

  .footer_card-bottom {
    grid-column-gap: 3.5rem;
    grid-row-gap: 3.5rem;
    flex-flow: column;
    grid-template-columns: 1fr;
    align-items: center;
  }

  .downloads_link {
    padding-left: 0.875rem;
    padding-right: 0.875rem;
  }

  .footer_links-wrap {
    grid-row-gap: 1.25rem;
  }

  .footer_links {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }

  .footer_astronout {
    max-width: 2.1875rem;
    margin-left: 1.125rem;
  }

  .footer_bottom-block {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    flex-flow: column;
    align-items: flex-start;
  }

  .footer_bottom-wrap {
    margin-left: 0;
    padding: 0.75rem;
  }

  .footer-triangle {
    display: none;
  }

  .footer_bg {
    top: 24.125rem;
  }

  .navbar-wrap {
    grid-column-gap: 0.375rem;
    grid-row-gap: 0.375rem;
  }

  .brand_logo {
    padding-left: 0;
  }

  .navbar_button {
    padding-left: 1rem;
    padding-right: 0.875rem;
  }

  .navigation-block {
    grid-column-gap: 0.75rem;
    grid-row-gap: 0.75rem;
    margin-left: 1.25rem;
    margin-right: 1.25rem;
    padding: 1.125rem 0.875rem;
  }

  .nav_dd-navigation {
    position: static;
  }

  .hero_section {
    min-height: 37.5rem;
    max-height: 43.75rem;
  }

  .hero_section.is_email-collabration {
    min-height: 55rem;
    max-height: none;
  }

  .hero_section.is_read-receipts {
    min-height: 52rem;
    max-height: none;
  }

  .hero_section.is_ai-assistant {
    min-height: 54rem;
    max-height: none;
  }

  .hero_section.is_pricing {
    max-height: none;
  }

  .hero_section.is_integration {
    max-height: 44rem;
  }

  .hero_planet {
    width: 3rem;
    height: 3rem;
    bottom: 16%;
    right: 1.875rem;
  }

  .hero_satelite {
    width: 1.625rem;
    height: 1.625rem;
    top: 9.375rem;
  }

  .button {
    padding-right: 1rem;
  }

  .button:where(.w-variant-a8631747-7846-2def-ae6d-679e0b58ca26),
  .button:where(.w-variant-a2b3ec01-dcfa-5046-125f-cbe057239e93) {
    padding-left: 1rem;
    padding-right: 0.875rem;
  }

  .button:where(.w-variant-00b2db49-dd5a-cdaa-f3bb-0ee6f3968735),
  .button:where(.w-variant-f96a31eb-47f4-d8ab-4bdf-566d88c1a5de),
  .button.no-icon {
    padding-left: 1rem;
  }

  .star_animation,
  .falling_star,
  .falling_star-2 {
    display: none;
  }

  .product_img {
    border-radius: 0.75rem;
  }

  .logos_wrap {
    grid-row-gap: 0.75rem;
  }

  .logos_img {
    height: 1.875rem;
  }

  .cards-block {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    flex-flow: column;
    padding-left: 0;
    padding-right: 0;
  }

  .cards-divider {
    border-top: 1px solid var(--_colors---colors--light-border);
    border-left-width: 0;
  }

  .home_cards {
    max-width: none;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .home_cards_img {
    height: 5rem;
  }

  .testimonial_grid,
  .testimonial_grid.is_2 {
    grid-template-columns: 1fr;
  }

  .testimonial_cards {
    grid-column-gap: 0.75rem;
    grid-row-gap: 0.75rem;
  }

  .testimonial_img {
    width: 3rem;
    height: 3rem;
  }

  .testimonial_comma {
    width: 1rem;
  }

  .testimonial_comma._2 {
    height: 1rem;
  }

  .testimonial_company-logo {
    height: 1.25rem;
  }

  .testimonial_arrow.is_big {
    width: 1.25rem;
    height: 1.25rem;
  }

  .features_cards {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
  }

  .features_img-wrap {
    order: 9999;
    width: auto;
    max-width: none;
    margin-left: -1rem;
    margin-right: -1rem;
  }

  .features_img-wrap:where(.w-variant-97da01c3-41fa-4c5f-fbee-e26180e4a213) {
    order: 9999;
    margin-right: -1rem;
  }

  .ans-wrap {
    padding-right: 2rem;
  }

  .faq-icon {
    width: 1.25rem;
    height: 1.25rem;
  }

  .roles_grid {
    grid-template-columns: 1fr;
  }

  .assistant-cards {
    max-width: none;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .assistant-img {
    min-height: auto;
    margin-left: auto;
    margin-right: auto;
  }

  .control-img {
    width: auto;
    max-width: none;
    margin-left: -1rem;
    margin-right: -1rem;
  }

  .control-img:where(.w-variant-97da01c3-41fa-4c5f-fbee-e26180e4a213) {
    order: 9999;
    margin-right: -1rem;
  }

  .try_grid {
    grid-template-columns: 1fr;
  }

  .cards_wrapper {
    max-width: none;
  }

  .pricing-grid {
    grid-template-columns: 1fr;
  }

  .pricing_cards {
    padding: 1.125rem;
  }

  .pricing_list-item {
    background-size: 0.875rem 0.875rem;
    padding-left: 1.375rem;
  }

  .pricing_bottom {
    border-bottom: 1px solid var(--_colors---colors--light-gray);
    margin-bottom: 0.75rem;
    padding-bottom: 0.75rem;
  }

  .button-tertiery {
    padding-left: 1.125rem;
    padding-right: 0.875rem;
  }

  .button-tertiery:where(.w-variant-5eac5cc8-0b87-3899-dba2-6c2a5d76a80e) {
    padding-right: 1.125rem;
  }

  .pricing-section,
  .pricing-btn {
    display: none;
  }

  .all_feature-btn {
    color: var(--_colors---colors--purple);
    font-size: var(--_text---text--font-size--body--body-3);
    line-height: var(--_text---text--line-height--body--body-3);
    cursor: pointer;
    justify-content: space-between;
    align-items: center;
    font-weight: 500;
    display: flex;
  }

  .all_feature-wrap {
    display: block;
    overflow: hidden;
  }

  .all_features-content {
    grid-column-gap: 0.75rem;
    grid-row-gap: 0.75rem;
    flex-flow: column;
    padding-top: 1rem;
    display: flex;
  }

  .scheduler_logo {
    max-width: 5rem;
  }

  .newton_features-wrap {
    grid-template-columns: 1fr;
  }

  .faq_block {
    column-count: 1;
  }

  .career_cards {
    flex-flow: column;
  }

  .career_card-img {
    order: 9999;
  }

  .press_logos-wrap {
    flex-flow: wrap;
    justify-content: center;
    align-items: stretch;
  }

  .press_logo-box {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    justify-content: flex-start;
    align-items: center;
    width: 45%;
  }

  .slider_arrow {
    width: 1.25rem;
    height: 1.25rem;
  }

  .faq_category-wrap {
    flex-flow: column;
  }
}

@media screen and (max-width: 479px) {
  a:hover {
    text-decoration: none;
  }

  .que_search {
    margin-bottom: 30px;
  }

  .search-wrap {
    flex-flow: column;
  }

  .info_block {
    max-width: none;
  }

  .slider_mask {
    max-width: 95%;
  }

  .slider_mask.is-large {
    max-width: none;
  }

  .device_bg {
    background-size: auto 600px;
    height: 659px;
  }

  .gif {
    width: auto;
    height: 405px;
  }

  .details_top-block {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    flex-flow: column;
  }

  .auther_text-block {
    flex-flow: wrap;
  }

  .recent_top-block {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: wrap;
  }

  .body-card-wrapper,
  .color-grid {
    grid-template-columns: 1fr;
  }

  .hero_section {
    background-position:
      50% 100%,
      50% 0,
      0 0;
  }

  .features_img-wrap,
  .control-img {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }

  .press_logo-box {
    width: 43%;
  }
}

#w-node-f4698dd1-5ea2-f589-32cf-ef9c826d1488-a8763425,
#w-node-_673c1c5c-90d5-4c71-b94a-bca97d9110fc-a8763425 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_6676ace8-b798-91bb-fef8-490c19007389-a8763425 {
  grid-area: 2 / 3 / 2 / 4;
}

#w-node-e58b9963-669d-45e9-6480-5a1563865343-a8763425 {
  grid-area: 2 / 2 / 2 / 3;
}

#w-node-c80f55c4-2f8f-c38c-99bf-e830fc68e4b4-a8763425 {
  grid-area: 2 / 1 / 2 / 2;
}

#w-node-a01dd413-b580-03a0-447b-0bc76e394219-87861e54,
#w-node-_4057c829-21f1-b4dd-7baa-20f371a5a7d5-87861e54,
#w-node-_1f4f3865-4d08-021f-86a3-42ecee76c116-87861e54,
#w-node-c1316547-d4b4-4dd4-1325-a31cf568a871-87861e54 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_1a54d8de-f5dc-ad43-df43-0c91faf2499d-faf2499c:where(
  .w-variant-5db08ace-ffd0-1ff7-c122-b119cfa637a3
) {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

@media screen and (max-width: 767px) {
  #w-node-a01dd413-b580-03a0-447b-0bc76e394219-87861e54,
  #w-node-_4057c829-21f1-b4dd-7baa-20f371a5a7d5-87861e54,
  #w-node-_1f4f3865-4d08-021f-86a3-42ecee76c116-87861e54,
  #w-node-c1316547-d4b4-4dd4-1325-a31cf568a871-87861e54 {
    grid-column: span 1 / span 1;
  }
}

@font-face {
  font-family: "Opensans";
  src:
    url("../fonts/OpenSans-Bold.ttf") format("truetype"),
    url("../fonts/OpenSans-ExtraBold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Opensans";
  src: url("../fonts/OpenSans-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Opensans";
  src: url("../fonts/OpenSans-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Sourceserifpro";
  src: url("../fonts/SourceSerifPro-Semibold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Sourceserifpro";
  src: url("../fonts/SourceSerifPro-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Sourceserifpro";
  src: url("../fonts/SourceSerifPro-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Opensans";
  src: url("../fonts/OpenSans-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}