/* Página C: identidade própria do Cérebro da Sua Empresa (26/10/2026).
   A página continua o post que vendeu (papel branco, foto e @ do Gabriel, fonte do sistema)
   e mostra o produto funcionando antes de pedir qualquer coisa. Uma cor de ação, exclusiva dos botões;
   o marca-texto amarelo só no trecho-chave; o âmbar é a cor do que precisa de você. */
:root{
  --papel:#ffffff; --papel-2:#f6f6f3; --tinta:#0f1419; --tinta-2:#536471; --linha:#e3e5e8;
  --acao:#087a3e; --acao-2:#06602f; --marca:#ffe14d; --ambar:#f2a93b; --ambar-fundo:#fff4e0; --alerta:#c9372c;
  --raio:16px; --coluna:600px;
  --corpo:#28323b; --cartao:#ffffff; --sobre-escuro:#ffffff; --acao-fundo:#f1f8f4; --acao-fundo-2:#e8f5ee; --ps-fundo:#fffbe6; --barra-fundo:rgba(255,255,255,.97); --acao-sombra:rgba(8,122,62,.7);
  --fonte:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif; --fonte-titulo:var(--fonte);
  color-scheme:light;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--papel);color:var(--tinta);
  font:400 18px/1.55 var(--fonte);
  -webkit-font-smoothing:antialiased;overflow-wrap:break-word}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
h1,h2,h3,p,figure,ul,ol{margin:0}
h1,h2,h3{font-family:var(--fonte-titulo)}
strong{font-weight:700}
.coluna{max-width:var(--coluna);margin:0 auto;padding:0 16px}
section{padding:44px 0;scroll-margin-top:12px}
section+section{border-top:1px solid var(--linha)}
.cinza{background:var(--papel-2)}
.cinza+section,section+.cinza{border-top:0}

