/* ============================================================
   Fenaprove · Captação de leads (landing de tráfego pago)
   Reaproveita tokens.css + site.css. Só adiciona o formulário
   e a página de obrigado.
   ============================================================ */

/* ---------- Badge de destaque (mesmo das outras landings) ---------- */
.hero__badge {
  display: inline-flex; align-items: center; gap: .55rem;
  padding: .4rem 1rem; margin-bottom: 1.1rem;
  border: 1px solid rgba(67,203,255,.35); border-radius: 999px;
  background: rgba(67,203,255,.08); backdrop-filter: blur(4px);
  font-size: var(--fs-xs); font-weight: 600; letter-spacing: .18em;
  text-transform: uppercase; color: var(--cyan);
}
.hero__badge::before {
  content: ""; width: 7px; height: 7px; border-radius: 50%;
  background: var(--cyan); box-shadow: 0 0 0 4px rgba(67,203,255,.18);
}

/* ---------- Landing enxuta (menos distração no tráfego pago) ---------- */
.lp-header { position: absolute; top: 0; left: 0; right: 0; z-index: 20; }
.lp-header__inner {
  max-width: var(--max-stage); margin-inline: auto;
  padding: 1.1rem var(--slide-pad-x);
  display: flex; align-items: center; justify-content: space-between; gap: 1rem;
}
.lp-header__brand img { height: 30px; width: auto; filter: brightness(0) invert(1); }
.lp-header__meta { font-size: var(--fs-xs); letter-spacing: .12em; color: var(--paper-70, rgba(250,250,247,.7)); }
@media (max-width: 600px) { .lp-header__meta { display: none; } }

/* ---------- Hero de captação: texto à esquerda, form à direita ---------- */
.capture {
  position: relative; overflow: hidden;
  min-height: 100svh; display: flex; align-items: center;
  padding: 6.5rem var(--slide-pad-x) 3.5rem;
}
.capture__bg { position: absolute; inset: 0; z-index: 0; background: var(--ink); }
.capture__bg-poster,
.capture__bg-video {
  position: absolute; inset: 0; width: 100%; height: 100%;
  object-fit: cover; filter: brightness(.32) saturate(1.05);
}
.capture__bg-video { opacity: 0; transition: opacity 1s var(--ease-content, ease); }
.capture__bg-video.is-playing { opacity: 1; }
.capture__bg::after {
  content: ""; position: absolute; inset: 0;
  background:
    radial-gradient(ellipse at 25% 40%, rgba(8,0,28,.4) 0%, rgba(8,0,28,.85) 70%),
    linear-gradient(180deg, rgba(8,0,28,.5) 0%, transparent 40%, var(--ink) 100%);
}
.capture__grid {
  position: relative; z-index: 2;
  width: 100%; max-width: var(--max-content); margin-inline: auto;
  display: grid; grid-template-columns: 1.05fr .95fr; gap: clamp(2rem, 5vw, 4.5rem);
  align-items: center;
}

.capture__pitch { max-width: 620px; }
.capture__title {
  font-size: clamp(2rem, 1.3rem + 3.2vw, 3.6rem); margin: 1.1rem 0 1.25rem;
  text-shadow: 0 8px 40px rgba(8,0,28,.5);
}
.capture__lede { font-size: var(--fs-md); color: var(--paper-70, rgba(250,250,247,.8)); line-height: 1.7; margin-bottom: 1.75rem; }
.capture__benefits { display: flex; flex-direction: column; gap: .7rem; margin-bottom: 1.75rem; }
.capture__benefits li {
  position: relative; padding-left: 1.9rem; font-size: var(--fs-base); color: var(--paper); line-height: 1.5;
}
.capture__benefits li::before {
  content: ""; position: absolute; left: 0; top: .05em; width: 22px; height: 22px;
  background: no-repeat center/contain url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2343CBFF' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><path d='M20 6 9 17l-5-5'/></svg>");
}
.capture__stats { display: flex; flex-wrap: wrap; gap: 1.5rem 2.25rem; }
.capture__stat b { display: block; font-family: var(--font-display); font-weight: 800; font-size: var(--fs-xl); color: var(--cyan); line-height: 1; }
.capture__stat span { font-size: var(--fs-xs); color: var(--paper-70, rgba(250,250,247,.7)); }

