.hero{position:relative;isolation:isolate;min-height:650px;padding:28px 0 40px;grid-template-areas:"visual copy";grid-template-columns:1.05fr .95fr;gap:35px;align-items:center}
.hero::before{content:"";position:absolute;z-index:-1;inset:0;left:calc(50% - 50vw);right:calc(50% - 50vw);background:radial-gradient(ellipse at 76% 48%,#1e3b2e 0%,#13251d 38%,#101714 76%)}
.hero-copy{grid-area:copy;max-width:540px;padding:0;color:#f8faf7}
.hero-copy .eyebrow{color:#c9ef82}
.hero-copy .status-dot{background:#c9ef82;box-shadow:0 0 0 4px rgba(201,239,130,.16)}
.hero-copy h1{font-size:clamp(56px,6.6vw,84px);letter-spacing:-4.5px}
.hero-copy h1 span{color:#c9ef82}
.hero-copy .hero-lede{color:#d1ddd5}
.hero-copy .proof-item{color:#f0f5f1}
.hero-copy .check{background:#c9ef82;color:#18352a}
.hero-copy .trust-note{color:#c5d4c9}
.hero-copy .trust-icon{border-color:#66816f;color:#c9ef82}
.hero-cta{display:inline-flex;align-items:center;gap:14px;margin-top:27px;padding:14px 19px;border-radius:8px;background:#c9ef82;color:#163528;font-size:13px;font-weight:700;text-decoration:none;transition:transform .2s,background .2s}
.hero-cta:hover{transform:translateY(-2px);background:#d8f59d}
.hero-cta span{font-size:16px}
.hero-side{grid-area:visual;position:relative;width:100%;max-width:620px;margin:0 auto;display:flex;justify-content:center}
/* El video es vertical (relación 1:2, como un teléfono real) — a diferencia
   del SVG original casi cuadrado que se ajustaba por ancho, este se limita
   por ALTO para no dispararse dentro del hero. */
.visual-wrap{position:relative;top:auto;right:auto;width:auto;margin:0;opacity:1}
.hero-visual{display:block;width:auto;height:min(72vh,560px);max-width:100%;filter:drop-shadow(0 22px 34px rgba(0,0,0,.18))}
.lead-section{padding:52px 0 72px;display:grid;grid-template-columns:.8fr 1fr;gap:70px;align-items:center}
.lead-intro{max-width:430px}
.lead-intro .form-kicker{font-size:18px}
.lead-intro h2{margin:15px 0 12px;font:700 clamp(27px,3vw,34px)/1.2 var(--display);letter-spacing:-1.3px}
.lead-intro p{margin:0;color:var(--muted);font-size:16px;line-height:1.7}
.lead-section .form-card{width:100%;max-width:530px;margin:0 auto;padding:30px 32px 24px}
@media(max-width:900px){
  .hero{min-height:unset;padding:64px 0 58px;grid-template-columns:1fr 1fr;gap:20px}
  .hero-copy{max-width:unset}
  .hero-copy h1{font-size:clamp(49px,7vw,68px);letter-spacing:-3.6px}
  .hero-side{max-width:unset}
  .hero-visual{height:min(58vh,460px)}
  .lead-section{gap:36px}
}
@media(max-width:680px){
  .hero{padding:48px 0 43px;grid-template-columns:1fr;gap:16px}
  .hero{grid-template-areas:"copy" "visual"}
  .hero-copy h1{font-size:clamp(48px,13vw,62px);letter-spacing:-3px}
  .hero-copy .hero-lede{font-size:16px}
  .hero-copy .proof-item{font-size:13px}
  .hero-copy .trust-note{font-size:12px}
  .hero-cta{margin-top:22px}
  .hero-visual{height:min(52vh,380px)}
  .lead-section{grid-template-columns:1fr;gap:24px;padding:52px 0}
  .lead-intro h2{font-size:28px}
  .lead-intro p{font-size:15px}
  .lead-section .form-card{padding:25px 22px 20px}
}
@media(prefers-reduced-motion:reduce){.hero-cta{transition:none}}