.faq-page{}

.faq-hero-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5);align-items:center}
.faq-hero-text{padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3);max-width:60ch}
.faq-hero-image img{width:100%;height:auto}

.faq-category-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-3)}
.faq-category{padding:1rem;border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--color-surface-primary);transition:all var(--transition-fast)}
.faq-category:hover{border-color:var(--color-text-accent);color:var(--color-text-accent)}
.faq-category.active{background:var(--color-text-accent);color:var(--color-cta-primary-text)}

.faq-centered{max-width:800px;margin-inline:auto;text-align:center}
.faq-centered h2{margin-bottom:var(--space-4)}

.faq-accordion{display:flex;flex-direction:column;gap:var(--space-3);text-align:left}
.faq-item{border-bottom:1px solid var(--color-border-subtle);padding-bottom:var(--space-2)}
.faq-question{width:100%;text-align:left;font-weight:500;padding:var(--space-2) 0}
.faq-answer{max-height:0;overflow:hidden;opacity:0;transition:max-height 0.4s ease,opacity 0.3s ease}
.faq-item.open .faq-answer{max-height:500px;opacity:1}

.faq-section-image{margin:0 auto var(--space-4);max-width:520px}

.faq-cta-box{max-width:600px;margin-inline:auto;text-align:center;display:flex;flex-direction:column;gap:var(--space-3)}
.faq-cta-actions{display:flex;gap:var(--space-3);justify-content:center;flex-wrap:wrap}

@media (max-width:900px){
.faq-hero-grid{grid-template-columns:1fr}
.faq-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media (max-width:600px){
.faq-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}