/**/
/* fonts */
/**/
@font-face {
  font-family: Gilroy;
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('../fnt/Gilroy-Light.otf') format('opentype');
}
@font-face {
  font-family: Gilroy;
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url('../fnt/Gilroy-LightItalic.otf') format('opentype');
}
@font-face {
  font-family: Gilroy;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fnt/Gilroy-Regular.otf') format('opentype');
}
@font-face {
  font-family: Gilroy;
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("../fnt/Gilroy-RegularItalic.otf") format('opentype');
}
@font-face {
  font-family: Gilroy;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../fnt/Gilroy-Medium.otf') format('opentype');
}
@font-face {
  font-family: Gilroy;
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url("../fnt/Gilroy-MediumItalic.otf") format('opentype');
}
@font-face {
  font-family: Gilroy;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../fnt/Gilroy-SemiBold.otf') format('opentype');
}
@font-face {
  font-family: Gilroy;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fnt/Gilroy-Bold.otf') format('opentype');
}
@font-face {
  font-family: Gilroy;
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("../fnt/Gilroy-ExtraBold.otf") format('opentype');
}
@font-face {
  font-family: Gilroy;
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url("../fnt/Gilroy-ExtraBoldItalic.otf") format('opentype');
}


/**/
/* reset */
/**/
*,
*::after,
*::before {
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
  background-color: transparent;
  background-position: 50% 50%;
  box-sizing: border-box;
  font: inherit;
  text-align: inherit;
  text-decoration: none;
  letter-spacing: inherit;
  color: inherit;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
}


/**/
/* defaults */
/**/
html, body {
  background-color: #000;
  font-family: Gilroy, Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.25;
  font-weight: 500;
  color: #8B939F;
  -webkit-font-smoothing: antialiased;
}
svg, img, label {
  display: block;
}
button {
  cursor: pointer;
}
video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


/**/
/* grid */
/**/
.grid-cont {
  flex-grow: 1;
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 40px;
  padding-left: 40px;
  box-sizing: content-box;
}
.grid-cont--sm {
  max-width: 980px;
}
.grid-cont--lg {
  max-width: 1240px;
}
.grid-cont--xl {
  max-width: none;
}
.grid-row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -20px;
  margin-left: -20px;
}
.grid-row--aic {
  align-items: center;
}
.grid-row--aib {
  align-items: flex-end;
}
.grid-row--ais {
  align-items: stretch;
}
.grid-row--jcc {
  justify-content: center;
}
.grid-row--jce {
  justify-content: flex-end;
}
.grid-row--jca {
  justify-content: space-around;
}
.grid-row--jcb {
  justify-content: space-between;
}
.grid-row--nog {
  margin-right: 0;
  margin-left: 0;
}
.grid-row--nog > .grid-col {
  padding-right: 0;
  padding-left: 0;
}
.grid-col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
  padding-right: 20px;
  padding-left: 20px;
}
.grid-col--1 {
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
}
.grid-col--2 {
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}
.grid-col--3 {
  flex: 0 0 25%;
  max-width: 25%;
}
.grid-col--4 {
  flex: 0 0 33.333%;
  max-width: 33.333%;
}
.grid-col--5 {
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}
.grid-col--6 {
  flex: 0 0 50%;
  max-width: 50%;
}
.grid-col--7 {
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}
.grid-col--8 {
  flex: 0 0 66.667%;
  max-width: 66.667%;
}
.grid-col--9 {
  flex: 0 0 75%;
  max-width: 75%;
}
.grid-col--10 {
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}
.grid-col--11 {
  flex: 0 0 91.666667%;
  max-width: 91.666667%;
}
.grid-col--12 {
  flex: 0 0 100%;
  max-width: 100%;
}
.grid-col--auto {
  flex: 0 0 auto;
  width: auto;
  max-width: none;
}
@media screen and (max-width: 1279.98px) {
  .grid-col--lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .grid-col--lg-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .grid-col--lg-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .grid-col--lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .grid-col--lg-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .grid-col--lg-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .grid-col--lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .grid-col--lg-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .grid-col--lg-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .grid-col--lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .grid-col--lg-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .grid-col--lg-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .grid-col--lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .grid-col--lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
}
@media screen and (max-width: 1023.98px) {
  .grid-cont {
    max-width: 708px;
    padding-right: 30px;
    padding-left: 30px;
  }
  .grid-cont--lg,
  .grid-cont--xl {
    max-width: none;
  }
  .grid-col--md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .grid-col--md-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .grid-col--md-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .grid-col--md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .grid-col--md-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .grid-col--md-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .grid-col--md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .grid-col--md-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .grid-col--md-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .grid-col--md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .grid-col--md-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .grid-col--md-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .grid-col--md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .grid-col--md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .grid-col--md-order-first {
    order: -1;
  }
  .grid-row--md-wrap {
    flex-direction: column;
  }
}
@media screen and (max-width: 767.98px) {
  .grid-cont {
    padding-right: 20px;
    padding-left: 20px;
  }
  .grid-col--sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .grid-col--sm-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .grid-col--sm-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .grid-col--sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .grid-col--sm-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .grid-col--sm-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .grid-col--sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .grid-col--sm-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .grid-col--sm-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .grid-col--sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .grid-col--sm-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .grid-col--sm-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .grid-col--sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .grid-col--sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .grid-col--sm-order-0 {
    order: -1;
  }
}
@media screen and (max-width: 599.98px) {
  .grid-col--xs {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .grid-col--xs-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .grid-col--xs-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .grid-col--xs-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .grid-col--xs-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .grid-col--xs-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .grid-col--xs-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .grid-col--xs-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .grid-col--xs-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .grid-col--xs-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .grid-col--xs-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .grid-col--xs-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .grid-col--xs-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .grid-col--xs-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
}


/**/
/* display */
/**/
.removed {
  display: none;
}
.blocked {
  display: block;
}
.inlined {
  display: inline;
}
@media screen and (max-width: 1279.98px) {
  .removed--lg {
    display: none;
  }
  .blocked--lg {
    display: block;
  }
  .inlined--lg {
    display: inline;
  }
}
@media screen and (max-width: 1023.98px) {
  .removed--md {
    display: none;
  }
  .blocked--md {
    display: block;
  }
  .inlined--md {
    display: inline;
  }
}
@media screen and (max-width: 767.98px) {
  .removed--sm {
    display: none;
  }
  .blocked--sm {
    display: block;
  }
  .inlined--sm {
    display: inline;
  }
}
@media screen and (max-width: 599.98px) {
  .removed--xs {
    display: none;
  }
  .blocked--xs {
    display: block;
  }
  .inlined--xs {
    display: inline;
  }
}


/**/
/* typography */
/**/
h1, .h1 {
  font-size: 48px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: -0.02em;
}
h2, .h2 {
  font-size: 42px;
  line-height: 1.125;
  font-weight: 800;
  letter-spacing: -0.01em;
  color: #FFF;
}
h3, .h3 {
  font-size: 28px;
  line-height: 32px;
  font-weight: 800;
  letter-spacing: -0.02em;
  color: #FFF;
}
h4, .h4 {
  font-size: 20px;
  font-weight: 700;
  color: #FFF;
}
.text-20 {
  font-size: 20px;
  line-height: 1.25;
}
.text-22 {
  font-size: 22px;
  line-height: 1.25;
}
.text-24 {
  font-size: 24px;
  line-height: 1.125;
}
.text-link {
  color: #00BEFF;
  transition-duration: 0.25s;
  transition-property: color;
}
.text-link:hover {
  color: #FFF;
}
.underline {
  text-decoration: underline;
}
@media only screen and (max-width: 1279px) {
  .text-22 {
    font-size: 20px;
  }
}
@media screen and (max-width: 767.98px) {
  h1, .h1 {
    font-size: 42px;
  }
  h2, .h2 {
    font-size: 36px;
  }
}
@media screen and (max-width: 599.98px) {
  h1, .h1 {
    font-size: 36px;
  }
}


/**/
/* colors */
/**/
.tc--green {
  color: #07D372;
}
.tc--pink {
  color: #D854CD;
}
.tc--yellow {
  color: #FFC82F;
}
.tc--purple {
  color: #9E73FF;
}
.tc--primary {
  color: #00BEFF;
}


/**/
/* margins */
/**/
.mt--100 {
  margin-top: 20px;
}
.mt--150 {
  margin-top: 30px;
}


/**/
/* page */
/**/
.page {
  position: relative;
  height: 100vh;
  overflow: hidden;
}
.overflow {
  overflow: hidden;
}
@media screen and (max-width: 1023.98px) {
  .page {
    overflow: hidden !important;
  }
}




/**/
/* HEADER */
/**/


/**/
/* header */
/**/
.header {
  position: fixed;
  z-index: 10;
  top: 0;
  right: 0;
  left: 0;
  padding: 15px 0;
  pointer-events: none;
  transform: translate(0, -100%);
  transition-duration: 0.375s;
  transition-property: transform;
}
.header::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0,0,0,0.5);
  backdrop-filter: blur(20px);
}
.header.active {
  pointer-events: auto;
  transform: none;
}


/**/
/* logo */
/**/
.logo {
  position: relative;
  display: block;
}


/**/
/* burger */
/**/
.burger {
  display: none;
  width: 30px;
  height: 30px;
  border-radius: 6px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="white"><rect x="1" y="2" width="14" height="2"/><rect x="1" y="7" width="14" height="2"/><rect x="1" y="12" width="14" height="2"/></svg>') 50% 50%/16px 16px no-repeat;
}
@media screen and (max-width: 767.98px) {
  .burger {
    display: block;
  }
}


/**/
/* main nav */
/**/
.main-nav {
  position: relative;
  display: flex;
  align-items: center;
  margin-left: -20px;
}
.main-nav__vr {
  height: 24px;
  margin-top: 11px;
  margin-bottom: 11px;
  margin-left: 20px;
  border-left: 1px solid #9C9C9C;
  opacity: 0.5;
}
.main-nav__new {
  display: inline-block;
  vertical-align: top;
  width: 40px;
  height: 20px;
  margin: 2px 0 2px 4px;
  padding-top: 1px;
  padding-left: 5px;
  background: url('data:image/svg+xml;utf8,<svg width="40" height="20" viewBox="0 0 40 20" fill="%23D75359" xmlns="http://www.w3.org/2000/svg"><path d="M40 4.39286C40 1.96675 38.0333 0 35.6071 0L11.8572 0C9.70361 0 7.65923 0.948178 6.26813 2.59221L1.20049 8.58123C0.507553 9.40016 0.507552 10.5998 1.20049 11.4188L6.26813 17.4078C7.65923 19.0518 9.70361 20 11.8572 20H35.6071C38.0332 20 40 18.0332 40 15.6071V4.39286Z" /></svg>') 50% 50%/40px 20px;
  font-size: 11px;
  line-height: 19px;
  font-weight: 700;
  text-align: center;
  color: #FFF;
}
.main-nav__link {
  margin-left: 20px;
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
  color: #00BEFF;
  transition-duration: 0.25s;
  transition-property: color;
}
.main-nav__link:hover {
  color: #FFF;
}
.main-nav__link--sm {
  font-size: 16px;
  color: #E2E2E2;
}
.main-nav__link--new::after {
  content: 'New';
  display: inline-block;
  vertical-align: top;
  width: 55px;
  height: 27px;
  margin: -1.5px 0 -1.5px 6px;
  padding-left: 8px;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 55 27" fill="%23FFC72F"><path d="M55 6C55 2.68629 52.3137 0 49 0L17.036 0C14.4468 0 11.9585 1.00428 10.0947 2.80156L1.23951 11.3405C0.0160553 12.5202 0.016058 14.4798 1.23952 15.6595L10.0947 24.1984C11.9585 25.9957 14.4468 27 17.036 27H49C52.3137 27 55 24.3137 55 21V6Z"/></svg>') 50% 50%/55px 27px;
  font-size: 15px;
  line-height: 27px;
  font-weight: 700;
  text-align: center;
  color: #000;
  transition-duration: 0.25s;
  transition-property: opacity;
}
.main-nav__link--free::after {
  content: 'Free';
  display: inline-block;
  vertical-align: top;
  width: 55px;
  height: 27px;
  margin: -1.5px 0 -1.5px 6px;
  padding-left: 8px;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 55 27" fill="%232EB67D"><path d="M55 6C55 2.68629 52.3137 0 49 0L17.036 0C14.4468 0 11.9585 1.00428 10.0947 2.80156L1.23951 11.3405C0.0160553 12.5202 0.016058 14.4798 1.23952 15.6595L10.0947 24.1984C11.9585 25.9957 14.4468 27 17.036 27H49C52.3137 27 55 24.3137 55 21V6Z"/></svg>') 50% 50%/55px 27px;
  font-size: 15px;
  line-height: 27px;
  font-weight: 700;
  text-align: center;
  color: #000;
  transition-duration: 0.25s;
  transition-property: opacity;
}
.main-nav__button {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 20px;
  padding: 9px 13px;
  border-radius: 6px;
  border: 2px solid transparent;
  background: #00BEFF;
  font-size: 18px;
  line-height: 24px;
  font-weight: 800;
  color: #000;
  transition-duration: 0.25s;
  transition-property: border, background-color, color;
}
.main-nav__button--sm {
  padding: 5px 10px;
  font-size: 16px;
  background-color: #FEC72F;
}
.main-nav__button--forever {
  background: #FEC72F;
}
.main-nav__button--team {
  background: #04D372;
}
.main-nav__button + .main-nav__button {
  margin-left: 1.5ch;
}
@media screen and (max-width: 1023.98px) {
  .main-nav__button + .main-nav__button {
    margin-left: 0;
    margin-top: 1ch;
  }
}
.main-nav__button:hover {
  background-color: white;
  border-color: white;
  color: black;
}
.main-nav__button > *:not(:last-child) {
  margin-right: .8ch;
}
.main-nav__button__outline {
  background: transparent;
  border-color: #00BEFF;
  color: #00BEFF;
}
.main-nav__button__cta {
  width: 300px;
  margin: 0;
}
.main-nav__button__icon__foreground {
  fill: black
}
.main-nav__button__icon__background {
  fill: currentColor
}
.main-nav__button__cta:hover .main-nav__button__icon__foreground {
  fill: white
}
.main-nav__button__cta:hover .main-nav__button__icon__background {
  fill: currentColor
}
@media screen and (max-width: 1023.98px) {
  .main-nav__vr,
  .main-nav__link,
  .main-nav__button {
    margin-left: 15px;
    font-size: 15px;
  }
}
@media screen and (max-width: 767.98px) {
  .main-nav__vr {
    display: none;
  }
  .main-nav__link {
    display: none;
  }
  .main-nav__link--new {
    display: block;
    margin-right: 15px;
    margin-left: 0;
  }
  .main-nav__link--new::after {
    display: none;
  }
  .main-nav__link--new::before {
    content: 'New';
    display: inline-block;
    vertical-align: top;
    width: 33px;
    height: 18px;
    margin: 3px 4px 3px 0;
    padding-right: 4px;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 33 18" fill="%23FFC72F"><path d="M0 3C0 1.34315 1.34315 0 3 0L22.5363 0C23.8188 0 25.0521 0.492745 25.9815 1.37638L31.7132 6.82582C32.9571 8.00842 32.9571 9.99158 31.7132 11.1742L25.9815 16.6236C25.0521 17.5073 23.8188 18 22.5363 18H3C1.34315 18 0 16.6569 0 15L0 3Z"/></svg>') 50% 50%/33px 18px;
    font-size: 10px;
    line-height: 18px;
    font-weight: 700;
    text-align: center;
    color: #000;
  }
  .main-nav__link--new ~ .main-nav__button {
    display: none;
  }
  .main-nav__link--visible {
    display: block;
    margin-right: 10px;
    margin-left: 0;
  }
  .main-nav__link--visible ~ .main-nav__button {
    display: none;
  }
  .main-nav__button {
    margin-right: 10px;
    padding: 1px 8px;
  }
}


/**/
/* mobile nav */
/**/
.mobile-nav {
  position: fixed;
  z-index: 1000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  pointer-events: none;
  background: rgba(0, 0, 0, 0.9);
  backdrop-filter: blur(7.5px);
  opacity: 0;
  transition-duration: 0.375s;
  transition-property: opacity;
}
.mobile-nav.active {
  pointer-events: auto;
  opacity: 1;
}
.mobile-nav .logo {
  position: absolute;
  top: 16px;
  left: 20px;
}
.mobile-nav .logo--sm {
  top: 20px;
}
.mobile-nav__close {
  position: absolute;
  top: 15px;
  right: 20px;
  width: 30px;
  height: 30px;
  border-radius: 6px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="white"><rect x="3.75736" y="2.34315" width="14" height="2" transform="rotate(45 3.75736 2.34315)"/><rect x="2.34315" y="12.2426" width="14" height="2" transform="rotate(-45 2.34315 12.2426)"/></svg>') 50% 50%/16px 16px no-repeat;
}
.mobile-nav__link {
  padding: 10px 0;
  font-size: 30px;
  line-height: 120%;
  font-weight: 700;
  color: #00BEFF;
}
.mobile-nav__link--new::after {
  content: 'New';
  display: inline-block;
  vertical-align: top;
  width: 55px;
  height: 27px;
  margin: 5px 0 4px 10px;
  padding-left: 8px;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 55 27" fill="%23FFC72F"><path d="M55 6C55 2.68629 52.3137 0 49 0L17.036 0C14.4468 0 11.9585 1.00428 10.0947 2.80156L1.23951 11.3405C0.0160553 12.5202 0.016058 14.4798 1.23952 15.6595L10.0947 24.1984C11.9585 25.9957 14.4468 27 17.036 27H49C52.3137 27 55 24.3137 55 21V6Z"/></svg>') 50% 50%/55px 27px;
  font-size: 15px;
  line-height: 27px;
  font-weight: 700;
  text-align: center;
  color: #000;
}
.mobile-nav__link--free::after {
  content: 'Free';
  display: inline-block;
  vertical-align: top;
  width: 55px;
  height: 27px;
  margin: 5px 0 4px 10px;
  padding-left: 8px;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 55 27" fill="%232EB67D"><path d="M55 6C55 2.68629 52.3137 0 49 0L17.036 0C14.4468 0 11.9585 1.00428 10.0947 2.80156L1.23951 11.3405C0.0160553 12.5202 0.016058 14.4798 1.23952 15.6595L10.0947 24.1984C11.9585 25.9957 14.4468 27 17.036 27H49C52.3137 27 55 24.3137 55 21V6Z"/></svg>') 50% 50%/55px 27px;
  font-size: 15px;
  line-height: 27px;
  font-weight: 700;
  text-align: center;
  color: #000;
}
.mobile-nav__hr {
  margin: 5px 0;
  border-top: 1px solid #9C9C9C;
  opacity: 0.3;
}
.mobile-nav__button {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 56px;
  margin-top: 20px;
  border-radius: 6px;
  background: #00BEFF;
  font-size: 20px;
  font-weight: 800;
  text-align: center;
  color: #000;
}
.mobile-nav__button--forever {
  background: #FEC72F;
}
.mobile-nav__button--team {
  background: #04D372;
}


/**/
/* hiring badge */
/**/
.hiring-badge {
  position: relative;
  display: block;
  width: 115px;
  margin-right: auto;
  margin-left: 10px;
  padding-left: 7px;
  background: url('data:image/svg+xml;utf8,<svg width="115" height="27" viewBox="0 0 115 27" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M115 6C115 2.68629 112.314 0 109 0L17.036 0C14.4468 0 11.9585 1.00428 10.0947 2.80156L1.23951 11.3405C0.0160553 12.5202 0.016058 14.4798 1.23952 15.6595L10.0947 24.1984C11.9585 25.9957 14.4468 27 17.036 27L109 27C112.314 27 115 24.3137 115 21V6Z" fill="%23D75359"/></svg>');
  font-size: 15px;
  line-height: 27px;
  font-weight: 700;
  text-align: center;
  color: #FFF;
  transition-duration: 0.25s;
  transition-property: opacity;
}
.hiring-badge:hover {
  opacity: 0.9;
}
@media screen and (max-width: 1023.98px) {
  .hiring-badge {
    display: none;
  }
}


/**/
/* CONTENT */
/**/

