/* Encoding services band + the lead form.
   The form's markup, field names and submit flow are unchanged — this file only
   dresses them. See public/js/main.js for the POST /api/leads handler. */

.encoding{
  border-top:1px solid var(--hair);
  background:
    linear-gradient(180deg,rgba(217,164,65,0.055),transparent 24%),
    radial-gradient(64% 40% at 78% 20%,rgba(109,63,196,0.14),transparent 66%),
    linear-gradient(180deg,rgba(14,14,26,0.6),rgba(5,5,11,0.25));
}
.enc-layout{display:grid;grid-template-columns:1fr;gap:42px;max-width:1080px;margin:0 auto;}
@media (min-width:900px){.enc-layout{grid-template-columns:1.02fr 1fr;gap:56px;}}

.enc-list{list-style:none;margin:0 0 32px;padding:0;display:flex;flex-direction:column;gap:18px;}
.enc-list li{position:relative;padding-left:22px;font-size:14px;color:var(--ash);line-height:1.7;}
.enc-list li::before{
  content:'';position:absolute;left:0;top:9px;width:5px;height:5px;transform:rotate(45deg);
  background:var(--gold-400);box-shadow:0 0 9px rgba(217,164,65,0.55);
}
.enc-list strong{color:var(--bone);font-weight:600;}

.enc-promise{
  padding:26px 28px;border:1px solid var(--edge);border-radius:3px;
  background:rgba(0,0,0,0.32);
}
.enc-promise h3{
  font-family:var(--font-display);font-size:16px;font-weight:650;
  letter-spacing:-0.01em;color:var(--bone);margin-bottom:16px;
}
.enc-steps{
  margin:0 0 18px;padding-left:20px;display:flex;flex-direction:column;gap:9px;
  font-size:13.5px;color:var(--silver);line-height:1.65;
}
.enc-steps::marker,.enc-steps li::marker{color:var(--gold-500);}
.enc-fallback{font-size:12.5px;color:var(--slate);line-height:1.7;}
.enc-fallback a{color:var(--gold-300);text-decoration:underline;text-underline-offset:3px;}

/* ---------- form ---------- */
.enc-form{
  display:flex;flex-direction:column;gap:20px;padding:32px 28px;
  border:1px solid var(--edge);border-radius:3px;
  background:var(--plate);
  box-shadow:0 34px 80px rgba(0,0,0,0.5);
}
@media (min-width:768px){.enc-form{padding:36px 34px;}}
.field{display:flex;flex-direction:column;gap:8px;}
.field-row{display:grid;grid-template-columns:1fr;gap:20px;}
@media (min-width:560px){.field-row{grid-template-columns:1fr 1fr;}}
.field label{
  font-family:var(--font-mono);font-size:10px;letter-spacing:0.2em;
  text-transform:uppercase;color:var(--gold-400);
}
.field-opt{color:var(--slate);letter-spacing:0.1em;text-transform:none;}
/* 16px inputs — anything smaller makes iOS Safari zoom on focus. */
.enc-form input[type=email],.enc-form input[type=text],.enc-form textarea,.enc-form select{
  width:100%;font-family:var(--font-sans);font-size:16px;color:var(--bone);
  background:rgba(255,255,255,0.028);
  border:1px solid var(--edge-2);border-radius:2px;padding:13px 15px;
  transition:border-color var(--transition),background var(--transition),box-shadow var(--transition);
}
.enc-form textarea{resize:vertical;min-height:118px;line-height:1.6;}
.enc-form select{
  appearance:none;cursor:pointer;padding-right:38px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23d9a441' fill='none' stroke-width='1.5'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 15px center;
}
.enc-form select option{background:#0e0e1a;color:var(--bone);}
.enc-form input::placeholder,.enc-form textarea::placeholder{color:var(--slate);opacity:0.8;}
.enc-form input:hover,.enc-form textarea:hover,.enc-form select:hover{border-color:var(--hair);}
.enc-form input:focus,.enc-form textarea:focus,.enc-form select:focus{
  outline:none;border-color:var(--gold-400);background:rgba(255,255,255,0.045);
  box-shadow:0 0 0 3px rgba(217,164,65,0.1);
}
.field.is-invalid input,.field.is-invalid textarea,.field.is-invalid select{border-color:var(--accent-coral);}
.field-error{font-size:12px;color:var(--accent-coral);line-height:1.55;}

/* Honeypot — visually removed, still in the accessibility-hidden DOM for bots. */
.hp-field{position:absolute !important;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden;}

.enc-submit{margin-top:4px;}
.enc-submit:disabled{opacity:0.7;}
.enc-privacy{text-align:center;font-size:11.5px;color:var(--slate);}
.enc-privacy a{color:var(--ash);text-decoration:underline;text-underline-offset:3px;}
.enc-status{text-align:center;font-size:13.5px;line-height:1.7;padding:14px 18px;border-radius:2px;}
.enc-status.is-ok{color:var(--gold-200);border:1px solid var(--hair-strong);background:rgba(217,164,65,0.06);}
.enc-status.is-err{color:var(--accent-coral);border:1px solid rgba(232,112,95,0.32);background:rgba(232,112,95,0.06);}
.enc-status a{text-decoration:underline;text-underline-offset:3px;color:inherit;}
.cf-turnstile:empty{display:none;}