/* line 1, home/static/css/pricing.scss */
.section-pricing1 {
  position: relative;
  overflow: hidden;
  padding-bottom: 60px; }
  /* line 5, home/static/css/pricing.scss */
  .section-pricing1 * {
    position: relative; }
  /* line 8, home/static/css/pricing.scss */
  .section-pricing1 .lights {
    width: 100%; }
    /* line 10, home/static/css/pricing.scss */
    .section-pricing1 .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 24, home/static/css/pricing.scss */
    .section-pricing1 .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 38, home/static/css/pricing.scss */
  .section-pricing1 h1 {
    margin: 158px 0 80px 0; }
  /* line 41, home/static/css/pricing.scss */
  .section-pricing1 .cards-container {
    max-width: 1140px;
    gap: 0 30px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(9, auto); }
    @media (max-width: 840px) {
      /* line 41, home/static/css/pricing.scss */
      .section-pricing1 .cards-container {
        display: flex;
        flex-direction: column;
        gap: 20px; } }
  /* line 55, home/static/css/pricing.scss */
  .section-pricing1 .card {
    grid-row: 1/10;
    background-color: rgba(30, 30, 30, 0.5);
    border-color: rgba(255, 255, 255, 0.1);
    padding: 35px 24px;
    padding: 30px 28px;
    display: grid;
    grid-template-rows: subgrid; }
    @media (max-width: 840px) {
      /* line 55, home/static/css/pricing.scss */
      .section-pricing1 .card {
        max-width: 400px; } }
  /* line 68, home/static/css/pricing.scss */
  .section-pricing1 h5 {
    margin-bottom: 8px; }
  /* line 71, home/static/css/pricing.scss */
  .section-pricing1 h2 {
    font-size: 48px;
    text-align: left;
    line-height: .9em;
    margin: 3px 0 5px; }
    /* line 76, home/static/css/pricing.scss */
    .section-pricing1 h2.customized {
      grid-row: 3 / 5; }
  /* line 80, home/static/css/pricing.scss */
  .section-pricing1 .monthly-price {
    display: flex;
    align-items: flex-end;
    gap: 10px;
    margin-right: -28px; }
    /* line 85, home/static/css/pricing.scss */
    .section-pricing1 .monthly-price p {
      line-height: 1.2em;
      margin-bottom: 5px; }
  /* line 90, home/static/css/pricing.scss */
  .section-pricing1 .CTA-big {
    margin: 30px -4px;
    padding: 0 !important; }
    @media (max-width: 840px) {
      /* line 90, home/static/css/pricing.scss */
      .section-pricing1 .CTA-big {
        margin: 40px -4px; } }
  /* line 98, home/static/css/pricing.scss */
  .section-pricing1 .calculator-link {
    font-size: 15px;
    text-align: center;
    margin: 14px 0 40px;
    color: rgba(255, 255, 255, 0.5);
    cursor: pointer; }
    /* line 104, home/static/css/pricing.scss */
    .section-pricing1 .calculator-link:hover {
      color: #ffffff; }
    @media (max-width: 840px) {
      /* line 98, home/static/css/pricing.scss */
      .section-pricing1 .calculator-link {
        display: none; } }
  /* line 111, home/static/css/pricing.scss */
  .section-pricing1 .list-title {
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    text-align: left; }
  /* line 117, home/static/css/pricing.scss */
  .section-pricing1 ul {
    list-style: none;
    padding: 0; }
  /* line 121, home/static/css/pricing.scss */
  .section-pricing1 li {
    padding-left: 26px;
    margin: 0;
    margin-top: 1.6em;
    position: relative; }
    /* line 126, home/static/css/pricing.scss */
    .section-pricing1 li::before {
      content: url("/static/img/check.svg?e0ba17737d55");
      position: absolute;
      top: 4px;
      left: 0;
      height: 18px;
      width: 18px; }
  /* line 135, home/static/css/pricing.scss */
  .section-pricing1 .features-link {
    font-size: 15px;
    margin-top: 1.6em;
    color: rgba(255, 255, 255, 0.5);
    cursor: pointer; }
    /* line 140, home/static/css/pricing.scss */
    .section-pricing1 .features-link:hover {
      color: #ffffff; }
    @media (max-width: 840px) {
      /* line 135, home/static/css/pricing.scss */
      .section-pricing1 .features-link {
        display: none; } }
/* line 148, home/static/css/pricing.scss */
.section-pricing2 {
  margin-bottom: 80px; }
  /* line 150, home/static/css/pricing.scss */
  .section-pricing2 div {
    width: 100%;
    max-width: 1000px;
    display: grid;
    grid-template-columns: repeat(5, auto);
    gap: 0 40px;
    justify-content: space-between; }
  /* line 159, home/static/css/pricing.scss */
  .section-pricing2 img {
    height: 94px;
    width: auto; }
  @media (max-width: 840px) {
    /* line 167, home/static/css/pricing.scss */
    .section-pricing2 div {
      grid-template-columns: repeat(3, auto);
      max-width: 400px; }
    /* line 171, home/static/css/pricing.scss */
    .section-pricing2 img {
      height: 64px; }
      /* line 173, home/static/css/pricing.scss */
      .section-pricing2 img:last-child {
        display: none; } }
/* line 179, home/static/css/pricing.scss */
.section-pricing3 {
  gap: 8px;
  margin: 40px 0 80px 0; }
  /* line 182, home/static/css/pricing.scss */
  .section-pricing3 h2 {
    margin-top: 40px; }
  /* line 185, home/static/css/pricing.scss */
  .section-pricing3 .card {
    padding: 24px; }
  /* line 189, home/static/css/pricing.scss */
  .section-pricing3 .calculator-outputs {
    margin-top: 40px;
    width: 100%;
    max-width: 1140px;
    display: flex;
    gap: 40px;
    background-image: radial-gradient(ellipse at -30% -30%, rgba(46, 195, 242, 0.3), rgba(46, 195, 242, 0) 60%); }
  /* line 197, home/static/css/pricing.scss */
  .section-pricing3 .calculator-output {
    flex: 1 0 0;
    height: 87px; }
    /* line 200, home/static/css/pricing.scss */
    .section-pricing3 .calculator-output p:first-of-type {
      min-height: 24px; }
    /* line 203, home/static/css/pricing.scss */
    .section-pricing3 .calculator-output h3, .section-pricing3 .calculator-output p {
      text-align: left; }
    /* line 206, home/static/css/pricing.scss */
    .section-pricing3 .calculator-output h3, .section-pricing3 .calculator-output h4 {
      display: inline-block; }
    /* line 209, home/static/css/pricing.scss */
    .section-pricing3 .calculator-output .output {
      display: flex;
      align-items: baseline;
      gap: 1px; }
  /* line 215, home/static/css/pricing.scss */
  .section-pricing3 .button {
    align-self: center; }
  /* line 219, home/static/css/pricing.scss */
  .section-pricing3 .calculator-inputs {
    width: 100%;
    max-width: 1140px;
    padding-bottom: 48px;
    display: flex;
    background-image: radial-gradient(ellipse at 110% 120%, rgba(255, 159, 243, 0.25), rgba(255, 159, 243, 0) 60%); }
    /* line 225, home/static/css/pricing.scss */
    .section-pricing3 .calculator-inputs h2, .section-pricing3 .calculator-inputs > p {
      width: 100%;
      text-align: left; }
    /* line 229, home/static/css/pricing.scss */
    .section-pricing3 .calculator-inputs .header {
      width: 100%;
      margin-bottom: 12px; }
  /* line 234, home/static/css/pricing.scss */
  .section-pricing3 .calculator-inputs-slider {
    flex: 3 0 0;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(3, auto); }
    /* line 242, home/static/css/pricing.scss */
    .section-pricing3 .calculator-inputs-slider .header {
      grid-row: 1; }
    /* line 245, home/static/css/pricing.scss */
    .section-pricing3 .calculator-inputs-slider .calculator-input {
      display: grid;
      grid-template-rows: subgrid;
      grid-row: 2 / 4; }
  /* line 251, home/static/css/pricing.scss */
  .section-pricing3 .slidecontainer {
    margin-top: 16px;
    height: 240px;
    width: 60px;
    position: relative; }
    /* line 256, home/static/css/pricing.scss */
    .section-pricing3 .slidecontainer output {
      position: absolute;
      bottom: 0;
      left: 62px;
      font-size: 16px;
      line-height: 1em;
      font-weight: bold; }
  /* line 265, home/static/css/pricing.scss */
  .section-pricing3 .slider {
    appearance: none;
    -webkit-appearance: none;
    width: 240px;
    height: 10px;
    border-radius: 6px;
    background-color: transparent;
    background-image: linear-gradient(to right, #1CBA56 50%, rgba(255, 255, 255, 0.1) 50%);
    background-size: 200%;
    background-repeat: no-repeat;
    background-clip: content-box;
    background-position-x: -50%;
    outline: none;
    transform: translate(-50%, -50%) rotate(-90deg);
    position: absolute;
    top: 50%;
    left: 50%; }
  /* line 290, home/static/css/pricing.scss */
  .section-pricing3 .slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 24px;
    height: 24px;
    background-color: #ffffff;
    height: 34px;
    width: 14px;
    border-radius: 7px;
    border: 4px solid #1cba56;
    border-width: 10px 6px;
    cursor: grab; }
    /* line 304, home/static/css/pricing.scss */
    .section-pricing3 .slider::-webkit-slider-thumb:hover {
      border-color: #179f49; }
    /* line 308, home/static/css/pricing.scss */
    .section-pricing3 .slider::-webkit-slider-thumb:active {
      cursor: grabbing; }
  /* line 313, home/static/css/pricing.scss */
  .section-pricing3 .calculator-options label {
    display: flex;
    justify-content: space-between; }
  /* line 318, home/static/css/pricing.scss */
  .section-pricing3 .calculator-input {
    flex: 1 0 0; }
    /* line 320, home/static/css/pricing.scss */
    .section-pricing3 .calculator-input label {
      display: flex;
      justify-content: space-between;
      margin-top: 48px; }
      /* line 324, home/static/css/pricing.scss */
      .section-pricing3 .calculator-input label + label {
        margin-top: 12px; }
  /* line 329, home/static/css/pricing.scss */
  .section-pricing3 .switch {
    position: relative;
    display: inline-block;
    width: 35px;
    height: 20px; }
    /* line 334, home/static/css/pricing.scss */
    .section-pricing3 .switch input {
      opacity: 0;
      width: 0;
      height: 0; }
    /* line 339, home/static/css/pricing.scss */
    .section-pricing3 .switch .switch-slider {
      position: absolute;
      cursor: pointer;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-color: rgba(255, 255, 255, 0.1);
      border-radius: 34px;
      -webkit-transition: .2s;
      transition: .2s; }
      /* line 350, home/static/css/pricing.scss */
      .section-pricing3 .switch .switch-slider:before {
        position: absolute;
        content: "";
        height: 16px;
        width: 16px;
        left: 2px;
        bottom: 2px;
        background-color: white;
        border-radius: 50%;
        -webkit-transition: .2s;
        transition: .2s; }
    /* line 365, home/static/css/pricing.scss */
    .section-pricing3 .switch input:checked + .switch-slider {
      background-color: #1cba56; }
    /* line 373, home/static/css/pricing.scss */
    .section-pricing3 .switch input:checked + .switch-slider:before {
      -webkit-transform: translateX(16px);
      -ms-transform: translateX(16px);
      transform: translateX(16px); }
  @media (max-width: 840px) {
    /* line 179, home/static/css/pricing.scss */
    .section-pricing3 {
      display: none; } }
/* line 391, home/static/css/pricing.scss */
.section-pricing4 {
  max-width: 900px;
  margin: 80px auto;
  flex-direction: row;
  gap: 80px; }
  /* line 396, home/static/css/pricing.scss */
  .section-pricing4 article {
    flex: 1 0 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    max-width: 420px; }
  /* line 403, home/static/css/pricing.scss */
  .section-pricing4 article + article {
    flex: 2 0 0; }
  /* line 406, home/static/css/pricing.scss */
  .section-pricing4 h2, .section-pricing4 p {
    text-align: left; }
  /* line 409, home/static/css/pricing.scss */
  .section-pricing4 .button {
    margin: 32px 0; }
  /* line 412, home/static/css/pricing.scss */
  .section-pricing4 ul {
    flex: 1 0 0;
    list-style: none;
    padding: 0; }
  /* line 417, home/static/css/pricing.scss */
  .section-pricing4 li {
    padding-left: 38px;
    margin: 0;
    margin-top: 1.6em;
    position: relative; }
    /* line 422, home/static/css/pricing.scss */
    .section-pricing4 li::before {
      content: url(/static/img/check-circle.svg?e7da21411cc5&e0ba17737d55);
      position: absolute;
      left: 0;
      height: 24px;
      width: 24px; }
  @media (max-width: 840px) {
    /* line 391, home/static/css/pricing.scss */
    .section-pricing4 {
      flex-direction: column;
      gap: 0; }
      /* line 433, home/static/css/pricing.scss */
      .section-pricing4 article {
        align-items: center;
        max-width: 400px; }
      /* line 437, home/static/css/pricing.scss */
      .section-pricing4 h2 {
        text-align: center; } }
/* line 446, home/static/css/pricing.scss */
.section-pricing5 {
  overflow: visible; }
  /* line 448, home/static/css/pricing.scss */
  .section-pricing5 .pricing-table {
    display: flex;
    flex-direction: column-reverse;
    margin-bottom: 104px;
    width: 100%;
    max-width: 1240px; }
  /* line 455, home/static/css/pricing.scss */
  .section-pricing5 .pricing-table-header {
    position: sticky;
    top: 0;
    padding: 88px 10px 12px 10px;
    height: 128px;
    background-color: #171717;
    display: flex; }
  /* line 464, home/static/css/pricing.scss */
  .section-pricing5 .pricing-row {
    padding: 10px 12px;
    border-radius: 8px;
    display: flex;
    align-items: center; }
    /* line 470, home/static/css/pricing.scss */
    .section-pricing5 .pricing-row + .pricing-header-row {
      margin-top: 40px; }
  /* line 474, home/static/css/pricing.scss */
  .section-pricing5 .pricing-header-row {
    position: sticky;
    top: 128px;
    background-color: #171717;
    z-index: 1;
    text-align: left; }
  /* line 481, home/static/css/pricing.scss */
  .section-pricing5 .pricing-row:nth-child(2n) {
    background: rgba(30, 30, 30, 0.5); }
  /* line 484, home/static/css/pricing.scss */
  .section-pricing5 .pricing-row-cell {
    flex: 1 0 0;
    text-align: center; }
    /* line 487, home/static/css/pricing.scss */
    .section-pricing5 .pricing-row-cell:not(.pricing-row-label) {
      color: #ffffff; }
  /* line 491, home/static/css/pricing.scss */
  .section-pricing5 .pricing-row-label {
    text-align: left; }
    /* line 496, home/static/css/pricing.scss */
    .section-pricing5 .pricing-row-label .tooltip {
      position: relative; }
      /* line 499, home/static/css/pricing.scss */
      .section-pricing5 .pricing-row-label .tooltip b {
        font-size: 12px;
        display: inline-block;
        margin-left: 6px; }
      /* line 504, home/static/css/pricing.scss */
      .section-pricing5 .pricing-row-label .tooltip .tooltiptext {
        visibility: hidden;
        z-index: 1;
        background: #353535;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5);
        color: #ffffff;
        text-align: center;
        padding: 8px 16px;
        border-radius: 6px;
        position: absolute;
        left: 100%;
        bottom: 100%;
        margin: 0 0 4px -4px;
        width: max-content;
        max-width: 75vw; }
        /* line 519, home/static/css/pricing.scss */
        .section-pricing5 .pricing-row-label .tooltip .tooltiptext::after {
          content: "";
          position: absolute;
          top: calc(100% - 2px);
          left: 3px;
          border-width: 4px 6px;
          border-style: solid;
          border-color: #353535 transparent transparent #353535; }
      /* line 529, home/static/css/pricing.scss */
      .section-pricing5 .pricing-row-label .tooltip:hover {
        color: #ffffff; }
        /* line 531, home/static/css/pricing.scss */
        .section-pricing5 .pricing-row-label .tooltip:hover .tooltiptext {
          visibility: visible; }
  /* line 537, home/static/css/pricing.scss */
  .section-pricing5 .check {
    display: inline-block;
    height: 18px;
    width: 24px;
    background-image: url("/static/img/check.svg?e0ba17737d55");
    background-size: cover; }
  @media (max-width: 840px) {
    /* line 446, home/static/css/pricing.scss */
    .section-pricing5 {
      display: none; } }
/* line 549, home/static/css/pricing.scss */
.section-pricing6 {
  margin: 60px 0 104px 0;
  padding: 0; }
  /* line 552, home/static/css/pricing.scss */
  .section-pricing6 h2 {
    margin-bottom: 56px; }
  /* line 555, home/static/css/pricing.scss */
  .section-pricing6 article {
    margin: 0 auto;
    width: 100%;
    max-width: 960px;
    border-radius: 8px;
    border-bottom: 1px solid #2f2f2f; }
    /* line 561, home/static/css/pricing.scss */
    .section-pricing6 article:nth-child(2n+1) {
      background: rgba(30, 30, 30, 0.5); }
    /* line 564, home/static/css/pricing.scss */
    .section-pricing6 article:last-of-type {
      border: none; }
  /* line 568, home/static/css/pricing.scss */
  .section-pricing6 .action-toggle-question {
    position: relative;
    display: flex;
    align-items: center;
    padding: 24px 54px 24px 24px;
    cursor: pointer; }
    /* line 574, home/static/css/pricing.scss */
    .section-pricing6 .action-toggle-question::after {
      content: "";
      display: block;
      height: 18px;
      width: 18px;
      position: absolute;
      right: 16px;
      background-color: #1CBA56;
      mask-size: cover;
      mask: url("/static/img/chevron-down.svg?e0ba17737d55");
      transform: rotate(-90deg);
      transition: transform 500ms cubic-bezier(0.16, 1, 0.3, 1); }
    /* line 588, home/static/css/pricing.scss */
    .section-pricing6 .action-toggle-question.question-open::after {
      transform: rotate(0deg); }
    /* line 591, home/static/css/pricing.scss */
    .section-pricing6 .action-toggle-question.question-open + p {
      height: fit-content;
      opacity: 1;
      padding-bottom: 40px !important; }
  /* line 598, home/static/css/pricing.scss */
  .section-pricing6 p {
    height: 0;
    opacity: 0;
    text-align: left;
    padding: 0 24px;
    transition: all .2s; }
    /* line 604, home/static/css/pricing.scss */
    .section-pricing6 p a {
      cursor: pointer;
      color: #1CBA56; }
  @media (max-width: 840px) {
    /* line 610, home/static/css/pricing.scss */
    .section-pricing6 article {
      border-radius: 0; }
    /* line 613, home/static/css/pricing.scss */
    .section-pricing6 h4 {
      font-size: 20px; }
    /* line 616, home/static/css/pricing.scss */
    .section-pricing6 .action-toggle-question {
      padding-left: 15px; }
    /* line 619, home/static/css/pricing.scss */
    .section-pricing6 p {
      padding: 0 15px; } }