.billing-wrap{position:relative;display:grid;grid-template-columns:1fr 1fr;width:clamp(220px,16vw,300px);margin:0 auto;padding:clamp(4px,.3vw,6px);background:#f1f1f1;border-radius:clamp(13px,.8vw,18px);}.billing-pill{position:absolute;top:clamp(4px,.3vw,6px);left:clamp(4px,.3vw,6px);width:calc(50% - clamp(4px,.3vw,6px));height:calc(100% - clamp(8px,.6vw,12px));background:#000;border-radius:clamp(10px,.65vw,14px);transition:transform .38s cubic-bezier(.22,1,.36,1),width .3s ease;z-index:0;box-shadow:0 2px 8px rgba(0,0,0,.10);}.billing-wrap.is-year .billing-pill{transform:translateX(100%);}.billing-option{position:relative;z-index:1;border:none;outline:none;background:transparent;padding:clamp(10px,.75vw,15px) clamp(12px,1vw,20px);font-family:'Inter',Arial,sans-serif;font-size:clamp(14px,.9vw,18px);font-weight:500;line-height:1;color:#777;cursor:pointer;transition:color .3s ease,transform .2s ease;white-space:nowrap;}.billing-option.active{color:#fff;}.billing-option:active{transform:scale(.97);}.billing-year{display:flex;align-items:center;justify-content:center;gap:clamp(5px,.35vw,7px);}.billing-discount{display:inline-flex;align-items:center;justify-content:center;padding:clamp(3px,.2vw,4px) clamp(5px,.35vw,7px);background:#B9FF69;color:#000;border-radius:999px;font-size:clamp(9px,.6vw,12px);font-weight:700;line-height:1;transition:transform .3s ease,opacity .3s ease;}.billing-wrap.is-year .billing-discount{transform:scale(1.05);}@media (min-width:961px) and (max-width:1800px){.billing-wrap{width:250px;padding:5px;border-radius:14px;}.billing-pill{top:5px;left:5px;width:calc(50% - 5px);height:calc(100% - 10px);border-radius:11px;}.billing-option{padding:12px 8px;font-size:15px;}.billing-year{gap:5px;}.billing-discount{font-size:10px;padding:3px 5px;}}@media (max-width:960px){.billing-wrap{width:210px;padding:3px;border-radius:10px;}.billing-pill{top:3px;left:3px;width:calc(50% - 4px);height:calc(100% - 8px);border-radius:7px;}.billing-option{padding:10px 6px;font-size:14px;}.billing-year{gap:5px;}.billing-discount{font-size:9px;padding:3px 5px;}}
* { box-sizing: border-box; margin: 0; padding: 0; }

  .faq-wrap {
    padding: 2rem clamp(1rem, 3vw, 3rem);
    max-width: 1750px;
    width: 100%;
    margin: 0 auto;
  }
  .faq-item {
    border-radius: 16px;
    overflow: hidden;
    margin-bottom: 12px;
    background: #f3f3f3;
  }
  .faq-btn {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 22px 28px;
    background: none;
    border: none;
    cursor: pointer;
    text-align: left;
    font-family: sans-serif;
  }
  .faq-question {
    font-size: 24px;
    font-weight: 500;
    color: #111;
    flex: 1;
  }
  .faq-icon {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: linear-gradient(135deg, #6B85E5 0%, #8A33AA 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: transform 0.35s cubic-bezier(.4,0,.2,1);
  }
  .faq-item.open .faq-icon {
    transform: rotate(45deg);
  }
  .faq-body {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 0.38s cubic-bezier(.4,0,.2,1);
  }
  .faq-item.open .faq-body {
    grid-template-rows: 1fr;
  }
  .faq-inner {
    overflow: hidden;
  }
  .faq-answer {
    padding: 0 28px 24px;
    font-size: 18px;
    line-height: 1.7;
    color: #555;
  }
  .faq-link {
    color: #7846C8;
    font-weight: 500;
    text-decoration: underline;
    text-underline-offset: 4px;
    text-decoration-thickness: 1.5px;
    transition: color 0.2s ease;
    cursor: pointer;
  }
    
  .faq-link:hover {
    color: #5424A0;
    text-decoration-thickness: 2px;
  }
    
  .faq-link:focus-visible {
    outline: 2px solid #7846C8;
    outline-offset: 4px;
    border-radius: 3px;
  }
  @media (max-width: 768px) {
  .faq-question {
    font-size: 18px;
  }
  .faq-answer {
    font-size: 14px;
  }
}
.gradient .content span {
    background: linear-gradient(270deg, #98E79F, #9AD150, #4CD19E, #8CC61D, #4BEDAF);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    padding-right: 0.08em;     
    margin-right: -0.08em;     
    animation: dbm-animation 4s ease infinite;
    background-size: 420% 200%; 
}

@keyframes dbm-animation {
   0% { background-position: 0% center; }
   50% { background-position: 50% center; }
   100% { background-position: 0% center; }
}