.faq-sect {
  background: var(--white); padding: 96px 56px;
  border-top: 1px solid #EEF2F7;
}
.faq-inner { max-width: 820px; margin: 0 auto; }
.faq-header { text-align: center; margin-bottom: 48px; }
.faq-eyebrow {
  display: inline-flex; align-items: center; gap: 7px;
  background: rgba(30,160,71,.09); border: 1px solid rgba(30,160,71,.22);
  border-radius: 100px; padding: 5px 14px;
  font-size: 11px; font-weight: 800; color: #166534; letter-spacing: .8px;
  text-transform: uppercase; margin-bottom: 18px;
}
.faq-title {
  font-size: clamp(26px, 3vw, 38px); font-weight: 900;
  color: var(--navy); letter-spacing: -.5px; line-height: 1.2;
}
.faq-title em { font-style: normal; color: #1EA047; }
.faq-item {
  border: 1.5px solid #E8EFF6; border-radius: 14px;
  margin-bottom: 10px; overflow: hidden;
  transition: border-color .25s, box-shadow .25s;
}
.faq-item.open { border-color: rgba(30,160,71,.3); box-shadow: 0 4px 18px rgba(30,160,71,.08); }
.faq-q {
  display: flex; align-items: center; justify-content: space-between; gap: 14px;
  padding: 20px 22px; cursor: pointer;
  font-size: 15px; font-weight: 700; color: var(--navy); line-height: 1.45;
  background: white; user-select: none; transition: background .2s;
}
.faq-item.open .faq-q { background: #F8FDF9; color: #1EA047; }
.faq-icon {
  width: 28px; height: 28px; border-radius: 50%; flex-shrink: 0;
  background: #F0F4F8; border: 1.5px solid #E4EBF2;
  display: flex; align-items: center; justify-content: center;
  transition: all .3s cubic-bezier(.34,1.1,.64,1);
}
.faq-item.open .faq-icon { background: #1EA047; border-color: #1EA047; transform: rotate(45deg); }
.faq-icon svg { width: 12px; height: 12px; stroke: #5A6F84; fill: none; stroke-width: 2.5; stroke-linecap: round; transition: stroke .2s; }
.faq-item.open .faq-icon svg { stroke: white; }
.faq-a {
  max-height: 0; overflow: hidden;
  transition: max-height .35s cubic-bezier(.25,.46,.45,.94), padding .3s;
  padding: 0 22px;
}
.faq-item.open .faq-a { max-height: 600px; padding: 0 22px 20px; }
.faq-a p { font-size: 14px; line-height: 1.8; color: var(--text-l); border-top: 1px solid #EEF2F7; padding-top: 16px; }
.faq-a p strong { color: var(--navy); font-weight: 700; }
/* ══════════════════════════════════════
  RESPONSIVE — Tất cả thiết bị
  ══════════════════════════════════════ */

/* ── Tablet ngang 900–1023px ── */
@media (max-width: 1023px) and (min-width: 900px) {
  nav { padding: 0 28px; }
  .hero-left  { padding: 32px 32px 28px; }
  .hero-form-wrap { padding: 20px 28px; }
  .result-inline { padding: 20px 28px; }
  .ps { padding: 0 12px; font-size: 11.5px; }
  .ps-div { width: 20px; }
  .prog-bar { height: 44px; }
  .testi-sect { padding: 56px 28px; }
  .faq-sect  { padding: 56px 28px; }
}