/* ============================================================
   LEAD CAPTURE (screen 9)  ·  v4
   Gathers the name/phone/country that feed the WhatsApp message.
   v4: lit inputs with an inner edge-light and a gold focus bloom.
   ============================================================ */
#s9 { background: transparent; }

.form-header {
  position: relative;
  padding: calc(36px + var(--sat)) 24px 24px; background: var(--ink); border-bottom: 1px solid var(--hairline);
  box-shadow: inset 0 -1px 0 rgba(247,242,230,0.04);
}
.form-header::before { content: ''; position: absolute; inset: 0; pointer-events: none; background: radial-gradient(120% 120% at 80% -10%, rgba(196,154,74,.10), transparent 55%); }
.form-eyebrow { position: relative; font-family: var(--ff-mono); font-size: 10px; letter-spacing: .1em; color: var(--gold-bright); font-weight: 600; text-transform: uppercase; margin-bottom: 12px; }
.form-title { position: relative; font-family: var(--ff-display); font-size: var(--fs-2xl); font-weight: 800; color: var(--snow); line-height: 1.18; letter-spacing: -0.01em; margin-bottom: 10px; }
.form-sub { position: relative; font-size: var(--fs-sm); color: var(--mist); line-height: 1.65; }

.protocol-preview { margin: 22px 24px 0; background: var(--grad-gold-soft); border: 1px solid var(--hairline-strong); border-radius: var(--r-lg); padding: 14px 16px; display: flex; align-items: center; box-shadow: var(--edge-light), var(--glow-gold-sm); }
.pp-content { flex: 1; min-width: 0; }
.pp-label { font-family: var(--ff-mono); font-size: 10px; letter-spacing: .07em; color: var(--gold-bright); font-weight: 600; text-transform: uppercase; margin-bottom: 4px; }
.pp-name  { font-size: var(--fs-base); font-weight: 700; color: var(--snow); }

.form-fields { padding: 28px 24px 0; display: flex; flex-direction: column; gap: 22px; flex: 1; }
.field { display: flex; flex-direction: column; gap: 8px; }
.field-label { font-family: var(--ff-mono); font-size: 10.5px; letter-spacing: .05em; text-transform: uppercase; font-weight: 600; color: var(--mist); }
.field-input {
  width: 100%; padding: 13px 15px; background: var(--ink-raised);
  border: 1px solid var(--hairline-strong); border-radius: var(--r-sm);
  font-size: var(--fs-base); color: var(--snow); outline: none; direction: rtl;
  -webkit-appearance: none; appearance: none;
  box-shadow: var(--edge-light), inset 0 1px 3px rgba(8,7,5,.3);
  transition: border-color .25s var(--ease-out), box-shadow .25s var(--ease-out);
}
[dir="ltr"] .field-input { direction: ltr; }
.field-input:focus { border-color: var(--gold); box-shadow: var(--edge-light), 0 0 0 3px var(--gold-soft), var(--glow-gold-sm); }
.field-input::placeholder { color: var(--mist-dim); }
.field-input.err { border-color: var(--rose); box-shadow: 0 0 0 3px rgba(201,132,122,.15); }
select.field-input {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7'%3E%3Cpath d='M1 1l5 4.5L11 1' stroke='%239A95A3' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat; background-position: left 14px center; padding-left: 38px; cursor: pointer; color: var(--mist);
}
[dir="ltr"] select.field-input { background-position: right 14px center; padding-left: 15px; padding-right: 38px; }
select.field-input option { background: var(--ink-raised); color: var(--snow); }

.form-submit { padding: 22px 24px calc(24px + var(--sab)); margin-top: auto; }
.btn-submit { padding: 17px 22px; font-size: var(--fs-md); }
.privacy-line { text-align: center; margin-top: 14px; font-size: var(--fs-xs); color: var(--mist-dim); }