/* Pricing overlay */
    .pricing-zone {
      position: relative;
      z-index: 4;
      margin-top: -295px;
      padding-bottom: 82px;
      background: linear-gradient(to bottom, transparent 0 330px, #F5F7FA 330px 100%);
    }

    .billing-switch {
      width: fit-content;
      max-width: 100%;
      margin: 0 auto;
      padding: 0;
      display: inline-flex;
      align-items: center;
      gap: 0;
      border: 1px solid rgba(255,255,255,.34);
      border-radius: 8px;
      background: rgba(255,255,255,.08);
      backdrop-filter: blur(12px);
      box-shadow: none;
      overflow: hidden;
    }

    .billing-wrap {
      display: flex;
      justify-content: center;
      position: relative;
      z-index: 5;
      transform: translateY(-78px);
      margin-bottom: -34px;
    }

    .billing-option {
      min-height: 44px;
      padding: 10px 18px;
      display: inline-flex;
      align-items: center;
      gap: 8px;
      border: 0;
      border-radius: 6px;
      background: transparent;
      color: rgba(255,255,255,.82);
      cursor: pointer;
      font-size: 15px;
      line-height: 22px;
      font-weight: 700;
      transition: background-color .15s ease-in-out, color .15s ease-in-out;
    }

    .billing-option + .billing-option {
      border-left: 0;
      border-radius: 0;
    }

    .billing-option:first-child {
      border-top-left-radius: 6px;
      border-bottom-left-radius: 6px;
    }

    .billing-option:last-child {
      border-top-right-radius: 6px;
      border-bottom-right-radius: 6px;
    }

    .billing-option.active {
      color: #6C2AA2;
      background: #fff;
      border-radius: 6px;
      box-shadow: none;
    }

    .billing-option:hover:not(.active) {
      color: #fff;
      background: rgba(255,255,255,.08);
    }

    .billing-discount {
      padding: 3px 7px;
      border-radius: 999px;
      color: #fff;
      background: rgba(108, 42, 162, .70);
      font-size: 12px;
      line-height: 1;
      font-weight: 800;
    }

    .pricing-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 28px;
      align-items: start;
    }

    .price-card {
      position: relative;
      display: flex;
      flex-direction: column;
      min-height: 755px;
      padding: 42px 38px 38px;
      background: #fff;
      border: 1px solid rgba(227, 231, 239, .95);
      border-radius: 8px;
      box-shadow:
        0 14px 28px rgba(17, 24, 39, .06),
        0 32px 90px rgba(17, 24, 39, .14);
      transition: transform .18s ease, box-shadow .18s ease;
    }

    .price-card:hover {
      transform: translateY(-2px);
      box-shadow:
        0 16px 32px rgba(17, 24, 39, .07),
        0 36px 90px rgba(17, 24, 39, .16);
    }

    .price-card.featured {
      margin-top: 0;
      border-top: 1px solid rgba(227, 231, 239, .95);
      box-shadow:
        0 18px 40px rgba(144, 60, 218, .10),
        0 36px 100px rgba(17, 24, 39, .18);
    }

    .price-card.featured:hover {
      box-shadow:
        0 24px 50px rgba(144, 60, 218, .14),
        0 42px 110px rgba(17, 24, 39, .22);
    }

    .plan-label {
      margin: 0 0 12px;
      color: #737373;
      text-align: center;
      font-size: 26px;
      line-height: 32px;
      font-weight: 800;
      letter-spacing: -.035em;
      text-transform: none;
    }

    .price-card.featured .plan-label {
      color: #303033;
    }

    .price-card:last-child .plan-label {
      color: #303033;
    }

    .plan-pill {
      width: fit-content;
      margin: 0 auto 26px;
      padding: 7px 12px;
      border-radius: 999px;
      font-size: 12px;
      line-height: 1;
      font-weight: 700;
      letter-spacing: -.01em;
      backdrop-filter: blur(10px);
    }

    .pill-free {
      color: #6B7280;
      background: rgba(107, 114, 128, .08);
      border: 1px solid rgba(107, 114, 128, .12);
    }

    .pill-pro {
      color: #5E34A6;
      background: rgba(94, 52, 166, .08);
      border: 1px solid rgba(108, 42, 162, .16);
      box-shadow: 0 10px 24px rgba(108, 42, 162, .08);
    }

    .pill-business {
      color: #6C2AA2;
      background: rgba(108, 42, 162, .08);
      border: 1px solid rgba(161, 15, 88, .16);
    }

    .price-divider {
      width: 72px;
      height: 2px;
      margin: 24px auto 28px;
      border-radius: 999px;
      background: rgba(17,24,39,.10);
    }

    .price-card.featured .price-divider {
      background: #6C2AA2;
      box-shadow: none;
    }

    .price-card:last-child .price-divider {
      background: #A10F58;
    }

    .price-card::after {
      content: '';
      position: absolute;
      inset: 0;
      border-radius: 8px;
      background:
        radial-gradient(circle at top right, rgba(144,60,218,.045), transparent 28%);
      pointer-events: none;
    }


    .price {
      display: flex;
      justify-content: center;
      align-items: baseline;
      gap: 7px;
      color: #303033;
      letter-spacing: -.055em;
    }

    .currency {
      font-size: 30px;
      line-height: 1;
      font-weight: 800;
      letter-spacing: -.035em;
    }

    .price strong {
      font-size: 34px;
      line-height: 40px;
      font-weight: 900;
      letter-spacing: -.055em;
    }

    .price .per-month {
      margin-left: -1px;
      font-size: 30px;
      line-height: 36px;
      font-weight: 900;
      letter-spacing: -.055em;
    }

    .period {
      margin-top: 12px;
      text-align: center;
      color: #6B7280;
      font-size: 14px;
      line-height: 20px;
      font-weight: 700;
    }
