/* LíderHub Black — páginas de captação (design system "LíderHub Black") */
:root{
  --bg-000:#0A0B0D; --bg-100:#111317; --bg-200:#16181D;
  --line-100:#1F2126; --line-200:#2C2F36;
  --ink-100:#F2F3F5; --ink-200:#C9CCD3; --muted:#9A9EA8; --faint:#80848D;
  --blue-500:#3E78FF; --blue-400:#5B8CFF; --blue-200:#A9C1FF;
  --horizon:rgba(214,222,240,.55);
  --sans:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;
  --mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  --pad-x:clamp(24px,5.5vw,80px);
  --sec-y:clamp(72px,9vw,128px);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg-000);color:var(--ink-100);font-family:var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:var(--ink-200)}
a:hover{color:var(--ink-100)}
.wrap{max-width:1200px;margin:0 auto}

/* texto */
.silver{background:linear-gradient(180deg,var(--ink-100),var(--ink-200));-webkit-background-clip:text;background-clip:text;color:transparent}
.blue{background:linear-gradient(90deg,var(--blue-400),var(--blue-200));-webkit-background-clip:text;background-clip:text;color:transparent}
.label{font-family:var(--mono);font-size:11px;letter-spacing:.12em;color:var(--faint);text-transform:uppercase}
.pill{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line-200);background:var(--bg-100);border-radius:999px;padding:7px 13px;font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.12em;color:var(--ink-200);text-transform:uppercase}
.pill i{width:6px;height:6px;border-radius:50%;background:var(--blue-500);display:inline-block}
.pill--blue{border-color:var(--blue-500);color:var(--ink-100)}
.h2{margin:16px 0 0;font-size:clamp(32px,4vw,52px);line-height:1.06;font-weight:500;letter-spacing:-.03em}
.lead{margin:18px 0 0;max-width:620px;font-size:clamp(16px,1.3vw,18px);line-height:1.55;color:var(--muted)}
.br-d{display:none}
@media (min-width:768px){.br-d{display:inline}}

