.faq-page{display:block}

.faq-hero{position:relative;min-height:80vh;display:flex;align-items:center}
.faq-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.faq-hero-overlay{position:absolute;inset:0;background:linear-gradient(to right,rgba(24,27,31,0.9),rgba(24,27,31,0.4))}
.faq-hero-inner{position:relative;display:flex}
.faq-hero-text{max-width:520px;display:flex;flex-direction:column;gap:var(--space-4)}

.faq-intro{display:flex;justify-content:center}
.faq-intro-text{max-width:700px;text-align:center}

.faq-category{padding-top:var(--space-6);padding-bottom:var(--space-6)}
.faq-category .container{display:flex;flex-direction:column;align-items:center;gap:var(--space-5)}
.faq-accordion{width:100%;max-width:800px;display:flex;flex-direction:column;gap:var(--space-3)}

.faq-item{border:var(--border-thin);background:rgba(28,32,36,0.6);backdrop-filter:blur(10px);border-radius:var(--radius-1);overflow:hidden}
.faq-question{width:100%;text-align:left;padding:var(--space-4);font-size:var(--fs-5);color:var(--color-neutral-light);display:flex;justify-content:space-between}
.faq-question:hover{box-shadow:0 0 0 1px var(--color-accent-secondary),0 0 12px rgba(140,91,60,0.2)}
.faq-answer{max-height:0;overflow:hidden;transition:max-height 0.35s ease,opacity 0.3s ease;opacity:0}
.faq-answer p{padding:0 var(--space-4) var(--space-4)}
.faq-item.active .faq-answer{max-height:300px;opacity:1}

.faq-with-image .container{align-items:center}
.faq-image{width:100%;max-width:900px;border-radius:0}

.faq-cta{background:var(--color-surface-secondary);padding:var(--space-7) 0}
.faq-cta-inner{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-4);max-width:520px;margin:0 auto}

@media(max-width:768px){
.faq-hero{min-height:60vh}
.faq-hero-inner{justify-content:center;text-align:center}
.faq-hero-text{max-width:90%}
.faq-accordion{max-width:100%}
}