/* Contact page (ACR-687, 9 Sep 2026): one raised white surface, the "what happens next" steps and policy notice on the left, the form ported from contact.js/contact.css on the right. sv-ct- prefix. */

.sv-ct-form{padding-top:76px}
.sv-ct-surface{position:relative;background:#fff;border-radius:26px;padding:52px;display:grid;grid-template-columns:1fr 1.4fr;gap:64px;box-shadow:0 1px 0 #fff inset,0 30px 70px rgba(7,26,51,.12),0 6px 18px rgba(7,26,51,.05)}

/* Left column: the three-step expectation, then the policy links and non-sending notice. */
.sv-ct-info{display:flex;flex-direction:column}
.sv-ct-steps{list-style:none;margin:0;padding:0;display:grid;gap:22px}
.sv-ct-steps li{display:grid;grid-template-columns:30px 1fr;gap:14px;align-items:baseline}
.sv-ct-steps i{display:inline-flex;width:30px;height:30px;border-radius:50%;border:1px solid var(--hv-line);align-items:center;justify-content:center;font-style:normal;color:var(--hv-cyan-ink);font-weight:600;font-size:13px}
.sv-ct-steps span{font:400 16px/1.5 var(--body);color:var(--ink)}
.sv-ct-policy{font:600 13px/1.6 var(--body);color:var(--ink);margin:40px 0 0}
.sv-ct-policy a{border-bottom:1px solid currentColor;padding-bottom:1px}
.sv-ct-note{font:400 13px/1.6 var(--body);color:var(--hv-muted);margin:12px 0 0}

/* Right column: the form. White inputs, ink-tinted border, cyan focus ring, the shared .cta as the submit pill. */
.sv-ct-formcol{display:flex;flex-direction:column;gap:20px}
.sv-ct-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.sv-ct-formcol label{display:block;font:600 13px/1.4 var(--body);color:var(--ink)}
.sv-ct-formcol input,.sv-ct-formcol textarea{display:block;width:100%;margin-top:10px;border:1px solid rgba(7,26,51,.18);border-radius:12px;background:#fff;padding:14px 16px;color:var(--ink);font:400 15px/1.5 var(--body)}
.sv-ct-formcol textarea{resize:vertical;min-height:120px}
.sv-ct-formcol input::placeholder,.sv-ct-formcol textarea::placeholder{color:var(--hv-muted)}
.sv-ct-formcol input:focus,.sv-ct-formcol textarea:focus{outline:none;border-color:var(--hv-cyan-ink);box-shadow:0 0 0 3px rgba(98,216,255,.4)}
.sv-ct-formcol .cta{border:0;cursor:pointer;align-self:flex-start;margin-top:6px}
.sv-ct-formcol .cta:disabled{opacity:.5;cursor:not-allowed}
.sv-ct-formcol .cta:disabled:hover{transform:none}
#form-status{font:400 14px/1.6 var(--body);background:var(--hv-ice);border-radius:12px;padding:14px 16px;margin:0}

@media (max-width:900px){
.sv-ct-surface{grid-template-columns:1fr;gap:36px;padding:36px 30px}
.sv-ct-steps{margin-bottom:36px}
.sv-ct-row{grid-template-columns:1fr}
}
@media (max-width:700px){
.sv-ct-form{padding-top:56px}
.sv-ct-surface{padding:26px 20px;border-radius:20px}
.sv-ct-formcol input,.sv-ct-formcol textarea{font-size:16px}
.sv-ct-policy{margin-top:32px}
}