/* faixa de prévia */
.previa{background:#fff8d6;border-bottom:1px solid #f0e2a0;color:#5c4a00;font-size:12px;line-height:1.5;padding:8px 16px;text-align:center}
.previa a{font-weight:700}
.selo{display:inline-block;padding:1px 7px;border-radius:999px;background:var(--marca);color:var(--tinta);font-size:10px;font-weight:800;letter-spacing:.06em;vertical-align:middle;white-space:nowrap}

/* o cabeçalho do post, igual ao anúncio */
.autor{display:flex;align-items:center;gap:12px}
.autor img{width:48px;height:48px;border-radius:50%;object-fit:cover;border:1px solid var(--linha)}
.autor strong{display:block;font-size:17px;line-height:1.2}
.autor span{display:block;font-size:15px;color:var(--tinta-2);line-height:1.2}

/* topo */
.topo{padding-top:20px}
.topo .autor{margin-bottom:18px}
h1{font-size:31px;line-height:1.14;font-weight:800;letter-spacing:-.022em;text-wrap:balance}
.marca{background:linear-gradient(transparent 58%,var(--marca) 58%,var(--marca) 92%,transparent 92%);padding:0 2px;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.sub{margin-top:16px;font-size:19px;color:var(--corpo)}
.fatos{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:22px}
.fatos div{border:1px solid var(--linha);border-radius:12px;padding:10px 8px;text-align:center;font-size:12.5px;line-height:1.3;color:var(--tinta-2)}
.fatos strong{display:block;color:var(--tinta);font-size:15px;margin-bottom:2px}
.cta{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:60px;margin-top:22px;padding:16px 20px;border:0;border-radius:14px;
  background:var(--acao);color:var(--sobre-escuro);text-decoration:none;font-size:17px;font-weight:800;letter-spacing:.01em;text-align:center;line-height:1.2;
  box-shadow:0 10px 24px -12px var(--acao-sombra);cursor:pointer;transition:transform .15s,background .15s}
.cta:hover{background:var(--acao-2)}
.cta:active{transform:translateY(1px)}
.cta:focus-visible{outline:3px solid var(--tinta);outline-offset:3px}
.quando{margin-top:10px;text-align:center;font-size:14px;color:var(--tinta-2)}
.quando strong{color:var(--tinta)}

/* títulos de seção: frase que vende, nunca rótulo */
h2{font-size:26px;line-height:1.18;font-weight:800;letter-spacing:-.018em;text-wrap:balance}
h2+p,h2+.nota{margin-top:12px}
.lead{font-size:18px;color:var(--corpo)}
.nota{font-size:13px;color:var(--tinta-2);line-height:1.45}
.centro{text-align:center}
.espaco{margin-top:22px}

/* telas do produto (dados de exemplo) */
.app{margin-top:20px;border:1px solid var(--linha);border-radius:var(--raio);overflow:hidden;background:var(--cartao);box-shadow:0 18px 40px -28px rgba(15,20,25,.55)}
.app-barra{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 14px;background:var(--papel-2);border-bottom:1px solid var(--linha);font-size:12px;font-weight:700;color:var(--tinta-2);letter-spacing:.03em}
.app-barra em{font-style:normal;font-weight:600;background:var(--acao-fundo-2);color:var(--acao);padding:2px 8px;border-radius:999px}
.app-barra em.vazia{background:#f1f2f4;color:var(--tinta-2)}
.app-corpo{padding:14px;display:grid;gap:10px}
.pergunta{justify-self:end;max-width:86%;background:var(--tinta);color:var(--sobre-escuro);border-radius:16px 16px 4px 16px;padding:10px 13px;font-size:15px;line-height:1.4}
.resposta{max-width:94%;background:var(--papel-2);border:1px solid var(--linha);border-radius:16px 16px 16px 4px;padding:12px 13px;font-size:15px;line-height:1.5}
.resposta.vazia{color:var(--tinta-2)}
.resposta ul{margin:6px 0 0;padding-left:18px}
.estado{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.estado span{font-size:11.5px;font-weight:700;padding:3px 8px;border-radius:999px;background:var(--acao-fundo-2);color:var(--acao)}
.estado span.voce{background:var(--ambar-fundo);color:#8a5300}
.arquivo{padding:0 14px 12px;font:600 12px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--tinta-2)}
.exemplo{margin-top:8px;font-size:12px;color:var(--tinta-2);text-align:center}
.versus{display:grid;gap:14px}
.versus .rotulo{font-size:12px;font-weight:800;letter-spacing:.08em;color:var(--tinta-2);margin:18px 0 -8px}

/* o fio: a história contada como continuação do post */
.fio{margin-top:8px}
.post{position:relative;display:grid;grid-template-columns:48px 1fr;gap:12px;padding:14px 0}
.post:not(:last-child)::before{content:"";position:absolute;left:23px;top:66px;bottom:-14px;width:2px;background:var(--linha)}
.post img.av{width:48px;height:48px;border-radius:50%;object-fit:cover}
.post .nome{font-size:15px;font-weight:700}
.post .nome span{font-weight:400;color:var(--tinta-2)}
.post p{margin-top:4px;font-size:17px}
.post figure{margin-top:10px}
.post figure img{border-radius:var(--raio);border:1px solid var(--linha);width:100%;aspect-ratio:952/590;object-fit:cover}
.post figcaption{margin-top:6px}

/* desenho do antes */
.desenho{display:block;width:100%;max-width:420px;margin:18px auto 0}
.dores{list-style:none;padding:0;margin-top:16px;display:grid;gap:8px}
.dores li{border:1px solid var(--linha);border-left:4px solid var(--alerta);border-radius:12px;padding:12px 14px;font-weight:700;font-size:16px;line-height:1.35}

/* o que é + pastas */
.pastas{margin-top:18px;border:1px solid var(--linha);border-radius:var(--raio);background:#fbfbfa;padding:14px 16px;font:500 14px/1.75 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--corpo);overflow-x:auto;white-space:pre}
.pastas b{color:var(--acao);font-weight:700}
.poderes{list-style:none;padding:0;margin-top:18px;display:grid;gap:10px}
.poderes li{border:1px solid var(--linha);border-radius:14px;padding:14px 16px}
.poderes strong{display:block;font-size:17px;line-height:1.3}
.poderes span{display:block;margin-top:4px;font-size:15px;color:var(--tinta-2);line-height:1.45}

/* escada de níveis */
.escada{list-style:none;padding:0;margin-top:18px;display:grid;gap:8px}
.escada li{display:grid;grid-template-columns:40px 1fr;gap:12px;align-items:start;border:1px solid var(--linha);border-radius:14px;padding:14px;color:var(--tinta-2)}
.escada b{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--papel-2);color:var(--tinta-2);font-size:16px}
.escada strong{display:block;color:var(--tinta);font-size:16px;line-height:1.3}
.escada span{display:block;margin-top:3px;font-size:14.5px;line-height:1.45}
.escada li.aqui{border:2px solid var(--tinta);color:var(--corpo)}
.escada li.aqui b{background:var(--tinta);color:var(--sobre-escuro)}
.escada em{display:inline-block;margin-top:6px;font-style:normal;font-size:12px;font-weight:800;letter-spacing:.05em;background:var(--marca);padding:2px 8px;border-radius:999px;color:var(--tinta)}

/* vozes */
.vozes{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;margin:18px -16px 0;padding:2px 16px 8px;scrollbar-width:none}
.vozes::-webkit-scrollbar{display:none}
.voz{flex:0 0 82%;scroll-snap-align:start;border:1px solid var(--linha);border-radius:var(--raio);padding:16px;background:var(--cartao)}
.voz blockquote{margin:0;font-size:17px;line-height:1.45;font-weight:600}
.voz figcaption{margin-top:12px;font-size:12.5px;color:var(--tinta-2)}
.arraste{margin-top:6px;font-size:12px;color:var(--tinta-2);text-align:center}

/* passos da quinta */
.passos{list-style:none;padding:0;margin-top:18px;counter-reset:p;display:grid;gap:10px}
.passos li{counter-increment:p;display:grid;grid-template-columns:36px 1fr;gap:12px;align-items:start}
.passos li::before{content:counter(p);display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:2px solid var(--tinta);font-weight:800;font-size:15px}
.passos strong{display:block;font-size:17px;line-height:1.3;margin-top:6px}
.passos span{display:block;font-size:15px;color:var(--tinta-2);line-height:1.45;margin-top:2px}

/* oferta */
.oferta{margin-top:20px;border:2px solid var(--tinta);border-radius:20px;overflow:hidden;background:var(--cartao)}
.oferta-faixa{background:var(--tinta);color:var(--sobre-escuro);text-align:center;font-size:12.5px;font-weight:800;letter-spacing:.07em;padding:9px 12px}
.oferta-corpo{padding:20px 18px 22px}
.oferta h3{font-size:22px;line-height:1.2;font-weight:800;text-align:center}
.inclui{list-style:none;padding:0;margin-top:16px;display:grid}
.inclui li{display:grid;grid-template-columns:24px 1fr;gap:10px;padding:11px 0;border-bottom:1px solid var(--linha);font-size:15.5px;line-height:1.4}
.inclui li::before{content:"✓";color:var(--acao);font-weight:800}
.inclui small{display:block;color:var(--tinta-2);font-size:13px;margin-top:2px}
.preco{display:block;text-align:center;margin-top:18px;text-decoration:none}
.preco strong{display:block;font-size:52px;line-height:1;font-weight:800;letter-spacing:-.03em}
.preco>span{display:block;margin-top:8px;font-size:15px;color:var(--corpo)}
.preco>small{display:block;margin-top:4px;font-size:13px;color:var(--tinta-2)}
.honesto{margin-top:14px;font-size:13.5px;color:var(--tinta-2);text-align:center;line-height:1.5}
.oferta .cta{margin-top:16px}

/* não faz e para quem */
.lista-x,.lista-v{list-style:none;padding:0;margin-top:14px;display:grid;gap:8px}
.lista-x li,.lista-v li{display:grid;grid-template-columns:22px 1fr;gap:8px;font-size:16px;line-height:1.45}
.lista-x li::before{content:"✕";color:var(--alerta);font-weight:800}
.lista-v li::before{content:"✓";color:var(--acao);font-weight:800}
h3.menor{font-size:17px;font-weight:800;margin-top:22px}

/* garantia */
.garantia{display:grid;grid-template-columns:96px 1fr;gap:16px;align-items:center;margin-top:16px}
.garantia .num{width:96px;height:96px;border-radius:50%;border:3px solid var(--tinta);display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1}
.garantia .num strong{font-size:38px;font-weight:800}
.garantia .num span{font-size:10px;font-weight:800;letter-spacing:.06em;margin-top:4px}

/* perguntas */
.faq{margin-top:16px;display:grid;gap:8px}
.faq details{border:1px solid var(--linha);border-radius:12px;background:var(--cartao)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:12px;padding:15px 16px;font-weight:700;font-size:16px;line-height:1.35}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-size:22px;line-height:1;color:var(--tinta-2)}
.faq details[open] summary::after{content:"−"}
.faq details p{padding:0 16px 16px;font-size:15.5px;color:var(--corpo)}

/* P.S. e assinatura */
.ps{margin-top:22px;padding:16px 18px;border-left:4px solid var(--marca);background:var(--ps-fundo);border-radius:12px;font-size:17px}
.assina{margin-top:20px}

/* rodapé */
footer{padding:28px 16px 120px;border-top:1px solid var(--linha);text-align:center;font-size:12.5px;color:var(--tinta-2);line-height:1.6}

/* barra fixa de compra no celular */
.barra{position:fixed;left:0;right:0;bottom:0;z-index:20;background:var(--barra-fundo);border-top:1px solid var(--linha);
  box-shadow:0 -8px 24px -16px rgba(15,20,25,.5);padding:10px 16px calc(10px + env(safe-area-inset-bottom));
  transform:translateY(110%);transition:transform .25s ease}
.barra.mostra{transform:none}
.barra .coluna{display:flex;align-items:center;gap:12px;padding:0}
.barra .info{flex:1;min-width:0;font-size:13px;line-height:1.3;color:var(--tinta-2)}
.barra .info strong{display:block;color:var(--tinta);font-size:15px}
.barra .cta{width:auto;min-height:48px;margin:0;padding:12px 18px;font-size:15px;box-shadow:none;white-space:nowrap}

@media (min-width:720px){
  body{font-size:19px}
  h1{font-size:40px}
  h2{font-size:30px}
  section{padding:64px 0}
  .fatos div{font-size:13.5px}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .barra,.cta{transition:none}
}

/* V2 (26/10): autoridade do produto e os achados das 361 páginas */
h1{font-size:34px;font-weight:700;letter-spacing:-.025em}
.chamada{display:inline-block;margin-bottom:10px;font-size:13px;font-weight:800;letter-spacing:.06em;color:var(--acao);text-transform:uppercase}
.fatos strong{font-size:17px}
.compat{margin-top:12px;text-align:center;font-size:13px;color:var(--tinta-2)}
.compat b{color:var(--tinta);font-weight:700}
.mini{margin-top:20px}
.mini .resposta{max-width:100%}
.fonte{display:block;margin-top:8px;font:600 12px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--tinta-2)}
.cena{font-size:19px;line-height:1.55}
.cena p+p{margin-top:12px}
.teste{margin-top:20px;border:2px dashed var(--tinta);border-radius:var(--raio);padding:18px;background:var(--cartao)}
.teste small{display:block;font-size:12px;font-weight:800;letter-spacing:.08em;color:var(--tinta-2)}
.teste p{margin-top:8px;font-size:18px}
.teste q{display:block;margin-top:10px;padding:12px 14px;background:var(--papel-2);border-radius:12px;font-weight:700;quotes:none}
.texto p+p{margin-top:12px}
.texto{margin-top:14px}
.naoe{list-style:none;padding:0;margin-top:16px;display:grid;gap:8px}
.naoe li{display:grid;grid-template-columns:22px 1fr;gap:8px;font-size:17px;font-weight:700}
.naoe li::before{content:"✕";color:var(--alerta)}
.e-sim{margin-top:16px;padding:16px 18px;border-left:4px solid var(--acao);background:var(--acao-fundo);border-radius:12px;font-size:18px}
.lavsaqui{list-style:none;padding:0;margin-top:20px;display:grid;gap:12px}
.lavsaqui li{border:1px solid var(--linha);border-radius:var(--raio);overflow:hidden;background:var(--cartao)}
.lavsaqui img{width:100%;aspect-ratio:16/8;object-fit:cover}
.lavsaqui .la,.lavsaqui .aqui2{padding:12px 16px;font-size:15.5px;line-height:1.45}
.lavsaqui .la{color:var(--tinta-2);border-bottom:1px solid var(--linha)}
.lavsaqui b{display:block;font-size:11.5px;letter-spacing:.08em;color:var(--tinta-2);margin-bottom:3px}
.lavsaqui .aqui2 b{color:var(--acao)}
.comparar{width:100%;margin-top:18px;border-collapse:separate;border-spacing:0;font-size:14.5px;line-height:1.4;border:1px solid var(--linha);border-radius:var(--raio);overflow:hidden}
.comparar th,.comparar td{padding:11px 10px;text-align:left;vertical-align:top;border-bottom:1px solid var(--linha)}
.comparar tr:last-child td{border-bottom:0}
.comparar thead th{background:var(--papel-2);font-size:12px;letter-spacing:.06em}
.comparar td:first-child{font-weight:700;width:34%}
.comparar td:nth-child(2){color:var(--tinta-2)}
.comparar td:nth-child(3){background:var(--acao-fundo)}
.raiox{margin-top:18px;border-radius:var(--raio);background:#0f1419;color:#e7e9ea;padding:16px;font:500 13.5px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;overflow-x:auto}
.raiox div{display:grid;grid-template-columns:150px 1fr;gap:10px;padding:5px 0;border-bottom:1px solid #2f3336}
.raiox div:last-child{border-bottom:0}
.raiox b{color:#7ee2a8;font-weight:700}
.raiox span{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;font-size:14px}
.numeros{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}
.numeros div{text-align:center;border:1px solid var(--linha);border-radius:12px;padding:10px 6px;font-size:12px;color:var(--tinta-2);line-height:1.3}
.numeros strong{display:block;font-size:20px;color:var(--tinta)}
.ficha{margin-top:18px;border:1px solid var(--linha);border-radius:var(--raio);background:var(--cartao);overflow:hidden}
.ficha-topo{padding:10px 14px;background:var(--papel-2);border-bottom:1px solid var(--linha);font:600 12px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--tinta-2)}
.ficha ul{list-style:none;padding:12px 14px;margin:0;display:grid;gap:6px;font-size:15px;line-height:1.45}
.ficha li span{color:var(--tinta-2);font-size:12.5px;margin-right:6px}
.ficha li.corrigida{background:var(--ambar-fundo);border-left:3px solid var(--ambar);padding:6px 8px;border-radius:6px}
.ficha li.corrigida em{display:block;font-style:normal;font-size:12px;font-weight:700;color:#8a5300;margin-top:2px}
.perdas{list-style:none;padding:0;margin-top:18px;display:grid;gap:8px}
.perdas li{font-size:18px;font-weight:700;line-height:1.35;padding-left:14px;border-left:4px solid var(--marca)}
.dados{list-style:none;padding:0;margin-top:16px;display:grid;gap:10px}
.dados li{border:1px solid var(--linha);border-radius:14px;padding:14px 16px;font-size:16px;line-height:1.5}
.dados b{display:block;font-size:12px;letter-spacing:.07em;color:var(--tinta-2);margin-bottom:3px}
.regua{margin-top:16px;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.regua div{border:1px solid var(--linha);border-radius:14px;padding:12px;font-size:14px;line-height:1.4;color:var(--tinta-2)}
.regua strong{display:block;font-size:20px;color:var(--tinta);margin-bottom:2px}
.regua .nossa{border:2px solid var(--acao);background:var(--acao-fundo)}
.sob-botao{margin-top:10px;text-align:center;font-size:13px;color:var(--tinta-2)}
.opcoes{margin-top:16px;display:grid;gap:10px}
.opcoes div{border:1px solid var(--linha);border-radius:14px;padding:14px 16px;font-size:16px;line-height:1.5}
.opcoes div:last-child{border:2px solid var(--tinta)}
.opcoes b{display:block;font-size:12px;letter-spacing:.07em;color:var(--tinta-2);margin-bottom:4px}
@media (min-width:720px){h1{font-size:42px}}
@media (max-width:519px){
  .raiox div{grid-template-columns:1fr;gap:2px;padding:8px 0}
  .barra .info{font-size:12px}
  .barra .info strong{font-size:14px}
  .barra .cta{padding:12px 14px;font-size:14px}
}
/* Bloco "quem está te falando" (26/10): a autoridade pessoal em número */
.quem h2{font-size:30px}
.quem .lead{margin-top:12px}
.credenciais{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}
.credenciais div{border:2px solid var(--tinta);border-radius:14px;padding:14px 12px;font-size:13.5px;line-height:1.35;color:var(--tinta-2)}
.credenciais strong{display:block;font-size:30px;line-height:1.05;color:var(--tinta);letter-spacing:-.02em;margin-bottom:4px}
@media (min-width:720px){.quem h2{font-size:36px}}

/* O endereço do suporte é uma palavra só e estourava a largura do celular. */
p,li,figcaption,footer,summary{overflow-wrap:anywhere}

/* Os desenhos em SVG das páginas usam a cor fixa no atributo; aqui eles seguem o tema. */
[fill="#0f1419"]{fill:var(--tinta)} [stroke="#0f1419"]{stroke:var(--tinta)}
[fill="#087a3e"]{fill:var(--acao)} [stroke="#087a3e"]{stroke:var(--acao)}
[fill="#fff"]{fill:var(--cartao)} [fill="#f6f6f3"]{fill:var(--papel-2)}
[stroke="#e3e5e8"]{stroke:var(--linha)} [fill="#536471"]{fill:var(--tinta-2)}