.faq-page{ padding:40px 0 80px; }
.faq-hero{ text-align:center; padding:32px 0 16px; }
.faq-hero h1{ font-size:36px; font-weight:800; margin-bottom:12px; }
.faq-hero p{ font-size:17px; color:#c9d2f5; max-width:720px; margin:0 auto; }
.faq-layout{ display:grid; grid-template-columns:260px minmax(0, 1fr); gap:32px; margin-top:32px; }
.faq-nav{ align-self:flex-start; position:sticky; top:96px; font-size:14px; padding-top:8px; }
.faq-nav__title{ font-size:13px; letter-spacing:.18em; text-transform:uppercase; color:#8aa1ff; margin-bottom:12px; }
.faq-nav ul{ list-style:none; padding:0; margin:0; }
.faq-nav li{ margin-bottom:6px; }
.faq-nav a{ color:#c7cee5; text-decoration:none; display:block; padding:6px 0; }
.faq-nav a:hover{ color:#ffffff; }
.faq-sections{ display:flex; flex-direction:column; gap:32px; }
.faq-section{ padding:24px 24px 20px; border-radius:20px; background:rgba(16,20,38,.94); border:1px solid rgba(255,255,255,.08); }
.faq-section h2{ font-size:20px; font-weight:700; margin:0 0 8px; }
.faq-section p.faq-section__summary{ color:#c7cee5; margin:0 0 14px; }
.faq-list{ margin:0; padding:0; list-style:none; }
.faq-item + .faq-item{ margin-top:12px; padding-top:12px; border-top:1px solid rgba(255,255,255,.06); }
.faq-question{ font-weight:600; margin-bottom:4px; }
.faq-answer{ color:#c7cee5; font-size:14px; }
@media (max-width:900px){
  .faq-layout{ grid-template-columns:1fr; }
  .faq-nav{ position:static; display:flex; overflow-x:auto; padding-bottom:4px; }
  .faq-nav ul{ display:flex; gap:16px; }
  .faq-nav li{ margin-bottom:0; }
  .faq-nav a{ white-space:nowrap; padding:4px 0; }
}
@media (max-width:640px){
  .faq-hero h1{ font-size:30px; }
}