/* ─── FAQ ─── */
.faq { padding: 100px 48px; max-width: 860px; margin: 0 auto; }
.faq-list { margin-top: 48px; display: flex; flex-direction: column; gap: 2px; }
.faq-item { border: 1px solid var(--border); border-radius: 4px; overflow: hidden; }
.faq-q {
  width: 100%; background: var(--surface); border: none; color: var(--white);
  font-family: var(--font-body); font-size: 15px; font-weight: 600;
  padding: 20px 24px; text-align: left; cursor: pointer;
  display: flex; justify-content: space-between; align-items: center; gap: 16px;
  transition: background 0.2s;
}
.faq-q:hover { background: #20232a; }
.faq-q .faq-icon { color: var(--amber); font-size: 22px; flex-shrink: 0; transition: transform 0.3s; line-height:1; }
.faq-item.open .faq-icon { transform: rotate(45deg); }
.faq-a {
  max-height: 0; overflow: hidden; transition: max-height 0.35s ease, padding 0.35s ease;
  background: var(--dark); color: #b0b3b8; font-size: 14px; line-height: 1.7;
  padding: 0 24px;
}
.faq-item.open .faq-a { max-height: 300px; padding: 16px 24px 20px; }