/* Lead capture remains local: submitting opens the visitor's WhatsApp app. */
.contact-section { padding: 130px 0; background: var(--light); }
.contact-layout { display: grid; grid-template-columns: .9fr 1.1fr; gap: 88px; align-items: start; }
.contact-copy { padding-top: 18px; }
.contact-copy h2 { max-width: 470px; margin-bottom: 20px; color: var(--dark); font-size: clamp(2.5rem, 4vw, 3.6rem); line-height: 1.12; letter-spacing: -0.03em; }
.contact-copy > p { max-width: 470px; color: #60686c; line-height: 1.8; }
.contact-options { display: grid; gap: 12px; margin-top: 38px; }
.contact-option { display: flex; align-items: center; gap: 15px; width: fit-content; color: var(--dark); text-decoration: none; transition: color var(--transition), transform var(--transition); }
.contact-option:hover { color: var(--primary); transform: translateX(4px); }
.contact-option svg { width: 21px; height: 21px; color: var(--primary); fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8; }
.contact-option span { display: grid; gap: 2px; }
.contact-option strong { font-size: .94rem; }
.contact-option small { color: #697174; font-size: .86rem; }
.contact-option-preferred {
    padding: 14px 16px;
    border: 1px solid rgba(0, 155, 119, 0.22);
    border-radius: 14px;
    background: rgba(0, 155, 119, 0.06);
}
.contact-option-preferred small { color: #3d8f78; font-weight: 600; }
.contact-option-alt small { color: #8a9194; }
.contact-form { padding: 40px; border: 1px solid #e4e7e6; border-radius: var(--radius); background: var(--white); box-shadow: 0 22px 60px rgba(17,19,21,.07); }
.form-intro {
    margin: 0 0 24px;
    padding: 14px 16px;
    border-radius: 12px;
    background: rgba(0, 155, 119, 0.07);
    color: #4f5c60;
    font-size: .88rem;
    line-height: 1.65;
}
.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.form-field { display: grid; gap: 8px; margin-bottom: 20px; }
.form-field label { color: var(--dark); font-size: .9rem; font-weight: 700; }
.form-field label span { color: #81888b; font-weight: 500; }
.form-field input, .form-field select, .form-field textarea { width: 100%; border: 1px solid #dce1df; border-radius: 12px; background: var(--white); color: var(--dark); font: inherit; outline: none; transition: border-color var(--transition), box-shadow var(--transition); }
.form-field input, .form-field select { height: 52px; padding: 0 15px; }
.form-field textarea { min-height: 118px; padding: 14px 15px; resize: vertical; }
.form-field input:focus, .form-field select:focus, .form-field textarea:focus { border-color: var(--primary); box-shadow: 0 0 0 4px rgba(0,155,119,.1); }
.consent { display: flex; align-items: flex-start; gap: 10px; margin: 2px 0 24px; color: #697174; font-size: .79rem; line-height: 1.6; }
.consent input { width: 16px; height: 16px; margin-top: 3px; accent-color: var(--primary); }
.consent a { color: var(--primary); }
.contact-form .btn-primary { border: 0; cursor: pointer; }
.contact-form .btn-primary span { margin-left: 5px; }
.form-hint { margin-top: 16px; color: #7a8184; font-size: .77rem; line-height: 1.6; }