/* ---------- Cartão do formulário ---------- */
.lead-card {
  background: linear-gradient(180deg, rgba(15,6,38,.94), rgba(8,0,28,.96));
  border: 1px solid rgba(67,203,255,.28);
  border-radius: 16px; padding: clamp(1.5rem, 3vw, 2.25rem);
  box-shadow: 0 30px 80px rgba(8,0,28,.6);
  backdrop-filter: blur(8px);
}
.lead-card__eyebrow { font-size: var(--fs-xs); font-weight: 600; letter-spacing: .2em; text-transform: uppercase; color: var(--cyan); }
.lead-card__title { font-family: var(--font-display); font-weight: 800; font-size: var(--fs-lg); letter-spacing: -.02em; margin: .5rem 0 .35rem; }
.lead-card__sub { font-size: var(--fs-sm); color: var(--paper-70, rgba(250,250,247,.72)); margin-bottom: 1.4rem; }

.lead-form__field { margin-bottom: 1rem; }
.lead-form label { display: block; font-size: var(--fs-sm); font-weight: 600; color: var(--paper); margin-bottom: .4rem; }
.lead-form label .req { color: var(--cyan); }
.lead-form input,
.lead-form select {
  width: 100%; font-family: var(--font-text); font-size: var(--fs-base);
  padding: .85rem 1rem; border-radius: 9px;
  background: #fff; color: var(--ink); border: 1.5px solid transparent;
  transition: border-color .2s, box-shadow .2s;
  -webkit-appearance: none; appearance: none;
}
.lead-form select {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2308001C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M6 9l6 6 6-6'/></svg>");
  background-repeat: no-repeat; background-position: right 1rem center; background-size: 18px; padding-right: 2.6rem;
}
.lead-form input::placeholder { color: rgba(8,0,28,.42); }
.lead-form input:focus,
.lead-form select:focus { outline: none; border-color: var(--cyan); box-shadow: 0 0 0 4px rgba(67,203,255,.18); }
.lead-form input[aria-invalid="true"],
.lead-form select[aria-invalid="true"] { border-color: #F55555; box-shadow: 0 0 0 4px rgba(245,85,85,.15); }

.lead-form__error { display: none; margin-top: .3rem; font-size: var(--fs-xs); color: #ff8080; }
.lead-form__error.is-shown { display: block; }

.lead-form__submit { width: 100%; margin-top: .5rem; }
.lead-form__submit[disabled] { opacity: .7; cursor: progress; }

.lead-form__note {
  margin-top: .9rem; font-size: var(--fs-xs); line-height: 1.5;
  color: var(--paper-50, rgba(250,250,247,.55)); text-align: center;
}
.lead-form__note a { color: var(--paper-70, rgba(250,250,247,.7)); text-decoration: underline; text-underline-offset: 2px; }

.visually-hidden { position: absolute !important; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); border: 0; }
/* Honeypot: fora da tela para humanos, mas presente para robôs preencherem */
.lead-hp { position: absolute; left: -9999px; top: auto; width: 1px; height: 1px; overflow: hidden; }

/* ---------- Prova social curta abaixo do hero ---------- */
.lp-proof { padding: clamp(2.5rem, 6vw, 4.5rem) 0; border-top: 1px solid rgba(67,203,255,.12); }
.lp-proof__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.25rem; }
.lp-proof__card {
  padding: 1.6rem 1.4rem; border-radius: 11px;
  background: linear-gradient(180deg, rgba(67,203,255,.06), rgba(67,203,255,.01));
  border: 1px solid rgba(67,203,255,.16);
}
.lp-proof__card h3 { font-size: var(--fs-md); font-weight: 600; margin-bottom: .4rem; }
.lp-proof__card p { font-size: var(--fs-sm); color: var(--paper-70, rgba(250,250,247,.68)); line-height: 1.55; }
.lp-cta-strip { text-align: center; padding: clamp(2.5rem, 6vw, 4rem) 0 4rem; }
.lp-cta-strip .btn { margin-top: 1.25rem; }

