.faq-page{}

.faq-hero-grid{
display:grid;
grid-template-columns:40% 60%;
gap:var(--space-4);
align-items:center;
}
.faq-hero-text{display:flex;flex-direction:column;gap:var(--space-3);max-width:420px}
.faq-hero-image img{width:100%;height:auto}
.faq-cta{align-self:flex-start}

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

.faq-image-block{margin-top:var(--space-4)}

.faq-accordion{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}
.faq-item{border:var(--border-width) solid var(--border-sharp);background:var(--bg-glass)}
.faq-question{width:100%;text-align:left;padding:var(--space-2);font-family:var(--font-heading);cursor:pointer}
.faq-answer{display:none;padding:var(--space-2)}
.faq-item.active{border-color:var(--accent-neon-violet)}
.faq-item.active .faq-answer{display:block}

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

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

@media(max-width:700px){
.faq-hero-grid{grid-template-columns:1fr}
.faq-grid-3,.faq-grid-2{grid-template-columns:1fr}
}