/* Robô Leads Direct — página de vendas. Degradê quente (amarelo → laranja →
   rosa → roxo → azul) com base escura; sem emoji, só ícones SVG. */
:root{
  --g1:#FEDA75; --g2:#FA7E1E; --g3:#D62976; --g4:#962FBF; --g5:#4F5BD5;
  --grad:linear-gradient(45deg,var(--g1) 0%,var(--g2) 22%,var(--g3) 50%,var(--g4) 76%,var(--g5) 100%);
  --grad-h:linear-gradient(90deg,var(--g2),var(--g3) 45%,var(--g4) 80%,var(--g5));
  --escuro:#0B0820; --escuro-2:#16102E; --texto:#14112A; --suave:#5E5A75; --linha:#ECE8F4;
  --bg:#FFFFFF; --bg-suave:#F8F6FC; --raio:20px;
  --sombra:0 20px 60px -20px rgba(80,30,120,.28);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body.lp{font-family:'Plus Jakarta Sans',system-ui,-apple-system,'Segoe UI',sans-serif;color:var(--texto);background:var(--bg);line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.ico{flex:none;display:inline-block;vertical-align:middle}
.cx{max-width:1160px;margin:0 auto;padding:0 20px}
.estreito{max-width:820px}

/* botões */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:700;border-radius:999px;border:0;cursor:pointer;transition:transform .2s,box-shadow .2s,filter .2s;white-space:nowrap}
.btn:hover{transform:translateY(-2px)}
.btn-p{padding:10px 18px;font-size:14px}
.btn-g{padding:16px 28px;font-size:16px}
.btn-bloco{display:flex;width:100%}
.btn-grad{background:var(--grad-h);background-size:200% 100%;color:#fff;box-shadow:0 12px 30px -10px rgba(214,41,118,.65);animation:brilhoBtn 6s ease infinite}
.btn-grad:hover{box-shadow:0 18px 40px -12px rgba(214,41,118,.8)}
.btn-vidro{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(8px)}
.btn-branco{background:#fff;color:var(--texto);box-shadow:0 14px 34px -12px rgba(0,0,0,.45)}
.btn-txt{font-weight:600;font-size:14px;opacity:.85}
.btn-txt:hover{opacity:1}
@keyframes brilhoBtn{0%,100%{background-position:0 0}50%{background-position:100% 0}}

/* topo */
.topo{position:fixed;inset:0 0 auto;z-index:50;transition:background .3s,box-shadow .3s,backdrop-filter .3s;color:#fff}
.topo.rolou{background:rgba(11,8,32,.82);backdrop-filter:blur(14px);box-shadow:0 1px 0 rgba(255,255,255,.08)}
.topo-in{display:flex;align-items:center;justify-content:space-between;gap:20px;height:76px}
.marca img{height:52px;width:auto}
.nav{display:flex;gap:28px;font-size:14.5px;font-weight:600}
.nav a{opacity:.78;transition:opacity .2s}
.nav a:hover{opacity:1}
.topo-acoes{display:flex;align-items:center;gap:18px}

/* hero */
.hero{position:relative;background:radial-gradient(120% 90% at 50% 0%,#1C1240 0%,var(--escuro) 60%);color:#fff;padding:130px 0 0;overflow:hidden}
.blob{position:absolute;border-radius:50%;filter:blur(90px);opacity:.55;pointer-events:none;animation:flutua 18s ease-in-out infinite}
.b1{width:520px;height:520px;background:var(--g3);top:-160px;left:-120px}
.b2{width:460px;height:460px;background:var(--g4);top:80px;right:-140px;animation-delay:-6s}
.b3{width:380px;height:380px;background:var(--g2);bottom:-120px;left:38%;opacity:.38;animation-delay:-12s}
@keyframes flutua{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(40px,-30px) scale(1.08)}66%{transform:translate(-30px,30px) scale(.95)}}
.hero-in{position:relative;display:grid;grid-template-columns:1.08fr .92fr;gap:48px;align-items:center;padding-bottom:70px}
.pill{display:inline-flex;align-items:center;gap:10px;padding:8px 16px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);font-size:13.5px;font-weight:600}
.ponto{width:8px;height:8px;border-radius:50%;background:#3DDC84;box-shadow:0 0 0 0 rgba(61,220,132,.7);animation:pulsa 2s infinite}
@keyframes pulsa{70%{box-shadow:0 0 0 10px rgba(61,220,132,0)}100%{box-shadow:0 0 0 0 rgba(61,220,132,0)}}
.hero h1{font-size:clamp(36px,5.4vw,62px);line-height:1.05;letter-spacing:-.035em;font-weight:800;margin:22px 0 18px}
.grad-txt{white-space:nowrap;background:var(--grad);background-size:200% 200%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:brilhoBtn 8s ease infinite}
.lead{font-size:18.5px;color:rgba(255,255,255,.76);max-width:560px}
.hero-cta{display:flex;flex-wrap:wrap;gap:14px;margin:30px 0 26px}
.hero-garantias{list-style:none;display:flex;flex-wrap:wrap;gap:10px 24px;font-size:14px;color:rgba(255,255,255,.75)}
.hero-garantias li{display:flex;align-items:center;gap:8px}
.hero-garantias .ico{color:var(--g1)}

/* celular */
.hero-vis{position:relative;display:flex;justify-content:center}
.aro{padding:3px;border-radius:48px;background:var(--grad);background-size:200% 200%;animation:brilhoBtn 7s ease infinite;box-shadow:0 40px 80px -20px rgba(150,47,191,.55)}
.celular{width:300px;background:#05040C;border-radius:45px;padding:12px;position:relative}
.cel-notch{position:absolute;top:18px;left:50%;transform:translateX(-50%);width:84px;height:22px;border-radius:20px;background:#05040C;z-index:2}
.cel-tela{background:#fff;border-radius:34px;height:560px;overflow:hidden;color:#111;font-size:13px;padding:44px 14px 14px;display:flex;flex-direction:column;gap:10px}
.cel-cab{display:flex;align-items:center;gap:10px}
.cel-cab small{display:block;color:#8a8a8a;font-size:11px;line-height:1}
.av{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:800;font-size:12px;flex:none}
.av-loja{background:var(--grad)}
.av-p{background:linear-gradient(135deg,#4F5BD5,#962FBF)}
.post-img{height:150px;border-radius:14px;background:linear-gradient(135deg,#FFE7C2,#FFC2D9 50%,#D9C8FF);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#7A3A8E;font-weight:800;font-size:15px}
.post-acoes{display:flex;gap:14px;padding:8px 2px 0;color:#222}
.chat{display:flex;flex-direction:column;gap:8px}
.msg,.sep{opacity:0;transform:translateY(10px);animation:entra 12s infinite;animation-delay:calc(var(--d) * .9s)}
@keyframes entra{0%{opacity:0;transform:translateY(10px)}4%,82%{opacity:1;transform:none}90%,100%{opacity:0;transform:translateY(-4px)}}
.cmt{display:flex;gap:8px;align-items:flex-start}
.cmt .av{width:24px;height:24px;font-size:10px}
.cmt p{background:#F4F4F6;border-radius:14px;padding:7px 11px;font-size:12.5px}
.cmt.resp{margin-left:22px}
.sep{display:flex;align-items:center;justify-content:center;gap:6px;color:#999;font-size:11px;text-transform:uppercase;letter-spacing:.08em}
.dm p{display:inline-flex;align-items:center;gap:6px;max-width:86%;padding:9px 13px;border-radius:18px;font-size:12.5px}
.dm.eu{display:flex;justify-content:flex-end}
.dm.eu p{background:linear-gradient(135deg,#7B3FE4,#D62976);color:#fff}
.dm.botao{display:flex;justify-content:flex-end}
.dm.botao span{border:1.5px solid #E2DDEE;border-radius:12px;padding:7px 14px;font-weight:700;color:#7B3FE4;background:#fff;font-size:12.5px}
.flut{position:absolute;display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.96);color:var(--texto);border-radius:16px;padding:10px 14px 10px 10px;box-shadow:0 18px 40px -14px rgba(0,0,0,.45);font-size:13px;animation:boia 6s ease-in-out infinite}
.flut b{display:block;font-size:13.5px}
.flut small{color:var(--suave)}
.fi{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--g2),var(--g3))}
.fi-2{background:linear-gradient(135deg,var(--g4),var(--g5))}
.fi-3{background:linear-gradient(135deg,#1FB57A,#16A0C5)}
.f1{top:12%;left:-6%}
.f2{top:48%;right:-8%;animation-delay:-2s}
.f3{bottom:8%;left:-2%;animation-delay:-4s}
@keyframes boia{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}

/* faixa de palavras */
.faixa{position:relative;border-top:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);overflow:hidden;padding:16px 0;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.faixa-in{display:flex;gap:40px;width:max-content;animation:rola 32s linear infinite}
.faixa span{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:15px;letter-spacing:.06em;color:rgba(255,255,255,.62)}
.faixa .ico{color:var(--g2)}
@keyframes rola{to{transform:translateX(-50%)}}

/* números */
.numeros{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:-1px;padding-top:56px;padding-bottom:20px}
.num{text-align:center;padding:10px}
.num b{display:block;font-size:46px;font-weight:800;letter-spacing:-.03em;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1.1}
.num span{color:var(--suave);font-size:14.5px}

/* seções */
.sec{position:relative;padding:90px 0}
.sec-suave{background:var(--bg-suave)}
.sec-escura{background:var(--escuro);color:#fff;overflow:hidden}
.titulo{text-align:center;max-width:680px;margin:0 auto 50px}
.titulo h2{font-size:clamp(28px,3.6vw,42px);letter-spacing:-.03em;line-height:1.12;font-weight:800}
.titulo p{color:var(--suave);font-size:17px;margin-top:12px}
.sec-escura .titulo p{color:rgba(255,255,255,.7)}
.sobre{display:inline-block;font-size:13px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin-bottom:12px;background:var(--grad-h);-webkit-background-clip:text;background-clip:text;color:transparent}
.sobre-claro{background:linear-gradient(90deg,var(--g1),var(--g2),#FF8DC0);-webkit-background-clip:text;background-clip:text}

/* problema x solução */
.dupla{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.card-claro,.card-grad{border-radius:28px;padding:38px}
.card-claro{background:var(--bg-suave);border:1px solid var(--linha)}
.card-grad{background:linear-gradient(140deg,#2A1458 0%,#6C1F6E 55%,#B8326B 100%);color:#fff;box-shadow:var(--sombra)}
.card-claro h3,.card-grad h3{font-size:24px;letter-spacing:-.02em;line-height:1.2;margin:14px 0 20px}
.eti{display:inline-block;font-size:12.5px;font-weight:800;padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.16)}
.eti-cinza{background:#E9E5F2;color:var(--suave)}
.lista-x,.lista-ok{list-style:none;display:grid;gap:13px;font-size:15.5px}
.lista-x li{position:relative;padding-left:26px;color:var(--suave)}
.lista-x li::before{content:"";position:absolute;left:3px;top:10px;width:12px;height:2px;background:#C9C2D8;border-radius:2px}
.lista-ok li{display:flex;gap:10px;align-items:flex-start}
.lista-ok .ico{color:var(--g1);margin-top:2px}

/* passos */
.passos{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;counter-reset:p}
.passo{position:relative;background:#fff;border:1px solid var(--linha);border-radius:var(--raio);padding:32px 28px;transition:transform .3s,box-shadow .3s}
.passo:hover{transform:translateY(-6px);box-shadow:var(--sombra)}
.passo-ic{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;color:#fff;background:var(--grad);margin-bottom:22px}
.passo-n{position:absolute;top:22px;right:26px;font-size:54px;font-weight:800;line-height:1;color:#F0ECF7}
.passo h3,.recurso h3,.publico h3{font-size:19px;letter-spacing:-.01em;margin-bottom:8px}
.passo p,.recurso p{color:var(--suave);font-size:15px}

/* recursos */
.recursos{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.recurso{padding:28px;border-radius:var(--raio);border:1px solid var(--linha);background:#fff;transition:transform .3s,border-color .3s,box-shadow .3s}
.recurso:hover{transform:translateY(-4px);border-color:transparent;box-shadow:var(--sombra)}
.rec-ic{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;margin-bottom:18px;color:var(--g3);background:linear-gradient(#fff,#fff) padding-box,var(--grad) border-box;border:1.5px solid transparent}

/* públicos */
.b4{width:600px;height:600px;background:var(--g4);top:-240px;right:-200px;opacity:.35}
.publicos{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.publico{padding:28px 24px;border-radius:var(--raio);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);transition:background .3s,transform .3s}
.publico:hover{background:rgba(255,255,255,.09);transform:translateY(-4px)}
.publico p{color:rgba(255,255,255,.68);font-size:14.5px}
.pub-ic{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;margin-bottom:18px;background:var(--grad);color:#fff}

/* preço */
.preco-wrap{display:flex;justify-content:center}
.preco-card{position:relative;width:100%;max-width:500px;padding:44px 40px 36px;border-radius:32px;background:linear-gradient(#fff,#fff) padding-box,var(--grad) border-box;border:2.5px solid transparent;box-shadow:0 40px 90px -30px rgba(150,47,191,.45);text-align:center}
.preco-tag{position:absolute;top:-17px;left:50%;transform:translateX(-50%);display:inline-flex;align-items:center;gap:6px;padding:7px 16px;border-radius:999px;background:var(--grad-h);color:#fff;font-size:13px;font-weight:800;white-space:nowrap}
.preco-card h3{font-size:22px;letter-spacing:-.02em}
.preco-val{display:flex;justify-content:center;align-items:flex-start;gap:4px;margin:14px 0 4px;color:var(--texto)}
.preco-val small{font-size:22px;font-weight:700;margin-top:14px}
.preco-val b{font-size:84px;line-height:1;font-weight:800;letter-spacing:-.05em;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.preco-val span{font-size:26px;font-weight:800;margin-top:10px}
.preco-val em{font-style:normal;font-size:15px;color:var(--suave);font-weight:600;margin-left:2px}
.preco-sub{color:var(--suave);font-size:14px;margin-bottom:24px}
.preco-lista{list-style:none;display:grid;gap:12px;text-align:left;margin:0 auto 28px;max-width:360px;font-size:15px}
.preco-lista li{display:flex;gap:10px;align-items:flex-start}
.preco-lista .ico{color:#1FB57A;margin-top:2px}
.garantia{display:flex;gap:14px;align-items:center;text-align:left;margin-top:22px;padding:16px 18px;border-radius:16px;background:var(--bg-suave);font-size:14px;color:var(--suave)}
.garantia b{color:var(--texto)}
.gar-ic{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;flex:none;background:linear-gradient(135deg,#1FB57A,#16A0C5);color:#fff}
.nota-acesso{text-align:center;color:var(--suave);font-size:14px;margin-top:26px}
.nota-acesso a{color:var(--g3);font-weight:700}

/* faq */
.faq{display:grid;gap:12px}
.faq-item{background:#fff;border:1px solid var(--linha);border-radius:18px;padding:4px 24px;transition:box-shadow .3s}
.faq-item[open]{box-shadow:0 14px 40px -20px rgba(80,30,120,.3)}
.faq-item summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;font-weight:700;font-size:16.5px}
.faq-item summary::-webkit-details-marker{display:none}
.faq-mais{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;flex:none;background:var(--bg-suave);color:var(--g3);transition:transform .3s}
.faq-item[open] .faq-mais{transform:rotate(45deg)}
.faq-item p{color:var(--suave);padding:0 0 20px;font-size:15px}

/* cta final */
.cta-final{position:relative;overflow:hidden;padding:100px 0;text-align:center;color:#fff;background:linear-gradient(120deg,#3B1A7A 0%,#962FBF 35%,#D62976 70%,#FA7E1E 100%)}
.b5{width:500px;height:500px;background:#FEDA75;opacity:.25;bottom:-260px;left:-120px}
.cta-final h2{position:relative;font-size:clamp(30px,4.4vw,50px);letter-spacing:-.035em;line-height:1.08;max-width:760px;margin:0 auto 16px}
.cta-final p{position:relative;font-size:18px;opacity:.85;margin-bottom:32px}
.cta-final .btn{position:relative}

/* rodapé */
.rodape{background:var(--escuro);color:rgba(255,255,255,.62);padding:48px 0 90px;font-size:13.5px}
.rod-in{display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center}
.rod-in img{height:54px;width:auto;opacity:.95}
.rod-in nav{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 26px}
.rod-in nav a{display:inline-flex;align-items:center;gap:6px;color:rgba(255,255,255,.82)}
.rod-in nav a:hover{color:#fff}

/* barra fixa no celular */
.barra-mobile{display:none}

/* revelar ao rolar */
.rev{opacity:0;transform:translateY(28px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--i,0) * 90ms)}
.rev.vis{opacity:1;transform:none}

@media (max-width:1020px){
  .hero-in{grid-template-columns:1fr;text-align:center}
  .lead{margin:0 auto}
  .hero-cta,.hero-garantias{justify-content:center}
  .recursos{grid-template-columns:1fr 1fr}
  .publicos{grid-template-columns:1fr 1fr}
  .nav{display:none}
}
@media (max-width:720px){
  .hero{padding-top:110px}
  .topo-acoes .btn-txt{display:none}
  .dupla,.passos,.recursos,.publicos{grid-template-columns:1fr}
  .numeros{grid-template-columns:1fr 1fr;padding-top:40px}
  .num b{font-size:38px}
  .sec{padding:66px 0}
  .card-claro,.card-grad{padding:28px 24px}
  .preco-card{padding:40px 22px 28px}
  .preco-val b{font-size:68px}
  .flut{display:none}
  .celular{width:270px}
  .cel-tela{height:520px}
  .btn-g{padding:15px 22px;font-size:15px}
  .barra-mobile{display:flex;position:fixed;left:14px;right:14px;bottom:14px;z-index:60;padding:15px;font-size:15px;transform:translateY(120px);transition:transform .35s}
  .barra-mobile.mostra{transform:none}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  .rev{opacity:1;transform:none}
  .msg,.sep{opacity:1;transform:none}
}