.faq-wrap { max-width: 720px; margin: 0 auto; padding: 26px 20px 60px; }
.faq-head h1 { font-size: clamp(30px, 4vw, 40px); margin: 18px 0 10px; }
.faq-intro { color: rgba(232,228,240,0.65); font-size: 16.5px; line-height: 1.6; margin: 0 0 34px; }
.faq-item { margin: 0 0 30px; padding: 22px 24px; border: 1px solid rgba(201,182,236,0.16); border-radius: 14px; background: rgba(28,21,48,0.35); }
.faq-item h2 { font-size: 19px; margin: 0 0 10px; color: #e9dcff; }
.faq-item p { margin: 0 0 10px; line-height: 1.62; color: rgba(232,228,240,0.85); font-size: 15.5px; }
.faq-links a { color: #c9b6ec; text-decoration: none; font-size: 14px; margin-right: 16px; }
.faq-links a:hover { color: #e9dcff; }

                                                                                                
  
                                                                                                   
                                                                                                   
             
  
                                                                                              
                                                                                                  
                                                                              
  
                                                                                                  
                                                                                                   
                                                                                    
  
                                                                                                   
                                                                                                  
                                                                                                 
                                                                                            
                                                                                                 
                                                                                                 
                                                                                                   
                                                                            
                                                                                                   
                                                                                                
                                                                
                                                                                                    
                                                                           
  
                                                                                                 
                                                                                           
.faq-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 22px;
  align-items: center;
  padding: 26px 28px;
  text-decoration: none;
  color: inherit;
  transition: border-color .2s ease, background-color .2s ease, transform .2s cubic-bezier(.16, 1, .3, 1);
                                                                                                  
                                                                                        
                                                                                                 
                                                                                                 
                                                                                          
                                                                
  animation: faq-row-in .5s cubic-bezier(.16, 1, .3, 1) backwards;
  animation-delay: calc(var(--i, 0) * 60ms);
}
@keyframes faq-row-in {
  from { opacity: 0; transform: translateY(10px); filter: blur(4px); }
  to   { opacity: 1; transform: none; filter: blur(0); }
}
.faq-row:hover, .faq-row:focus-visible {
  border-color: rgba(201, 182, 236, .38);
  background: rgba(38, 28, 64, .5);
  transform: translateY(-1px);
}
.faq-row:active { transform: translateY(0) scale(.995); transition-duration: .1s; }
.faq-row:focus-visible { outline: 2px solid #c9b6ec; outline-offset: 3px; }

.faq-row-main { display: block; min-width: 0; }
.faq-row h2 {
  font-size: 22px;
  line-height: 1.32;
  letter-spacing: -.012em;
  margin: 0;
  color: #e4dbf6;
                                                                                            
                                                                                               
                                                                                              
                                                                                       
  text-wrap: balance;
  transition: color .2s ease;
}
.faq-row:hover h2, .faq-row:focus-visible h2 { color: #f4efff; }

                                                                                           
  
                                                                                               
                                                                                                 
                                                                                            
                                                                                                   
                                                                                            
.faq-row .faq-row-src {
                                                                                                
                                                                                                 
                                                    
  margin: 15px 0 0;
  font-size: 13px;
  line-height: 1.45;
  letter-spacing: .012em;
  color: rgba(232, 228, 240, .44);
                                                                            
  text-wrap: pretty;
  transition: color .2s ease;
}
.faq-row:hover .faq-row-src, .faq-row:focus-visible .faq-row-src { color: rgba(232, 228, 240, .62); }

.faq-row-go {
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  width: 26px;
  height: 26px;
  border: 1px solid rgba(201, 182, 236, .45);
  border-radius: 50%;
  color: #e9dcff;
  transition: transform .28s cubic-bezier(.16, 1, .3, 1), border-color .18s ease;
}
.faq-row-go svg { width: 13px; height: 13px; display: block; }
.faq-row:hover .faq-row-go, .faq-row:focus-visible .faq-row-go {
  border-color: #c9b6ec;
  transform: translate(2px, -2px);
}

@media (prefers-reduced-motion: reduce) {
  .faq-row { animation: none; transition: none; }
  .faq-row-go, .faq-row h2, .faq-row-src { transition: none; }
}