.faq-page{display:block}

.faq-page > section:first-child{padding-top:var(--space-6)}
.faq-intro__inner{max-width:720px;margin-inline:auto;text-align:center;display:flex;flex-direction:column;gap:var(--space-4)}

.faq-intro__lead{max-width:60ch;margin-inline:auto}

.faq-intro__highlight{display:block}

.faq-section{margin-top:var(--space-7)}

.faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5);align-items:start}

.faq-col{min-width:0}

.faq-col img{width:100%;border-radius:var(--radius-lg)}

.faq-accordion{display:flex;flex-direction:column;gap:var(--space-3)}

.faq-accordion.two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}

.faq-question{width:100%;text-align:left;padding:14px 16px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--color-surface-start),var(--color-surface-end));border:1.5px solid var(--color-border);transition:var(--transition)}

.faq-question[aria-expanded="true"]{box-shadow:0 0 0 1px var(--color-accent),0 0 10px rgba(129,140,248,0.4)}

.faq-answer{max-height:0;overflow:hidden;opacity:0;transition:max-height 200ms ease,opacity 200ms ease;padding-inline:4px}

.faq-answer p{margin-top:var(--space-2)}

.faq-question[aria-expanded="true"] + .faq-answer{max-height:500px;opacity:1}

.faq-cta{margin-top:var(--space-7)}

.faq-cta__inner{max-width:600px;margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-3);align-items:center}

@media(max-width:900px){
.faq-grid{grid-template-columns:1fr}
.faq-accordion.two-col{grid-template-columns:1fr}
}

@media(prefers-reduced-motion:reduce){
.faq-answer{transition:none}
.faq-question{transition:none}
}