.contact-page{position:relative}

.contact-hero{display:flex;align-items:center;justify-content:center;text-align:center}
.contact-hero-content{max-width:600px;margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-3)}

.contact-form-section{display:flex;justify-content:center}
.contact-form-card{max-width:900px;margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-3)}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}
.form-grid input:nth-child(5){grid-column:span 2}

.contact-process .process-grid{align-items:stretch}
.process-card{display:flex;flex-direction:column;gap:var(--space-2);height:100%}

.contact-alt{display:flex;justify-content:center;text-align:center}
.contact-alt-content{max-width:600px;margin-inline:auto}

.contact-benefits .benefits-grid{align-items:stretch}
.benefit-card{display:flex;flex-direction:column;gap:var(--space-2);height:100%}

.contact-faq{display:flex;justify-content:center}
.faq-wrapper{max-width:700px;width:100%;display:flex;flex-direction:column;gap:var(--space-2)}
.faq-item{border:1.5px solid var(--color-border);border-radius:var(--radius-card);overflow:hidden}
.faq-question{width:100%;text-align:left;padding:var(--space-3);font-weight:600}
.faq-answer{display:none;padding:0 var(--space-3) var(--space-3)}
.faq-item.active .faq-answer{display:block}

.contact-cta{display:flex;justify-content:center;text-align:center}
.contact-cta-block{max-width:500px;margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-3)}

@media (max-width:600px){
.form-grid{grid-template-columns:1fr}
.form-grid input:nth-child(5){grid-column:auto}
}