/* Allo · Operações Inteligentes
   Layout: "sala de controle" — base grafite com campos de luz azul profundo,
   o corte verde do "A" como único acento recorrente (CTA, marcadores, números-chave). */
@font-face{font-family:"Montserrat";src:url("../fonts/montserrat-latin-wght-normal.woff2") format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"Manrope";src:url("../fonts/manrope-latin-wght-normal.woff2") format("woff2");font-weight:200 800;font-display:swap}

:root{
  --azul:#0A1F3D;        /* Azul Profundo */
  --grafite:#111418;     /* Grafite */
  --verde:#B8FF00;       /* Verde ALLO */
  --off:#F5F6F7;         /* Off White */
  --grafite-2:#171C23;   /* superfícies elevadas */
  --nevoa:#A3ADBB;       /* texto secundário sobre escuro */
  --tinta-2:#4A5568;     /* texto secundário sobre claro */
  --linha:rgba(245,246,247,.10);
  --linha-clara:rgba(10,31,61,.12);
  --f-display:"Montserrat",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  --f-texto:"Manrope",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  --raio:14px;
  --max:1180px;
  color-scheme:dark;
}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--grafite);color:var(--off);font-family:var(--f-texto);font-size:1.0625rem;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:60;background:var(--grafite)}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
h1,h2,h3{font-family:var(--f-display);line-height:1.08;margin:0;text-wrap:balance;letter-spacing:-.02em}
p{margin:0}
:focus-visible{outline:2px solid var(--verde);outline-offset:3px;border-radius:4px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.pular{position:absolute;left:-999px;top:8px;background:var(--verde);color:var(--grafite);padding:.6rem 1rem;border-radius:8px;z-index:100;font-weight:700}
.pular:focus{left:16px}

/* Estrutura */
.faixa{padding-block:clamp(4rem,9vw,7.5rem);padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));position:relative}
.miolo{max-width:var(--max);margin-inline:auto;min-width:0}
.olho{font-family:var(--f-display);font-size:.78rem;font-weight:600;letter-spacing:.32em;text-transform:uppercase;color:var(--nevoa);display:flex;align-items:center;gap:.75rem}
.olho::before{content:"";width:14px;height:20px;background:var(--verde);transform:skewX(-24deg);flex:none}
.titulo-secao{font-size:clamp(2rem,4.4vw,3.25rem);font-weight:700;margin-top:1rem;max-width:22ch}
.lead{color:var(--nevoa);font-size:1.15rem;max-width:60ch;margin-top:1.25rem}
.cab-secao{display:grid;gap:0;margin-bottom:clamp(2.5rem,5vw,4rem)}