/**/
/* intro */
/**/
.intro {
  position: relative;
  isolation: isolate;
  margin-bottom: 80px;
  padding-top: 31px;
  text-align: center;
  color: #FFF;
}
.intro--pp {
  z-index: 1;
  margin-bottom: 0;
}
.intro--new {
  margin-right: -40px;
  margin-bottom: -40px;
  margin-left: -40px;
  padding-right: 40px;
  padding-bottom: 80px;
  padding-left: 40px;
  overflow: hidden;
}
.intro--new ~ .slides {
  margin-top: 0;
}
.intro--alt {
  padding-bottom: 60px;
  margin-bottom: 215px;
  border-bottom: 100px solid transparent;
}
.intro--alt::before {
  content: '';
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 100vw;
  margin-left: -50vw;
  background: linear-gradient(180deg, #000000 50%, #1B1B20 100%);
}
.intro__nav {
  position: absolute;
  top: 45px;
  right: 0;
  margin-top: -23px;
  margin-right: 0;
}
.intro--new .intro__nav {
  right: 40px;
}
.intro__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: -1px;
}
.intro__head--alt {
  margin-bottom: 60px;
}
.intro__logo {
  display: block;
  width: 142px;
  margin-bottom: 61px;
}
.intro__logo--left {
  display: block;
  margin-bottom: 81px;
}
.intro__overline {
  margin-bottom: 15px;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 0.02em;
  color: #A9A9A9;
  opacity: 0;
  transform: translateY(40px);
  transition-duration: 0.75s;
  transition-delay: 0.25s;
  transition-property: opacity, transform;
}
.intro__overline a {
  text-decoration: underline;
}
.intro__overline a:hover {
  color: #fff;
}
.intro__title {
  opacity: 0;
  transform: translateY(40px);
  transition-duration: 0.75s;
  transition-delay: 0.25s;
  transition-property: opacity, transform;
}
.intro__title span {
  display: inline-block;
  vertical-align: top;
  background: rgba(0, 190, 255, 0.3);
  color: #00BEFF;
}
.intro__title--short {
  max-width: 780px;
  margin-right: auto;
  margin-bottom: 50px;
  margin-left: auto;
}
.intro__subtitle {
  max-width: 620px;
  margin: 10px auto 40px;
  font-size: 18px;
  font-weight: 500;
  color: #8B939F;
  opacity: 0;
  transform: translateY(40px);
  transition-duration: 0.75s;
  transition-delay: 0.375s;
  transition-property: opacity, transform;
}
.intro__subtitle--md {
  max-width: 960px;
  margin-top: 20px;
  margin-bottom: 0;
  font-size: 16px;
}
.intro__subtitle--sm {
  max-width: 650px;
  margin-top: 15px;
  margin-bottom: 0;
  font-size: 15px;
  line-height: 1.3334;
  color: #9C9C9C;
}
.intro__subtitle--sm a {
  text-decoration: underline;
}
.intro__subtitle--sm a:hover {
  color: #fff;
}
.intro__subtitle--sm span {
  background-color: rgba(0, 190, 255, 0.3);
  font-weight: 700;
  color: #00BEFF;
}
.intro__subtitle--teams {
  font-size: 20px;
}
.intro__subtitle--lg {
  max-width: 550px;
  margin-top: 15px;
  margin-bottom: -5px;
  font-size: 22px;
  line-height: 1.272727272727273;
  color: #9C9C9C;
}
.intro__callout {
  opacity: 0;
  transform: translateY(40px);
  transition-duration: 0.75s;
  transition-delay: 0.5s;
  transition-property: opacity, transform;
}
.callout__note-link {
  text-decoration: underline;
  white-space: nowrap;
  cursor: pointer;
}
.callout__note-link:hover {
  text-decoration: none;
}
.intro__logos {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 50px;
  margin: 50px 0 -40px;
  opacity: 0;
  transform: translateY(40px);
  transition-duration: 0.75s;
  transition-delay: 0.75s;
  transition-property: opacity, transform;
}
.intro__logos--alt {
  margin-top: 60px;
  margin-bottom: 0;
}
.intro__logos-item {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
.intro__works {
  margin-top: 60px;
  text-align: center;
  color: #FFF;
  opacity: 0;
  transform: translateY(40px);
  transition-duration: 0.75s;
  transition-delay: 0.75s;
  transition-property: opacity, transform;
}
.intro__works--md {
  display: none;
}
.intro__works--alt {
  margin-top: 40px;
  margin-bottom: -40px;
}
.intro__works--alt .intro__works-grid {
  gap: 30px;
  margin-top: 0;
}
.intro__works--alt .intro__works-item {
  gap: 8px;
  margin-top: 0;
}
.intro__works--alt .intro__works-name {
  font-size: 24px;
}
.intro__works--alt .intro__works-new {
  width: 33px;
  height: 18px;
  margin-top: 1px;
  padding-left: 4px;
  background: url('data:image/svg+xml;utf8,<svg width="33" height="18" viewBox="0 0 33 18" fill="%23FFC72F" xmlns="http://www.w3.org/2000/svg"><path d="M33 3C33 1.34315 31.6569 0 30 0L10.4637 0C9.18125 0 7.94786 0.492745 7.01846 1.37638L1.28678 6.82582C0.0429333 8.00842 0.0429327 9.99158 1.28678 11.1742L7.01846 16.6236C7.94786 17.5073 9.18125 18 10.4637 18H30C31.6569 18 33 16.6569 33 15V3Z"/></svg>');
  font-size: 10px;
  line-height: 18px;
}
.intro__works-title {
  font-size: 14px;
  line-height: 110%;
  font-weight: 700;
  letter-spacing: 0.03em;
  color: #C5C5C5;
}
.intro__works-grid {
  display: flex;
  align-items: center;
  column-gap: 60px;
  flex-wrap: wrap;
  justify-content: center;
}
.intro__works-item {
  display: flex;
  gap: 12px;
  align-items: center;
  margin-top: 30px;
}
.intro__works-name {
  font-size: 32px;
}
.intro__works-new {
  width: 41px;
  height: 20px;
  margin-top: 2px;
  padding-left: 5px;
  background: url('data:image/svg+xml;utf8,<svg width="41" height="20" viewBox="0 0 41 20" fill="%23FFC72F" xmlns="http://www.w3.org/2000/svg"><path d="M40.5 3C40.5 1.34315 39.1569 0 37.5 0L12.0398 0C10.8482 0 9.69581 0.425571 8.7902 1.20003L1.16608 7.72002C-0.234196 8.91751 -0.234192 11.0825 1.16608 12.28L8.7902 18.8C9.69581 19.5744 10.8482 20 12.0399 20H37.5C39.1569 20 40.5 18.6569 40.5 17V3Z" /></svg>');
  font-size: 13px;
  line-height: 20px;
  font-weight: 700;
  text-align: center;
  color: #000;
}
.intro__video {
  opacity: 0;
  transform: translateY(40px);
  transition-duration: 0.75s;
  transition-delay: 1s;
  transition-property: opacity, transform;
}
.intro__loader {
  position: absolute;
  top: 100%;
  left: 50%;
  margin: 100px 0 0 -50px;
  opacity: 0;
  transform: translateY(40px);
  transition-duration: 0.75s;
  transition-delay: 0.625s;
  transition-property: opacity, transform;
}
.intro__loader-bg,
.intro__loader-handle {
  position: absolute;
  left: 0; right: 0; top: 0; bottom: 0;
  fill: none;
  stroke-width: 3px;
  stroke-linecap: round;
  stroke: #00BEFF;
}
.intro__loader-bg {
  stroke-width: 5px;
  stroke: rgba(255, 255, 255, 0.1);
}
.intro__loader-handle {
  stroke-dasharray: 145.56;
  animation: loader-anim 1s cubic-bezier(1,1,1,1) 0s infinite;
}
.intro__product-video {
  position: relative;
  max-width: 1240px;
  margin: 100px auto 335px;
  overflow: hidden;
  border-radius: 10px;
  opacity: 0;
  transform: translateY(40px);
  transition-duration: 0.75s;
  transition-delay: 0.75s;
  transition-property: opacity, transform;
}
.intro__product-video--sm {
  max-width: 1100px;
  margin-bottom: 60px;
  overflow: visible;
}
.intro__product-video--sm .intro__product-video-ratio {
  padding-top: 55%;
}
.intro__product-video .headline__loader {
  margin: -50px 0 0 -50px;
}
.intro__product-video-ratio {
  padding-top: 56.25%;
}
.intro__product-video-frame {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 10px;
}
.intro__product-video-mute {
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  font-size: 17px;
  line-height: 24px;
  font-weight: 600;
  white-space: nowrap;
  cursor: pointer;
  color: #FFFFFF;
  user-select: none;
}
.intro__product-video-mute:hover .intro__product-video-mute-icon {
  background-color: rgba(38, 37, 42, 1);
}
.intro__product-video-mute:hover .intro__product-video-mute-icon::before {
  max-width: 90px;
  margin-right: 12px;
}
.intro__product-video-mute.muted .intro__product-video-mute-icon::after {
  background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="white" xmlns="http://www.w3.org/2000/svg"><path d="M10.5673 17.6752L17.4002 22.8002C17.5762 22.9332 17.7882 23.0002 18.0002 23.0002C18.1522 23.0002 18.3063 22.9653 18.4473 22.8953C18.7863 22.7253 19.0002 22.3792 19.0002 22.0002V9.24225L10.5673 17.6752Z"/><path d="M2.00025 17.0002H7.00025L19.0002 5.00025V2.00025C19.0002 1.62125 18.7863 1.27525 18.4473 1.10525C18.1093 0.93825 17.7032 0.97325 17.4002 1.20025L9.66725 7.00025H2.00025C1.44725 7.00025 1.00025 7.44725 1.00025 8.00025V16.0002C1.00025 16.5532 1.44725 17.0002 2.00025 17.0002Z"/><path d="M1.00025 24.0002C0.74425 24.0002 0.48825 23.9023 0.29325 23.7073C-0.09775 23.3163 -0.09775 22.6842 0.29325 22.2932L22.2932 0.29325C22.6842 -0.09775 23.3163 -0.09775 23.7073 0.29325C24.0983 0.68425 24.0983 1.31625 23.7073 1.70725L1.70725 23.7073C1.51225 23.9023 1.25625 24.0002 1.00025 24.0002Z"/></svg>');
}
.intro__product-video-mute.muted .intro__product-video-mute-icon::before {
  content: 'Unmute Audio';
}
.intro__product-video-mute.muted:hover .intro__product-video-mute-icon::before {
  max-width: 111px;
}
.intro__product-video-mute-icon {
  position: absolute;
  top: 21px;
  left: 21px;
  display: flex;
  align-items: center;
  padding: 8px 12px;
  border-radius: 8px;
  background: rgba(38, 37, 42, 0.8);
  transition-duration: 0.125s;
  transition-property: background-color;
}
.intro__product-video-mute-icon::after {
  content: '';
  width: 24px;
  height: 24px;
  background: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 22" fill="white" xmlns="http://www.w3.org/2000/svg"><path d="M14.447 0.104266C14.109 -0.0627344 13.703 -0.0277343 13.4 0.199266L5.667 5.99927H1C0.447 5.99927 0 6.44627 0 6.99927V14.9993C0 15.5523 0.447 15.9993 1 15.9993H5.667L13.4 21.7993C13.576 21.9323 13.788 21.9993 14 21.9993C14.152 21.9993 14.306 21.9643 14.447 21.8943C14.786 21.7243 15 21.3783 15 20.9993V0.999266C15 0.620266 14.786 0.274266 14.447 0.104266Z"/><path d="M24 9.99927H18V11.9993H24V9.99927Z"/><path d="M21.4908 2.6341L16.2942 5.6335L17.294 7.3657L22.4906 4.3663L21.4908 2.6341Z"/><path d="M17.2937 14.6341L16.2937 16.3661L21.4897 19.3661L22.4897 17.6341L17.2937 14.6341Z"/></svg>');
}
.intro__product-video-mute-icon::before {
  content: 'Mute Audio';
  max-width: 0;
  overflow: hidden;
  transition-duration: 0.125s;
  transition-property: max-width, margin;
}
.intro__product-video-replay {
  position: absolute;
  top: 21px;
  right: 21px;
  display: flex;
  gap: 12px;
  align-items: center;
  padding: 8px 12px;
  border-radius: 8px;
  background: rgba(38, 37, 42, 0.8);
  font-size: 17px;
  line-height: 24px;
  font-weight: 600;
  color: #FFF;
  pointer-events: none;
  opacity: 0;
  transition-duration: 0.125s;
  transition-property: background-color, opacity;
}
.intro__product-video-replay.active {
  pointer-events: auto;
  opacity: 1;
}
.intro__product-video-replay:hover {
  background-color: rgba(38, 37, 42, 1);
}
.intro__product-video-replay::after {
  content: '';
  width: 24px;
  height: 24px;
  background: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="white" xmlns="http://www.w3.org/2000/svg"><path d="M2.00001 12.0119C1.99806 10.1938 2.49231 8.40972 3.42949 6.85186C4.36668 5.29399 5.71126 4.02143 7.31832 3.17135C8.92537 2.32126 10.734 1.92588 12.5491 2.02783C14.3643 2.12978 16.1172 2.72518 17.619 3.74986L15.816 6.01186C15.7344 6.1156 15.6971 6.24742 15.7122 6.37856C15.7274 6.50969 15.7938 6.62951 15.897 6.71186C15.9736 6.77362 16.067 6.81091 16.165 6.81886L22.837 7.38686C22.9025 7.39248 22.9684 7.38515 23.0311 7.36527C23.0937 7.34539 23.1518 7.31335 23.202 7.271C23.2523 7.22865 23.2937 7.17681 23.3239 7.11845C23.3541 7.06008 23.3725 6.99634 23.378 6.93086C23.3832 6.86538 23.3757 6.79952 23.356 6.73686L21.314 0.361862C21.2864 0.275851 21.2361 0.198914 21.1683 0.139226C21.1005 0.0795367 21.0178 0.0393248 20.929 0.0228616C20.8991 0.0161744 20.8686 0.0124894 20.838 0.0118616C20.7628 0.0119381 20.6886 0.0289717 20.6209 0.0616944C20.5532 0.0944171 20.4938 0.141986 20.447 0.200862L18.867 2.18286C17.0702 0.922584 14.9617 0.179914 12.7717 0.0358506C10.5816 -0.108212 8.3941 0.351864 6.44764 1.3659C4.50117 2.37994 2.87052 3.909 1.73355 5.78631C0.59657 7.66362 -0.00307522 9.81709 1.18597e-05 12.0119C1.18597e-05 12.2771 0.105369 12.5314 0.292905 12.719C0.480441 12.9065 0.734795 13.0119 1.00001 13.0119C1.26523 13.0119 1.51958 12.9065 1.70712 12.719C1.89466 12.5314 2.00001 12.2771 2.00001 12.0119Z"/><path d="M23 10.99C22.7348 10.99 22.4804 11.0954 22.2929 11.2829C22.1054 11.4704 22 11.7248 22 11.99C22.002 13.808 21.5077 15.5921 20.5705 17.15C19.6333 18.7079 18.2888 19.9804 16.6817 20.8305C15.0747 21.6806 13.2661 22.076 11.4509 21.974C9.63571 21.8721 7.88277 21.2767 6.38101 20.252L8.18401 17.99C8.2402 17.9192 8.27615 17.8345 8.28803 17.7449C8.2999 17.6553 8.28727 17.5641 8.25146 17.4811C8.21566 17.3981 8.15802 17.3264 8.08469 17.2735C8.01136 17.2207 7.92507 17.1887 7.83501 17.181L1.16301 16.613C1.09754 16.6074 1.0316 16.6147 0.968968 16.6346C0.906335 16.6545 0.848234 16.6865 0.797989 16.7289C0.747744 16.7712 0.706339 16.823 0.676144 16.8814C0.645948 16.9398 0.627554 17.0035 0.622012 17.069C0.616833 17.1345 0.624302 17.2003 0.644012 17.263L2.68601 23.64C2.71358 23.726 2.76394 23.8029 2.83172 23.8626C2.89951 23.9223 2.9822 23.9625 3.07101 23.979C3.1009 23.9857 3.13139 23.9894 3.16201 23.99C3.2372 23.9899 3.31141 23.9729 3.3791 23.9402C3.4468 23.9074 3.50624 23.8599 3.55301 23.801L5.13301 21.819C6.92987 23.0793 9.0383 23.8219 11.2283 23.966C13.4184 24.1101 15.6059 23.65 17.5524 22.636C19.4989 21.6219 21.1295 20.0929 22.2665 18.2156C23.4035 16.3382 24.0031 14.1848 24 11.99C24 11.7248 23.8947 11.4704 23.7071 11.2829C23.5196 11.0954 23.2652 10.99 23 10.99Z"/></svg>');
}
.intro__product-video-link {
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: rgba(0,0,0,0.5);
  font-size: 20px;
  line-height: 1;
  font-weight: 600;
  color: rgba(255,255,255,0);
  transition-duration: 0.25s;
  transition-property: background-color, color;
}
.intro__product-video-link::before {
  content: '';
  width: 80px;
  height: 80px;
  margin-top: 44px;
  margin-bottom: 24px;
  border-radius: 50%;
  background: #FFF url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" fill="black"><path d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80V432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg>') 56% 50%/30px 40px no-repeat;
  box-shadow: 0px 2px 17px rgba(0, 0, 0, 0.15);
  transition-duration: 0.25s;
  transition-property: margin;
}
.intro__product-video-link:hover {
  background-color: rgba(0,0,0,0.7);
  color: rgba(255,255,255,1);
}
.intro__product-video-link:hover::before {
  margin-top: 0;
}
.ready .intro__overline,
.ready .intro__title,
.ready .intro__subtitle,
.ready .intro__callout,
.ready .intro__loader,
.ready .intro__logos,
.ready .intro__works,
.ready .intro__product-video {
  opacity: 1;
  transform: none;
}
.loaded .intro__overline,
.loaded .intro__logo,
.loaded .intro__title,
.loaded .intro__subtitle,
.loaded .intro__request,
.loaded .intro__footnote,
.loaded .intro__callout,
.loaded .intro__video,
.loaded .intro__logos,
.loaded .intro__product-video {
  opacity: 1;
  transform: none;
}
.loaded .intro__loader {
  opacity: 0;
  transition-delay: 0s;
  transition-duration: 0.5s;
}
/* for a/b testing */
.intro__nav--b {
  display: none;
}
.intro__nav--b .main-nav__link {
  font-weight: 600;
}
.intro__section--a {
  display: none;
}
.intro__section--b .intro__subtitle {
  max-width: 800px;
  margin-bottom: 25px;
  font-size: 23px;
  line-height: 1.125;
}
.intro__section--b .main-nav__button__cta {
  padding-top: 14px;
  padding-bottom: 14px;
  font-size: 21px;
}
.intro__section--b .callout--alt .callout__note {
  margin-top: 25px;
  font-size: 14px;
  color: #FFF;
}
@keyframes loader-anim {
  0% {
    stroke-dasharray: 24 145.56;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 84.78;
    stroke-dashoffset: 84.78;
  }
  100% {
    stroke-dasharray: 24 145.56;
    stroke-dashoffset: 169.56;
  }
}
@media screen and (max-width: 1023.98px) {
  .intro--alt-md {
    padding-bottom: 60px;
    border-bottom: 100px solid transparent;
  }
  .intro--alt-md::before {
    content: '';
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 100vw;
    margin-left: -50vw;
    background: linear-gradient(180deg, #000000 50%, #1B1B20 100%);
  }
  .intro__title {
    max-width: 580px;
    margin-right: auto;
    margin-left: auto;
  }
  .intro__logos {
    flex-wrap: wrap;
    gap: 30px;
    max-width: 600px;
    margin-right: auto;
    margin-bottom: 50px;
    margin-left: auto;
  }
  .intro__loader {
    display: none;
  }
  .intro__works--md {
    display: block;
  }
  .intro__works--alt .intro__works-title {
    width: 100%;
  }
  .intro__works--alt .intro__works-grid {
    gap: 20px 40px;
  }
}
@media screen and (max-width: 767.98px) {
  .intro {
    padding-top: 16px;
    margin-bottom: 0;
  }
  .intro__nav {
    top: 15px;
    margin: 0;
  }
  .intro__logo {
    display: block;
    margin-bottom: 41px;
  }
  .intro__button {
    display: none;
  }
  .intro__subtitle {
    margin-bottom: 30px;
  }
  .intro__subtitle--sm-alt {
    margin-bottom: 0;
  }
  .intro__subtitle--md {
    margin-bottom: 0;
  }
  .intro__subtitle--lg {
    margin-bottom: -5px;
  }
  .intro__video {
    margin: 50px -20px 0;
  }
  .intro__logos {
    flex-wrap: wrap;
    gap: 15px 30px;
    margin: 40px auto 0;
  }
  .intro__section--b .intro__subtitle {
    font-size: 18px;
  }
  .intro__product-video {
    margin-top: 60px;
    margin-right: -20px;
    margin-bottom: 120px;
    margin-left: -20px;
    border-radius: 0;
  }
  .intro__product-video--sm {
    margin-bottom: 0;
  }
  .intro__product-video-frame {
    border-radius: 0;
  }
  .intro__product-video-link {
    background-color: rgba(0,0,0,0.7);
    font-size: 18px;
    color: #FFF;
  }
  .intro__product-video-link::before {
    width: 60px;
    height: 60px;
    margin-bottom: 16px;
    background-size: 22.5px 30px;
  }
  .intro__works--alt {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 599.98px) {
  .intro__logos {
    gap: 20px;
  }
  .intro__logos img {
    max-width: 100%;
    height: auto;
  }
  .intro__logos img[height="36"] {
    width: auto;
    height: 28.8px;
  }
  .intro__logos img[height="38"] {
    width: auto;
    height: 30.4px;
  }
  .intro__logos img[height="44"] {
    width: auto;
    height: 35.2px;
  }
  .intro__logos img[height="50"] {
    width: auto;
    height: 40px;
  }
  .intro__works-item {
    margin-top: 20px;
  }
  .intro__works-item img {
    width: 30px;
    height: 30px;
  }
  .intro__works-name {
    font-size: 28px;
  }
  .intro__works-new {
    width: 33px;
    height: 18px;
    margin-top: 1px;
    padding-left: 4px;
    background: url('data:image/svg+xml;utf8,<svg width="33" height="18" viewBox="0 0 33 18" fill="%23FFC72F" xmlns="http://www.w3.org/2000/svg"><path d="M33 3C33 1.34315 31.6569 0 30 0L10.4637 0C9.18125 0 7.94786 0.492745 7.01846 1.37638L1.28678 6.82582C0.0429333 8.00842 0.0429327 9.99158 1.28678 11.1742L7.01846 16.6236C7.94786 17.5073 9.18125 18 10.4637 18H30C31.6569 18 33 16.6569 33 15V3Z"/></svg>');
    font-size: 10px;
    line-height: 18px;
  }
}


/**/
/* hero */
/**/
.hero {
  gap: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-align: left;
}
.hero__overline {
  margin-bottom: 20px;
  font-size: 28px;
  line-height: 1.1;
  font-weight: 800;
  letter-spacing: -0.02em;
  opacity: 0;
  transform: translateY(40px);
  transition-duration: 0.75s;
  transition-delay: 0.125s;
  transition-property: opacity, transform;
}
.hero__title {
  font-size: 60px;
  line-height: 1;
  opacity: 0;
  transform: translateY(40px);
  transition-duration: 0.75s;
  transition-delay: 0.25s;
  transition-property: opacity, transform;
}
.hero__title i {
  font-size: 50px;
}
.hero__title em {
  position: relative;
}
.hero__title span {
  border-radius: 6px;
  background: #2B2209;
  box-shadow: 10px 0 0 #2B2209, -10px 0 0 #2B2209;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  color: #FEC72F;
}
.hero__subtitle {
  max-width: 740px;
  margin-top: 30px;
  font-size: 20px;
  color: #969696;
  opacity: 0;
  transform: translateY(40px);
  transition-duration: 0.75s;
  transition-delay: 0.375s;
  transition-property: opacity, transform;
}
.hero__subtitle a {
  text-decoration: underline;
}
.hero__subtitle a:hover {
  color: #fff;
}
.hero__subtitle span {
  background-color: rgba(0, 190, 255, 0.3);
  font-weight: 700;
  color: #00BEFF;
}
.hero__callout {
  margin-top: -10px;
  opacity: 0;
  transform: translateY(40px);
  transition-duration: 0.75s;
  transition-delay: 0.5s;
  transition-property: opacity, transform;
}
.hero__callout .callout__note {
  margin-top: 20px;
}
.hero__figure {
  position: relative;
  aspect-ratio: 375/328;
  flex-shrink: 0;
  width: 375px;
  pointer-events: none;
  opacity: 0;
  transform: translateY(40px);
  transition-duration: 0.75s;
  transition-delay: 0.625s;
  transition-property: opacity, transform;
}
.hero__figure img {
  position: absolute;
  top: -66.5%;
  left: -66.7%;
  width: 181.3333333333333%;
  height: auto;
}
.ready .hero__overline,
.ready .hero__title,
.ready .hero__subtitle,
.ready .hero__callout,
.ready .hero__figure {
  opacity: 1;
  transform: none;
}
@media screen and (max-width: 1023.98px) {
  .hero__title {
    font-size: 48px;
  }
  .hero__figure {
    width: 300px;
  }
}
@media screen and (max-width: 767.98px) {
  .hero {
    display: block;
    margin: 40px 0;
  }
  .hero__overline {
    font-size: 22px;
  }
  .hero__subtitle {
    font-size: 16px;
  }
  .hero__callout .headline__button {
    width: 100%;
  }
  .hero__figure {
    width: 100%;
    max-width: 350px;
    margin: 40px auto 0;
  }
}


/**/
/* hero2 */
/**/
.hero2-space {
  height: calc(175px + 80px);
}
.hero2 {
  overflow: hidden;
}
.hero2--alt {
  margin-top: -80px;
  padding-top: 80px;
}
.hero2__cont {
  display: flex;
  align-items: center;
  /* min-height: calc(100dvh - 134px); */
  padding-bottom: 134px;
}
.hero2__left {
  position: relative;
  z-index: 1;
  width: 520px;
}
.hero2__right {
  position: relative;
}
.hero2__title {
  font-size: 50px;
  color: #FFF;
  opacity: 0;
  transform: translateY(40px);
  transition-duration: 0.75s;
  transition-delay: 0.125s;
  transition-property: opacity, transform;
}
.hero2__title em {
  position: relative;
}
.hero2__title span {
  display: inline-block;
  vertical-align: top;
  background: #002633;
  color: #57E2FF;
}
.hero2__subtitle {
  max-width: 514px;
  margin-top: 30px;
  font-size: 20px;
  line-height: 1.2;
  color: #B7B7B7;
  opacity: 0;
  transform: translateY(40px);
  transition-duration: 0.75s;
  transition-delay: 0.25s;
  transition-property: opacity, transform;
}
.hero2__actions {
  display: flex;
  gap: 30px;
  margin-top: 30px;
  opacity: 0;
  transform: translateY(40px);
  transition-duration: 0.75s;
  transition-delay: 0.375s;
  transition-property: opacity, transform;
}
.hero2__button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 340px;
  min-height: 54px;
  border-radius: 6px;
  background-color: #FEC72F;
  font-size: 20px;
  font-weight: 800;
  text-align: center;
  color: #000000;
  transition-duration: 0.25s;
  transition-property: background-color;
}
.hero2__button:hover {
  background-color: #FFF;
}
.hero2__works-title {
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  color: #9C9C9C;
}
.hero2__works-items {
  display: flex;
  gap: 12px;
  align-items: center;
  margin-top: 2px;
}
.hero2__note {
  margin-top: 20px;
  font-size: 14px;
  letter-spacing: -0.02em;
  color: #FFF;
  opacity: 0;
  transform: translateY(40px);
  transition-duration: 0.75s;
  transition-delay: 0.5s;
  transition-property: opacity, transform;
}
.hero2__note--alt {
  margin-top: 10px;
}
.hero2__logos {
  position: relative;
  z-index: 1;
  display: flex;
  gap: 30px;
  align-items: center;
  margin-top: 40px;
  opacity: 0;
  transform: translateY(40px);
  transition-duration: 0.75s;
  transition-delay: 0.625s;
  transition-property: opacity, transform;
}
.hero2__logo {
  position: relative;
}
.hero2__logo img {
  display: block;
  transition-duration: 200ms;
  transition-property: opacity;
}
.hero2__logo img:last-child {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.hero2__logo:hover img {
  opacity: 0;
}
.hero2__logo:hover img:last-child {
  opacity: 1;
}
.hero2__fig {
  position: relative;
  height: 632px;
  opacity: 0;
  transform: translateX(40px);
  transition-duration: 0.75s;
  /* transition-delay: 0.75s; */
  transition-property: opacity, transform;
}
.hero2__fig--alt {
  margin-top: -40px;
}
.hero2__fig--alt::after {
  display: none;
}
.hero2__fig::after {
  content: '';
  position: absolute;
  top: 50%;
  bottom: 0;
  left: 0;
  width: 2000px;
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 1) 50%);
}
.hero2__fig img {
  position: absolute;
  top: 0;
  left: 0;
  width: auto;
  height: 100%;
}
.hero2__fig video {
  width: auto;
  transform: translate(-80px, -40px);
}
.ready .hero2__title,
.ready .hero2__subtitle,
.ready .hero2__actions,
.ready .hero2__note,
.ready .hero2__logos,
.ready .hero2__fig {
  opacity: 1;
  transform: none;
}
@media screen and (max-width: 1023.98px) {
  .hero2 {
    margin-bottom: 140px;
  }
  .hero2__left {
    width: 420px;
  }
  .hero2__title {
    font-size: 44px;
  }
  .hero2__title span {
    display: inline;
  }
  .hero2__fig {
    height: 440px;
  }
  .hero2__logos {
    gap: 30px;
    margin-top: 80px;
  }
  .hero2-space {
    display: none;
  }
}
@media screen and (max-width: 767.98px) {
  .hero2 {
    margin-top: 40px;
  }
  .hero2__cont {
    display: block;
    padding-bottom: 0;
  }
  .hero2__left {
    width: auto;
  }
  .hero2__title {
    text-align: center;
  }
  .hero2__subtitle {
    font-size: 16px;
    text-align: center;
  }
  .hero2__actions {
    gap: 10px;
    flex-direction: column;
  }
  .hero2__button {
    width: auto;
  }
  .hero2__works {
    text-align: center;
  }
  .hero2__works-items {
    justify-content: center;
  }
  .hero2__note {
    text-align: center;
  }
  .hero2__logos {
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
    margin-top: 40px;
  }
  .hero2__logos img[height="36"] {
    height: 27px;
  }
  .hero2__logos img[height="40"] {
    height: 30px;
  }
  .hero2__fig {
    height: auto;
    margin: 0 -20px 0 -60px;
    aspect-ratio: 859/632;
    transform: translateY(40px);
    transition-delay: 0.75s;
  }
  .hero2__fig video {
    transform: translate(-40px, 0);
  }
}


/**/
/* used-by */
/**/
.used-by {
  position: absolute;
  bottom: 58px;
  left: 0;
  width: calc(50vw + 100px);
  max-width: 884px;
  padding-right: 20px;
  padding-left: 140px;
  text-align: center;
  opacity: 0;
  transform: translateY(40px);
  transition-delay: 0.75s;
  transition-duration: 0.75s;
  transition-property: opacity, transform;
}
.used-by__title {
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.293px;
  text-transform: uppercase;
  color: #54565B;
}
.used-by__logos {
  gap: 10px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  margin-top: 10px;
}
.ready .used-by {
  opacity: 1;
  transform: none;
}
@media screen and (max-width: 1319.98px) {
  .used-by {
    display: none;
  }
}
@media screen and (max-width: 767.98px) {
  .used-by {
    position: relative;
    bottom: auto;
    display: block;
    width: 100%;
    margin-top: -50px;
    padding-right: 0;
    padding-left: 0;
  }
  .used-by__logos {
    margin-top: 15px;
    gap: 15px;
    justify-content: center;
  }
}


/**/
/* used companies */
/**/
.used-companies {
  position: fixed;
  z-index: 10;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  gap: 32px;
  align-items: center;
  white-space: nowrap;
  padding: 16px 40px;
  overflow: auto;
  background-color: #141417;
  transition-duration: 200ms;
  transition-property: opacity;
}
.used-companies.hidden {
  pointer-events: none;
  opacity: 0;
}
.used-companies svg {
  flex-shrink: 0;
}
.used-companies svg:last-child {
  margin-right: auto;
}
.used-companies__title {
  margin-right: 8px;
  margin-left: auto;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.293px;
  text-align: center;
  text-transform: uppercase;
  color: #606167;
}
@media screen and (max-width: 1023.98px) {
  .used-companies {
    gap: 24px;
    padding: 16px 30px;
  }
}
@media screen and (max-width: 767.98px) {
  .used-companies {
    gap: 20px;
    padding: 12px 20px;
  }
}


/**/
/* companies */
/**/
.companies {
  text-align: center;
  color: #6C6D72;
  opacity: 0;
  transform: translateY(40px);
  transition-duration: 0.75s;
  transition-delay: 0.75s;
  transition-property: opacity, transform;
}
.ready .companies {
  opacity: 1;
  transform: none;
}
.companies__title {
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}
.companies__images {
  display: flex;
  flex-wrap: wrap;
  gap: 20px 40px;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
}
@media screen and (max-width: 767.98px) {
  .companies {
    margin-top: 40px;
  }
  .companies__title {
    font-size: 12px;
  }
  .companies__images {
    gap: 10px 15px;
    margin-top: 15px;
  }
  .companies__images img {
    width: auto;
  }
  .companies__images [height="14"] {
    height: 10.5px;
  }
  .companies__images [height="19"] {
    height: 14.25px;
  }
  .companies__images [height="22"] {
    height: 16.5px;
  }
  .companies__images [height="23"] {
    height: 17.25px;
  }
  .companies__images [height="26"] {
    height: 19.5px;
  }
  .companies__images [height="30"] {
    height: 22.5px;
  }
  .companies__images [height="40"] {
    height: 30px;
  }
}


/**/
/* headline */
/**/
.headline {
  margin-bottom: 215px;
  border-bottom: 120px solid transparent;
  color: #FFF;
}
.headline--alt {
  margin-top: -80px;
}
.headline .intro__logos {
  margin-bottom: 0;
}
.headline .intro__product-video {
  margin-top: 0;
  margin-bottom: 0;
}
.headline__row {
  min-height: calc(80vh - 140px - 120px);
}
.headline__row--alt {
  min-height: 0;
}
.headline__title {
  max-width: 540px;
  opacity: 0;
  transform: translateY(40px);
  transition-duration: 0.75s;
  transition-delay: 0.25s;
  transition-property: opacity, transform;
}
.headline__title span {
  display: inline-block;
  vertical-align: top;
  background: rgba(0, 190, 255, 0.3);
  color: #00BEFF;
}
.headline__subtitle {
  margin-top: 35px;
  font-size: 11px;
  font-weight: 700;
  color: #9C9C9C;
  opacity: 0;
  transform: translateY(40px);
  transition-duration: 0.75s;
  transition-delay: 0.375s;
  transition-property: opacity, transform;
}
.headline__logos {
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 10px;
  opacity: 0;
  transform: translateY(40px);
  transition-duration: 0.75s;
  transition-delay: 0.375s;
  transition-property: opacity, transform;
}
.headline__foot {
  opacity: 0;
  transform: translateY(40px);
  transition-duration: 0.75s;
  transition-delay: 0.5s;
  transition-property: opacity, transform;
}
.headline__button {
  display: inline-block;
  vertical-align: top;
  margin-top: 35px;
  padding: 15px 60px;
  border-radius: 6px;
  background: #00BEFF;
  font-size: 21px;
  line-height: 26px;
  font-weight: 800;
  text-align: center;
  color: #000;
  transition-duration: 0.25s;
  transition-property: background-color, color;
}
.headline__button:hover {
  background-color: #FFF;
  color: #000;
}
.headline__button--wide {
  width: 300px;
  padding-right: 0;
  padding-left: 0;
}
.headline__button--team-wide {
  width: 100%;
  max-width: 400px;
  padding-right: 10px;
  padding-left: 10px;
}
.headline__button--forever {
  background: #FEC72F;
}
.headline__button--team {
  background: #04D372;
}
.headline__button--sales {
  background: #00BEFF;
}
.headline__note {
  margin-top: 20px;
  font-size: 14px;
}
.headline__video-wrap {
  opacity: 0;
  transform: translateY(40px);
  transition-duration: 0.75s;
  transition-delay: 0.625s;
  transition-property: opacity, transform;
}
.headline__video {
  position: relative;
  padding-top: 55.0813008130081%;
}
.headline__loader {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -30px 0 0 -30px;
}
.headline__awards {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  align-items: center;
  justify-content: center;
  margin-top: 40px;
  opacity: 0;
  transform: translateY(40px);
  transition-duration: 0.75s;
  transition-delay: 0.75s;
  transition-property: opacity, transform;
}
.ready .headline__title,
.ready .headline__subtitle,
.ready .headline__logos,
.ready .headline__foot,
.ready .headline__video-wrap,
.ready .headline__awards {
  opacity: 1;
  transform: none;
}
@media screen and (max-width: 1023.98px) {
  .headline {
    text-align: center;
  }
  .headline__title {
    margin-right: auto;
    margin-left: auto;
  }
  .headline__logos {
    justify-content: center;
  }
  .headline__video {
    margin-top: 40px;
  }
}
@media screen and (max-width: 767.98px) {
  .headline {
    margin-bottom: 0;
  }
  .headline--alt {
    margin-top: 0;
  }
  .headline .intro__product-video {
    margin-top: 40px;
  }
  .headline__video-wrap {
    margin-right: -20px;
    margin-left: -20px;
  }
  .headline__button {
    font-size: 20px;
  }
}


/**/
/* request form */
/**/
.request-form {
  position: relative;
  max-width: 592px;
  margin: 0 auto;
}
.request-form__input {
  display: block;
  width: 100%;
  padding: 12px 258px 12px 22px;
  border-radius: 8px;
  border: 2px solid rgba(139, 147, 159, 0.5);
  font-size: 24px;
  line-height: 1.5;
  font-weight: 600;
  text-align: left;
  color: inherit;
  transition-duration: 0.25s;
  transition-property: border-color, background-color;
}
.request-form__input:hover {
  border-color: #8B939F;
}
.request-form__input::placeholder {
  color: rgba(139, 147, 159, 0.5);
  transition-duration: 0.25s;
  transition-property: color;
}
.request-form__input:hover::placeholder {
  color: #8B939F;
}
.request-form__input:focus::placeholder {
  color: transparent;
}
.request-form__input--alt {
  border-color: #FFF;
  background-color: rgba(0, 0, 0, 0.05);
}
.request-form__input--alt:hover {
  border-color: #FFF;
}
.request-form__input--alt:focus {
  border-color: #FFF;
  background-color: rgba(0, 0, 0, 0);
}
.request-form__input--alt::placeholder {
  color: rgba(255,255,255,0.7);
}
.request-form__input--alt:hover::placeholder {
  color: rgba(255,255,255,1);
}
.request-form__input--alt:focus::placeholder {
  color: transparent;
}
.request-form__submit {
  position: absolute;
  top: 5px;
  right: 5px;
  padding: 15px 20px;
  border-radius: 4px;
  background-color: #1B82FF;
  font-size: 24px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: #FFF;
  transition-duration: 0.25s;
  transition-property: background-color;
}
.request-form__submit::after {
  content: '';
  display: inline-block;
  vertical-align: top;
  width: 23px;
  height: 24px;
  margin-right: -5px;
  margin-left: 10px;
  background: url('data:image/svg+xml;utf8,<svg width="23" height="20" viewBox="0 0 23 20" fill="none" xmlns="http://www.w3.org/2000/svg" stroke="%23FFF" stroke-width="3" stroke-miterlimit="10"><path d="M0 10H20"/><path d="M13 3L20 10L13 17"/></svg>') 50% 50% no-repeat;
  transition-duration: 0.25s;
  transition-property: transform;
}
.request-form__submit:hover,
.request-form__submit:focus {
  background-color: #0062D8;
}
.request-form__submit--alt {
  background-color: #FFF;
  color: #1B82FF;
}
.request-form__submit--alt::after {
  background-image: url('data:image/svg+xml;utf8,<svg width="23" height="20" viewBox="0 0 23 20" fill="none" xmlns="http://www.w3.org/2000/svg" stroke="%231B82FF" stroke-width="3" stroke-miterlimit="10"><path d="M0 10H20"/><path d="M13 3L20 10L13 17"/></svg>');
}
.request-form__submit--alt:hover,
.request-form__submit--alt:focus {
  background-color: #FFF;
}
@media screen and (max-width: 599.98px) {
  .request-form__input {
    padding-right: 22px;
  }
  .request-form__submit {
    position: static;
    width: 100%;
    margin-top: 10px;
    padding-top: 20px;
    padding-bottom: 20px;
    border-radius: 6px;
    text-align: center;
  }
}


/**/
/* top brands */
/**/
.top-brands {
  max-width: 1100px;
  margin: 0 auto;
  text-align: center;
}
.top-brands__col {
  opacity: 0;
  transform: translateY(40px);
  transition-delay: 0.75s;
  transition-duration: 0.5s;
  transition-property: opacity, transform;
}
.top-brands__col:nth-child(2),
.top-brands__col:nth-child(5) {
  transition-delay: 0.875s;
}
.top-brands__col:nth-child(3),
.top-brands__col:nth-child(7) {
  transition-delay: 1s;
}
.top-brands__col:nth-child(4) {
  transition-delay: 1.125s;
}
.top-brands__title {
  font-size: 14px;
  font-weight: 600;
  text-align: left;
  text-transform: uppercase;
  letter-spacing: 0.01em;
  color: #768392;
}
.top-brands__logo {
  color: #919CAB;
}
.top-brands__logo[height="45"] {
  margin-top: -11px;
}
.loaded .top-brands__col {
  opacity: 1;
  transform: none;
}
@media screen and (max-width: 1279.98px) {
  .top-brands__logo {
    margin-right: -10px;
    margin-left: -10px;
  }
}
@media screen and (max-width: 1023.98px) {
  .top-brands {
    max-width: 500px;
    margin-right: auto;
    margin-bottom: -40px;
    margin-left: auto;
  }
  .top-brands__row {
    justify-content: center;
  }
  .top-brands__col {
    margin-bottom: 40px;
  }
  .top-brands__logo {
    margin-right: 0;
    margin-left: 0;
  }
  .top-brands__title {
    text-align: center;
  }
}
@media screen and (max-width: 767.98px) {
  .top-brands__col {
    margin-bottom: 30px;
  }
  .top-brands__logo {
    margin-right: -10px;
    margin-left: -10px;
  }
}


/**/
/* slides */
/**/
.slides {
  position: relative;
  margin-top: 40px;
  opacity: 0;
  transform: translateY(40px);
  transition-delay: 0.25s;
  transition-duration: 0.75s;
  transition-property: opacity, transform;
}
.slides--images {
  transition-delay: 1s;
}
.loaded .slides {
  opacity: 1;
  transform: none;
}
.slides__top100 {
  position: absolute;
  top: -8px;
  left: 8px;
  opacity: 0;
  transform: translateY(40px);
  transition-delay: 0.5s;
  transition-duration: 0.75s;
  transition-property: opacity, transform;
}
.slides__works {
  position: absolute;
  top: 37px;
  left: 20px;
  padding: 20px;
  border-radius: 6px;
  background: rgba(0, 0, 0, 0.9);
  color: #FFF;
  transition-duration: 0.75s;
  transition-property: opacity;
}
.slides__works.hidden {
  pointer-events: none;
  opacity: 0;
}
.slides__works-title {
  font-size: 12px;
  line-height: 110%;
  letter-spacing: 0.1em;
  color: #C5C5C5;
}
.slides__works-item {
  display: flex;
  gap: 12px;
  margin-top: 12px;
}
.slides__works-name {
  font-size: 22px;
  line-height: 26px;
}
.slides__works-new {
  width: 33px;
  height: 18px;
  margin-top: 1px;
  padding-left: 4px;
  background: url('data:image/svg+xml;utf8,<svg width="33" height="18" viewBox="0 0 33 18" fill="%23FFC72F" xmlns="http://www.w3.org/2000/svg"><path d="M33 3C33 1.34315 31.6569 0 30 0L10.4637 0C9.18125 0 7.94786 0.492745 7.01846 1.37638L1.28678 6.82582C0.0429333 8.00842 0.0429327 9.99158 1.28678 11.1742L7.01846 16.6236C7.94786 17.5073 9.18125 18 10.4637 18H30C31.6569 18 33 16.6569 33 15V3Z"/></svg>');
  font-size: 10px;
  line-height: 18px;
  font-weight: 700;
  text-align: center;
  color: #000;
}
.loaded .slides__top100 {
  opacity: 1;
  transform: none;
}
.loaded .slides__top100.hidden {
  opacity: 0;
  transform: translateY(-20px);
  transition-delay: 0s;
}
.slides__side {
  position: absolute;
  top: 0;
  right: 0;
  bottom: -120px;
  left: 50%;
  margin-left: -160px;
}
.slides__side .slides__videos {
  position: sticky !important;
  top: 50% !important;
  right: 0 !important;
  left: 0 !important;
  width: 100% !important;
  margin: 0 !important;
  transform: translateY(-50%) !important;
}
.slides__side .slides__videos.stopped {
  top: 50% !important;
  bottom: auto !important;
}
.slides__anchor {
  position: relative;
  height: 75vh;
  margin-bottom: -25vh;
}
.slides__anchor--sm {
  height: 75vh;
  margin: 0;
}
.slides__anchor--xs {
  height: 25vh;
}
.slides__anchor--last {
  margin-bottom: 150px;
}
.slides__videos {
  position: fixed;
  z-index: 1;
  top: 50%;
  left: 50%;
  width: 1100px;
  margin-left: -550px;
  /* opacity: 0;
  transform: translateY(40px);
  transition-delay: 0.25s;
  transition-duration: 0.5s;
  transition-property: opacity, transform; */
}
/* .loaded .slides__videos {
  opacity: 1;
  transform: none;
} */
.slides__videos.stopped {
  position: absolute;
  top: auto !important;
  bottom: 0;
}
.slides__video {
  position: relative;
  padding-top: 55.126903553299492%;
  transition-duration: 0.5s;
  transition-property: opacity, transform;
}
.slides__video--lg {
  padding-top: 93.0864197530864%;
}
.slides__video.hidden {
  opacity: 0;
  transform: translateY(-80px);
}
.slides__video video {
  border-radius: 10px;
  background-color: transparent;
  box-shadow: 0px 44px 65px rgba(0, 0, 0, 0.35), 0px 44px 34px rgba(0, 0, 0, 0.3);
  opacity: 0;
  transition-duration: 0.25s;
  transition-property: opacity;
}
.slides__video .image {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition-duration: 0.25s;
  transition-property: opacity;
}
.slides__video .image img {
  max-width: 100%;
  height: auto;
}
.slides__video .active {
  opacity: 1;
}
.slides__watch {
  position: absolute;
  top: 100%;
  left: 50%;
  margin-top: 24px;
  padding: 0 13px;
  border-radius: 21px;
  border: 2px solid #00BEFF;
  font-size: 16px;
  line-height: 38px;
  font-weight: 700;
  color: #00BEFF;
  transform: translateX(-50%);
  transition-duration: 0.25s;
  transition-property: background-color, color;
}
.slides__watch svg {
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
}
.slides__watch:hover {
  background-color: #00BEFF;
  color: #FFF;
}
.slides__image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition-duration: 0.25s;
  transition-property: opacity;
}
.slides__image img {
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}
.slides__image.active {
  opacity: 1;
}
.slides__figure {
  flex-grow: 1;
}
.slides__figure--1 {
  margin-top: -1.5%;
}
.slides__figure--5 {
  margin-left: -1.948051948051948%;
}
.slides__caption {
  position: sticky;
  top: 50%;
  transform: translateY(-50%);
}
.slides__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  margin-bottom: 25px;
  border-radius: 6px;
  opacity: 0;
  transform: translateY(40px);
  transition-duration: 0.375s;
  transition-property: opacity, transform;
}
.slides__icon--red {
  background: linear-gradient(135deg, #D35056, #BB282F);
}
.slides__icon--blue {
  background: linear-gradient(135deg, #44B8FF, #007AC5);
}
.slides__icon--yellow {
  background: linear-gradient(135deg, #FFCE4A, #D99E00);
}
.slides__icon--pink {
  background: linear-gradient(135deg, #F040E2, #CD1ABF);
}
.slides__icon--green {
  background: linear-gradient(135deg, #47FFA8, #00B45E);
}
.slides__icon--purple {
  background: linear-gradient(135deg, #9566FF, #5C1DE9);
}
.slides__icon--orange {
  background: linear-gradient(135deg, #FF9D66, #E94E1D);
}
.slides__heading {
  max-width: 400px;
  margin-bottom: 20px;
  opacity: 0;
  transform: translateY(40px);
  transition-delay: 0.125s;
  transition-duration: 0.375s;
  transition-property: opacity, transform;
}
.slides__subheading {
  font-size: 22px;
  max-width: 360px;
  opacity: 0;
  transform: translateY(40px);
  transition-delay: 0.25s;
  transition-duration: 0.375s;
  transition-property: opacity, transform;
}
.slides__footnote {
  max-width: 400px;
  margin: 40px -20px 0;
  padding: 16px 20px;
  border-radius: 10px;
  font-size: 20px;
  line-height: 1.3;
  opacity: 0;
  transform: translateY(40px);
  transition-delay: 0.375s;
  transition-duration: 0.375s;
  transition-property: opacity, transform;
}
.slides__highlight--red {
  background-color: rgba(211, 80, 86, 0.3);
  color: rgba(211, 80, 86, 1)
}
.slides__highlight--blue {
  background-color: rgba(0, 190, 255, 0.15);
  color: rgba(0, 190, 255, 1);
}
.slides__highlight--pink {
  background-color: rgba(218, 33, 202, 0.15);
  color: rgba(246, 72, 231, 1);
}
.slides__highlight--green {
  background-color: rgba(7, 211, 114, 0.3);
  color: rgba(7, 211, 114, 1);
}
.slides__highlight--yellow {
  background-color: rgba(229, 199, 47, 0.2);
  color: rgba(229, 199, 47, 1);
}
.slides__highlight--purple {
  background-color: rgba(126, 71, 250, 0.3);
  color: rgba(151, 104, 255, 1);
}
.slides__highlight--orange {
  background-color: rgba(252, 145, 91, 0.3);
  color: rgba(252, 145, 91, 1);
}
.slides__languages {
  max-width: 360px;
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #3D3D44;
  opacity: 0;
  transform: translateY(40px);
  transition-delay: 0.25s;
  transition-duration: 0.375s;
  transition-property: opacity, transform;
}
.slides__languages-head {
  display: flex;
  gap: 10px;
  align-items: center;
  font-size: 22px;
  line-height: 1;
  font-weight: 800;
  color: white;
}
.slides__languages-head::after {
  content: 'New';
  display: inline-block;
  vertical-align: top;
  width: 55px;
  height: 27px;
  margin: -2.5px 0;
  padding-left: 8px;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 55 27" fill="%23FFC72F"><path d="M55 6C55 2.68629 52.3137 0 49 0L17.036 0C14.4468 0 11.9585 1.00428 10.0947 2.80156L1.23951 11.3405C0.0160553 12.5202 0.016058 14.4798 1.23952 15.6595L10.0947 24.1984C11.9585 25.9957 14.4468 27 17.036 27H49C52.3137 27 55 24.3137 55 21V6Z"/></svg>') 50% 50%/55px 27px;
  font-size: 15px;
  line-height: 27px;
  font-weight: 700;
  text-align: center;
  color: #000;
  scale: 0.71;
  transform-origin: 0 50%;
}
.slides__languages-text {
  margin-top: 10px;
  color: #9C9C9C;
}
.slides__langs {
  position: absolute;
  bottom: 50px;
  left: 50%;
  display: flex;
  gap: 20px;
  margin-left: -145px;
  padding: 16px;
  border-radius: 8px;
  border: 1px solid #35353D;
  background-color: #1B1B20;
  text-align: left;
  white-space: nowrap;
  color: #FFF;
  pointer-events: none;
  opacity: 0;
  transition-duration: 200ms;
  transition-property: opacity;
}
.slides__langs::before {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -9px;
  border-top: 9px solid #35353D;
  border-right: 9px solid transparent;
  border-left: 9px solid transparent;
}
.slides__langs::after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -7.5px;
  border-top: 7.5px solid #1B1B20;
  border-right: 7.5px solid transparent;
  border-left: 7.5px solid transparent;
}
.slides__langs ul {
  list-style: none;
}
.slides__langs li {
  margin-top: 4px;
}
.slides__langs li:first-child {
  margin-top: 0;
}
.slides__footnote:hover ~ .slides__langs {
  opacity: 1;
}
.slides__logos {
  display: flex;
  align-items: center;
  margin-top: 30px;
  opacity: 0;
  transform: translateY(40px);
  transition-delay: 0.375s;
  transition-duration: 0.375s;
  transition-property: opacity, transform;
}
.slides__logos img {
  margin-right: 15px;
}
.slides__logos--lg img {
  margin-right: 30px;
}
.slides__logos img:last-child {
  margin-right: 0;
}
.active .slides__icon,
.active .slides__heading,
.active .slides__subheading,
.active .slides__footnote,
.active .slides__languages,
.active .slides__logos {
  opacity: 1;
  transform: none;
}
.slides__inline-video {
  position: relative;
  display: none;
  margin-top: 40px;
  padding-top: 55.126903553299492%;
}
.slides__inline-video--lg {
  padding-top: 93.0864197530864%;
}
.slides__inline-video .image {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.slides__inline-video .image img {
  max-width: 100%;
  height: auto;
}
.slides__inline-image {
  display: none;
  margin-top: 40px;
  padding: 0 20px;
  text-align: center;
}
.slides__inline-image img {
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}
@media screen and (max-width: 1279.98px) {
  .slides__side {
    margin-left: -80px;
  }
}
@media screen and (max-width: 1023.98px) {
  .slides {
    margin: 0;
  }
  .slides__videos {
    display: none;
  }
  .slides__anchor {
    height: auto;
    margin: 0;
  }
  .slides__anchor--sm {
    height: 0;
    margin: 0;
    padding-top: 140px;
  }
  .slides__caption {
    position: static;
    text-align: center;
    transform: none;
  }
  .slides__icon {
    margin-right: auto;
    margin-left: auto;
    opacity: 1;
    transform: none;
  }
  .slides__heading {
    margin-right: auto;
    margin-left: auto;
    opacity: 1;
    transform: none;
  }
  .slides__subheading {
    margin-right: auto;
    margin-left: auto;
    opacity: 1;
    transform: none;
  }
  .slides__footnote {
    margin-right: auto;
    margin-left: auto;
  }
  .slides__logos {
    justify-content: center;
    opacity: 1;
    transform: none;
  }
  .slides__inline-video,
  .slides__inline-image {
    display: block;
  }
  .slides__languages {
    margin-right: auto;
    margin-left: auto;
  }
  .slides__languages-head {
    justify-content: center;
  }
  .slides__langs {
    margin-left: -193px;
  }
}
@media screen and (max-width: 767.98px) {
  .slides__anchor--sm {
    margin-top: -50px;
    padding-top: 150px;
  }
  .slides__caption {
    margin-right: -20px;
    margin-left: -20px;
  }
  .slides__inline-video {
    margin-top: 30px;
  }
  .slides__top100 {
    transform-origin: top left;
    scale: 0.75;
  }
}
@media screen and (max-width: 599.98px) {
  .slides__logos img {
    margin-right: 10px;
  }
  .slides__logos img:last-child {
    margin-right: 0;
  }
  .slides__top100 {
    scale: 0.5;
  }
}


/**/
/* integrations */
/**/
.integrations {
  margin-top: 90px;
  text-align: center;
}
.integrations__row {
  margin-right: -10px;
  margin-left: -10px;
}
.integrations__col {
  padding-right: 10px;
  padding-left: 10px;
}
.integrations__item {
  position: relative;
  overflow: hidden;
  margin-top: 20px;
  padding: 30px 0 0 40px;
  border-radius: 10px;
  background-color: #15171B;
  text-align: left;
}
.integrations__title {
  display: flex;
  margin-bottom: 50px;
  font-size: 20px;
  line-height: 1;
}
.integrations__title svg {
  margin-right: 10px;
}
.integrations__caption {
  max-width: 300px;
  padding-right: 40px;
  font-size: 24px;
  font-weight: 500;
  color: #FFF;
}
.integrations__caption--sm {
  max-width: 280px;
}
.integrations__figure {
  position: relative;
}
.integrations__image {
  display: block;
  margin-left: auto;
}
@media screen and (max-width: 1023.98px) {
  .integrations__item {
    max-width: 468px;
    margin: 20px auto 0;
  }
  .integrations__title {
    margin-bottom: 40px;
  }
  .integrations__caption {
    max-width: none;
  }
  .integrations__figure {
    margin-top: 40px;
  }
}
@media screen and (max-width: 599.98px) {
  .integrations__item {
    padding: 20px 0 0 20px;
  }
  .integrations__title {
    margin-bottom: 20px;
  }
  .integrations__caption {
    padding-right: 20px;
    font-size: 18px;
  }
  .integrations__figure {
    margin-top: 20px;
  }
  .integrations__image {
    margin-top: 0 !important;
  }
}


/**/
/* team cta */
/**/
.team-cta {
  position: relative;
  isolation: isolate;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  min-height: 460px;
  margin: 90px 0;
  padding: 60px;
  overflow: hidden;
  border-radius: 20px;
  background: #1B1B20;
}
.team-cta__bg {
  position: absolute;
  z-index: -1;
  bottom: 0;
  left: 0;
}
.team-cta__overline {
  display: flex;
  gap: 10px;
  align-items: center;
  margin-bottom: 30px;
  font-size: 20px;
  color: #9C9C9C;
}
.team-cta__overline::after {
  content: 'New';
  display: block;
  width: 33px;
  height: 18px;
  padding-left: 4px;
  background: url('data:image/svg+xml;utf8,<svg width="33" height="18" viewBox="0 0 33 18" fill="%23FFC72F" xmlns="http://www.w3.org/2000/svg"><path d="M33 3C33 1.34315 31.6569 0 30 0L10.4637 0C9.18125 0 7.94786 0.492745 7.01846 1.37638L1.28678 6.82582C0.0429333 8.00842 0.0429327 9.99158 1.28678 11.1742L7.01846 16.6236C7.94786 17.5073 9.18125 18 10.4637 18H30C31.6569 18 33 16.6569 33 15V3Z"/></svg>');
  font-size: 10px;
  line-height: 18px;
  font-weight: 700;
  text-align: center;
  color: #000;
}
.team-cta__title {
  max-width: 400px;
}
.team-cta__button {
  margin-top: 40px;
  padding-right: 30px;
  padding-left: 30px;
}
.team-cta__button::before {
  content: '';
  position: absolute;
  inset: 0;
}
@media screen and (max-width: 1023.98px) {
  .team-cta {
    align-items: center;
    padding: 60px 40px 51% 40px;
    text-align: center;
  }
  .team-cta__bg {
    right: 0;
    bottom: -60px;
    left: auto;
    width: 152%;
  }
  .team-cta__title {
    max-width: 100%;
  }
}
@media screen and (max-width: 599.98px) {
  .team-cta {
    min-height: 0;
    padding: 40px 20px 51% 20px;
    border-radius: 10px;
  }
  .team-cta__bg {
    bottom: -40px;
  }
  .team-cta__overline {
    margin-bottom: 20px;
  }
  .team-cta__button {
    margin-top: 30px;
    padding-right: 15px;
    padding-left: 15px;
    font-size: 19px;
  }
}


/**/
/* testmonials */
/**/
.testmonials {
  margin: 90px 0;
  padding: 30px 0;
}
.testmonials__subtitle {
  margin-top: 8px;
  font-size: 22px;
}
.testmonials__g2crowd {
  float: right;
  margin-top: -27px;
}
.testmonials__row {
  margin-top: 12px;
  margin-right: -10px;
  margin-left: -10px;
}
.testmonials__col {
  padding-right: 10px;
  padding-left: 10px;
}
.testmonials__item {
  position: relative;
  display: flex;
  margin-top: 20px;
  padding: 30px  30px 30px 40px;
  border-radius: 10px;
  box-shadow: inset 0 0 0 2px #1A1C21;
  transition-duration: 0.25s;
  transition-property: box-shadow;
}
.testmonials__item:hover {
  box-shadow: inset 0 0 0 2px #8B939F;
}
.testmonials__photo {
  align-self: flex-start;
  position: relative;
  margin-right: 30px;
}
.testmonials__photo img {
  display: block;
}
.testmonials__play {
  position: absolute;
  right: 1px;
  bottom: 1px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 2px solid #00BEFF;
  background: #000 url('data:image/svg+xml;utf8,<svg width="11" height="12" viewBox="0 0 11 12" xmlns="http://www.w3.org/2000/svg" fill="%2300BEFF"><path d="M9.75 4.70096C10.75 5.27831 10.75 6.72169 9.75 7.29904L2.25 11.6292C1.25 12.2065 -5.87627e-07 11.4848 -5.37309e-07 10.3301L-1.59922e-07 1.66987C-1.09603e-07 0.51517 1.25 -0.206516 2.25 0.370835L9.75 4.70096Z"/></svg>') 60% 50%/11px 12px no-repeat;
  transition-duration: 0.25s;
  transition-property: background-color;
}
.testmonials__cont {
  position: relative;
  display: flex;
  flex-direction: column;
}
.testmonials__text {
  position: relative;
  margin-bottom: 10px;
  font-size: 24px;
  line-height: 1.0625;
  font-style: italic;
  font-weight: 800;
  letter-spacing: -0.05em;
  color: #FFF;
}
.testmonials__text::after {
  content: '';
  position: absolute;
  top: 3px;
  right: 100%;
  width: 15px;
  height: 12px;
  margin-right: 8px;
  background: url('data:image/svg+xml;utf8,<svg width="15" height="12" viewBox="0 0 15 12" xmlns="http://www.w3.org/2000/svg" fill="%238B939F"><path d="M5.42647 0C2.02941 1.61798 0 4.62921 0 7.95506C0 10.2921 1.41176 12 3.35294 12C5.02941 12 6.35294 10.7416 6.35294 9.07865C6.35294 7.82023 5.55882 6.78652 4.36765 6.47191C3 6.1573 2.95588 6.11236 2.95588 5.39326C2.95588 3.82022 4.10294 2.33708 6.30882 1.07865L5.42647 0ZM14.0735 0C10.6765 1.61798 8.64706 4.62921 8.64706 7.95506C8.64706 10.2921 10.0588 12 12 12C13.6765 12 15 10.7416 15 9.07865C15 7.82023 14.2059 6.78652 13.0147 6.47191C11.6471 6.1573 11.6029 6.11236 11.6029 5.39326C11.6029 3.82022 12.75 2.33708 14.9559 1.07865L14.0735 0Z"/></svg>');
}
.testmonials__author {
  display: block;
  margin-top: 5px;
  font-size: 15px;
}
.testmonials__company {
  position: relative;
  margin-top: auto;
  padding-left: 40px;
  font-size: 13px;
  line-height: 15px;
  font-weight: 600;
  color: rgba(255,255,255,0.5);
}
.testmonials__company span {
  display: block;
  color: #FFF;
}
.testmonials__company img {
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 1023.98px) {
  .testmonials {
    text-align: center;
  }
  .testmonials__g2crowd {
    float: none;
    display: inline-block;
    vertical-align: top;
    margin: 20px 0 0;
  }
  .testmonials__item {
    text-align: left;
  }
}
@media screen and (max-width: 767.98px) {
  .testmonials__item {
    margin-right: -20px;
    margin-left: -20px;
    padding: 20px;
    border-radius: 0;
  }
}
@media screen and (max-width: 599.98px) {
  .testmonials__photo img {
    width: 80px;
    height: 80px;
  }
  .testmonials__play {
    right: -1px;
    bottom: -1px;
  }
  .testmonials__text {
    font-size: 20px;
    letter-spacing: 0;
  }
}


/**/
/* features */
/**/
.features__item {
  gap: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 160px;
}
.features__cont {
  position: relative;
}
.features__figure {
  min-width: 60%;
}
.features__img {
  max-width: 910px;
  margin-right: -20px;
}
.features__img img {
  display: block;
  max-width: 100%;
}
.features__video {
  position: relative;
  max-width: 910px;
  aspect-ratio: 2422/1732;
  margin-right: -40px;
}
.features__video video {
  border-radius: 10px 0 0 10px;
  /* border: 1px solid #35353D; */
}
@media screen and (min-width: 1281px) {
  .features__img,
  .features__video {
    margin-right: calc((1240px - 100vw)/2);
  }
}
@media screen and (max-width: 1023.98px) {
  .features {
    margin-top: -40px;
  }
  .features__item {
    flex-direction: column;
    text-align: center;
  }
  .features__figure {
    width: 100%;
  }
  .features__img,
  .features__video {
    margin-right: -30px;
    margin-left: -30px;
  }
  .features__video video {
    border-radius: 0;
  }
}
@media screen and (max-width: 767.98px) {
  .features {
    margin-top: -80px;
  }
  .features__item {
    margin-bottom: 120px;
  }
  .features__img,
  .features__video {
    margin-right: -20px;
    margin-left: -20px;
  }
}


/**/
/* customers */
/**/
.customers {
  margin: -90px -40px 0;
  padding: 90px 40px;
  overflow: hidden;
  text-align: center;
}
.customers__title {
  text-wrap: balance;
}
.customers__head {
  gap: 20px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.customers-award {
  overflow: hidden;
  margin-top: -246px;
}
.customers-award__figure {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: -390px;
}
.customers-award__figure img {
  pointer-events: none;
}
.customers-award__figure img:last-child {
  display: none;
}
.customers-award__cont {
  padding: 160px 20px 30px;
  border-radius: 10px;
  border: 1px solid #2D2D31;
}
.customers-award__title {
  margin-bottom: 5px;
}
.customers-award__subtitle {
  max-width: 370px;
  margin: 0 auto;
  font-size: 20px;
  color: #D3D3D3;
}
.customers-tabs {
  gap: 10px;
  display: flex;
  justify-content: center;
  margin-top: 50px;
  white-space: nowrap;
}
.customers-tabs__item {
  padding: 6px 12px;
  border-radius: 50px;
  border: 1px solid #35353D;
  font-size: 18px;
  line-height: 28px;
  font-weight: 700;
  color: #A9A9A9;
  transition-duration: 0.25s;
  transition-property: border-color, color;
}
.customers-tabs__item:hover {
  border-color: #6C6D72;
  color: #FFF;
}
.customers-tabs__item.active {
  pointer-events: none;
  border-color: #00BEFF;
  color: #00BEFF;
}
.customers-summ {
  position: relative;
  margin-top: 30px;
  padding-bottom: 30px;
  border-bottom: 3px solid #35353D;
}
.customers-summ::after {
  content: '';
  position: absolute;
  z-index: 1;
  top: 100%;
  right: 0;
  left: 0;
  height: 200px;
  margin-top: 2px;
  background: linear-gradient(rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
  pointer-events: none;
}
.customers-summ__title {
  font-size: 18px;
  font-weight: 700;
}
.customers-summ__subtitle {
  max-width: 650px;
  margin: 10px auto 0;
  color: #D3D3D3;
}
.customers-summ__subtitle p {
  display: none;
}
.customers-summ__subtitle .active {
  display: block;
}
.customers-grid {
  position: relative;
  overflow: hidden;
  /* max-height: 980px; */
  margin: -10px;
  transition-duration: 0.25s;
  transition-property: height;
}
.customers-grid::after {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 240px;
  background: linear-gradient(rgba(0, 0, 0, 0), #000);
  pointer-events: none;
}
.customers-cell {
  width: 33.333%;
  padding: 10px;
}
.customers-review {
  position: relative;
  z-index: 1;
  margin-bottom: 20px;
  padding: 30px;
  border-radius: 10px;
  background-color: #141417;
  text-align: left;
  -webkit-transform: translate3d(0px, 0px, -1px);
}
.customers-review__title {
  font-size: 22px;
  line-height: 1.1;
  font-weight: 800;
  font-style: italic;
  letter-spacing: -0.025em;
  text-wrap: balance;
  color: #fff;
}
.customers-review__caption {
  margin-top: 10px;
  /* font-size: 20px;
  line-height: 1.3; */
  color: #D3D3D3;
}
.customers-review__author {
  gap: 12px;
  display: flex;
  align-items: center;
  margin-top: 20px;
}
.customers-review__photo {
  display: none;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  border-radius: 20px;
}
.customers-review__name {
  font-size: 13px;
  letter-spacing: -0.025em;
  color: #fff;
}
.customers-review__rating {
  gap: 4px;
  display: flex;
  align-items: center;
  margin-top: 2px;
  font-size: 12px;
  font-weight: 700;
  color: #FEC72F;
}
.customers-review__stars {
  width: 56px;
  height: 10px;
  margin-bottom: 1px;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 56 10" fill="%23FEC72F"><path d="M2.37683 9.72726C2.14732 9.85284 1.88689 9.63277 1.93327 9.35181L2.42677 6.35202L0.332043 4.22362C0.136424 4.02448 0.238099 3.66045 0.500311 3.62112L3.4126 3.17972L4.71117 0.435505C4.82831 0.188165 5.14522 0.188165 5.26236 0.435505L6.56093 3.17972L9.47322 3.62112C9.73543 3.66045 9.83711 4.02448 9.64089 4.22362L7.54676 6.35202L8.04027 9.35181C8.08664 9.63277 7.82621 9.85284 7.5967 9.72726L4.98587 8.29649L2.37623 9.72726H2.37683Z" /><path d="M13.8903 9.72726C13.6607 9.85284 13.4003 9.63277 13.4467 9.35181L13.9402 6.35202L11.8455 4.22362C11.6499 4.02448 11.7515 3.66045 12.0137 3.62112L14.926 3.17972L16.2246 0.435505C16.3417 0.188165 16.6587 0.188165 16.7758 0.435505L18.0744 3.17972L20.9866 3.62112C21.2489 3.66045 21.3505 4.02448 21.1543 4.22362L19.0602 6.35202L19.5537 9.35181C19.6001 9.63277 19.3396 9.85284 19.1101 9.72726L16.4993 8.29649L13.8897 9.72726H13.8903Z" /><path d="M25.4037 9.72726C25.1742 9.85284 24.9137 9.63277 24.9601 9.35181L25.4536 6.35202L23.3589 4.22362C23.1633 4.02448 23.265 3.66045 23.5272 3.62112L26.4395 3.17972L27.738 0.435505C27.8552 0.188165 28.1721 0.188165 28.2892 0.435505L29.5878 3.17972L32.5001 3.62112C32.7623 3.66045 32.864 4.02448 32.6677 4.22362L30.5736 6.35202L31.0671 9.35181C31.1135 9.63277 30.8531 9.85284 30.6236 9.72726L28.0127 8.29649L25.4031 9.72726H25.4037Z" /><path d="M36.9171 9.72726C36.6876 9.85284 36.4272 9.63277 36.4736 9.35181L36.9671 6.35202L34.8723 4.22362C34.6767 4.02448 34.7784 3.66045 35.0406 3.62112L37.9529 3.17972L39.2515 0.435505C39.3686 0.188165 39.6855 0.188165 39.8027 0.435505L41.1013 3.17972L44.0136 3.62112C44.2758 3.66045 44.3775 4.02448 44.1812 4.22362L42.0871 6.35202L42.5806 9.35181C42.627 9.63277 42.3665 9.85284 42.137 9.72726L39.5262 8.29649L36.9165 9.72726H36.9171Z" /><path d="M48.4305 9.72726C48.201 9.85284 47.9406 9.63277 47.987 9.35181L48.4805 6.35202L46.3858 4.22362C46.1901 4.02448 46.2918 3.66045 46.554 3.62112L49.4663 3.17972L50.7649 0.435505C50.882 0.188165 51.199 0.188165 51.3161 0.435505L52.6147 3.17972L55.527 3.62112C55.7892 3.66045 55.8909 4.02448 55.6946 4.22362L53.6005 6.35202L54.094 9.35181C54.1404 9.63277 53.88 9.85284 53.6504 9.72726L51.0396 8.29649L48.43 9.72726H48.4305Z" /></svg>') 50% 50%/100% 100%;
}
@media screen and (max-width: 1023.98px) {
  .customers {
    margin-right: -30px;
    margin-left: -30px;
    padding-right: 30px;
    padding-left: 30px;
  }
  .customers-award {
    margin-top: -246px;
  }
  .customers-award__figure img {
    display: none;
  }
  .customers-award__figure img:last-child {
    display: block;
  }
  .customers-tabs {
    gap: 8px;
    justify-content: start;
    overflow: auto;
    margin-right: -30px;
    margin-left: -30px;
    padding-right: 30px;
    padding-left: 30px;
  }
  .customers-tabs::-webkit-scrollbar {
    display: none;
  }
  .customers-cell {
    width: 50%;
  }
  .customers-review {
    padding: 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .customers {
    margin-right: -20px;
    margin-left: -20px;
    padding-right: 20px;
    padding-left: 20px;
  }
  .customers__head {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .customers-tabs {
    margin-right: -20px;
    margin-left: -20px;
    padding-right: 20px;
    padding-left: 20px;
  }
  .customers-tabs__item {
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
  }
  .customers-tabs__item.active {
    font-weight: 700;
  }
  .customers-cell {
    width: 100%;
  }
}


/**/
/* customers marquee */
/**/
.customers-marquee {
  position: relative;
  height: 1000px;
  overflow: hidden;
  margin-top: 1px;
  padding-top: 30px;
}
.customers-marquee::after {
  content: '';
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: 0;
  left: 0;
  height: 200px;
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
  pointer-events: none;
}
.customers-marquee__row {
  position: absolute;
  top: 0;
  left: 0;
  gap: 20px;
  display: grid;
  width: 100%;
  align-items: start;
  grid-template-columns: repeat(3, minmax(0,1fr));
  opacity: 0;
  pointer-events: none;
  transition-duration: 600ms;
  transition-property: opacity;
}
.customers-marquee__row.active {
  pointer-events: auto;
  opacity: 1;
}
.customers-marquee__col {
  overflow: hidden;
}
.customers-marquee__col.animated {
  animation-name: marquee;
  animation-duration: 50s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
@keyframes marquee {
  from {transform: translate(0, 0)}
  to {transform: translate(0, -50%)}
}
@media screen and (max-width: 767.98px) {
  .customers-marquee__row {
    grid-template-columns: repeat(1, minmax(0,1fr));
  }
  .customers-marquee__col:nth-child(2),
  .customers-marquee__col:nth-child(3) {
    display: none;
  }
}


/**/
/* callout */
/**/
.callout {
  padding: 40px 0;
  border-radius: 10px;
  background-color: #23262A;
  text-align: center;
  color: #FFF;
}
.callout__title {
  font-size: 18px;
  font-weight: 700;
}
.callout__badge {
  width: 147px;
  margin-top: 10px;
  margin-right: 2.5px;
  margin-left: -150px;
  padding-right: 8px;
  background: url('data:image/svg+xml;utf8,<svg width="147" height="28" viewBox="0 0 147 28" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill="%23FFC72F" d="M0 6C0 2.68629 2.68629 0 6 0L129.858 0C132.51 0 135.054 1.05357 136.929 2.92893L145.879 11.8787C147.05 13.0503 147.05 14.9497 145.879 16.1213L136.929 25.0711C135.054 26.9464 132.51 28 129.858 28L6 28C2.68629 28 0 25.3137 0 22L0 6Z"/></svg>');
  font-size: 15px;
  line-height: 28px;
  font-weight: 700;
  text-align: center;
  color: #000;
}
.callout__button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 252px;
  height: 54px;
  margin: 10px 7.5px 0;
  border-radius: 6px;
  background-color: #FFF;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: #616162;
  transition-duration: 0.25s;
  transition-property: color;
}
.callout__button svg {
  margin-right: 15px;
}
.callout__button:hover {
  color: #000;
}
.callout__note {
  margin-top: 15px;
  font-size: 13px;
}
.callout__note-alt {
  margin-top: 15px;
  font-size: 15px;
}
.callout__note a {
  text-decoration: underline;
}
.callout__note a:hover {
  text-decoration: none;
}
.callout__note strong {
  font-weight: 700;
}
.callout--alt {
  padding: 0;
  background-color: transparent;
}
.callout--alt .callout__note {
  color: #8B939F;
}
.callout--alt .callout__note a {
  color: #FFF;
}
@media screen and (max-width: 1023.98px) {
  .callout__badge {
    width: auto;
    margin: 0;
    padding: 0;
    background: none;
    font-size: 18px;
    line-height: inherit;
    color: #FFC72F;
  }
}
@media screen and (max-width: 767.98px) {
  .callout {
    margin-right: -20px;
    margin-left: -20px;
    padding-right: 20px;
    padding-left: 20px;
    border-radius: 0;
  }
}
@media screen and (max-width: 599.98px) {
  .callout__button {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }
}


/**/
/* scores */
/**/
.scores {
  gap: 30px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  max-width: 990px;
  margin: 50px auto 0;
}
.scores__item {
  position: relative;
  isolation: isolate;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 22px;
  border-radius: 20px;
  line-height: 1;
}
.scores__item::before {
  content: '';
  position: absolute;
  z-index: -1;
  top: 2px;
  right: 2px;
  bottom: 2px;
  left: 2px;
  border-radius: 18px;
  background-color: #000;
}
.scores__item--1 {
  background: linear-gradient(135deg, #997103 0%, #EBB623 13%, #FFE69F 77%, #E9B116 100%);
}
.scores__item--2 {
  background: linear-gradient(135deg, #036399 0%, #2397EB 13%, #9FEEFF 77%, #1690E9 100%);
}
.scores__item--3 {
  background: linear-gradient(135deg, #A1381A 0%, #FF6334 13%, #FFB099 77%, #DA552F 100%);
}
.scores__ranked {
  margin-top: 20px;
  font-size: 30px;
  font-weight: 800;
  color: #FFB52A;
}
.scores__subranked {
  margin-top: 5px;
  font-size: 15px;
  font-weight: 800;
  color: #FFF;
}
.scores__rating {
  gap: 5px;
  display: flex;
  align-items: center;
  margin-top: 10px;
  font-size: 13px;
  font-weight: 700;
  color: #FEC72F;
}
.scores__rating div {
  margin-top: 1px;
}
.scores__subrating {
  margin-top: 5px;
  font-size: 11px;
  font-weight: 700;
  color: rgba(254, 199, 47, 0.60);
}
.scores__value {
  display: flex;
  align-items: center;
  font-size: 52px;
  font-weight: 800;
  color: #FFF;
}
.scores__value::after {
  content: '✨';
  margin-right: -28px;
  margin-bottom: 24px;
  font-size: 28px;
}
.scores__subvalue {
  margin-top: 10px;
  font-size: 15px;
  font-weight: 800;
  text-transform: uppercase;
  color: #20C5FF;
}
.scores__notevalue {
  margin-top: 10px;
  font-size: 13px;
  font-style: italic;
  color: #FFF;
  opacity: 0.5;
}
.scores__hunt {
  position: relative;
  margin-top: 10px;
  padding: 0 30px;
  font-size: 17px;
  font-weight: 700;
  color: #FEC72F;
}
.scores__hunt::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 45px;
  height: 71px;
  margin-top: -30px;
  background: url(../img/scores/left@2x.png) 50% 50%/100% 100%;
}
.scores__hunt::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  width: 45px;
  height: 71px;
  margin-top: -30px;
  background: url(../img/scores/left@2x.png) 50% 50%/100% 100%;
  transform: scale(-1,1);
}
.scores__place {
  margin-top: 5px;
  font-size: 32px;
  font-weight: 700;
  color: #FEC72F;
}
@media screen and (max-width: 767.98px) {
  .scores {
    gap: 20px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    max-width: 400px;
    margin-top: 40px;
  }
  .scores__item {
    min-height: 180px;
  }
}


/**/
/* call to action */
/**/
.call-to-action {
  position: relative;
  display: flex;
  gap: 70px;
  padding: 50px 70px;
  border-radius: 10px;
  background: #1B1B20;
  overflow: hidden;
}
.call-to-action__title {
  text-wrap: balance;
}
.call-to-action__button {
  margin-top: 20px;
  padding-right: 40px;
  padding-left: 40px;
}
.call-to-action__figure {
  position: relative;
  flex-shrink: 0;
  width: 474px;
  margin: -20px auto -50px;
}
.call-to-action__figure::after {
  content: '';
  position: absolute;
  top: -70px;
  left: 50%;
  width: 670px;
  aspect-ratio: 1/1;
  border: 1px solid rgba(255,255,255,0.0375);
  border-radius: 50%;
  transform: translate(-50%, 0);
  pointer-events: none;
}
.call-to-action__figure::before {
  content: '';
  position: absolute;
  top: -20px;
  left: 50%;
  width: 570px;
  aspect-ratio: 1/1;
  border: 1px solid rgba(255,255,255,0.075);
  border-radius: 50%;
  transform: translate(-50%, 0);
  pointer-events: none;
}
.call-to-action__figure img {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
}
@media screen and (max-width: 1279.98px) {
  .call-to-action {
    gap: 50px;
    padding-right: 50px;
    padding-left: 50px;
  }
}
@media screen and (max-width: 1023.98px) {
  .call-to-action {
    flex-direction: column;
    text-align: center;
  }
  .call-to-action__figure {
    height: 240px;
    margin-top: 0;
  }
}
@media screen and (max-width: 767.98px) {
  .call-to-action {
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media screen and (max-width: 599.98px) {
  .call-to-action {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .call-to-action__button {
    padding-right: 20px;
    padding-left: 20px;
  }
  .call-to-action__figure {
    width: 100%;
    height: auto;
    aspect-ratio: 16/9;
    margin-bottom: -40px;
  }
}


/**/
/* faq */
/**/
.faq {
  margin: 60px 0 90px;
}
.faq__heading {
  margin-top: 30px;
}
.faq__answer {
  margin-top: 10px;
  font-size: 16px;
}
.faq__answer a {
  text-decoration: underline;
  transition-duration: 0.25s;
  transition-property: color;
}
.faq__answer a:hover {
  color: #FFF;
}
.faq__logos {
  display: flex;
  align-items: center;
  margin-top: 15px;
}
.faq__logos img {
  margin-left: 15px;
}
.faq__logos img:first-child {
  margin-left: 0;
}
.faq__logos--secure {
  float: right;
  margin-top: -20px;
  margin-bottom: 15px;
  margin-left: 20px;
}
.faq__logos--secure img {
  margin-left: 20px;
}
@media screen and (max-width: 599.98px) {
  .faq__logos img {
    margin-left: 10px;
  }
  .faq__logos img:first-child {
    margin-left: 0;
  }
  .faq__logos--secure {
    margin: 10px 0 10px 10px;
  }
  .faq__logos--secure img {
    width: auto;
    height: 80px;
  }
}


/**/
/* help callout */
/**/
.help-callout {
  gap: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: -60px;
  margin-bottom: 50px;
  padding: 30px;
  border-radius: 10px;
  background-color: #141417;
  text-align: center;
}
.help-callout__title {
  font-size: 20px;
  line-height: 1.2;
  font-weight: 800;
  color: #FFF;
}
.help-callout__button {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 280px;
  min-height: 40px;
  padding: 6px 15px;
  border-radius: 6px;
  border: 2px solid #00BEFF;
  font-size: 18px;
  line-height: 1;
  font-weight: 700;
  color: #00BEFF;
  transition-duration: 0.25s;
  transition-property: background-color, color;
}
.help-callout__button:hover {
  background-color: #00BEFF;
  color: #000;
}


/**/
/* g2 awards */
/**/
.g2-awards {
  max-width: 1010px;
  margin: 140px auto;
  text-align: center;
}
.g2-awards__grid {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 20px;
  align-items: center;
  justify-content: center;
  margin-top: 50px;
}
.g2-awards__grid div {
  width: 100%;
}
@media screen and (max-width: 1023.98px) {
  .g2-awards__grid {
    gap: 20px;
  }
  .g2-awards__grid div {
    display: none;
  }
}
@media screen and (max-width: 767.98px) {
  .g2-awards {
    margin: 100px 0;
  }
  .g2-awards__grid {
    gap: 15px 10px;
    margin-top: 30px;
  }
  .g2-awards__grid img {
    width: 59px;
  }
}


/**/
/* compare */
/**/
.compare {
  position: relative;
  text-align: center;
}
.compare__anchor {
  position: absolute;
  top: -30px;
}
.compare__subtitle {
  margin-top: 15px;
  font-size: 22px;
  line-height: 1.272727272727273;
  color: #9C9C9C;
}
.compare__overflow {
  margin-top: 50px;
  overflow: auto;
}
.compare__overflow::-webkit-scrollbar {
  display: none;
}
.compare__table-wrap {
  position: relative;
}
.compare__table {
  width: 100%;
  border-collapse: collapse;
  white-space: nowrap;
  color: #9C9C9C;
}
.compare__table th {
  padding: 0 30px 10px;
  font-size: 13px;
  line-height: 1.230769230769231;
  font-weight: 800;
  color: #6C6D72;
}
.compare__table th .flex {
  gap: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  /* transition-duration: 0.25s;
  transition-property: color; */
}
/* .compare__table th .flex svg {
  transition-duration: 0.25s;
  transition-property: color;
} */
.compare__table th .tooltip {
  position: absolute;
  top: 100%;
  left: 50%;
  margin-top: 4px;
  margin-left: 12px;
  padding: 6px 10px;
  border-radius: 4px;
  background-color: #54565B;
  font-size: 12px;
  line-height: 14px;
  font-weight: 500;
  color: #fff;
  opacity: 0;
  pointer-events: none;
  transform: translateX(-50%);
  transition-duration: 0.25s;
  transition-property: opacity;
}
.compare__table th .tooltip::after {
  content: '';
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #54565B;
  border-left: 5px solid transparent;
}
.compare__table th .flex:has(.tooltip) {
  position: relative;
}
.compare__table th .flex:has(.tooltip):hover {
  color: #fff;
}
.compare__table th .flex:has(.tooltip):hover svg {
  color: #FF492C;
}
.compare__table th .flex:hover .tooltip {
  opacity: 1;
}
.compare__table th:first-child {
  text-align: left;
}
.compare__table th:first-child .flex {
  justify-content: start;
}
.compare__table td {
  padding: 25px 30px;
  border: 1px solid #000;
  border-bottom: 0;
  background-color: #1B1B20;
  transition-duration: 0.25s;
  transition-property: background-color;
}
.compare__table td:last-child {
  border-right: 0;
}
.compare__table td:first-child {
  text-align: left;
  border-left: 0;
}
.compare__table tbody {
  overflow: hidden;
  border-radius: 10px;
}
.compare__table tbody tr {
  cursor: pointer;
}
.compare__table tbody tr:hover td {
  background-color: #26252A;
}
.compare__table tbody tr:first-child {
  color: #2EB67D;
}
.compare__table tbody tr:first-child td:first-child {
  border-top-left-radius: 10px;
}
.compare__table tbody tr:first-child td:last-child {
  border-top-right-radius: 10px;
}
.compare__table tbody tr:last-child td:first-child {
  border-bottom-left-radius: 10px;
}
.compare__table tbody tr:last-child td:last-child {
  border-bottom-right-radius: 10px;
}
.compare__caption {
  display: flex;
  gap: 15px;
  align-items: center;
}
.compare__num {
  flex-shrink: 0;
  width: 40px;
  font-size: 28px;
  line-height: 1.142857142857143;
  font-weight: 600;
  text-align: center;
}
.compare__logo {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  border-radius: 6px;
  border: 1px solid #35353D;
}
.compare__name {
  font-size: 28px;
  line-height: 1.142857142857143;
  font-weight: 800;
  letter-spacing: -0.02em;
  color: #FFFFFF;
}
.compare__value {
  font-size: 24px;
  line-height: 1.16666667;
  font-weight: 600;
  text-align: center;
}
.compare__subvalue {
  font-size: 13px;
  line-height: 1.230769230769231;
  color: #9C9C9C;
}
.compare__more {
  margin-top: 20px;
  display: flex;
  justify-content: center;
}
.compare__more a {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #00BEFF;
  transition-duration: 0.25s;
  transition-property: color;
  font-size: 18px;
}
.compare__more a:hover {
  color: #fff;;
}
.compare__note {
  font-size: 13px;
  font-style: italic;
  text-align: center;
  margin-top: 12px;
}
@media screen and (max-width: 1279.98px) {
  .compare__table th,
  .compare__table td {
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media screen and (max-width: 1023.98px) {
  .compare {
    margin-top: 120px;
  }
  .compare--alt {
    margin-top: 0;
  }
  .compare__overflow {
    display: flex;
    margin-right: -30px;
    margin-left: -30px;
    padding-left: 30px;
  }
  .compare__overflow::after {
    content: '';
    flex: 0 0 30px;
  }
  .compare__table-wrap {
    flex-grow: 1;
  }
  .compare__num {
    width: 32px;
  }
  .compare__subvalue span {
    display: block;
  }
}
@media screen and (max-width: 767.98px) {
  .compare {
    margin-top: 80px;
  }
  .compare--alt {
    margin-top: -20px;
  }
  .compare__subtitle {
    font-size: 20px;
  }
  .compare__name,
  .compare__value {
    font-size: 24px;
  }
  .compare__more {
    margin-top: 15px;
  }
}
@media screen and (max-width: 599.98px) {
  .compare__more {
    font-size: 15px;
  }
}


/**/
/* reviews */
/**/
.reviews__grid {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 20px;
  color: #8E8E8E;
}
.reviews__item {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  padding: 40px;
  border-radius: 10px;
  background-color: #1B1B20;
  transition-duration: 0.25s;
  transition-property: background-color;
}
.reviews__item:hover {
  background-color: #26252A;
}
.reviews__title {
  font-size: 28px;
  line-height: 1.142857142857143;
  font-weight: 800;
  letter-spacing: -0.02em;
  color: #FFFFFF;
}
.reviews__subtitle {
  margin-top: 20px;
  margin-bottom: auto;
}
.reviews__author {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 20px;
  font-size: 13px;
  line-height: 1.230769230769231;
}
.reviews__author-name {
  color: #C5C5C5;
}
.reviews__author-name span {
  margin-right: 2px;
  font-weight: 800;
  color: #FFFFFF;
}
.reviews__author-stars {
  width: 73px;
  height: 13px;
  margin-top: 3px;
  background: url('data:image/svg+xml;utf8,<svg width="15" height="13" viewBox="0 0 15 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.93365 12.9506C2.62002 13.1222 2.26415 12.8215 2.32752 12.4376L3.0019 8.33836L0.139468 5.42993C-0.127844 5.1578 0.0110934 4.66035 0.369405 4.60662L4.34902 4.00344L6.12351 0.253499C6.28358 -0.0844896 6.71664 -0.0844896 6.8767 0.253499L8.6512 4.00344L12.6308 4.60662C12.9891 4.66035 13.1281 5.1578 12.8599 5.42993L9.99832 8.33836L10.6727 12.4376C10.7361 12.8215 10.3802 13.1222 10.0666 12.9506L6.49889 10.9955L2.93284 12.9506H2.93365Z" fill="%23FEC72F"/></svg>');
}
.reviews__foot {
  margin-top: 20px;
  font-size: 20px;
  line-height: 1.2;
  text-align: center;
  color: #9C9C9C;
}
.reviews__foot a {
  white-space: nowrap;
}
@media screen and (max-width: 1279.98px) {
  .reviews__item {
    padding: 30px;
  }
}
@media screen and (max-width: 1023.98px) {
  .reviews__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .reviews__item {
    padding: 30px 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .reviews__title {
    font-size: 24px;
  }
  .reviews__grid {
    grid-template-columns: 100%;
  }
}


/**/
/* pricing */
/**/
.pricing {
  position: relative;
  max-width: 1050px;
  margin: 140px auto;
  text-align: center;
}
.pricing__subtitle {
  margin-top: 10px;
}
.pricing__bar {
  gap: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 40px;
}
.pricing__switcher {
  display: flex;
  gap: 1px;
  width: 200px;
  padding: 5px;
  border-radius: 10px;
  border: 1px solid #35353D;
  background: #1B1B20;
  text-align: center;
}
.pricing__switcher label {
  position: relative;
  flex: 1 0 0%;
  cursor: pointer;
}
.pricing__switcher label:hover span {
  color: #FFF;
}
.pricing__switcher input {
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
}
.pricing__switcher span {
  display: block;
  border-radius: 6px;
  font-size: 18px;
  line-height: 32px;
  font-weight: 700;
  color: #B7B7B7;
  transition-duration: 0.25s;
  transition-property: background, color;
}
.pricing__switcher input:checked + span {
  background: #00BEFF;
  color: #FFF;
}
.pricing__save {
  font-size: 20px;
  color: #FEC72F;
}
.pricing__row {
  display: flex;
  gap: 2px;
  margin-top: 30px;
  border-radius: 10px;
  overflow: hidden;
}
.pricing__col {
  background-color: #1B1B20;
}
.pricing__col--pro {
  flex-grow: 1;
  display: flex;
  align-items: center;
}
.pricing__col--standard {
  flex-grow: 0;
  flex-shrink: 0;
}
.pricing__card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 40px 60px;
}
.pricing__name {
  font-size: 42px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: -0.025em;
  color: #21BFFC;
}
.pricing__name--pro {
  color: #A400FF;
}
.pricing__price {
  width: 150px;
  margin-top: 20px;
  font-size: 60px;
  line-height: 1;
  font-weight: 600;
  letter-spacing: -0.025em;
  color: #FFF;
}
.pricing__subprice {
  color: #A9A9A9;
}
.pricing__pros {
  list-style: none;
  padding: 40px 60px;
  margin-left: -80px;
  font-size: 22px;
  line-height: 28px;
  text-align: left;
  color: #F0F0F0;
}
.pricing__pros li {
  padding-left: 30px;
  background: url('data:image/svg+xml;utf8,<svg viewBox="0 0 16 16" fill="%23A878FF" xmlns="http://www.w3.org/2000/svg"><path d="M15.5067 2.49328C14.8499 1.83557 13.782 1.83557 13.1252 2.49328L5.89468 9.72294L2.87481 6.70391C2.21795 6.04621 1.15014 6.04621 0.493276 6.70391C-0.164425 7.36162 -0.164425 8.42775 0.493276 9.08545L4.70391 13.2961C5.03234 13.6254 5.46351 13.7896 5.89468 13.7896C6.32585 13.7896 6.75702 13.6254 7.08545 13.2961L15.5067 4.87481C16.1644 4.21711 16.1644 3.15098 15.5067 2.49328Z" /></svg>') 0 50%/16px 16px no-repeat;
}
.pricing__pros li:not(:first-child) {
  margin-top: 10px;
}
.pricing__soon {
  display: inline-flex;
  align-items: center;
  vertical-align: top;
  margin-top: 3px;
  padding: 0 6px;
  height: 21px;
  padding-top: 1px;
  border-radius: 4px;
  background: #FFC72F;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: -0.025em;
  color: #000;
}
.pricing__list {
  list-style: none;
  margin: 80px 30px 50px;
  font-size: 20px;
}
.pricing__list li {
  margin-top: 10px;
}
.pricing__list strong {
  font-weight: 800;
  color: white;
}
.pricing__list .text-link {
  text-decoration: underline;
}
.pricing__foot--buttons {
  line-height: 56px;
}
.pricing__foot--buttons-separator {
  font-size: 20px;
  padding: 0px 15px;
}
.pricing__foot .headline__button {
  margin-top: 0;
}
.pricing__footnote {
  margin-top: 20px;
}
.pricing__footnote .text-link {
  text-decoration: underline;
}
@media screen and (max-width: 1023.98px) {
  .pricing__row {
    flex-direction: column;
  }
  .pricing__col--pro {
    justify-content: center;
  }
}
@media screen and (max-width: 767.98px) {
  .pricing {
    margin: 100px 0;
  }
  .pricing__col--pro {
    flex-direction: column;
  }
  .pricing__card {
    padding: 30px;
  }
  .pricing__pros {
    margin-top: -30px;
    margin-left: 0;
    padding: 30px;
    font-size: 18px;
  }
  .pricing__list {
    margin: 40px 0;
    text-align: center;
  }
  .pricing__list strong {
    display: block;
  }
}


/**/
/* outro */
/**/
.outro {
  margin: 140px 0;
  text-align: center;
  color: #9C9C9C;
}
.outro__subtitle {
  margin-top: 10px;
  margin-bottom: -10px;
}
@media screen and (max-width: 767.98px) {
  .outro {
    margin: 100px 0;
  }
}


/**/
/* works with */
/**/
.works-with {
  display: flex;
  gap: 20px;
  margin: 90px 0;
}
.works-with__left {
  flex: 0 0 400px;
  padding: 48px;
  border-radius: 20px;
  background: #1B1B20;
}
.works-with__right {
  position: relative;
  flex: 1 0 0;
  overflow: hidden;
  padding: 48px;
  border-radius: 20px;
  background: #1B1B20 url('../img/works-with/bg@2x.png') 0% 50%/820px 301px no-repeat;
}
.works-with__overline {
  font-size: 20px;
  color: #9C9C9C;
}
.works-with__item {
  display: flex;
  gap: 12px;
  align-items: center;
  margin-top: 20px;
}
.works-with__new {
  width: 33px;
  height: 18px;
  margin-top: 1px;
  padding-left: 4px;
  background: url('data:image/svg+xml;utf8,<svg width="33" height="18" viewBox="0 0 33 18" fill="%23FFC72F" xmlns="http://www.w3.org/2000/svg"><path d="M33 3C33 1.34315 31.6569 0 30 0L10.4637 0C9.18125 0 7.94786 0.492745 7.01846 1.37638L1.28678 6.82582C0.0429333 8.00842 0.0429327 9.99158 1.28678 11.1742L7.01846 16.6236C7.94786 17.5073 9.18125 18 10.4637 18H30C31.6569 18 33 16.6569 33 15V3Z"/></svg>');
  font-size: 10px;
  line-height: 18px;
  font-weight: 700;
  text-align: center;
  color: #000;
}
.works-with__title {
  max-width: 250px;
  margin-top: 12px;
}
.works-with__button {
  margin-top: 26px;
  padding: 10px 40px;
  font-size: 18px;
}
.works-with__button::before {
  content: '';
  position: absolute;
  inset: 0;
}
@media screen and (max-width: 1023.98px) {
  .works-with {
    flex-direction: column;
  }
  .works-with__left,
  .works-with__right {
    flex: 0 0 auto;
  }
}
@media screen and (max-width: 767.98px) {
  .works-with__left,
  .works-with__right {
    padding: 40px 32px;
  }
}
@media screen and (max-width: 599.98px) {
  .works-with {
    margin-right: -20px;
    margin-left: -20px;
    text-align: center;
  }
  .works-with__left,
  .works-with__right {
    border-radius: 0;
    padding: 32px 20px;
  }
  .works-with__right {
    padding-bottom: 301px;
    background-position: 75% 100%;
  }
  .works-with__item {
    margin-top: 16px;
    justify-content: center;
  }
  .works-with__title {
    max-width: none;
  }
  .works-with__button {
    margin-top: 24px;
  }
}


/**/
/* popup */
/**/
.popup {
  position: fixed;
  z-index: 100;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #000;
  visibility: hidden;
  opacity: 0;
  transition-duration: 0.25s;
  transition-property: opacity;
}
.popup.active {
  visibility: visible;
  opacity: 1;
}
.popup__frame {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
}
.popup__close {
  position: fixed;
  top: 0;
  right: 0;
  width: 104px;
  height: 104px;
  background: #000 url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" fill="none" stroke="white" stroke-width="2" stroke-linecap="square"><path d="M46 2L2 46"/><path d="M46 46L2 2"/></svg>') 50% 50% no-repeat;
  transition-duration: 0.25s;
  transition-property: background;
}
.popup__close:hover {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" fill="none" stroke="%231B82FF" stroke-width="2" stroke-linecap="square"><path d="M46 2L2 46"/><path d="M46 46L2 2"/></svg>');
}


/**/
/* product badges */
/**/
.product-badges {
  display: none;
  position: fixed;
  z-index: 1;
  bottom: 20px;
  left: 20px;
  width: 250px;
  transition-duration: 0.5s;
  transition-property: opacity;
}
.product-badges.hidden {
  pointer-events: none;
  opacity: 0;
}
.product-badges__item {
  display: block;
  opacity: 0;
  transform: translateX(-40px);
  transition-delay: 0.375s;
  transition-duration: 0.5s;
  transition-property: opacity, transform;
}
.product-badges__item a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 54px;
  overflow: hidden;
  border-radius: 10px;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 4px 20px rgba(0, 0, 0, 0.25), 0px 4px 27px rgba(0, 0, 0, 0.25);
  transition-duration: 0.125s;
  transition-property: opacity, transform;
}
.product-badges__item a:hover {
  opacity: 0.9;
}
.product-badges__item a:active {
  transform: translateY(1px);
}
.product-badges__item--g2 {
  margin-top: 10px;
  transition-delay: 0.5s;
}
.product-badges__item--g2 a {
  background-color: #EF4D35;
}
.loaded .product-badges__item {
  opacity: 1;
  transform: none;
}
@media screen and (max-width: 767.98px) {
  .product-badges {
    bottom: 10px;
    left: 10px;
    transform: scale(0.75);
    transform-origin: 0 100%;
  }
}


/**/
/* free popup */
/**/
.free-popup {
  position: fixed;
  z-index: 10;
  right: 20px;
  bottom: 20px;
  width: 464px;
  padding: 30px;
  border-radius: 10px;
  background: rgba(27, 27, 32, 0.95);
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15), 0px 14px 44px rgba(0, 0, 0, 0.64);
  backdrop-filter: blur(20px);
  color: #FFFFFF;
  pointer-events: none;
  opacity: 0;
  scale: 0.75;
  translate: 20px 20px;
  transform-origin: 100% 100%;
  transition-duration: 200ms;
  transition-property: opacity, scale, translate;
}
.free-popup.active {
  pointer-events: auto;
  opacity: 1;
  scale: 1;
  translate: 0 0;
}
.free-popup__close {
  position: relative;
  float: right;
  width: 16px;
  height: 16px;
  margin-top: -10px;
  margin-right: -10px;
  margin-left: 20px;
  background: url('data:image/svg+xml;utf8,<svg width="16" height="16" viewBox="0 0 16 16" fill="white" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.86175 8.00046L15.4543 13.6804C16.0137 14.2485 16.0137 15.0059 15.4543 15.5739C14.895 16.142 14.1493 16.142 13.59 15.5739L7.99739 9.89395L2.40383 15.5749C1.84453 16.143 1.09878 16.143 0.539476 15.5749C-0.0198317 15.0069 -0.0198317 14.2495 0.539476 13.6814L6.13303 8.00046L0.539488 2.31952C-0.0198193 1.75148 -0.0198193 0.994081 0.539488 0.426035C1.0988 -0.142012 1.84454 -0.142012 2.40385 0.426035L7.99739 6.10698L13.59 0.427004C14.1493 -0.141042 14.895 -0.141042 15.4543 0.427004C16.0136 0.995051 16.0136 1.75245 15.4543 2.32049L9.86175 8.00046Z"/></svg>');
}
.free-popup__close::before {
  content: '';
  position: absolute;
  top: -8px;
  right: -8px;
  bottom: -8px;
  left: -8px;
}
.free-popup__title {
  font-size: 20px;
  line-height: 120%;
  font-weight: 800;
  letter-spacing: -0.02em;
  color: #FFC82F;
}
.free-popup__item {
  display: flex;
  align-items: start;
  gap: 20px;
  margin-top: 15px;
  font-size: 14px;
  line-height: 125%;
  font-weight: 500;
}
.free-popup__item a {
  text-decoration: underline;
}
.free-popup__item a:hover {
  text-decoration: none;
}
.free-popup__item img {
  flex-shrink: 0;
}
.free-popup__caption {
  align-self: center;
}
.free-popup__caption strong {
  font-weight: 700;
}
@media screen and (max-width: 599.98px) {
  .free-popup {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: auto;
    overflow: auto;
    border-radius: 0;
    scale: 1;
    translate: 0 0;
  }
}


/**/
/* gong intro */
/**/
.gong-intro {
  margin-top: 91px;
  margin-bottom: 100px;
  text-align: center;
}
.gong-intro__subtitle {
  max-width: 640px;
  margin: 15px auto;
  font-size: 22px;
  font-weight: 500;
  color: #9C9C9C;
}
.gong-intro__logos {
  display: flex;
  flex-wrap: wrap;
  gap: 20px 40px;
  align-items: center;
  justify-content: center;
  margin-top: 40px;
}
.gong-intro__form {
  position: relative;
  max-width: 560px;
  margin: 40px auto;
}
.gong-intro__input {
  display: flex;
  width: 100%;
  height: 60px;
  padding-right: 273px;
  padding-left: 20px;
  border-radius: 10px;
  border: 1px solid #6C6D72;
  font-size: 20px;
  font-weight: 500;
  text-align: left;
  color: #fff;
  transition-duration: 0.25s;
  transition-property: border-color, color;
}
.gong-intro__input:hover {
  border-color: white;
}
.gong-intro__input:focus {
  border-color: #00BEFF;
}
.gong-intro__input::placeholder {
  color: #6c6d72;
}
.gong-intro__submit {
  position: absolute;
  top: 5px;
  right: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  padding: 0 22px;
  border-radius: 6px;
  background: #00BEFF;
  font-size: 20px;
  font-weight: 800;
  transition-duration: 0.25s;
  transition-property: background-color, color;
}
.gong-intro__submit:hover {
  background-color: white;
  color: black;
}
.gong-intro__fig {
  position: relative;
  margin-top: 80px;
}
.gong-intro__img {
  max-width: 100%;
  aspect-ratio: 124/70;
}
.gong-intro__offer {
  display: flex;
  gap: 10px;
  align-items: start;
  justify-content: center;
  margin: 40px auto 0;
  text-align: left;
  color: #9c9c9c;
}
.gong-intro__offer-badge {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 114px;
  height: 27px;
  padding-top: 1px;
  padding-right: 6px;
  background: url('data:image/svg+xml;utf8,<svg width="114" height="27" viewBox="0 0 114 27" fill="%23FFC72F" xmlns="http://www.w3.org/2000/svg"><path d="M0 6C0 2.68629 2.68629 0 6 0L96.964 0C99.5532 0 102.041 1.00428 103.905 2.80156L112.76 11.3405C113.984 12.5202 113.984 14.4798 112.76 15.6595L103.905 24.1984C102.041 25.9957 99.5532 27 96.964 27L6 27C2.68629 27 0 24.3137 0 21L0 6Z" /></svg>');
  font-size: 15px;
  font-weight: 700;
  color: #000;
}
.gong-intro__offer-caption {
  padding-top: 3px;
}
@media screen and (max-width: 767.98px) {
  .intro--g {
    z-index: 10;;
  }
  .gong-intro__fig {
    margin-top: 40px;
    margin-right: -10px;
    margin-left: -10px;
  }
  .gong-intro__logos {
    gap: 20px;
  }
}
@media screen and (max-width: 599.98px) {
  .gong-intro {
    margin: 61px 0 60px;
  }
  .gong-intro__input {
    height: 54px;
    padding-right: 20px;
  }
  .gong-intro__submit {
    position: relative;
    top: auto;
    right: auto;
    width: 100%;
    height: 54px;
    margin-top: 10px;
  }
  .gong-intro__offer-caption {
    padding-top: 0;
  }
}


/**/
/* gong benefits */
/**/
.gong-benefits {
  margin-top: 100px;
  text-align: center;
}
.gong-benefits__subtitle {
  max-width: 600px;
  margin: 30px auto;
  font-size: 20px;
  line-height: 1.3;
  font-weight: 500;
}
.gong-benefits__grid {
  display: grid;
  gap: 35px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 45px auto 0;
}
.gong-benefits__item {
  overflow: hidden;
  padding: 0 40px 30px;
  border-radius: 10px;
  background-color: #1b1b20;
  color: #9C9C9C;
}
.gong-benefits__figure {
  position: relative;
  aspect-ratio: 390/280;
  margin-right: -40px;
  margin-left: -40px;
}
.gong-benefits__figure img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.gong-benefits__heading {
  position: relative;
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: 500;
  color: #FFF;
}
.gong-benefits__caption {
  position: relative;
}
@media screen and (max-width: 1023.98px) {
  .gong-benefits__grid {
    gap: 20px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media screen and (max-width: 599.98px) {
  .gong-benefits__subtitle {
    margin: 20px auto;
  }
  .gong-benefits__grid {
    gap: 20px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    margin-top: 40px;
  }
}


/**/
/* gong headline */
/**/
.gong-headline {
  max-width: 540px;
  margin: 130px auto 294px;
  text-align: center;
}
@media screen and (max-width: 1023.98px) {
  .gong-headline {
    margin: 120px auto 80px;
  }
}


/**/
/* gong calc */
/**/
.gong-calc {
  max-width: 700px;
  margin: 200px auto 200px;
  text-align: center;
}
.gong-calc__title {
  margin-bottom: 20px;
}
.gong-calc__value {
  color: #2EB67D;
}
.gong-calc__value::before {
  content: '$';
}
.gong-calc__cont {
  display: flex;
  gap: 20px;
  padding: 20px 38px 20px 20px;
  border-radius: 20px;
  background-color: #1B1B20;
}
.gong-calc__left {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 154px;
  flex-shrink: 0;
  border-radius: 10px;
  border: 1px solid #6C6D72;
  background: #26252A;
}
.gong-calc__right {
  flex-grow: 1;
}
.gong-calc__users {
  padding: 0 8px;
  font-size: 28px;
  line-height: 1;
  font-weight: 800;
  color: #FFF;
}
.gong-calc__subusers {
  padding-right: 8px;
  font-size: 13px;
  line-height: 1;
  letter-spacing: -0.26px;
  cursor: default;
  color: #C5C5C5;
}
.gong-calc__slider {
  position: relative;
  height: 14px;
}
.gong-calc__slider::before {
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  height: 3px;
  margin-top: -1.5px;
  border-radius: 2px;
  background-color: #2D2D31;
}
.gong-calc__slider .ui-slider-range {
  position: absolute;
  top: 50%;
  left: 0;
  height: 3px;
  margin-top: -1.5px;
  border-radius: 2px;
  background-color: #2EB67D;
}
.gong-calc__slider .ui-slider-handle {
  position: absolute;
  z-index: 1;
  top: 0;
  width: 14px;
  height: 14px;
  margin-left: -7px;
  border-radius: 50%;
  background-color: #2EB67D;
  cursor: ew-resize;
}
.gong-calc__legend {
  position: relative;
  display: flex;
  margin-top: 11px;
  text-align: right;
  font-size: 13px;
  line-height: 15px;
  user-select: none;
  color: #6C6D72;
}
.gong-calc__legend--xs {
  width: 3.333%;
}
.gong-calc__legend--sm {
  width: 6.667%;
}
.gong-calc__legend--md {
  width: 9.999%;
}
.gong-calc__legend--lg {
  width: 13.333%;
}
.gong-calc__legend--xl {
  width: 16.665%;
}
.gong-calc__legend div {
  position: relative;
}
.gong-calc__legend span {
  position: relative;
  z-index: 1;
  display: inline-block;
  vertical-align: top;
  padding: 0 2px;
  cursor: pointer;
  translate: 50% 0;
}
.gong-calc__legend span:hover {
  color: #FFF;
}
.gong-calc__legend div::after {
  content: '';
  position: absolute;
  right: -1px;
  bottom: 100%;
  width: 2px;
  height: 14px;
  margin-bottom: 11px;
  background-color: #1B1B20;
}
.gong-calc__footnote {
  margin-top: 20px;
  font-size: 12px;
  color: #8E8E8E;
}
@media screen and (max-width: 599.98px) {
  .gong-calc__cont {
    flex-direction: column;
  }
  .gong-calc__left {
    order: 1;
    margin: 0 auto;
    padding-top: 5px;
    padding-bottom: 5px;
  }
}


/**/
/* gong offer */
/**/
.gong-offer {
  display: flex;
  gap: 15px;
  align-items: start;
  flex-direction: column;
  margin-top: -50px;
  margin-bottom: 100px;
  padding: 70px;
  border-radius: 20px;
  background: #1B1B20 url('../img/gong-offer/bg@2x.png') 0 50%/1240px auto no-repeat;
}
.gong-offer__badge {
  padding: 5px 10px;
  border-radius: 4px;
  background-color: #FFC72F;
  font-size: 15px;
  line-height: 18px;
  font-weight: 700;
  color: #000;
}
.gong-offer__title {
  max-width: 390px;
}
.gong-offer__title span {
  position: relative;
  color: #FFC72F;
}
.gong-offer__title span::after {
  content: '';
  position: absolute;
  bottom: -4px;
  left: 50%;
  width: 87px;
  height: 8px;
  margin-left: -43px;
  background: url('data:image/svg+xml;utf8,<svg width="87" height="8" viewBox="0 0 87 8" fill="%23FEC72F" xmlns="http://www.w3.org/2000/svg"><path d="M75.2893 2.91298C73.0399 2.79281 70.8328 2.62924 68.6918 2.43898C64.3627 2.50574 60.1844 2.43564 56.4165 1.97832C53.0965 1.52435 47.329 1.7747 43.9902 0.796653C44.3439 0.759934 44.6834 0.743248 45.0088 0.733234C44.5231 0.653121 44.061 0.559652 43.6318 0.452834C38.1756 0.339341 32.8278 0.309299 27.2631 0.422793C26.4378 0.439483 25.8106 0.255892 24.9853 0.272582C24.1506 0.279258 23.3301 0.282594 22.5095 0.285932C22.5095 0.27258 22.5142 0.255893 22.5378 0.242541C19.1377 0.229188 15.7941 0.169104 12.2667 0.0289059C10.6161 -0.00113678 8.96559 0.0956659 7.31976 0.132384C6.70198 0.145737 6.71141 0.406102 6.30113 0.479539C4.66473 0.840048 3.43861 1.12712 1.59 1.29402C1.59 1.29402 1.59471 1.42421 1.59943 1.49097C1.31176 1.47428 1.05711 1.48095 0.849609 1.50766C1.76448 2.222 4.03752 2.43564 1.66545 2.98975C1.7975 3.00978 1.92011 3.02647 2.03329 3.0465C2.04743 3.0465 2.06158 3.0465 2.07101 3.0465V3.05318C2.63692 3.14998 2.98118 3.27015 3.33015 3.47711C2.96703 3.48379 2.60862 3.49046 2.2455 3.50047C2.31624 3.5906 2.3634 3.68073 2.33039 3.7742C2.3634 3.79089 2.39169 3.80757 2.42942 3.82426C2.58976 3.82426 2.72652 3.81759 2.72652 3.81759C2.78311 3.86766 2.82083 3.91773 2.84913 3.96446C3.80645 4.22483 5.30137 4.34166 5.02785 4.61872C4.81564 4.76226 4.1177 4.65544 3.33015 4.58867C3.28299 4.61538 3.23111 4.63875 3.17452 4.65544C4.2073 4.69883 3.19339 5.11275 3.81588 5.16616C4.64115 5.14947 5.46643 5.19954 6.2917 5.17951C9.64939 5.10941 12.4789 5.11609 15.7847 5.24293C15.9309 5.24961 16.0771 5.25295 16.2186 5.25628C17.822 5.30635 19.331 5.28633 20.892 5.20288C20.7882 5.15948 20.6845 5.11943 20.576 5.08271C21.8351 5.01595 23.0943 4.97589 24.3581 5.04933C27.4612 5.24627 30.5642 5.44322 33.8653 5.43988C37.322 5.41985 40.6561 5.48995 44.1741 5.63349C42.7358 5.51665 41.2975 5.41651 39.8261 5.39982C39.1659 5.41985 38.5104 5.43654 37.869 5.43654C38.5293 5.40316 39.18 5.39315 39.8261 5.39982C42.3632 5.31971 44.9711 5.18953 46.9565 5.76033C47.164 5.70025 47.164 5.63682 47.3668 5.63349C48.8098 5.60344 50.2482 5.50998 51.4979 5.74364C51.4979 5.8104 52.1203 5.79705 51.9176 5.93057C53.1578 5.97063 54.6009 5.94058 55.8411 6.04406C56.3788 6.07411 56.9164 6.19094 57.4587 6.33114C61.8963 6.58817 66.2868 6.85187 71.0686 7.08554C72.257 7.12226 73.6246 7.09889 74.8224 7.07218C73.0493 6.89193 71.2243 6.74839 69.3709 6.62489C67.5836 6.70834 65.8671 6.74506 64.4429 6.43796C64.1128 6.38121 63.7826 6.33114 63.4525 6.28107C65.4473 6.38455 67.428 6.49137 69.3756 6.62155C70.432 6.57148 71.5119 6.50472 72.573 6.48135C72.5494 6.47801 72.5306 6.47134 72.507 6.468C71.6723 6.40124 70.8281 6.34115 69.9793 6.2844C68.39 6.36118 66.8574 6.39456 65.5322 6.1876C65.3672 6.1609 65.2021 6.13419 65.0465 6.09747C64.7164 6.04073 64.3863 5.99066 64.0562 5.94393C65.287 6.00735 66.5131 6.07411 67.7251 6.14421C68.4796 6.1876 69.2295 6.23433 69.9793 6.2844C70.4461 6.26104 70.9177 6.23767 71.394 6.21431C71.3422 6.20096 71.2903 6.18427 71.2431 6.16757C70.8281 6.11083 69.6397 5.36978 70.2481 5.15948C73.4218 5.10941 77.8877 5.32972 77.8877 5.26296C78.0811 4.99592 72.6296 4.76893 72.8324 4.69883C73.1342 4.66211 73.4407 4.63207 73.7425 4.60537C73.4501 4.55863 73.1672 4.50857 72.9031 4.45182C72.2806 4.39841 71.46 4.48186 71.0403 4.35835C69.5831 3.99784 67.9373 4.16141 66.2773 3.93442C65.2351 3.76084 63.9901 3.52384 62.7452 3.28684C62.7404 3.15665 62.1227 3.23343 62.3254 3.09991C61.1606 3.12327 59.8166 3.15332 59.3026 2.78279C59.2743 2.77946 59.246 2.77612 59.2177 2.77278C59.1375 2.77278 59.0196 2.75609 58.8923 2.72938C56.9588 2.8362 55.5959 2.5024 53.8275 2.28876C53.2239 2.26873 52.6061 2.25872 51.9742 2.27207C52.3891 2.26206 53.0022 2.18528 53.4172 2.24203C53.554 2.25538 53.6907 2.27207 53.8228 2.28876C55.3931 2.34217 56.8881 2.48571 58.383 2.59586C58.5056 2.63258 58.7037 2.68933 58.8876 2.72938C58.9961 2.72271 59.0998 2.71603 59.2083 2.70936C59.2366 2.73606 59.2649 2.75943 59.2979 2.78279C60.7268 2.93968 62.3396 2.97306 63.561 3.13996C65.8576 3.31688 68.291 3.15666 70.6253 3.06987C69.4605 2.98308 68.3099 2.88961 67.1828 2.78613C68.5928 2.86958 69.9274 2.95303 71.2195 3.04983C71.4176 3.04316 71.6157 3.03982 71.8137 3.03315L73.054 3.00644C72.672 3.04316 72.29 3.0732 71.9081 3.09991C72.6814 3.15999 73.4454 3.22342 74.1952 3.29352C78.3405 3.51383 82.613 3.58393 86.796 3.39699C86.7111 3.32022 86.6121 3.24344 86.5036 3.16667C84.4852 3.16667 82.4669 3.21006 80.8022 2.89629C81.967 2.87292 82.7781 2.96973 83.9005 2.95971C83.9005 2.92299 83.9052 2.86958 83.8109 2.84622C84.5324 2.9063 85.3765 2.95971 86.1924 2.96305C85.9236 2.79948 85.6265 2.63926 85.3247 2.4757C84.9049 2.35219 84.2872 2.36554 83.6647 2.31546C80.9861 2.25872 78.4631 2.34217 75.8222 2.23869C73.4784 2.31213 71.1347 2.38557 68.8333 2.42229C71.1252 2.55914 73.2332 2.70268 75.2893 2.89629V2.91298ZM6.04648 2.63592C6.25869 2.65929 6.48034 2.68599 6.69727 2.71603C6.66425 2.73272 6.63124 2.74608 6.60295 2.76277C6.40488 2.76611 6.2021 2.70936 6.04648 2.63592ZM10.8661 2.47235C9.45604 2.61255 7.58384 2.5024 5.78239 2.43898C5.77296 2.42229 5.76353 2.40559 5.76353 2.3889C7.2726 2.29878 9.13536 2.41894 10.8661 2.47235ZM16.4638 1.00027C16.4638 1.00027 16.4402 1.01363 16.4308 1.02364C16.4308 1.01363 16.4308 1.00362 16.4308 0.993601C16.4402 0.993601 16.4496 1.00027 16.4638 1.00027ZM41.67 2.56248C40.0053 2.26873 37.9445 2.31213 35.879 2.22534C35.2612 2.23869 34.634 1.98834 33.8087 2.00837C32.7759 1.96497 32.1534 1.84814 31.3234 1.79807L31.9365 1.65453C30.4935 1.748 29.654 1.37414 28.2157 1.53436C28.2157 1.4676 28.0035 1.3441 27.796 1.34743C26.7632 1.30404 25.7352 1.45425 24.9052 1.34076C23.8724 1.29736 22.8443 1.31739 22.0096 1.2039C21.8021 1.20723 21.3824 1.0203 20.9674 0.963555C20.4628 0.946865 19.9582 0.94019 19.4536 0.933514C19.4772 0.916823 19.4961 0.896794 19.5149 0.880104C19.9252 0.87009 20.3402 0.866754 20.7599 0.903472C22.0049 1.00695 23.4527 1.11043 24.6882 1.15049C27.7866 1.21725 30.6821 1.41753 33.5776 1.62115C34.2001 1.67456 34.8226 1.7914 35.4451 1.8448C37.3126 2.06845 39.5762 1.95496 40.8306 2.38557C41.0381 2.44565 41.4531 2.43897 41.6653 2.56582L41.67 2.56248ZM44.0892 5.34641C41.9058 5.11275 39.4913 5.03597 37.4399 5.13278C35.7894 5.16616 31.0358 4.87241 31.828 4.07462C33.9266 5.45323 45.4616 3.82093 44.0892 5.34641ZM61.3351 6.19094C60.4674 6.10749 59.628 6.03071 58.6471 6.05074C59.5431 6.09747 60.4391 6.14421 61.3351 6.19094ZM52.4457 3.71411C55.1432 4.11467 58.034 4.12135 60.7221 4.32831C62.7923 4.48186 65.0465 4.108 66.9187 4.52859C66.9187 4.59535 66.9234 4.65878 66.9281 4.72554L66.7206 4.66545C65.9991 4.71886 65.419 4.83569 64.8154 4.90245C64.8484 4.90913 64.8862 4.91247 64.9239 4.91581C64.8626 4.91581 64.8013 4.91247 64.74 4.90913C64.3344 4.95252 63.9147 4.96921 63.429 4.92916C63.2073 4.90245 62.981 4.87575 62.7499 4.85238C60.1703 4.78896 57.5058 4.74556 55.1526 4.38172C53.7002 4.21481 52.4505 3.91439 51.0027 3.74749C51.413 3.73748 52.0307 3.6607 52.4457 3.71744V3.71411Z" /></svg>');
}
.gong-offer__subtitle {
  color: #9c9c9c;
}
.gong-offer__form {
  margin-top: 15px;
  width: 360px;
}
.gong-offer__input {
  display: flex;
  width: 100%;
  height: 54px;
  padding-right: 20px;
  padding-left: 20px;
  border-radius: 10px;
  border: 1px solid #6C6D72;
  font-size: 20px;
  font-weight: 500;
  text-align: left;
  color: #fff;
  transition-duration: 0.25s;
  transition-property: border-color, color;
}
.gong-offer__input:hover {
  border-color: white;
}
.gong-offer__input:focus {
  border-color: #00BEFF;
}
.gong-offer__input::placeholder {
  color: #6c6d72;
}
.gong-offer__submit {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 54px;
  margin-top: 15px;
  padding: 0 22px;
  border-radius: 6px;
  background: #00BEFF;
  font-size: 20px;
  font-weight: 800;
  color: #FFF;
  transition-duration: 0.25s;
  transition-property: background-color, color;
}
.gong-offer__submit:hover {
  background-color: white;
  color: black;
}
@media screen and (max-width: 1023.98px) {
  .gong-offer {
    margin: 100px 0;
    padding: 40px;
  }
}
@media screen and (max-width: 767.98px) {
  .gong-offer {
    padding: 20px 20px 300px;
    background-position: -252px 100%;
    background-size: auto 300px;
  }
  .gong-offer__form {
    width: 100%;
  }
}


/**/
/* gong callout */
/**/
.gong-callout {
  position: sticky;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: -140px;
  padding: 50px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
}
.gong-callout__cont {
  display: flex;
  align-items: center;
  gap: 15px;
  padding: 10px 15px;
  border-radius: 5px;
  background-color: #FFC72F;
  color: #000;
}
.gong-callout__vr {
  width: 1px;
  height: 20px;
  background: #E4B009;
}
.gong-callout__title {
  font-size: 13px;
  line-height: 18px;
  font-weight: 700;
  white-space: nowrap;
  color: #000;
}
.gong-callout__caption {
  font-size: 18px;
  line-height: 20px;
  font-weight: 600;
}
.gong-callout__anchor {
  text-decoration: underline;
}
@media screen and (max-width: 767.98px) {
  .gong-callout {
    position: fixed;
    z-index: 10;
    padding: 20px 10px;
  }
  .gong-callout__cont {
    display: block;
    width: 100%;
    padding: 8px;
    line-height: 16px;
  }
  .gong-callout__vr {
    display: none;
  }
  .gong-callout__title {
    display: inline;
    line-height: 1;
    padding-right: 0.25em;
  }
  .gong-callout__caption {
    display: inline;
    font-size: 14px;
    line-height: 1;
  }
  .footer--gong {
    padding-bottom: 78px;
  }
}


/**/
/* pp cover */
/**/
.pp-cover {
  position: relative;
  overflow: hidden;
  margin-top: -378px;
  margin-bottom: -268px;
}
.pp-cover__fig {
  height: 1050px;
}
.pp-cover__dot {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  opacity: 0;
  scale: 0.875;
  transition-delay: 1s;
  transition-duration: 0.75s;
  transition-property: opacity, scale;
}
.pp-cover__dot--2 {
  margin-top: 107px;
  margin-left: -176px;
  transition-delay: 1.1s;
}
.pp-cover__dot--3 {
  margin-top: -64px;
  margin-left: 312px;
  transition-delay: 1.2s;
}
.pp-cover__dot--4 {
  margin-top: -40px;
  margin-left: -312px;
  transition-delay: 1.3s;
}
.pp-cover__dot--5 {
  margin-top: 24px;
  margin-left: 416px;
  transition-delay: 1.4s;
}
.pp-cover__dot--6 {
  margin-top: 94px;
  margin-left: -405px;
  transition-delay: 1.5s;
}
.pp-cover__dot--7 {
  margin-top: 158px;
  margin-left: 500px;
  transition-delay: 1.6s;
}
.pp-cover__dot--8 {
  margin-top: -80px;
  margin-left: -195px;
  transition-delay: 1.1s;
}
.pp-cover__dot--9 {
  margin-top: 202px;
  margin-left: 50px;
  transition-delay: 1.2s;
}
.pp-cover__dot--10 {
  margin-top: 37px;
  margin-left: 210px;
  transition-delay: 1.3s;
}
.pp-cover__dot--11 {
  margin-top: -216px;
  margin-left: 236px;
  transition-delay: 1.4s;
}
.pp-cover__dot--12 {
  margin-top: 140px;
  margin-left: 282px;
  transition-delay: 1.4s;
}
.pp-cover__dot--13 {
  margin-top: -166px;
  margin-left: -386px;
  transition-delay: 1.5s;
}
.pp-cover__dot--14 {
  margin-top: -160px;
  margin-left: 390px;
  transition-delay: 1.6s;
}
.pp-cover__dot--15 {
  margin-top: -64px;
  margin-left: -520px;
  transition-delay: 1.7s;
}
.pp-cover__dot--16 {
  margin-top: 134px;
  margin-left: -508px;
  transition-delay: 1.7s;
}
.pp-cover__dot--17 {
  margin-top: -120px;
  margin-left: 512px;
  transition-delay: 1.8s;
}
.pp-cover.animated .pp-cover__dot {
  opacity: 1;
  scale: 1;
}
.pp-cover__fade {
  position: absolute;
  right: -2000px;
  left: -2000px;
}
.pp-cover__fade--top {
  top: 0;
  height: 360px;
  background: linear-gradient(#000 50%, rgba(0,0,0,0));
}
.pp-cover__fade--bottom {
  bottom: 0;
  height: 420px;
  background: linear-gradient(rgba(0,0,0,0), #000 50%);
}
.pp-cover__circle {
  position: absolute;
  top: 50%;
  left: 50%;
  border: 1px dashed rgba(255,255,255,.4);
  border-radius: 50%;
}
.pp-cover__circle--1 {
  width: 420px;
  height: 420px;
  margin-top: -210px;
  margin-left: -210px;
  animation: spin 105s linear infinite;
}
.pp-cover__circle--2 {
  width: 636px;
  height: 636px;
  margin-top: -318px;
  margin-left: -318px;
  animation: spin2 159s linear infinite;
}
.pp-cover__circle--3 {
  width: 838px;
  height: 838px;
  margin-top: -419px;
  margin-left: -419px;
  animation: spin 210s linear infinite;
}
.pp-cover__circle--4 {
  width: 1050px;
  height: 1050px;
  margin-top: -525px;
  margin-left: -525px;
  animation: spin2 212s linear infinite;
}
@keyframes spin {
  100% {
    transform:rotate(360deg);
  }
}
@keyframes spin2 {
  100% {
    transform:rotate(-360deg);
  }
}
@media screen and (max-width: 767.98px) {
  .pp-cover {
    margin-top: -430px;
    margin-bottom: -380px;
  }
  .pp-cover__fig {
    scale: 0.5;
  }
}


/**/
/* pp reviews */
/**/
.pp-reviews {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 100px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.pp-reviews__quote {
  font-size: 15px;
  line-height: 20px;
  font-weight: 800;
  font-style: italic;
}
.pp-reviews__caption {
  margin-top: 10px;
  font-size: 15px;
  line-height: 19px;
  color: #8E8E8E;
}
.pp-reviews__foot {
  display: flex;
  align-items: center;
  margin-top: 20px;
}
.pp-reviews__logo {
  flex-shrink: 0;
  position: relative;
  border-radius: 100px;
  box-shadow: 0 0 0 2px #000;
}
.pp-reviews__photo {
  flex-shrink: 0;
  margin-right: 10px;
  margin-left: -12px;
  border-radius: 100px;
}
.pp-reviews__author {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  column-gap: 6px;
  margin-bottom: 2px;
  font-size: 13px;
  letter-spacing: -0.02em;
}
.pp-reviews__author-name {
  font-weight: 800;
  color: #FFF;
}
.pp-reviews__author-pos {
  font-weight: 400;
  color: #C5C5C5;
}
@media screen and (max-width: 1023.98px) {
  .pp-reviews {
    gap: 40px;
  }
}
@media screen and (max-width: 767.98px) {
  .pp-reviews {
    display: block;
    text-align: center;
  }
  .pp-reviews__foot {
    justify-content: center;
  }
  .pp-reviews .slick-dots {
    list-style: none;
    gap: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
  }
  .pp-reviews .slick-dots button {
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #35353D;
    font-size: 0;
  }
  .pp-reviews .slick-active button {
    background-color: #818181;
  }
}


/**/
/* pp process */
/**/
.pp-process {
  margin: 140px 0;
  text-align: center;
}
.pp-process__grid {
  display: grid;
  gap: 30px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 40px;
}
.pp-process__item {
  padding: 50px 38px;
  border-radius: 20px;
  background: #202025;
}
.pp-process__num {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  margin: 0 auto 20px;
  border-radius: 50%;
  background: linear-gradient(138deg, #FFCE4A, #D99E00);
  font-size: 32px;
  font-weight: 800;
  color: #000;
}
.pp-process__subtitle {
  margin-top: 10px;
  font-size: 18px;
  color: #9C9C9C;
}
.pp-process__subtitle .pp-process__note {
  display: block;
  font-size: 12px
}
.pp-process__subtitle .pp-process__note span {
  font-weight: 800;
  font-style: italic;
}
.pp-process__subtitle .pp-process__emphasis {
  font-weight: 800;
}
@media screen and (max-width: 1023.98px) {
  .pp-process__grid {
    gap: 20px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
@media screen and (max-width: 767.98px) {
  .pp-process {
    margin: 80px 0;
  }
  .pp-process__grid {
    margin-top: 30px;
    margin-bottom: -5px;
  }
  .pp-process__item {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}


/**/
/* pp success */
/**/
.pp-success {
  gap: 30px;
  display: flex;
  align-items: end;
  max-width: 1100px;
  margin: 140px auto;
}
.pp-success__head {
  flex-shrink: 0;
  width: 350px;
}
.pp-success__title {
  margin-top: 20px;
}
.pp-success__item {
  gap: 10px;
  display: flex;
  align-items: start;
  font-size: 26px;
  line-height: 28px;
}
.pp-success__item svg {
  flex-shrink: 0;
}
.pp-success__cont {
  gap: 20px;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 1023.98px) {
  .pp-success {
    flex-direction: column;
    align-items: stretch;
    max-width: 670px;
  }
  .pp-success__head {
    width: auto;
  }
}
@media screen and (max-width: 767.98px) {
  .pp-success {
    margin: 80px auto;
  }
  .pp-success__item {
    font-size: 24px;
    line-height: 26px;
    font-weight: 600;
  }
  .pp-success__item svg {
    width: auto;
    height: 26px;
  }
}


/**/
/* pp customers */
/**/
.pp-customers {
  margin: 140px auto 110px;
  text-align: center;
}
.pp-customers__grid {
  gap: 30px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 40px;
}
.pp-customers__item {
  gap: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 50px;
  border-radius: 20px;
  border: 1px solid #35353D;
}
.pp-customers__item svg {
  margin-bottom: 10px;
}
.pp-customers__caption {
  font-size: 22px;
}
@media screen and (max-width: 1023.98px) {
  .pp-customers__grid {
    gap: 20px;
  }
  .pp-customers__item {
    padding: 30px 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .pp-customers {
    margin: 80px auto 50px;
  }
  .pp-customers__grid {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}


/**/
/* pp callout */
/**/
.pp-callout {
  position: relative;
  gap: 20px;
  display: flex;
  align-items: center;
  flex-direction: column;
  align-items: center;
  margin: 140px auto;
  padding: 45px 25px;
  border-radius: 10px;
  background: #1B1B20;
  text-align: center;
}
.pp-callout__title {
  isolation: isolate;
  position: relative;
}
.pp-callout__title svg {
  position: absolute;
  z-index: -1;
  top: -20px;
  left: 45px;
}
.pp-callout__subtitle {
  max-width: 560px;
}
.pp-callout__subtitle span {
  font-weight: 700;
  color: #FFF;
}
.pp-callout .headline__button {
  margin-top: 0;
  padding-top: 10px;
  padding-bottom: 10px;
}
.pp-callout .headline__button::before {
  content: '';
  position: absolute;
  inset: 0;
}
@media screen and (max-width: 767.98px) {
  .pp-callout {
    margin: -30px auto 60px;
    padding: 30px 25px;
  }
  .pp-callout__title svg {
    display: none;
  }
  .pp-callout__subtitle {
    display: none;
  }
}


/**/
/* plans */
/**/
.plans {
  margin-top: -30px;
  margin-bottom: 100px;
  text-wrap: pretty;
  color: #FFF;
  opacity: 0;
  transform: translateY(40px);
  transition-duration: 0.75s;
  transition-delay: 0.25s;
  transition-property: opacity, transform;
}
.loaded .plans {
  opacity: 1;
  transform: none;
}
.plans__head {
  display: none;
}
.plans__table {
  position: relative;
  width: 100%;
  border-spacing: 0;
}
.plans__thead {
  position: sticky;
  top: 76px;
  box-shadow: 0 6px 12px rgba(0,0,0,0.15);
}
.plans__th {
  width: 18%;
  padding: 20px;
  vertical-align: bottom;
  border: 1px solid #2D2D31;
  border-right: 0;
  background-color: #141417;
  text-align: center;
}
.plans__th:first-child {
  width: 28%;
  padding-left: 15px;
  border-top-color: transparent;
  border-left-color: transparent;
  background-color: #000;
}
.plans__th:nth-child(2) {
  /* border-top-left-radius: 10px; */
}
.plans__th:last-child {
  /* border-top-right-radius: 10px; */
  border-right: 1px solid #2D2D31;
}
.plans__label {
  margin-bottom: 15px;
  font-size: 20px;
  font-weight: 500;
  text-align: left;
  color: #C5C5C5;
}
.plans__name {
  font-size: 22px;
  line-height: 1.2;
  font-weight: 700;
}
.plans__price {
  margin-top: 10px;
  font-size: 20px;
  line-height: 1.2;
  font-weight: 800;
  color: #00BEFF;
}
.plans__price span {
  font-size: 16px;
  font-weight: 500;
}
.plans__price--team {
  color: #2EB67D;
}
.plans__per {
  font-size: 13px;
  color: #9C9C9C;
}
.plans__button {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  margin-top: 10px;
  border-radius: 6px;
  border: 1px solid #00BEFF;
  font-size: 18px;
  font-weight: 700;
  color: #00BEFF;
  transition-duration: 200ms;
  transition-property: border-color, background-color, color;
}
.plans__button:hover {
  border-color: #FFF;
  color: #FFF;
}
.plans__button--prem {
  background-color: #00BEFF;
  color: #000;
}
.plans__button--prem:hover {
  background-color: #FFF;
  color: #000;
}
.plans__button--team {
  border-color: #04D372;
  background-color: #04D372;
  color: #000;
}
.plans__button--team:hover {
  background-color: #FFF;
  color: #000;
}
.plans__td {
  vertical-align: top;
  border: 1px solid #2D2D31;
  border-top: 0;
  border-right: 0;
  padding: 15px;
  font-size: 20px;
  font-weight: 600;
  text-align: center;
}
.plans__td--no {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="%236C6D72"><path d="M10.707,1.293a1,1,0,0,0-1.414,0L6,4.586,2.707,1.293A1,1,0,0,0,1.293,2.707L4.586,6,1.293,9.293a1,1,0,1,0,1.414,1.414L6,7.414l3.293,3.293a1,1,0,0,0,1.414-1.414L7.414,6l3.293-3.293A1,1,0,0,0,10.707,1.293Z"/></svg>') 50% 50%/12px 12px no-repeat;
}
.plans__td--light {
  background-color: #004115;
}
.plans__td--dark {
  background-color: #002B00;
}
.plans__td--yellow {
  background-color: #855F00;
}
.plans__td--brown {
  background-color: #684600;
}
.plans__td:first-child {
  font-weight: 500;
  text-align: left;
  color: #C5C5C5;
}
.plans__td:last-child {
  border-right: 1px solid #2D2D31;
}
.plans__td[colspan="5"] {
  padding: 40px 15px 20px;
  border: 0;
  border-bottom: 1px solid #2D2D31;
  font-size: 28px;
  font-weight: 800;
  line-height: 110%;
  letter-spacing: -0.02em;
  color: #FFF;
}
.plans__logos {
  gap: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 15px;
}
.plans__logos div {
  gap: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.plans__caption {
  max-width: 520px;
  margin: 5px auto 0;
  font-size: 16px;
  font-weight: 500;
  color: #C5C5C5;
}
.plans__caption a {
  text-decoration: underline;
  color: white;
}
.plans__caption a:hover {
  text-decoration: none;
}
.plans__tr--subhead {
  display: none;
}
.plans__info {
  display: inline-block;
  vertical-align: top;
  width: 16px;
  height: 16px;
  margin-top: 5px;
  margin-left: 2px;
  background: url('data:image/svg+xml;utf8,<svg width="16" height="16" viewBox="0 0 16 16" fill="%236C6D72" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0 8C0 3.5888 3.5888 0 8 0C12.4112 0 16 3.5888 16 8C16 12.4112 12.4112 16 8 16C3.5888 16 0 12.4112 0 8ZM1.6 8C1.6 11.5288 4.4712 14.4 8 14.4C11.5288 14.4 14.4 11.5288 14.4 8C14.4 4.4712 11.5288 1.6 8 1.6C4.4712 1.6 1.6 4.4712 1.6 8ZM8.79998 7.2H7.19998V12H8.79998V7.2ZM8.79998 4H7.19998V5.6H8.79998V4Z"/></svg>');
}
.plans__info:hover {
  background-image: url('data:image/svg+xml;utf8,<svg width="16" height="16" viewBox="0 0 16 16" fill="%23fff" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0 8C0 3.5888 3.5888 0 8 0C12.4112 0 16 3.5888 16 8C16 12.4112 12.4112 16 8 16C3.5888 16 0 12.4112 0 8ZM1.6 8C1.6 11.5288 4.4712 14.4 8 14.4C11.5288 14.4 14.4 11.5288 14.4 8C14.4 4.4712 11.5288 1.6 8 1.6C4.4712 1.6 1.6 4.4712 1.6 8ZM8.79998 7.2H7.19998V12H8.79998V7.2ZM8.79998 4H7.19998V5.6H8.79998V4Z"/></svg>');
}
.plans__description {
  margin-top: 4px;
  font-size: 14px;
  color: #9C9C9C;
}
@media screen and (max-width: 1279px) {
  .plans {
    margin-right: -15px;
    margin-left: -15px;
  }
  .plans__button span {
    display: none;
  }
}
@media screen and (max-width: 1023.98px) {
  .page--pricing {
    overflow: visible !important;
  }
  .plans {
    margin-right: -30px;
    margin-left: -30px;
  }
  .plans__head {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 50px;
  }
  .plans__th {
    width: 25%;
    padding: 15px;
  }
  .plans__th:first-child {
    width: 25%;
    display: none;
  }
  .plans__th:last-child {
    border-right: 0;
  }
  .plans__th:nth-child(2) {
    border-left: 0;
  }
  .plans__td:first-child {
    display: none;
  }
  .plans__td:last-child {
    border-right: 0;
  }
  .plans__td:nth-child(2) {
    border-left: 0;
  }
  .plans__td[colspan="4"] {
    display: table-cell;
  }
  .plans__td[colspan="5"] {
    display: table-cell;
    border-bottom: 0;
  }
  .plans__tr--head {
    pointer-events: none;
  }
  .plans__tr--subhead {
    display: table-row;
  }
  .plans__tr--subhead td {
    text-align: left;
    color: #D3D3D3;
  }
}
@media screen and (max-width: 767.98px) {
  .plans {
    margin-top: 20px;
    margin-right: -20px;
    margin-left: -20px;
  }
  .plans__head {
    margin-bottom: 20px;
  }
  .plans__thead {
    top: 60px;
  }
  .plans__th {
    padding: 10px;
  }
  .plans__name {
    font-size: 14px;
  }
  .plans__price {
    font-size: 18px;
  }
  .plans__price span {
    font-size: 14px;
  }
  .plans__per {
    font-size: 12px;
  }
  .plans__button {
    height: 26px;
    font-size: 12px;
  }
  .plans__td {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 15px;
  }
  .plans__td[colspan="5"] {
    padding-top: 30px;
    padding-bottom: 10px;
    background: url('data:image/svg+xml;utf8,<svg viewBox="0 0 27 12" fill="%239C9C9C" xmlns="http://www.w3.org/2000/svg"><path d="M11 5H7V1C7 0.734784 6.89464 0.48043 6.70711 0.292893C6.51957 0.105357 6.26522 0 6 0C5.73478 0 5.48043 0.105357 5.29289 0.292893C5.10536 0.48043 5 0.734784 5 1V5H1C0.734784 5 0.48043 5.10536 0.292893 5.29289C0.105357 5.48043 0 5.73478 0 6C0 6.26522 0.105357 6.51957 0.292893 6.70711C0.48043 6.89464 0.734784 7 1 7H5V11C5 11.2652 5.10536 11.5196 5.29289 11.7071C5.48043 11.8946 5.73478 12 6 12C6.26522 12 6.51957 11.8946 6.70711 11.7071C6.89464 11.5196 7 11.2652 7 11V7H11C11.2652 7 11.5196 6.89464 11.7071 6.70711C11.8946 6.51957 12 6.26522 12 6C12 5.73478 11.8946 5.48043 11.7071 5.29289C11.5196 5.10536 11.2652 5 11 5Z" /></svg>') 100% 34px/27px 12px no-repeat;
    font-size: 18px;
  }
  .active .plans__td[colspan="5"] {
    border-bottom: 1px solid #2D2D31;
    background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 27 12" fill="%239C9C9C" xmlns="http://www.w3.org/2000/svg"><path d="M1 5H11C11.2652 5 11.5196 5.10536 11.7071 5.29289C11.8946 5.48043 12 5.73478 12 6C12 6.26522 11.8946 6.51957 11.7071 6.70711C11.5196 6.89464 11.2652 7 11 7H6H1C0.734784 7 0.48043 6.89464 0.292893 6.70711C0.105357 6.51957 0 6.26522 0 6C0 5.73478 0.105357 5.48043 0.292893 5.29289C0.48043 5.10536 0.734784 5 1 5Z"/></svg>');
  }
  .plans__caption {
    margin-right: -5px;
    margin-left: -5px;
    font-size: 12px;
  }
  .plans__logos {
    flex-wrap: wrap;
    gap: 10px 15px;
    margin-bottom: 10px;
  }
  .plans__logos svg {
    width: 20px;
    height: 20px;
  }
  .plans__logos div {
    gap: 5px;
  }
  .plans__tr--head {
    pointer-events: auto;
  }
}


/**/
/* sandler hero */
/**/
.sandler-hero {
  gap: 20px;
  display: flex;
  margin-top: -80px;
  margin-bottom: -40px;
}
.sandler-hero__cont {
  position: relative;
  z-index: 1;
  gap: 30px;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  flex-shrink: 0;
  position: relative;
  width: 50%;
  padding: 100px 0;
}
.sandler-hero__title {
  max-width: 620px;
  font-size: 54px;
  color: #fff;
  opacity: 0;
  transform: translateY(40px);
  transition-delay: 0.125s;
  transition-duration: 0.75s;
  transition-property: opacity, transform;
}
.sandler-hero__subtitle {
  max-width: 500px;
  color: #B7B7B7;
  opacity: 0;
  transform: translateY(40px);
  transition-delay: 0.25s;
  transition-duration: 0.75s;
  transition-property: opacity, transform;
}
.sandler-hero__action {
  opacity: 0;
  transform: translateY(40px);
  transition-delay: 0.375s;
  transition-duration: 0.75s;
  transition-property: opacity, transform;
}
.sandler-hero__button {
  width: auto;
  padding-right: 20px;
  padding-left: 20px;
}
.sandler-hero__logos {
  gap: 32px;
  display: flex;
  align-items: center;
  opacity: 0;
  transform: translateY(40px);
  transition-delay: 0.5s;
  transition-duration: 0.75s;
  transition-property: opacity, transform;
}
.sandler-hero__figure {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-grow: 1;
  height: 664px;
}
.sandler-hero__img {
  position: absolute;
  top: 0;
  left: 50%;
  width: auto;
  height: 100%;
  opacity: 0;
  translate: -60% 0;
  transform: translateX(40px);
  transition-duration: 0.75s;
  transition-property: opacity, transform;
}
.ready .sandler-hero__title,
.ready .sandler-hero__subtitle,
.ready .sandler-hero__action,
.ready .sandler-hero__logos,
.ready .sandler-hero__img {
  opacity: 1;
  transform: none;
}
@media only screen and (max-width: 1279px) {
  .sandler-hero__title {
    font-size: 48px;
  }
  .sandler-hero__img {
    translate: -50% 0;
  }
}
@media only screen and (max-width: 1023px) {
  .sandler-hero {
    gap: 0;
    flex-direction: column;
    margin-bottom: 0;
  }
  .sandler-hero__cont {
    align-items: center;
    width: 100%;
    padding: 80px 0 0;
    text-align: center;
  }
  .sandler-hero__figure {
    aspect-ratio: 5/4;
    height: auto;
  }
  .sandler-hero__img {
    translate: -56% 0;
  }
}
@media only screen and (max-width: 767px) {
  .sandler-hero {
    margin-top: 0;
  }
  .sandler-hero__cont {
    padding-top: 60px;
  }
  .sandler-hero__action {
    width: 100%;
  }
  .sandler-hero__button {
    width: 100%;
    padding-right: 10px;
    padding-left: 10px;
  }
  .sandler-hero__figure {
    aspect-ratio: 9/10;
    height: auto;
  }
  .sandler-hero__img {
    translate: -64% 0;
  }
}


/**/
/* sandler benefits */
/**/
.sandler-benefits {
  position: relative;
  gap: 20px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.sandler-benefits__item {
  gap: 20px;
  display: flex;
  flex-direction: column;
  padding: 30px;
  border-radius: 20px;
  background-color: #141417;
  color: #B7B7B7;
  opacity: 0;
  transform: translateY(40px);
  transition-duration: 0.75s;
  transition-property: opacity, transform;
}
.sandler-benefits__item:nth-child(1) {
  transition-delay: 0.625s;
}
.sandler-benefits__item:nth-child(2) {
  transition-delay: 0.75s;
}
.sandler-benefits__item:nth-child(3) {
  transition-delay: 0.875s;
}
.sandler-benefits__item:nth-child(4) {
  transition-delay: 1s;
}
.ready .sandler-benefits__item {
  opacity: 1;
  transform: none;
}
@media only screen and (max-width: 1023px) {
  .sandler-benefits {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 767px) {
  .sandler-benefits {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}


/**/
/* sandler selling */
/**/
.sandler-selling {
  margin-top: 150px;
  color: #9C9C9C;
}
.sandler-selling__head {
  gap: 16px;
  display: flex;
  align-items: center;
  flex-direction: column;
  max-width: 860px;
  margin: 0 auto;
  text-align: center;
}
.sandler-selling__head h3 {
  margin-top: 16px;
  margin-bottom: -4px;
  color: #00BEFF;
}
.sandler-selling__head svg,
.sandler-selling__head img {
  max-width: 100%;
  height: auto;
}
.sandler-selling__cont {
  position: relative;
  z-index: 1;
  gap: 40px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 50px;
}
.sandler-selling-card {
  overflow: hidden;
  border-radius: 20px;
  background-color: #141417;
}
.sandler-selling-card__cont {
  gap: 10px;
  display: flex;
  flex-direction: column;
  padding: 40px;
}
.sandler-selling-card--lg {
  grid-column: 1 / 3;
  text-align: center;
}
.sandler-selling-card--lg .sandler-selling-card__figure:first-child {
  display: none;
}
@media only screen and (max-width: 1023px) {
  .sandler-selling__cont {
    gap: 20px;
  }
  .sandler-selling-card {
    border-radius: 16px;
  }
  .sandler-selling-card__cont {
    padding: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .sandler-selling {
    margin-top: 80px;
  }
  .sandler-selling__cont {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .sandler-selling-card--lg {
    grid-column: 1 / 2;
    text-align: left;
  }
  .sandler-selling-card__figure:last-child {
    display: none;
  }
  .sandler-selling-card--lg .sandler-selling-card__figure:first-child {
    display: block;
  }
}


/**/
/* sandler callout */
/**/
.sandler-callout {
  position: relative;
  z-index: 1;
  gap: 30px;
  display: flex;
  align-items: center;
  flex-direction: column;
  max-width: 720px;
  margin: 60px auto 150px;
  text-align: center;
}
@media only screen and (max-width: 1023px) {
  .sandler-callout {
    margin: 60px auto 120px;
  }
}
@media only screen and (max-width: 767px) {
  .sandler-callout {
    margin: 40px auto 100px;
  }
}


/**/
/* sandler workflow */
/**/
.sandler-workflow {
  position: relative;
  color: #9C9C9C;
}
.sandler-workflow::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1600px;
  height: 1600px;
  margin: -700px 0 0 -1400px;
  border-radius: 50%;
  background: radial-gradient(closest-side, #062952, #000);
  pointer-events: none;
}
.sandler-workflow__head {
  position: relative;
  gap: 16px;
  display: flex;
  align-items: center;
  flex-direction: column;
  max-width: 880px;
  margin: 0 auto;
  text-align: center;
}
.sandler-workflow__cont {
  position: relative;
  gap: 80px;
  display: flex;
  margin-top: 80px;
}
.sandler-workflow__main {
  gap: 30px;
  display: flex;
  flex-direction: column;
  color: #fff;
}
.sandler-workflow__item {
  gap: 20px;
  display: flex;
  align-items: flex-start;
  font-size: 24px;
  line-height: 1.16666667;
}
.sandler-workflow__num {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: linear-gradient(135deg, #FFCE4A, #D99E00);
  font-size: 20px;
  font-weight: 900;
  color: #000;
}
.sandler-workflow__side {
  flex-shrink: 0;
  width: 56.4516129%;
}
@media only screen and (max-width: 1023px) {
  .sandler-workflow__cont {
    gap: 40px;
    flex-direction: column;
    max-width: 700px;
    margin: 60px auto 0;
  }
  .sandler-workflow__side {
    order: -1;
    width: 100%;
  }
  .sandler-workflow__num {
    width: 32px;
    height: 32px;
  }
}
@media only screen and (max-width: 767px) {
  .sandler-workflow__cont {
    gap: 30px;
    margin-top: 40px;
  }
  .sandler-workflow__main {
    gap: 20px;
  }
  .sandler-workflow__item {
    gap: 16px;
    font-size: 20px;
    line-height: 1.2;
  }
  .sandler-workflow__num {
    width: 28px;
    height: 28px;
    font-size: 16px;
  }
}


/**/
/* sandler integrations */
/**/
.sandler-integrations {
  position: relative;
  gap: 40px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 40px;
  padding: 29px;
  border-radius: 20px;
  border: 1px solid rgba(255,255,255,0.15);
  text-align: center;
}
.sandler-integrations__item {
  gap: 10px;
  display: flex;
  align-items: center;
  flex-direction: column;
}
@media only screen and (max-width: 767px) {
  .sandler-integrations {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}


/**/
/* sandler banner */
/**/
.sandler-banner {
  position: relative;
  margin: 140px auto 80px;
  padding: 0 60px;
  border-radius: 20px;
  background: #141417 url(../img/sandler/sandler-banner.webp) no-repeat center;
  background-size: auto 536px;
}
.sandler-banner__cont {
  gap: 40px;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
  max-width: 430px;
  min-height: 400px;
  padding: 60px 0;
}
.sandler-banner__subtitle {
  max-width: 380px;
  margin-top: -24px;
  font-size: 18px;
  color: #9C9C9C;
}
@media only screen and (max-width: 1023px) {
  .sandler-banner {
    margin: 80px 0;
    padding: 0 30px;
  }
}
@media only screen and (max-width: 767px) {
  .sandler-banner {
    margin: 60px 0;
    padding: 0 0 92vw;
    background: #1B1B20 url(../img/sandler/sandler-banner@sm.webp) 50% 100%/100% auto no-repeat;
  }
  .sandler-banner__cont {
    padding: 30px 20px 20px;
    min-height: 0;
  }
}


/**/
/* hubspot hero */
/**/
.hubspot-hero {
  position: relative;
  isolation: isolate;
  gap: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 720px;
  margin: -80px auto 0;
  padding: 80px 0;
  text-align: center;
}
.hubspot-hero::before {
  content: '';
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 50%;
  aspect-ratio: 1/1;
  height: 200%;
  background: radial-gradient(closest-side, #062952, #000);
  translate: -50% 0;
}
.hubspot-hero__title {
  max-width: none;
}
.hubspot-hero__caption {
  color: #00BEFF;
  opacity: 0;
  transform: translateY(40px);
  transition-delay: 0.1875s;
  transition-duration: 0.75s;
  transition-property: opacity, transform;
}
.hubspot-hero__subtitle {
  max-width: 680px;
}
.hubspot-hero__action {
  margin: 10px 0;
}
.hubspot-hero__button {
  min-width: 440px;
}
.hubspot-hero__logos {
  gap: 20px;
  display: flex;
  align-items: center;
  opacity: 0;
  transform: translateY(40px);
  transition-delay: 0.5s;
  transition-duration: 0.75s;
  transition-property: opacity, transform;
}
.ready .hubspot-hero__caption,
.ready .hubspot-hero__logos {
  opacity: 1;
  transform: none;
}
@media only screen and (max-width: 767px) {
  .hubspot-hero {
    margin-top: 0;
    padding: 60px 0;
  }
  .hubspot-hero__title {
    font-size: 40px;
  }
  .hubspot-hero__button {
    min-width: 0;
  }
  .hubspot-hero__logos {
    gap: 16px;
  }
}


/**/
/* hubspot benefits */
/**/
.hubspot-benefits {
  position: relative;
  max-width: 1000px;
  margin: 0 auto;
  color: #FFF;
}
.hubspot-benefits__video {
  position: relative;
  aspect-ratio: 16/9;
  overflow: hidden;
  border-radius: 20px;
  background-color: #141417;
  opacity: 0;
  transform: translateY(40px);
  transition-delay: 0.75s;
  transition-duration: 0.75s;
  transition-property: opacity, transform;
}
.hubspot-benefits__video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.hubspot-benefits__list {
  gap: 60px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  max-width: 880px;
  margin: 20px auto 0;
  font-size: 20px;
  line-height: 1.25;
  font-weight: 800;
}
.hubspot-benefits__item {
  margin-top: 20px;
  padding-left: 40px;
  background: url('data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" stroke="%232EB67D" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6L9 17L4 12"/></svg>') 0 0/24px 24px no-repeat;
}
.ready .hubspot-benefits__video {
  opacity: 1;
  transform: none;
}
@media only screen and (max-width: 767px) {
  .hubspot-benefits__list {
    gap: 0;
    grid-template-columns: minmax(0, 1fr);
    margin-top: 0;
  }
}


/**/
/* hubspot workflow */
/**/
.hubspot-workflow {
  margin: 140px 0;
}
.hubspot-workflow__head {
  position: relative;
  gap: 16px;
  display: flex;
  align-items: center;
  flex-direction: column;
  text-align: center;
}
.hubspot-workflow__cont {
  gap: 20px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-top: 40px;
}
.hubspot-workflow__item {
  gap: 20px;
  display: flex;
  flex-direction: column;
  padding: 30px;
  border-radius: 20px;
  background-color: #141417;
  color: #B7B7B7;
}
.hubspot-workflow__num {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 36px;
  background: linear-gradient(135deg, #FF9D66, #E94E1D);
  font-size: 20px;
  font-weight: 900;
  color: #000;
}
.hubspot-workflow__foot {
  display: flex;
  justify-content: center;
  margin-top: 40px;
}
.hubspot-workflow__button {
  width: auto;
  padding: 0 30px;
}
@media only screen and (max-width: 1023px) {
  .hubspot-workflow {
    margin: 100px 0;
  }
  .hubspot-workflow__cont {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 767px) {
  .hubspot-workflow {
    margin: 80px 0;
  }
  .hubspot-workflow__cont {
    gap: 10px;
    grid-template-columns: minmax(0, 1fr);
    margin-top: 30px;
  }
  .hubspot-workflow__button {
    width: 100%;
    padding: 0 10px;
  }
}


/**/
/* hubspot features */
/**/
.hubspot-features {
  margin: 140px 0;
}
.hubspot-features__fig {
  margin-top: -34px;
  margin-bottom: -140px;
}
.hubspot-features__head {
  text-align: center;
}
.hubspot-features__cont {
  gap: 60px 80px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 60px;
}
.hubspot-features__item {
  position: relative;
  padding-left: 56px;
  color: #9C9C9C;
}
.hubspot-features__icon {
  position: absolute;
  top: 0;
  left: 0;
}
.hubspot-features__name {
  margin-bottom: 8px;
  font-size: 24px;
  font-weight: 800;
}
@media only screen and (max-width: 1023px) {
  .hubspot-features {
    margin: 100px 0;
  }
  .hubspot-features__fig {
    margin: -2.5vw -30px -7.5vw -30px;
  }
  .hubspot-features__cont {
    gap: 40px 60px;
  }
}
@media only screen and (max-width: 767px) {
  .hubspot-features {
    margin: 80px 0;
  }
  .hubspot-features__cont {
    gap: 40px;
    grid-template-columns: minmax(0, 1fr);
    margin-top: 40px;
  }
}


/**/
/* hubspot matters */
/**/
.hubspot-matters {
  margin: 140px 0;
  padding: 60px 30px;
  border-radius: 20px;
  background: rgba(20, 20, 23, 0.60);
  color: #9C9C9C;
}
.hubspot-matters__wrap {
  max-width: 1000px;
  margin: 0 auto;
}
.hubspot-matters__head {
  gap: 16px;
  display: flex;
  flex-direction: column;
  max-width: 660px;
  margin: 0 auto;
  text-align: center;
}
.hubspot-matters__subtitle {
  margin-top: 24px;
}
.hubspot-matters__cont {
  gap: 10px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 40px;
}
.hubspot-matters__item {
  padding: 20px 20px 20px 64px;
  border-radius: 12px;
  background:  #141417 url('data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" stroke="%232EB67D" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6L9 17L4 12"/></svg>') 20px 20px/24px 24px no-repeat;
  font-size: 18px;
}
.hubspot-matters__name {
  margin-bottom: 4px;
  font-weight: 800;
}
.hubspot-matters__foot {
  display: flex;
  justify-content: center;
  margin-top: 40px;
}
@media only screen and (max-width: 1023px) {
  .hubspot-matters {
    margin: 100px 0;
    padding: 0;
    background: none;
  }
}
@media only screen and (max-width: 767px) {
  .hubspot-matters {
    margin: 80px 0;
  }
  .hubspot-matters__subtitle {
    margin-top: 14px;
  }
  .hubspot-matters__cont {
    grid-template-columns: minmax(0, 1fr);
    margin-top: 30px;
  }
  .hubspot-matters__foot {
    margin-top: 30px;
  }
  .hubspot-matters__button {
    width: 100%;
  }
}


/**/
/* hubspot reviews */
/**/
.hubspot-reviews {
  margin: 140px 0;
  color: #FFF;
}
.hubspot-reviews__head {
  text-align: center;
}
.hubspot-reviews__cont {
  gap: 20px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-top: 40px;
}
.hubspot-reviews__item {
  gap: 16px;
  display: flex;
  flex-direction: column;
  padding: 30px;
  border-radius: 10px;
  background-color: #141417;
}
.hubspot-reviews__text {
  font-size: 24px;
  line-height: 1;
  font-weight: 800;
  font-style: italic;
  letter-spacing: -1px;
}
.hubspot-reviews__text span {
  color: #00BEFF;
}
.hubspot-reviews__rating {
  margin-top: auto;
  padding-left: 74px;
  background: url('data:image/svg+xml;utf8,<svg viewBox="0 0 68 12" fill="%23FEC72F" xmlns="http://www.w3.org/2000/svg"><path d="M2.70798 11.9544C2.41848 12.1128 2.08998 11.8352 2.14848 11.4808L2.77098 7.69694L0.12874 5.01223C-0.11801 4.76104 0.01024 4.30186 0.340989 4.25226L4.01448 3.69548L5.65247 0.233992C5.80022 -0.0779974 6.19997 -0.0779974 6.34772 0.233992L7.98572 3.69548L11.6592 4.25226C11.99 4.30186 12.1182 4.76104 11.8707 5.01223L9.22922 7.69694L9.85171 11.4808C9.91021 11.8352 9.58171 12.1128 9.29221 11.9544L5.99897 10.1497L2.70723 11.9544H2.70798Z"/><path d="M16.708 11.9544C16.4185 12.1128 16.09 11.8352 16.1485 11.4808L16.771 7.69694L14.1287 5.01223C13.882 4.76104 14.0102 4.30186 14.341 4.25226L18.0145 3.69548L19.6525 0.233992C19.8002 -0.0779974 20.2 -0.0779974 20.3477 0.233992L21.9857 3.69548L25.6592 4.25226C25.99 4.30186 26.1182 4.76104 25.8707 5.01223L23.2292 7.69694L23.8517 11.4808C23.9102 11.8352 23.5817 12.1128 23.2922 11.9544L19.999 10.1497L16.7072 11.9544H16.708Z"/><path d="M30.708 11.9544C30.4185 12.1128 30.09 11.8352 30.1485 11.4808L30.771 7.69694L28.1287 5.01223C27.882 4.76104 28.0102 4.30186 28.341 4.25226L32.0145 3.69548L33.6525 0.233992C33.8002 -0.0779974 34.2 -0.0779974 34.3477 0.233992L35.9857 3.69548L39.6592 4.25226C39.99 4.30186 40.1182 4.76104 39.8707 5.01223L37.2292 7.69694L37.8517 11.4808C37.9102 11.8352 37.5817 12.1128 37.2922 11.9544L33.999 10.1497L30.7072 11.9544H30.708Z"/>  <path d="M44.708 11.9544C44.4185 12.1128 44.09 11.8352 44.1485 11.4808L44.771 7.69694L42.1287 5.01223C41.882 4.76104 42.0102 4.30186 42.341 4.25226L46.0145 3.69548L47.6525 0.233992C47.8002 -0.0779974 48.2 -0.0779974 48.3477 0.233992L49.9857 3.69548L53.6592 4.25226C53.99 4.30186 54.1182 4.76104 53.8707 5.01223L51.2292 7.69694L51.8517 11.4808C51.9102 11.8352 51.5817 12.1128 51.2922 11.9544L47.999 10.1497L44.7072 11.9544H44.708Z"/><path d="M58.708 11.9544C58.4185 12.1128 58.09 11.8352 58.1485 11.4808L58.771 7.69694L56.1287 5.01223C55.882 4.76104 56.0102 4.30186 56.341 4.25226L60.0145 3.69548L61.6525 0.233992C61.8002 -0.0779974 62.2 -0.0779974 62.3477 0.233992L63.9857 3.69548L67.6592 4.25226C67.99 4.30186 68.1182 4.76104 67.8707 5.01223L65.2292 7.69694L65.8517 11.4808C65.9102 11.8352 65.5817 12.1128 65.2922 11.9544L61.999 10.1497L58.7072 11.9544H58.708Z"/></svg>') 0 50%/68px 12px no-repeat;
  font-size: 14px;
  line-height: 1;
  font-weight: 700;
  color: #FEC72F;
}
@media only screen and (max-width: 1023px) {
  .hubspot-reviews {
    margin: 100px 0;
  }
  .hubspot-reviews__cont {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 767px) {
  .hubspot-reviews {
    margin: 80px 0;
  }
  .hubspot-reviews__cont {
    gap: 10px;
    grid-template-columns: minmax(0, 1fr);
    margin-top: 30px;
  }
}


/**/
/* hubspot banner */
/**/
.hubspot-banner {
  background-image: url(../img/hubspot/hubspot-banner.webp);
}
@media only screen and (max-width: 767px) {
  .hubspot-banner {
    background-image: url(../img/hubspot/hubspot-banner@sm.webp);
  }
}


/**/
/* hubspot footnote */
/**/
.hubspot-footnote {
  max-width: 760px;
  margin: -40px auto 80px;
  font-size: 18px;
  text-align: center;
  color: #D3D3D3;
}
.hubspot-footnote a {
  font-weight: 700;
  text-decoration: underline;
}
.hubspot-footnote a:hover {
  text-decoration: none;
}
@media only screen and (max-width: 767px) {
  .hubspot-footnote {
    margin: -30px auto 60px;
    font-size: 16px;
  }
}


/**/
/* wbd hero */
/**/
.wbd-hero__figure {
  height: 680px;
}
.wbd-hero__img {
  left: 0;
  translate: -25% 0;
}
@media only screen and (max-width: 1023px) {
  .wbd-hero {
    margin-bottom: -40px;
  }
  .wbd-hero__figure {
    aspect-ratio: 5 / 4;
    height: auto;
    margin-top: 30px;
  }
  .wbd-hero__img {
    left: 50%;
    translate: -50% 0;
  }
}
@media only screen and (max-width: 767px) {
  .wbd-hero__figure {
    aspect-ratio: 9 / 8;
  }
}


/**/
/* wbd benefits */
/**/
.wbd-benefits {
  position: relative;
  z-index: 1;
  gap: 20px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.wbd-benefits__item {
  gap: 16px;
  display: flex;
  flex-direction: column;
  padding: 30px;
  border-radius: 20px;
  background-color: rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(10px);
  color: #9C9C9C;
  opacity: 0;
  transform: translateY(40px);
  transition-duration: 0.75s;
  transition-property: opacity, transform;
}
.wbd-benefits__item:nth-child(1) {
  transition-delay: 0.625s;
}
.wbd-benefits__item:nth-child(2) {
  transition-delay: 0.75s;
}
.wbd-benefits__item:nth-child(3) {
  transition-delay: 0.875s;
}
.wbd-benefits__item:nth-child(4) {
  transition-delay: 1s;
}
.wbd-benefits__headline {
  gap: 20px;
  display: flex;
  align-items: center;
}
.ready .wbd-benefits__item {
  opacity: 1;
  transform: none;
}
@media only screen and (max-width: 1023px) {
  .wbd-benefits {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media only screen and (max-width: 767px) {
  .wbd-benefits {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .wbd-benefits__headline {
    gap: 16px;
    align-items: start;
    flex-direction: column;
  }
}


/**/
/* wbd selling */
/**/
.wbd-selling {
  position: relative;
  isolation: isolate;
}
.wbd-selling::before {
  content: '';
  position: absolute;
  z-index: -1;
  top: 0;
  left: 50%;
  aspect-ratio: 1/1;
  height: 1000px;
  background: radial-gradient(closest-side, #062952, #000);
  translate: -50% -50%;
}
.wbd-selling__head {
  position: relative;
}
.wbd-selling__cont {
  position: relative;
}


/**/
/* wbd workflow */
/**/
.wbd-workflow {
  margin: 140px 0;
}
.wbd-workflow__head {
  gap: 10px;
  display: flex;
  align-items: center;
  flex-direction: column;
  text-align: center;
}
.wbd-workflow__head h3 {
  color: #00BEFF;
}
.wbd-workflow__cont {
  margin-top: 50px;
}
.wbd-workflow__headline {
  font-weight: 800;
  text-align: center;
  color: #B7B7B7
}
.wbd-workflow__grid {
  gap: 20px;
  display: grid;
  margin-top: 20px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.wbd-workflow__item {
  padding: 30px;
  border-radius: 16px;
  background-color: rgba(0, 190, 255, 0.10);
  font-size: 24px;
  color: #A9A9A9;
}
.wbd-workflow__item:nth-child(2) {
  background-color: rgba(168, 120, 255, 0.10);
}
.wbd-workflow__item:nth-child(3) {
  background-color: rgba(245, 127, 52, 0.10);
}
.wbd-workflow__logo {
  display: flex;
  align-items: center;
  min-height: 47px;
  margin-bottom: 12px;
  font-weight: 800;
  color: #fff;
}
@media only screen and (max-width: 1023px) {
  .wbd-workflow {
    margin: 100px 0;
  }
  .wbd-workflow__grid {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media only screen and (max-width: 767px) {
  .wbd-workflow {
    margin: 80px 0;
  }
}


/**/
/* wbd banner */
/**/
.wbd-banner {
  background-image: url(../img/wbd/wbd-banner.webp);
}
@media only screen and (max-width: 767px) {
  .wbd-banner {
    background-image: url(../img/wbd/wbd-banner@sm.webp);
  }
  .wbd-banner__button {
    width: 100%;
  }
}



/**/
/* FOOTER */
/**/


/**/
/* footer */
/**/
.footer {
  position: relative;
  font-size: 15px;
}
.footer__cont {
  border-top: 1px solid rgba(139, 147, 159, 0.3);
  padding: 30px 0;
}


/**/
/* legal nav */
/**/
.legal-nav {
  display: flex;
  align-items: center;
  margin-right: -15px;
  font-size: 13px;
}
.legal-nav__link {
  margin-right: 15px;
  text-align: center;
  white-space: nowrap;
  color: #FFF;
  transition-duration: 0.25s;
  transition-property: color;
}
.legal-nav__link:hover {
  color: #00BEFF;
}
@media screen and (max-width: 1279.98px) {
  .legal-nav {
    margin-right: -10px;
  }
  .legal-nav__link {
    margin-right: 10px;
  }
}
@media screen and (max-width: 1023.98px) {
  .legal-nav {
    margin: 20px 0;
    justify-content: center;
  }
  .legal-nav__link {
    margin: 0 10px;
  }
}
@media screen and (max-width: 599.98px) {
  .legal-nav {
    flex-wrap: wrap;
    margin: 20px -10px 30px;
    font-size: 14px;
  }
  .legal-nav__link {
    margin: 10px 10px 0;
  }
}


/* tippy */
.tippy-box {
  background-color: #202025;
  font-size: 16px;
  line-height: 1.25;
  text-align: center;
}
.tippy-content {
  padding: 8px;
}
.tippy-arrow {
  color: #202025;
}


/**/
/* copyrights */
/**/
.copyrights {
  font-size: 13px;
  text-align: right;
}
@media screen and (max-width: 1023.98px) {
  .copyrights {
    text-align: center;
  }
}


/**/
/* ANIMATIONS */
/**/


/**/
/* wow */
/**/
[data-anim-name="fadeInUp"] {
  opacity: 0;
  transform: translateY(80px);
}
[data-anim-name="fadeInLeft"] {
  opacity: 0;
  transform: translateX(80px);
}
[data-anim-name="fadeInRight"] {
  opacity: 0;
  transform: translateX(-80px);
}
.animated[data-anim-name="fadeInUp"],
.animated[data-anim-name="fadeInLeft"],
.animated[data-anim-name="fadeInRight"] {
  opacity: 1;
  transform: none;
  transition-duration: 0.75s;
  transition-property: opacity, transform;
}
.animated[data-anim-delay="0.125s"] {
  transition-delay: 0.125s;
}
.animated[data-anim-delay="0.25s"] {
  transition-delay: 0.25s;
}
.animated[data-anim-delay="0.375s"] {
  transition-delay: 0.375s;
}
.animated[data-anim-delay="0.5s"] {
  transition-delay: 0.5s;
}
.animated[data-anim-delay="0.625s"] {
  transition-delay: 0.625s;
}
.animated[data-anim-delay="0.75s"] {
  transition-delay: 0.75s;
}
.animated[data-anim-delay="0.875s"] {
  transition-delay: 0.875s;
}
.animated[data-anim-delay="1s"] {
  transition-delay: 1s;
}
@media screen and (max-width: 1023.98px) {
  [data-anim-name="fadeInUp"],
  [data-anim-name="fadeInLeft"],
  [data-anim-name="fadeInRight"] {
    opacity: 1;
    transform: none;
  }
}


/**/
/* banner */
/**/
.banner {
  padding: 15px;
  align-items: center;
  justify-content: center;
  color: black;
  background: #00BEFF;
  font-size: 25px;
  text-align: center;
}
.banner__invitedby {
  font-weight: 800;
  margin: 0 .5ch;
}
.banner__btn {
  border: 2px solid currentColor;
  padding: 10px 15px;
  border-radius: 6px;
  font-weight: 800;
  margin-left: .5ch;
}
.invite__banner {
  padding: 15px;
  align-items: center;
  justify-content: center;
  color: black;
  background: #ffda73;
  font-size: 18px;
  text-align: center;
}
.invite__banner__bonus {
  font-weight: bold;
}
.ph__banner {
  display: flex;
  flex-direction: row;
  padding: 15px;
  align-items: center;
  justify-content: center;
  color: white;
  background: #ca5f3a;
  font-size: 18px;
}
.ph__banner__text {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: left;
  margin-left: 1ch;
}
@media screen and (max-width: 850px) {
  .ph__banner__text {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
  }
}
.ph__banner__badge {
  display: flex;
  align-items: center;
  justify-content: center;
}
.ph__banner__regular__text {
  font-weight: 400;
}
.ph__banner__top__text {
  font-weight: 700;
}
.ph__banner__bottom__text {
  font-weight: 300;
  font-size: 14px;
  font-style: italic;
}
.ph__banner__anchor {
  text-decoration: underline;
}
.ph__banner__badge {
  margin-right: 0.5ch;
}
.wf__banner {
  display: flex;
  flex-direction: row;
  padding: 15px;
  align-items: center;
  justify-content: center;
  color: black;
  background: #04D372;
  font-size: 18px;
}
.wf__banner__text {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: left;
  margin-left: 1ch;
  font-weight: 400;
}
@media screen and (max-width: 850px) {
  .wf__banner__text {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
  }
}
.wf__banner__anchor {
  text-decoration: underline;
  font-weight: 700;
}
.gong_promo__banner {
  display: flex;
  flex-direction: row;
  padding: 21px;
  align-items: center;
  justify-content: center;
  color: black;
  background: #FFC82F;
  font-size: 15px;
}
.gong_promo__banner__head {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: left;
  margin-left: 0.5ch;
  font-weight: 700;
  text-transform: uppercase;
}
.gong_promo__banner__text {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: left;
  margin-left: 0.5ch;
  font-weight: 400;
}
@media screen and (max-width: 850px) {
  .gong_promo__banner__text {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
  }
}
.gong_promo__banner__anchor {
  text-decoration: underline;
  font-weight: 700;
}
.gong_promo__banner__vs_anchor {
  text-decoration: underline;
}
.g2_banner, .series_a_banner {
  padding: 15px;
  color: black;
  background: #00BEFF;
  font-size: 18px;
  text-align: center;
}
.series_a_banner {
  background: #04D372;
}
.g2_banner .g2_award {
  margin: 0 0.25em;
  font-weight: 700;
}
.g2_banner a,
.series_a_banner a {
  white-space: nowrap;
  text-decoration: underline;
}
.g2_banner a:hover,
.series_a_banner a:hover {
  text-decoration: none;
}

@media screen and (max-width: 1023.98px) {
  .g2_banner, .series_a_banner {
    padding: 10px;
    font-size: 15px;
  }
  .g2_banner .g2_award {
    margin: 0;
  }
}
