/* ============================================================
   hero.css — sección hero (badge, titular, social proof,
   scroll hint). El formulario email vive en base.css.
   ============================================================ */

#hero{min-height:130vh;display:flex;flex-direction:column;justify-content:center;padding-top:140px}
.badge{
  display:inline-flex;align-items:center;gap:9px;font-family:var(--mono);font-size:12px;
  letter-spacing:.08em;color:var(--t-70);padding:7px 14px;border:1px solid var(--line);
  border-radius:999px;background:var(--glass);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);margin-bottom:30px;
}
.dot{width:7px;height:7px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 0 rgba(232,103,58,.6);animation:pulse 2.2s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(232,103,58,.55)}70%{box-shadow:0 0 0 9px rgba(232,103,58,0)}100%{box-shadow:0 0 0 0 rgba(232,103,58,0)}}
#hero h1{font-size:clamp(42px,7.4vw,92px);max-width:15ch;letter-spacing:-.01em}
.lead{font-size:clamp(17px,2vw,21px);color:var(--t-70);max-width:52ch;margin:28px 0 34px;line-height:1.55}
.proof{display:flex;gap:clamp(24px,5vw,64px);margin-top:64px;flex-wrap:wrap}
.proof .n{font-family:var(--serif);font-size:clamp(28px,3.4vw,40px);color:var(--white);line-height:1}
.proof .l{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--t-35);margin-top:8px}
.scroll-hint{position:absolute;bottom:38px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;font-family:var(--mono);font-size:10.5px;letter-spacing:.2em;color:var(--t-35);text-transform:uppercase}
.scroll-hint .line{width:1px;height:44px;background:linear-gradient(var(--orange),transparent);position:relative;overflow:hidden}
.scroll-hint .line::after{content:"";position:absolute;top:-50%;left:0;width:100%;height:50%;background:var(--white);animation:drop 1.8s var(--ease) infinite}
@keyframes drop{0%{top:-50%}100%{top:110%}}