/* Botões */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;font-family:var(--f-display);font-weight:700;font-size:.95rem;letter-spacing:.01em;text-decoration:none;padding:.95rem 1.4rem;border-radius:10px;border:1.5px solid transparent;cursor:pointer;transition:transform .15s ease,background-color .15s ease,border-color .15s ease;min-height:48px}
.btn:hover{transform:translateY(-2px)}
.btn-verde{background:var(--verde);color:var(--grafite)}
.btn-verde:hover{background:#C9FF3D}
.btn-linha{border-color:rgba(245,246,247,.28);color:var(--off);background:transparent}
.btn-linha:hover{border-color:var(--off)}
.btn svg{width:20px;height:20px;flex:none}

/* Cabeçalho */
.topo{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:rgba(17,20,24,.82);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid var(--linha);padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.topo .miolo{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;height:72px}
.marca{display:flex;align-items:center;text-decoration:none}
.marca img{height:26px;width:auto}
.nav{display:flex;align-items:center;gap:2rem}
.nav ul{display:flex;gap:1.75rem;list-style:none;margin:0;padding:0}
.nav a:not(.btn){text-decoration:none;font-size:.92rem;font-weight:600;color:var(--nevoa);transition:color .15s}
.nav a:not(.btn):hover{color:var(--off)}
.nav .btn{padding:.65rem 1.05rem;min-height:42px;font-size:.88rem}
.menu-btn{display:none;background:none;border:1px solid var(--linha);color:var(--off);border-radius:10px;width:46px;height:46px;align-items:center;justify-content:center;cursor:pointer}
.menu-btn svg{width:22px;height:22px}
@media (max-width:900px){
  .menu-btn{display:inline-flex}
  .nav{position:fixed;inset:calc(72px + env(safe-area-inset-top,0px)) 0 auto 0;background:var(--grafite);border-bottom:1px solid var(--linha);flex-direction:column;align-items:stretch;gap:1rem;padding:1.25rem max(16px,env(safe-area-inset-right,0px)) 1.5rem max(16px,env(safe-area-inset-left,0px));display:none}
  .nav.aberta{display:flex}
  .nav ul{flex-direction:column;gap:0}
  .nav ul a{display:block;padding:.85rem 0;border-bottom:1px solid var(--linha);font-size:1.05rem!important}
}

/* Hero */
.hero{overflow:hidden;padding-block:clamp(3.5rem,8vw,6.5rem) clamp(4rem,8vw,6.5rem)}
.hero::before,.hero::after{content:"";position:absolute;border-radius:50%;filter:blur(90px);pointer-events:none;z-index:0}
.hero::before{width:720px;height:620px;left:-260px;top:-300px;background:rgba(30,80,170,.55)}
.hero::after{width:560px;height:480px;right:-240px;bottom:-300px;background:rgba(120,190,20,.35)}
.hero .miolo{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(2.5rem,5vw,4.5rem);align-items:center}
.hero h1{font-size:clamp(2.7rem,6.6vw,5.4rem);font-weight:800;letter-spacing:-.035em;margin-top:1.4rem;line-height:1}
.hero h1 em{font-style:normal;color:var(--verde)}
.hero .lead{font-size:clamp(1.08rem,1.6vw,1.25rem);color:#C4CCD6}
.hero-acoes{display:flex;flex-wrap:wrap;gap:.85rem;margin-top:2.25rem}
.numeros{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;margin-top:3rem;padding-top:1.75rem;border-top:1px solid var(--linha);max-width:560px}
.numeros strong{display:block;font-family:var(--f-display);font-size:clamp(1.6rem,3vw,2.1rem);font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.numeros strong span{color:var(--verde)}
.numeros small{display:block;color:var(--nevoa);font-size:.85rem;line-height:1.4;margin-top:.25rem}

/* Console (ilustração do atendimento IA + humano) */
.console{background:linear-gradient(180deg,rgba(23,28,35,.92),rgba(17,20,24,.96));border:1px solid var(--linha);border-radius:20px;padding:1.25rem;box-shadow:0 40px 80px -30px rgba(0,0,0,.7);font-size:.92rem;min-width:0}
.console-topo{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding-bottom:1rem;border-bottom:1px solid var(--linha)}
.console-topo b{font-family:var(--f-display);font-size:.82rem;letter-spacing:.14em;text-transform:uppercase;font-weight:600}
.ao-vivo{display:inline-flex;align-items:center;gap:.45rem;font-size:.78rem;color:var(--nevoa)}
.ao-vivo::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--verde);box-shadow:0 0 0 4px rgba(184,255,0,.18);animation:pulso 2s ease-in-out infinite}
@keyframes pulso{50%{box-shadow:0 0 0 7px rgba(184,255,0,0)}}
.conversa{display:grid;gap:.7rem;padding-block:1.1rem}
.msg{max-width:86%;padding:.65rem .9rem;border-radius:14px;line-height:1.45}
.msg small{display:block;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;font-weight:700;margin-bottom:.2rem;font-family:var(--f-display)}
.msg-cliente{background:#232A33;justify-self:end;border-bottom-right-radius:4px}
.msg-cliente small{color:var(--nevoa)}
.msg-ia{background:rgba(10,31,61,.9);border:1px solid rgba(80,130,220,.35);border-bottom-left-radius:4px}
.msg-ia small{color:#8DB4FF}
.msg-humano{background:rgba(184,255,0,.08);border:1px solid rgba(184,255,0,.35);border-bottom-left-radius:4px}
.msg-humano small{color:var(--verde)}
.evento{font-size:.78rem;color:var(--nevoa);display:flex;align-items:center;gap:.6rem}
.evento::before,.evento::after{content:"";flex:1;height:1px;background:var(--linha)}
.funil{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.4rem;padding-top:1rem;border-top:1px solid var(--linha)}
.etapa{font-size:.7rem;text-align:center;padding:.5rem .25rem;border-radius:8px;background:#1C222A;color:var(--nevoa);font-weight:600;line-height:1.25}
.etapa.atual{background:var(--verde);color:var(--grafite)}
.console-nota{font-size:.75rem;color:var(--nevoa);margin-top:.85rem;opacity:.8}

/* Pilares */
.pilares{border-block:1px solid var(--linha);background:var(--grafite);padding-block:2.25rem}
.pilares ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem}
.pilares li{display:flex;align-items:center;gap:1rem;font-family:var(--f-display);font-weight:600;letter-spacing:.2em;text-transform:uppercase;font-size:.85rem}
.pilares svg{width:34px;height:34px;flex:none;stroke:var(--off)}

/* Soluções */
.solucoes{background:linear-gradient(180deg,var(--grafite) 0%,#0D1726 100%)}
.grade-sol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}
.sol{background:var(--grafite-2);border:1px solid var(--linha);border-radius:var(--raio);padding:clamp(1.5rem,3vw,2.25rem);display:flex;flex-direction:column;gap:1rem;min-width:0;transition:border-color .2s}
.sol:hover{border-color:rgba(184,255,0,.45)}
.sol-cab{display:flex;align-items:center;gap:1rem}
.sol-ico{width:52px;height:52px;border-radius:12px;background:var(--azul);display:grid;place-items:center;flex:none}
.sol-ico svg{width:26px;height:26px;stroke:var(--off)}
.sol h3{font-size:1.35rem;font-weight:700}
.sol .tag{font-size:.72rem;font-family:var(--f-display);font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--nevoa);display:block;margin-bottom:.2rem}
.sol p{color:var(--nevoa)}
.lista{list-style:none;margin:0;padding:0;display:grid;gap:.55rem}
.lista li{display:flex;gap:.75rem;align-items:baseline;font-size:.98rem}
.lista li::before{content:"";width:8px;height:12px;background:var(--verde);transform:skewX(-24deg) translateY(1px);flex:none}
.sol .btn{align-self:flex-start;margin-top:auto}
.sol-destaque{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(1.5rem,4vw,3rem);align-items:start;background:linear-gradient(135deg,#0F2547 0%,var(--grafite-2) 70%)}
.sol-destaque>div{display:flex;flex-direction:column;gap:1rem;min-width:0}

/* Por que (seção clara) */
.claro{background:var(--off);color:var(--azul)}
.claro .olho{color:var(--tinta-2)}
.claro .lead{color:var(--tinta-2)}
.porque .miolo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2.5rem,6vw,5rem);align-items:center}
.ganhos{display:grid;gap:0;border-top:1px solid var(--linha-clara)}
.ganho{display:grid;grid-template-columns:auto minmax(0,1fr);gap:1.25rem;padding-block:1.5rem;border-bottom:1px solid var(--linha-clara)}
.ganho .n{font-family:var(--f-display);font-weight:800;font-size:2rem;line-height:1;color:var(--azul);min-width:3.2ch;font-variant-numeric:tabular-nums}
.ganho h3{font-size:1.15rem;font-weight:700;margin-bottom:.35rem;letter-spacing:-.01em}
.ganho p{color:var(--tinta-2)}
.foto-moldura{position:relative;border-radius:var(--raio);overflow:hidden;aspect-ratio:4/4.6;max-width:100%;background:var(--grafite)}
.foto-moldura img{width:100%;height:100%;object-fit:cover}
.foto-moldura figcaption{position:absolute;left:1.25rem;right:1.25rem;bottom:1.25rem;background:rgba(17,20,24,.82);backdrop-filter:blur(8px);color:var(--off);padding:1rem 1.15rem;border-radius:12px;font-size:.92rem;line-height:1.45;border-left:4px solid var(--verde)}

/* Diferenciais */
.difs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--linha);border:1px solid var(--linha);border-radius:var(--raio);overflow:hidden}
.dif{background:var(--grafite);padding:1.75rem 1.5rem;display:flex;flex-direction:column;gap:.5rem;min-width:0}
.dif h3{font-size:1.05rem;font-weight:700;letter-spacing:-.005em}
.dif p{color:var(--nevoa);font-size:.95rem}
.dif .k{font-family:var(--f-display);font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--verde);font-weight:600}

/* Como funciona */
.passos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem;counter-reset:p;list-style:none;margin:0;padding:0}
.passo{position:relative;padding-top:1.5rem;border-top:2px solid var(--linha);min-width:0}
.passo::before{counter-increment:p;content:"0" counter(p);font-family:var(--f-display);font-weight:700;font-size:.85rem;letter-spacing:.12em;color:var(--verde);display:block;margin-bottom:.75rem}
.passo::after{content:"";position:absolute;top:-2px;left:0;width:40px;height:2px;background:var(--verde)}
.passo h3{font-size:1.15rem;font-weight:700;margin-bottom:.5rem}
.passo p{color:var(--nevoa);font-size:.96rem}

