/* line 1, home/static/css/features.scss */
.section-features1 {
  position: relative;
  overflow: hidden; }
  /* line 4, home/static/css/features.scss */
  .section-features1 * {
    position: relative; }
  /* line 7, home/static/css/features.scss */
  .section-features1 .lights {
    width: 100%; }
    /* line 9, home/static/css/features.scss */
    .section-features1 .lights::before {
      content: "";
      display: block;
      width: 463px;
      height: 463px;
      background: rgba(255, 159, 243, 0.7);
      opacity: 0.8;
      background: #ff9ff3;
      opacity: .56;
      filter: blur(162px);
      position: absolute;
      top: 312px;
      left: calc(50vw + 68px); }
    /* line 23, home/static/css/features.scss */
    .section-features1 .lights::after {
      content: "";
      display: block;
      width: 257px;
      height: 257px;
      background: #2ec3f2;
      opacity: 0.8;
      filter: blur(132px);
      position: absolute;
      right: calc(50vw + 184px);
      top: 502px; }
  /* line 36, home/static/css/features.scss */
  .section-features1::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 211px;
    background: linear-gradient(to top, #171717, rgba(23, 23, 23, 0)); }
  /* line 46, home/static/css/features.scss */
  .section-features1 h1 {
    margin: 158px 0 26px 0; }
  /* line 49, home/static/css/features.scss */
  .section-features1 > p {
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 160%;
    /* or 29px */
    color: #ffffff;
    text-align: center; }
  /* line 58, home/static/css/features.scss */
  .section-features1 .button {
    margin: 32px 0 100px 0; }
  /* line 61, home/static/css/features.scss */
  .section-features1 .grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 40px; }
    /* line 68, home/static/css/features.scss */
    .section-features1 .grid > div {
      width: 202px; }
    /* line 71, home/static/css/features.scss */
    .section-features1 .grid h4 {
      margin: 32px 0 14px 0; }
      /* line 73, home/static/css/features.scss */
      .section-features1 .grid h4 span {
        display: block; }
    /* line 77, home/static/css/features.scss */
    .section-features1 .grid p {
      text-align: left; }
    @media (max-width: 1240px) {
      /* line 61, home/static/css/features.scss */
      .section-features1 .grid {
        grid-template-columns: repeat(4, 1fr); } }
    @media (max-width: 980px) {
      /* line 61, home/static/css/features.scss */
      .section-features1 .grid {
        grid-template-columns: repeat(3, 1fr); } }
    @media (max-width: 760px) {
      /* line 61, home/static/css/features.scss */
      .section-features1 .grid {
        grid-template-columns: repeat(2, 1fr); } }
    @media (max-width: 500px) {
      /* line 61, home/static/css/features.scss */
      .section-features1 .grid {
        grid-template-columns: 1fr; }
        /* line 91, home/static/css/features.scss */
        .section-features1 .grid > div {
          width: auto;
          display: flex;
          gap: 15px; }
        /* line 96, home/static/css/features.scss */
        .section-features1 .grid h4 {
          margin: 8px 0; }
          /* line 98, home/static/css/features.scss */
          .section-features1 .grid h4 span {
            display: inline; } }