/* ---------- Bloco de captação na home ---------- */
.home-form {
  padding: clamp(3.5rem, 8vw, 6.5rem) 0; position: relative; overflow: hidden;
  background:
    radial-gradient(ellipse at 50% 0%, rgba(67,203,255,.12), transparent 60%),
    radial-gradient(ellipse at 50% 100%, rgba(66,99,235,.08), transparent 60%);
  border-top: 1px solid rgba(67,203,255,.14);
}
.home-form__layout { display: grid; grid-template-columns: 1fr .92fr; gap: clamp(2rem, 5vw, 4rem); align-items: center; }
.home-form__title { font-size: clamp(1.7rem, 1.1rem + 2.6vw, 2.8rem); margin: 1rem 0 1.1rem; }
.home-form__lede { font-size: var(--fs-md); color: var(--paper-70, rgba(250,250,247,.78)); line-height: 1.7; margin-bottom: 1.5rem; }
.home-form__benefits { display: flex; flex-direction: column; gap: .7rem; }
.home-form__benefits li { position: relative; padding-left: 1.9rem; font-size: var(--fs-base); color: var(--paper); line-height: 1.5; }
.home-form__benefits li::before {
  content: ""; position: absolute; left: 0; top: .05em; width: 22px; height: 22px;
  background: no-repeat center/contain url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2343CBFF' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><path d='M20 6 9 17l-5-5'/></svg>");
}
@media (max-width: 860px) {
  .home-form__layout { grid-template-columns: 1fr; }
  .home-form__intro { order: 1; }
  .home-form .lead-card { order: 2; }
}

/* ---------- Página de obrigado ---------- */
.thanks {
  min-height: 100svh; display: flex; align-items: center; justify-content: center;
  text-align: center; padding: 6rem var(--slide-pad-x) 4rem; position: relative; overflow: hidden;
  background:
    radial-gradient(ellipse at 50% 0%, rgba(67,203,255,.14), transparent 60%),
    radial-gradient(ellipse at 50% 100%, rgba(66,99,235,.1), transparent 60%);
}
.thanks__inner { max-width: 640px; }
.thanks__check {
  width: 84px; height: 84px; margin: 0 auto 1.75rem;
  border-radius: 50%; display: flex; align-items: center; justify-content: center;
  background: rgba(67,203,255,.14); border: 1px solid rgba(67,203,255,.4);
}
.thanks__check svg { width: 44px; height: 44px; color: var(--cyan); }
.thanks__title { font-size: clamp(1.9rem, 1.3rem + 2.6vw, 3rem); margin-bottom: 1rem; }
.thanks__lede { font-size: var(--fs-md); color: var(--paper-70, rgba(250,250,247,.78)); line-height: 1.7; margin-bottom: 2rem; }
.thanks__steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; margin-bottom: 2.25rem; text-align: left; }
.thanks__step { padding: 1.1rem 1.2rem; border-radius: 10px; border: 1px solid rgba(250,250,247,.12); background: rgba(250,250,247,.03); }
.thanks__step b { display: block; font-size: var(--fs-sm); color: var(--cyan); margin-bottom: .25rem; }
.thanks__step span { font-size: var(--fs-xs); color: var(--paper-70, rgba(250,250,247,.7)); }
.thanks__cta { display: flex; flex-wrap: wrap; gap: .85rem; justify-content: center; }

/* ---------- Responsivo ---------- */
@media (max-width: 920px) {
  .capture { min-height: auto; padding-top: 6rem; }
  .capture__grid { grid-template-columns: 1fr; gap: 2.25rem; }
  .capture__pitch { max-width: none; order: 2; }
  .lead-card { order: 1; }
  .lp-proof__grid { grid-template-columns: 1fr; }
  .thanks__steps { grid-template-columns: 1fr; }
}