#faq.faq-section{display:block;padding-top:72px;padding-bottom:100px;max-width:940px}
#faq>.faq-heading{text-align:center;max-width:600px;margin:0 auto 40px}
#faq .eyebrow{display:inline-flex;align-items:center;gap:12px;padding:6px 12px;margin-bottom:20px;border:1px solid #ffffff0c;border-radius:30px;background:#ffffff05;color:#c3c3b9;font-size:11px;font-weight:500;letter-spacing:.03em}
#faq .eyebrow:after{content:'↗';color:var(--yellow);font-size:14px}
#faq h2{font-size:clamp(32px,3.3vw,44px);line-height:1.16;letter-spacing:-1.4px;font-weight:550}
#faq .faq-list{margin:0;display:grid;gap:10px}
#faq .faq-list details{background:#111212;border:1px solid transparent;border-radius:10px;overflow:hidden;transition:border-color .3s,background .3s}
#faq .faq-list details[open]{border-color:#f4ce2152;background:#131411}
#faq .faq-list summary{display:flex;justify-content:space-between;align-items:center;gap:24px;list-style:none;cursor:pointer;min-height:65px;padding:19px 22px;font-size:15px;font-weight:550;line-height:1.6}
#faq summary::-webkit-details-marker{display:none}
#faq summary>span:first-child{min-width:0}
#faq summary>span:last-child{position:relative;flex:0 0 18px;width:18px;height:18px;font-size:0;color:#c4c7bf;transform:none}
#faq summary>span:last-child:before,#faq summary>span:last-child:after{content:'';position:absolute;left:1px;top:8px;width:16px;height:1.5px;background:currentColor;transition:transform .3s,color .3s}
#faq summary>span:last-child:after{transform:rotate(90deg)}
#faq details[open] summary>span:last-child{transform:none;color:var(--yellow)}
#faq details[open] summary>span:last-child:after{transform:rotate(0)}
#faq .faq-list details p{margin:0;padding:0 56px 22px 22px;font-size:14px;line-height:1.8;font-weight:400;color:#acb0a8;max-width:none}
#faq summary:hover{color:#f4ce21}
#faq summary:focus-visible{outline-offset:-5px;border-radius:10px}
@media(max-width:600px){
  #faq.faq-section{padding-top:42px;padding-bottom:65px}
  #faq>.faq-heading{margin-bottom:28px}
  #faq h2{font-size:34px;letter-spacing:-1px}
  #faq .eyebrow{font-size:10px;margin-bottom:16px}
  #faq .faq-list{gap:8px}
  #faq .faq-list summary{padding:17px 16px;min-height:64px;font-size:14px;gap:16px}
  #faq .faq-list details p{padding:0 16px 20px;font-size:13px;line-height:1.8}
}
@media(prefers-reduced-motion:reduce){#faq details,#faq summary>span:last-child:before,#faq summary>span:last-child:after{transition:none}}