/* line 105, home/static/css/features.scss */
.section-features2 {
  align-self: center;
  width: 100%;
  max-width: 1250px;
  padding: 140px 40px 80px 40px;
  overflow: unset;
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 32px 60px; }
  /* line 118, home/static/css/features.scss */
  .section-features2 + .separator {
    margin-top: 100px; }
  /* line 121, home/static/css/features.scss */
  .section-features2 img {
    position: relative;
    max-width: 50vw;
    height: auto;
    margin: auto auto auto 0; }
  /* line 127, home/static/css/features.scss */
  .section-features2.reverse {
    flex-direction: row-reverse; }
    /* line 129, home/static/css/features.scss */
    .section-features2.reverse img {
      margin: auto 0 auto auto; }
  /* line 133, home/static/css/features.scss */
  .section-features2.center img {
    margin: auto; }
  /* line 136, home/static/css/features.scss */
  .section-features2 article {
    position: relative;
    width: 380px;
    width: 420px; }
  /* line 141, home/static/css/features.scss */
  .section-features2 label {
    color: #ffffff;
    text-align: left; }
  /* line 145, home/static/css/features.scss */
  .section-features2 h3 {
    margin: 14px 0 32px 0;
    color: #ffffff;
    text-align: left; }
  /* line 150, home/static/css/features.scss */
  .section-features2 p {
    text-align: left; }
  /* line 153, home/static/css/features.scss */
  .section-features2 ul {
    list-style: none;
    padding: 0; }
  /* line 157, home/static/css/features.scss */
  .section-features2 li {
    padding-left: 38px;
    margin: 0;
    margin-top: 1.6em;
    position: relative; }
    /* line 162, home/static/css/features.scss */
    .section-features2 li::before {
      content: url("/static/img/check-circle.svg?e0ba17737d55");
      position: absolute;
      top: 0;
      left: 0;
      height: 24px;
      width: 24px; }
  /* line 171, home/static/css/features.scss */
  .section-features2 h5 {
    color: #ffffff; }

/* line 175, home/static/css/features.scss */
.section-vertical-carousel {
  overflow: unset;
  margin: 120px 0;
  align-self: center;
  width: 100%;
  max-width: 1210px;
  padding: 0; }
  /* line 182, home/static/css/features.scss */
  .section-vertical-carousel .container {
    width: 100%;
    margin-bottom: -30vh; }
  /* line 186, home/static/css/features.scss */
  .section-vertical-carousel .title {
    width: 100%;
    margin-bottom: -20vh;
    padding: 0 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px; }
  /* line 196, home/static/css/features.scss */
  .section-vertical-carousel .slider {
    position: relative;
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 0 40px; }
  /* line 203, home/static/css/features.scss */
  .section-vertical-carousel .progressContainer {
    position: sticky;
    top: 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: center;
    justify-content: center;
    height: 100vh;
    padding-left: 12px; }
    /* line 213, home/static/css/features.scss */
    .section-vertical-carousel .progressContainer .progressBar {
      width: 8px;
      height: 8px;
      background-color: rgba(255, 255, 255, 0.3);
      border-radius: 40px;
      transition: height .2s; }
      /* line 219, home/static/css/features.scss */
      .section-vertical-carousel .progressContainer .progressBar.progressBar_active {
        background-color: #1cba56;
        height: 80px; }
  /* line 225, home/static/css/features.scss */
  .section-vertical-carousel ul.listContainer {
    /*gap: 40px;*/
    width: 100%;
    /*padding: 45vh 0 45vh 68px;*/
    margin: 45vh 0;
    padding-left: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start; }
  /* line 235, home/static/css/features.scss */
  .section-vertical-carousel li {
    max-width: 380px;
    padding-bottom: 60px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    opacity: .05;
    transition: opacity .2s; }
    /* line 243, home/static/css/features.scss */
    .section-vertical-carousel li:last-of-type {
      padding-bottom: 0; }
    /* line 246, home/static/css/features.scss */
    .section-vertical-carousel li.listItem_active {
      opacity: 1; }
    /* line 249, home/static/css/features.scss */
    .section-vertical-carousel li label {
      color: #ffffff;
      text-align: left; }
    /* line 253, home/static/css/features.scss */
    .section-vertical-carousel li h3 {
      margin: 14px 0 32px 0;
      color: #ffffff;
      text-align: left; }
    /* line 258, home/static/css/features.scss */
    .section-vertical-carousel li p {
      text-align: left; }
  /* line 262, home/static/css/features.scss */
  .section-vertical-carousel .videoContainer {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    display: flex;
    align-items: center;
    height: 100vh;
    padding: 0 20px; }
  /* line 272, home/static/css/features.scss */
  .section-vertical-carousel .video {
    aspect-ratio: 16/9;
    width: 640px;
    max-width: 50vw;
    object-fit: cover;
    border-radius: 10px;
    position: relative; }
    /* line 280, home/static/css/features.scss */
    .section-vertical-carousel .video img:not(.actionsBar) {
      position: absolute;
      top: 0;
      left: 0;
      height: auto;
      width: 640px;
      max-width: 50vw;
      border-radius: 10px;
      opacity: 0; }
      /* line 289, home/static/css/features.scss */
      .section-vertical-carousel .video img:not(.actionsBar).visible {
        opacity: 1; }
    /* line 293, home/static/css/features.scss */
    .section-vertical-carousel .video img.actionsBar {
      position: absolute;
      left: calc(50% - 92px);
      bottom: -48px; }

/* line 301, home/static/css/features.scss */
.section-features5 {
  padding: 170px 20px 120px 20px; }
  /* line 303, home/static/css/features.scss */
  .section-features5 p {
    margin: 22px 0 58px 0;
    color: #ffffff;
    font-weight: 300;
    font-size: 18px; }
  /* line 309, home/static/css/features.scss */
  .section-features5 .logos {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 88px;
    width: 100%;
    padding: 40px 0; }
    /* line 316, home/static/css/features.scss */
    .section-features5 .logos img {
      height: 68px;
      width: auto; }

@media (max-width: 840px) {
  /* line 325, home/static/css/features.scss */
  .section-features1 {
    padding-bottom: 80px; }
    /* line 327, home/static/css/features.scss */
    .section-features1 h1 {
      margin: 110px 10px 14px 10px; }
    /* line 330, home/static/css/features.scss */
    .section-features1 > p {
      font-size: 16px; }
    /* line 333, home/static/css/features.scss */
    .section-features1 .button {
      margin: 24px 0 68px 0; }
  /* line 337, home/static/css/features.scss */
  .section-features2 {
    padding: 80px 15px 80px 15px;
    overflow: hidden;
    height: unset;
    flex-direction: column !important; }
    /* line 342, home/static/css/features.scss */
    .section-features2 + .separator {
      margin-top: 0; }
    /* line 345, home/static/css/features.scss */
    .section-features2 img {
      margin: 0 auto !important;
      max-width: calc(100vw - 30px); }
    /* line 349, home/static/css/features.scss */
    .section-features2 article {
      width: auto;
      max-width: 380px; }
    /* line 353, home/static/css/features.scss */
    .section-features2 h3 {
      margin: 6px 0 14px 0; }
    /* line 356, home/static/css/features.scss */
    .section-features2 li {
      margin-top: 14px; }
  /* line 360, home/static/css/features.scss */
  .section-vertical-carousel {
    margin-top: 80px; }
    /* line 364, home/static/css/features.scss */
    .section-vertical-carousel .container {
      margin-bottom: 0; }
    /* line 367, home/static/css/features.scss */
    .section-vertical-carousel .title {
      position: relative;
      z-index: 1;
      margin-bottom: -16px; }
    /* line 372, home/static/css/features.scss */
    .section-vertical-carousel .slider {
      grid-template-columns: auto 1fr;
      grid-template-rows: 1fr auto;
      gap: 40px 20px;
      max-width: 450px;
      margin: 0 auto; }
    /* line 379, home/static/css/features.scss */
    .section-vertical-carousel .progressContainer {
      height: fit-content;
      top: calc(50dvh - 62px);
      top: 50dvh;
      gap: 10px;
      margin-top: calc(calc(50dvh - 56px - 60px - ((100vw - 30px) * 0.5625) + 80px) * -1); }
      /* line 385, home/static/css/features.scss */
      .section-vertical-carousel .progressContainer .progressBar {
        width: 5px;
        height: 5px; }
        /* line 388, home/static/css/features.scss */
        .section-vertical-carousel .progressContainer .progressBar.progressBar_active {
          background-color: #1cba56;
          height: 50px; }
    /* line 394, home/static/css/features.scss */
    .section-vertical-carousel ul.listContainer {
      margin: calc(calc(50dvh - 56px - 60px - ((100vw - 30px) * 0.5625) + 80px) * -1) 0 0 0;
      padding-right: 40px; }
    /* line 398, home/static/css/features.scss */
    .section-vertical-carousel li {
      padding-bottom: 40px; }
      /* line 400, home/static/css/features.scss */
      .section-vertical-carousel li h3 {
        margin: 6px 0 14px 0; }
    /* line 404, home/static/css/features.scss */
    .section-vertical-carousel .videoContainer {
      grid-row: 1;
      grid-column: 1/3;
      height: fit-content;
      background: #171717;
      padding: 56px 15px 60px 15px;
      margin-bottom: calc(50dvh - 56px - 60px - ((100vw - 30px) * 0.5625) + 80px); }
    /* line 412, home/static/css/features.scss */
    .section-vertical-carousel .video {
      margin: 0 auto;
      width: calc(100vw - 30px);
      max-width: 420px; }
      /* line 417, home/static/css/features.scss */
      .section-vertical-carousel .video img:not(.actionsBar) {
        width: calc(100vw - 30px);
        max-width: 420px; }
  /* line 424, home/static/css/features.scss */
  .section-features5 {
    padding: 80px 20px; }
    /* line 426, home/static/css/features.scss */
    .section-features5 p {
      font-size: 16px; }
    /* line 429, home/static/css/features.scss */
    .section-features5 .logos {
      padding: 0;
      gap: 56px; }
      /* line 432, home/static/css/features.scss */
      .section-features5 .logos img {
        height: 56px; } }