/* botão de ação: azul elétrico com brilho (opção A, escolhida em 02/11) */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:10px;background:linear-gradient(180deg,var(--blue-400),#2F64F0);color:#fff;font:700 16px/1.2 var(--sans);text-decoration:none;cursor:pointer;box-shadow:0 0 0 1px rgba(169,193,255,.45) inset,0 10px 34px rgba(62,120,255,.55),0 0 60px rgba(62,120,255,.25);transition:transform .15s,box-shadow .2s,filter .15s}
.btn:hover{color:#fff;transform:translateY(-1px);filter:brightness(1.08);box-shadow:0 0 0 1px rgba(169,193,255,.6) inset,0 14px 44px rgba(62,120,255,.7),0 0 80px rgba(62,120,255,.35)}
.btn:focus-visible{outline:2px solid #fff;outline-offset:3px}
.field:focus-visible{outline:2px solid var(--blue-400);outline-offset:2px}

/* ---------- 1ª DOBRA ---------- */
.hero{position:relative;min-height:100svh;display:flex;flex-direction:column;overflow:hidden;isolation:isolate}
.hero__bar{display:flex;justify-content:space-between;align-items:center;padding:28px var(--pad-x)}
.hero__logo{height:26px;width:auto}
.hero__meta{font-family:var(--mono);font-size:11px;letter-spacing:.12em;color:var(--faint)}
.hero__meta .m{display:none}
.hero__body{position:relative;z-index:2;flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;padding:clamp(24px,6vh,72px) var(--pad-x) clamp(220px,30vh,320px)}
.hero h1{margin:22px 0 0;max-width:1080px;font-size:clamp(35px,4.6vw,64px);line-height:1.04;font-weight:500;letter-spacing:-.035em}
.hero h1.h1--xl{font-size:clamp(46px,7vw,96px);line-height:.98}
.hero h1.h1--sm{font-size:clamp(32px,3.9vw,54px)}
.hero .lead{margin-left:auto;margin-right:auto;max-width:560px}
/* bloco do fundador acima do pill (narrativa n12-fernando) */
.founder{display:flex;align-items:center;gap:16px;margin-bottom:24px;text-align:left}
.founder__ring{flex:0 0 auto;width:112px;height:112px;border-radius:50%;padding:3px;background:conic-gradient(from 200deg,var(--blue-500),var(--blue-200),var(--ink-100),var(--blue-400),var(--blue-500),var(--muted),var(--blue-500));box-shadow:0 0 40px rgba(62,120,255,.35)}
.founder__ring img{width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:50% 14%;display:block}
.founder__who{display:flex;flex-direction:column;gap:4px}
.founder__who b{font-size:20px;font-weight:600;color:var(--ink-100)}
.founder__who small{font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}

.form{margin-top:32px;width:100%;max-width:920px;display:flex;gap:6px;padding:6px;background:var(--bg-100);border:1px solid var(--line-100);border-radius:14px;text-align:left}
.form label{flex:1 1 0;min-width:0}
/* desktop: cada campo na largura do seu texto de exemplo */
.form label:has([name=whatsapp]){flex-grow:1.7}
.form label:has([name=email]){flex-grow:1.3}
/* tablet: a linha não comporta os textos de exemplo, empilha como no celular */
@media (min-width:768px) and (max-width:999px){.form{display:grid;grid-template-columns:1fr;max-width:520px}}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.field{width:100%;height:52px;background:var(--bg-200);border:1px solid var(--line-200);border-radius:10px;padding:0 16px;color:var(--ink-100);font:16px var(--sans)}
.field::placeholder{color:var(--faint)}
.form .btn{height:52px;padding:0 20px;white-space:nowrap}
.form__note{margin:14px 0 0;font-size:12px;line-height:1.5;color:var(--faint)}
.form__note a{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;text-decoration-color:rgba(128,132,141,.35);transition:color .15s,text-decoration-color .15s}
.form__note a:hover{color:var(--muted);text-decoration-color:currentColor}
.form__ok{margin-top:16px;padding:12px 16px;border:1px solid rgba(62,120,255,.45);background:rgba(62,120,255,.10);border-radius:12px;color:var(--ink-100);font-size:15px}
.form__err{margin:12px 0 0;padding:10px 14px;border:1px solid rgba(255,255,255,.18);background:var(--bg-100);border-radius:10px;color:var(--ink-100);font-size:14px;line-height:1.45;text-align:left}
.form__err[hidden]{display:none}
.form .btn:disabled{opacity:.6;cursor:progress;transform:none}
/* isca para robô (campo "website"): fora da tela, não some do DOM */
.hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}

.eclipse{position:absolute;left:50%;transform:translateX(-50%);border-radius:50%;pointer-events:none;z-index:1}
.eclipse--glow{bottom:-62vh;width:150vw;height:90vh;background:radial-gradient(closest-side,rgba(214,222,240,.20),rgba(214,222,240,0))}
.eclipse--disc{bottom:-78vh;width:130vw;height:100vh;background:var(--bg-000);border-top:1px solid var(--horizon);box-shadow:0 -1px 28px rgba(214,222,240,.16)}

@media (max-width:767px){
  .hero__bar{padding:20px 24px}
  .hero__logo{height:22px}
  .hero__meta .d{display:none}.hero__meta .m{display:inline}
  .hero__body{padding:8px 24px 200px}
  .hero h1{margin-top:16px}
  .founder{gap:14px;margin-bottom:18px}
  .founder__ring{width:84px;height:84px}
  .founder__who b{font-size:17px}
  .founder__who small{font-size:11px}
  .hero .lead{font-size:15px;margin-top:14px}
  /* celular: uma linha por campo (Nome, WhatsApp, E-mail) e o botão embaixo */
  .form{display:grid;grid-template-columns:1fr;margin-top:22px}
  .field{height:46px;padding:0 12px}
  .form .btn{height:50px}
  .eclipse--glow{bottom:-38vh;width:240vw;height:60vh}
  .eclipse--disc{bottom:-52vh;width:220vw;height:66vh}
}

/* ---------- DOBRAS PADRÃO ---------- */
.sec{padding:var(--sec-y) var(--pad-x)}
.sec--line{border-top:1px solid var(--line-100)}
.sec--glow{background:radial-gradient(900px 500px at 50% 0%,rgba(62,120,255,.14),rgba(62,120,255,0))}
.center{text-align:center}
.center .lead,.center .h2{margin-left:auto;margin-right:auto}
.grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-top:48px}
.card{background:var(--bg-100);border:1px solid var(--line-100);border-radius:20px;padding:28px;text-align:left}
.card--blue{background:linear-gradient(180deg,rgba(62,120,255,.12),rgba(62,120,255,.03));border-color:rgba(62,120,255,.55)}
.card__big{font-family:var(--mono);font-size:34px;font-weight:500;color:var(--ink-100)}
.card__big--blue{color:var(--blue-400)}
.card h3{margin:20px 0 0;font-size:20px;font-weight:500;letter-spacing:-.01em;color:var(--ink-100)}
.card p{margin:8px 0 0;font-size:15px;line-height:1.5;color:var(--muted)}
.card--blue p{color:var(--ink-200)}
.step{font-family:var(--mono);font-size:11px;letter-spacing:.14em;color:var(--blue-400)}
.card--blue .step{color:var(--blue-200)}
.card .step + h3{margin-top:14px;font-size:22px;letter-spacing:-.02em}

.live{display:flex;flex-wrap:wrap;align-items:center;gap:48px 72px}
.live > *{flex:1 1 400px}
.checks{list-style:none;margin:32px 0 0;padding:0}
.checks li{display:flex;gap:14px;align-items:flex-start;padding:16px 0;border-top:1px solid var(--line-100);font-size:17px;line-height:1.45;color:#E6E8EE}
.checks li:last-child{border-bottom:1px solid var(--line-100)}
.check{flex:none;margin-top:1px;width:22px;height:22px;border-radius:50%;background:var(--blue-500);color:#fff;font-size:12px;display:inline-flex;align-items:center;justify-content:center}
.ticket{position:relative;background:linear-gradient(180deg,#15171C,#0F1115);border:1px solid var(--line-200);border-radius:22px;box-shadow:0 30px 80px rgba(0,0,0,.55);overflow:hidden}
.ticket__top{padding:28px 28px 24px}
.ticket__row{display:flex;justify-content:space-between;align-items:center}
.ticket__date{margin-top:36px;font-size:clamp(64px,7vw,96px);line-height:.95;font-weight:600;letter-spacing:-.05em;color:var(--ink-100)}
.ticket__data{display:flex;gap:32px;margin-top:24px;font-family:var(--mono)}
.ticket__data small{display:block;font-size:10px;letter-spacing:.14em;color:var(--faint)}
.ticket__data b{display:block;margin-top:5px;font-size:20px;font-weight:400;color:var(--ink-100)}
.ticket__stub{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 28px 22px;border-top:2px dashed var(--line-200)}
.barcode{width:120px;height:30px;background:repeating-linear-gradient(90deg,#C9CCD3 0 2px,transparent 2px 4px,#C9CCD3 4px 5px,transparent 5px 9px)}

.quote{display:flex;flex-direction:column;justify-content:space-between;gap:32px;margin:0}
.quote p{margin:12px 0 0;font-size:clamp(22px,1.9vw,26px);line-height:1.2;font-weight:500;letter-spacing:-.02em;color:var(--ink-100)}
.quote p span{color:var(--blue-400)}
.quote figcaption{display:flex;align-items:center;gap:14px;padding-top:20px;border-top:1px solid var(--line-100)}
.quote img{width:56px;height:56px;border-radius:50%;object-fit:cover;object-position:center top;border:1px solid var(--line-200)}
.quote b{display:block;font-size:16px;font-weight:600;color:var(--ink-100)}
.quote small{display:block;margin-top:3px;font-size:14px;color:var(--muted)}

.cta{position:relative;overflow:hidden;padding:clamp(80px,10vw,140px) var(--pad-x) clamp(200px,22vw,300px);text-align:center}
.cta .eclipse--glow{bottom:-60%;width:180%;height:110%}
.cta .eclipse--disc{bottom:-78%;width:160%;height:100%}
.cta__in{position:relative;z-index:2;max-width:820px;margin:0 auto;display:flex;flex-direction:column;align-items:center}
.cta h2{margin:20px 0 0;font-size:clamp(36px,4.8vw,64px);line-height:1.04;font-weight:500;letter-spacing:-.035em}
.cta .btn{margin-top:32px;min-height:56px;padding:0 32px;border-radius:12px;font-size:17px}
.cta .label{margin-top:16px}

.foot{padding:clamp(48px,5vw,72px) var(--pad-x) 40px;border-top:1px solid var(--line-100)}
.foot__desc{margin:18px 0 0;max-width:380px;font-size:15px;line-height:1.55;color:var(--muted)}
.foot__logo{height:30px;width:auto}
.foot__bottom{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 32px;margin-top:48px;padding-top:28px;border-top:1px solid var(--line-100);font-size:14px;line-height:1.6;color:var(--faint)}
.foot__links{display:flex;gap:28px}
.foot__links a{color:var(--muted);text-decoration:none}
.foot__links a:hover{color:var(--ink-100)}

/* ---------- OBRIGADO (/black/obrigado) ---------- */
.ty{min-height:100svh;display:flex;flex-direction:column;background:radial-gradient(900px 420px at 50% -120px,rgba(62,120,255,.16),rgba(62,120,255,0)) var(--bg-000)}
.ty [hidden]{display:none!important}
.ty__head{display:flex;flex-direction:column;align-items:center;text-align:center;margin:0 auto;width:min(1200px,100% - 2*var(--pad-x));padding:28px 0 32px;border-bottom:1px solid var(--line-100)}
.ty__title{margin:16px 0 0;font-size:clamp(34px,5vw,60px);line-height:1;font-weight:600;letter-spacing:-.04em;text-transform:uppercase}
.ty__progress{position:relative;margin-top:24px;width:min(440px,100%);height:20px;border:2px solid var(--blue-400);border-radius:999px;padding:2px;overflow:hidden}
.ty__progress-bar{display:block;height:100%;border-radius:999px;background:repeating-linear-gradient(-45deg,var(--blue-500) 0 14px,#2F5FD6 14px 28px);background-size:40px 100%;animation:ty-stripes 1.2s linear infinite}
.ty__progress-num{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-family:var(--mono);font-size:11px;font-weight:500;color:var(--ink-100)}
@keyframes ty-stripes{to{background-position:40px 0}}
@media (prefers-reduced-motion:reduce){.ty__progress-bar{animation:none}}

.ty__main{width:min(600px,100% - 48px);margin:0 auto;padding:clamp(32px,5vw,56px) 0 clamp(64px,8vw,120px)}
.ty__card{border-radius:22px;padding:clamp(32px,5vw,52px)}
.ty__card--dark{background:linear-gradient(180deg,#14161B,var(--bg-100));border:1px solid var(--line-200);box-shadow:0 30px 80px rgba(0,0,0,.45);display:flex;flex-direction:column;align-items:center;text-align:center}
.ty__card-title{margin:0;font-size:clamp(28px,3.4vw,40px);line-height:1.08;font-weight:600;letter-spacing:-.03em;color:var(--ink-100)}
.ty__card-title .blue{white-space:nowrap}
.ty__card-text{margin:16px 0 0;max-width:440px;font-size:clamp(17px,1.4vw,19px);line-height:1.5;color:var(--ink-200)}

/* botão do grupo: verde do WhatsApp, cheio, com pulso para chamar o clique */
.ty__btn{position:relative;display:flex;align-items:center;justify-content:center;gap:12px;width:100%;max-width:440px;min-height:72px;margin-top:32px;padding:0 28px;border-radius:16px;background:linear-gradient(180deg,#2FD467,#1FAF52);color:#fff;font:700 19px/1.2 var(--sans);letter-spacing:.01em;text-decoration:none;box-shadow:0 0 0 1px rgba(255,255,255,.18) inset,0 14px 40px rgba(37,211,102,.38);transition:transform .15s,box-shadow .15s,filter .15s;animation:ty-pulse 2.2s ease-out infinite}
.ty__btn:hover{color:#fff;transform:translateY(-2px);filter:brightness(1.05);box-shadow:0 0 0 1px rgba(255,255,255,.22) inset,0 18px 48px rgba(37,211,102,.5)}
.ty__btn:active{transform:translateY(0)}
.ty__btn:focus-visible{outline:3px solid #fff;outline-offset:3px}
.ty__btn-icon{flex:none}
@keyframes ty-pulse{0%{box-shadow:0 0 0 1px rgba(255,255,255,.18) inset,0 14px 40px rgba(37,211,102,.38),0 0 0 0 rgba(37,211,102,.55)}70%{box-shadow:0 0 0 1px rgba(255,255,255,.18) inset,0 14px 40px rgba(37,211,102,.38),0 0 0 16px rgba(37,211,102,0)}100%{box-shadow:0 0 0 1px rgba(255,255,255,.18) inset,0 14px 40px rgba(37,211,102,.38),0 0 0 0 rgba(37,211,102,0)}}
@media (prefers-reduced-motion:reduce){.ty__btn{animation:none}}
.ty__auto{margin:14px 0 0;font-size:15px;line-height:1.5;color:var(--ink-100)}
.ty__auto b{font-family:var(--mono);font-weight:500;font-variant-numeric:tabular-nums}
.ty__hint{margin:18px 0 0;max-width:380px;font-size:14px;line-height:1.5;color:var(--muted)}

.ty__count{margin-top:40px;display:flex;flex-direction:column;align-items:center;text-align:center}
.ty__count-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;width:100%;margin-top:16px}
.ty__count-cell{padding:18px 6px 14px;border:1px solid var(--line-200);border-radius:14px;background:var(--bg-100)}
.ty__count-cell b{display:block;font-family:var(--mono);font-size:clamp(32px,5vw,48px);line-height:1;font-weight:500;letter-spacing:-.04em;color:var(--ink-100);font-variant-numeric:tabular-nums}
.ty__count-cell small{display:block;margin-top:8px;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint)}
.ty__count-date{margin:14px 0 0;font-size:14px;color:var(--muted)}
.ty__count.is-live .ty__count-cell{border-color:rgba(62,120,255,.55)}
.ty__count.is-live .label{color:var(--blue-400)}

.ty__foot{width:min(1200px,100% - 2*var(--pad-x));margin:auto auto 32px;padding:48px 24px;border:1px solid var(--line-200);border-radius:20px;background:var(--bg-000);display:flex;flex-direction:column;align-items:center;text-align:center}
.ty__foot-logo{height:26px;width:auto}
.ty__foot-legal{margin:24px 0 0;font-size:13px;line-height:1.6;color:var(--muted)}
.ty__foot-links{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 32px;margin-top:20px}
.ty__foot-links a{font-size:13px;font-weight:500;color:var(--muted);text-decoration:none}
.ty__foot-links a:hover{color:var(--ink-100)}

@media (max-width:767px){
  .ty__head{width:calc(100% - 48px);padding-top:22px}
  .ty__card{padding:32px 20px}
  .ty__count-grid{gap:8px}
  .ty__count-cell{padding:14px 4px 12px;border-radius:12px}
  .ty__btn{min-height:64px;padding:0 14px;gap:10px;font-size:17px;white-space:nowrap}
  .ty__btn-icon{width:22px;height:22px}
  .ty__foot{width:calc(100% - 32px);margin-bottom:16px}
}