/* DataSteak - contact page */

.ct-hero{background:var(--bg)}
.ct-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:72px;align-items:start}

/* ---- left column ---- */
.ct-lead h1{font-size:clamp(32px,4vw,50px);font-weight:800;letter-spacing:-0.04em;line-height:1.05;margin:12px 0 16px}
.ct-lead .lede{font-size:19px;color:var(--ink-2);line-height:1.55;max-width:46ch}

.ct-facts{margin-top:44px;display:grid;gap:26px;max-width:42ch}
.ct-fact h4{font-size:12.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-4);margin-bottom:7px}
.ct-fact p{font-size:15.5px;color:var(--ink-2);line-height:1.55}
.ct-fact a{color:var(--red);font-weight:600}
.ct-fact a:hover{color:var(--red-600)}

/* ---- form ---- */
.ct-formwrap{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh);padding:36px}
.ct-form{display:grid;gap:20px}
.ct-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}

.ct-f{display:block}
.ct-f > span{display:block;font-size:13.5px;font-weight:600;color:var(--ink);margin-bottom:7px;letter-spacing:-0.005em}
.ct-f > span em{font-style:normal;font-weight:500;color:var(--ink-4)}
.ct-f input,.ct-f select,.ct-f textarea{
  width:100%;font-family:inherit;font-size:15px;color:var(--ink);
  background:#fff;border:1px solid var(--line-2);border-radius:12px;
  padding:12px 14px;transition:border-color .16s var(--ease),box-shadow .16s var(--ease)}
.ct-f textarea{resize:vertical;min-height:150px;line-height:1.55}
.ct-f input:focus,.ct-f select:focus,.ct-f textarea:focus{
  outline:none;border-color:var(--red);box-shadow:0 0 0 3px var(--red-tint)}
.ct-f select{appearance:none;-webkit-appearance:none;cursor:pointer;
  background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%239AA0AA' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 14px center;padding-right:40px}

.ct-note{font-size:13px;color:var(--ink-4);line-height:1.5;text-align:center;margin-top:-4px}

.ct-err{background:var(--red-soft);color:var(--red-600);border:1px solid rgba(166,64,59,.2);
  border-radius:12px;padding:12px 14px;font-size:14.5px;font-weight:500}

/* honeypot - off screen, never shown, never announced */
.ct-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

/* ---- sent state ---- */
.ct-done{text-align:center;padding:26px 8px}
.ct-tick{width:56px;height:56px;border-radius:50%;background:var(--green-soft);color:var(--green);
  display:grid;place-items:center;margin:0 auto 20px}
.ct-done h2{font-size:26px;font-weight:800;letter-spacing:-0.03em;margin-bottom:10px}
.ct-done p{font-size:16px;color:var(--ink-2);line-height:1.55;max-width:38ch;margin:0 auto 24px}

@media(max-width:1080px){
  .ct-grid{grid-template-columns:1fr;gap:44px}
  .ct-facts{max-width:none;grid-template-columns:repeat(3,1fr);gap:20px}
}
@media(max-width:600px){
  .ct-formwrap{padding:24px}
  .ct-row{grid-template-columns:1fr}
  .ct-facts{grid-template-columns:1fr}
}