/* Clientes */
.clientes{background:#0D1726}
.logos{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:clamp(3rem,6vw,4.5rem)}
.logos>li{flex:0 1 calc((100% - 4rem)/5)}
.logo-cli{background:var(--grafite);border:1px solid var(--linha);border-radius:12px;aspect-ratio:3/2;display:grid;place-items:center;padding:1rem;max-width:100%}
.logo-cli img{max-height:64px;width:auto;object-fit:contain}
.depos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}
.depo{margin:0;background:var(--grafite-2);border:1px solid var(--linha);border-radius:var(--raio);padding:clamp(1.5rem,3vw,2.25rem);display:flex;flex-direction:column;gap:1.5rem;min-width:0}
.depo blockquote{margin:0;font-size:1.15rem;line-height:1.55;font-weight:500}
.depo blockquote::before{content:"“";display:block;font-family:var(--f-display);font-size:3.5rem;line-height:.6;color:var(--verde);margin-bottom:.75rem;font-weight:700}
.depo figcaption{display:flex;align-items:center;gap:.9rem;margin-top:auto}
.depo figcaption img{width:52px;height:52px;border-radius:50%;object-fit:cover;flex:none}
.depo figcaption b{display:block;font-family:var(--f-display);font-size:.98rem}
.depo figcaption span{color:var(--nevoa);font-size:.88rem}

/* Equipe */
.equipe .miolo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(2.5rem,6vw,5rem);align-items:center}
.pessoas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}
.pessoa{background:var(--grafite-2);border:1px solid var(--linha);border-radius:var(--raio);padding:1.75rem;display:flex;flex-direction:column;gap:1rem;min-width:0}
.monograma{width:64px;height:64px;border-radius:16px;background:var(--azul);display:grid;place-items:center;font-family:var(--f-display);font-weight:700;font-size:1.4rem;position:relative;overflow:hidden}
.monograma::after{content:"";position:absolute;left:8px;bottom:-4px;width:14px;height:20px;background:var(--verde);transform:skewX(-24deg)}
.pessoa h3{font-size:1.25rem;font-weight:700}
.pessoa p{color:var(--nevoa);font-size:.95rem}

/* Manifesto */
.manifesto{background:var(--grafite);border-block:1px solid var(--linha)}
.manifesto .miolo{display:flex;gap:clamp(1.25rem,3vw,2.25rem);align-items:stretch}
.manifesto .miolo::before{content:"";width:6px;background:var(--verde);flex:none;border-radius:2px}
.manifesto p{font-family:var(--f-display);font-weight:500;text-transform:uppercase;letter-spacing:.16em;font-size:clamp(1.4rem,3.6vw,2.6rem);line-height:1.35}
.manifesto p span{color:var(--verde);font-weight:600}

