/* ══════════════════════════════
       SECTION
    ══════════════════════════════ */
    .faq-section {
      padding: 92px 0 88px;
      background: #f2f3f8;
      position: relative;
      overflow: hidden;
    }

    /* Subtle decorative shapes */
    .faq-section::before {
      content: '';
      position: absolute;
      width: 400px; height: 400px;
      border-radius: 50%;
      background: radial-gradient(circle, rgba(255, 102, 0, 0.06), transparent 70%);
      top: -120px; right: -80px;
      pointer-events: none;
    }
    .faq-section::after {
      content: '';
      position: absolute;
      width: 300px; height: 300px;
      border-radius: 50%;
      background: radial-gradient(circle, rgba(11, 118, 232, 0.05), transparent 70%);
      bottom: -80px; left: -60px;
      pointer-events: none;
    }

    /* ══════════════════════════════
       HEADER
    ══════════════════════════════ */
    .section-eyebrow {
 
      font-size: .68rem;
      font-weight: 700;
      letter-spacing: .22em;
      text-transform: uppercase;
      color: #ed952b;
      margin-bottom: .5rem;
    }

    .section-title {
    
      font-size: clamp(1.85rem, 4vw, 2.7rem);
      font-weight: 800;
      color: #131320;
      line-height: 1.15;
      margin-bottom: .7rem;
    }
    .section-title .accent { color: #ed952b; }

    .section-divider {
      width: 52px; height: 4px;
      border-radius: 4px;
      background: linear-gradient(90deg, #ed952b, #007BFF);
      margin: 0 auto 1rem;
    }

    .section-sub {
      font-size: 1rem;
      color: #9090aa;
      max-width: 520px;
      margin: 0 auto;
      line-height: 1.7;
    }

    /* ══════════════════════════════
       FAQ ITEM
    ══════════════════════════════ */
    .faq-list { max-width: 780px; margin: 0 auto; }

    .faq-item {
      background: #ffffff;
      border: 1.5px solid #e3e4ef;
      border-radius: 14px;
      margin-bottom: .85rem;
      box-shadow: 0 2px 10px rgba(0,0,0,.045);
      overflow: hidden;
      transition: border-color .25s, box-shadow .25s;
    }
    .faq-item.open {
      border-color: rgba(255,102,0,.35);
      box-shadow: 0 6px 24px rgba(255,102,0,.1);
    }

    /* Question row */
    .faq-question {
      display: flex;
      align-items: center;
      gap: 1rem;
      padding: 1.15rem 1.4rem;
      cursor: pointer;
      user-select: none;
      transition: background .22s;
    }
    .faq-question:hover { background: rgba(255,102,0,.07); }
    .faq-item.open .faq-question { background: rgba(255,102,0,.07); }

    /* Icon chip */
    .q-icon {
      flex-shrink: 0;
      width: 38px; height: 38px;
      border-radius: 10px;
      display: flex; align-items: center; justify-content: center;
      font-size: 1rem;
      background: rgba(255,102,0,.07);
      color: #ed952b;
      transition: background .22s, transform .22s;
    }
    .faq-item.open .q-icon {
      background: #ed952b;
      color: #fff;
      transform: scale(1.05);
    }

    /* Question text */
    .q-text {
      flex: 1;
      font-size: 1rem;
      font-weight: 600;
      color: #131320;
      line-height: 1.4;
      transition: color .2s;
    }
    .faq-item.open .q-text { color: #ed952b; }

    /* Toggle icon */
    .q-toggle {
      flex-shrink: 0;
      width: 32px; height: 32px;
      border-radius: 50%;
      border: 1.5px solid #e3e4ef;
      display: flex; align-items: center; justify-content: center;
      color: #9090aa;
      font-size: .9rem;
      transition: background .22s, border-color .22s, color .22s, transform .3s;
    }
    .faq-item.open .q-toggle {
      background: #ed952b;
      border-color: #ed952b;
      color: #fff;
      transform: rotate(45deg);
    }

    /* Answer panel */
    .faq-answer {
      max-height: 0;
      overflow: hidden;
      transition: max-height .38s cubic-bezier(.22,1,.36,1), padding .3s;
    }
    .faq-answer.open { max-height: 600px; }

    .faq-answer-inner {
      padding: 0 1.4rem 1.4rem 4rem;
      font-size: .93rem;
      color: #44445a;
      line-height: 1.78;
    }

    /* Answer highlight chips */
    .a-chip {
      display: inline-flex;
      align-items: center;
      gap: .35rem;
      font-size: .72rem;
      font-weight: 600;
      padding: .22rem .7rem;
      border-radius: 50px;
      background: rgba(255,102,0,.07);
      color: #ed952b;
      border: 1px solid rgba(255,102,0,.18);
      margin: .5rem .3rem 0 0;
    }

    /* Divider inside answer */
    .a-divider {
      border: none;
      border-top: 1px solid #e3e4ef;
      margin: .9rem 0;
    }

    /* ══════════════════════════════
       STILL HAVE QUESTIONS CTA
    ══════════════════════════════ */
    .faq-cta {
      max-width: 780px;
      margin: 2.2rem auto 0;
      background: linear-gradient(135deg, #ed952b, #ff8c00);
      border-radius: 18px;
      padding: 2rem 2.4rem;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 1.5rem;
      flex-wrap: wrap;
      box-shadow: 0 10px 45px #ed952b;
    }

    .faq-cta-text h4 {
     
      font-size: 1.15rem;
      font-weight: 800;
      color: #fff;
      margin-bottom: .3rem;
    }
    .faq-cta-text p {
      font-size: .88rem;
      color: rgba(255,255,255,.8);
      margin: 0;
    }

    .btn-faq-cta {
      
      font-weight: 700;
      font-size: .88rem;
      padding: .7rem 1.8rem;
      border-radius: 10px;
      background: #fff;
      color: #ed952b;
      border: none;
      text-decoration: none;
      display: inline-flex;
      align-items: center;
      gap: .5rem;
      white-space: nowrap;
      transition: transform .2s, box-shadow .2s;
    }
    .btn-faq-cta:hover {
      transform: translateY(-2px);
      box-shadow: 0 8px 20px rgba(0,0,0,.15);
      color: #ed952b;
    }

    /* ══════════════════════════════
       SCROLL REVEAL
    ══════════════════════════════ */
    [data-reveal] {
      opacity: 0;
      transform: translateY(20px);
      transition: opacity .55s cubic-bezier(.22,1,.36,1), transform .55s cubic-bezier(.22,1,.36,1);
    }
    [data-reveal].revealed { opacity: 1; transform: translateY(0); }
    [data-reveal-delay="1"] { transition-delay: .1s; }
    [data-reveal-delay="2"] { transition-delay: .18s; }

    @media (max-width: 767px) {
      .faq-section { padding: 64px 0 60px; }
      .faq-answer-inner { padding-left: 1.4rem; }
      .faq-cta { padding: 1.5rem; }
    }