.faq-hero{position:relative;overflow:hidden;padding:92px 0 56px;border-bottom:1px solid var(--line);background:radial-gradient(circle at 82% 10%,rgba(145,59,255,.16),transparent 32%),radial-gradient(circle at 6% 90%,rgba(75,168,238,.14),transparent 30%),linear-gradient(180deg,#fbfaff,#fff)}
.faq-hero h1{max-width:820px;margin:0 0 20px;font-size:clamp(2.6rem,4.6vw,4.2rem)}
.faq-hero h1 span{background:linear-gradient(100deg,#752cf2,#e60dd5);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;padding-right:.08em}
.faq-hero>.container>p{max-width:660px;margin:0;font-size:1.08rem;line-height:1.7;color:var(--muted,#686a78)}
.faq-hero>.container>p a{color:var(--violet);font-weight:700}

.faq-body{padding:70px 0 110px}
.faq-columns{display:grid;grid-template-columns:220px minmax(0,1fr);gap:70px;align-items:start}
.faq-jump{position:sticky;top:110px;display:flex;flex-direction:column;gap:4px;padding:14px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--shadow-sm)}
.faq-jump a{padding:9px 10px;border-radius:10px;color:#5a5964;font-size:17px;font-weight:600;transition:background .15s,color .15s}
.faq-jump a:hover{color:var(--violet);background:var(--soft)}

.faq-group{margin-bottom:56px;scroll-margin-top:110px}
.faq-group:last-child{margin-bottom:0}
.faq-group h2{margin:0 0 6px;font-size:1.5rem}

@media (max-width:900px){
  .faq-columns{grid-template-columns:1fr;gap:30px}
  .faq-jump{position:static;flex-direction:row;flex-wrap:wrap;gap:8px;border:0;box-shadow:none;padding:0;background:none}
  .faq-jump a{padding:7px 12px;border:1px solid var(--line);border-radius:99px;background:#fff}
}
@media (max-width:650px){
  .faq-hero{padding:64px 0 40px}
  .faq-body{padding:48px 0 78px}
}