.features {
    flex: 0 0 auto;
}

.features {
    gap: 13px;
}
   .features {
      gap: 13px;
    }

    .features li {
      grid-template-columns: 22px 1fr;
      gap: 11px;
      align-items: flex-start;
    }

    .features li.is-muted {
      color: #8A91A0;
    }

    .features strong {
      color: #181B24;
      font-weight: 800;
    }

    .features li.is-muted strong {
      color: #7A8190;
      font-weight: 800;
    }

    .feature-icon {
      width: 19px;
      height: 19px;
      margin-top: 2px;
      border-radius: 50%;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      flex: 0 0 auto;
    }

    .feature-icon svg {
      width: 13px;
      height: 13px;
      display: block;
    }

    .feature-icon.is-yes {
      color: #6C2AA2;
      background: rgba(108, 42, 162, .08);
    }

    .price-card[data-plan="business"] .feature-icon.is-yes {
      color: #6C2AA2;
      background: rgba(108, 42, 162, .08);
    }

    .feature-icon.is-no {
      color: #9AA1AE;
      background: #F1F3F6;
    }
    .features {
        display: grid;
    }
    .features li {
        display: grid;
    }
    .card-content {
      height: auto;
      min-height: 0;
      display: flex;
      flex-direction: column;
    }

    /* MM source-like buttons */
    .card-btn {
      width: 100%;
      height: 48px;
      margin: 28px 0 26px;
      padding: 11px 16px 13px;
      border: 1px solid #6C2AA2;
      border-radius: 8px;
      background: #6C2AA2;
      color: #fff;
      cursor: pointer;
      font-size: 15px;
      line-height: 22px;
      font-weight: 700;
      transition: background-color .15s ease-in-out, border-color .15s ease-in-out, color .15s ease-in-out;
    }

    .price-card:not(.featured) .card-btn {
      color: #6C2AA2;
      background: #fff;
      border-color: #6C2AA2;
    }

    .price-card[data-plan="business"] .card-btn {
      color: #fff;
      background: #6C2AA2;
      border-color: #6C2AA2;
    }

    .price-card[data-plan="business"] .card-btn:hover {
      color: #fff;
      background: #8143B8;
      border-color: #8143B8;
    }


    .price-card:not(.featured) .card-btn:hover {
      color: #fff;
      background: #6C2AA2;
      border-color: #6C2AA2;
    }

    .card-btn:hover {
      color: #fff;
      background: #8143B8;
      border-color: #8143B8;
    }

    .plan-desc {
      min-height: 66px;
      margin: 0 0 28px;
      text-align: center;
      color: #3D4148;
      font-size: 15px;
      line-height: 22px;
      font-weight: 400;
    }
