/* ============================================
   MDS Vault — Contact Sales page styles
   Requires css/base.css to be loaded first.
   ============================================ */

main{padding:72px 0 100px;}
.contact-grid{display:grid;grid-template-columns:0.85fr 1.15fr;gap:56px;align-items:start;}
h1{font-family:var(--font-display);font-size:clamp(1.9rem,3.4vw,2.6rem);font-weight:700;letter-spacing:-0.02em;line-height:1.14;margin-bottom:16px;}
.lead{font-size:16px;color:var(--ink-mute);margin-bottom:28px;max-width:420px;}
.side-list{border-top:1px solid var(--border);}
.side-item{padding:16px 0;border-bottom:1px solid var(--border);font-size:14px;color:var(--ink-mute);}
.side-item b{color:var(--ink);display:block;font-weight:600;margin-bottom:2px;}
.alt-contact{margin-top:26px;font-size:13.5px;color:var(--ink-faint);}
.alt-contact a{color:var(--teal);font-weight:600;}

form{background:var(--white);border:1px solid var(--border);border-radius:14px;padding:36px;}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.field{margin-bottom:18px;}
.field label{display:block;font-size:13px;font-weight:600;margin-bottom:7px;}
.field input, .field select, .field textarea{
  width:100%;font-family:var(--font-body);font-size:14px;padding:11px 13px;border:1px solid var(--border-strong);border-radius:8px;background:var(--cream);color:var(--ink);
}
.field textarea{resize:vertical;min-height:100px;}
.submit-btn{width:100%;padding:14px;background:var(--teal);color:#fff;border:none;border-radius:8px;font-size:14.5px;font-weight:700;cursor:pointer;transition:background .2s;font-family:var(--font-body);}
.submit-btn:hover{background:var(--teal-deep);}
.form-note{font-size:12px;color:var(--ink-faint);margin-top:12px;text-align:center;}
#confirmation{display:none;text-align:center;padding:50px 20px;}
#confirmation .check{width:52px;height:52px;border-radius:50%;background:var(--teal-soft);color:var(--teal);display:flex;align-items:center;justify-content:center;margin:0 auto 18px;font-size:24px;}
#confirmation h2{font-family:var(--font-display);font-size:20px;margin-bottom:8px;}
#confirmation p{color:var(--ink-mute);font-size:14.5px;}
@media (max-width:900px){.contact-grid{grid-template-columns:1fr;} .field-row{grid-template-columns:1fr;} form{padding:26px;}}

footer{padding:48px 0 28px;margin-top:60px;}