1import{r as p,j as e}from"./COEsLHzF.js";import{a as u,M as g,Q as h}from"./CkOBBei9.js";import"./Cv7XXEzQ.js";import"./D_S0ayS7.js";import"./CyTcV1HU.js";import"./ClQeOjb7.js";/** 2 * @license lucide-react v0.462.0 - ISC 3 * 4 * This source code is licensed under the ISC license. 5 * See the LICENSE file in the root directory of this source tree. 6 */const f=u("Fingerprint",[["path",{d:"M12 10a2 2 0 0 0-2 2c0 1.02-.1 2.51-.26 4",key:"1nerag"}],["path",{d:"M14 13.12c0 2.38 0 6.38-1 8.88",key:"o46ks0"}],["path",{d:"M17.29 21.02c.12-.6.43-2.3.5-3.02",key:"ptglia"}],["path",{d:"M2 12a10 10 0 0 1 18-6",key:"ydlgp0"}],["path",{d:"M2 16h.01",key:"1gqxmh"}],["path",{d:"M21.8 16c.2-2 .131-5.354 0-6",key:"drycrb"}],["path",{d:"M5 19.5C5.5 18 6 15 6 12a6 6 0 0 1 .34-2",key:"1tidbn"}],["path",{d:"M8.65 22c.21-.66.45-1.32.57-2",key:"13wd9y"}],["path",{d:"M9 6.8a6 6 0 0 1 9 5.2v2",key:"1fr1j5"}]]);/** 7 * @license lucide-react v0.462.0 - ISC 8 * 9 * This source code is licensed under the ISC license. 10 * See the LICENSE file in the root directory of this source tree. 11 */const b=u("UserRoundCheck",[["path",{d:"M2 21a8 8 0 0 1 13.292-6",key:"bjp14o"}],["circle",{cx:"10",cy:"8",r:"5",key:"o932ke"}],["path",{d:"m16 19 2 2 4-4",key:"1b14m6"}]]),v=` 12/* AVISO: isto e um template literal. NUNCA use crase em comentario aqui dentro. */ 13.ls-lp{ 14 /* Paleta do DS da Highland Seguros, com o acento trocado pelo roxo LeadSense. 15 Abyss/Pine/Sage no texto, Bone na pagina, Fog na linha. O verde aqui e 16 SEMANTICA de etapa concluida, nao acento de marca. */ 17 --ink:#002025; 18 --ink-soft:#3e534f; 19 --ink-mute:#5c6f6a; 20 --brand:#6467f2; 21 --brand-deep:#393cef; 22 --brand-soft:rgba(100,103,242,.10); 23 --bg:#fffffa; 24 --card:#fffffa; 25 --line:#dbe5e0; 26 --green:#0b8a3a; 27 --green-soft:rgba(11,138,58,.09); 28 --amber:#84570b; 29 --radius:16px; 30 --shadow:0 1px 2px rgba(0,32,37,.06),0 10px 24px rgba(0,32,37,.08); 31 32 font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Roboto,sans-serif; 33 color:var(--ink); 34 background:var(--bg); 35 line-height:1.6; 36 -webkit-font-smoothing:antialiased; 37 scroll-behavior:smooth; 38} 39.ls-lp *{margin:0;padding:0;box-sizing:border-box} 40.ls-lp .wrap{max-width:1120px;margin:0 auto;padding:0 24px} 41.ls-lp section{padding:88px 0} 42.ls-lp h1,.ls-lp h2,.ls-lp h3{line-height:1.15;letter-spacing:-.02em} 43.ls-lp h2{font-size:clamp(28px,4vw,40px);font-weight:800} 44.ls-lp .kicker{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--brand-deep);background:var(--brand-soft);padding:6px 14px;border-radius:999px;margin-bottom:18px} 45.ls-lp .lead{font-size:18px;color:var(--ink-soft);max-width:640px;margin-top:14px} 46.ls-lp .btn{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:15px;padding:14px 26px;border-radius:999px;text-decoration:none;transition:.2s;border:none;cursor:pointer;font-family:inherit} 47.ls-lp .btn-primary{background:var(--ink);color:#fffffa} 48.ls-lp .btn-primary:hover{background:var(--brand-deep)} 49.ls-lp .btn-ghost{color:var(--ink);border:1.5px solid var(--line);background:#fffffa} 50.ls-lp .btn-ghost:hover{border-color:var(--brand)} 51.ls-lp .btn-brand{background:var(--brand);color:#fffffa} 52.ls-lp .btn-brand:hover{background:var(--brand-deep)} 53 54/* NAV */ 55.ls-lp nav{ 56 position:sticky;top:0;z-index:50; 57 background:linear-gradient(180deg,rgba(255,255,255,.62),rgba(250,250,255,.48)); 58 -webkit-backdrop-filter:blur(14px) saturate(190%); 59 backdrop-filter:blur(14px) saturate(190%); 60 border-bottom:1px solid transparent; 61 box-shadow:0 1px 0 rgba(255,255,255,.9) inset, 0 6px 24px -12px rgba(15,23,42,.18); 62} 63.ls-lp nav::after{ 64 content:"";position:absolute;left:0;right:0;bottom:0;height:1px; 65 background:linear-gradient(90deg,transparent,rgba(91,91,214,.28) 18%,rgba(15,23,42,.14) 50%,rgba(91,91,214,.28) 82%,transparent); 66} 67.ls-lp .nav-in{display:flex;align-items:center;justify-content:space-between;height:68px} 68.ls-lp .logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:19px;text-decoration:none;color:var(--ink)} 69.ls-lp .logo-mark{width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,var(--brand),var(--brand-deep));display:grid;place-items:center;color:#fffffa;font-size:15px} 70.ls-lp .nav-links{display:flex;gap:26px;font-size:14.5px;font-weight:600} 71.ls-lp .nav-links a{color:var(--ink-soft);text-decoration:none} 72.ls-lp .nav-links a:hover{color:var(--ink)} 73.ls-lp .nav-cta{display:flex;gap:10px;align-items:center} 74.ls-lp .nav-cta .btn{padding:9px 18px;font-size:14px} 75@media(max-width:860px){.ls-lp .nav-links{display:none}} 76 77/* HERO */ 78.ls-lp .hero{padding:96px 0 72px;background: 79 radial-gradient(700px 400px at 85% -10%,rgba(91,91,214,.14),transparent), 80 radial-gradient(500px 300px at 0% 30%,rgba(91,91,214,.08),transparent)} 81.ls-lp .hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center} 82@media(max-width:920px){.ls-lp .hero-grid{grid-template-columns:1fr}} 83.ls-lp .hero h1{font-size:clamp(36px,5.2vw,56px);font-weight:800} 84.ls-lp .hero h1 em{font-style:normal;color:var(--brand)} 85.ls-lp .hero-proof{display:flex;gap:22px;flex-wrap:wrap;margin-top:26px;font-size:13.5px;color:var(--ink-soft);font-weight:600} 86.ls-lp .hero-proof span::before{content:"â";color:var(--green);margin-right:7px;font-weight:800} 87.ls-lp .hero-actions{display:flex;gap:14px;margin-top:32px;flex-wrap:wrap} 88 89/* CHAT MOCKUP */ 90.ls-lp .mock{background:var(--card);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);overflow:hidden} 91.ls-lp .mock-head{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid var(--line);font-size:13px;font-weight:700} 92.ls-lp .dot{width:9px;height:9px;border-radius:50%;background:var(--green);display:inline-block} 93.ls-lp .chat{padding:20px;
93display:flex;flex-direction:column;gap:10px;background:linear-gradient(180deg,#fffffa,#f2f7f3)} 94.ls-lp .bub{max-width:78%;padding:10px 14px;border-radius:14px;font-size:13.5px;line-height:1.45} 95.ls-lp .bub.in{background:#fffffa;border:1px solid var(--line);align-self:flex-start;border-bottom-left-radius:4px} 96.ls-lp .bub.out{background:var(--brand);color:#fffffa;align-self:flex-end;border-bottom-right-radius:4px} 97.ls-lp .bub .who{display:block;font-size:10.5px;font-weight:700;opacity:.75;margin-bottom:3px;letter-spacing:.04em;text-transform:uppercase} 98.ls-lp .bub.doc{display:flex;align-items:center;gap:10px;background:#fffffa;border:1px solid var(--line);align-self:flex-end} 99.ls-lp .bub.doc .pdf{width:34px;height:40px;border-radius:6px;background:rgba(179,42,61,.10);color:#b32a3d;display:grid;place-items:center;font-size:10px;font-weight:800} 100.ls-lp .stamp{align-self:center;font-size:11px;color:var(--ink-mute);font-weight:600;background:#fffffa;border:1px solid var(--line);padding:3px 12px;border-radius:999px} 101.ls-lp .typing{align-self:flex-start;font-size:12px;color:var(--ink-mute)} 102/* Conversa animada do hero (nova na v2 do Bruno, 21/08). O arquivo dele revela 103 mensagem por mensagem via script solto; aqui a sequencia virou effect (useHeroChat), 104 e estas classes sao os estados que ele liga e desliga. */ 105.ls-lp .bub .time{float:right;font-size:9.5px;opacity:.6;margin:10px -4px -2px 10px;font-weight:600} 106.ls-lp .cmsg{opacity:0;transform:translateY(10px);transition:opacity .4s ease,transform .4s ease} 107.ls-lp .cmsg.show{opacity:1;transform:none} 108.ls-lp .bub.tping{padding:12px 16px} 109.ls-lp .tping i{display:inline-block;width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.85);margin:0 2px;animation:ls-tblink 1.1s infinite} 110.ls-lp .tping i:nth-child(2){animation-delay:.18s} 111.ls-lp .tping i:nth-child(3){animation-delay:.36s} 112/* ð´ Nome de @keyframes é GLOBAL: não escopa junto com o seletor. Prefixo ls- porque 113 o index.css do app já declara fadeUp, fadeIn e slideIn no mesmo documento, e o 114 proximo nome gerico colide em silencio (a ultima declaracao lida vence). */ 115@keyframes ls-tblink{0%,60%,100%{opacity:.35}30%{opacity:1}} 116/* ð´ Sem animação a conversa tem que nascer INTEIRA e ESTÃTICA. Só deixar as 117 mensagens visÃveis não basta: os dois balões de "digitando" existem pra ser 118 substituÃdos pela resposta seguinte, e parados na tela viram dois placeholders 119 permanentes no meio do diálogo. Quem esconde é esta regra, não o effect. */ 120@media (prefers-reduced-motion: reduce){ 121 .ls-lp .cmsg{opacity:1;transform:none;transition:none} 122 .ls-lp .bub.tping{display:none} 123} 124 125/* HERO NUMBER */ 126.ls-lp .hero-stat{margin-top:20px;display:flex;align-items:center;gap:20px;background:#fffffa;border:1px solid var(--line);border-radius:var(--radius);padding:20px 24px;box-shadow:var(--shadow)} 127.ls-lp .dotgrid{display:grid;grid-template-columns:repeat(5,16px);grid-auto-rows:16px;gap:7px;flex-shrink:0} 128.ls-lp .dotgrid i{border-radius:50%;background:#e6efe9} 129.ls-lp .dotgrid i.on{background:linear-gradient(135deg,var(--brand),var(--brand-deep));box-shadow:0 2px 6px rgba(79,70,229,.35)} 130.ls-lp .hero-stat .t{font-size:14px;color:var(--ink-soft);font-weight:500;line-height:1.5} 131.ls-lp .hero-stat .t b{color:var(--ink);font-weight:800} 132 133/* PAIN */ 134.ls-lp .pain{background:#fffffa;border-top:1px solid var(--line);border-bottom:1px solid var(--line)} 135.ls-lp .pain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:44px} 136@media(max-width:860px){.ls-lp .pain-grid{grid-template-columns:1fr}} 137.ls-lp .pain-card{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);padding:28px} 138.ls-lp .pain-card .big{font-size:34px;font-weight:800;color:var(--ink);letter-spacing:-.02em} 139.ls-lp .pain-card .big small{font-size:16px;color:var(--ink-mute);font-weight:700} 140.ls-lp .pain-card p{font-size:14.5px;color:var(--ink-soft);margin-top:8px} 141 142/* STEPS */ 143.ls-lp .step{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;padding:44px 0} 144.ls-lp .step:nth-child(even) .step-viz{order:-1} 145@media(max-width:920px){.ls-lp .step{grid-template-columns:1fr}.ls-lp .step:nth-child(even) .step-viz{order:0}} 146.ls-lp .step-num{font-size:12px;font-weight:800;letter-spacing:.14em;color:var(--brand-deep);text-transform:uppercase;margin-bottom:10px} 147.ls-lp .step h3{font-size:26px;font-weight:800;margin-bottom:12px} 148.ls-lp .step p{color:var(--ink-soft);font-size:15.5px} 149.ls-lp .step ul{list-style:none;margin-top:16px;display:flex;flex-direction:column;gap:9px} 150.ls-lp .step ul li{font-size:14.5px;color:var(--ink-soft);padding-left:26px;position:relative} 151.ls-lp .step ul li::before{content:"â";position:absolute;
151left:0;color:var(--green);font-weight:800} 152.ls-lp .step-metric{display:inline-flex;align-items:baseline;gap:8px;margin-top:20px;background:var(--green-soft);border:1px solid rgba(11,138,58,.18);border-radius:12px;padding:10px 16px} 153.ls-lp .step-metric b{font-size:22px;color:var(--green)} 154.ls-lp .step-metric span{font-size:13px;color:var(--ink-soft);font-weight:600} 155 156/* FUNNEL VIZ */ 157.ls-lp .funnel{background:#fffffa;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);padding:26px} 158.ls-lp .funnel .f-title{font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-mute);margin-bottom:18px} 159.ls-lp .f-row{margin-bottom:14px} 160.ls-lp .f-row .f-label{display:flex;justify-content:space-between;font-size:13px;font-weight:700;margin-bottom:5px} 161.ls-lp .f-row .f-label span:last-child{color:var(--ink-mute);font-weight:600} 162.ls-lp .f-bar{height:22px;border-radius:7px;background:var(--brand-soft);overflow:hidden} 163.ls-lp .f-bar i{display:block;height:100%;border-radius:7px;background:linear-gradient(90deg,var(--brand),var(--brand-deep))} 164/* Grupos do funil (novos na v2): a barra verde e o rótulo verde marcam onde a IA 165 para e o corretor entra. à o argumento central do passo 02 virando desenho, então 166 a cor tem que ser a mesma dos dois lados. */ 167.ls-lp .f-bar i.human{background:linear-gradient(90deg,#0fae4a,var(--green))} 168.ls-lp .f-group{display:flex;align-items:center;gap:10px;font-size:10.5px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--brand-deep);margin:4px 0 10px} 169.ls-lp .f-group::after{content:"";flex:1;height:1px;background:var(--line)} 170.ls-lp .f-group.corretor{color:var(--green);margin-top:16px} 171 172/* COCKPIT VIZ */ 173.ls-lp .cockpit{background:#fffffa;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);padding:24px;display:flex;flex-direction:column;gap:14px} 174.ls-lp .ck-row{display:flex;justify-content:space-between;align-items:center;background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:13px 16px} 175.ls-lp .ck-row .l{display:flex;align-items:center;gap:12px} 176.ls-lp .ck-av{width:34px;height:34px;border-radius:50%;background:var(--brand-soft);color:var(--brand-deep);display:grid;place-items:center;font-size:12px;font-weight:800} 177.ls-lp .ck-row .name{font-size:13.5px;font-weight:700} 178.ls-lp .ck-row .sub{font-size:11.5px;color:var(--ink-mute)} 179.ls-lp .tag{font-size:10.5px;font-weight:800;padding:4px 10px;border-radius:999px;letter-spacing:.03em;display:inline-flex;align-items:center;white-space:nowrap} 180.ls-lp .tag.hot{background:rgba(132,87,11,.10);color:var(--amber)} 181.ls-lp .tag.done{background:var(--green-soft);color:var(--green)} 182.ls-lp .tag.go{background:var(--brand-soft);color:var(--brand-deep)} 183 184/* AUDIENCE */ 185.ls-lp .aud{background:#fffffa;border-top:1px solid var(--line);border-bottom:1px solid var(--line)} 186.ls-lp .aud-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:44px} 187@media(max-width:860px){.ls-lp .aud-grid{grid-template-columns:1fr}} 188.ls-lp .aud-card{border:1px solid var(--line);border-radius:var(--radius);padding:30px;background:var(--bg)} 189.ls-lp .aud-card .who{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--brand-deep);margin-bottom:14px} 190.ls-lp .aud-card h3{font-size:19px;font-weight:800;margin-bottom:10px} 191.ls-lp .aud-card p{font-size:14.5px;color:var(--ink-soft)} 192 193/* CONTROL */ 194.ls-lp .control-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:44px} 195@media(max-width:860px){.ls-lp .control-grid{grid-template-columns:1fr}} 196.ls-lp .control-card{background:#fffffa;border:1px solid var(--line);border-radius:var(--radius);padding:30px;box-shadow:var(--shadow)} 197.ls-lp .control-card .ico{width:44px;height:44px;border-radius:12px;background:var(--brand-soft);display:grid;place-items:center;font-size:20px;margin-bottom:16px} 198.ls-lp .control-card h3{font-size:17px;font-weight:800;margin-bottom:8px} 199.ls-lp .control-card p{font-size:14px;color:var(--ink-soft)} 200 201/* NUMBERS BAND */ 202.ls-lp .band{background:linear-gradient(180deg,#0a3a41,#002025);color:#fffffa;border-radius:24px;padding:56px 48px;display:grid;grid-template-columns:repeat(3,1fr);gap:36px;text-align:center} 203@media(max-width:860px){.ls-lp .band{grid-template-columns:1fr;padding:44px 28px}} 204.ls-lp .band .n{font-size:46px;font-weight:800;letter-spacing:-.03em} 205.ls-lp .band .n em{font-style:normal;color:#8f91ff} 206.ls-lp .band .t{font-size:14px;opacity:.85;margin-top:6px;font-weight:600} 207 208/* PROOF */ 209.ls-lp .proof-badges{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;margin-top:36px} 210.ls-lp .proof-badges span{font-size:13px;font-weight:700;color:var(--ink-soft);background:#fffffa;border:1px solid var(--line);padding:9px 18px;border-radius:999px} 211.ls-lp .proof-badges span::before{content:"â ";color:var(--green);font-weight:800} 212 213/* FAQ */ 214.ls-lp .faq{max-width:760px;margin:44px auto 0} 215.ls-lp details{background:#fffffa;border:1px solid var(--line);border-radius:14px;margin-bottom:12px;overflow:hidden} 216.ls-lp summary{cursor:pointer;padding:20px 24px;font-weight:700;font-size:15.5px;list-style:none;display:flex;justify-content:space-between;align-items:center} 217.ls-lp summary::-webkit-details-marker{display:none} 218.ls-lp summary::after{content:"+";font-size:22px;color:var(--brand);font-weight:400} 219.ls-lp details[open] summary::after{content:"â"} 220.ls-lp details .a{padding:0 24px 20px;font-size:14.5px;color:var(--ink-soft)} 221 222/* CTA FINAL */ 223.ls-lp .cta-final{text-align:center;padding:110px 0} 224.ls-lp .cta-final .kicker{background:#fffffa;border:1px solid var(--line)} 225.ls-lp .cta-final h2{font-size:clamp(30px,4.5vw,46px);max-width:680px;margin:0 auto} 226.ls-lp .cta-final p{max-width:540px;margin:18px auto 0;color:var(--ink-soft);font-size:16.5px} 227.ls-lp .cta-final .hero-actions{justify-content:center} 228.ls-lp .cta-final .hero-proof{justify-content:center} 229 230.ls-lp footer{border-top:1px solid var(--line);padding:36px 0;background:#fffffa} 231.ls-lp .foot{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;font-size:13.5px;color:var(--ink-mute)} 232.ls-lp .foot a{color:var(--ink-soft);text-decoration:none;margin-left:20px;font-weight:600} 233 234.ls-lp .center{text-align:center} 235.ls-lp .center .lead{margin-left:auto;margin-right:auto} 236 237/* ââ MERGE DE DESIGN (16/08) ââââââââââââââââââââââââââââââââââââââââââââââââââ 238 Acabamento trazido da landing anterior. Nenhuma regra daqui pra baixo muda uma 239 palavra do texto nem revela mecanismo: o conteúdo é o do Bruno, intocado. 240 241 â ï¸ Fica DEPOIS do CSS original de propósito. Mesma especificidade, então quem 242 vem por último vence; ao reaplicar uma atualização do arquivo dele, este bloco 243 tem que continuar no fim. */ 244 245/* O briefing pede "tipografia forte com tracking negativo" e o original usa px fixo 246 nos tÃtulos de seção. clamp deixa respirar no desktop sem estourar no celular, e o 247 tracking aperta junto com o tamanho. */ 248.ls-lp h2{font-size:clamp(30px,4.2vw,44px);letter-spacing:-.03em} 249.ls-lp .hero h1{letter-spacing:-.035em} 250.ls-lp .step h3{font-size:clamp(22px,2.6vw,28px);letter-spacing:-.025em} 251 252/* Reveal de entrada, com o par prefers-reduced-motion que o original não tinha. */ 253.ls-lp .rv{opacity:0;transform:translateY(18px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)} 254.ls-lp .rv.in{opacity:1;transform:none} 255@media (prefers-reduced-motion: reduce){ 256 .ls-lp .rv{opacity:1;transform:none;transition:none} 257} 258 259/* Card estático lê como página; card que responde ao cursor lê como produto. */ 260.ls-lp .pain-card,.ls-lp .aud-card,.ls-lp .control-card,.ls-lp .mock,.ls-lp .funnel,.ls-lp .cockpit{ 261 transition:transform .28s cubic-bezier(.16,1,.3,1),box-shadow .28s cubic-bezier(.16,1,.3,1),border-color .28s ease; 262} 263.ls-lp .control-card:hover,.ls-lp .aud-card:hover,.ls-lp .pain-card:hover{ 264 transform:translateY(-3px);border-color:rgba(91,91,214,.35); 265 box-shadow:0 1px 2px rgba(15,23,42,.05),0 18px 44px -16px rgba(79,70,229,.28); 266} 267.ls-lp .btn-primary:hover,.ls-lp .btn-brand:hover{transform:translateY(-1px)} 268.ls-lp details{transition:border-color .2s ease,box-shadow .2s ease} 269.ls-lp details[open]{border-color:rgba(91,91,214,.35);box-shadow:0 10px 30px -18px rgba(79,70,229,.4)} 270 271/* Os mockups são o dispositivo visual central do briefing e estavam com a mesma 272 sombra de um card comum. */ 273.ls-lp .mock,.ls-lp .funnel,.ls-lp .cockpit{ 274 box-shadow:0 1px 2px rgba(15,23,42,.05),0 24px 60px -24px rgba(79,70,229,.32); 275} 276 277/* A faixa navy é o único momento escuro da página e concentra os três números: vira 278 peça de assinatura em vez de retângulo. */ 279.ls-lp .band{position:relative;overflow:hidden;box-shadow:0 30px 80px -40px rgba(17,18,51,.85)} 280.ls-lp .band::before{ 281 content:"";position:absolute;inset:0;pointer-events:none; 282 background: 283 radial-gradient(60% 100% at 50% -20%,rgba(165,180,252,.22),transparent 70%), 284 radial-gradient(40% 80% at 0% 120%,rgba(91,91,214,.28),transparent 70%); 285} 286.ls-lp .band > div{position:relative} 287.ls-lp .band .n{letter-spacing:-.04em} 288 289/* O hero-stat carrega o número mais forte do site (7 de 10) e era um card branco. */ 290.ls-lp .hero-stat{background:linear-gradient(180deg,#fffffa,#f2f7f3);border-color:rgba(100,103,242,.22)} 291 292/* ââ 80/20 · a parte que faltava ââââââââââââââââââââââââââââââââââââââââââââââ
293 A primeira passada ficou conservadora demais (95% dele, 5% nosso). O combinado 294 é 80/20: base clara dele, e a nossa estética entrando em TIPOGRAFIA, no roxo 295 como assinatura e no navy usado como momento de impacto, não como enfeite. */ 296 297/* Tipografia brutal. 56px de teto num hero de 1120px de largura é tÃmido: o tÃtulo 298 é o único elemento que compete com o mockup ao lado. Tracking fecha junto porque 299 letra grande com espacejamento normal parece frouxa. */ 300.ls-lp .hero h1{font-size:clamp(40px,6.4vw,72px);letter-spacing:-.045em;line-height:1.02} 301.ls-lp .hero .lead{font-size:19.5px;max-width:600px} 302.ls-lp .cta-final h2{font-size:clamp(34px,5.4vw,58px);letter-spacing:-.04em} 303 304/* Respiro. O briefing pede "muito espaço em branco" e 88px entre seções é o padrão 305 de qualquer template. */ 306.ls-lp section{padding:112px 0} 307.ls-lp .hero{padding:112px 0 96px} 308@media(max-width:860px){.ls-lp section{padding:72px 0}.ls-lp .hero{padding:72px 0 56px}} 309 310/* Roxo como ASSINATURA, não como sugestão. Os gradientes do hero estavam em .14 e 311 .08 de alfa: some no Bone (#fffffa). à a mesma lição da landing anterior, onde o vidro 312 não aparecia por falta de cor atrás. */ 313.ls-lp .hero{ 314 background: 315 radial-gradient(760px 460px at 88% -12%,rgba(91,91,214,.30),transparent 70%), 316 radial-gradient(560px 380px at -6% 22%,rgba(67,56,202,.18),transparent 72%), 317 radial-gradient(900px 300px at 50% 100%,rgba(91,91,214,.07),transparent 70%); 318} 319 320/* Raio maior: 16px é raio de bootstrap. 20/24 é o que separa produto de template. */ 321.ls-lp .pain-card,.ls-lp .aud-card,.ls-lp .control-card{border-radius:20px} 322.ls-lp .mock,.ls-lp .funnel,.ls-lp .cockpit{border-radius:24px} 323.ls-lp .band{border-radius:32px} 324 325/* SEGUNDO momento navy: a seção "Seu agente. Seu nome. Sua voz.". 326 Ela é posicionamento de marca, não explicação de produto, e é o lugar natural pra 327 respirar escuro entre duas seções brancas. Junto com a faixa dos números, fecha o 328 ritmo claro â escuro â claro â escuro que o 80/20 pede. */ 329.ls-lp #controle{ 330 background:linear-gradient(180deg,#0a3a41 0%,#05333a 55%,#002025 100%); 331 color:#fffffa;position:relative;overflow:hidden; 332} 333.ls-lp #controle::before{ 334 content:"";position:absolute;inset:0;pointer-events:none; 335 background: 336 radial-gradient(50% 70% at 12% 0%,rgba(165,180,252,.20),transparent 70%), 337 radial-gradient(45% 65% at 92% 100%,rgba(91,91,214,.34),transparent 70%); 338} 339.ls-lp #controle .wrap{position:relative} 340.ls-lp #controle h2{color:#fffffa} 341.ls-lp #controle .lead{color:rgba(255,255,255,.72)} 342.ls-lp #controle .kicker{color:#b0b2ff;background:rgba(143,145,255,.14)} 343/* Cards em vidro escuro: é a nossa estética entrando onde ela cabe, e o contraste 344 com os cards brancos das outras seções é o que faz a seção existir. */ 345.ls-lp #controle .control-card{ 346 background:rgba(255,255,255,.06); 347 border:1px solid rgba(255,255,255,.12); 348 -webkit-backdrop-filter:blur(10px) saturate(160%); 349 backdrop-filter:blur(10px) saturate(160%); 350 box-shadow:0 20px 50px -30px rgba(0,0,0,.9); 351} 352.ls-lp #controle .control-card:hover{ 353 transform:translateY(-3px); 354 border-color:rgba(199,210,254,.34); 355 box-shadow:0 26px 60px -28px rgba(0,0,0,.95); 356} 357.ls-lp #controle .control-card h3{color:#fffffa} 358.ls-lp #controle .control-card p{color:rgba(255,255,255,.68)} 359.ls-lp #controle .control-card .ico{background:rgba(199,210,254,.16)} 360 361/* O CTA final fecha a página e estava com o mesmo peso de uma seção qualquer. */ 362.ls-lp .cta-final{ 363 background:radial-gradient(680px 340px at 50% 0%,rgba(91,91,214,.16),transparent 72%); 364} 365 366/* ââ DARK MODE ââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââ 367 Bloco ÃNICO e no fim de propósito: o CSS do Bruno acima fica intocado, e 368 reaplicar uma atualização dele é colar por cima sem mexer aqui. 369 370 ð´ Não bastou reescrever as variáveis. O arquivo original tem "#fffffa" cravado em 371 12 lugares (.pain, .aud, footer, details, .funnel, .cockpit, 372 .btn-ghost, .stamp, .bub.in, .bub.doc, .proof-badges span, 373 .cta-final .kicker) e um gradiente claro no .chat. Só trocar os tokens 374 deixaria metade da página branca sobre fundo escuro. Cada um está sobrescrito 375 abaixo, e é a lista pra conferir se o Bruno adicionar superfÃcie nova. 376 377 â ï¸ --brand-deep CLAREIA no dark, não escurece. Ele é cor de TEXTO no .kicker 378 e no .step-num; mantido em #4338ca sobre fundo escuro ele reprova contraste e 379 some. Mesma famÃlia do par fill/texto do design system do app. */ 380.dark .ls-lp{ 381 --ink:#fffffa; 382 --ink-soft:#b7c6c9; 383 --ink-mute:#7d8f92;
384 --brand:#8f91ff; 385 --brand-deep:#b0b2ff; 386 --brand-soft:rgba(143,145,255,.16); 387 --bg:#002025; 388 --card:#05333a; 389 --line:#244348; 390 --green:#2eb860; 391 --green-soft:rgba(46,184,96,.14); 392 --amber:#f5b547; 393 --shadow:0 1px 2px rgba(0,0,0,.4),0 8px 32px rgba(0,0,0,.45); 394} 395 396/* SuperfÃcies que eram #fffffa cravado */ 397.dark .ls-lp .pain, 398.dark .ls-lp .aud, 399.dark .ls-lp footer, 400.dark .ls-lp .funnel, 401.dark .ls-lp .cockpit, 402.dark .ls-lp details, 403.dark .ls-lp .stamp, 404.dark .ls-lp .bub.in, 405.dark .ls-lp .bub.doc, 406.dark .ls-lp .proof-badges span, 407.dark .ls-lp .btn-ghost, 408.dark .ls-lp .cta-final .kicker{ 409 background:var(--card); 410 border-color:var(--line); 411} 412.dark .ls-lp .btn-ghost{color:var(--ink)} 413.dark .ls-lp .chat{background:linear-gradient(180deg,#0e1019,#0b0d15)} 414.dark .ls-lp .bub.in,.dark .ls-lp .bub.doc{color:var(--ink)} 415.dark .ls-lp .hero-stat{background:linear-gradient(180deg,#141727,#101321);border-color:rgba(124,124,240,.28)} 416/* ð´ O :not(.on) NÃO é estilo, é desempate de especificidade. 417 ".dark .ls-lp .dotgrid i" e ".ls-lp .dotgrid i.on" pesam IGUAL (3 classes + 1 418 elemento). Empate resolve por ordem, e este bloco vem depois: sem o :not, a regra 419 das bolinhas APAGADAS pintava as ACESAS também, e o dado mais forte do site (7 de 420 10) sumia no escuro. Estado sempre tem que ser mais especÃfico que base. */ 421.dark .ls-lp .dotgrid i:not(.on){background:#20233a} 422.dark .ls-lp .dotgrid i.on{ 423 background:linear-gradient(135deg,#8b8bf6,#c7cdfe); 424 box-shadow:0 0 0 1px rgba(199,205,254,.35), 0 2px 12px rgba(124,124,240,.55); 425} 426.dark .ls-lp .step-metric{background:rgba(74,222,128,.10);border-color:rgba(74,222,128,.22)} 427.dark .ls-lp .tag.hot{background:rgba(251,191,36,.16)} 428.dark .ls-lp .btn-primary{background:var(--brand);color:#fffffa} 429.dark .ls-lp .btn-primary:hover{background:var(--brand-deep);color:#0a0c15} 430 431/* Hero: o roxo tem que aparecer contra o escuro, e alfa que funciona no claro some aqui */ 432.dark .ls-lp .hero{ 433 background: 434 radial-gradient(760px 460px at 88% -12%,rgba(124,124,240,.26),transparent 70%), 435 radial-gradient(560px 380px at -6% 22%,rgba(99,102,241,.16),transparent 72%); 436} 437.dark .ls-lp .cta-final{background:radial-gradient(680px 340px at 50% 0%,rgba(124,124,240,.14),transparent 72%)} 438 439/* Nav: no escuro o vidro inverte, tinta escura e borda de luz */ 440.dark .ls-lp nav{ 441 background:linear-gradient(180deg,rgba(18,20,31,.72),rgba(10,12,21,.58)); 442 box-shadow:0 1px 0 rgba(255,255,255,.06) inset, 0 6px 24px -12px rgba(0,0,0,.8); 443} 444.dark .ls-lp nav::after{ 445 background:linear-gradient(90deg,transparent,rgba(124,124,240,.40) 18%,rgba(255,255,255,.10) 50%,rgba(124,124,240,.40) 82%,transparent); 446} 447 448/* Hover dos cards */ 449.dark .ls-lp .control-card:hover, 450.dark .ls-lp .aud-card:hover, 451.dark .ls-lp .pain-card:hover{ 452 border-color:rgba(124,124,240,.45); 453 box-shadow:0 18px 44px -16px rgba(0,0,0,.8); 454} 455.dark .ls-lp .mock,.dark .ls-lp .funnel,.dark .ls-lp .cockpit{ 456 box-shadow:0 1px 2px rgba(0,0,0,.4),0 24px 60px -24px rgba(0,0,0,.75); 457} 458.dark .ls-lp details[open]{border-color:rgba(124,124,240,.42)} 459 460/* Formulário */ 461.dark .ls-lp .book input{background:var(--card);border-color:var(--line);color:var(--ink)} 462.dark .ls-lp .book input::placeholder{color:var(--ink-mute)} 463.dark .ls-lp .book-ok{background:rgba(74,222,128,.10);border-color:rgba(74,222,128,.28)} 464 465/* â ï¸ A secao #controle e a faixa .band ja sao escuras no claro. No dark elas 466 precisam se DIFERENCIAR do fundo, senão viram o mesmo bloco contÃnuo e o ritmo 467 claro/escuro que elas existem pra criar desaparece. */ 468.dark .ls-lp #controle{ 469 background:linear-gradient(150deg,#171935 0%,#20224f 55%,#2b2d72 100%); 470} 471.dark .ls-lp .band{ 472 background:linear-gradient(135deg,#1a1c3d,#312f7e); 473 box-shadow:0 30px 80px -40px rgba(0,0,0,.9); 474} 475 476/* ââ ÃCONES âââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââ 477 Os emojis do arquivo original (ð ðï¸ ð¤ ð¡ ð· ðï¸) viraram vetor. Emoji é 478 renderizado pela FONTE DO SISTEMA: muda de desenho entre Windows, macOS e 479 Android, vem colorido sem pedir licença e não aceita a cor da marca. Num site 480 que o briefing manda ser "SaaS premium", ele é o detalhe que denuncia template. 481 482 O â tipográfico tem o mesmo problema, em menor grau, e aparece em três lugares 483 (hero-proof, lista dos passos, selos). Vira máscara SVG: forma idêntica em todo 484 sistema e herda a cor via background, que e o que o content:"check" nao permitia. */ 485.ls-lp .hero-proof span::before, 486.ls-lp .step ul li::before, 487.ls-lp .proof-badges span::before{ 488 content:""; 489 display:inline-block; 490 width:14px;
490height:14px; 491 background:var(--green); 492 -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12.6l5.3 5.3L20 7'/%3E%3C/svg%3E") center/contain no-repeat; 493 mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12.6l5.3 5.3L20 7'/%3E%3C/svg%3E") center/contain no-repeat; 494 vertical-align:-2px; 495} 496.ls-lp .hero-proof span::before{margin-right:8px} 497.ls-lp .proof-badges span::before{margin-right:2px} 498/* Na lista dos passos o check é posicionado, não inline. */ 499.ls-lp .step ul li::before{position:absolute;left:0;top:5px;margin:0} 500 501/* O Ãcone vira parte do bloco de Ãcone, não um caractere solto. */ 502.ls-lp .control-card .ico{color:var(--brand-deep)} 503.ls-lp .control-card .ico svg{display:block} 504/* Ãcone dentro de linha de texto: alinha pela altura da letra e não pela caixa. */ 505.ls-lp .ico-inline{display:inline-block;vertical-align:-2px;margin-right:6px;flex-shrink:0} 506.ls-lp .bub .ico-inline{opacity:.75} 507 508/* Marca do nav: o "â" era um caractere geométrico da fonte, com o mesmo problema 509 dos emojis. Vira SVG desenhado, que é o que permite ele virar logo de verdade. */ 510.ls-lp .logo-mark svg{display:block} 511 512/* Botão de tema (não existe no arquivo original) */ 513.ls-lp .theme-btn{ 514 width:38px;height:38px;border-radius:999px;display:grid;place-items:center; 515 border:1.5px solid var(--line);background:transparent;color:var(--ink-soft); 516 cursor:pointer;transition:.2s;flex-shrink:0; 517} 518.ls-lp .theme-btn:hover{color:var(--ink);border-color:var(--brand)} 519 520/* ââ Formulário de agendamento (não existia no arquivo original) ââ */ 521.ls-lp .book{max-width:460px;margin:30px auto 0;display:flex;flex-direction:column;gap:10px} 522.ls-lp .book input{width:100%;padding:14px 20px;border:1.5px solid var(--line);border-radius:999px;font-size:15px;font-family:inherit;color:var(--ink);background:#fffffa;outline:none;transition:.2s} 523.ls-lp .book input:focus{border-color:var(--brand)} 524.ls-lp .book .hp{position:absolute;left:-9999px;width:0;height:0;opacity:0}
524 525.ls-lp .book .err{font-size:13.5px;color:#dc2626;font-weight:600} 526.ls-lp .book-ok{max-width:460px;margin:30px auto 0;background:var(--green-soft);border:1px solid rgba(11,138,58,.18);border-radius:var(--radius);padding:20px 24px;font-size:15px;font-weight:600;color:var(--ink)} 527`;function j(r){p.useEffect(()=>{const i=r.current;if(!i)return;const a=Array.from(i.querySelectorAll(".rv")),o=new IntersectionObserver(n=>{for(const s of n)s.isIntersecting&&(s.target.classList.add("in"),o.unobserve(s.target))},{threshold:.08,rootMargin:"-40px"}),l=new Map;for(const n of a){const s=n.parentElement;if(s){const t=l.get(s)??0;l.set(s,t+1),t>0&&(n.style.transitionDelay=`${Math.min(t,3)*90}ms`)}o.observe(n)}return()=>o.disconnect()},[r])}function k(r){p.useEffect(()=>{const i=r.current;if(!i||window.matchMedia("(prefers-reduced-motion: reduce)").matches)return;const a=Array.from(i.querySelectorAll(".cmsg"));if(!a.length)return;const o=[[0,600],[1,900],[2,800],[3,1400,2],[4,1800],[5,2200,4],[6,700],[7,1200]],l=[],n=(d,c)=>l.push(window.setTimeout(d,c));function s(){for(const d of a)d.classList.remove("show"),d.style.display=""}function t(d){if(d>=o.length){n(()=>{s(),n(()=>t(0),700)},4500);return}const[c,x,m]=o[d];n(()=>{m!==void 0&&(a[m].classList.remove("show"),a[m].style.display="none"),a[c].classList.add("show"),t(d+1)},x)}return t(0),()=>{for(const d of l)clearTimeout(d)}},[r])}function N(){const[r,i]=p.useState(()=>{if(typeof document>"u")return!1;try{const o=localStorage.getItem("ls_theme");if(o==="dark")return!0;if(o==="light")return!1}catch{}return window.matchMedia("(prefers-color-scheme: dark)").matches});p.useEffect(()=>{document.documentElement.classList.toggle("dark",r)},[r]);function a(){i(o=>{const l=!o;try{localStorage.setItem("ls_theme",l?"dark":"light")}catch{}return l})}return{dark:r,toggle:a}}function w(){const[r,i]=p.useState(""),[a,o]=p.useState(""),[l,n]=p.useState(""),[s,t]=p.useState("idle");async function d(c){if(c.preventDefault(),s!=="sending"){if(a.replace(/\D/g,"").length<10){t("err");return}t("sending");try{const x=window.location.origin,m=await fetch(`${x}/api/outbound/public/landing-lead`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({name:r,phone:a,locale:"pt",website:l})});if(!m.ok)throw new Error(String(m.status));t("ok")}catch(x){console.error("[landing-lead] falha ao enviar",x),t("err")}}}return s==="ok"?e.jsx("div",{className:"book-ok",children:"Recebemos. A gente te chama no WhatsApp hoje mesmo pra combinar a apresentação."}):e.jsxs("form",{className:"book",onSubmit:d,children:[e.jsx("input",{type:"text",name:"website",className:"hp",value:l,onChange:c=>n(c.target.value),tabIndex:-1,autoComplete:"off","aria-hidden":"true"}),e.jsx("input",{required:!0,value:r,onChange:c=>i(c.target.value),placeholder:"Seu nome e o da corretora","aria-label":"Seu nome e o da corretora"}),e.jsx("input",{required:!0,type:"tel",inputMode:"tel",value:a,onChange:c=>o(c.target.value),placeholder:"Seu WhatsApp (com DDD)","aria-label":"Seu WhatsApp com DDD"}),e.jsx("button",{type:"submit",className:"btn btn-primary",disabled:s==="sending",children:s==="sending"?"Enviandoâ¦":"Agendar apresentação â"}),s==="err"&&e.jsx("p",{className:"err",role:"alert",children:"Não rolou enviar agora. Tenta de novo em instantes."})]})}function E(){const r=p.useRef(null),i=p.useRef(null);j(r),k(i);const{dark:a,toggle:o}=N();return e.jsxs("div",{className:"ls-lp",ref:r,children:[e.jsx("style",{children:v}),e.jsx("nav",{children:e.jsxs("div",{className:"wrap nav-in",children:[e.jsxs("a",{className:"logo",href:"#",children:[e.jsx("span",{className:"logo-mark",children:e.jsxs("svg",{viewBox:"0 0 24 24",width:"17",height:"17",fill:"none","aria-hidden":"true",children:[e.jsx("path",{d:"M4 17.5C7.2 17.5 9.4 13 12 9.5S17.6 4.5 20 4.5",stroke:"currentColor",strokeWidth:"2.4",strokeLinecap:"round"}),e.jsx("circle",{cx:"19.6",cy:"4.9",r:"2.6",fill:"currentColor"})]})}),"LeadSense"]}),e.jsxs("div",{className:"nav-links",children:[e.jsx("a",{href:"#como-funciona",children:"Como funciona"}),e.jsx("a",{href:"#plataforma",children:"A plataforma"}),e.jsx("a",{href:"#resultados",children:"Resultados"}),e.jsx("a",{href:"#faq",children:"FAQ"})]}),e.jsxs("div",{className:"nav-cta",children:[e.jsx("button",{type:"button",className:"theme-btn",onClick:o,"aria-label":a?"Mudar para o tema claro":"Mudar para o tema escuro",children:a?e.jsxs("svg",{viewBox:"0 0 24 24",width:"17",height:"17",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",children:[e.jsx("circle",{cx:"12",cy:"12",r:"4"}),e.jsx("path",{d:"M12 2v2M12 20v2M4.9 4.9l1.4 1.4M17.7 17.7l1.4 1.4M2 12h2M20 12h2M6.3 17.7l-1.4 1.4M19.1 4.9l-1.4 1.4"})]}):e.jsx("svg",{viewBox:"0 0 24 24",width:"17",height:"17",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",children:e.jsx("path",{d:"M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"})})}),e.jsx("a",{className:"btn btn-ghost",href:"/login",children:"Entrar"}),e.jsx("a",{className:"btn btn-brand",href:"#apresentacao",children:"Agendar apresentação"})]})]})}),e.jsx("header",{className:"hero",children:e.jsxs("div",{className:"wrap hero-grid",children:[e.jsxs("div",{children:[e.jsx("span",{className:"kicker",children:"IA para corretoras de seguros"}),e.jsxs("h1",{children:["O topo do funil consome o seu ",e.jsx("em",{children:"melhor corretor"}),"."]}),e.jsx("p",{className:"lead",children:"O agente de IA da LeadSense leva o cliente do primeiro oi até a cotação pronta, 24 horas por dia, sem fila. Você só aprova, negocia e fecha."}),e.jsxs("div",{className:"hero-actions",children:[e.jsx("a",{className:"btn btn-primary",href:"#apresentacao",children:"Agendar apresentação â"}),e.jsx("a",{className:"btn btn-ghost",href:"#como-funciona",children:"Ver como funciona"})]}),e.jsxs("div",{className:"hero-proof",children:[e.jsx("span",{children:"Atende em segundos, 24/7"}),e.jsx("span",{children:"Cota nas principais seguradoras do Brasil"}),e.jsx("span",{children:"No ar em dias, não meses"})]})]}),e.jsx("div",{children:e.jsxs("div",{className:"mock",children:[e.jsxs("div",{className:"mock-head",children:[e.jsx("span",{className:"dot"}),"WhatsApp da sua corretora · agente ativo"]}),e.jsxs("div",{className:"chat",ref:i,style:{minHeight:330},children:[e.jsx("div",{className:"stamp cmsg",children:"sábado, 23:47"}),e.jsxs("div",{className:"bub in cmsg",children:["Boa noite, queria ver um seguro pro meu carro",e.jsx("span",{className:"time",children:"23:47"})]}),e.jsxs("div",{className:"bub out tping cmsg",children:[e.jsx("i",{}),e.jsx("i",{}),e.jsx("i",{})]}),e.jsxs("div",{className:"bub out cmsg",children:["Boa noite! Deix
527a comigo, te ajudo agora mesmo. Me conta rapidinho sobre o seu carro?",e.jsx("span",{className:"time",children:"23:47"})]}),e.jsxs("div",{className:"bub out tping cmsg",children:[e.jsx("i",{}),e.jsx("i",{}),e.jsx("i",{})]}),e.jsxs("div",{className:"bub out cmsg",children:["Prontinho! Separei as melhores opções pra você comparar:",e.jsx("span",{className:"time",children:"23:49"})]}),e.jsxs("div",{className:"bub doc cmsg",children:[e.jsx("span",{className:"pdf",children:"PDF"}),e.jsxs("div",{children:[e.jsx("b",{style:{fontSize:13},children:"Cotação comparativa"}),e.jsx("div",{style:{fontSize:11.5,color:"var(--ink-mute)"},children:"6 opções · coberturas lado a lado"})]})]}),e.jsx("div",{className:"typing cmsg",children:"cliente digitandoâ¦"})]})]})})]})}),e.jsx("section",{className:"pain",id:"dor",children:e.jsxs("div",{className:"wrap center",children:[e.jsx("span",{className:"kicker",children:"O problema real"}),e.jsxs("h2",{children:["Seu lead desengaja enquanto",e.jsx("br",{}),"espera o vendedor responder."]}),e.jsx("p",{className:"lead",children:"à à noite e no fim de semana que o cliente tem tempo de cuidar do seguro. Justamente quando a resposta mais demora. E o seu dia some no operacional: perguntar dado, montar cotação, correr atrás de quem sumiu."}),e.jsxs("div",{className:"pain-grid",children:[e.jsxs("div",{className:"pain-card rv",children:[e.jsxs("div",{className:"big",children:["< 5",e.jsx("small",{children:" min"})]}),e.jsx("p",{children:"é o que o lead espera por resposta antes de procurar o concorrente. Fora do horário comercial, ninguém responde."})]}),e.jsxs("div",{className:"pain-card rv",children:[e.jsxs("div",{className:"big",children:["30",e.jsx("small",{children:"+ min"})]}),e.jsx("p",{children:"em média, é o que demora pra uma cotação chegar na mão do cliente. Quem chega primeiro com a proposta leva."})]}),e.jsxs("div",{className:"pain-card rv",children:[e.jsxs("div",{className:"big",children:["0",e.jsx("small",{children:" controle"})]}),e.jsx("p",{children:"os leads ficam espalhados em conversas de WhatsApp. Sem visão única, você não sabe quem precisa de follow-up, quem esfriou e qual venda se perdeu."})]})]}),e.jsxs("div",{className:"hero-stat rv",style:{maxWidth:660,margin:"40px auto 0",textAlign:"left"},children:[e.jsx("div",{className:"dotgrid",children:Array.from({length:10},(l,n)=>e.jsx("i",{className:n<7?"on":void 0},n))}),e.jsxs("div",{className:"t",children:["Com um agente que responde na hora e mantém o cliente engajado,"," ",e.jsx("b",{children:"7 de cada 10 leads"}),' que mandam "oi" recebem uma cotação completa na mão. Resultado real de operação.']})]})]})}),e.jsx("section",{id:"como-funciona",children:e.jsxs("div",{className:"wrap",children:[e.jsxs("div",{className:"center",children:[e.jsx("span",{className:"kicker",children:"Como funciona"}),e.jsxs("h2",{children:["Não é mais uma ferramenta pra operar.",e.jsx("br",{}),"Ela faz o trabalho operacional por você."]}),e.jsx("p",{className:"lead",children:"Do oi do cliente até a proposta na mesa, sem você na conversa. Seu trabalho começa onde a venda precisa de gente."})]}),e.jsxs("div",{className:"step rv",children:[e.jsxs("div",{children:[e.jsx("div",{className:"step-num",children:"Passo 01"}),e.jsx("h3",{children:"Seu lead nunca mais espera. Nem à s 2h da manhã."}),e.jsx("p",{children:"Lead de anúncio, de indicação ou da sua base: quem chama a corretora é atendido na hora, com conversa natural, no tom da sua marca. De dia, de noite, no feriado."}),e.jsxs("ul",{children:[e.jsx("li",{children:"Nenhum lead esfria esperando resposta"}),e.jsx("li",{children:"Atendimento com a cara da sua corretora, não de robô"}),e.jsx("li",{children:"Por mensagem e por voz"})]}),e.jsxs("div",{className:"step-metric",children:[e.jsx("b",{children:"24/7"}),e.jsx("span",{children:"nenhum lead espera resposta"})]})]}),e.jsx("div",{className:"step-viz",children:e.jsxs("div",{className:"cockpit",children:[e.jsx("div",{style:{fontSize:12,fontWeight:800,letterSpacing:".1em",textTransform:"uppercase",color:"var(--ink-mute)"},children:"Enquanto você dormia"}),e.jsxs("div",{className:"ck-row",children:[e.jsxs("div",{className:"l",children:[e.jsx("div",{className:"ck-av",children:"23h"}),e.jsxs("div",{children:[e.jsx("div",{className:"name",children:'"Queria um seguro pro meu carro"'}),e.jsx("div",{className:"sub",children:"sábado · 23:47"})]})]}),e.jsx("span",{className:"tag done",children:"respondido em 5s"})]}),e.jsxs("div",{className:"ck-row",children:[e.jsxs("div",{className:"l",children:[e.jsx("div",{className:"ck-av",children:"02h"}),e.jsxs("div",{children:[e.jsx("div",{className:"name",children:'"Quanto fica pro meu HB20?"'}),e.jsx("div",{className:"sub",children:"domingo · 02:13"})]})]}),e.jsx("span",{className:"tag done",children:"respondido em 4s"})]}),e.jsxs("div",{className:"ck-row",children:[e.jsxs("div",{className:"l",children:[e.jsx("div",{className:"ck-av",children:"06h"}),e.jsxs("div",{children:[e.jsx("div",{className:"name",children:'"Vocês fazem seguro de moto?"'}),e.jsx("div",{className:"sub",children:"segunda · 06:28"})]})]}),e.jsx("span",{className:"tag done",children:"respondido em 6s"})]}),e.jsxs("div",{style:{fontSize:12.5,color:"var(--ink-soft)",background:"var(--brand-soft)",borderRadius:10,padding:"12px 14px"},children:["Antes do expediente começar: ",e.jsx("b",{children:"3 cotações já em andamento."})]})]})})]}),e.jsxs("div",{className:"step rv",children:[e.jsxs("div",{children:[e.jsx("div",{className:"step-num",children:"Passo 02"}),e.jsx("h3",{children:"A cotação chega pronta. Você só aprova."}),e.jsx("p",{children:"O agente chega até a proposta nas principais seguradoras do Brasil, sem ninguém do seu time na conversa. O cliente recebe um comparativo profissional, com a marca da sua corretora, pra decidir com clareza."}),e.jsxs("ul",{children:[e.jsx("li",{children:"O que levava horas sai em minutos"}),e.jsx("li",{children:"Zero trabalho manual do seu time até aqui"}),e.jsx("li",{children:"Você escolhe: envia sozinho ou espera sua aprovação"})]}),e.jsxs("div",{className:"step-metric",children:[e.jsx("b",{children:"minutos"}),e.jsx("span",{children:"da conversa à proposta na mão do lead"})]})]}),e.jsx("div",{className:"step-viz",children:e.jsxs("div",{className:"funnel",children:[e.jsx("div",{className:"f-title",children:"Um mês real de operação"}),e.jsx("div",{className:"f-group",children:"O agente faz sozinho"}),e.jsxs("div",{className:"f-row",children:[e.jsxs("div",{className:"f-label",children:[e.jsx("span",{children:'Leads que mandaram "oi"'}),e.jsx("span",{children:"331"})]}),e.jsx("div",{className:"f-bar",children:e.jsx("i",{style:{width:"100%"}})})]}),e.jsxs("div",{className:"f-row",children:[e.jsxs("div",{className:"f-label",children:[e.jsx("span",{children:"Atendidos na hora"}),e.jsx("span",{children:"331 · 100%"})]}),e.jsx("div",{className:"f-bar",children:e.jsx("i",{style:{width:"100%"}})})]}),e.jsxs("div",{className:"f-row",children:[e.jsxs("div",{className:"f-label",children:[e.jsx("span",{children:"Cotações apresentadas"}),e.jsx("span",{children:"238 · 72%"})]}),e.jsx("div",{className:"f-bar",children:e.jsx("i",{style:{width:"72%"}})})]}),e.jsx("div",{className:"f-group corretor",children:"Daqui pra frente, seu corretor"}),e.jsxs("div",{className:"f-row",children:[e.jsxs("div",{className:"f-label",children:[e.jsx("span",{children:"Em negociação"}),e.jsx("span",{children:"226 · 95%"})]}),e.jsx("div",{className:"f-bar",children:e.jsx("i",{className:"human",style:{width:"68%"}})})]}),e.jsx("div",{style:{fontSize:12,color:"var(--ink-mute)",marginTop:14},children:"Dados de operação real na plataforma · jul/2026"})]})})]}),e.jsxs("div",{className:"step rv",children:[e.jsxs("div",{children:[e.jsx("div",{className:"step-num",children:"Passo 03"}),e.jsx("h3",{children:"Você fecha mais. E sabe por quê."}
527),e.jsx("p",{children:"Contexto, dados e cotação já feitos. Seu corretor assume com um clique e vai direto pro que fecha negócio: negociar. E o gestor enxerga a operação inteira em tempo real, sem ler uma conversa."}),e.jsxs("ul",{children:[e.jsx("li",{children:"Seu corretor entra só onde a venda precisa de gente"}),e.jsx("li",{children:"Ninguém pergunta duas vezes o que o cliente já falou"}),e.jsx("li",{children:"Você sabe onde cada venda está, e por que perdeu as que perdeu"})]}),e.jsxs("div",{className:"step-metric",children:[e.jsx("b",{children:"0"}),e.jsx("span",{children:"leads esquecidos: follow-up e renovação sob controle"})]})]}),e.jsx("div",{className:"step-viz",children:e.jsxs("div",{className:"cockpit",children:[e.jsx("div",{style:{fontSize:12,fontWeight:800,letterSpacing:".1em",textTransform:"uppercase",color:"var(--ink-mute)"},children:"Cockpit · agora"}),e.jsxs("div",{className:"ck-row",children:[e.jsxs("div",{className:"l",children:[e.jsx("div",{className:"ck-av",children:"WH"}),e.jsxs("div",{children:[e.jsx("div",{className:"name",children:"Willyans R."}),e.jsx("div",{className:"sub",children:"ONIX 2023 · cotação enviada"})]})]}),e.jsx("span",{className:"tag hot",children:"negociando"})]}),e.jsxs("div",{className:"ck-row",children:[e.jsxs("div",{className:"l",children:[e.jsx("div",{className:"ck-av",children:"MA"}),e.jsxs("div",{children:[e.jsx("div",{className:"name",children:"Mariana A."}),e.jsx("div",{className:"sub",children:"HB20 2021 · dados completos"})]})]}),e.jsx("span",{className:"tag go",children:"pronto pra cotar"})]}),e.jsxs("div",{className:"ck-row",children:[e.jsxs("div",{className:"l",children:[e.jsx("div",{className:"ck-av",children:"FS"}),e.jsxs("div",{children:[e.jsx("div",{className:"name",children:"Fabiano S."}),e.jsx("div",{className:"sub",children:"renovação · proposta aceita"})]})]}),e.jsxs("span",{className:"tag done",children:["fechado",e.jsx(g,{size:11,strokeWidth:3,className:"ico-inline",style:{marginRight:0,marginLeft:4}})]})]})]})})]})]})}),e.jsx("section",{id:"resultados",style:{paddingTop:0},children:e.jsxs("div",{className:"wrap",children:[e.jsxs("div",{className:"band rv",children:[e.jsxs("div",{children:[e.jsx("div",{className:"n",children:e.jsx("em",{children:"70%"})}),e.jsx("div",{className:"t",children:'dos leads que mandam "oi" recebem uma cotação completa, conduzida 100% pela IA'})]}),e.jsxs("div",{children:[e.jsx("div",{className:"n",style:{fontSize:38,paddingTop:6},children:e.jsx("em",{children:"segundos"})}),e.jsx("div",{className:"t",children:"pra responder qualquer cliente, a qualquer hora, todos os dias"})]}),e.jsxs("div",{children:[e.jsxs("div",{className:"n",children:["3â4",e.jsx("em",{children:"Ã"})]}),e.jsx("div",{className:"t",children:"a capacidade de atendimento de topo de funil de cada corretor, sem aumentar a folha"})]})]}),e.jsxs("div",{className:"proof-badges",children:[e.jsx("span",{children:"Em produção com corretoras reais"}),e.jsx("span",{children:"Dados criptografados no Brasil"}),e.jsx("span",{children:"Conforme a LGPD"}),e.jsx("span",{children:"API oficial do WhatsApp"})]})]})}),e.jsx("section",{className:"aud",id:"plataforma",children:e.jsxs("div",{className:"wrap center",children:[e.jsx("span",{className:"kicker",children:"A plataforma"}),e.jsx("h2",{children:"A IA executa. O corretor fecha. O gestor comanda."}),e.jsx("p",{className:"lead",children:"Uma plataforma só, pensada pro jeito que corretora de seguros vende."}),e.jsxs("div",{className:"aud-grid",children:[e.jsxs("div",{className:"aud-card rv",children:[e.jsx("div",{className:"who",children:"Pro corretor"}),e.jsx("h3",{children:"Cockpit com tudo pronto"}),e.jsx("p",{children:"Tudo o que você precisa pra fechar, num lugar só. O cliente chega qualificado, com proposta na mesa e contexto completo. Menos tempo operando sistema, mais tempo negociando com gente."})]}),e.jsxs("div",{className:"aud-card rv",children:[e.jsx("div",{className:"who",children:"Pro gestor"}),e.jsx("h3",{children:"O funil inteiro, em tempo real"}),e.jsx("p",{children:"Quantos leads entraram, quantos cotaram, quantos fecharam, e onde a venda escapa. Desempenho por corretor, motivos de perda e o que treinar em cada um. Sem planilha, sem ler conversa por conversa."})]}),e.jsxs("div",{className:"aud-card rv",children:[e.jsx("div",{className:"who",children:"Pro dono"}),e.jsx("h3",{children:"Crescer sem inchar a folha"}),e.jsx("p",{children:"O agente entrega a capacidade de atendimento de vários corretores no topo do funil, por uma fração do custo. E cada real investido em anúncio vira funil rastreado, do clique ao fechamento."})]})]})]})}),e.jsx("section",{id:"controle",children:e.jsxs("div",{className:"wrap center",children:[e.jsx("span",{className:"kicker",children:"Do seu jeito"}),e.jsx("h2",{children:"Seu agente. Seu nome. Sua voz."}),e.jsx("p",{className:"lead",children:"Não é um robô genérico respondendo pela sua corretora. à um membro do seu time, com a sua cara. E você decide o quanto ele faz sozinho."}),e.jsxs("div",{className:"control-grid",children:[e.jsxs("div",{className:"control-card rv",children:[e.jsx("div",{className:"ico",children:e.jsx(f,{size:21,strokeWidth:1.9})}),e.jsx("h3",{children:"Identidade própria"}),e.jsx("p",{children:"Você dá o nome, o tom e a personalidade. O agente aprende sobre a sua corretora, suas seguradoras e seu jeito de vender. Pode até falar c
527om a sua voz nas ligações."})]}),e.jsxs("div",{className:"control-card rv",children:[e.jsx("div",{className:"ico",children:e.jsx(h,{size:21,strokeWidth:1.9})}),e.jsx("h3",{children:"Autonomia sob controle"}),e.jsx("p",{children:"Comece revisando tudo antes de sair pro cliente. Quando confiar, libere o piloto automático. Você decide o quanto ele faz sozinho, e muda quando quiser."})]}),e.jsxs("div",{className:"control-card rv",children:[e.jsx("div",{className:"ico",children:e.jsx(b,{size:21,strokeWidth:1.9})}),e.jsx("h3",{children:"Humano a um clique"}),e.jsx("p",{children:"Qualquer conversa pode ser assumida pelo corretor a qualquer momento, com todo o contexto na tela. A IA prepara, o humano decide."})]})]})]})}),e.jsx("section",{className:"aud",id:"faq",children:e.jsxs("div",{className:"wrap center",children:[e.jsx("span",{className:"kicker",children:"FAQ"}),e.jsx("h2",{children:"O que você está pensando agora"}),e.jsxs("div",{className:"faq",style:{textAlign:"left"},children:[e.jsxs("details",{children:[e.jsx("summary",{children:"«Isso vai substituir meus corretores?»"}),e.jsx("div",{className:"a",children:"Não, e nem deveria. O agente assume o operacional do topo do funil. Seu corretor sai do trabalho repetitivo e vai pra onde ele rende mais: negociar e fechar. O mesmo time passa a cobrir um volume muito maior de oportunidades."})]}),e.jsxs("details",{children:[e.jsx("summary",{children:"«Funciona com as seguradoras que eu trabalho?»"}),e.jsx("div",{className:"a",children:"A plataforma cota nas principais seguradoras e produtos do mercado, e a lista cresce todo mês. Na apresentação, mapeamos as suas seguradoras e mostramos exatamente como fica a sua operação."})]}),e.jsxs("details",{children:[e.jsx("summary",{children:"«Preciso trocar de número ou de WhatsApp?»"}),e.jsx("div",{className:"a",children:"O número que atende a sua carteira hoje continua exatamente como está. A gente ativa um número dedicado, via API oficial do WhatsApp Business, plugado no seu funil de novos leads: anúncio, site e campanhas apontam pra ele, e dali em diante todo lead novo nasce sendo atendido na hora. Na apresentação, desenhamos isso pro seu cenário."})]}),e.jsxs("details",{children:[e.jsx("summary",{children:"«E se a IA falar besteira com meu cliente?»"}),e.jsx("div",{className:"a",children:"Você controla a autonomia. Dá pra começar com o agente só rascunhando (nada sai sem sua aprovação) e ir liberando conforme a confiança cresce. Tudo fica registrado e auditável, e o corretor assume qualquer conversa com um clique."})]}),e.jsxs("details",{children:[e.jsx("summary",{children:"«Quanto custa?»"}),e.jsx("div",{className:"a",children:"Temos planos pra todos os tamanhos de operação, do corretor solo à corretora com dezenas de vendedores. Fale com nosso time comercial: na apresentação você recebe uma proposta sob medida, sem compromisso. Spoiler: custa uma fração de um corretor no topo do funil, e trabalha o mês inteiro sem pausa."})]}),e.jsxs("details",{children:[e.jsx("summary",{children:"«E a LGPD? Onde ficam os dados dos meus clientes?»"}),e.jsx("div",{className:"a",children:"Os dados ficam criptografados em servidores no Brasil, em conformidade com a LGPD. Você é o controlador dos seus dados; a gente opera sob contrato com as salvaguardas que a corretagem exige."})]}),e.jsxs("details",{children:[e.jsx("summary",{children:"«Quanto tempo leva pra colocar no ar?»"}),e.jsx("div",{className:"a",children:"Dias, não meses. Configuramos a operação, conectamos o número e as seguradoras, treinamos o agente na sua corretora e acompanhamos de perto as primeiras semanas."})]})]})]})}),e.jsx("section",{className:"cta-final",id:"apresentacao",children:e.jsxs("div",{className:"wrap",children:[e.jsx("span",{className:"kicker",children:"Pronto pra ver funcionando?"}),e.jsx("h2",{children:"Veja o agente cotando ao vivo, com o cenário da sua corretora."}),e.jsx("p",{children:"Conta como é a sua operação e a gente monta uma apresentação sob medida: sua realidade, suas seguradoras, seus números. Resposta no mesmo dia."}),e.jsx(w,{}),e.jsxs("div",{className:"hero-proof",children:[e.jsx("span",{children:"30 minutos, online"}),e.jsx("span",{children:"Demonstração ao vivo"}),e.jsx("span",{children:"Sem compromisso"})]})]})}),e.jsx("footer",{children:e.jsxs("div",{className:"wrap foot",children:[e.jsxs("div",{children:[e.jsx("b",{style:{color:"var(--ink)"},children:"LeadSense"})," · IA para corretoras de seguros · Vitória, ES"]}),e.jsxs("div",{children:[e.jsx("a",{href:"#como-funciona",children:"Como funciona"}),e.jsx("a",{href:"#faq",children:"FAQ"}),e.jsx("a",{href:"mailto:[email protected]",children:"Contato"}),e.jsx("a",{href:"/privacidade",children:"Privacidade"})]})]})})]})}export{E as default};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.