.page-faq { padding: 90px 0; border-top: 1px solid var(--line); background: #020b1b; }
.page-faq-layout { display: grid; grid-template-columns: .72fr 1.28fr; gap: 75px; }
.page-faq-heading h2 { font-size: clamp(40px, 5vw, 66px); }
.page-faq-heading p { color: var(--muted); line-height: 1.7; }
.page-faq-list { border-top: 1px solid var(--line); }
.page-faq-list details { border-bottom: 1px solid var(--line); }
.page-faq-list summary { position: relative; padding: 24px 48px 24px 0; cursor: pointer; list-style: none; font: 700 18px Syne, sans-serif; }
.page-faq-list summary::-webkit-details-marker { display: none; }
.page-faq-list summary::after { content: "+"; position: absolute; top: 17px; right: 4px; color: var(--green); font: 400 29px DM Sans, sans-serif; transition: transform .2s; }
.page-faq-list details[open] summary::after { transform: rotate(45deg); }
.page-faq-list details p { margin: 0 0 18px; padding: 18px 48px 18px 20px; color: #d6e0eb; font-size: 16px; line-height: 1.7; background: rgba(13, 75, 120, .16); border-left: 3px solid var(--green); }
@media (max-width: 800px) { .page-faq-layout { grid-template-columns: 1fr; gap: 35px; } }
@media (max-width: 600px) { .page-faq { padding: 65px 0; } .page-faq-list summary { font-size: 16px; } }