.pill-business {
    background: #F7EAF1;
    color: #A10F58;
    border: 0;
}
.pill-pro {
    background: #F0EAFB;
    color: #6C2AA2;
    border: 0;
    box-shadow: none;
}
.pill-free {
    background: #F1F3F6;
    color: #5F6673;
    border: 0;
}
   .qa-section {
      position: relative;
      z-index: 2;
      padding: 82px 0 96px;
      background: #F5F7FA;
      color: #111827;
    }

    .qa-head {
      max-width: 760px;
      margin: 0 auto 34px;
      text-align: center;
    }

    .qa-kicker {
      width: fit-content;
      margin: 0 auto 14px;
      padding: 6px 12px;
      border-radius: 999px;
      background: #F0EAFB;
      color: #6C2AA2;
      font-size: 13px;
      line-height: 16px;
      font-weight: 800;
      letter-spacing: -.01em;
    }

    .qa-head h2 {
      margin: 0;
      color: #161B27;
      font-size: 44px;
      line-height: 50px;
      font-weight: 700;
      letter-spacing: -.055em;
    }

    .qa-head p {
      max-width: 640px;
      margin: 16px auto 0;
      color: #687083;
      font-size: 17px;
      line-height: 26px;
      font-weight: 500;
      letter-spacing: -.018em;
    }

    .faq-list {
      max-width: 920px;
      margin: 0 auto;
      display: flex;
      flex-direction: column;
      gap: 12px;
    }

    .faq-item {
      width: 100%;
      display: block;
      border: 1px solid rgba(17,24,39,.08);
      border-radius: 18px;
      background: rgba(255,255,255,.92);
      box-shadow:
        0 10px 22px rgba(17,24,39,.035),
        0 24px 60px rgba(17,24,39,.045);
      overflow: hidden;
      transition:
        transform .18s ease,
        border-color .18s ease,
        box-shadow .18s ease,
        background-color .18s ease;
    }

    .faq-item:hover {
      transform: translateY(-1px);
      border-color: rgba(108,42,162,.18);
      background: #fff;
      box-shadow:
        0 14px 30px rgba(17,24,39,.045),
        0 30px 78px rgba(17,24,39,.07);
    }

    .faq-question {
      width: 100%;
      min-height: 72px;
      padding: 22px 24px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 24px;
      border: 0;
      background: transparent;
      cursor: pointer;
      text-align: left;
      color: #171B26;
      font-family: "Onest", sans-serif;
      font-size: 18px;
      line-height: 25px;
      font-weight: 700;
      letter-spacing: -.025em;
    }

    .faq-title {
      display: block;
      flex: 1 1 auto;
      min-width: 0;
      max-width: none;
    }

    .faq-icon {
      position: relative;
      width: 32px;
      height: 32px;
      flex: 0 0 32px;
      margin-left: auto;
      border-radius: 50%;
      background: #F0EAFB;
      color: #6C2AA2;
      transition:
        transform .24s ease,
        color .18s ease,
        background-color .18s ease;
    }

    .faq-icon::before,
    .faq-icon::after {
      content: "";
      position: absolute;
      left: 50%;
      top: 50%;
      width: 13px;
      height: 2px;
      border-radius: 999px;
      background: currentColor;
      transform: translate(-50%, -50%);
      transition: opacity .18s ease, transform .24s ease;
    }

    .faq-icon::after {
      transform: translate(-50%, -50%) rotate(90deg);
    }

    .faq-question:hover .faq-icon,
    .faq-question[aria-expanded="true"] .faq-icon {
      background: #6C2AA2;
      color: #fff;
    }

    .faq-question[aria-expanded="true"] .faq-icon {
      transform: rotate(180deg);
    }

    .faq-question[aria-expanded="true"] .faq-icon::after {
      opacity: 0;
    }

    .faq-answer {
      width: 100%;
      display: block;
      overflow: hidden;
      max-height: 0;
      opacity: 0;
      transition:
        max-height .34s cubic-bezier(.2,.8,.2,1),
        opacity .22s ease;
    }

    .faq-answer.is-open {
      opacity: 1;
    }

    .faq-answer-inner {
      padding: 0 24px 24px;
    }

    .faq-answer p {
      max-width: 760px;
      margin: 0;
      color: #596173;
      font-size: 16px;
      line-height: 26px;
      font-weight: 500;
      letter-spacing: -.015em;
    }

    @media (max-width: 760px) {
      .qa-section {
        padding: 64px 0 72px;
      }

      .qa-head h2 {
        font-size: 34px;
        line-height: 40px;
      }

      .qa-head p {
        font-size: 15px;
        line-height: 23px;
      }

      .faq-question {
        min-height: 64px;
        padding: 19px 18px;
        gap: 18px;
        font-size: 16px;
        line-height: 23px;
      }

      .faq-icon {
        width: 30px;
        height: 30px;
        flex-basis: 30px;
      }

      .faq-answer-inner {
        padding: 0 18px 20px;
      }

      .faq-answer p {
        font-size: 15px;
        line-height: 24px;
      }
    }

  
    /* v41: remove trial note and move FAQ closer to pricing cards */
    .qa-section {
      padding-top: 18px;
    }

    @media (max-width: 760px) {
      .qa-section {
        padding-top: 38px;
      }
    }

@media (max-width: 991px) {
    .billing-switch {
        margin-left: auto;
        margin-right: auto;
        flex: 0 0 auto;
    }
    .billing-discount {
        display:none;
    }
}
@media (max-width: 640px) {
    .billing-option {
        padding: 9px 13px;
        font-size: 14px;
    }
}
@media (max-width: 991px) {
    .pricing-grid {
        max-width: 520px;
        margin: 0 auto;
        grid-template-columns: 1fr;
    }
}
.card-btn:disabled {
    pointer-events:none;
    opacity: 0.6;
}