/* Contato */
.contato .miolo{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(2.5rem,6vw,5rem);align-items:start}
.canais{display:grid;gap:1rem;margin-top:2.25rem}
.canal{display:flex;align-items:center;gap:1rem;padding:1.1rem 1.25rem;border:1px solid var(--linha-clara);border-radius:12px;text-decoration:none;background:#fff;transition:border-color .15s;min-width:0}
.canal:hover{border-color:var(--azul)}
.canal svg{width:24px;height:24px;flex:none;stroke:var(--azul)}
.canal small{display:block;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--tinta-2);font-weight:700;font-family:var(--f-display)}
.canal b{font-size:1.05rem;overflow-wrap:anywhere}
.form{background:#fff;border:1px solid var(--linha-clara);border-radius:18px;padding:clamp(1.5rem,3.5vw,2.5rem);display:grid;gap:1.15rem;box-shadow:0 30px 60px -40px rgba(10,31,61,.45)}
.form h3{font-size:1.4rem;font-weight:700}
.campos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.campo{display:grid;gap:.4rem;min-width:0}
.campo.cheio{grid-column:1/-1}
.campo label,.campo legend{font-size:.85rem;font-weight:700;color:var(--azul)}
.campo input,.campo textarea{font:inherit;font-size:1rem;color:var(--azul);background:var(--off);border:1.5px solid transparent;border-radius:10px;padding:.8rem .95rem;width:100%;min-height:48px;transition:border-color .15s,background-color .15s;color-scheme:light}
.campo textarea{min-height:110px;resize:vertical}
.campo input:focus,.campo textarea:focus{outline:none;border-color:var(--azul);background:#fff}
.campo input[aria-invalid="true"]{border-color:#C2410C}
.erro{font-size:.82rem;color:#B03A0B;font-weight:600}
fieldset.campo{border:0;padding:0;margin:0}
.chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.2rem}
.chip{position:relative}
.chip input{position:absolute;opacity:0;inset:0;cursor:pointer}
.chip span{display:inline-flex;align-items:center;padding:.55rem .95rem;border-radius:999px;border:1.5px solid var(--linha-clara);font-size:.9rem;font-weight:600;color:var(--azul);background:#fff;transition:all .15s;cursor:pointer}
.chip input:checked+span{background:var(--azul);border-color:var(--azul);color:var(--off)}
.chip input:focus-visible+span{outline:2px solid var(--azul);outline-offset:2px}
.aceite{display:flex;gap:.65rem;align-items:flex-start;font-size:.88rem;color:var(--tinta-2);line-height:1.5}
.aceite input{width:20px;height:20px;margin-top:.1rem;accent-color:var(--azul);flex:none}
.aceite a{color:var(--azul);font-weight:700}
.form .btn-azul{background:var(--azul);color:var(--off);width:100%}
.form .btn-azul:hover{background:#12305C}
.sucesso{display:grid;gap:1rem;text-align:left}
.sucesso h3{font-size:1.4rem}
.sucesso p{color:var(--tinta-2)}

/* Rodapé */
.rodape{background:#0B0E11;padding-block:3.5rem 2rem;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));font-size:.92rem;color:var(--nevoa)}
.rodape .miolo{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(2,minmax(0,1fr));gap:2.5rem}
.rodape img{height:24px;width:auto;margin-bottom:.9rem}
.rodape h4{font-family:var(--f-display);font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;color:var(--off);margin:0 0 .9rem}
.rodape ul{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}
.rodape a{text-decoration:none}
.rodape a:hover{color:var(--off)}
.legal{max-width:var(--max);margin:2.5rem auto 0;padding-top:1.5rem;border-top:1px solid var(--linha);font-size:.82rem;display:flex;flex-wrap:wrap;justify-content:space-between;gap:.75rem}

/* WhatsApp flutuante */
.zap{position:fixed;right:calc(18px + env(safe-area-inset-right,0px));bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:40;width:58px;height:58px;border-radius:50%;background:#25D366;display:grid;place-items:center;box-shadow:0 12px 30px -8px rgba(0,0,0,.6);transition:transform .15s}
.zap:hover{transform:scale(1.06)}
.zap{color:#fff}
.zap svg{width:30px;height:30px}

/* Cookies */
.cookies{position:fixed;left:0;right:0;bottom:0;z-index:70;background:var(--grafite-2);border-top:1px solid var(--linha);padding:1rem max(16px,env(safe-area-inset-right,0px)) calc(1rem + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px))}
.cookies .miolo{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between}
.cookies p{font-size:.9rem;color:var(--nevoa);max-width:70ch}
.cookies a{color:var(--off)}
.cookies .acoes{display:flex;gap:.6rem;flex-wrap:wrap}
.cookies .btn{min-height:42px;padding:.6rem 1rem;font-size:.85rem}

/* Página de texto (política) */
.texto{max-width:72ch;margin-inline:auto}
.texto h1{font-size:clamp(2rem,4vw,2.8rem);margin:1rem 0 1.5rem}
.texto h2{font-size:1.3rem;margin:2.25rem 0 .75rem}
.texto p,.texto li{color:#C4CCD6}
.texto p+p{margin-top:.9rem}
.texto ul{padding-left:1.2rem;display:grid;gap:.4rem}

/* Animação de entrada (parte de um estado visível) */
@media (prefers-reduced-motion:no-preference){
  .hero .entra{animation:sobe .7s cubic-bezier(.2,.7,.2,1) both}
  .hero .entra:nth-child(2){animation-delay:.06s}
  .hero .entra:nth-child(3){animation-delay:.12s}
  .hero .entra:nth-child(4){animation-delay:.18s}
  .hero .entra:nth-child(5){animation-delay:.24s}
  .console .msg,.console .evento{animation:sobe .5s ease both}
  .console .conversa>*:nth-child(2){animation-delay:.5s}
  .console .conversa>*:nth-child(3){animation-delay:.9s}
  .console .conversa>*:nth-child(4){animation-delay:1.3s}
  .console .conversa>*:nth-child(5){animation-delay:1.7s}
}
@keyframes sobe{from{transform:translateY(12px);opacity:.25}to{transform:none;opacity:1}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}

/* Responsivo */
@media (max-width:1000px){
  .hero .miolo,.porque .miolo,.equipe .miolo,.contato .miolo{grid-template-columns:minmax(0,1fr)}
  .passos{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:2.25rem}
  .difs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .logos>li{flex-basis:calc((100% - 2rem)/3)}
  .pilares ul{grid-template-columns:repeat(2,minmax(0,1fr))}
  .foto-moldura{aspect-ratio:16/10}
}
@media (max-width:720px){
  .grade-sol,.sol-destaque,.depos,.difs,.campos,.pessoas{grid-template-columns:minmax(0,1fr)}
  .passos{grid-template-columns:minmax(0,1fr)}
  .logos>li{flex-basis:calc((100% - 1rem)/2)}
  .rodape .miolo{grid-template-columns:minmax(0,1fr)}
  .numeros{gap:1rem}
  .hero-acoes .btn{flex:1 1 100%}
  .pilares li{letter-spacing:.14em;font-size:.78rem}
}

/* ============ V2 ============ */
.nav .btn-zap-topo{background:transparent;border:1.5px solid rgba(245,246,247,.28);color:var(--off)}
.nav .btn-zap-topo:hover{border-color:#25D366}
.nav-acoes{display:flex;gap:.6rem;align-items:center}
@media (max-width:900px){.nav-acoes{flex-direction:column;align-items:stretch}}

/* Hero com foto */
.hero h1{font-size:clamp(2.5rem,5.2vw,4.4rem)}
.hero h1 .linha2{display:block;color:var(--verde)}
.hero-foto{position:relative;margin:0;min-width:0;isolation:isolate}
.hero-foto .moldura{border-radius:24px;overflow:hidden;aspect-ratio:4/5;max-width:100%;background:var(--azul);box-shadow:0 50px 90px -40px rgba(0,0,0,.8)}
.hero-foto .moldura img{width:100%;height:100%;object-fit:cover}
.hero-foto .corte{position:absolute;left:-22px;bottom:64px;width:46px;height:120px;background:var(--verde);transform:skewX(-24deg);border-radius:4px;z-index:-1}
.bolhas{position:absolute;left:-36px;right:-20px;bottom:-28px;display:grid;gap:.55rem;pointer-events:none}
.bolha{max-width:300px;padding:.7rem .95rem;border-radius:14px;font-size:.88rem;line-height:1.4;box-shadow:0 18px 40px -16px rgba(0,0,0,.7);transition:opacity .4s ease,transform .4s ease}
.bolha small{display:block;font-family:var(--f-display);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700;margin-bottom:.15rem}
.bolha.cliente{background:#F5F6F7;color:var(--azul);justify-self:end;border-bottom-right-radius:4px}
.bolha.cliente small{color:#5B6676}
.bolha.ia{background:var(--azul);color:var(--off);border:1px solid rgba(110,160,255,.4);border-bottom-left-radius:4px}
.bolha.ia small{color:#8DB4FF}
.bolha.humano{background:var(--grafite);color:var(--off);border:1px solid rgba(184,255,0,.5);border-bottom-left-radius:4px}
.bolha.humano small{color:var(--verde)}
.bolha.digitando{display:inline-flex;gap:4px;align-items:center;width:auto;justify-self:start;background:var(--azul);padding:.75rem .9rem}
.bolha.digitando i{width:6px;height:6px;border-radius:50%;background:#8DB4FF;animation:pisca 1s infinite}
.bolha.digitando i:nth-child(2){animation-delay:.15s}.bolha.digitando i:nth-child(3){animation-delay:.3s}
@keyframes pisca{50%{opacity:.25}}
.bolhas.oculta .bolha{opacity:0;transform:translateY(8px)}
.bolhas .bolha.mostra{opacity:1;transform:none}
.selo-crm{position:absolute;top:22px;right:-18px;background:rgba(17,20,24,.9);backdrop-filter:blur(8px);border:1px solid var(--linha);border-radius:12px;padding:.6rem .85rem;font-size:.78rem;display:flex;gap:.55rem;align-items:center;box-shadow:0 18px 40px -16px rgba(0,0,0,.7)}
.selo-crm b{font-family:var(--f-display);display:block;font-size:.82rem}
.selo-crm span{color:var(--nevoa)}
.selo-crm .ok{width:26px;height:26px;border-radius:8px;background:var(--verde);display:grid;place-items:center;flex:none}
.selo-crm .ok svg{width:16px;height:16px;stroke:var(--grafite)}
@media (max-width:1000px){.hero-foto{max-width:520px;margin-inline:auto;width:100%;margin-bottom:2rem}}
@media (max-width:560px){.bolhas{left:-6px;right:-6px}.bolha{max-width:250px;font-size:.82rem}.selo-crm{right:-4px}.hero-foto .corte{left:-8px}}

/* Faixa de logos (marquee) */
.prova{padding-block:2.5rem;border-bottom:1px solid var(--linha)}
.prova .miolo{display:grid;grid-template-columns:auto minmax(0,1fr);gap:2rem;align-items:center}
.prova-rotulo{font-size:.85rem;color:var(--nevoa);max-width:15ch;line-height:1.4}
.trilho{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.trilho ul{display:flex;gap:1rem;list-style:none;margin:0;padding:0;width:max-content;animation:rola 28s linear infinite}
.trilho:hover ul{animation-play-state:paused}
.trilho li{flex:none;width:150px;height:84px;border-radius:12px;background:var(--grafite-2);border:1px solid var(--linha);display:grid;place-items:center;padding:.8rem}
.trilho li img{max-height:56px;width:auto;object-fit:contain}
.trilho li.kommo{width:190px;background:transparent;border:0;padding:0}
.trilho li.kommo img{max-height:72px}
@keyframes rola{to{transform:translateX(calc(-50% - .5rem))}}
@media (max-width:720px){.prova .miolo{grid-template-columns:minmax(0,1fr);gap:1rem}.prova-rotulo{max-width:none}}

/* Calculadora */
.calc{background:radial-gradient(900px 500px at 85% 0%,rgba(30,80,170,.35),transparent 60%),var(--grafite)}
.calc .miolo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2rem,5vw,4.5rem);align-items:center}
.painel{background:var(--grafite-2);border:1px solid var(--linha);border-radius:20px;padding:clamp(1.4rem,3vw,2.25rem);display:grid;gap:1.4rem;min-width:0}
.faixa-campo{display:grid;gap:.5rem}
.faixa-campo label{display:flex;justify-content:space-between;gap:1rem;font-size:.92rem;font-weight:600}
.faixa-campo output{font-family:var(--f-display);font-weight:700;color:var(--verde);font-variant-numeric:tabular-nums;white-space:nowrap}
.faixa-campo input[type=range]{width:100%;accent-color:var(--verde);height:28px;cursor:pointer}
.resultado{border-top:1px solid var(--linha);padding-top:1.4rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.resultado div{background:var(--grafite);border:1px solid var(--linha);border-radius:12px;padding:1rem 1.1rem;min-width:0}
.resultado small{display:block;color:var(--nevoa);font-size:.8rem;line-height:1.35}
.resultado strong{display:block;font-family:var(--f-display);font-size:clamp(1.4rem,3vw,2rem);font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin-top:.25rem;overflow-wrap:anywhere}
.resultado .grande{grid-column:1/-1;background:rgba(184,255,0,.07);border-color:rgba(184,255,0,.35)}
.resultado .grande strong{color:var(--verde);font-size:clamp(1.8rem,4.4vw,2.8rem)}
.nota{font-size:.78rem;color:var(--nevoa)}

/* IA + Humano + CRM */
.trio-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;position:relative}
.col-papel{border-radius:var(--raio);padding:clamp(1.4rem,3vw,2rem);display:flex;flex-direction:column;gap:1rem;min-width:0;border:1px solid var(--linha);background:var(--grafite-2)}
.col-papel.ia{background:linear-gradient(180deg,#0F2547,var(--grafite-2))}
.col-papel.humano{border-color:rgba(184,255,0,.4)}
.col-papel .quem{font-family:var(--f-display);font-size:.75rem;letter-spacing:.22em;text-transform:uppercase;font-weight:700}
.col-papel.ia .quem{color:#8DB4FF}.col-papel.humano .quem{color:var(--verde)}.col-papel.crm .quem{color:var(--nevoa)}
.col-papel h3{font-size:1.4rem}
.col-papel .lista li{font-size:.96rem}

/* Soluções v2 com foto */
.sol-foto{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);padding:0;overflow:hidden}
.sol-foto>img{width:100%;height:100%;object-fit:cover;min-height:320px}
.sol-foto>div{padding:clamp(1.5rem,3.5vw,2.75rem);display:flex;flex-direction:column;gap:1rem;min-width:0}
.kommo-mini{display:flex;align-items:center;gap:.75rem;font-size:.85rem;color:var(--nevoa);margin-top:.25rem}
.kommo-mini img{height:40px;width:auto}
@media (max-width:720px){.sol-foto{grid-template-columns:minmax(0,1fr)}.sol-foto>img{min-height:0;aspect-ratio:4/3;max-width:100%}}

/* Segmentos (abas) */
.abas{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}
.aba{font:inherit;font-family:var(--f-display);font-weight:600;font-size:.92rem;padding:.75rem 1.15rem;border-radius:999px;border:1.5px solid var(--linha-clara);background:#fff;color:var(--azul);cursor:pointer;transition:all .15s;min-height:46px}
.aba[aria-selected="true"]{background:var(--azul);color:var(--off);border-color:var(--azul)}
.aba:hover{border-color:var(--azul)}
.seg{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.25rem}
.seg>div{background:#fff;border:1px solid var(--linha-clara);border-radius:var(--raio);padding:clamp(1.4rem,3vw,2rem);min-width:0}
.seg h3{font-size:1.25rem;margin-bottom:.85rem}
.seg .rot{font-family:var(--f-display);font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;font-weight:700;color:#B03A0B;display:block;margin-bottom:.6rem}
.seg .rot.bom{color:#3F6B00}
.seg p,.seg li{color:var(--tinta-2)}
.claro .lista li::before{background:var(--azul)}
.seg .dor{background:#FBF4F1;border-color:#F0DCD3}
@media (max-width:720px){.seg{grid-template-columns:minmax(0,1fr)}}

/* Comparativo */
.tabela-wrap{overflow-x:auto;border:1px solid var(--linha);border-radius:var(--raio)}
.comp{width:100%;border-collapse:collapse;min-width:640px;font-size:.96rem}
.comp th,.comp td{padding:1rem 1.15rem;text-align:left;border-bottom:1px solid var(--linha);vertical-align:top}
.comp thead th{font-family:var(--f-display);font-size:.82rem;letter-spacing:.12em;text-transform:uppercase;color:var(--nevoa);font-weight:600;background:var(--grafite-2)}
.comp thead th.allo{color:var(--grafite);background:var(--verde)}
.comp tbody th{font-weight:600;color:var(--off);width:28%}
.comp td{color:var(--nevoa)}
.comp td.allo{color:var(--off);background:rgba(184,255,0,.06);font-weight:600}
.comp tr:last-child th,.comp tr:last-child td{border-bottom:0}
.sim,.nao,.meio{display:inline-block;width:1.4em;font-weight:800;font-family:var(--f-display)}
.sim{color:var(--verde)}.nao{color:#FF7A59}.meio{color:#F5C451}

/* Cases */
.cases-numeros{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--linha);border:1px solid var(--linha);border-radius:var(--raio);overflow:hidden;margin-bottom:1.25rem}
.cases-numeros div{background:var(--grafite);padding:1.5rem}
.cases-numeros strong{display:block;font-family:var(--f-display);font-size:clamp(1.8rem,3.4vw,2.6rem);font-weight:800;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.cases-numeros strong span{color:var(--verde)}
.cases-numeros small{color:var(--nevoa);font-size:.88rem}
@media (max-width:720px){.cases-numeros{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Equipe v2 */
.equipe2 .miolo{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(2rem,5vw,4.5rem);align-items:center}
.mosaico{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:minmax(0,auto);gap:.75rem}
.mosaico figure{margin:0;border-radius:16px;overflow:hidden;background:var(--azul);position:relative}
.mosaico img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/5}
.mosaico .m1{grid-column:1/5;grid-row:1/3}
.mosaico .m1 img{aspect-ratio:auto;height:100%}
.mosaico .m2{grid-column:5/7}
.mosaico .m3{grid-column:5/7}
.mosaico .m4,.mosaico .m5,.mosaico .m6{grid-column:span 2}
.assinatura{display:flex;gap:2rem;flex-wrap:wrap;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--linha)}
.assinatura b{display:block;font-family:var(--f-display);font-size:1.1rem}
.assinatura span{color:var(--nevoa);font-size:.9rem}
@media (max-width:1000px){.equipe2 .miolo{grid-template-columns:minmax(0,1fr)}}

/* FAQ */
.faq .miolo{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(2rem,5vw,4.5rem);align-items:start}
.perguntas{display:grid;gap:.75rem}
.perguntas details{background:#fff;border:1px solid var(--linha-clara);border-radius:12px;padding:0 1.25rem;transition:border-color .15s}
.perguntas details[open]{border-color:var(--azul)}
.perguntas summary{cursor:pointer;list-style:none;padding:1.15rem 0;font-family:var(--f-display);font-weight:700;font-size:1.02rem;display:flex;justify-content:space-between;gap:1rem;align-items:center;color:var(--azul)}
.perguntas summary::-webkit-details-marker{display:none}
.perguntas summary::after{content:"+";font-size:1.5rem;line-height:1;color:var(--azul);transition:transform .2s;flex:none}
.perguntas details[open] summary::after{transform:rotate(45deg)}
.perguntas details p{padding-bottom:1.25rem;color:var(--tinta-2)}
@media (max-width:1000px){.faq .miolo{grid-template-columns:minmax(0,1fr)}}

/* Faixa CTA final */
.cta-final{background:var(--verde);color:var(--grafite);padding-block:clamp(3rem,6vw,4.5rem)}
.cta-final .miolo{display:flex;flex-wrap:wrap;gap:1.5rem 3rem;align-items:center;justify-content:space-between}
.cta-final h2{font-size:clamp(1.8rem,4vw,2.9rem);font-weight:800;max-width:20ch}
.cta-final .btn{background:var(--grafite);color:var(--off)}
.cta-final .btn-contorno{background:transparent;color:var(--grafite);border-color:var(--grafite)}
.cta-final .acoes{display:flex;gap:.75rem;flex-wrap:wrap}

.rodape .kommo-rod{height:48px;width:auto;margin-top:1rem}

@media (prefers-reduced-motion:reduce){.trilho ul{animation:none;flex-wrap:wrap;width:auto}}
@media (max-width:900px){.trio-cols{grid-template-columns:minmax(0,1fr)}}
@media (max-width:560px){.mosaico{grid-template-columns:repeat(2,minmax(0,1fr))}.mosaico .m1{grid-column:1/-1;grid-row:auto}.mosaico .m1 img{aspect-ratio:4/5}.mosaico .m2,.mosaico .m3,.mosaico .m4,.mosaico .m5{grid-column:span 1}.mosaico .m6{display:none}}
@media (max-width:1000px){.calc .miolo{grid-template-columns:minmax(0,1fr)}}
@media (max-width:420px){.resultado{grid-template-columns:minmax(0,1fr)}}
.parceiros-mini{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}
.parceiros-mini img{height:50px;width:auto}
.parceiros-rod{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1rem}
.parceiros-rod img{height:44px;width:auto}
.trilho li.largo{width:300px}
.trilho li.largo img{max-height:46px}
.mosaico figcaption{position:absolute;left:.6rem;bottom:.6rem;background:rgba(17,20,24,.82);backdrop-filter:blur(6px);padding:.3rem .65rem;border-radius:8px;font-family:var(--f-display);font-weight:700;font-size:.82rem;border-left:3px solid var(--verde)}

/* ===== V4: conversa do hero e foto da dupla ===== */
.bolhas{display:none}
.chat{position:absolute;left:-60px;bottom:-96px;width:min(280px,76%);background:rgba(17,20,24,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--linha);border-radius:18px;box-shadow:0 30px 60px -24px rgba(0,0,0,.85);overflow:hidden}
.chat-topo{display:flex;align-items:center;gap:.65rem;padding:.7rem .9rem;border-bottom:1px solid var(--linha);background:rgba(10,31,61,.55)}
.chat-av{width:34px;height:34px;border-radius:10px;overflow:hidden;flex:none}
.chat-av img{width:34px;height:34px}
.chat-topo b{display:block;font-family:var(--f-display);font-size:.82rem;line-height:1.2}
.chat-status{display:block;font-size:.72rem;color:var(--verde);line-height:1.3;min-height:1.3em}
.chat-status.digitando{color:#8DB4FF;font-style:italic}
.chat-corpo{display:grid;gap:.45rem;padding:.8rem}
.chat .bolha{max-width:88%;box-shadow:none;font-size:.84rem;padding:.55rem .75rem;opacity:0;transform:translateY(6px);transition:opacity .35s ease,transform .35s ease}
.chat .bolha small{font-size:.62rem}
.chat-dia{justify-self:center;font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;color:var(--nevoa);background:rgba(245,246,247,.06);padding:.2rem .6rem;border-radius:999px;margin:.1rem 0;opacity:0;transition:opacity .35s ease}
.chat .v{opacity:1;transform:none}
.selo-crm{opacity:0;transform:translateY(-6px);transition:opacity .4s ease,transform .4s ease}
.selo-crm.v{opacity:1;transform:none}
@media (max-width:1000px){.chat{left:-16px}}
@media (max-width:560px){.hero-foto{margin-bottom:0}.chat{position:relative;left:auto;bottom:auto;width:calc(100% - 24px);margin:-90px auto 0}}
.foto-dupla{margin:0;position:relative;border-radius:22px;overflow:hidden;background:var(--azul);max-width:520px;width:100%;justify-self:center;box-shadow:0 40px 80px -40px rgba(0,0,0,.8)}
.foto-dupla img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover}
.foto-dupla figcaption{position:absolute;left:1rem;right:1rem;bottom:1rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}
.foto-dupla figcaption span{background:rgba(17,20,24,.84);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-left:3px solid var(--verde);border-radius:10px;padding:.6rem .8rem;font-size:.8rem;color:var(--nevoa);line-height:1.35;min-width:0}
.foto-dupla figcaption b{display:block;color:var(--off);font-family:var(--f-display);font-size:.95rem}
@media (max-width:420px){.foto-dupla figcaption{grid-template-columns:minmax(0,1fr)}}

/* ===== V6: conversa ao lado da foto, sem cobrir ninguém ===== */
.hero-foto{display:grid;grid-template-columns:minmax(0,250px) minmax(0,1fr);grid-template-areas:"chat foto";gap:18px;align-items:start}
.hero-foto .corte{display:none}
.hero-foto .moldura{grid-area:foto}
.hero-foto .chat{grid-area:chat;position:relative;left:auto;bottom:auto;width:auto;margin-top:72px}
.hero-foto .selo-crm{right:-12px;top:-30px}
.hero-foto{padding-top:22px}
@media (min-width:1001px){.hero .miolo{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)}.hero h1{font-size:clamp(2.5rem,4.3vw,3.6rem)}}
@media (max-width:1000px){.hero-foto{max-width:640px}}
@media (max-width:640px){
  .hero-foto{grid-template-columns:minmax(0,1fr);grid-template-areas:"foto" "chat";gap:14px}
  .hero-foto .chat{margin:0;width:100%}
  .hero-foto .selo-crm{right:8px}
}
.rodape .logo-rod{height:58px;width:auto;margin-bottom:.5rem}