/* Raio-X · folha comum da pré-página e da oferta (versão 4).
   Mesma linguagem visual do diagnóstico (Raio-X v3): fundo gelo, títulos Parkinsans pesados com a
   palavra-chave em azul sublinhada em gradiente, cartões brancos grandes, molduras lavanda com telas
   do Instagram dentro, pílulas vermelhas de "Nenhuma resposta", faixas navy e o bloco azul de CTA.
   Layout: uma coluna no celular; no desktop, grades de 2 e 3 colunas e texto ao lado da peça. */
:root{
  --bg:#F4F6FB; --branco:#FFFFFF; --tinta:#0A0F2C; --tinta-2:#4E5675; --tinta-3:#8B92AD;
  --azul:#2F5BFF; --azul-2:#2449E8; --ciano:#7FE7FF; --navy:#0B0D3B; --noite:#070A24;
  --linha:#E6EAF3; --moldura:#EEF2FC; --lav:#E9EEFF;
  --verm:#E8395A; --verm-2:#C8143C; --verm-f:#FFF1F3; --ambar:#B86E00; --ambar-f:#FFF5E1; --ambar-b:#F6C56B;
  --verde:#10A36B; --verde-f:#E3F7EE; --roxo:#6D5BFF;
  --grad:linear-gradient(90deg,#2F5BFF,#7FE7FF);
  --grad-dm:linear-gradient(135deg,#4F6BFF,#7C5CFF);
  --titulo:'Parkinsans',ui-sans-serif,system-ui,sans-serif;
  --texto:'Inter',ui-sans-serif,system-ui,-apple-system,sans-serif;
  --sombra:0 1px 2px rgba(10,15,44,.04),0 20px 44px -30px rgba(10,15,44,.35);
  --sombra-forte:0 2px 6px rgba(10,15,44,.06),0 44px 90px -40px rgba(10,15,44,.5);
  color-scheme:light;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--tinta);font:400 16px/1.6 var(--texto);overflow-x:hidden;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
h1,h2,h3,h4{font-family:var(--titulo);margin:0;text-wrap:balance;color:inherit}
h1{font-size:clamp(38px,9.4vw,72px);line-height:1;font-weight:700;letter-spacing:-.035em}
h2{font-size:clamp(32px,7.4vw,56px);line-height:1.02;font-weight:700;letter-spacing:-.035em}
h3{font-size:20px;line-height:1.2;font-weight:600;letter-spacing:-.015em}
h4{font-size:17px;line-height:1.25;font-weight:600}
p{margin:0}
button{font:inherit;cursor:pointer;color:inherit}
.wrap{max-width:1160px;margin:0 auto;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
.sec{padding-block:64px}
@media (min-width:900px){.sec{padding-block:120px}}
.sec--branca{background:var(--branco)}
.sec--navy{background:var(--navy);color:#fff}
.sec--noite{background:var(--noite);color:#fff}
.u{color:var(--azul);position:relative;display:inline-block;padding-bottom:.06em}
.u::after{content:"";position:absolute;left:0;right:0;bottom:-.02em;height:.09em;min-height:3px;border-radius:99px;background:var(--grad)}
.sec--navy .u,.sec--noite .u{color:var(--ciano)}
.olho{display:inline-flex;align-items:center;gap:8px;font:600 12.5px/1.3 var(--texto);letter-spacing:.14em;text-transform:uppercase;color:var(--azul)}
.sec--navy .olho,.sec--noite .olho{color:var(--ciano)}
.lead{font-size:clamp(17px,2.2vw,20px);line-height:1.55;color:var(--tinta-2);max-width:60ch}
.sec--navy .lead,.sec--noite .lead{color:rgba(255,255,255,.74)}
.nota{font-size:13px;line-height:1.5;color:var(--tinta-3)}
.sec--navy .nota,.sec--noite .nota{color:rgba(255,255,255,.5)}
.cab{display:flex;flex-direction:column;gap:16px;margin-bottom:44px;max-width:820px}
.cab--c{align-items:center;text-align:center;margin-inline:auto}
.duas{display:grid;gap:44px;align-items:center}
@media (min-width:960px){.duas{grid-template-columns:1fr 1fr;gap:72px}}
.tres{display:grid;gap:16px}
@media (min-width:880px){.tres{grid-template-columns:repeat(3,1fr)}}
.duas>*,.tres>*{min-width:0}

/* topo */
.topo{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-block:20px}
.topo img{height:26px;width:auto}
.topo .selo-api{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:var(--tinta-2);background:#fff;border:1px solid var(--linha);border-radius:999px;padding:6px 12px}
.topo .selo-api svg{width:14px;height:14px}

/* botões */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:16px;padding:18px 28px;
  font:600 17px var(--texto);text-decoration:none;color:#fff;background:var(--azul);box-shadow:0 18px 34px -16px rgba(47,91,255,.75);
  transition:transform .15s ease,background .15s ease,box-shadow .15s ease}
.btn:hover{transform:translateY(-2px);background:var(--azul-2)}
.btn svg{width:18px;height:18px}
.btn--branco{background:#fff;color:var(--tinta);box-shadow:0 18px 34px -18px rgba(7,10,36,.55)}
.btn--branco:hover{background:#F2F5FF}
.btn--cheio{width:100%}
.btn:focus-visible,input:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid var(--ciano);outline-offset:3px}
.garantias{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:16px;font-size:14px;color:var(--tinta-2)}
.garantias span{display:inline-flex;align-items:center;gap:7px}
.garantias svg{width:16px;height:16px;color:var(--verde);flex:none}
.sec--navy .garantias,.sec--noite .garantias,.bloco-azul .garantias{color:rgba(255,255,255,.8)}
.sec--navy .garantias svg,.bloco-azul .garantias svg{color:var(--ciano)}

/* cartões */
.card{background:#fff;border:1px solid var(--linha);border-radius:26px;box-shadow:var(--sombra);position:relative}
.card--pad{padding:26px}
@media (min-width:900px){.card--pad{padding:32px}}
.card--destaque{border:2px solid var(--azul)}
.listra{overflow:hidden}
.listra::before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:var(--azul)}
.listra--ambar::before{background:#F5A524}
.listra--verm::before{background:var(--verm)}
.listra--verde::before{background:#12B981}
.moldura{background:var(--moldura);border-radius:22px;padding:14px}
.tela{background:#fff;border-radius:16px;overflow:hidden;border:1px solid #E9EDF7}
.tela-cab{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-bottom:1px solid #EEF1F8;font-size:13.5px;font-weight:600}
.tela-cab small{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;font-weight:500;color:var(--tinta-3)}
.tela-cab svg{width:14px;height:14px}

/* avatar e perfil */
.av{flex:none;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font:700 11px var(--texto);color:#5D6688;background:#EDF0F7}
.av--foto{background-size:cover;background-position:center}
.av--anel{box-shadow:0 0 0 2px #fff,0 0 0 4px #E1306C}
.perfil{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600}

/* grade do Instagram */
.grade{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:#fff}
.post{aspect-ratio:1;max-width:100%;position:relative;overflow:hidden;display:flex;align-items:flex-end;padding:8px;font:600 10px/1.25 var(--texto);color:#fff;filter:grayscale(.85);opacity:.75}
.post.pede{filter:none;opacity:1;outline:2px solid var(--azul);outline-offset:-2px}
.post.pede::after{content:"";position:absolute;top:6px;right:6px;width:18px;height:18px;border-radius:50%;background:var(--azul) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 11.5V5a1.5 1.5 0 0 1 1.5-1.5h6A1.5 1.5 0 0 1 12.5 5v4a1.5 1.5 0 0 1-1.5 1.5H6l-2.5 2z' fill='none' stroke='white' stroke-width='1.4'/%3E%3C/svg%3E") center/12px no-repeat}
.p1{background:linear-gradient(160deg,#8C93A8,#4B5168)}
.p2{background:linear-gradient(160deg,#F2B6A0,#7A4B57)}
.p3{background:linear-gradient(160deg,#B7C4D9,#56627A)}
.p4{background:linear-gradient(160deg,#F7C59F,#C2526F)}
.p5{background:linear-gradient(160deg,#A9A2C8,#3E3A5E)}
.p6{background:linear-gradient(160deg,#C9D6CB,#5C7262)}
.p7{background:linear-gradient(160deg,#D4C3B5,#6E5A4D)}
.p8{background:linear-gradient(160deg,#9EB0D8,#2F3F6E)}
.p9{background:linear-gradient(160deg,#F0A8B6,#5B2C4E)}
.grade-rodape{display:flex;align-items:center;gap:8px;padding:12px 14px;font-size:13px;color:var(--tinta-2)}
.grade-rodape b{color:var(--tinta)}
.bola-azul{width:20px;height:20px;border-radius:50%;background:var(--azul);flex:none}

/* comentários */
.cl{display:flex;flex-direction:column}
.ci{display:flex;gap:10px;align-items:flex-start;padding:11px 14px}
.ci+.ci{border-top:1px solid #F1F3F9}
.ci .tx{min-width:0;flex:1}
.ci p{font-size:13.5px;line-height:1.4;color:var(--tinta)}
.ci p b{font-weight:600;margin-right:5px}
.ci .mt{font-size:11.5px;color:var(--tinta-3);margin-top:2px}
.sem-resp{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px;border:1.5px dashed #F6B9C4;border-radius:10px;padding:5px 10px 5px 6px;font-size:12px;font-weight:600;color:var(--verm-2);background:#FFF8F9}
.sem-resp i{width:18px;height:18px;border-radius:50%;background:#F3D3CF;flex:none}
.sem-resp span{display:inline-flex;align-items:center;gap:6px}
.sem-resp small{font-weight:500;color:#D96A80}
.tg{display:inline-block;font-size:11px;font-weight:600;border-radius:999px;padding:2px 9px;margin-top:5px;margin-right:4px}
.tg--compra{background:var(--lav);color:var(--azul)}
.tg--duvida{background:var(--ambar-f);color:var(--ambar)}
.tg--elogio{background:var(--verde-f);color:var(--verde)}
.tg--critica{background:var(--verm-f);color:var(--verm-2)}
.tg--vacuo{background:#FFE4E9;color:var(--verm-2)}

/* faixas dentro das telas */
.faixa-navy{display:flex;align-items:center;gap:10px;margin:10px;border-radius:12px;background:var(--navy);color:#fff;padding:12px 14px;font-size:13px;line-height:1.35}
.faixa-navy b{font-weight:700}
.faixa-navy svg{width:18px;height:18px;flex:none;color:var(--ciano)}
.faixa-verm{display:flex;align-items:center;gap:10px;background:var(--verm-2);color:#fff;padding:12px 16px;font-size:13.5px}
.faixa-verm b{font:700 17px var(--titulo)}
.faixa-verm svg{width:18px;height:18px;flex:none}

/* pílulas grandes */
.pilula{display:inline-flex;align-items:baseline;gap:10px;border-radius:999px;padding:12px 22px;font-size:15px;font-weight:600}
.pilula b{font:700 24px var(--titulo);letter-spacing:-.02em}
.pilula--ambar{background:var(--ambar-f);border:1.5px solid var(--ambar-b);color:var(--ambar)}
.pilula--verm{background:var(--verm-f);border:1.5px solid #F7B8C5;color:var(--verm-2)}

/* medidor */
.medidor{position:relative;display:flex;flex-direction:column;align-items:center}
.medidor svg{width:150px;height:auto;display:block}
.medidor .nt{position:absolute;left:50%;bottom:7%;transform:translateX(-50%);margin:0;font:700 32px/1 var(--titulo);letter-spacing:-.02em}
.medidor .nt b{display:block;font:inherit}
.medidor .nt small{position:absolute;left:100%;bottom:.14em;margin-left:1px;line-height:1;font-size:15px;color:var(--tinta-3);font-weight:600}

/* celular */
.cel{width:min(340px,86vw);margin-inline:auto;border-radius:48px;background:var(--navy);padding:11px;box-shadow:var(--sombra-forte);position:relative}
.cel .vidro{border-radius:38px;background:#fff;overflow:hidden;position:relative}
.cel .barra{display:flex;justify-content:space-between;align-items:center;padding:14px 26px 8px;font:600 14px var(--texto)}
.cel .ilha{position:absolute;top:10px;left:50%;transform:translateX(-50%);width:96px;height:28px;border-radius:20px;background:var(--navy)}
.cel .pontos{letter-spacing:2px;font-size:16px}
.reel{position:relative;aspect-ratio:4/3.2;max-width:100%;background:linear-gradient(170deg,#E9B8B2 0%,#9C5B6B 45%,#3B2235 100%);overflow:hidden}
.reel .leg{position:absolute;left:16px;right:16px;bottom:18px;color:#fff;font:700 26px/1.05 var(--titulo);text-shadow:0 2px 12px rgba(0,0,0,.35)}
.reel .leg em{font-style:normal;font-family:Georgia,serif;font-style:italic;color:#FF9EC0;font-weight:400}
.acoes-ig{display:flex;gap:16px;padding:12px 16px}
.acoes-ig svg{width:24px;height:24px}
.acoes-ig .vao{flex:1}

/* direct */
.dm-cab{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid #EEF1F8;font-size:14px;font-weight:600}
.dm-cab small{display:inline-flex;align-items:center;gap:5px;color:var(--tinta-3);font-weight:500;font-size:12.5px}
.dm-corpo{padding:14px;display:flex;flex-direction:column;gap:10px}
.dm-corpo .hora{align-self:center;font-size:11.5px;color:var(--tinta-3)}
.bal{max-width:86%;border-radius:18px;padding:10px 14px;font-size:14px;line-height:1.4}
.bal--nos{align-self:flex-end;background:var(--grad-dm);color:#fff;border-bottom-right-radius:6px}
.bal--ela{align-self:flex-start;background:#F1F2F6;border-bottom-left-radius:6px}
.link-card{align-self:flex-end;width:86%;display:flex;gap:10px;align-items:center;border:1px solid var(--linha);border-radius:14px;padding:8px;background:#fff}
.link-card i{width:46px;height:46px;border-radius:10px;background:linear-gradient(135deg,#2F5BFF,#0B0D3B);flex:none}
.link-card b{display:block;font-size:13px}
.link-card span{display:inline-block;margin-top:4px;background:var(--azul);color:#fff;font-size:11.5px;font-weight:600;border-radius:6px;padding:3px 8px}
.venda-ok{align-self:center;display:inline-flex;align-items:center;gap:6px;background:var(--verde-f);color:var(--verde);font-size:12.5px;font-weight:600;border-radius:999px;padding:5px 12px}

/* blocos do editor da Gaio */
.no{background:#fff;border:1px solid #E1E7F6;border-radius:14px;box-shadow:0 10px 24px -18px rgba(10,15,44,.4);overflow:hidden}
.no .cb{display:flex;align-items:center;gap:7px;padding:9px 14px 7px;font-size:10.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--tinta-3);border-bottom:1px solid #EEF1FA}
.no .cb::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--azul)}
.no.gat .cb::before{background:#9B5BFF}
.no.ok .cb::before{background:var(--verde)}
.no .cp{padding:11px 14px 13px;font-size:13.5px;line-height:1.45}
.chip{display:inline-block;background:var(--lav);border:1px solid #D5DEFB;color:var(--azul-2);border-radius:7px;padding:1px 8px;font:600 12px ui-monospace,'SF Mono',Menlo,monospace}
.btn-no{display:block;margin-top:8px;text-align:center;background:var(--lav);color:var(--azul);border-radius:8px;padding:6px;font-size:12.5px;font-weight:600}
.liga{width:2px;height:16px;background:#CFD9FA;margin-left:26px}

/* colunas do inbox */
.kanban{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.col{background:#F6F8FC;border-radius:12px;padding:8px;display:flex;flex-direction:column;gap:6px;min-width:0}
.col h5{margin:0;display:flex;justify-content:space-between;align-items:center;font:600 11.5px var(--texto);color:var(--tinta-2)}
.col h5 i{width:8px;height:8px;border-radius:50%;flex:none;margin-right:6px}
.col h5 span{display:flex;align-items:center;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.col .mini{background:#fff;border:1px solid #EAEFF8;border-radius:8px;padding:6px 7px;font-size:11px;line-height:1.3;color:var(--tinta-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.col .mini b{color:var(--tinta);font-weight:600}

/* ranking */
.rank-l{display:flex;align-items:center;gap:10px;padding:10px 14px;font-size:13.5px}
.rank-l+.rank-l{border-top:1px solid #F1F3F9}
.rank-l .pos{width:18px;font-weight:700;color:var(--tinta-3);flex:none}
.rank-l .nm{flex:1;min-width:0}
.rank-l .nm small{display:block;font-size:11.5px;color:var(--tinta-3)}
.rank-l .pts{font:700 15px var(--titulo);color:var(--azul);flex:none}
.rank-l .tr{width:56px;height:6px;border-radius:9px;background:#EEF1F8;overflow:hidden;flex:none}
.rank-l .tr i{display:block;height:100%;background:var(--grad)}

/* bloco azul de CTA, igual ao do diagnóstico */
.bloco-azul{background:var(--azul);color:#fff;border-radius:30px;padding:48px 22px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:22px;position:relative;overflow:hidden}
@media (min-width:900px){.bloco-azul{padding:72px 48px}}
.bloco-azul::before{content:"";position:absolute;inset:0;background:radial-gradient(600px 300px at 80% -10%,rgba(127,231,255,.35),transparent 60%);pointer-events:none}
.bloco-azul>*{position:relative}
.bloco-azul h2{max-width:18ch}

/* clientes */
.desfile{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.desfile .fila{display:flex;gap:12px;width:max-content;animation:desfila 50s linear infinite}
@keyframes desfila{to{transform:translateX(-50%)}}
.pessoa{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--linha);border-radius:999px;padding:6px 22px 6px 6px;white-space:nowrap}
.pessoa img{width:42px;height:42px;border-radius:50%}
.pessoa b{display:block;font-size:13.5px;line-height:1.2}
.pessoa small{font-size:12px;color:var(--tinta-3)}
.pessoa strong{font:700 22px var(--titulo);letter-spacing:-.02em;margin-left:4px}
.pessoa em{font-style:normal;font-size:12px;font-weight:600;color:var(--tinta-2)}

/* números de case */
.caso{padding:28px;display:flex;flex-direction:column;gap:8px}
.caso strong{font:700 clamp(44px,8vw,56px)/1 var(--titulo);letter-spacing:-.035em;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;padding-bottom:4px}
.caso b{font:600 18px var(--titulo)}
.caso p{font-size:14.5px;color:var(--tinta-2)}

/* formulário em passos */
.passos-f{background:#fff;color:var(--tinta);border-radius:24px;padding:24px;box-shadow:var(--sombra-forte);width:100%;max-width:460px;text-align:left}
.passos-f .barra{display:flex;gap:6px;margin-bottom:18px}
.passos-f .barra i{flex:1;height:4px;border-radius:9px;background:var(--linha);transition:background .3s}
.passos-f .barra i.on{background:var(--azul)}
.passos-f label{display:block;font:600 19px/1.3 var(--titulo);margin-bottom:12px}
.passos-f .dica{font-size:13.5px;color:var(--tinta-3);margin:-6px 0 12px}
.campo{display:flex;align-items:center;border:1.5px solid var(--linha);border-radius:14px;background:#fff;transition:border-color .15s}
.campo:focus-within{border-color:var(--azul)}
.campo span{padding-left:16px;font-weight:600;color:var(--tinta-3)}
.campo input{flex:1;min-width:0;width:100%;border:0;outline:0;background:transparent;font:500 18px var(--texto);color:var(--tinta);padding:16px}
.campo span+input{padding-left:6px}
.passos-f .erro{display:none;font-size:13px;color:var(--verm-2);margin-top:8px}
.passos-f.com-erro .erro{display:block}
.passos-f.com-erro .campo{border-color:var(--verm)}
.passos-f .btn{margin-top:14px}
.passos-f .volta{border:0;background:none;color:var(--tinta-3);font-size:13.5px;margin-top:10px;padding:4px}
.passos-f .pronto{text-align:center;padding:12px 0}
.passos-f .pronto b{display:block;font:700 22px var(--titulo);margin-bottom:6px}
.passos-f .pronto p{color:var(--tinta-2)}

/* barra fixa */
.doca{position:fixed;left:max(12px,env(safe-area-inset-left,0px));right:max(12px,env(safe-area-inset-right,0px));bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:20;
  display:flex;align-items:center;gap:12px;background:rgba(11,13,59,.95);backdrop-filter:blur(10px);color:#fff;border-radius:18px;padding:8px 8px 8px 18px;
  transform:translateY(160%);transition:transform .3s ease;box-shadow:0 24px 44px -20px rgba(7,10,36,.8)}
.doca.on{transform:none}
.doca span{flex:1;font-size:14px;line-height:1.25}
.doca span b{font-family:var(--titulo)}
.doca .btn{padding:12px 18px;font-size:15px;border-radius:12px;box-shadow:none}
@media (min-width:900px){.doca{left:50%;right:auto;width:600px;transform:translate(-50%,160%)}.doca.on{transform:translate(-50%,0)}}

/* movimento: o conteúdo está visível em repouso e só sobe um pouco ao entrar */
.rv.vis{animation:sobe .8s cubic-bezier(.2,.8,.2,1) both}
@keyframes sobe{from{transform:translateY(22px)}}
@media (prefers-reduced-motion:reduce){.rv.vis,.desfile .fila{animation:none}}

.rodape{background:var(--noite);color:rgba(255,255,255,.5);font-size:12.5px;padding-block:32px 120px;text-align:center}
.rodape img{height:22px;margin:0 auto 12px}

/* ajustes de celular comuns às duas páginas */
.sem-resp{flex-wrap:nowrap}.sem-resp small{white-space:nowrap}
@media (max-width:600px){.topo .selo-api{font-size:0;gap:0;padding:8px}.topo .selo-api svg{width:16px;height:16px}}

/* ===== Faixa de clientes, igual à da LP atual ===== */
.clientes{background:#fff;border-top:3px solid transparent;border-image:var(--grad) 1;border-bottom:1px solid var(--linha);padding-block:22px}
.clientes .wrap{display:grid;gap:16px;align-items:center}
@media (min-width:900px){.clientes .wrap{grid-template-columns:auto 1fr;gap:32px}}
.clientes .rot{font:500 clamp(18px,2.2vw,24px)/1.35 var(--titulo);letter-spacing:-.01em;color:var(--tinta);max-width:24ch}
@media (min-width:900px){.clientes .rot{padding-right:32px;border-right:1px solid var(--linha)}}
.clientes .faixa-rola{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);min-width:0}
.clientes .fila{display:flex;gap:16px;width:max-content;animation:desfila 60s linear infinite}
.clientes:hover .fila{animation-play-state:paused}
.cli{display:flex;align-items:center;gap:14px;border:1px solid var(--linha);border-radius:999px;padding:8px 26px 8px 8px;white-space:nowrap;background:#fff}
.cli img{width:50px;height:50px;border-radius:50%;object-fit:cover}
.cli-nome b{display:block;font:600 14.5px/1.25 var(--titulo);color:var(--tinta)}
.cli-nome span{display:block;font-size:12.5px;color:var(--tinta-3)}
.cli strong{font:500 clamp(26px,3vw,32px)/1 var(--titulo);letter-spacing:-.02em;margin-left:10px;color:var(--tinta)}
.cli em{font-style:normal;font:600 13px var(--titulo);color:var(--tinta)}
@media (prefers-reduced-motion:reduce){.clientes .fila{animation:none}}

/* ===== Faixa de cases com a foto da LP ===== */
.cases-lp{position:relative;overflow:hidden;color:#fff;background:#2F5BFF}
.cases-lp .foto{position:absolute;inset:0;background:none}
.cases-lp .veu{position:absolute;inset:0;background:linear-gradient(90deg,rgba(28,30,140,.96) 0%,rgba(47,91,255,.88) 42%,rgba(47,91,255,.25) 75%,rgba(47,91,255,.05) 100%),linear-gradient(0deg,rgba(47,91,255,.98) 0%,rgba(47,91,255,.75) 34%,rgba(47,91,255,0) 62%)}
@media (max-width:899px){.cases-lp .foto{background-position:70% top;background-size:auto 70%}.cases-lp .veu{background:linear-gradient(180deg,rgba(47,91,255,.25) 0%,rgba(47,91,255,.9) 38%,#2F5BFF 55%)}}
.cases-lp .wrap{position:relative;padding-block:88px 72px}
@media (min-width:900px){.cases-lp .wrap{padding-block:120px 96px}}
@media (max-width:899px){.cases-lp .wrap{padding-top:220px}}
.cases-lp h2{font-weight:600;max-width:21ch;letter-spacing:-.03em}
.cases-lp .sub{margin-top:18px;font-size:17px;font-weight:500;color:rgba(255,255,255,.88)}
.cases-lp .numeros{display:grid;gap:30px 28px;margin-top:64px;grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:900px){.cases-lp .numeros{grid-template-columns:repeat(4,1fr);margin-top:120px}}
.cases-lp .num h3{font:600 clamp(22px,2.6vw,30px)/1.2 var(--titulo);letter-spacing:-.015em}
.cases-lp .num p{margin-top:14px;font-size:14.5px;line-height:1.5;color:rgba(255,255,255,.85);max-width:30ch}

/* ===== Case G4 × Gaio ===== */
.caso-g4{background:var(--navy);color:#fff;position:relative;overflow:hidden}
.caso-g4::before{content:"";position:absolute;width:700px;height:700px;left:-200px;top:-220px;background:radial-gradient(circle,rgba(47,91,255,.45),transparent 62%);pointer-events:none}
.caso-g4 .wrap{position:relative;display:grid;gap:48px;align-items:center}
@media (min-width:960px){.caso-g4 .wrap{grid-template-columns:.92fr 1.08fr;gap:72px}}
.moldura-foto{position:relative;max-width:460px;margin-inline:auto;width:100%}
.moldura-foto .borda{padding:10px;border-radius:30px;background:linear-gradient(140deg,#7FE7FF,#2F5BFF 45%,#1B2470);box-shadow:0 40px 90px -30px rgba(0,0,0,.7);transform:rotate(-1.5deg)}
.moldura-foto img{display:block;width:100%;height:auto;aspect-ratio:1086/1200;max-width:100%;object-fit:cover;border-radius:22px}
.moldura-foto .selo-x{position:absolute;left:50%;bottom:-18px;transform:translateX(-50%);display:inline-flex;align-items:center;gap:10px;background:#fff;color:var(--tinta);border-radius:999px;padding:8px 18px 8px 8px;box-shadow:0 18px 36px -16px rgba(0,0,0,.6);white-space:nowrap;width:max-content;font:700 15px var(--titulo)}
.moldura-foto .selo-x img{width:34px;height:34px;aspect-ratio:auto;border-radius:50%;object-fit:contain;background:#fff}
.moldura-foto .selo-x i{font-style:normal;color:var(--tinta-3);font-weight:500}
.moldura-foto .selo-x .gaio{flex:none;min-width:34px;width:34px;height:34px;border-radius:50%;background:var(--azul);display:grid;place-items:center}
.moldura-foto .selo-x .gaio img{width:20px;height:20px;background:none;border-radius:0}
.moldura-foto .selo-x img.marca-gaio{width:auto;min-width:0;height:22px;aspect-ratio:auto;border-radius:0;background:none;object-fit:contain}
.caso-g4 h2{margin-top:16px}
.caso-g4 .lead{margin-top:18px;color:rgba(255,255,255,.82)}
.g4-nums{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:30px}
.g4-nums div{border:1px solid rgba(255,255,255,.14);border-radius:18px;padding:16px 14px;background:rgba(255,255,255,.04)}
.g4-nums b{display:block;white-space:nowrap;font:800 clamp(22px,3.2vw,34px)/1 var(--titulo);letter-spacing:-.03em;color:var(--ciano)}
.g4-nums span{display:block;margin-top:6px;font-size:13px;color:rgba(255,255,255,.7)}
.g4-graf{margin-top:22px;border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:18px 18px 14px;background:rgba(255,255,255,.03)}
.g4-graf small{font-size:12.5px;color:rgba(255,255,255,.6)}
.barras{display:flex;align-items:flex-end;gap:10px;height:150px;margin-top:12px}
.barras div{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px;height:100%}
.barras i{display:block;flex:none;width:100%;height:calc(var(--v,1)*var(--alto,100px));border-radius:8px 8px 4px 4px;background:linear-gradient(180deg,#7FE7FF,#2F5BFF)}
.barras b{font:700 12px var(--titulo);color:#fff;white-space:nowrap}
.barras span{font-size:11.5px;color:rgba(255,255,255,.55)}
.barras .ult i{box-shadow:0 0 24px rgba(127,231,255,.55)}

/* ===== Tour do raio-X (pré-página) ===== */
.tour{display:grid;gap:18px}
@media (min-width:900px){.tour{grid-template-columns:1fr 1fr;gap:22px}}
.passo-t{padding:26px;display:flex;flex-direction:column;gap:12px}
.passo-t .n{display:inline-flex;align-items:center;gap:8px;font:600 12.5px var(--texto);letter-spacing:.1em;text-transform:uppercase;color:var(--azul)}
.passo-t .n b{width:26px;height:26px;border-radius:50%;background:var(--azul);color:#fff;display:grid;place-items:center;font:700 13px var(--titulo);letter-spacing:0}
.passo-t h3{font-size:22px;font-weight:700;letter-spacing:-.02em}
.passo-t>p{font-size:15px;color:var(--tinta-2)}
.passo-t .moldura{margin-top:auto;min-height:var(--ilu,240px);display:flex;flex-direction:column}
.passo-t .moldura>*{flex:1 1 auto}
.passo-t .moldura>.tela{display:flex;flex-direction:column;justify-content:center}
.passo-t .moldura>.mini-cats,.passo-t .moldura>.longe{align-content:center}
@media (min-width:900px) and (max-width:1099px){.passo-t .grande-v strong{font-size:38px}}
@media (max-width:350px){.passo-t .moldura{--ilu:324px!important}}
.ilustra{align-self:flex-end;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--tinta-3)}
.grande-v{padding:18px}
.grande-v small{font-size:12.5px;color:var(--tinta-3)}
.grande-v strong{display:block;font:800 clamp(36px,6vw,48px)/1.05 var(--titulo);letter-spacing:-.035em;margin-top:4px}
.grande-v strong span{font-size:.36em;font-weight:600;color:var(--tinta-2);letter-spacing:0;margin-left:6px}
.grande-v .sub-v{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.grande-v .sub-v span{font-size:12.5px;font-weight:600;border-radius:999px;padding:5px 10px;background:var(--lav);color:var(--azul)}
.mini-cats{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.mini-cat{background:#fff;border:1px solid #E9EDF7;border-radius:14px;padding:12px;position:relative;overflow:hidden}
.mini-cat::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--azul)}
.mini-cat.am::before{background:#F5A524}.mini-cat.vm::before{background:var(--verm)}.mini-cat.vd::before{background:#12B981}
.mini-cat small{display:block;font-size:12px;color:var(--tinta-2)}
.mini-cat b{display:block;font:800 22px/1.15 var(--titulo);letter-spacing:-.02em;margin-top:2px}
.mini-cat em{font-style:normal;font-size:12px;color:var(--tinta-3)}
.g3m{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.g3m .medidor svg{width:100%;max-width:110px}
.g3m .medidor .nt{font-size:21px}
.g3m .medidor .nt small{font-size:11px}
.g3m .rot{text-align:center;font-size:11.5px;color:var(--tinta-2);margin-top:4px}
.longe{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center;background:#fff;border-radius:16px;padding:16px}
.donut{width:104px;height:104px;border-radius:50%;background:conic-gradient(var(--azul) 0 75%,#E7EBF4 75% 100%);display:grid;place-items:center}
.donut div{width:76px;height:76px;border-radius:50%;background:#fff;display:grid;place-items:center;text-align:center}
.donut b{font:800 22px/1 var(--titulo)}
.donut small{display:block;font-size:10px;color:var(--tinta-3)}
.chk{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px}
.chk li{display:flex;gap:8px;align-items:center;font-size:13px;font-weight:600}
.chk li i{width:20px;height:20px;border-radius:50%;background:var(--verde);display:grid;place-items:center;flex:none;color:#fff;font-style:normal;font-size:12px}
.chk li.falta{background:var(--azul);color:#fff;border-radius:10px;padding:6px 8px;margin-left:-8px}
.chk li.falta i{background:#fff;color:var(--azul)}

/* ===== Oferta: começa hoje ===== */
.tempo{list-style:none;margin:0 0 56px;padding:0;display:grid;gap:12px;counter-reset:t}
@media (min-width:900px){.tempo{grid-template-columns:repeat(4,1fr);gap:0}}
.tempo li{position:relative;background:#fff;border:1px solid var(--linha);border-radius:20px;padding:18px 18px 18px 60px}
@media (min-width:900px){.tempo li{border-radius:0;border-left:0;padding:22px 22px 22px 22px}.tempo li:first-child{border-radius:20px 0 0 20px;border-left:1px solid var(--linha)}.tempo li:last-child{border-radius:0 20px 20px 0}}
.tempo .q{position:absolute;left:16px;top:18px;width:32px;height:32px;border-radius:50%;background:var(--azul);color:#fff;display:grid;place-items:center;font:700 14px var(--titulo)}
@media (min-width:900px){.tempo .q{position:static;margin-bottom:12px}}
.tempo small{display:block;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--azul)}
.tempo b{display:block;font:600 17px/1.3 var(--titulo);margin-top:4px}
.tempo span{display:block;font-size:14px;color:var(--tinta-2);margin-top:4px}

/* ===== Oferta: entregas em profundidade ===== */
.entregas{display:flex;flex-direction:column;gap:22px}
.entrega{display:grid;gap:28px;align-items:center;padding:26px}
@media (min-width:960px){.entrega{grid-template-columns:1fr 1.05fr;gap:56px;padding:44px}.entrega.inv .vis-e{order:-1}}
.entrega>*{min-width:0}
.entrega .num-e{font:700 13px var(--texto);letter-spacing:.12em;text-transform:uppercase;color:var(--azul)}
.entrega h3{font-size:clamp(26px,3.6vw,36px);font-weight:700;letter-spacing:-.03em;line-height:1.08;margin-top:10px}
.entrega .lead{margin-top:14px;font-size:17px}
.saber{margin-top:20px}
.saber b{display:block;font:600 13px var(--texto);letter-spacing:.08em;text-transform:uppercase;color:var(--tinta-3);margin-bottom:10px}
.saber ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.saber li{display:flex;gap:10px;align-items:flex-start;font-size:15.5px;line-height:1.45}
.saber li svg{width:20px;height:20px;flex:none;color:var(--verde);margin-top:1px}
.entrega--navy{background:var(--navy);color:#fff;border-color:var(--navy)}
.entrega--navy .lead{color:rgba(255,255,255,.75)}
.entrega--navy .num-e{color:var(--ciano)}
.entrega--navy .saber b{color:rgba(255,255,255,.55)}
.entrega--navy .saber li svg{color:var(--ciano)}
.relat{background:#fff;border-radius:18px;border:1px solid #E9EDF7;overflow:hidden}
.relat-cab{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid #EEF1F8;font-size:13.5px;font-weight:600}
.relat-cab small{font-weight:500;color:var(--tinta-3);font-size:12px}
.kpis{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#EEF1F8}
.kpis div{background:#fff;padding:14px 16px}
.kpis small{display:block;font-size:12px;color:var(--tinta-3)}
.kpis b{display:block;font:800 26px/1.1 var(--titulo);letter-spacing:-.02em;margin-top:2px}
.kpis b.az{color:var(--azul)}
.tops{padding:12px 16px 14px;border-top:1px solid #EEF1F8}
.tops small{font-size:12px;color:var(--tinta-3)}
.top{display:flex;align-items:center;gap:10px;margin-top:9px;font-size:13px}
.top i{width:34px;height:34px;border-radius:8px;flex:none}
.top span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.top .bar{width:90px;height:7px;border-radius:9px;background:#EEF1F8;overflow:hidden;flex:none}
.top .bar em{display:block;height:100%;background:var(--grad)}
.top b{font:700 13px var(--titulo);width:34px;text-align:right;flex:none}
.pronto-cab{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;border-bottom:1px solid #EEF1F8}
.pronto-cab b{font:700 15px var(--titulo)}
.pronto-cab span{font-size:12px;font-weight:700;color:var(--verde);background:var(--verde-f);border-radius:999px;padding:4px 10px}

/* ===== Prova entre as faixas ===== */
.prova-meio{display:grid;gap:14px;align-items:center;background:var(--navy);color:#fff;border-radius:24px;padding:22px 24px;margin-block:4px}
@media (min-width:800px){.prova-meio{grid-template-columns:auto 1fr auto;padding:24px 32px}}
.prova-meio .big-n{font:800 clamp(36px,6vw,52px)/1 var(--titulo);letter-spacing:-.04em;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;padding-bottom:4px}
.prova-meio p{font-size:15.5px;color:rgba(255,255,255,.82)}
.prova-meio p b{color:#fff}
.prova-meio .fonte{font-size:12px;color:rgba(255,255,255,.5);white-space:nowrap}
.prova-meio .fotos{display:flex}
.prova-meio .fotos img{width:34px;height:34px;border-radius:50%;border:2px solid var(--navy);margin-left:-8px;background:#fff;object-fit:cover}
.prova-meio .fotos img:first-child{margin-left:0}

.pontos{display:none}
@media (max-width:600px){
  .sec{padding-block:44px}
  .heroi .palco{display:none}
  .heroi .duas{gap:0}
  .tres,.tour,.cases-lp .numeros,.etapas,.compara,.entregas{display:flex!important;flex-direction:row!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px!important;margin:24px -20px 0;padding:4px 20px 10px;scroll-padding:0 20px;scrollbar-width:none;-webkit-overflow-scrolling:touch;grid-template-columns:none!important;align-items:stretch}
  .tres::-webkit-scrollbar,.tour::-webkit-scrollbar,.cases-lp .numeros::-webkit-scrollbar,.etapas::-webkit-scrollbar,.compara::-webkit-scrollbar,.entregas::-webkit-scrollbar{display:none}
  .tres>*,.tour>*,.cases-lp .numeros>*,.etapas>*,.compara>*,.entregas>*{flex:0 0 86%;scroll-snap-align:start;min-width:0;margin:0!important}
  .cases-lp .numeros>*{flex-basis:72%}
  .pontos{display:flex;justify-content:center;gap:6px;margin-top:14px}
  .pontos i{width:7px;height:7px;border-radius:50%;background:#C9D0E6;transition:width .25s,background .25s}
  .pontos i.on{width:20px;border-radius:99px;background:var(--azul)}
  .cases-lp .pontos i{background:rgba(255,255,255,.35)}.cases-lp .pontos i.on{background:#fff}
  .entregas .prova-meio{display:none!important}
  .entrega{display:flex!important;flex-direction:column;gap:14px;padding:20px 18px!important}
  .entrega .saber{display:none}
  .entrega .vis-e{margin-top:auto}
  .entrega .vis-e .moldura{zoom:.8}
  .entrega h3{font-size:22px}
  .tempo{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px}
  .tempo li{padding:12px 12px 12px 12px;border-radius:16px}
  .tempo .q{position:static;width:26px;height:26px;font-size:12px;margin-bottom:6px}
  .tempo b{font-size:14.5px}
  .tempo span{font-size:12.5px}
  .caso-g4 .moldura-foto{max-width:none}
  .caso-g4 .moldura-foto img{aspect-ratio:16/8;object-position:center 30%}
  .caso-g4 .moldura-foto .borda{padding:6px;border-radius:22px;transform:none}
  .caso-g4 .moldura-foto img{border-radius:16px}
  .g4-graf .barras{height:110px}
  .duvidas{gap:8px!important}
  .duv{padding:0!important}
  .duv h4{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0;padding:15px 16px;min-height:52px;cursor:pointer;font-size:16px}
  .duv h4::after{content:"+";flex:none;font:600 22px/1 var(--texto);color:var(--azul);transition:transform .2s}
  .duv.aberta h4::after{transform:rotate(45deg)}
  .duv p{display:none;margin:0;padding:0 16px 16px}
  .duv.aberta p{display:block}
  .pilha li>div>span{display:none}
  .pilha{gap:10px!important}
  .oferta .duas,#oferta .duas{gap:20px}
  h1{font-size:34px!important;line-height:1.04}
  h2{font-size:29px;line-height:1.06}
  .lead{font-size:15.5px}
  .heroi .lead{margin-top:12px}
  .caso-g4 .lead{font-size:15px;color:#C9D2EE}
  .caso-g4 .moldura-foto img{aspect-ratio:16/9;object-position:center 22%}
  .caso-g4 .wrap{gap:30px}
  .passo-t{padding:18px 16px}
  .passo-t .moldura{zoom:.8}
  .passo-t h3{font-size:20px}
  .tempo small,.tempo span{display:none}
  .tempo li{display:flex;align-items:center;gap:10px}
  .tempo .q{margin:0;flex:none}
  .entrega .vis-e .moldura{zoom:.72}
  .entrega .lead{font-size:14.5px}
  .etapa .moldura,.etapa .vis{zoom:.76}
  .cases-lp h2{font-size:27px}
  .cases-lp .numeros{margin-top:20px!important}
  .moldura-foto .selo-x{bottom:-14px;padding:6px 14px 6px 6px;font-size:14px;gap:8px}
  .moldura-foto .selo-x img,.moldura-foto .selo-x .gaio{width:28px;height:28px;min-width:28px}
  .moldura-foto .selo-x img.marca-gaio{height:18px}
  .g4-nums{display:none}
  .caso-g4 .rv>.olho{display:none}
  .caso-g4 h2{margin-top:0}
  .caso-g4 .moldura-foto img{aspect-ratio:2/1}
  .caso-g4 .wrap{gap:26px}
  .caso-g4 .lead{margin-top:12px;font-size:14.5px;line-height:1.5}
  .g4-graf{margin-top:16px;padding:14px 14px 10px}
  .g4-graf .barras{height:auto;--alto:64px}
  .cab{margin-bottom:20px}
  .tour{align-items:stretch}
  .passo-t{gap:8px}
  .passo-t .moldura{margin-top:auto;zoom:.74;--ilu:236px}
  .passo-t h3{font-size:19px}
  .passo-t>p{font-size:14.5px}
  .g3m .medidor .nt{font-size:17px}
  .g3m .medidor .nt small{font-size:9.5px}
  .cases-lp .wrap{padding-top:44px;padding-bottom:36px}
  .cases-lp .sub{margin-top:10px}
  .cases-lp .btn{margin-top:18px!important}
  .cases-lp .nota{margin-top:16px!important;color:rgba(255,255,255,.78)!important}
  .entregas{align-items:flex-start}
  .entrega{align-items:stretch}
  .entrega>*{width:100%}
  .entrega .num-e{display:block;font-size:11.5px;letter-spacing:.08em;line-height:1.35}
  .entrega h3{margin-top:6px}
  .entrega .vis-e{margin-top:4px}
  .doca .btn{min-height:44px}
}
@media (max-width:380px){
  .caso-g4 .moldura-foto img{aspect-ratio:5/2;object-position:center 42%}
  .caso-g4.sec{padding-block:36px}
  .tempo li{padding:10px}
  .tempo b{font-size:13.5px}
  .passo-t>p{display:none}
  .passo-t .moldura{--ilu:280px}
  .cab{gap:10px}
  .u{display:inline;padding-bottom:0;background:var(--grad) left 0 bottom .07em/100% max(3px,.09em) no-repeat;-webkit-box-decoration-break:clone;box-decoration-break:clone}
  .u::after{display:none}
}