/* ===== FAQ Container ===== */
.faq-container{max-width:900px;margin:0 auto;padding:0 24px 80px}
.faq-lead{font-size:14px;color:var(--gray-500);margin-bottom:48px}

/* ===== FAQ Section ===== */
.faq-section{margin-bottom:40px;padding: 80px 0 120px;}
.faq-section-title{font-size:18px;font-weight:700;padding-bottom:10px;margin-bottom:20px;border-bottom:2px solid var(--accent);color:var(--accent)}

/* ===== FAQ Item ===== */
.faq-item{margin-bottom:20px;border:1px solid var(--gray-200);border-radius:12px;overflow:hidden}
.faq-question{font-size:15px;font-weight:700;padding:18px 20px;background:var(--gray-100);cursor:pointer;display:flex;align-items:flex-start;gap:12px}
.faq-question::before{content:"Q";display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--accent);color:#fff;border-radius:6px;font-size:13px;font-weight:700;flex-shrink:0}
.faq-answer{font-size:14px;padding:16px 20px 20px 60px;color:var(--gray-600);line-height:1.9}
.faq-answer a{color:var(--accent);text-decoration:underline}

/* ===== FAQ CTA ===== */
.faq-cta{text-align:center;margin-top:56px;padding:40px;background:var(--gray-100);border-radius:var(--radius);border:1px solid var(--gray-200)}
.faq-cta h2{font-size:20px;font-weight:700;margin-bottom:12px}
.faq-cta p{font-size:14px;color:var(--gray-500);margin-bottom:20px}
.faq-cta a{display:inline-block;padding:14px 36px;background:var(--accent);color:#fff;text-decoration:none;border-radius:10px;font-weight:700;font-size:14px;transition:opacity .2s}
.faq-cta a:hover{opacity:.85}

/* ===== Responsive ===== */
@media(max-width:768px){
  .faq-container{padding:0 16px 60px}
  .faq-question{font-size:14px;padding:14px 16px}
  .faq-answer{padding:12px 16px 16px 48px;font-size:13px}
  .faq-cta{padding:28px 20px}
}
