/* RSH AI landing - FAQ section. Collapsed rows, same glass language as the waitlist card. */
.faq { width: min(560px, 100%); padding-bottom: clamp(28px, 5vh, 56px); }
/* FAQ demoted into the left column, directly under the Nexa card, same width */
.faq-in-col { width: min(560px, 100%); margin: 0; padding-bottom: 0; }
.faq-card {
  display: flex; flex-direction: column; gap: 4px;
  flex: 1; /* fill the column half; collapsed head centers, open list flows from top */
  justify-content: center;
  padding: 22px 24px;
  border-radius: 20px;
  background: var(--glass-tint);
  border: 1px solid var(--glass-border);
  box-shadow: 0 18px 44px var(--glass-shadow), inset 0 1px 0 var(--glass-spec);
  backdrop-filter: blur(14px) saturate(1.15);
  -webkit-backdrop-filter: blur(14px) saturate(1.15);
}
.faq-head {
  display: flex; align-items: center; justify-content: space-between; gap: 14px;
  cursor: pointer; list-style: none; user-select: none;
}
.faq-head::-webkit-details-marker { display: none; }
.faq-card h2 { font-size: 24px; font-weight: 600; letter-spacing: -0.02em; line-height: 1.15; }
.faq-hint { font-size: 15px; font-weight: 500; color: var(--ink-40); transition: color 0.2s ease; }
.faq-head:hover .faq-hint { color: var(--ink-60); }
.faq-chev.head { width: 10px; height: 10px; margin-right: 4px; }
.faq-card[open] { justify-content: flex-start; } /* opened: items flow from the top */
.faq-card[open] > .faq-head { margin-bottom: 10px; }
.faq-card[open] > .faq-head .faq-chev { transform: rotate(225deg); border-color: var(--blue); }
.faq-item { border-top: 1px solid var(--hairline); animation: faq-open 0.3s ease; }
.faq-item:first-of-type { border-top: 0; }
.faq-item summary {
  display: flex; align-items: center; justify-content: space-between; gap: 14px;
  padding: 13px 2px;
  font-size: 14.5px; font-weight: 500; color: var(--ink-60);
  cursor: pointer; list-style: none; user-select: none;
  transition: color 0.2s ease;
}
.faq-item summary::-webkit-details-marker { display: none; }
.faq-item summary:hover, .faq-item[open] summary { color: var(--ink); }
.faq-chev {
  flex: none; width: 8px; height: 8px;
  border-right: 1.6px solid var(--ink-40);
  border-bottom: 1.6px solid var(--ink-40);
  transform: rotate(45deg);
  transition: transform 0.25s ease, border-color 0.2s ease;
}
.faq-item[open] .faq-chev { transform: rotate(225deg); border-color: var(--blue); }
.faq-item p {
  padding: 0 2px 14px;
  font-size: 14px; line-height: 1.6; color: var(--ink-60);
  max-width: 54ch;
  animation: faq-open 0.3s ease;
}
@keyframes faq-open { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .faq-item p { animation: none; } }