.contact-page{}

.contact-hero-grid{display:grid;grid-template-columns:35% 65%;gap:var(--space-5);align-items:center}
.contact-hero-content{max-width:60ch}
.contact-hud p{font-size:var(--fs-sm);color:var(--color-text-secondary);margin:0}

.contact-categories .contact-category{cursor:pointer}

.contact-form-grid{display:grid;grid-template-columns:70% 30%;gap:var(--space-5)}
.contact-form-panel{display:flex;flex-direction:column;gap:var(--space-4)}
.contact-form-intro{max-width:65ch}
.contact-helper{font-size:var(--fs-sm)}

.contact-process{max-width:60ch;margin-inline:auto;text-align:left}

.contact-faq{display:flex;flex-direction:column;gap:var(--space-3)}
.faq-question{width:100%;text-align:left;padding:var(--space-3);background:var(--color-surface-panel);border:1px solid var(--color-border-glow)}
.faq-answer{display:none;padding:var(--space-3);border-left:2px solid var(--color-accent-cyan)}
.faq-item.active .faq-answer{display:block}

.contact-cta{text-align:center;display:flex;flex-direction:column;gap:var(--space-4);align-items:center}

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