.contact-section{background:var(--pale);padding-block:76px 92px}
.contact-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);grid-template-areas:"intro form" "channels form" "expectation form";grid-template-rows:auto auto 1fr;gap:32px 100px;align-items:start}
.contact-intro{grid-area:intro}
.contact-intro h1{color:var(--navy);font-size:clamp(2.4rem,3.8vw,3.5rem)}
.contact-intro>p{margin-top:26px;color:var(--muted);max-width:46ch}
.contact-channels{grid-area:channels}
.contact-channels h2{font-size:1.15rem;line-height:1.4;margin-bottom:12px}
.contact-channel{display:block;padding:15px 0;border-bottom:1px solid #b6c8d2;overflow-wrap:anywhere}
.contact-channel span{display:block;color:var(--muted);font-size:.875rem}
.contact-channel strong{color:var(--navy);font-size:1rem}
.contact-channel:hover strong{text-decoration:underline}
.contact-expectation{grid-area:expectation;font-size:.875rem;color:var(--muted);max-width:46ch}
.contact-form-region{grid-area:form;background:var(--white);padding:36px 40px 40px;border-radius:var(--radius)}
.whatsapp-channel strong{display:flex;align-items:center;gap:12px}
.contact-form-region h2{font-size:1.65rem}
.form-instruction{font-size:.875rem;color:var(--muted);margin-top:12px;margin-bottom:28px}
.form-field{margin-bottom:22px}
.form-field label{display:block;color:var(--navy);font-weight:700;font-size:.925rem;margin-bottom:7px}
.form-field label span{font-weight:400;color:var(--muted)}
.form-field input,.form-field textarea{display:block;width:100%;min-width:0;min-height:48px;border:1px solid #78909c;border-radius:var(--radius);padding:11px 12px;background:#fff;color:var(--ink);font:inherit;font-size:1rem;line-height:1.5;caret-color:var(--navy)}
.form-field textarea{resize:vertical;min-height:140px}
.form-field input:focus-visible,.form-field textarea:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.form-field [aria-invalid="true"]{border-color:#993b30}
.field-error{color:#993b30;font-weight:600;font-size:.875rem;margin-top:8px}
.field-hint,.form-privacy{font-size:.8125rem;color:var(--muted);line-height:1.65;margin-top:9px}
.form-privacy{margin:4px 0 20px;overflow-wrap:anywhere}
.contact-submit{width:100%;justify-content:center}
.form-status{font-size:.9rem;color:var(--navy);line-height:1.6;margin-bottom:16px}
.form-status[data-state="error"]{color:#993b30}
.form-status:empty{display:none}
.contact-retry{display:block;min-height:44px;margin-top:12px;background:transparent;border:0;color:var(--navy);text-decoration:underline;padding:5px 0}
.contact-success h3{font-size:1.45rem;color:var(--navy)}
.contact-success p{margin-top:16px;color:var(--muted)}
.contact-success .button{margin-top:28px}
.contact-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.footer-contact-row{margin-top:38px;border-block:1px solid #638092;padding-block:22px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;scroll-margin-top:24px}
.footer-contact-row>a{display:inline-flex;align-items:center;min-height:44px;gap:12px;font-weight:700}
.footer-contact-row>a:hover{text-decoration:underline}
[hidden]{display:none!important}
@media(max-width:1100px){.contact-layout{gap:48px}.contact-form-region{padding:30px}}
@media(max-width:800px){.contact-section{padding-block:48px 60px}.contact-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"intro" "form" "channels" "expectation";grid-template-rows:auto;gap:28px}.contact-intro h1 br{display:none}.contact-intro>p{max-width:65ch;margin-top:24px}.contact-channels{margin-top:8px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}.contact-channels h2{grid-column:1/-1}.contact-form-region{padding:28px}}
@media(max-width:480px){.contact-channels{display:block}.contact-form-region{padding:24px 20px}.contact-intro h1{font-size:2.4rem}.footer-contact-row{align-items:flex-start;flex-direction:column}.contact-form-region h2{font-size:1.5rem}}
@media(prefers-reduced-motion:reduce){.contact-section{scroll-behavior:auto}}