/* =========================================
   FAQ SECTION
========================================= */
.faq-grid {
  max-width: 860px; margin: 52px auto 0;
}
.faq-item {
  border: 1px solid var(--border);
  background: var(--dark3);
  margin-bottom: 8px;
  transition: border-color 0.3s;
}
.faq-item.open { border-color: rgba(0,220,225,0.4); }
.faq-q {
  padding: 20px 24px;
  display: flex; align-items: center; justify-content: space-between;
  cursor: pointer; gap: 16px;
  user-select: none;
}
.faq-q-text {
  font-size: 15px; font-weight: 600; color: var(--text);
  line-height: 1.4;
}
.faq-icon {
  width: 28px; height: 28px; flex-shrink: 0;
  border: 1px solid var(--border);
  display: flex; align-items: center; justify-content: center;
  font-size: 12px; color: var(--cyan);
  transition: all 0.3s;
}
.faq-item.open .faq-icon { background: var(--cyan); color: #000; border-color: var(--cyan); transform: rotate(45deg); }
.faq-a {
  max-height: 0; overflow: hidden;
  transition: max-height 0.38s ease, padding 0.3s;
  font-size: 14px; color: var(--text2); line-height: 1.85;
  padding: 0 24px;
}
.faq-item.open .faq-a { max-height: 300px; padding: 0 24px 20px; }