.contact-page{}

.contact-hero{position:relative}
.contact-hero-inner{display:flex}
.contact-hero-panel{max-width:520px;background:var(--color-surface-card);padding:var(--space-5);border-radius:var(--radius-lg);border:1px solid var(--color-border-separator);box-shadow:var(--shadow-soft);display:flex;flex-direction:column;gap:var(--space-3)}
.contact-hero-actions{display:flex;gap:var(--space-3);flex-wrap:wrap}

.contact-benefits-grid > *{min-width:0}
.benefit-offset{transform:translateY(20px)}

.contact-form-wrapper{max-width:720px;margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-4)}
.contact-form-intro{max-width:60ch}
.contact-form-fields{display:flex;flex-direction:column;gap:var(--space-3)}
.contact-form-submit{display:flex;flex-direction:column;gap:var(--space-2)}
.form-feedback{color:var(--color-text-secondary)}

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

.contact-process-grid > *{min-width:0}
.process-step{display:flex;flex-direction:column;gap:var(--space-2)}

.contact-scenarios-grid > *{min-width:0}
.scenario-offset{transform:translateY(20px)}

.contact-faq-inner{max-width:700px;margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-4);text-align:center}
.faq-list{display:flex;flex-direction:column;gap:var(--space-2);text-align:left}
.faq-question{width:100%;text-align:left;padding:var(--space-3);border:1px solid var(--color-border-separator);border-radius:var(--radius-sm)}
.faq-answer{max-height:0;overflow:hidden;transition:max-height 0.3s ease}
.faq-item.active .faq-answer{max-height:200px}

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

@media (max-width:767px){
.benefit-offset,.scenario-offset{transform:none}
.contact-hero-inner{justify-content:center}
.contact-hero-panel{margin-inline:auto}
}