.faq{background:#000;color:#fff;padding:clamp(56px,8vw,124px) var(--pad-x) clamp(56px,8vw,120px)}
.faq__title{max-width:620px;margin:0 auto clamp(30px,4vw,48px);text-align:center;font-size:clamp(24px,2.9vw,34px);font-weight:700;letter-spacing:-.015em;line-height:1.2}
.faq__list{max-width:852px;margin:0 auto;display:flex;flex-direction:column;gap:9px}
.faq__item{background:#030303;border-radius:13px;transition:border-color .2s}
.faq__item:hover,.faq__item[open]{border-color:#333}
.faq__item summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:76px;border-radius:13px}
.faq__item summary::-webkit-details-marker{display:none}
.faq__item summary:focus-visible{outline:2px solid var(--red);outline-offset:2px}
.faq__q{margin:0;font-size:clamp(14px,1.25vw,16px);font-weight:500;line-height:1.4}
.faq__item summary::after{content:"";flex:none;width:8px;height:8px;margin:-4px 4px 0 0;border-right:1.5px solid #8a8a8a;border-bottom:1.5px solid #8a8a8a;transform:rotate(45deg);transition:transform .25s,margin .25s,border-color .2s}
.faq__item[open] summary::after{transform:rotate(-135deg);margin-top:4px;border-color:#fff}
.faq__a{margin:0;max-width:72ch;font-size:clamp(14px,1.1vw,16px);line-height:1.75;font-weight:500;color:#cfcfcf}

@media(prefers-reduced-motion:reduce){.faq__item,.faq__item summary::after{transition:none}}