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

/*main{padding:48px 0 64px;}*/
.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;}
.optional-tag{font-weight:400;color:var(--ink-faint);font-size:12px;}
.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;}
.checkbox-field{display:flex;align-items:flex-start;gap:10px;margin-bottom:20px;}
.checkbox-field input[type="checkbox"]{
  width:16px;height:16px;flex-shrink:0;margin-top:3px;accent-color:var(--teal);cursor:pointer;
}
.checkbox-field label{font-size:13px;font-weight:400;color:var(--ink-mute);line-height:1.5;margin-bottom:0;}
.checkbox-field label a{color:var(--teal);font-weight:600;}
.checkbox-field label a:hover{text-decoration:underline;}

.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:44px 0 28px;margin-top:36px;}

/* ---------- company details ---------- */
.company-details{padding:0 0 48px;}
.company-card{background:var(--white);border:1px solid var(--border);border-radius:14px;padding:32px 36px;}
.company-card h2{font-family:var(--font-display);font-size:17px;font-weight:700;margin-bottom:20px;}
.company-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}
.company-item{display:flex;flex-direction:column;gap:4px;}
.company-label{font-family:var(--font-mono);font-size:11px;letter-spacing:0.06em;text-transform:uppercase;color:var(--ink-faint);}
.company-value{font-size:14.5px;color:var(--ink);}
.company-value a{color:var(--teal);font-weight:600;}
.company-value a:hover{text-decoration:underline;}
@media (max-width:800px){
  .company-grid{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:480px){
  .company-grid{grid-template-columns:1fr;}
  .company-card{padding:26px 22px;}
}