.contact-page section{position:relative}

.contact-hero{display:flex;align-items:center;justify-content:center;text-align:center}
.contact-hero-inner{max-width:600px;margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-4)}
.contact-hero h1,.contact-cta h2{color:var(--color-text-on-gradient)}
.contact-hero p{color:var(--color-text-on-gradient)}

.contact-benefits .benefit-card{display:flex;flex-direction:column;gap:var(--space-3);min-width:0}

.contact-process .process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4)}
.process-step{display:flex;flex-direction:column;gap:var(--space-2);text-align:center;min-width:0}

.contact-form-wrapper{max-width:800px;margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-4)}
.contact-form-wrapper h2{text-align:center}

.contact-info .card-glass{display:flex;flex-direction:column;gap:var(--space-3);min-width:0}

.contact-faq .faq-wrapper{max-width:600px;margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-3)}
.faq-item{display:flex;flex-direction:column;gap:var(--space-2)}
.faq-question{text-align:left;font-weight:600}
.faq-answer{display:none}
.faq-item.active .faq-answer{display:block}

.alt-card{max-width:500px;margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-3);text-align:center}

.contact-cta{text-align:center}
.cta-inner{max-width:600px;margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-4)}

@media(max-width:900px){
.contact-process .process-grid{grid-template-columns:1fr}
}

@media(max-width:768px){
.contact-hero-inner,.cta-inner{max-width:100%}
}