{"id":299,"date":"2026-08-20T10:59:51","date_gmt":"2026-08-20T13:59:51","guid":{"rendered":"https:\/\/contaja.com.br\/lp\/?page_id=299"},"modified":"2026-08-27T10:41:48","modified_gmt":"2026-08-27T13:41:48","slug":"contabilidade-para-tecnologia","status":"publish","type":"page","link":"https:\/\/contaja.com.br\/lp\/contabilidade-para-tecnologia\/","title":{"rendered":"Contabilidade para Empresas e Profissionais de Tecnologia"},"content":{"rendered":"\n<!-- contaja:camada-de-design -->\n<link rel=\"preload\" as=\"font\" type=\"font\/woff2\" href=\"https:\/\/contaja.com.br\/lp\/wp-content\/uploads\/fonts\/coolvetica.woff2\" crossorigin>\n<link rel=\"preload\" as=\"font\" type=\"font\/woff2\" href=\"https:\/\/contaja.com.br\/lp\/wp-content\/uploads\/fonts\/coolvetica-light.woff2\" crossorigin>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Raleway:wght@400;500;600;700&amp;display=swap\">\n<style>\n\/* ============================================================================\n   LP tecnologia v1, cartaz de blocos de cor.\n\n   Nasceu da v4 aprovada, em design-system\/paginas\/, e a herda inteira: mesma\n   folha de estilo, mesma sequ\u00eancia de blocos, mesmos tokens. O que mudou foi\n   copy, link, alt, capa e utm. Quem mexer no desenho de uma das duas precisa\n   decidir se mexe na outra tamb\u00e9m, porque as duas s\u00e3o o mesmo arquivo.\n\n   A composi\u00e7\u00e3o \u00e9 uma sequ\u00eancia de ret\u00e2ngulos cheios de cor da marca, e a foto\n   recortada sangra por cima da borda entre dois blocos. Quase nenhum cart\u00e3o: \u00e9\n   a cor que divide a p\u00e1gina, n\u00e3o a caixa.\n\n   Ritmo de cor, e \u00e9 ele que conta a hist\u00f3ria:\n     papel          abertura\n     escuro         prova r\u00e1pida e a dor\n     neon           a frase que solta a tens\u00e3o\n     papel          como resolve\n     institucional  a prova\n     papel          o formul\u00e1rio\n     escuro         d\u00favidas e o \u00faltimo pedido\n     papel          as leituras do blog\n\n   O vocabul\u00e1rio gr\u00e1fico vem das pe\u00e7as da marca, e \u00e9 o mesmo que a v2 usava:\n   a forma do s\u00edmbolo do logotipo em escala de grafismo atr\u00e1s de gente\n   recortada, o asterisco de oito bra\u00e7os como r\u00f3tulo, a seta dentro de um\n   c\u00edrculo cheio no bot\u00e3o, e os dois cortes da Coolvetica alternando dentro da\n   mesma frase. Sem eles a p\u00e1gina fica correta e an\u00f4nima.\n\n   Movimento: revela\u00e7\u00e3o ao rolar e estado de press\u00e3o em CSS, mais um script de\n   7 KB para a escada de n\u00fameros e o tocador de v\u00eddeo. O WordPress mexe no\n   script na hora de renderizar, n\u00e3o na de salvar, e j\u00e1 custou a p\u00e1gina no ar:\n   um && virou &#038;&#038; dentro do <script>, onde entidade n\u00e3o decodifica, e\n   o SyntaxError matou o bloco inteiro. Por isso o script n\u00e3o usa & literal em\n   lugar nenhum: && vira !(a || b), if aninhado ou tern\u00e1rio. Acima de 15 a\n   20 KB piora, porque wptexturize() estoura o pcre.backtrack_limit e destr\u00f3i\n   aspas tamb\u00e9m.\n   ========================================================================== *\/\n\n\/* --- Tipo ---------------------------------------------------------------\n   Coolvetica tem dois cortes no drive, Rg e El. Nas pe\u00e7as eles n\u00e3o s\u00e3o duas\n   fontes, s\u00e3o os dois pesos de um sistema s\u00f3, e \u00e9 o contraste entre eles que\n   d\u00e1 o tom. Rg entra como 700 e El como 200. ------------------------------ *\/\n@font-face{\n  font-family:\"Coolvetica\"; font-style:normal; font-weight:700;\n  font-display:swap;\n  src:url(\"https:\/\/contaja.com.br\/lp\/wp-content\/uploads\/fonts\/coolvetica.woff2\") format(\"woff2\");\n}\n@font-face{\n  font-family:\"Coolvetica\"; font-style:normal; font-weight:200;\n  font-display:swap;\n  src:url(\"https:\/\/contaja.com.br\/lp\/wp-content\/uploads\/fonts\/coolvetica-light.woff2\") format(\"woff2\");\n}\n\n\/* --- Fundamentos ---------------------------------------------------------\n   A fonte da verdade dos tokens \u00e9 `design-system\/styles.css`, e esta p\u00e1gina\n   n\u00e3o a importa: repete os valores em hexadecimal, como a v2, as outras LPs de\n   convers\u00e3o por profiss\u00e3o e a _preview-motion fazem, e pelo mesmo motivo que\n   est\u00e1 escrito em todas elas. O destino \u00e9 tema cl\u00e1ssico do WordPress, sem\n   theme.json, e a p\u00e1gina chega l\u00e1 como bloco colado. Bloco n\u00e3o arrasta folha\n   externa: um `<link href=\"..\/styles.css\">` resolveria para nada e a LP subiria\n   sem estilo nenhum. Enquanto o tema n\u00e3o servir a folha, valor repetido aqui \u00e9\n   o formato que sobrevive \u00e0 publica\u00e7\u00e3o.\n\n   O pre\u00e7o disso \u00e9 drift silencioso, e o mapa abaixo \u00e9 o que o torna vis\u00edvel.\n   Quem mexer num valor daqui mexe no par de l\u00e1, e vice-versa.\n\n     igual em styles.css, n\u00e3o mexer sem mexer nos dois\n       --papel      = --ctj-off-white              --faixa    = --ctj-largura-conteudo\n       --escuro     = --ctj-verde-escuro           --leitura  = --ctj-largura-leitura\n       --inst       = --ctj-verde-institucional    --raio-btn = --ctj-raio-botao\n       --neon       = --ctj-verde-neon             --texto    = --ctj-fonte\n       --erro       = --ctj-vermelho               --curva    = --ctj-ease-saida\n\n     diferente de prop\u00f3sito, com a medida que justifica\n       --inst-texto    styles.css n\u00e3o tem verde de texto. O institucional puro\n                       d\u00e1 3,63 sobre papel e reprova em corpo. Ver abaixo.\n       --tinta-clara   7,85 contra os 5,48 do --ctj-texto-suave-em-claro\n       --tinta-escura  11,33 contra os 7,91 do --ctj-texto-suave-em-escuro\n       --borda         #DBD6C6 contra o #D0D3C4 do --ctj-borda-em-claro\n       --filete-*      transpar\u00eancia da tinta do fundo, e n\u00e3o cor calculada\n       --respiro       clamp cont\u00ednuo, e n\u00e3o os dois degraus de --ctj-secao-y\n       --raio          22 contra os 20 de --ctj-raio-md\n       --raio-lg       30 contra os 24 de --ctj-raio-lg\n       --dur           220ms, fora dos quatro degraus de --ctj-dur-*\n\n     s\u00f3 existe aqui\n       --raio-xl, --display, --z-foto, --z-topo, --z-barra\n\n   As diverg\u00eancias de raio, respiro e dura\u00e7\u00e3o s\u00e3o escolha desta p\u00e1gina e ainda\n   n\u00e3o foram levadas ao sistema. Est\u00e3o registradas em styles.css como pend\u00eancia,\n   e quem decidir \u00e9 o design, n\u00e3o esta folha. ----------------------------- *\/\n:root{\n  --papel:#F2EFE4;\n  --escuro:#022601;\n  --inst:#488C03;\n  --neon:#84BF04;\n  --erro:#AD343E;\n\n  \/* O institucional puxado para o verde escuro. Existe porque o #488C03 puro\n     d\u00e1 3,63 sobre off-white e reprova em texto pequeno. Este d\u00e1 5,12. N\u00e3o \u00e9\n     cor nova, \u00e9 a mesma tinta com mais for\u00e7a. *\/\n  --inst-texto:#367202;\n\n  \/* Texto secund\u00e1rio \u00e9 a mesma tinta com menos for\u00e7a, nunca um cinza novo.\n     7,85 sobre papel e 11,33 sobre verde escuro.\n\n     Os dois subiram na revis\u00e3o de 13\/08\/2026, de #4A6045 e #C3C9B6, que davam\n     5,98 e 9,65. Passavam no AA e mesmo assim o design leu como apagado em tr\u00eas\n     lugares diferentes: a nota do pre\u00e7o, o gatilho da hero e o \"A partir de\".\n     Passar n\u00e3o \u00e9 o alvo, \u00e9 o piso. O que muda de verdade \u00e9 a dist\u00e2ncia para o\n     texto principal, que mede 14,25 nos dois fundos: com 5,98 o secund\u00e1rio\n     ficava a menos da metade do peso do corpo e lia como texto desligado. *\/\n  --tinta-clara:#3A4E36;\n  --tinta-escura:#D3D9C6;\n\n  --borda:#DBD6C6;\n\n  \/* Filetes. Nunca cor chapada, sempre a tinta do fundo em transpar\u00eancia. *\/\n  --filete-claro:rgb(2 38 1 \/ .14);\n  --filete-escuro:rgb(242 239 228 \/ .18);\n\n  --faixa:1200px;\n  --leitura:800px;\n  --respiro:clamp(64px,8.5vw,116px);\n\n  --raio:22px;\n  --raio-lg:30px;\n  --raio-xl:40px;\n  --raio-btn:70px;\n\n  --display:\"Coolvetica\",\"Raleway\",system-ui,sans-serif;\n  --texto:\"Raleway\",system-ui,-apple-system,\"Segoe UI\",sans-serif;\n\n  \/* Nunca ease-in em interface: ele come\u00e7a devagar justamente quando a pessoa\n     est\u00e1 olhando, e a tela parece travada. *\/\n  --curva:cubic-bezier(.23,1,.32,1);\n  --dur:220ms;\n\n  \/* Camadas. Tr\u00eas, e \u00e9 tudo. Nada de z-index solto pela folha. *\/\n  --z-foto:3;\n  --z-topo:20;\n  --z-barra:30;\n}\n\n\/* --- Gr\u00e3o -----------------------------------------------------------------\n   Textura de papel, muito baixa, que tira o chapado das cinco cores. Fica num\n   elemento fixo e sem receber toque de prop\u00f3sito: aplicado a um container que\n   rola, o repaint cont\u00ednuo derruba o FPS no celular. ---------------------- *\/\n.grao{\n  position:fixed;inset:0;z-index:40;pointer-events:none;opacity:.055;\n  background-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='180' height='180' filter='url(%23n)'\/%3E%3C\/svg%3E\");\n}\n\n*{box-sizing:border-box}\nhtml{scroll-behavior:smooth;scroll-padding-top:104px}\n@media (prefers-reduced-motion:reduce){ html{scroll-behavior:auto} }\n\nbody{\n  margin:0;\n  background:var(--papel);\n  color:var(--escuro);\n  font-family:var(--texto);\n  font-size:16px;\n  line-height:1.6;\n  -webkit-font-smoothing:antialiased;\n  overflow-x:hidden;\n}\n\n\/* width e height ficam no HTML para o navegador reservar espa\u00e7o e o layout n\u00e3o\n   pular. E s\u00e3o sempre os do arquivo, nunca os do desenho: o navegador tira a\n   propor\u00e7\u00e3o deles antes de o arquivo chegar, ent\u00e3o atributo com propor\u00e7\u00e3o\n   errada reserva uma caixa errada e o layout pula assim que a imagem carrega.\n   Aqui a altura volta a ser autom\u00e1tica, sen\u00e3o o atributo vence o aspect-ratio\n   e a foto estica. *\/\nimg{display:block;max-width:100%;height:auto}\na{color:inherit}\n\n.faixa{width:100%;max-width:var(--faixa);margin-inline:auto;padding-inline:clamp(20px,4vw,48px)}\n\n\/* Bloco \u00e9 a unidade do cartaz: um ret\u00e2ngulo de cor, respiro em cima e embaixo. *\/\n.bloco{padding-block:var(--respiro);position:relative;overflow:hidden}\n.bloco--papel{background:var(--papel);color:var(--escuro)}\n.bloco--escuro{background:var(--escuro);color:var(--papel)}\n.bloco--inst{background:var(--inst);color:var(--papel)}\n.bloco--neon{background:var(--neon);color:var(--escuro)}\n\n\/* --- Escala de display ---------------------------------------------------\n   Coolvetica tem altura-x grande e aberturas fechadas. Em corpo grande ela\n   pede line-height abaixo de 1 e tracking zero: o desenho j\u00e1 \u00e9 apertado, e\n   tracking negativo fecha as contra-formas e embola o \"a\" com o \"n\". ------ *\/\nh1,h2,h3{margin:0;font-family:var(--display);font-weight:700;\n  line-height:.96;letter-spacing:0;text-wrap:balance}\np,ul,ol,figure,blockquote{margin:0}\n\nh1{font-size:clamp(36px,4.6vw,60px)}\nh2{font-size:clamp(32px,4vw,54px)}\nh3{font-size:25px;line-height:1.05}\n\n\/* O corte leve dentro do mesmo t\u00edtulo. \u00c9 o que faz a frase respirar, e \u00e9 o\n   movimento tipogr\u00e1fico das pe\u00e7as da marca. *\/\n.leve{font-weight:200}\n\/* A palavra que carrega o argumento. Nunca mais de uma por frase. *\/\nem.neon{font-style:normal;color:var(--neon)}\nem.escuro{font-style:normal;color:var(--escuro)}\n\n.lead{font-size:clamp(17px,1.5vw,19.5px);line-height:1.55;color:var(--tinta-clara);max-width:44ch}\n.bloco--escuro .lead,.bloco--inst .lead{color:var(--tinta-escura)}\n.t-sm{font-size:14px;line-height:1.5}\n\n.apoio{color:var(--tinta-clara)}\n.bloco--escuro .apoio{color:var(--tinta-escura)}\n\n\/* Aqui morava .forma, o s\u00edmbolo do logotipo em escala de grafismo, usado s\u00f3 na\n   emenda entre a dor e a ponte. Saiu inteiro em 13\/08\/2026, com a se\u00e7\u00e3o. O\n   hist\u00f3rico da tentativa est\u00e1 no coment\u00e1rio da emenda, mais abaixo. *\/\n\n\/* O asterisco da marca, oito bra\u00e7os de comprimento desigual. *\/\n.ast{display:block;flex:none;fill:none;stroke:var(--inst-texto);\n  stroke-width:11;stroke-linecap:round}\n.bloco--escuro .ast,.abertura .ast{stroke:var(--neon)}\n.bloco--neon .ast{stroke:var(--escuro)}\n\n\/* O r\u00f3tulo carrega a express\u00e3o exata que o an\u00fancio compra, para a pessoa\n   reconhecer em um segundo que chegou no lugar certo. Asterisco mais Raleway:\n   o r\u00f3tulo \u00e9 legenda, n\u00e3o t\u00edtulo, ent\u00e3o n\u00e3o entra em Coolvetica. *\/\n.rotulo{display:inline-flex;align-items:center;gap:11px;margin-bottom:20px;\n  font-family:var(--texto);font-size:14.5px;font-weight:700;letter-spacing:.01em;\n  color:var(--inst-texto)}\n.rotulo .ast{width:18px;height:18px}\n.bloco--escuro .rotulo{color:var(--neon)}\n\n\/* --- Bot\u00e3o --------------------------------------------------------------\n   Neon com texto verde escuro, nos dois fundos, 7,37 de contraste. O manual\n   manda off-white em fundo claro, o que d\u00e1 1,93 e n\u00e3o se l\u00ea.\n\n   A seta dentro de um c\u00edrculo cheio \u00e9 o que faz o bot\u00e3o ser da marca. Sem ela\n   ele \u00e9 o bot\u00e3o de qualquer um. ------------------------------------------ *\/\n.botao{\n  display:inline-flex;align-items:center;justify-content:center;gap:14px;\n  background:var(--neon);color:var(--escuro);\n  font-family:var(--texto);font-size:16px;font-weight:700;line-height:1;\n  text-decoration:none;white-space:nowrap;\n  padding:14px 16px 14px 30px;border:0;border-radius:var(--raio-btn);cursor:pointer;\n  transition:transform var(--dur) var(--curva),background-color var(--dur) var(--curva);\n}\n.botao i{\n  display:grid;place-items:center;flex:none;\n  width:32px;height:32px;border-radius:50%;\n  background:var(--escuro);color:var(--neon);\n  transition:transform var(--dur) var(--curva);\n}\n.botao i svg{width:16px;height:16px;fill:currentColor}\n.botao:active{transform:scale(.975);background:#76A904}\n.botao:focus-visible{outline:3px solid currentColor;outline-offset:3px}\n@media (hover:hover) and (pointer:fine){\n  .botao:hover{background:#93CE05}\n  .botao:hover i{transform:translateX(4px)}\n}\n.botao--miudo{padding:9px 10px 9px 22px;font-size:15px}\n.botao--miudo i{width:28px;height:28px}\n.botao--miudo i svg{width:14px;height:14px}\n\/* white-space volta ao normal aqui pelo mesmo motivo do .envio: nowrap d\u00e1 ao\n   bot\u00e3o do her\u00f3i um min-content de 317px, medido, e como min-content de filho\n   vence 1fr de grid, ele arrombava a coluna inteira e o corte aparecia em\n   qualquer tela abaixo de 360px, texto do her\u00f3i cortado junto. *\/\n@media (max-width:420px){\n  .botao{width:100%;padding-left:22px;font-size:15px;\n    white-space:normal;text-align:center;line-height:1.2}\n}\n\n\/* Sem transi\u00e7\u00e3o de prop\u00f3sito: o link aparece no foco, que \u00e9 a\u00e7\u00e3o de teclado, e\n   a\u00e7\u00e3o de teclado n\u00e3o anima. Quem navega por Tab repete o gesto o tempo todo, e\n   qualquer atraso entre apertar a tecla e ver o link \u00e9 a tela parecendo lenta. *\/\n.salto{\n  position:absolute;z-index:99;left:16px;top:-90px;\n  background:var(--neon);color:var(--escuro);font-weight:700;font-size:15px;\n  padding:13px 22px;border-radius:0 0 14px 14px;text-decoration:none;\n}\n.salto:focus{top:0}\n\n\/* ============================================================================\n   00. Topo. Uma linha, 76px, e o logotipo n\u00e3o \u00e9 link: nenhuma sa\u00edda da p\u00e1gina\n   acima do \u00faltimo pedido.\n\n   As abas s\u00e3o \u00e2ncoras internas, e s\u00f3 isso. Elas n\u00e3o levam para fora da p\u00e1gina,\n   ent\u00e3o n\u00e3o s\u00e3o fuga: s\u00e3o o \u00edndice de uma leitura longa, e servem para quem\n   chega do an\u00fancio com uma pergunta s\u00f3 na cabe\u00e7a e quer ir direto nela.\n   ========================================================================== *\/\n.topo{\n  position:sticky;top:0;z-index:var(--z-topo);\n  background:rgb(242 239 228 \/ .88);\n  backdrop-filter:blur(14px) saturate(150%);\n  -webkit-backdrop-filter:blur(14px) saturate(150%);\n  border-bottom:1px solid var(--borda);\n}\n@supports not (backdrop-filter:blur(1px)){ .topo{background:var(--papel)} }\n.topo .faixa{height:76px;display:flex;align-items:center;gap:clamp(16px,2.6vw,36px)}\n\/* Era 38 numa barra de 76, ou seja, metade da altura para o logotipo e metade\n   para o ar em volta dele. Subiu para 46 a pedido do design, o que deixa 15 de\n   folga em cima e embaixo, ainda acima do respiro m\u00ednimo que a marca pede.\n   O piso de 40 \u00e9 a barra de 64 do celular, onde 46 encostaria nas duas bordas. *\/\n.topo img{height:clamp(40px,3.4vw,46px);width:auto;flex:none}\n\n\/* margin-inline:auto no meio empurra logotipo e bot\u00e3o para as pontas sem\n   precisar de justify-content, e o menu fica centrado sozinho. *\/\n.abas{display:flex;align-items:center;gap:clamp(14px,2vw,28px);margin-inline:auto}\n.abas a{\n  position:relative;padding-block:8px;white-space:nowrap;text-decoration:none;\n  font-size:14.5px;font-weight:600;color:var(--tinta-clara);\n  transition:color var(--dur) var(--curva);\n}\n\/* O filete cresce da esquerda, que \u00e9 o sentido da leitura. *\/\n.abas a::after{\n  content:\"\";position:absolute;left:0;right:0;bottom:2px;height:2px;\n  background:var(--inst);transform:scaleX(0);transform-origin:left;\n  transition:transform var(--dur) var(--curva);\n}\n.abas a:focus-visible{outline:3px solid var(--inst-texto);outline-offset:4px;border-radius:5px}\n@media (hover:hover) and (pointer:fine){\n  .abas a:hover{color:var(--escuro)}\n  .abas a:hover::after{transform:scaleX(1)}\n}\n\/* Abaixo de 1120px as cinco abas quebrariam a linha ou virariam carrossel\n   horizontal, que ningu\u00e9m rola. Some, e o \u00edndice do celular passa a ser a\n   pr\u00f3pria p\u00e1gina, que \u00e9 curta o bastante para isso. *\/\n\/* Piso de 220 e n\u00e3o 272: a coluna do her\u00f3i mede 533px e o par de 272 empilhava.\n   Abaixo de 420 a linha some e os dois empilham, sen\u00e3o o r\u00f3tulo quebra em duas. *\/\n.abertura .escolhas .botao{min-width:min(100%,220px)}\n@media (max-width:1120px){ .abas{display:none} }\n@media (max-width:900px){ .topo .faixa{height:64px} .topo .botao{display:none} }\n\n\/* ============================================================================\n   01. Abertura. Papel em cima, faixa escura embaixo, e a foto recortada\n   costura as duas atravessando a borda. \u00c9 a assinatura da composi\u00e7\u00e3o.\n   ========================================================================== *\/\n.abertura{position:relative;background:var(--papel);overflow:hidden}\n\n.abertura-grade{\n  display:grid;grid-template-columns:minmax(0,6.4fr) minmax(0,5.6fr);\n  gap:clamp(20px,3vw,44px);align-items:end;\n  padding-top:clamp(40px,4.2vw,72px);\n}\n.abertura-texto{padding-bottom:clamp(40px,5vw,72px)}\n.abertura h1{margin-bottom:22px}\n\/* O corte leve come\u00e7a em linha nova. Sem isso a frase quebra onde o texto\n   couber, e o \"A\" do segundo per\u00edodo sobra pendurado no fim da primeira, que \u00e9\n   exatamente o que tira a hero do lugar. *\/\n.abertura h1 .leve{display:block}\n.abertura .lead{margin-bottom:34px}\n.abertura .gatilho{margin-top:18px;max-width:42ch}\n\n\n\/* A foto para exatamente na emenda entre o papel e a faixa escura.\n\n   A base do recorte \u00e9 um corte reto, e corte reto no meio de um campo de cor l\u00ea\n   como erro. Aqui ele n\u00e3o aparece porque coincide com a mudan\u00e7a de cor: a\n   pr\u00f3pria emenda \u00e9 a linha, e n\u00e3o sobra corte nenhum para disfar\u00e7ar.\n\n   Antes ela sangrava para dentro da faixa escura e uma sobreposi\u00e7\u00e3o dissolvia a\n   base. Isso comia a metade direita da faixa de n\u00fameros, e por isso os quatro\n   indicadores tinham virado dois por dois. Se a sangria voltar um dia, a\n   sobreposi\u00e7\u00e3o volta junto, e ela \u00e9 gradiente e n\u00e3o mask-image: mask-image \u00e9 a\n   ferramenta certa e apaga a imagem inteira no Chrome desta m\u00e1quina.\n\n   Nada de forma da marca atr\u00e1s dele. Ela dividia aten\u00e7\u00e3o com o rosto, que \u00e9 o\n   que a abertura tem de mais forte, e a marca j\u00e1 aparece grande atravessando a\n   emenda entre o bloco escuro e o neon, l\u00e1 embaixo. *\/\n.abertura-foto{\n  position:relative;z-index:var(--z-foto);\n  justify-self:end;align-self:end;\n  \/* A dupla encosta na borda direita da tela, sem vazio entre ela e a moldura\n     da janela: a sangria cancela o padding da faixa mais a sobra da\n     centraliza\u00e7\u00e3o. O overflow:hidden da .abertura apara o excedente. *\/\n  --sangria:calc(clamp(20px,4vw,48px) + max(0px,(100vw - var(--faixa))\/2));\n  \/* O recuo de 150px afasta a dupla da borda da tela, a pedido da Lav\u00ednia:\n     encostada de verdade ela lia como corte de exporta\u00e7\u00e3o. *\/\n  margin-right:calc(-1*var(--sangria) + 150px);\n  \/* 100% + sangria e n\u00e3o 640px: a foto \u00e9 paisagem (1460x1024) e cresce at\u00e9\n     ocupar a coluna inteira mais o respiro que a faixa deixava \u00e0 direita.\n     O teto de 760px segura o tamanho em telas muito largas. *\/\n  width:min(calc(100% + var(--sangria)),760px);\n}\n\/* Sem sombra projetada: o recorte tem a base reta, e drop-shadow segue a\n   silhueta, ent\u00e3o a base reta projetava um ret\u00e2ngulo sobre a faixa escura. *\/\n.abertura-foto img{position:relative;z-index:1;width:100%}\n\n\/* --- Prova r\u00e1pida, a borda de cima do bloco escuro -----------------------\n   Quatro indicadores, e a ordem \u00e9 de prop\u00f3sito: o segundo \u00e9 o \u00fanico que fala\n   de tecnologia, e prova de nicho vale mais que prova geral. Os outros tr\u00eas\n   s\u00e3o confer\u00edveis fora daqui, que \u00e9 o que separa n\u00famero de promessa. --------\n   PEND\u00caNCIA marketing: os quatro precisam ser conferidos na fonte e datados\n   antes de publicar, principalmente o dos CNAEs e o de avalia\u00e7\u00f5es. -------- *\/\n.prova-rapida{background:var(--escuro);color:var(--papel);position:relative}\n\/* Os quatro numa fila s\u00f3. Isto era dois por dois enquanto a foto sangrava por\n   cima da faixa e comia a metade direita dela. A foto parou na emenda, o\n   corredor deixou de existir, e a fila de quatro voltou a caber: \u00e9 numa varrida\n   s\u00f3 que ela \u00e9 lida, que \u00e9 o trabalho dela. *\/\n.prova-rapida .faixa{\n  padding-block:clamp(26px,3vw,38px);\n  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));\n  gap:clamp(16px,2.4vw,34px);align-items:start;\n}\n.prova-item{display:flex;flex-direction:column;gap:3px}\n.prova-item b{font-family:var(--display);font-weight:700;\n  font-size:clamp(30px,3.1vw,40px);line-height:1;color:var(--neon);\n  font-variant-numeric:tabular-nums}\n.prova-item span{font-size:13.5px;line-height:1.4;color:var(--tinta-escura)}\n\n@media (max-width:1180px){\n  .prova-rapida .faixa{grid-template-columns:repeat(2,minmax(0,1fr));\n    gap:20px clamp(24px,4vw,44px)}\n}\n@media (max-width:900px){\n  .abertura-grade{grid-template-columns:1fr;gap:0;align-items:start}\n  .abertura-texto{padding-bottom:32px}\n  \/* margin-right:0 desfaz a sangria com recuo do desktop: aqui a sangria \u00e9 s\u00f3\n     o padding da faixa, e o recuo de 150px sobrava e esmagava a foto. *\/\n  .abertura-foto{justify-self:end;width:min(85%,420px);margin-right:0}\n  .prova-rapida .faixa{\n    grid-template-columns:1fr;gap:0;\n    padding-top:clamp(20px,5vw,32px);\n  }\n  .prova-item{flex-direction:row;align-items:baseline;gap:12px;\n    padding-block:13px;border-top:1px solid var(--filete-escuro)}\n  .prova-item:first-child{border-top:0;padding-top:0}\n  .prova-item b{font-size:27px;min-width:4.5ch}\n}\n\n\/* ============================================================================\n   02. A dor. Duas situa\u00e7\u00f5es lado a lado, filete vertical separando, e a\n   chamada de cada uma no p\u00e9 da coluna.\n\n   Uma embaixo da outra a se\u00e7\u00e3o comia uma tela inteira para dizer duas frases\n   curtas, e a segunda s\u00f3 aparecia depois de rolar. Lado a lado as duas s\u00e3o\n   lidas na mesma olhada, e \u00e9 assim que a pessoa se reconhece.\n\n   Eram tr\u00eas, e a do meio saiu. \"A guia chega, a d\u00favida fica\" falava da mesma\n   pessoa da terceira, algu\u00e9m que j\u00e1 tem CNPJ, ent\u00e3o as duas desembocavam na\n   mesma a\u00e7\u00e3o e a se\u00e7\u00e3o gastava um ter\u00e7o da largura para dizer duas vezes o\n   mesmo. As duas que ficaram s\u00e3o as duas que o formul\u00e1rio pergunta adiante.\n\n   O t\u00edtulo da se\u00e7\u00e3o n\u00e3o presume experi\u00eancia. \"J\u00e1 passou por alguma dessas\n   situa\u00e7\u00f5es\" afirma pela pessoa o que ela viveu, e quem n\u00e3o se reconhece na\n   frase j\u00e1 entra discordando. Pergunta em qual momento ela est\u00e1 e o trabalho de\n   se reconhecer passa a ser dela, que \u00e9 quem sabe a resposta.\n\n   Cada situa\u00e7\u00e3o tem tr\u00eas camadas: um t\u00edtulo curto em Coolvetica, que \u00e9 o que a\n   pessoa reconhece na varrida, uma explica\u00e7\u00e3o em Raleway logo abaixo, que \u00e9 o\n   que ela l\u00ea se aquela for a situa\u00e7\u00e3o dela, e o bot\u00e3o que nomeia a sa\u00edda.\n   T\u00edtulo em fonte de display e par\u00e1grafo em fonte de texto, nunca as duas na\n   mesma: Coolvetica tem altura-x grande e abertura fechada, e tr\u00eas linhas\n   seguidas dela em corpo pequeno cansam.\n\n   As duas cobrem os dois momentos que o formul\u00e1rio pergunta logo adiante,\n   abertura e empresa j\u00e1 aberta, e nessa ordem. As duas chamadas v\u00e3o para\n   #comecar e n\u00e3o para o campo correspondente do formul\u00e1rio, porque no destino\n   este formul\u00e1rio inteiro sai e entra o shortcode do Mautic: um link para\n   #momento-abrir apontaria para um id que deixa de existir na publica\u00e7\u00e3o.\n   ========================================================================== *\/\n.dor{padding-top:clamp(48px,6vw,88px)}\n.dor h2{max-width:26ch;margin-bottom:clamp(28px,4vw,48px);position:relative;z-index:1}\n.dor-lista{\n  list-style:none;padding:0;position:relative;z-index:1;\n  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));\n  border-top:1px solid var(--filete-escuro);\n  border-bottom:1px solid var(--filete-escuro);\n}\n\/* Duas colunas pedem recuo maior que tr\u00eas. Em ter\u00e7os a coluna tinha 330px e o\n   texto ocupava ela inteira; em metades ela tem 560, e um par\u00e1grafo de 15,5px\n   correndo at\u00e9 o filete daria 74 caracteres por linha num bloco que se l\u00ea de\n   relance. O recuo \u00e0 direita traz a medida de volta para os 44 caracteres que\n   os pilares da se\u00e7\u00e3o seguinte j\u00e1 usam, e o filete continua na borda real da\n   coluna, que \u00e9 o que mant\u00e9m o desenho da se\u00e7\u00e3o. *\/\n.dor-item{\n  display:flex;flex-direction:column;align-items:flex-start;\n  gap:clamp(9px,1.1vw,14px);\n  padding:clamp(28px,3.4vw,46px) clamp(20px,5vw,92px) clamp(28px,3.4vw,46px) 0;\n}\n\/* Filete s\u00f3 entre as colunas, nunca na borda de fora do bloco. *\/\n.dor-item + .dor-item{\n  border-left:1px solid var(--filete-escuro);\n  padding-left:clamp(20px,3.4vw,56px);\n}\n\/* O t\u00edtulo entra no corte cheio da Coolvetica, e n\u00e3o no leve: sobre verde\n   escuro, em corpo m\u00e9dio, o ExtraLight some. O corte leve continua vivo no h2\n   da se\u00e7\u00e3o, que \u00e9 grande o bastante para aguentar.\n\n   Cresceu de 25 para 32 porque agora s\u00e3o dois t\u00edtulos e n\u00e3o tr\u00eas: o ordinal que\n   segurava o peso visual da se\u00e7\u00e3o saiu, e sem ele um t\u00edtulo de 25px sobre uma\n   coluna de 560 deixava o bloco raso. *\/\n.dor-t{\n  font-family:var(--display);font-weight:700;\n  font-size:clamp(21px,2.2vw,32px);line-height:1.06;letter-spacing:0;\n  margin:0;max-width:20ch;\n}\n.dor-p{\n  font-size:15.5px;line-height:1.55;color:var(--tinta-escura);\n  max-width:44ch;margin-bottom:clamp(10px,1.6vw,20px);\n}\n\/* O bot\u00e3o desce at\u00e9 o p\u00e9 da coluna nas duas, mesmo com par\u00e1grafos de alturas\n   diferentes: duas chamadas desalinhadas por uma linha de texto leem como erro\n   de montagem, e n\u00e3o como escolha. *\/\n.dor-item .botao{margin-top:auto}\n\/* No celular a coluna volta a ser uma s\u00f3, e cada situa\u00e7\u00e3o vira um bloco\n   fechado por filete, com a sua chamada no fim. *\/\n@media (max-width:820px){\n  .dor-lista{grid-template-columns:1fr;border-bottom:0}\n  .dor-item{\n    padding:clamp(24px,4.6vw,32px) 0;\n    border-bottom:1px solid var(--filete-escuro);\n  }\n  .dor-item + .dor-item{border-left:0;padding-left:0}\n  .dor-t{font-size:clamp(21px,4.6vw,27px);max-width:24ch}\n}\n\/* A marca n\u00e3o atravessa mais a emenda entre a dor e a ponte, e o registro fica\n   porque a ideia vai voltar a ser proposta. -----------------------------------\n   O desenho era o s\u00edmbolo do logotipo em tamanho grande, com o corte entre o\n   verde escuro e o neon passando por dentro dele: metade em tinta de papel sobre\n   o escuro, metade em tinta escura sobre o neon.\n\n   Caiu em tr\u00eas etapas, na revis\u00e3o de 13\/08\/2026. Primeiro a forma cheia, girada\n   em -7 graus e rebaixada por opacidade, que \u00e9 aplica\u00e7\u00e3o de logotipo fora do\n   manual. Depois o tra\u00e7ado cont\u00ednuo, que ficou chapado, com cara de adesivo\n   colado no fundo. Por \u00faltimo o tra\u00e7ado em risco, que resolveu o chapado e ainda\n   assim n\u00e3o convenceu: o desenho pedia aten\u00e7\u00e3o num lugar da p\u00e1gina onde n\u00e3o h\u00e1\n   nada para decidir, e a emenda entre os dois blocos de cor j\u00e1 se resolve\n   sozinha pela troca de cor.\n\n   O que sobrou da mec\u00e2nica est\u00e1 no .costura-ast aqui embaixo, que \u00e9 a outra\n   travessia e continua de p\u00e9. Quem for retomar a marca na emenda come\u00e7a por ali,\n   e n\u00e3o por este coment\u00e1rio: a conta do deslocamento \u00e9 a mesma, s\u00f3 muda o fator,\n   porque a altura da marca \u00e9 0,6557 da largura e a do asterisco \u00e9 1.\n\n   A segunda travessia usa o asterisco de pincel do acervo, do outro lado da\n   p\u00e1gina. Ele \u00e9 quadrado, ent\u00e3o meia altura \u00e9 meia largura, e \u00e9 esse 0,5 que p\u00f5e\n   o centro dele em cima da emenda dos dois lados. Mexer numa metade sem mexer na\n   outra quebra o desenho.\n\n   Aqui era o asterisco de oito bra\u00e7os desenhado em <svg>, com tra\u00e7o de 5 numa\n   caixa de at\u00e9 460. Tra\u00e7o fino em escala grande virava contorno, e contorno\n   grande pede para ser lido: a pessoa procurava o que aquilo queria dizer no\n   momento em que ela devia estar olhando o formul\u00e1rio. Agora \u00e9 o\n   `grafismos\/asterisco.webp`, que \u00e9 o pincel cheio das pe\u00e7as, menor e muito\n   mais claro. N\u00e3o \u00e9 elemento de leitura, \u00e9 a emenda entre dois blocos de cor.\n\n   Entra como m\u00e1scara e n\u00e3o como tag de imagem, pelo mesmo motivo da seta: o arquivo \u00e9\n   verde escuro chapado, e aqui a tinta precisa ser a do bloco em transpar\u00eancia\n   baixa. Forma cheia pesa muito mais que contorno na mesma opacidade, ent\u00e3o os\n   30% de antes cairiam como mancha: 12 e 10 \u00e9 o que deixa ele no fundo. *\/\n.costura-ast{\n  --larg:clamp(140px,16vw,240px);\n  position:absolute;z-index:0;left:calc(var(--larg) * -.22);\n  width:var(--larg);height:var(--larg);\n  pointer-events:none;\n  -webkit-mask:url(\"https:\/\/contaja.com.br\/lp\/wp-content\/uploads\/2026\/08\/asterisco.webp\") center\/contain no-repeat;\n  mask:url(\"https:\/\/contaja.com.br\/lp\/wp-content\/uploads\/2026\/08\/asterisco.webp\") center\/contain no-repeat;\n  transform:rotate(-8deg);\n}\n.costura-ast.costura--fim{bottom:calc(var(--larg) * -.5)}\n.costura-ast.costura--inicio{top:calc(var(--larg) * -.5)}\n\/* Os dois tons, e agora eles se leem. A metade de cima \u00e9 o verde institucional\n   sobre papel, a de baixo \u00e9 o neon sobre verde escuro, e \u00e9 essa troca no meio da\n   forma que faz a emenda existir. Em 12 e 10 por cento os dois eram quase o\n   mesmo nada, e o desenho lia como uma mancha s\u00f3 atravessando a linha: o duotone\n   estava na folha e n\u00e3o na tela. Em 30 e 26 a diferen\u00e7a aparece sem que a forma\n   passe a disputar leitura com o formul\u00e1rio ao lado dela. *\/\n.conversao .costura-ast{background:rgb(72 140 3 \/ .30)}\n.duvidas .costura-ast{background:rgb(132 191 4 \/ .26)}\n\n\/* ============================================================================\n   02b. A ponte. Um bloco neon com uma frase s\u00f3, no corte fino da Coolvetica.\n   \u00c9 o \u00fanico momento neon da p\u00e1gina, e \u00e9 ele que transforma tr\u00eas situa\u00e7\u00f5es\n   soltas numa tese.\n\n   A frase daqui \u00e9 o fio da p\u00e1gina inteira. Antes dela a p\u00e1gina prometia cinco\n   coisas em cinco lugares: menos preocupa\u00e7\u00e3o, falar com contador, entender o\n   que est\u00e1 acontecendo, empresa bem cuidada e fazer a conta. Cada uma boa\n   sozinha, nenhuma costurando as outras. A tese \u00e9 a que costura, e ela termina\n   em \"op\u00e7\u00f5es\", que \u00e9 a palavra que reaparece no formul\u00e1rio, no bot\u00e3o de envio e\n   no \u00faltimo pedido. Mexer nesta frase obriga a mexer nas outras tr\u00eas.\n   ========================================================================== *\/\n\/* Respiro cortado de 112 para 76. O bloco tem uma frase s\u00f3, e 224px de vazio\n   somados em cima e embaixo faziam ele ocupar tela de se\u00e7\u00e3o inteira para\n   entregar duas linhas de argumento. *\/\n.ponte{padding-block:clamp(44px,5.2vw,76px)}\n.ponte .ast{width:clamp(38px,4.6vw,58px);height:clamp(38px,4.6vw,58px);\n  stroke-width:9;margin-bottom:18px;position:relative;z-index:1}\n\/* A medida abriu de 28 para 33 caracteres, e n\u00e3o foi por gosto: a frase tem 95\n   caracteres, e em 28 ela ca\u00eda em quatro linhas com a \u00faltima sendo s\u00f3\n   \"cuidada.\". Palavra \u00f3rf\u00e3 numa frase que \u00e9 a tese da p\u00e1gina inteira \u00e9 a pior\n   linha poss\u00edvel para sobrar sozinha. Em 33 ela fecha em tr\u00eas linhas cheias, e\n   a se\u00e7\u00e3o perde a altura de uma linha de 50px de brinde. O balance distribui o\n   que sobra, que aqui o <p> n\u00e3o herdava: text-wrap s\u00f3 estava nos h1, h2 e h3. *\/\n.ponte p{\n  font-family:var(--display);font-weight:200;\n  font-size:clamp(26px,3.7vw,50px);line-height:1.08;letter-spacing:0;\n  max-width:33ch;text-wrap:balance;position:relative;z-index:1;\n}\n.ponte p b{font-weight:700}\n\n\/* ============================================================================\n   03. Como resolve. Tr\u00eas pilares em coluna \u00e0 esquerda, m\u00eddia sangrando para\n   fora da faixa \u00e0 direita, e o que entra mais o quanto custa atravessando as\n   duas embaixo. Resultado primeiro, mecanismo depois, oferta por \u00faltimo.\n   ========================================================================== *\/\n\/* Calha e respiro separados. Com um gap s\u00f3, o mesmo n\u00famero servia para o\n   corredor entre os pilares e a foto e para a dist\u00e2ncia at\u00e9 o bloco do valor\n   embaixo, e a\u00ed ele somava com a margem do bloco: 123px de vazio entre o filete\n   do \u00faltimo pilar e a primeira linha da lista. A calha continua larga, porque \u00e9\n   ela que segura a foto fora do eixo; o respiro de linha \u00e9 quem encolhe. *\/\n.resolve-grade{\n  display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);\n  column-gap:clamp(28px,5vw,64px);row-gap:clamp(30px,3.6vw,54px);\n  align-items:start;\n}\n.resolve h2{max-width:20ch;margin-bottom:clamp(24px,3vw,36px)}\n\/* Sem margem no fim porque o bot\u00e3o que ficava aqui desceu para o painel do\n   plano, e o filete do \u00faltimo pilar j\u00e1 \u00e9 o fecho da coluna. *\/\n.pilares{list-style:none;padding:0}\n\/* O visto entra alinhado ao t\u00edtulo do pilar, e n\u00e3o ao par\u00e1grafo: quem varre a\n   coluna l\u00ea tr\u00eas vistos e tr\u00eas t\u00edtulos, e s\u00f3 depois decide o que ler inteiro. *\/\n.pilar{\n  padding-block:22px;border-top:1px solid var(--filete-claro);\n  display:grid;grid-template-columns:26px minmax(0,1fr);\n  column-gap:14px;align-items:start;\n}\n.pilar:last-of-type{border-bottom:1px solid var(--filete-claro)}\n.visto{display:block;flex:none;width:26px;height:26px;\n  --visto-fundo:var(--escuro);--visto-traco:var(--neon)}\n.pilar .visto{margin-top:1px}\n.pilar h3{margin-bottom:7px}\n.pilar p{max-width:44ch;color:var(--tinta-clara)}\n\n.demo{position:relative;margin-bottom:56px}\n.demo img{border-radius:var(--raio-xl);width:100%;object-fit:cover;aspect-ratio:16\/10;\n  box-shadow:0 30px 60px -28px rgb(2 38 1 \/ .38)}\n\/* A legenda sai de baixo da imagem e passa a montar nela pelo canto. Objeto\n   sobre objeto, que \u00e9 o que d\u00e1 profundidade a um bloco claro.\n\n   O fundo era --papel, o mesmo do bloco, e a caixa s\u00f3 se separava dele pelo\n   filete de 1 pixel: no peda\u00e7o que passa fora da foto ela n\u00e3o existia. Agora \u00e9\n   o verde escuro, que \u00e9 a maior dist\u00e2ncia que a paleta d\u00e1 do papel, e o texto\n   vai em --tinta-escura, 9,65 de contraste sobre ele. O filete interno saiu\n   junto, porque borda clara em caixa escura s\u00f3 faria o recorte piscar. *\/\n.demo figcaption{\n  position:absolute;left:clamp(-28px,-2.4vw,-12px);bottom:-34px;z-index:1;\n  max-width:min(94%,360px);\n  background:var(--escuro);border-radius:var(--raio);padding:18px 22px;\n  box-shadow:0 22px 44px -22px rgb(2 38 1 \/ .46);\n  color:var(--tinta-escura);\n}\n\/* A abertura sobe de peso e de tinta ao mesmo tempo. S\u00f3 o negrito, na mesma cor\n   suave, engrossa sem clarear, e \u00e9 meio caminho: o que d\u00e1 o peso que faltava \u00e9 o\n   papel cheio contra o C3C9B6 do resto da frase. *\/\n.demo figcaption b{font-weight:700;color:var(--papel)}\n\n\/* A m\u00eddia sangra para fora da faixa at\u00e9 a borda da tela, o que empurra a\n   composi\u00e7\u00e3o para fora do eixo e tira a p\u00e1gina do formato documento. *\/\n@media (min-width:1024px){\n  .demo{margin-right:calc((100vw - min(100vw,var(--faixa)))\/-2 - clamp(20px,4vw,48px))}\n  .demo img{border-radius:var(--raio-xl) 0 0 var(--raio-xl)}\n}\n@media (max-width:900px){\n  .resolve-grade{grid-template-columns:1fr}\n  .demo{order:-1;margin-bottom:8px}\n}\n\n\/* --- O que entra e quanto custa -----------------------------------------\n   Atravessa as duas colunas da grade e fecha a se\u00e7\u00e3o. Sem caixa, sem fundo\n   pr\u00f3prio e sem raio: s\u00f3 o filete vertical entre as duas colunas, que \u00e9 a mesma\n   constru\u00e7\u00e3o da se\u00e7\u00e3o da dor. O peso vem do corpo do n\u00famero, n\u00e3o de uma\n   moldura.\n\n   N\u00e3o tem filete em cima. Tinha, para amarrar o bloco na se\u00e7\u00e3o, mas o pilar de\n   baixo j\u00e1 fecha com um filete de ponta a ponta e o do valor vinha logo abaixo:\n   duas linhas cheias separadas por um respiro, sem nada entre elas, lendo como\n   sobra de r\u00e9gua.\n\n   E n\u00e3o tem margem em cima. A separa\u00e7\u00e3o vem inteira do row-gap da grade da\n   se\u00e7\u00e3o, e de um lugar s\u00f3: enquanto os dois existiam, um somava no outro sem\n   que nenhum dos dois estivesse errado sozinho.\n\n   O t\u00edtulo abre a coluna do valor e nomeia as duas metades do bloco, que \u00e9 o\n   que a leitura faz de qualquer jeito: entra pela esquerda, desce no n\u00famero e\n   atravessa para a lista. Sem ele o bloco come\u00e7ava em \"A partir de\", que \u00e9\n   legenda de um n\u00famero, n\u00e3o entrada de um assunto. N\u00e3o diz \"plano\" porque esta\n   p\u00e1gina n\u00e3o apresenta plano nenhum antes daqui, e nomear uma coisa que n\u00e3o foi\n   apresentada faz a pessoa procurar o que ela perdeu.\n\n   Cinco itens em coluna \u00fanica, e n\u00e3o em duas: a \u00faltima linha precisa cair\n   colada no bot\u00e3o, porque \u00e9 ela que a cabe\u00e7a leva junto no clique. Em duas\n   colunas ela terminaria no meio da largura, longe da chamada.\n\n   As colunas medem o conte\u00fado, e n\u00e3o a faixa. Em 6fr e 6fr elas esticavam at\u00e9 a\n   largura do bloco enquanto o texto continuava do tamanho que \u00e9, e o filete\n   vertical ficava com dois lados desiguais: 230px de vazio entre o valor e ele,\n   118px sobrando depois do bot\u00e3o. Ele estava no meio exato do bloco e mesmo\n   assim o conjunto lia torto, porque o que a pessoa mede n\u00e3o \u00e9 onde a linha\n   cai, \u00e9 quanto de ar tem de cada lado dela.\n\n   Com max-content cada coluna fica do tamanho do que carrega, e os dois recuos\n   em volta do filete passam a ser o mesmo n\u00famero. O par \u00e9 centrado com\n   justify-content. O minmax com piso zero \u00e9 o que deixa as colunas encolherem\n   antes de estourar em janela estreita.\n\n   Alinhamento no centro tamb\u00e9m na vertical. A coluna da direita tem lista,\n   bot\u00e3o e gatilho; a da esquerda tem tr\u00eas linhas. Ancoradas no topo, sobravam\n   150px de nada embaixo do valor. ---------------------------------------- *\/\n.plano{\n  grid-column:1 \/ -1;\n  display:grid;grid-template-columns:repeat(2,minmax(0,max-content));\n  justify-content:center;align-items:center;\n}\n\/* Mora dentro da coluna do valor, e n\u00e3o numa linha pr\u00f3pria em cima das duas.\n   Atravessando, ele abria uma terceira faixa e empurrava o come\u00e7o do filete\n   vertical para baixo de si: sobrava um t\u00edtulo solto pairando sobre duas\n   colunas que come\u00e7avam sem ele. Aqui dentro, o filete volta a correr de ponta\n   a ponta e a coluna da esquerda ganha a massa que faltava nela, que era o lado\n   mais vazio dos dois. Ele mede quase o mesmo que o valor logo abaixo, ent\u00e3o os\n   dois empilham na mesma largura. *\/\n.plano-titulo{margin-bottom:clamp(14px,1.8vw,22px)}\n.plano-preco{padding-right:clamp(20px,3.4vw,56px)}\n.plano-lista{\n  position:relative;\n  border-left:1px solid var(--filete-claro);\n  padding-left:clamp(20px,3.4vw,56px);\n}\n\/* A seta de pincel apontando para o bot\u00e3o. -----------------------------------\n   \u00c9 o `grafismos\/seta-1.webp` do acervo, o mesmo tra\u00e7o de pincel do asterisco.\n   A primeira tentativa usou a `seta-2` espelhada e foi recusada pelo design com\n   dois motivos, os dois certos: ela apontava para o vazio ao lado do bot\u00e3o, e a\n   curva era a errada. A seta-1 \u00e9 a que tem o rabo longo subindo e a ponta\n   descendo em gancho, que \u00e9 o desenho pedido.\n\n   Entra como m\u00e1scara, e n\u00e3o como <img>, pelo mesmo motivo do asterisco da\n   emenda: o arquivo \u00e9 verde escuro chapado, e aqui a tinta precisa ser o verde\n   institucional. M\u00e1scara tamb\u00e9m deixa a cor mudar sem gerar outro arquivo.\n\n   A conta da posi\u00e7\u00e3o vem do arquivo, medida e n\u00e3o estimada. Dentro dos 500 por\n   500 a tinta ocupa de 45 a 284 na horizontal e de 27 a 491 na vertical, e a\n   ponta da flecha cai em 151 por 470, ou seja, a 30,2% da esquerda e a 94% do\n   topo da caixa. Com `contain` a caixa continua quadrada e o desenho fica alto e\n   estreito dentro dela, ent\u00e3o quase metade da largura da caixa \u00e9 vazio: \u00e9 por\n   isso que a ancoragem \u00e9 pela ponta, e n\u00e3o por uma borda.\n\n   A ponta cai 2 pixels para dentro da borda direita do bot\u00e3o e 6 abaixo do\n   topo dele, no recorte que o canto arredondado deixa livre: a cabe\u00e7a aparece\n   inteira, colada no canto, virada para baixo e para a esquerda, e a tinta que\n   segue dela entra por tr\u00e1s do bot\u00e3o. Chegar a\u00ed levou tr\u00eas tentativas erradas,\n   e o que as tr\u00eas ensinaram vira regra aqui porque nenhuma delas \u00e9 \u00f3bvia.\n\n   A restri\u00e7\u00e3o sempre foi a mesma: a \u00faltima linha da lista, \"Atendimento pelo\n   WhatsApp, das 08h \u00e0s 20h\", era a pe\u00e7a mais larga da coluna e passava 29 pixels\n   da borda direita do bot\u00e3o, ent\u00e3o o corredor da direita ficava fechado acima da\n   base dela, e a seta n\u00e3o tinha por onde chegar.\n\n   Erro 1, girar o desenho para o rabo abrir para fora do texto. Giro negativo em\n   CSS leva o topo da forma para a esquerda, n\u00e3o para a direita, ent\u00e3o piorava, e\n   virava a cabe\u00e7a junto: foi o que fez a flecha apontar para fora.\n\n   Erro 2, fugir para o corredor livre l\u00e1 na direita. Resolvia a colis\u00e3o e\n   deixava a ponta a 73 pixels do alvo, apontando para o nada.\n\n   Erro 3, descer a seta inteira para o v\u00e3o de 41 pixels entre a lista e o bot\u00e3o.\n   Cabia, mas obrigava a caixa a 104 e punha a ponta na altura da base do bot\u00e3o,\n   de onde a dire\u00e7\u00e3o da cabe\u00e7a, que \u00e9 para baixo e para a esquerda, passa por\n   fora dele em vez de entrar.\n\n   O corredor da direita abre com a largura do bot\u00e3o, e n\u00e3o com a seta. Ele\n   mede a coluna inteira, os mesmos 369 da linha mais larga da lista, ent\u00e3o\n   nada da coluna ultrapassa a borda direita dele. O bot\u00e3o da largura da coluna\n   tamb\u00e9m alinha com a lista em cima e com o gatilho embaixo, que \u00e9 como o\n   resto da p\u00e1gina trata chamada larga: o .envio j\u00e1 faz isso.\n\n   Dentro do corredor, quem vira a cabe\u00e7a para o bot\u00e3o \u00e9 o espelho somado ao\n   giro de 25 graus. O espelho abre o la\u00e7o para longe do texto, e o giro traz a\n   cabe\u00e7a de volta para dentro, que \u00e9 o que o giro sozinho do erro 1 n\u00e3o fazia.\n   No transform o espelho vem por \u00faltimo, ent\u00e3o o giro carrega o sinal trocado\n   para o resultado visual ser hor\u00e1rio.\n\n   Com espelho e giro a ponta cai a 49,3% da esquerda e a 98,2% do topo da\n   caixa, e s\u00e3o esses os fatores do calc: a ancoragem segue pela ponta, e os 2\n   e os 24 pixels dizem onde ela encosta no bot\u00e3o.\n\n   O bot\u00e3o ganha z-index para ficar na frente: a tinta entra uns pixels nele e\n   tra\u00e7o de pincel por cima de bot\u00e3o vira sujeira. *\/\n.plano-acao{position:relative;display:grid;gap:10px}\n.plano-acao .botao{position:relative;z-index:1;width:100%}\n.plano-seta{\n  --seta:clamp(92px,9vw,112px);\n  position:absolute;pointer-events:none;z-index:0;\n  width:var(--seta);height:var(--seta);\n  left:calc(100% - 2px - var(--seta) * 0.493);\n  top:calc(50% - 24px - var(--seta) * 0.982);\n  transform:scaleX(-1) rotate(-25deg);\n  background:var(--inst);\n  -webkit-mask:url(\"https:\/\/contaja.com.br\/lp\/wp-content\/uploads\/2026\/08\/seta-1-1.webp\") center\/contain no-repeat;\n  mask:url(\"https:\/\/contaja.com.br\/lp\/wp-content\/uploads\/2026\/08\/seta-1-1.webp\") center\/contain no-repeat;\n}\n\/* Abaixo de 900 o .plano vira uma coluna e o bot\u00e3o passa a ocupar quase toda a\n   largura da faixa: n\u00e3o sobra vazio \u00e0 direita para o rabo subir, e a seta\n   entraria por cima do texto da lista. Some, e a chamada continua inteira. *\/\n@media (max-width:900px){ .plano-seta{display:none} }\n.plano-de{font-size:14.5px;color:var(--tinta-clara);margin-bottom:6px}\n\/* O \u00fanico n\u00famero grande da p\u00e1gina, no corpo de um h1 e na tinta do texto, n\u00e3o\n   em neon. Neon nesta se\u00e7\u00e3o \u00e9 a\u00e7\u00e3o: se o valor e o bot\u00e3o acendem na mesma\n   tinta, os dois disputam a mesma olhada e o bot\u00e3o perde, porque tem 16px\n   contra 62. O tamanho j\u00e1 basta para o valor ser a segunda coisa lida. O \"\/m\u00eas\"\n   volta para a Raleway porque unidade \u00e9 legenda, n\u00e3o n\u00famero. *\/\n.plano-valor{\n  display:flex;align-items:baseline;gap:9px;\n  font-family:var(--display);font-weight:700;color:var(--escuro);\n  font-size:clamp(40px,5vw,68px);line-height:.92;letter-spacing:0;\n}\n.plano-valor span{\n  font-family:var(--texto);font-size:16.5px;font-weight:600;\n  color:var(--tinta-clara);\n}\n\/* Cresceu junto com a coluna, de 34 para 38 caracteres. Com 6fr a coluna tem\n   90px a mais, e uma nota estreita dentro dela voltaria a abrir o vazio que o\n   alinhamento no centro acabou de fechar. *\/\n.plano-nota{margin-top:clamp(16px,2vw,24px);color:var(--tinta-clara);max-width:38ch}\n\n\/* Sem filete entre os itens, ao contr\u00e1rio dos pilares. O visto \u00e9 o mesmo da\n   marca, e a diferen\u00e7a entre os dois blocos passa a ser a forma: pilar \u00e9 linha\n   alta com t\u00edtulo e par\u00e1grafo, separada por filete; item \u00e9 linha curta e justa,\n   sem separa\u00e7\u00e3o. Repetir o filete aqui deixaria oito linhas iguais na mesma\n   se\u00e7\u00e3o e os dois registros virariam um s\u00f3. *\/\n.plano-lista ul{list-style:none;padding:0;margin-bottom:clamp(22px,2.6vw,32px)}\n.plano-lista li{\n  display:grid;grid-template-columns:20px minmax(0,1fr);\n  column-gap:12px;align-items:start;\n  padding-block:7px;font-size:16px;line-height:1.4;\n}\n.plano-lista .visto{width:20px;height:20px;margin-top:2px}\n\/* Uma linha s\u00f3 embaixo do bot\u00e3o, no mesmo papel do gatilho da hero e do envio.\n   Ela n\u00e3o repete o que o formul\u00e1rio j\u00e1 diz sobre esfor\u00e7o: aqui a obje\u00e7\u00e3o viva\n   \u00e9 outra, porque a pessoa acabou de ler um pre\u00e7o. *\/\n.plano .gatilho{margin-top:14px;color:var(--tinta-clara);max-width:38ch}\n\n\/* Em 900, e n\u00e3o em 820: \u00e9 onde .resolve-grade j\u00e1 quebra para uma coluna, e as\n   duas colunas de conte\u00fado somam mais largura do que sobra antes disso. O\n   justify volta ao normal porque com uma coluna s\u00f3 o centrado encolheria o\n   bloco para a largura do texto no meio da tela. *\/\n@media (max-width:900px){\n  .plano{grid-template-columns:1fr;justify-content:normal}\n  .plano-preco{padding-right:0}\n  .plano-lista{\n    border-left:0;padding-left:0;\n    margin-top:clamp(22px,4vw,28px);padding-top:clamp(22px,4vw,28px);\n    border-top:1px solid var(--filete-claro);\n  }\n}\n\n\/*  SLOT marketing, pend\u00eancia 2: mini demonstra\u00e7\u00e3o da plataforma, curta e sem\n    narra\u00e7\u00e3o institucional. Ela responde uma pergunta s\u00f3, \"como isso funciona no\n    meu dia a dia\", mostrando guia para pagar, documento e nota emitida.\n    No destino entra como wp:embed, nunca iframe cru. Enquanto o v\u00eddeo n\u00e3o\n    existe, o bloco mostra a foto de capa e n\u00e3o finge um play que n\u00e3o toca.  *\/\n\n\/* ============================================================================\n   04. A prova. Campo institucional, lavagem escura por cima, e tr\u00eas degraus de\n   prova: uma avalia\u00e7\u00e3o grande, tr\u00eas curtas, tr\u00eas agregados.\n\n   O painel escuro embutido saiu. Ele era um cart\u00e3o dentro de um bloco que a\n   p\u00e1gina inteira evita, e empilhava caixa dentro de caixa: painel, fila de\n   rostos, lista de n\u00fameros, tudo com borda pr\u00f3pria. A lavagem faz o mesmo\n   trabalho de contraste sem caixa nenhuma.\n\n   Contraste, e isto \u00e9 regra e n\u00e3o gosto: sobre o institucional puro nada da\n   marca passa nos 4,5 do texto pequeno, porque creme d\u00e1 3,63, verde escuro\n   3,93 e neon 1,88. A lavagem \u00e9 um radial ancorado no canto de baixo \u00e0 direita,\n   que \u00e9 exatamente onde a pessoa recortada fica e onde n\u00e3o h\u00e1 texto. Todo o\n   resto do bloco fica acima de 0,9 de tinta escura, e a\u00ed o creme mede como\n   creme sobre verde escuro.\n   ========================================================================== *\/\n\/* Respiro pr\u00f3prio, menor que o das outras se\u00e7\u00f5es. Ela \u00e9 a mais alta da p\u00e1gina\n   porque empilha tr\u00eas degraus de prova, e o respiro padr\u00e3o somava 232px de\n   nada em cima e embaixo. Mesma licen\u00e7a que .leituras j\u00e1 usa. *\/\n.prova{position:relative;overflow:hidden;background:var(--inst);\n  padding-block:clamp(48px,5.6vw,80px)}\n\/* A elipse clara existe para a pessoa recortada aparecer, e s\u00f3 para isso. Era\n   de 56 por 62 por cento, larga o bastante para alcan\u00e7ar a coluna do meio da\n   se\u00e7\u00e3o: o texto pequeno dos agregados ca\u00eda em cima da parte de alfa baixo e\n   lia apagado, mesmo com a tinta certa. Agora ela mede 34 por 46, fica presa no\n   canto onde a foto est\u00e1, e o resto da se\u00e7\u00e3o inteira est\u00e1 no alfa alto.\n\n   Os n\u00fameros da medida, no mesmo lugar: no alfa de 0,54 o fundo vira #225502 e o\n   neon dos agregados d\u00e1 3,98; no alfa de 0,94 ele vira #072D01 e o mesmo neon d\u00e1\n   6,86. \u00c9 a diferen\u00e7a entre reprovar e passar, sem trocar uma cor de tinta. *\/\n.prova-lavagem{\n  position:absolute;inset:0;z-index:1;pointer-events:none;\n  background:radial-gradient(34% 46% at 100% 100%,\n    rgb(2 38 1 \/ .12) 0%,\n    rgb(2 38 1 \/ .62) 34%,\n    rgb(2 38 1 \/ .94) 62%,\n    rgb(2 38 1 \/ .97) 100%);\n}\n\/* Ancorada no rodap\u00e9 da se\u00e7\u00e3o e na borda da tela. Sem sombra: o recorte tem\n   alfa nas bordas, e drop-shadow em recorte vira um halo cinza na silhueta. *\/\n.prova-pessoa{position:absolute;z-index:1;right:clamp(-40px,-1.4vw,0px);bottom:0;\n  width:clamp(240px,25vw,400px);pointer-events:none}\n\/* Abaixo disso a pessoa cobriria texto, ent\u00e3o ela sai e a lavagem vira chapada.\n\n   Chapada e opaca, alfa 1, n\u00e3o 0,95 como era. Os 5% que sobravam eram o\n   institucional aparecendo por baixo, e a \u00fanica coisa que a foto pedia era a\n   elipse clara, que aqui n\u00e3o existe mais porque a foto tamb\u00e9m n\u00e3o existe. O\n   fundo passa de #0A2E01 para #022601, que \u00e9 o mesmo verde escuro do resto da\n   p\u00e1gina, e com ele o papel sobe de 13,2 para 14,25 e o neon de 6,9 para 7,37.\n   \u00c9 pouco, e \u00e9 de gra\u00e7a: nada nesta faixa dependia daqueles 5%. *\/\n@media (max-width:1240px){\n  .prova-pessoa{display:none}\n  .prova-lavagem{background:var(--escuro)}\n}\n\/* Na janela em que a pessoa existe e a faixa ainda encosta nela, o texto recua\n   e deixa o corredor da direita livre.\n\n   MEDIDO E MANTIDO ASSIM POR DECIS\u00c3O. O teto de 1620 n\u00e3o fecha com a\n   geometria: a faixa trava em 1200 e fica centrada, ent\u00e3o a borda direita dela\n   anda meia tela por vez, enquanto o recorte anda quase uma tela inteira porque\n   est\u00e1 preso na direita. Os dois s\u00f3 se soltam sozinhos em 2058. Entre 1621 e\n   2058 o corredor some com a pessoa ainda no lugar, e a\u00ed, em 1728 e em 1920,\n   que s\u00e3o as duas larguras de desktop mais comuns:\n\n     a terceira coluna dos recortes e dos agregados passa por cima da foto,\n     160px em 1728 e 67px em 1920, e texto sobre foto n\u00e3o tem contraste que se\n     possa garantir;\n\n     e a faixa entra na parte clara da lavagem, que \u00e9 uma elipse ancorada nesse\n     mesmo canto. O alfa cai de 0,92 para 0,54 e o neon de .prova .rotulo, de\n     .quem p b e de .fala-fonte vai para 3,98 contra os 4,5 que texto pequeno\n     precisa.\n\n   Levar o teto para 2100 conserta os dois, e foi tentado. S\u00f3 que o recuo \u00e9 no\n   .faixa inteiro, ent\u00e3o ele estreita t\u00edtulo, avalia\u00e7\u00e3o e coluna de quem\n   responde junto, e a se\u00e7\u00e3o fica mais alta, que \u00e9 o oposto do que ela precisa.\n\n   Levar o teto para 2100 conserta os dois, e foi tentado. S\u00f3 que o recuo \u00e9 no\n   .faixa inteiro, ent\u00e3o ele estreita t\u00edtulo, avalia\u00e7\u00e3o e coluna de quem\n   responde junto, e a se\u00e7\u00e3o fica mais alta, que \u00e9 o oposto do que ela precisa.\n   Entre perder largura de leitura e conviver com o cruzamento, ficou o\n   cruzamento.\n\n   TENTADO E RECUSADO em 13\/08\/2026, e \u00e9 o que este mesmo coment\u00e1rio sugeria:\n   recuar s\u00f3 .recortes e .agregados, mais a grade do degrau 1, num @media de 1621\n   a 1900. Funcionava, o cruzamento sumia, e o desenho piorou: entre 1621 e 1900\n   o conte\u00fado encolhia uns 140 pixels e voltava ao normal em 1901, ent\u00e3o o bloco\n   inteiro dava um salto de largura sem que nada na tela explicasse por qu\u00ea. O\n   design recusou, e a decis\u00e3o \u00e9 a mesma de antes: convive-se com o cruzamento.\n\n   Quem for mexer nisto de novo: o problema de contraste que o cruzamento\n   causava j\u00e1 foi resolvido pelo outro lado, na .prova-lavagem, encolhendo a\n   elipse clara para o canto da foto. O que sobra \u00e9 sobreposi\u00e7\u00e3o de texto e\n   imagem em duas larguras, e n\u00e3o texto ileg\u00edvel. *\/\n@media (min-width:1241px) and (max-width:1620px){\n  .prova .faixa{padding-right:clamp(200px,20vw,300px)}\n}\n.prova .faixa{position:relative;z-index:2}\n.prova .rotulo{color:var(--neon);margin-bottom:14px}\n.prova .ast{stroke:var(--neon)}\n.prova h2{max-width:19ch;color:var(--papel);margin-bottom:clamp(22px,2.6vw,34px)}\n\n\/* T\u00edtulo e avalia\u00e7\u00e3o empilhados \u00e0 esquerda, v\u00eddeo \u00e0 direita atravessando os\n   dois. ------------------------------------------------------------------------\n   O bloco tinha uma terceira pe\u00e7a, a linha \"quem responde a sua primeira\n   mensagem \u00e9 uma pessoa do time\", que morava em cima do v\u00eddeo. Saiu em\n   13\/08\/2026: ela empilhava tr\u00eas linhas de texto sobre um quadrado de 447 e\n   deixava a coluna da direita quase no dobro da altura da avalia\u00e7\u00e3o. O argumento\n   n\u00e3o se perdeu, ele continua em .quem-responde, colado no bot\u00e3o do formul\u00e1rio,\n   que \u00e9 onde a pergunta \"quem vai falar comigo\" aparece de verdade.\n\n   A posi\u00e7\u00e3o das tr\u00eas pe\u00e7as \u00e9 declarada, e precisa ser: no fluxo autom\u00e1tico o\n   t\u00edtulo ocuparia a primeira c\u00e9lula e a avalia\u00e7\u00e3o cairia na segunda coluna,\n   empurrando o v\u00eddeo para uma terceira linha.\n\n   O v\u00eddeo \u00e9 ancorado no fim da coluna, e n\u00e3o no come\u00e7o. Ancorado no come\u00e7o ele\n   subia at\u00e9 o topo do t\u00edtulo e sobrava vazio embaixo dele, que \u00e9 o mesmo\n   problema de antes trocado de lugar. No fim, a base do v\u00eddeo encontra a base da\n   avalia\u00e7\u00e3o e a sobra fica em cima, ao lado do t\u00edtulo, que \u00e9 onde ar ao lado de\n   um texto curto se l\u00ea como respiro e n\u00e3o como buraco. *\/\n.prova-grade{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);\n  gap:0 clamp(30px,5vw,76px);align-items:start}\n.prova-grade h2{grid-column:1;grid-row:1}\n.fala{grid-column:1;grid-row:2}\n.quem{grid-column:2;grid-row:1 \/ span 2;align-self:end}\n\n\/* --- Degrau 1: a avalia\u00e7\u00e3o grande ---------------------------------------\n   Aqui a v4 abre com uma avalia\u00e7\u00e3o de algu\u00e9m do mesmo of\u00edcio de quem l\u00ea,\n   porque prova do mesmo grupo vale mais que prova geral. Esta p\u00e1gina n\u00e3o tem esse luxo: em 20\/08\/2026 n\u00e3o\n   foi encontrada nenhuma avalia\u00e7\u00e3o p\u00fablica e verific\u00e1vel da Contaj\u00e1 feita por\n   profissional de tecnologia, nem no perfil do Google nem na p\u00e1gina de\n   depoimentos. Inventar depoimento est\u00e1 fora de quest\u00e3o, ent\u00e3o a sa\u00edda foi\n   subir para c\u00e1 a avalia\u00e7\u00e3o real mais forte do acervo, que n\u00e3o declara\n   profiss\u00e3o nenhuma, e tirar a profiss\u00e3o do H2 da se\u00e7\u00e3o.\n   Verbatim, do perfil p\u00fablico da Contaj\u00e1 no Google.\n   PEND\u00caNCIA marketing: se aparecer avalia\u00e7\u00e3o de dev, de gente de TI ou de\n   fundador de startup, com nome e origem confer\u00edvel, ela toma este lugar.\n   Conferir palavra por palavra na fonte e confirmar se a empresa quer citar\n   avalia\u00e7\u00e3o com nome antes de publicar. ---------------------------------- *\/\n.estrelas{display:flex;gap:2px;flex:none}\n.estrelas svg{width:13px;height:13px;fill:var(--neon)}\n.fala blockquote{font-family:var(--display);font-weight:200;\n  font-size:clamp(22px,2.4vw,33px);line-height:1.18;color:var(--papel);\n  max-width:26ch}\n.fala blockquote b{font-weight:700}\n.fala figcaption{margin-top:16px;display:flex;align-items:center;gap:11px;\n  flex-wrap:wrap;font-size:14px;color:var(--tinta-escura)}\n.fala figcaption b{font-size:15px;font-weight:600;color:var(--papel)}\n\/* Era 11px, o \u00fanico valor da p\u00e1gina abaixo de 12,5, e sem nada que justificasse\n   o degrau: caixa alta com 0,06em de entreletra j\u00e1 \u00e9 o que faz um r\u00f3tulo desses\n   ser lido como etiqueta, e o corpo n\u00e3o precisava encolher tamb\u00e9m. Subiu para o\n   piso que o resto da folha usa. *\/\n.fala-fonte{font-size:12.5px;font-weight:700;letter-spacing:.06em;\n  text-transform:uppercase;color:var(--neon);padding:4px 11px;border-radius:70px;\n  box-shadow:inset 0 0 0 1px var(--filete-escuro)}\n\n\/* O v\u00eddeo, na coluna ao lado da avalia\u00e7\u00e3o. -----------------------------------\n   Sem borda em cima e sem margem: ele come\u00e7a na mesma linha do alto da\n   avalia\u00e7\u00e3o, e \u00e9 isso que faz as duas colunas lerem como um par.\n\n   Nada de aspect-ratio aqui, e isso custou uma rodada. O <video> traz\n   width=\"720\" height=\"720\" no HTML, que \u00e9 o que reserva a caixa antes de o\n   p\u00f4ster chegar. S\u00f3 que atributo de altura vira altura de CSS, e altura\n   declarada desliga o aspect-ratio: o resultado foi uma caixa de 420 por 720 com\n   o quadrado do v\u00eddeo boiando no meio, tarja preta em cima e embaixo. Com\n   `height:auto` a propor\u00e7\u00e3o volta a ser a do arquivo, que j\u00e1 \u00e9 1 por 1, e a\n   caixa fica do tamanho exato da imagem, sem tarja e sem n\u00famero m\u00e1gico.\n\n   O teto de 420 vale s\u00f3 no empilhado, abaixo de 900, onde a coluna passa a ser a\n   faixa inteira e o quadrado chegaria a 828 de lado. *\/\n.quem-video{margin:0}\n.quem-video figcaption{margin-top:11px;font-size:13.5px;\n  color:var(--tinta-escura);max-width:32ch}\n\n\/* O tocador. ------------------------------------------------------------------\n   Anel de 1 pixel e nada de sombra. O bloco mora sobre a lavagem escura da\n   se\u00e7\u00e3o, onde sombra n\u00e3o aparece, e o anel \u00e9 o mesmo filete que separa os tr\u00eas\n   degraus da prova logo abaixo. Uma declara\u00e7\u00e3o de eleva\u00e7\u00e3o s\u00f3.\n\n   O anel vem de ::after e n\u00e3o de box-shadow no container, porque o <video> \u00e9\n   elemento substitu\u00eddo e pinta por cima de sombra interna do pai. *\/\n.tocador{\n  position:relative;border-radius:var(--raio-lg);overflow:hidden;\n  background:var(--escuro);line-height:0;\n}\n.tocador::after{\n  content:\"\";position:absolute;inset:0;z-index:3;pointer-events:none;\n  border-radius:inherit;box-shadow:inset 0 0 0 1px var(--filete-escuro);\n}\n.tocador video{display:block;width:100%;height:auto}\n\n\/* A barra fica sempre vis\u00edvel, e n\u00e3o s\u00f3 no hover. Aparecer no hover \u00e9 decis\u00e3o\n   de player de tela cheia, onde a imagem \u00e9 o assunto; aqui ela \u00e9 um controle de\n   p\u00e1gina, e metade de quem abre isto est\u00e1 no celular, onde hover n\u00e3o existe.\n\n   O v\u00e9u \u00e9 gradiente e n\u00e3o cor chapada: chapado corta o quadro numa linha reta\n   que n\u00e3o estava l\u00e1, e o v\u00eddeo tem legenda queimada perto do rodap\u00e9. *\/\n.tocador-barra{\n  position:absolute;left:0;right:0;bottom:0;z-index:2;\n  display:flex;align-items:center;gap:clamp(10px,1.4vw,14px);\n  padding:clamp(30px,4vw,42px) clamp(13px,1.6vw,17px) clamp(12px,1.5vw,15px);\n  background:linear-gradient(to top,rgb(2 38 1 \/ .94) 0%,rgb(2 38 1 \/ .72) 42%,rgb(2 38 1 \/ 0) 100%);\n  line-height:1;\n}\n.tocador-botao{\n  flex:none;display:grid;place-items:center;\n  width:38px;height:38px;padding:0;border:0;border-radius:50%;\n  background:var(--neon);color:var(--escuro);cursor:pointer;\n  transition:transform var(--dur) var(--curva),background var(--dur) var(--curva);\n}\n.tocador-botao svg{width:20px;height:20px;fill:currentColor;stroke:currentColor}\n.tocador-botao:focus-visible{outline:3px solid var(--papel);outline-offset:3px}\n@media (hover:hover){ .tocador-botao:hover{transform:scale(1.06)} }\n\n\/* Tempo em n\u00fameros tabulares, sen\u00e3o a largura pula a cada segundo e a barra de\n   posi\u00e7\u00e3o encolhe junto. *\/\n.tocador-tempo{\n  flex:none;font-size:13px;font-weight:600;color:var(--papel);\n  font-variant-numeric:tabular-nums;letter-spacing:.01em;\n}\n\n\/* A posi\u00e7\u00e3o \u00e9 <input type=range> de verdade, e n\u00e3o uma div com clique. \u00c9 o que\n   d\u00e1 seta do teclado, Home, End e leitura de porcentagem por leitor de tela sem\n   escrever nada disso \u00e0 m\u00e3o. O preenchimento \u00e0 esquerda do ponto \u00e9 um gradiente\n   com a parada em --pct, que o script atualiza. *\/\n.tocador-linha{\n  --pct:0%;\n  flex:1;min-width:0;height:20px;margin:0;padding:0;\n  background:transparent;cursor:pointer;-webkit-appearance:none;appearance:none;\n}\n.tocador-linha:focus-visible{outline:3px solid var(--papel);outline-offset:2px;border-radius:6px}\n.tocador-linha::-webkit-slider-runnable-track{\n  height:4px;border-radius:70px;\n  background:linear-gradient(to right,var(--neon) var(--pct),rgb(242 239 228 \/ .32) var(--pct));\n}\n.tocador-linha::-moz-range-track{height:4px;border-radius:70px;background:rgb(242 239 228 \/ .32)}\n.tocador-linha::-moz-range-progress{height:4px;border-radius:70px;background:var(--neon)}\n.tocador-linha::-webkit-slider-thumb{\n  -webkit-appearance:none;appearance:none;margin-top:-4px;\n  width:12px;height:12px;border-radius:50%;border:0;\n  background:var(--neon);box-shadow:0 0 0 3px rgb(2 38 1 \/ .55);\n}\n.tocador-linha::-moz-range-thumb{\n  width:12px;height:12px;border-radius:50%;border:0;\n  background:var(--neon);box-shadow:0 0 0 3px rgb(2 38 1 \/ .55);\n}\n\n\/* O volume, no fim da barra. --------------------------------------------------\n   Bot\u00e3o de mudo sempre vis\u00edvel, e o n\u00edvel abrindo ao lado dele no hover ou no\n   foco. N\u00edvel sempre aberto custaria uns 80 pixels da barra, que \u00e9 a largura da\n   posi\u00e7\u00e3o do v\u00eddeo num bloco de 447: o controle que a pessoa usa toda vez ficaria\n   menor por causa do que ela ajusta uma vez.\n\n   No toque n\u00e3o existe hover, ent\u00e3o l\u00e1 ele fica aberto o tempo todo: a regra de\n   recolher est\u00e1 dentro de um @media (hover:hover), e n\u00e3o o contr\u00e1rio. *\/\n.tocador-volume{display:flex;align-items:center;gap:8px;flex:none}\n.tocador-mudo{\n  flex:none;display:grid;place-items:center;\n  width:32px;height:32px;padding:0;border:0;border-radius:50%;\n  background:rgb(2 38 1 \/ .55);color:var(--papel);cursor:pointer;\n  box-shadow:inset 0 0 0 1px var(--filete-escuro);\n  transition:color var(--dur) var(--curva),background var(--dur) var(--curva);\n}\n.tocador-mudo svg{width:17px;height:17px;fill:currentColor;stroke:currentColor}\n.tocador-mudo:focus-visible{outline:3px solid var(--papel);outline-offset:3px}\n@media (hover:hover){ .tocador-mudo:hover{color:var(--neon)} }\n.tocador.com-som .tocador-mudo{color:var(--neon)}\n\n.tocador-nivel{\n  --pct:80%;\n  width:72px;height:20px;margin:0;padding:0;flex:none;\n  background:transparent;cursor:pointer;-webkit-appearance:none;appearance:none;\n}\n.tocador-nivel::-webkit-slider-runnable-track{\n  height:4px;border-radius:70px;\n  background:linear-gradient(to right,var(--papel) var(--pct),rgb(242 239 228 \/ .3) var(--pct));\n}\n.tocador-nivel::-moz-range-track{height:4px;border-radius:70px;background:rgb(242 239 228 \/ .3)}\n.tocador-nivel::-moz-range-progress{height:4px;border-radius:70px;background:var(--papel)}\n.tocador-nivel::-webkit-slider-thumb{\n  -webkit-appearance:none;appearance:none;margin-top:-3px;\n  width:10px;height:10px;border-radius:50%;border:0;background:var(--papel);\n}\n.tocador-nivel::-moz-range-thumb{\n  width:10px;height:10px;border-radius:50%;border:0;background:var(--papel);\n}\n.tocador-nivel:focus-visible{outline:3px solid var(--papel);outline-offset:2px;border-radius:6px}\n@media (hover:hover){\n  .tocador-nivel{\n    width:0;opacity:0;\n    transition:width var(--dur) var(--curva),opacity var(--dur) var(--curva);\n  }\n  .tocador-volume:hover .tocador-nivel,\n  .tocador-volume:focus-within .tocador-nivel{width:72px;opacity:1}\n}\n@media (prefers-reduced-motion:reduce){ .tocador-nivel{transition:none} }\n\n\/* A p\u00edlula do som. Ela \u00e9 o \u00fanico controle que a pessoa precisa achar sem\n   procurar, porque o v\u00eddeo come\u00e7a mudo por regra de navegador e n\u00e3o por\n   escolha. Fica no alto, longe da barra, e some assim que o som liga: o\n   controle de desligar continua no clique dela at\u00e9 ali, e depois disso quem\n   quer sil\u00eancio j\u00e1 sabe onde ele est\u00e1. *\/\n.tocador-som{\n  position:absolute;z-index:2;top:clamp(12px,1.6vw,16px);left:clamp(12px,1.6vw,16px);\n  display:flex;align-items:center;gap:7px;\n  padding:8px 14px 8px 11px;border:0;border-radius:70px;\n  background:var(--neon);color:var(--escuro);cursor:pointer;\n  font-family:var(--texto);font-size:13px;font-weight:700;line-height:1;\n  box-shadow:0 10px 24px -12px rgb(2 38 1 \/ .8);\n  transition:transform var(--dur) var(--curva),opacity var(--dur) var(--curva);\n}\n.tocador-som svg{width:17px;height:17px;fill:currentColor;stroke:currentColor}\n.tocador-som:focus-visible{outline:3px solid var(--papel);outline-offset:3px}\n@media (hover:hover){ .tocador-som:hover{transform:scale(1.04)} }\n\/* Com som ligado ela vira s\u00f3 o \u00edcone, no canto, com o v\u00e9u do bloco por tr\u00e1s. *\/\n.tocador.com-som .tocador-som{\n  padding:9px;background:rgb(2 38 1 \/ .62);color:var(--neon);\n  box-shadow:inset 0 0 0 1px var(--filete-escuro);\n}\n.tocador.com-som .tocador-som span{\n  position:absolute;width:1px;height:1px;overflow:hidden;\n  clip-path:inset(50%);white-space:nowrap;\n}\n\n\/* --- Degrau 2: as tr\u00eas avalia\u00e7\u00f5es curtas -------------------------------- *\/\n.recortes{\n  list-style:none;padding:0;\n  margin-top:clamp(24px,2.8vw,38px);padding-top:clamp(18px,2vw,24px);\n  border-top:1px solid var(--filete-escuro);\n  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,44px);\n}\n.recortes p{font-size:15.5px;line-height:1.45;color:var(--papel);text-wrap:pretty}\n.recortes footer{margin-top:8px;display:flex;align-items:center;gap:9px;\n  font-size:13px;color:var(--tinta-escura)}\n.recortes footer b{color:var(--papel);font-weight:600}\n\n\/* --- Degrau 3: a prova que n\u00e3o tem rosto -------------------------------- *\/\n.agregados{\n  list-style:none;padding:0;\n  margin-top:clamp(20px,2.4vw,30px);padding-top:clamp(18px,2vw,24px);\n  border-top:1px solid var(--filete-escuro);\n  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,44px);\n}\n.agregados b{display:block;font-family:var(--display);font-weight:700;\n  font-size:clamp(28px,3.2vw,44px);line-height:1;color:var(--neon);\n  font-variant-numeric:tabular-nums;margin-bottom:6px}\n\/* Papel cheio, e n\u00e3o a tinta secund\u00e1ria. Este \u00e9 o \u00fanico texto pequeno da p\u00e1gina\n   que mora sobre fundo com foto e gradiente por baixo, e nele o secund\u00e1rio\n   perde o contraste que tem em cima de cor chapada. Aqui a hierarquia j\u00e1 vem do\n   tamanho e do peso do n\u00famero acima, ent\u00e3o a linha n\u00e3o precisa tamb\u00e9m ser mais\n   fraca de cor para se ler como legenda.\n\n   Com a cor j\u00e1 no teto da paleta, o que ainda faltava veio de tamanho e peso:\n   14,5 e regular viraram 15,5 e 500, que \u00e9 a mesma presen\u00e7a do texto dos\n   recortes logo acima. O gr\u00e3o da p\u00e1gina \u00e9 fixo e cobre tudo com 5,5% de ru\u00eddo,\n   o que levanta o preto do bloco escuro alguns n\u00edveis: peso de letra compensa\n   isso sem inventar cor nova nem tirar a textura da p\u00e1gina. *\/\n.agregados span{display:block;font-size:15.5px;font-weight:500;\n  line-height:1.45;color:var(--papel)}\n\/* Um \u00fanico link para fora acima do \u00faltimo pedido, e ele existe porque prova que\n   n\u00e3o d\u00e1 para conferir n\u00e3o \u00e9 prova. Menor alvo poss\u00edvel, e em aba nova. *\/\n.agregados a{color:var(--papel);text-decoration:none;\n  border-bottom:1px solid var(--filete-escuro)}\n.agregados a:focus-visible{outline:3px solid var(--neon);outline-offset:3px;border-radius:4px}\n@media (hover:hover){ .agregados a:hover{color:var(--neon);border-color:var(--neon)} }\n\n@media (max-width:900px){\n  \/* Uma coluna s\u00f3, ent\u00e3o a posi\u00e7\u00e3o declarada sai e vale a ordem do documento:\n     t\u00edtulo, avalia\u00e7\u00e3o, v\u00eddeo. *\/\n  .prova-grade{grid-template-columns:1fr;gap:24px}\n  .prova-grade h2,.fala,.quem{grid-column:auto;grid-row:auto;align-self:auto}\n  .quem-video video{max-width:420px}\n  .recortes{grid-template-columns:1fr;gap:0;border-top:1px solid var(--filete-escuro)}\n  .recortes li{padding-block:14px;border-bottom:1px solid var(--filete-escuro)}\n  .agregados{grid-template-columns:1fr;gap:0;border-top:0;padding-top:0}\n  .agregados li{padding-block:13px;border-bottom:1px solid var(--filete-escuro);\n    display:flex;align-items:baseline;gap:16px;flex-wrap:wrap}\n  .agregados b{margin-bottom:0;min-width:4.5ch}\n}\n\n\/*  SLOT marketing, pend\u00eancia 1: quando o comercial trouxer um cliente de\n    tecnologia com nome, cidade e permiss\u00e3o de uso, ele toma o lugar do degrau\n    1, porque prova nomeada de cliente vale mais que avalia\u00e7\u00e3o p\u00fablica an\u00f4nima\n    de origem. A marca\u00e7\u00e3o \u00e9 a mesma de .fala, e o bloco j\u00e1 est\u00e1 dimensionado\n    para ela.                                                                 *\/\n\n\/* ============================================================================\n   05. Convers\u00e3o. Uma pergunta de um toque e tr\u00eas campos, tudo \u00e0 vista.\n\n   A pergunta \u00e9 a mais barata que existe e \u00e9 ela que faz o comercial chegar na\n   liga\u00e7\u00e3o sabendo se o caso \u00e9 abertura ou migra\u00e7\u00e3o. Os campos ficam vis\u00edveis\n   desde o come\u00e7o: esconder n\u00e3o deixa o formul\u00e1rio curto, deixa o formul\u00e1rio de\n   tamanho desconhecido, e o que a pessoa n\u00e3o consegue medir ela superestima.\n   ========================================================================== *\/\n\/* O bloco n\u00e3o tem cart\u00e3o, e essa \u00e9 a mudan\u00e7a que importa.\n\n   O formul\u00e1rio morava num ret\u00e2ngulo branco de canto arredondado com sombra, que\n   \u00e9 a caixa mais gen\u00e9rica que existe, e ainda por cima trazia o #FFFFFF, que n\u00e3o\n   \u00e9 nenhuma das cinco tintas do manual. Pior: a p\u00e1gina inteira \u00e9 constru\u00edda na\n   regra oposta, que est\u00e1 escrita l\u00e1 em cima, \"quase nenhum cart\u00e3o, \u00e9 a cor que\n   divide a p\u00e1gina, n\u00e3o a caixa\". O bloco de convers\u00e3o era o \u00fanico lugar onde a\n   p\u00e1gina desmentia a pr\u00f3pria regra, e por isso ele parecia colado de outro\n   projeto por mais que eu mexesse na composi\u00e7\u00e3o.\n\n   Agora a divis\u00e3o \u00e9 por filete, igual ao resto da p\u00e1gina, e as \u00fanicas\n   superf\u00edcies levantadas s\u00e3o os campos. A\u00ed a eleva\u00e7\u00e3o passa a significar uma\n   coisa s\u00f3, \"\u00e9 aqui que voc\u00ea escreve\", que \u00e9 a \u00fanica hierarquia que o bloco\n   precisa comunicar. *\/\n.conversao{\n  view-timeline-name:--forma;view-timeline-axis:block;\n  position:relative;overflow:hidden;\n}\n.conversao .faixa{position:relative;z-index:1}\n.conversao-cabeca{max-width:620px;margin-bottom:clamp(28px,3.4vw,44px)}\n.conversao .rotulo{margin-bottom:16px}\n.conversao h2{max-width:16ch;margin-bottom:14px}\n.conversao .lead{margin-bottom:0}\n\n\/* A seta desenhada da marca, apontando para o bot\u00e3o.\n\n   Aqui estava o Contag\u00eanio, e ele n\u00e3o trabalhava: era figura ao lado de um\n   formul\u00e1rio, e o que a coluna da direita precisa fazer neste ponto da p\u00e1gina \u00e9\n   levar o olho para o \u00fanico lugar que importa, que \u00e9 o envio.\n\n   O arquivo \u00e9 um grafismo de uma cor s\u00f3 com alfa, em verde escuro. Ele entra\n   como m\u00e1scara de um ret\u00e2ngulo pintado no institucional, e n\u00e3o como tag de imagem: o\n   desenho \u00e9 o mesmo, mas a tinta passa a ser vari\u00e1vel de tema em vez de estar\n   assada no arquivo. Verde escuro cheio competiria com o bot\u00e3o neon logo ao\n   lado, e o \u00fanico ponto de aten\u00e7\u00e3o do bloco \u00e9 o bot\u00e3o.\n\n   Espelhar n\u00e3o bastava. No arquivo a curva nasce em cima \u00e0 esquerda e a ponta\n   desce apontando para baixo, uns 20 graus para a direita. Espelhada, a ponta\n   continua apontando para baixo, s\u00f3 que 20 graus para a esquerda: ficava do\n   lado do bot\u00e3o indicando o rodap\u00e9. Da\u00ed a rota\u00e7\u00e3o.\n\n   A conta \u00e9 medida no arquivo, n\u00e3o no olho. A ponta est\u00e1 em 89,2% da largura e\n   90,2% da altura, o que espelhado d\u00e1 10,8% e 90,2%. Girando 45 graus no\n   sentido do rel\u00f3gio, a cabe\u00e7a passa a apontar para 245 graus, esquerda e um\n   pouco para baixo, e a ponta cai em -6,1% da largura e 50,7% da altura da\n   caixa. Ou seja: a ponta sai um pouco \u00e0 esquerda da borda da caixa, e \u00e9 por\n   isso que ela encosta no bot\u00e3o mesmo com a caixa inteira morando fora da\n   coluna do formul\u00e1rio.\n\n   Ordem do transform importa. scaleX espelha, rotate gira o j\u00e1 espelhado no\n   espa\u00e7o da tela, e translateY sobe a caixa em 50,7% da pr\u00f3pria altura para\n   que a ponta pare exatamente na metade da altura do bot\u00e3o.\n\n   Est\u00e1 ancorada no bot\u00e3o e n\u00e3o no bloco, ent\u00e3o ela continua apontando para o\n   bot\u00e3o quando o formul\u00e1rio virar shortcode e mudar de altura. *\/\n.envio-acao{position:relative}\n.seta-forma{\n  position:absolute;z-index:0;pointer-events:none;\n  left:calc(100% + clamp(10px,1.4vw,26px));\n  top:50%;\n  width:clamp(170px,19vw,260px);aspect-ratio:1;\n  background:var(--inst);\n  -webkit-mask:url(\"https:\/\/contaja.com.br\/lp\/wp-content\/uploads\/2026\/08\/seta-2.webp\") center\/contain no-repeat;\n  mask:url(\"https:\/\/contaja.com.br\/lp\/wp-content\/uploads\/2026\/08\/seta-2.webp\") center\/contain no-repeat;\n  transform:translateY(-50.7%) rotate(45deg) scaleX(-1);\n}\n\/* Abaixo disso n\u00e3o existe corredor \u00e0 direita do formul\u00e1rio para ela morar. *\/\n@media (max-width:1080px){ .seta-forma{display:none} }\n\n\/* --- O formul\u00e1rio --------------------------------------------------------\n   Uma coluna s\u00f3, na largura de leitura, dividida em tr\u00eas faixas por filete:\n   a pergunta, os campos, o pedido.\n\n   A largura de 660 \u00e9 o que garante o corredor: a faixa mede 1104 de conte\u00fado e\n   o mascote ocupa 360 na ponta direita, ent\u00e3o sobram 80 de folga entre um e\n   outro sem precisar de padding nenhum na faixa. *\/\n.formulario{max-width:660px;position:relative;z-index:1}\n.forma-bloco{padding-block:clamp(22px,2.6vw,32px);border-top:1px solid var(--filete-claro)}\n.forma-bloco:last-of-type{border-bottom:1px solid var(--filete-claro)}\n\nfieldset{border:0;padding:0;margin:0}\nlegend{font-family:var(--display);font-weight:700;font-size:22px;line-height:1.1;\n  margin-bottom:14px;padding:0}\n\n\/* A pergunta que separa abertura de migra\u00e7\u00e3o. As duas p\u00edlulas ocupam a largura\n   toda em vez de ficarem do tamanho da palavra: alvo maior \u00e9 clicado mais.\n\n   Nenhuma vem marcada de prop\u00f3sito. Op\u00e7\u00e3o pr\u00e9-marcada leva de 60 a 80 por cento\n   das escolhas e \u00e9 a alavanca mais barata que existe, mas aqui a escolha n\u00e3o \u00e9\n   prefer\u00eancia, \u00e9 dado de roteamento: pr\u00e9-marcar entrega o lead errado para o\n   comercial e estraga a informa\u00e7\u00e3o que o campo existe para coletar. *\/\n.pilulas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}\n.pilula{position:relative}\n.pilula input{position:absolute;inset:0;opacity:0;cursor:pointer;margin:0}\n.pilula span{\n  display:block;padding:16px 20px;border-radius:var(--raio-btn);text-align:center;\n  background:#FFFFFF;color:var(--escuro);font-weight:600;line-height:1.25;\n  box-shadow:inset 0 0 0 1.5px rgb(2 38 1 \/ .55);\n  transition:box-shadow var(--dur) var(--curva),background-color var(--dur) var(--curva);\n}\n.pilula input:checked + span{background:var(--neon);\n  box-shadow:inset 0 0 0 2px var(--escuro);font-weight:700}\n.pilula input:focus-visible + span{outline:3px solid var(--inst-texto);outline-offset:3px}\n@media (hover:hover) and (pointer:fine){\n  .pilula input:not(:checked):hover + span{box-shadow:inset 0 0 0 2px var(--inst-texto)}\n}\n@media (max-width:460px){ .pilulas{grid-template-columns:1fr} }\n\n\/* Nome e WhatsApp lado a lado, e-mail na largura toda. Tr\u00eas campos empilhados\n   viram uma parede de tr\u00eas ret\u00e2ngulos e o formul\u00e1rio parece longo mesmo tendo\n   tr\u00eas campos. Em duas colunas ele ocupa duas linhas e parece o que \u00e9. *\/\n.campos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));\n  gap:clamp(14px,1.8vw,22px)}\n.campo{display:flex;flex-direction:column;gap:8px}\n.campo--largo{grid-column:1 \/ -1}\n.campo label{font-weight:600;font-size:15px}\n\/* O contorno era --borda sobre branco, que mede 1,35: campo com cara de\n   desabilitado. Agora \u00e9 tinta escura a 55%, que d\u00e1 3,95 e cumpre o m\u00ednimo de 3\n   para contorno de controle. *\/\n.campo input{\n  font-family:var(--texto);font-size:16px;color:var(--escuro);\n  background:#FFFFFF;border:0;border-radius:var(--raio);padding:15px 18px;\n  box-shadow:inset 0 0 0 1.5px rgb(2 38 1 \/ .55);\n  transition:box-shadow var(--dur) var(--curva);\n}\n.campo input:focus{outline:0;box-shadow:inset 0 0 0 2px var(--inst-texto)}\n.campo input:focus-visible{outline:3px solid var(--inst-texto);outline-offset:2px}\n.ajuda{font-size:13px;color:var(--tinta-clara)}\n\n\/* Erro nativo, sem script. :user-invalid s\u00f3 dispara depois que a pessoa mexeu\n   no campo, ent\u00e3o ningu\u00e9m v\u00ea vermelho antes de errar. E o vermelho do manual s\u00f3\n   se l\u00ea em fundo claro, que \u00e9 mais uma raz\u00e3o para o formul\u00e1rio viver no papel e\n   n\u00e3o num campo escuro. *\/\n.campo:has(input:user-invalid) input{box-shadow:inset 0 0 0 2px var(--erro)}\n.erro{display:none;font-size:13px;color:var(--erro);font-weight:600}\n.campo:has(input:user-invalid) .erro{display:block}\n@media (max-width:560px){ .campos{grid-template-columns:1fr} }\n\n\/* --- O pedido -------------------------------------------------------------\n   Rosto de gente de verdade encostado no bot\u00e3o. \u00c9 o ponto da p\u00e1gina em que a\n   d\u00favida \u00e9 mais cara, porque a pessoa est\u00e1 prestes a entregar o n\u00famero dela, e\n   a pergunta que a cabe\u00e7a faz na hora de clicar \u00e9 \"quem vai falar comigo\". *\/\n.quem-responde{display:flex;align-items:center;gap:16px;flex-wrap:wrap;\n  margin-bottom:clamp(20px,2.4vw,28px)}\n.quem-responde p{font-size:14px;line-height:1.5;color:var(--tinta-clara);max-width:34ch}\n.quem-responde b{color:var(--escuro);font-weight:700}\n\/* A fila de rostos. Ela nasceu na prova social, em fundo escuro, e a base morava\n   l\u00e1. A prova trocou os avatares por v\u00eddeo em 13\/08\/2026 e este virou o \u00fanico\n   lugar que usa a fila, ent\u00e3o a base desceu junto: regra base de um componente\n   fica onde o componente est\u00e1.\n\n   O que era override de papel continua override, porque a diferen\u00e7a \u00e9 real. O\n   anel \u00e9 da cor do papel, e n\u00e3o do verde escuro, sen\u00e3o cada rosto ganha um\n   contorno verde que n\u00e3o existe em volta de mais nada neste bloco.\n\n   O sobreposto de -14 e n\u00e3o de -16, e o c\u00edrculo de 44 e n\u00e3o de 56, porque aqui\n   a fila \u00e9 apoio de uma linha de 14 pixels ao lado do bot\u00e3o, e n\u00e3o o objeto\n   principal de uma coluna. *\/\n.rostos{display:flex;margin-top:0}\n.rostos i{display:block;position:relative;flex:none;\n  width:44px;height:44px;border-radius:50%;overflow:hidden;\n  background:#E9E5D8;box-shadow:0 0 0 3px var(--papel)}\n.rostos i + i{margin-left:-14px}\n\/* Os quatro retratos v\u00eam de pessoas\/colaboradores\/, que \u00e9 o ensaio de est\u00fadio\n   do time, e o preparar_assets.py recorta no rosto e entrega 200x200. Aqui s\u00f3\n   resta cobrir o c\u00edrculo. *\/\n.rostos img{width:100%;height:100%;object-fit:cover}\n\n.envio{position:relative}\n.envio .botao{width:100%}\n\/* O r\u00f3tulo do envio \u00e9 o mais longo da p\u00e1gina, e .botao \u00e9 nowrap por padr\u00e3o para\n   os bot\u00f5es de navega\u00e7\u00e3o n\u00e3o quebrarem. Num celular estreito esse aqui precisa\n   quebrar, sen\u00e3o ele estoura a faixa. *\/\n@media (max-width:420px){\n  .envio .botao{white-space:normal;text-align:center;line-height:1.2}\n}\n\/* Uma linha s\u00f3, e ela responde as tr\u00eas perguntas que a cabe\u00e7a faz antes de\n   clicar: quanto tempo leva, o que custa e o que acontece com o que eu deixei. *\/\n.envio .gatilho{margin-top:14px}\n\n\/* --- Quando isto virar shortcode do Mautic -------------------------------\n   O Mautic gera a marca\u00e7\u00e3o dele e ignora a nossa: .mauticform_wrapper por fora,\n   .mauticform-row por campo, .mauticform-label, .mauticform-input,\n   .mauticform-button. Os seletores abaixo repetem o desenho nas classes dele,\n   ent\u00e3o o bloco continua igual no dia da troca em vez de voltar ao formul\u00e1rio\n   cru do plugin.\n\n   O que n\u00e3o d\u00e1 para resolver aqui: a pergunta \"hoje voc\u00ea tem contador?\", que s\u00f3\n   faz sentido para quem j\u00e1 tem CNPJ. No destino ela \u00e9 campo condicional do\n   Mautic, que \u00e9 onde essa l\u00f3gica passa a morar. *\/\n.formulario .mauticform-row{margin-bottom:18px}\n.formulario .mauticform-label{display:block;margin-bottom:8px;\n  font-weight:600;font-size:15px;color:var(--escuro)}\n.formulario .mauticform-input,\n.formulario .mauticform-selectbox{\n  width:100%;font-family:var(--texto);font-size:16px;color:var(--escuro);\n  background:#FFFFFF;border:0;border-radius:var(--raio);padding:15px 18px;\n  box-shadow:inset 0 0 0 1.5px rgb(2 38 1 \/ .55);\n}\n.formulario .mauticform-input:focus{outline:0;box-shadow:inset 0 0 0 2px var(--inst-texto)}\n.formulario .mauticform-helpmessage{font-size:13px;color:var(--tinta-clara)}\n.formulario .mauticform-errormsg{font-size:13px;color:var(--erro);font-weight:600}\n.formulario .mauticform-button{\n  display:inline-flex;align-items:center;justify-content:center;width:100%;\n  background:var(--neon);color:var(--escuro);\n  font-family:var(--texto);font-size:16px;font-weight:700;line-height:1;\n  padding:18px 26px;border:0;border-radius:var(--raio-btn);cursor:pointer;\n}\n.formulario .mauticform-button:focus-visible{outline:3px solid currentColor;outline-offset:3px}\n\n\/* ============================================================================\n   06. D\u00favidas e o \u00faltimo pedido. Acorde\u00e3o em <details>, que j\u00e1 \u00e9 acess\u00edvel por\n   teclado sem JavaScript nenhum. Quatro perguntas: as que travam a decis\u00e3o.\n   ========================================================================== *\/\n\/* O t\u00edtulo era sticky, para responder \"de que se\u00e7\u00e3o \u00e9 isto\" depois de tr\u00eas\n   respostas abertas. Custava caro demais: preso a 104 do topo da janela, ele\n   parava numa altura qualquer em rela\u00e7\u00e3o \u00e0 lista, e o encontro do H2 com a\n   primeira pergunta ca\u00eda em lugar diferente a cada rolagem. Na pr\u00e1tica lia como\n   duas colunas desalinhadas, e n\u00e3o como uma coluna parada.\n\n   Agora as duas come\u00e7am juntas, e \u00e9 o padding que faz o encontro: a primeira\n   pergunta tem 22 de respiro abaixo do filete, ent\u00e3o o t\u00edtulo ganha os mesmos\n   22 e a primeira linha dele nasce na linha da primeira pergunta. Alinhar pelo\n   filete em vez de pelo texto deixava o t\u00edtulo 22 acima de tudo. *\/\n.duvidas-grade{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);\n  gap:clamp(24px,5vw,72px);align-items:start;position:relative;z-index:1}\n\/* A coluna da esquerda era um t\u00edtulo de duas linhas e mais nada, e sobrava meia\n   tela de verde escuro embaixo dele. A frase de apoio n\u00e3o \u00e9 enfeite: ela diz de\n   onde vieram as quatro perguntas e o que fazer com a quinta, que \u00e9 a pergunta\n   que a pessoa tem e n\u00e3o est\u00e1 na lista. *\/\n.duvidas-cabeca{padding-top:22px}\n.duvidas-cabeca h2{max-width:14ch;margin-bottom:18px}\n\/* Sem max-width: a coluna j\u00e1 \u00e9 estreita, e limitar de novo em ch deixava a\n   linha com 218px dentro de um campo de 344px e o par\u00e1grafo virava uma tira. *\/\n.duvidas-cabeca p{font-size:15px;line-height:1.6}\n.duvidas-lista{max-width:var(--leitura)}\n@media (max-width:900px){\n  .duvidas-grade{grid-template-columns:1fr;gap:28px}\n  \/* Empilhado n\u00e3o existe encontro de linha para alinhar, e o respiro extra\n     s\u00f3 afasta o t\u00edtulo do bloco anterior. *\/\n  .duvidas-cabeca{padding-top:0}\n  .duvidas-cabeca h2{max-width:20ch}\n}\ndetails{border-top:1px solid var(--filete-escuro)}\ndetails:last-of-type{border-bottom:1px solid var(--filete-escuro)}\nsummary{\n  list-style:none;cursor:pointer;\n  display:flex;align-items:flex-start;justify-content:space-between;gap:20px;\n  padding-block:22px;\n  font-family:var(--display);font-weight:700;\n  font-size:clamp(19px,1.9vw,25px);line-height:1.2;letter-spacing:0;\n}\nsummary::-webkit-details-marker{display:none}\nsummary:focus-visible{outline:3px solid var(--neon);outline-offset:3px;border-radius:8px}\n\/* A pergunta virou H3 por SEO, e o desenho n\u00e3o muda por causa disso: font\n   herdado do pr\u00f3prio summary, que j\u00e1 carrega a Coolvetica e a escala da\n   pergunta. Sem isto o h3 da folha entra com 25 fixo e mata o clamp. *\/\nsummary h3{font:inherit;margin:0;letter-spacing:inherit}\n\n\/* Link dentro da resposta. Um por resposta, na palavra que j\u00e1 \u00e9 o assunto do\n   artigo, e por isso discreto: sublinhado em neon a meia for\u00e7a, no corpo do\n   texto e n\u00e3o em bot\u00e3o. Link que parece bot\u00e3o dentro de um acorde\u00e3o compete com\n   o \u00faltimo pedido, que est\u00e1 a um rolar de dist\u00e2ncia. *\/\ndetails a{color:var(--papel);text-decoration:underline;\n  text-decoration-color:rgb(132 191 4 \/ .55);text-decoration-thickness:1px;\n  text-underline-offset:3px;transition:text-decoration-color var(--dur) var(--curva)}\n@media (hover:hover){ details a:hover{text-decoration-color:var(--neon)} }\ndetails a:focus-visible{outline:3px solid var(--neon);outline-offset:2px;border-radius:4px}\n.mais{\n  flex:none;position:relative;width:20px;height:20px;margin-top:7px;\n  transition:transform var(--dur) var(--curva);\n}\n.mais::before,.mais::after{\n  content:\"\";position:absolute;inset:50% 0 auto;height:2px;background:var(--neon);\n  transform:translateY(-50%);\n}\n.mais::after{inset:0 auto 0 50%;width:2px;height:100%;transform:translateX(-50%)}\ndetails[open] .mais{transform:rotate(45deg)}\ndetails p{padding-bottom:24px;max-width:62ch;color:var(--tinta-escura)}\ndetails p + p{margin-top:12px}\n\n\/* O \u00faltimo pedido \u00e9 uma faixa, e n\u00e3o uma coluna. Empilhado \u00e0 esquerda ele\n   deixava mais da metade da largura em verde escuro vazio logo antes do rodap\u00e9,\n   que \u00e9 o pior lugar da p\u00e1gina para parecer que o assunto acabou. Argumento de\n   um lado, bot\u00e3o do outro, os dois no mesmo eixo. *\/\n.fechamento{\n  margin-top:clamp(48px,6vw,80px);padding-top:clamp(40px,5vw,64px);\n  border-top:1px solid var(--filete-escuro);position:relative;z-index:1;\n  display:grid;grid-template-columns:minmax(0,1fr) auto;\n  gap:clamp(24px,4vw,60px);align-items:center;\n}\n.fechamento h2{max-width:22ch;margin-bottom:14px}\n.fechamento p{max-width:52ch}\n@media (max-width:820px){\n  .fechamento{grid-template-columns:1fr;gap:28px;justify-items:start}\n}\n\n\/* ============================================================================\n   07. Leituras. Tr\u00eas conte\u00fados do blog, para quem n\u00e3o vai decidir hoje.\n\n   Vem depois do \u00faltimo pedido e nunca antes: link para fora colocado no meio da\n   p\u00e1gina \u00e9 uma porta de sa\u00edda no lugar onde se pede a convers\u00e3o. Aqui embaixo\n   ele deixa de ser fuga e passa a ser a segunda melhor coisa que a pessoa pode\n   fazer, que \u00e9 ler e voltar.\n\n   Volta ao papel de prop\u00f3sito. D\u00favidas \u00e9 verde escuro e o rodap\u00e9 \u00e9 verde\n   escuro: sem esta faixa clara no meio, os dois viravam um bloco s\u00f3 de 1200\n   pixels de altura, e o ritmo de cor da p\u00e1gina terminava em nada.\n\n   Hierarquia: a primeira leitura pesa mais que as outras tr\u00eas, e a escolhida \u00e9\n   a que responde a pergunta larga sem pressupor nada, \"qual CNAE de dev e\n   profissional de TI escolher\". Card grande define assunto, e a primeira\n   d\u00favida de quem vive de tecnologia e vai virar PJ \u00e9 literalmente essa. P\u00f4r no\n   lugar dela a reforma tribut\u00e1ria ou a exporta\u00e7\u00e3o de servi\u00e7o faria a p\u00e1gina\n   parecer ser sobre um detalhe da tributa\u00e7\u00e3o. As tr\u00eas seguintes acompanham a\n   frase de apoio: contabilidade e tributa\u00e7\u00e3o.\n\n   Sem cart\u00e3o, porque o resto da p\u00e1gina n\u00e3o tem cart\u00e3o: imagem, t\u00edtulo e um\n   pedido de leitura. O que separa uma leitura da outra \u00e9 filete. ----------- *\/\n.leituras{padding-block:clamp(52px,6.4vw,88px)}\n.leituras-cabeca{margin-bottom:clamp(28px,3.4vw,44px)}\n.leituras-cabeca h2{font-size:clamp(28px,3.2vw,42px);max-width:22ch;margin-bottom:14px}\n.leituras-grade{\n  display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);\n  gap:clamp(26px,3.6vw,52px);align-items:start;\n}\n\n.leitura{display:block;text-decoration:none;color:inherit}\n.leitura img{width:100%;object-fit:cover;border-radius:var(--raio-lg)}\n.leitura h3{margin-top:16px}\n\/* \"Ler no blog\" em Raleway e no institucional de texto: \u00e9 r\u00f3tulo de a\u00e7\u00e3o, n\u00e3o\n   bot\u00e3o. Bot\u00e3o nesta faixa competiria com o do \u00faltimo pedido, que est\u00e1 a um\n   rolar de dist\u00e2ncia. *\/\n.ler{display:inline-flex;align-items:center;gap:8px;margin-top:10px;\n  font-family:var(--texto);font-size:14px;font-weight:700;color:var(--inst-texto)}\n.ler svg{width:16px;height:16px;fill:currentColor;\n  transition:transform var(--dur) var(--curva)}\n\n.leitura--principal img{aspect-ratio:16\/10}\n.leitura--principal h3{font-size:clamp(23px,2.4vw,31px)}\n\n\/* As duas menores s\u00e3o miniatura \u00e0 esquerda e t\u00edtulo \u00e0 direita. O grid \u00e9\n   expl\u00edcito por causa de um erro que j\u00e1 aconteceu na v3: em fluxo autom\u00e1tico a\n   imagem come a primeira c\u00e9lula, o t\u00edtulo vai para a segunda e o \"ler no blog\"\n   cai sozinho na linha de baixo, embaixo da imagem. *\/\n.leitura--menor{\n  display:grid;grid-template-columns:150px minmax(0,1fr);\n  grid-template-rows:auto auto;column-gap:18px;\n  padding-block:20px;border-top:1px solid var(--filete-claro);\n}\n.leitura--menor:last-of-type{border-bottom:1px solid var(--filete-claro)}\n.leitura--menor img{grid-area:1 \/ 1 \/ 3 \/ 2;align-self:center;\n  aspect-ratio:16\/10;border-radius:var(--raio)}\n.leitura--menor h3{grid-area:1 \/ 2 \/ 2 \/ 3;align-self:end;\n  margin-top:0;font-size:19px;line-height:1.15}\n.leitura--menor .ler{grid-area:2 \/ 2 \/ 3 \/ 3;align-self:start}\n\n@media (hover:hover){\n  .leitura:hover h3{text-decoration:underline;text-decoration-color:var(--neon);\n    text-decoration-thickness:2px;text-underline-offset:3px}\n  .leitura:hover .ler svg{transform:translateX(4px)}\n}\n.leitura:focus-visible{outline:3px solid var(--neon);outline-offset:6px;\n  border-radius:var(--raio)}\n\n@media (max-width:900px){\n  .leituras-grade{grid-template-columns:1fr;gap:8px}\n  .leitura--principal{margin-bottom:18px}\n  \/* Empilhado, a linha da leitura menor passa a medir a faixa inteira, e a\n     miniatura de 150 fixos fica perdida nela: num tablet sobrava meia largura\n     de papel branco \u00e0 direita de um t\u00edtulo de uma linha. A miniatura passa a\n     crescer com a linha, e o t\u00edtulo sobe dois pontos para ocupar o que ganhou. *\/\n  .leitura--menor{grid-template-columns:minmax(0,26%) minmax(0,1fr);column-gap:22px}\n  .leitura--menor h3{font-size:21px}\n}\n\/* Abaixo disto a miniatura de 150 deixa o t\u00edtulo em duas palavras por linha. *\/\n@media (max-width:560px){\n  .leitura--menor{grid-template-columns:112px minmax(0,1fr);column-gap:14px}\n  .leitura--menor h3{font-size:17px}\n}\n\n\/* ============================================================================\n   08. Rodap\u00e9. Abaixo do \u00faltimo pedido, ent\u00e3o aqui link para fora \u00e9 permitido.\n   ========================================================================== *\/\n.rodape{background:var(--escuro);color:var(--tinta-escura);\n  padding-block:clamp(40px,4.6vw,66px);box-shadow:inset 0 1px 0 var(--filete-escuro)}\n\n\/* A linha de cima \u00e9 um lockup s\u00f3: a marca de um lado, o atendimento numa\n   frase do outro, os dois centrados na vertical entre si. As vers\u00f5es em\n   coluna com r\u00f3tulo morreram em 19\/08, todas pelo mesmo defeito: qualquer\n   bloco de v\u00e1rias linhas pendurado numa ponta deixa a outra ponta com um mar\n   de verde, e rodap\u00e9 desta p\u00e1gina tem pouco conte\u00fado para sustentar coluna.\n   O atendimento como frase \u00fanica tem a altura da marca, e a\u00ed o space-between\n   l\u00ea como composi\u00e7\u00e3o, n\u00e3o como dois \u00f3rf\u00e3os. *\/\n.rodape-grade{display:grid;\n  grid-template-columns:repeat(2,auto);\n  justify-content:space-between;\n  gap:clamp(28px,4vw,60px);align-items:center}\n\/* O registro \u00e9 uma faixa de letra mi\u00fada na horizontal, acima do p\u00e9, e n\u00e3o uma\n   coluna. Como coluna ele tinha sete linhas depois que os respons\u00e1veis\n   t\u00e9cnicos entraram, e qualquer vizinho dela sobrava vazio do tamanho da\n   diferen\u00e7a: ao lado da marca, embaixo da marca, as duas composi\u00e7\u00f5es foram\n   testadas e recusadas em 19\/08. Correndo na horizontal ele tem a altura de\n   uma linha e meia, que \u00e9 o peso que informa\u00e7\u00e3o jur\u00eddica deve ter num rodap\u00e9.\n   Quem separa os tr\u00eas grupos \u00e9 o gap, mesma regra do nav do p\u00e9: ponto mediano\n   \u00e9 caractere proibido no projeto. A faixa herda o filete que era do p\u00e9, e o\n   p\u00e9 encosta nela sem filete pr\u00f3prio, sen\u00e3o viravam duas linhas empilhadas. *\/\n.rodape-registro{\n  margin-top:clamp(30px,3.4vw,46px);padding-top:clamp(20px,2.4vw,30px);\n  border-top:1px solid var(--filete-escuro);\n  display:flex;flex-wrap:wrap;gap:6px 32px;\n  font-size:13px;line-height:1.6;\n}\n\/* Os tamanhos da marca cresceram em duas rodadas na revis\u00e3o de 13\/08\/2026: o\n   logotipo de 30 para 40 e depois para 48, o selo de 42 para 54 e depois\n   para 64. Ficam em n\u00famero fixo porque quem se ajusta \u00e9 a coluna, que mede o\n   conte\u00fado. S\u00f3 o celular estreito tem clamp, e por outro motivo, que est\u00e1 no\n   bloco de 860 l\u00e1 embaixo.\n\n   A opacidade de 80% do selo saiu. \u00c9 logotipo, e o manual n\u00e3o aceita marca\n   rebaixada; o que separa o selo do logotipo principal \u00e9 o tamanho. *\/\n.rodape-marca{--selo:64px;\n  display:flex;align-items:center;gap:20px}\n.rodape-marca img:first-child{height:48px;width:auto}\n.rodape-selo{height:var(--selo);width:auto}\n\/* Alinhada pela direita porque encosta na borda direita da faixa: com a borda\n   reta e a rebarba para dentro, as duas linhas fecham com o filete e com o\n   nav do p\u00e9, que terminam no mesmo lugar. *\/\n\/* Sem teto de largura: quem decide as duas linhas \u00e9 o <br> do markup, e um\n   max-width de coluna quebrava a primeira no meio do hor\u00e1rio. *\/\n.rodape-atendimento{font-size:13.5px;line-height:1.7;text-align:right}\n\n\/* O p\u00e9. \u00c9 aqui, e s\u00f3 aqui, que a p\u00e1gina aponta para fora: est\u00e1 abaixo do\n   \u00faltimo pedido, ent\u00e3o link deixou de ser fuga. *\/\n.rodape-pe{\n  margin-top:16px;\n  display:flex;flex-wrap:wrap;gap:10px 30px;align-items:center;\n  justify-content:space-between;font-size:13px;\n}\n.rodape-pe nav{display:flex;flex-wrap:wrap;gap:10px 26px}\n.rodape-pe a{color:var(--papel);text-decoration:none;\n  border-bottom:1px solid var(--filete-escuro)}\n.rodape-pe a:focus-visible{outline:3px solid var(--neon);outline-offset:3px;border-radius:4px}\n@media (hover:hover){ .rodape-pe a:hover{color:var(--neon);border-color:var(--neon)} }\n\n@media (max-width:860px){\n  .rodape-grade{grid-template-columns:1fr;gap:30px}\n  .rodape-pe{justify-content:flex-start}\n  \/* Empilhado a marca tem a linha inteira, e ainda assim o tamanho cheio soma\n     342 contra os 320 de uma tela de 360: n\u00e3o cabe. Os vw entram s\u00f3 a\u00ed, e a\n     partir de 470 as duas voltam ao tamanho fixo do desktop. *\/\n  .rodape-marca{--selo:clamp(40px,13.6vw,64px)}\n  .rodape-marca img:first-child{height:clamp(30px,10.2vw,48px)}\n  \/* Empilhado, o atendimento volta para a esquerda: alinhado \u00e0 direita ele\n     descolava da marca logo acima. *\/\n  .rodape-atendimento{text-align:left}\n}\n\n\/* ============================================================================\n   Barra fixa do celular. Barra no rodap\u00e9 sobe a taxa de contato em mais de 2x.\n   Ela recolhe quando o formul\u00e1rio entra na tela, para n\u00e3o cobrir o pr\u00f3prio\n   formul\u00e1rio, e a visibilidade some junto com a opacidade, porque barra\n   transparente continua recebendo o toque.\n   ========================================================================== *\/\n.barra{display:none}\n@media (max-width:900px){\n  .barra{\n    display:block;position:fixed;left:0;right:0;bottom:0;z-index:var(--z-barra);\n    background:var(--papel);padding:12px clamp(16px,4vw,24px);\n    padding-bottom:calc(12px + env(safe-area-inset-bottom));\n    box-shadow:0 -8px 24px -12px rgb(2 38 1 \/ .35);\n  }\n  .barra .botao{width:100%}\n  body{padding-bottom:96px}\n}\n@supports (animation-timeline:view()){\n  :root{timeline-scope:--forma}\n  @media (max-width:900px) and (prefers-reduced-motion:no-preference){\n    .barra{\n      animation:recolhe linear both;\n      animation-timeline:--forma;\n      animation-range:entry 0% entry 30%;\n    }\n    @keyframes recolhe{\n      from{opacity:1;visibility:visible;transform:translateY(0)}\n      to{opacity:0;visibility:hidden;transform:translateY(100%)}\n    }\n  }\n}\n\n\/* ============================================================================\n   Movimento. Uma revela\u00e7\u00e3o s\u00f3, ao rolar, em opacidade e deslocamento curto.\n   Ela existe para conduzir a leitura na ordem em que o argumento foi escrito,\n   n\u00e3o para enfeitar. Quem pediu menos anima\u00e7\u00e3o ao sistema recebe a p\u00e1gina\n   inteira parada.\n   ========================================================================== *\/\n@media (prefers-reduced-motion:no-preference){\n  @supports (animation-timeline:view()){\n    .revela{\n      animation:sobe linear both;\n      animation-timeline:view();\n      animation-range:entry 4% cover 22%;\n    }\n    @keyframes sobe{\n      from{opacity:0;transform:translateY(20px)}\n      to{opacity:1;transform:none}\n    }\n  }\n}\n\n\/* As duas escolhas que entraram no lugar do formul\u00e1rio. S\u00e3o as mesmas duas\n   p\u00edlulas que ele tinha, \"quero abrir minha empresa\" e \"j\u00e1 tenho CNPJ\", que \u00e9 a\n   bifurca\u00e7\u00e3o que os dois carrinhos do checkout cobrem. S\u00f3 posicionamento aqui:\n   cor, tipografia e altura continuam vindo do .botao.\n\n   Largura igual nos dois de prop\u00f3sito. Com a largura do texto, um sa\u00eda bem maior\n   que o outro e a dupla lia como duas coisas diferentes, n\u00e3o como uma escolha\n   entre duas portas do mesmo tamanho. O min() deixa o celular estreito cair para\n   uma coluna sem media query.\n\n   O flex-basis \u00e9 0, e n\u00e3o auto: com auto cada bot\u00e3o parte da largura do pr\u00f3prio\n   texto e eles crescem desiguais, medido em 595 e 495 pixels. O teto de 360px\n   existe porque a faixa \u00e9 larga: sem ele a dupla virava duas lajes de meia tela\n   para um r\u00f3tulo de tr\u00eas palavras. *\/\n.escolhas{display:flex;flex-wrap:wrap;gap:14px}\n.escolhas .botao{flex:1 1 0;min-width:min(100%,272px);max-width:360px;\n  justify-content:space-between}\n\n\/* Este bloco nasceu dentro do formul\u00e1rio, acima do bot\u00e3o de envio, e por isso a\n   folha s\u00f3 lhe dava margem embaixo. Sem o formul\u00e1rio ele virou o \u00faltimo elemento\n   da se\u00e7\u00e3o: sem margem em cima, os rostos encostavam nos bot\u00f5es e a prova lia\n   como legenda do bot\u00e3o da esquerda, e n\u00e3o como prova da se\u00e7\u00e3o.\n\n   A medida do par\u00e1grafo subiu de 34ch para 42ch pelo mesmo motivo: em 34ch a\n   frase quebrava em duas linhas curtas coladas nos rostos. *\/\n.conversao .quem-responde{margin-top:clamp(24px,2.8vw,32px);margin-bottom:0}\n.conversao .quem-responde p{max-width:42ch}\n\n\/* Os quatro n\u00fameros da prova r\u00e1pida entram um a um quando a faixa aparece.\n\n   N\u00e3o \u00e9 anima\u00e7\u00e3o de rolagem, e a tentativa anterior explica por qu\u00ea: esta faixa\n   fica logo abaixo do her\u00f3i, ent\u00e3o com animation-timeline ela ou j\u00e1 terminava\n   antes de a pessoa rolar, com o intervalo entry, ou n\u00e3o completava nunca, com o\n   intervalo cover. Medido nos dois casos. Um elemento que nasce quase vis\u00edvel n\u00e3o\n   tem travessia de tela para amarrar a anima\u00e7\u00e3o.\n\n   Aqui o disparo \u00e9 uma vez s\u00f3, quando a faixa aparece pela primeira vez, e a\n   escada sai por animation-delay, que anima\u00e7\u00e3o de tempo aceita e a de rolagem\n   n\u00e3o. A classe .anima entra pelo script: sem JavaScript, nada fica escondido. *\/\n@keyframes sobe-numero{\n  from{opacity:0;transform:translateY(22px)}\n  to{opacity:1;transform:none}\n}\n.prova-rapida.anima .prova-item{opacity:0}\n.prova-rapida.anima.entrou .prova-item{\n  animation:sobe-numero .9s cubic-bezier(.2,.7,.2,1) both;\n}\n\/* Degrau de 80ms entre itens. Era 160, e a segunda metade da escada terminava\n   meio segundo depois da primeira: escada longa n\u00e3o l\u00ea como sequ\u00eancia, l\u00ea como\n   p\u00e1gina lenta. Acima de 80ms o olho para de agrupar os quatro num gesto s\u00f3. *\/\n.prova-rapida.anima.entrou .prova-item:nth-child(2){animation-delay:.08s}\n.prova-rapida.anima.entrou .prova-item:nth-child(3){animation-delay:.16s}\n.prova-rapida.anima.entrou .prova-item:nth-child(4){animation-delay:.24s}\n@media (prefers-reduced-motion:reduce){\n  .prova-rapida.anima .prova-item{opacity:1;animation:none}\n}\n\n\/* Acrescentado por scripts\/wp_publicar.py. O site bloqueia SVG na midia, entao\n   os tres logotipos entram embutidos no markup e deixam de ser <img>. Estas\n   regras repetem, para <svg>, o que a folha da pagina diz para a tag img, com\n   os MESMOS valores: mudou o tamanho la, muda aqui junto. Ja custou uma rodada,\n   os valores daqui ficaram dois designs para tras e o logotipo publicou menor\n   que o aprovado.\n\n   O logotipo do topo nao e filho direto de .topo, e sim da .faixa dentro dela.\n   A regra original era \".topo img\", descendente, e a primeira versao disto usou\n   \".topo > svg\", que nao casava: o logotipo subiu para 48 de altura. O caminho\n   tem de ser explicito, porque \".topo svg\" pegaria a seta dentro do botao.\n\n   O selo nao precisa de regra propria: o embutido carrega a classe\n   .rodape-selo, e a folha da pagina ja mira a classe, nao a tag. A versao\n   anterior daqui o sobrescrevia com 42px e opacity .8, que e o design velho, o\n   manual nao aceita mais marca rebaixada. *\/\n.topo .faixa > svg{height:clamp(40px,3.4vw,46px);width:auto;flex:none}\n.rodape-marca > svg:first-child{height:48px;width:auto}\n@media (max-width:860px){\n  .rodape-marca > svg:first-child{height:clamp(30px,10.2vw,48px)}\n}\n\n\/* Acrescentado por scripts\/wp_publicar.py.\n\n   A pagina roda dentro do conteudo do post, entao a folha do GeneratePress\n   carrega antes e vale para tudo que a pagina nao declara. Onde a v4 confiava no\n   padrao do navegador, o tema entra no lugar. Estas regras devolvem o padrao, e\n   cada uma cita a do tema que ela responde. Conferir depois de atualizar o tema.\n\n   Ordem e especificidade: este <style> esta no corpo do documento, depois do\n   <link> do tema, entao empate de especificidade resolve a favor daqui. So o\n   legend precisou de dois niveis, porque a regra do tema e \"fieldset legend\". *\/\n\n\/* tema: blockquote{border-left:5px solid rgba(0,0,0,.05);padding:20px;\n   font-size:1.2em;font-style:italic;margin:0 0 1.5em}\n   A .fala blockquote da v4 declara familia, peso, corpo, entrelinha, cor e\n   medida, e nao declara estas tres: o depoimento aparecia em italico, com 20 de\n   padding e um filete cinza a esquerda que nao existe no desenho. *\/\nblockquote{font-style:normal;padding:0;border:0}\n\n\/* tema: fieldset legend{padding:0;margin-bottom:1.5em}\n   Dois niveis de especificidade contra o legend simples da v4, que pede 14. *\/\nfieldset legend{margin-bottom:14px}\n\n\/* tema: cite,dfn,em,i{font-style:italic}\n   O <i> da v4 e a caixa do icone dentro do botao, nunca enfase. *\/\n.botao i,.ler i{font-style:normal}\n\n\/* tema: ol,ul{margin:0 0 1.5em 3em} e ul{list-style:disc}\n   Nada a fazer aqui, e a tentativa de fazer algo custou caro. Existiu por uma\n   versao uma regra \".faixa ul,.faixa ol{margin:0;padding:0}\", posta por\n   precaucao. Ela tem especificidade 0,1,1 e passou na frente de .recortes,\n   .agregados e .pilares, que sao 0,1,0: os tres perderam o margin-top e o\n   padding-top que abrem o respiro acima do filete, e os depoimentos colaram no\n   nome de quem falou. Precaucao com especificidade alta nao e precaucao.\n\n   O que o tema faz aqui a v4 ja resolve: p,ul,ol,figure,blockquote{margin:0}\n   empata com \"ol,ul\" do tema e vence por vir depois, e o marcador sai por classe\n   em cada lista. Todas as listas da pagina tem classe, conferido no markup. *\/\n\n\/* tema: body,button,input,select,textarea{font-family:Open Sans;font-size:15px}\n   Os controles da v4 tem classe e ja vencem. Um controle sem classe, nao. *\/\nbutton,input,select,textarea{font-family:inherit}\n\n\/* O tema declara line-height e max-width no campo, e a v4 nao declarava nenhum\n   dos dois: o input subia de 49 para 54 de altura no destino. *\/\n.campo input{line-height:normal;max-width:none}\n\n\/* A cor herdada era o pior deles, porque nao aparece como erro, aparece como\n   \"meio diferente\". O body recebe var(--escuro) da v4 e ganha, mas o\n   #page.site.grid-container do GeneratePress declara color:#000 abaixo dele, e\n   dali para baixo tudo que herda vira preto puro em vez do verde escuro da\n   marca: H1, a faixa do topo e todo texto sem cor propria.\n\n   .entry-content e o embrulho mais interno do tema que contem a pagina, e\n   reafirmar a cor nele devolve a heranca para dentro. O :not(:first-child) do\n   tema tambem some, senao a pagina comeca com 2em de margem que nao existe no\n   desenho. *\/\n.entry-content{color:var(--escuro)}\n.entry-content:not(:first-child){margin-top:0}\n\n<\/style>\n\n\n\n<svg width=\"0\" height=\"0\" style=\"position:absolute\" aria-hidden=\"true\">\n  <defs>\n    <g id=\"ast-linhas\">\n      <line x1=\"50\" y1=\"8\"  x2=\"50\" y2=\"92\"\/>\n      <line x1=\"14\" y1=\"34\" x2=\"88\" y2=\"64\" transform=\"rotate(-6 50 50)\"\/>\n      <line x1=\"20\" y1=\"76\" x2=\"82\" y2=\"22\"\/>\n      <line x1=\"18\" y1=\"22\" x2=\"84\" y2=\"80\" transform=\"rotate(4 50 50)\"\/>\n    <\/g>\n    <path id=\"seta-dir\" d=\"M686-450H190q-13 0-21.5-8.5T160-480q0-13 8.5-21.5T190-510h496L459-737q-9-9-9-21t9-21q9-9 21-9t21 9l278 278q5 5 7 10t2 11q0 6-2 11t-7 10L501-181q-9 9-21 9t-21-9q-9-9-9-21t9-21l227-227Z\"\/>\n\n    <path id=\"ico-tocar\" d=\"M8 5.1 19.2 12 8 18.9Z\" stroke-linejoin=\"round\" stroke-width=\"2\"\/>\n    <g id=\"ico-pausar\" stroke-width=\"2\" stroke-linecap=\"round\">\n      <line x1=\"9\" y1=\"5.5\" x2=\"9\" y2=\"18.5\"\/>\n      <line x1=\"15\" y1=\"5.5\" x2=\"15\" y2=\"18.5\"\/>\n    <\/g>\n    <g id=\"ico-som\">\n      <path d=\"M4 9.4h3.3L12 5.4v13.2L7.3 14.6H4Z\" stroke-width=\"2\" stroke-linejoin=\"round\"\/>\n      <path d=\"M15.6 9.7a3.3 3.3 0 0 1 0 4.6\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n      <path d=\"M18.2 7.1a6.9 6.9 0 0 1 0 9.8\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n    <\/g>\n    <g id=\"ico-mudo\">\n      <path d=\"M4 9.4h3.3L12 5.4v13.2L7.3 14.6H4Z\" stroke-width=\"2\" stroke-linejoin=\"round\"\/>\n      <path d=\"M15.8 10.1 20 14.3M20 10.1l-4.2 4.2\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n    <\/g>\n    <g id=\"visto-marca\">\n      <circle cx=\"13\" cy=\"13\" r=\"13\" style=\"fill:var(--visto-fundo)\"\/>\n      <path d=\"M7 13.4 11 17 19 8.8\" style=\"fill:none;stroke:var(--visto-traco)\"\n            stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n    <\/g>\n\n    <path id=\"estrela\" d=\"M12 2.2l2.9 6.1 6.6.9-4.8 4.7 1.2 6.7L12 17.4 6.1 20.6l1.2-6.7L2.5 9.2l6.6-.9L12 2.2Z\"\/>\n  <\/defs>\n<\/svg>\n\n<a class=\"salto\" href=\"#conteudo\">Ir para o conte\u00fado<\/a>\n<div class=\"grao\" aria-hidden=\"true\"><\/div>\n\n<header class=\"topo\">\n  <div class=\"faixa\">\n    <svg role=\"img\" aria-label=\"Contaj\u00e1\" id=\"lg1-Camada_1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" version=\"1.1\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" viewBox=\"0 0 1639.02 384.51\">\n  \n  <defs>\n    <style>\n      .lg1-st0 {\n        fill: none;\n      }\n\n      .lg1-st1 {\n        fill: #93c92b;\n      }\n\n      .lg1-st2 {\n        fill: #022601;\n      }\n\n      .lg1-st3 {\n        clip-path: url(#lg1-clippath);\n      }\n\n      .lg1-st4 {\n        fill: #468c34;\n      }\n    <\/style>\n    <clipPath id=\"lg1-clippath\">\n      <rect class=\"lg1-st0\" width=\"1639.02\" height=\"384.51\"\/>\n    <\/clipPath>\n  <\/defs>\n  <g class=\"lg1-st3\">\n    <path class=\"lg1-st1\" d=\"M170.2,153.02c9.36-24.74,18.45-49.58,28.18-74.16,5.25-13.27,15.93-19.89,30.11-19.93,59.43-.14,118.86-.15,178.29-.02,22.05.05,37.64,21.06,30.24,41.61-14.55,40.41-29.81,80.57-44.85,120.81-8.79,23.51-17.53,47.04-26.67,70.42-5.34,13.66-16.3,19.63-30.55,20.04-7.42.21-14.85.18-22.27.25,17.62-6.92,21.42-14.93,15.4-33.58-11.03-34.17-22.24-68.27-33.39-102.4-3.84-11.74-12.07-18.73-23.83-21.89-6.33-1.7-12.76-.81-19.14-.86-27.17-.19-54.34-.21-81.51-.29\"\/>\n    <path class=\"lg1-st4\" d=\"M170.2,153.02c27.17.08,54.34.1,81.51.29,6.38.04,12.81-.84,19.14.86,11.76,3.17,19.99,10.15,23.83,21.89,11.15,34.13,22.36,68.24,33.39,102.4,6.02,18.65,2.22,26.66-15.4,33.58-1.35.07-2.69.2-4.03.2-64.23,0-128.47,0-192.7-.02-1.34,0-2.69-.13-4.03-.2.05-1.86.35-3.62,1.02-5.41,19.15-51.19,38.25-102.4,57.35-153.6h-.08\"\/>\n    <path class=\"lg1-st2\" d=\"M1483.67,257.48c-2.11-.04-3.44,1.43-4.99,2.3-29.85,16.7-66.45,13.75-93.13-7.57-26.72-21.36-37.84-56.9-28.06-89.65,9.71-32.53,38.4-56.08,72.23-59.31,49.05-4.68,91.53,33.74,91.64,82.94.06,25.83-.06,51.65.1,77.48.02,3.76-.63,5.29-4.85,5.12-9.27-.36-18.57-.32-27.85-.01-3.94.13-5.04-1.17-4.67-4.86.2-2.07.53-4.3-.4-6.43M1484.21,187c.05-25.78-20.3-46.35-46.03-46.51-25.64-.16-46.46,20.39-46.59,46-.14,25.93,20.53,46.79,46.34,46.77,25.71-.02,46.24-20.54,46.29-46.26\"\/>\n    <path class=\"lg1-st2\" d=\"M1234.89,256.55c-12.17,7.55-24.24,11.8-37.33,13.45-43.12,5.42-85.36-26.58-91.69-69.67-7.44-50.64,27.83-94.22,78.91-97.51,43.94-2.83,85.14,33.3,86.96,77.59,1.16,28.31.3,56.71.42,85.07.01,2.32-.56,3.28-3.08,3.25-10.3-.12-20.6-.13-30.89,0-2.79.04-3.51-1.06-3.34-3.58.17-2.5.04-5.01.04-8.59M1234.96,186.76c-.06-25.76-20.53-46.23-46.28-46.27-25.62-.04-46.34,20.61-46.38,46.23-.04,25.88,20.74,46.63,46.59,46.54,25.64-.09,46.13-20.77,46.06-46.5\"\/>\n    <path class=\"lg1-st2\" d=\"M636.26,186.82c-.13-46.02,37.21-83.86,82.99-84.09,46.41-.23,84.35,37.4,84.43,83.74.08,46.2-37.5,83.99-83.57,84.05-46.22.06-83.71-37.37-83.84-83.7M720.89,140.49c-25.66-.43-46.66,19.9-47.02,45.52-.36,25.84,19.79,46.87,45.29,47.25,25.8.39,46.92-19.82,47.31-45.27.4-26.14-19.69-47.07-45.58-47.5\"\/>\n    <path class=\"lg1-st2\" d=\"M823.83,185.41c0-26,.07-52-.08-77.99-.02-3.73.61-5.33,4.86-5.17,9.27.35,18.57.2,27.85.05,3.01-.05,4.63.38,4.45,4.02-.16,3.07-1.6,7.42.76,8.95,1.85,1.2,5.11-2.28,7.77-3.63,55.03-27.96,121.14,12.68,121.13,74.48,0,25.83-.07,51.66.08,77.49.02,3.73-.61,5.32-4.85,5.16-9.27-.35-18.57-.28-27.85-.02-3.65.1-4.43-1.11-4.41-4.56.15-25.66.18-51.32.1-76.98-.07-21.51-14.27-40.01-34.51-45.26-29.62-7.68-58.14,14.22-58.32,44.98-.15,25.66-.08,51.32.09,76.98.02,3.62-.64,5-4.63,4.86-9.27-.33-18.57-.32-27.85,0-3.98.14-4.67-1.22-4.65-4.86.15-26.17.08-52.33.08-78.5\"\/>\n    <path class=\"lg1-st2\" d=\"M491.56,186.55c1.75-35.15,17.42-61.89,49.96-76.31,32.29-14.31,62.57-8.68,89.74,13.91,3.14,2.61,2.97,4.11.09,6.81-7.01,6.59-13.73,13.49-20.42,20.4-1.85,1.91-2.92,2.25-5.22.33-15.6-13.02-36.42-14.88-53.32-5.04-17.1,9.96-25.81,28.97-22.32,48.74,3.35,18.99,18.25,33.89,37.92,37.24,14.09,2.4,26.83-1.21,37.7-10.55,2.37-2.04,3.5-2,5.6.2,6.77,7.07,13.63,14.07,20.77,20.76,2.74,2.57,1.76,3.74-.4,5.71-47.19,43.04-123.97,18.83-137.89-43.51-1.36-6.11-2.21-12.29-2.21-18.69\"\/>\n    <path class=\"lg1-st1\" d=\"M170.28,153c-19.11,51.21-38.2,102.41-57.35,153.6-.67,1.79-.97,3.55-1.02,5.41-2.91-.81-5.89-1.43-8.71-2.48-10.06-3.74-16.11-11.06-19.37-21.2-10.41-32.41-21.01-64.76-31.54-97.13-.99-3.04-2.05-6.07-2.97-9.14-4.58-15.22,5.23-28.61,21.21-28.66,31.24-.1,62.48-.02,93.72-.05,2.01,0,4.02-.24,6.03-.36\"\/>\n    <path class=\"lg1-st2\" d=\"M1333.89,192c0,26.18.06,52.36-.02,78.54-.14,43.85-32.04,79.15-75.71,83.91-1.17.13-2.38.04-3.54.24-3.1.53-4.07-.62-4.01-3.8.2-9.79.19-19.59,0-29.39-.05-3.02.79-3.93,3.89-4.22,24.56-2.28,42.25-22.12,42.2-46.69-.1-54.39-.02-108.78-.16-163.16-.01-3.82.97-4.91,4.77-4.8,9.28.27,18.58.27,27.86,0,3.75-.11,4.83.88,4.8,4.75-.18,28.21-.1,56.41-.1,84.62\"\/>\n    <path class=\"lg1-st2\" d=\"M1047.99,168.25c.59,7.92-1.08,17.59.91,27.13,4.22,20.22,20.61,34.94,41.15,36.74,2.92.26,4.11.83,4.04,4.05-.22,9.62-.35,19.26.04,28.87.19,4.68-1.98,4.65-5.42,4.45-36.44-2.19-68.33-29.75-76.01-65.83-1.27-5.96-1.98-11.98-1.98-18.09.01-34.11.07-68.22-.1-102.33-.02-3.83.95-4.89,4.73-4.78,9.28.26,18.58.31,27.86-.02,4.2-.15,5.09,1.36,4.85,5.17-.31,4.88.15,9.8-.15,14.68-.21,3.47,1.12,4.26,4.31,4.13,5.56-.23,11.15.1,16.71-.13,2.97-.12,3.68.95,3.64,3.75-.15,9.79-.19,19.59.02,29.38.07,3.27-.78,4.48-4.2,4.32-5.56-.27-11.15.06-16.71-.13-2.82-.1-3.82.72-3.75,3.67.19,7.76.06,15.53.06,24.97\"\/>\n    <path class=\"lg1-st1\" d=\"M1501.99,43.62c0,4.89-.14,9.79.05,14.67.11,2.79-.48,4.12-3.62,4.65-35.4,5.94-70.78,12.06-106.16,18.14-5.48.94-10.97,1.86-16.43,2.9-2.31.44-3.36-.02-3.33-2.69.12-10.46.23-20.92-.04-31.37-.1-4.12,2.77-3.62,4.99-4.01,19.59-3.43,39.19-6.77,58.8-10.12,20.6-3.52,41.21-6.95,61.79-10.59,3.08-.55,4.23-.21,4.03,3.24-.3,5.04-.07,10.12-.07,15.18\"\/>\n    <path class=\"lg1-st2\" d=\"M1296.64,59.4c0-4.89.12-9.78-.05-14.66-.09-2.66.39-4,3.51-3.95,10.11.16,20.23.13,30.34.02,2.57-.03,3.54.68,3.51,3.41-.14,10.45-.13,20.9,0,31.35.03,2.51-.9,3.17-3.23,3.15-10.28-.08-20.56-.11-30.85.01-2.81.03-3.34-1.17-3.26-3.65.16-5.22.05-10.45.05-15.68\"\/>\n    <path class=\"lg1-st2\" d=\"M493.05,327.67c0-3.01.52-5.95,1.56-8.85,1.04-2.89,2.57-5.53,4.58-7.91,2.01-2.38,4.47-4.28,7.39-5.69,2.92-1.41,6.22-2.12,9.92-2.12,4.4,0,8.16,1,11.31,3.02,3.14,2.01,5.48,4.59,7.01,7.74l-4.93,3.19c-.97-2.08-2.21-3.74-3.71-4.96-1.5-1.23-3.12-2.09-4.86-2.6-1.73-.51-3.43-.76-5.1-.76-2.73,0-5.15.55-7.25,1.67-2.11,1.11-3.88,2.59-5.31,4.44-1.43,1.85-2.51,3.92-3.23,6.21-.72,2.29-1.08,4.59-1.08,6.91,0,2.54.43,5,1.29,7.36.85,2.36,2.05,4.44,3.57,6.24,1.53,1.8,3.33,3.24,5.41,4.3,2.08,1.07,4.35,1.6,6.8,1.6,1.71,0,3.47-.3,5.27-.9,1.8-.6,3.49-1.54,5.07-2.81,1.57-1.27,2.82-2.92,3.75-4.96l5.2,2.85c-1.02,2.45-2.59,4.53-4.72,6.24-2.13,1.71-4.5,3.01-7.11,3.89-2.61.88-5.19,1.32-7.74,1.32-3.38,0-6.48-.73-9.3-2.18-2.82-1.46-5.26-3.4-7.32-5.83-2.06-2.43-3.65-5.16-4.79-8.19-1.13-3.03-1.7-6.09-1.7-9.19\"\/>\n    <path class=\"lg1-st2\" d=\"M558.42,353.41c-2.73,0-5.2-.49-7.42-1.48s-4.14-2.34-5.76-4.06c-1.62-1.72-2.87-3.71-3.75-5.96-.88-2.25-1.32-4.61-1.32-7.09s.44-4.91,1.32-7.16c.88-2.25,2.13-4.24,3.75-5.96,1.62-1.72,3.55-3.08,5.8-4.06,2.24-.99,4.71-1.48,7.39-1.48s5.2.49,7.43,1.48c2.22.99,4.15,2.34,5.79,4.06,1.64,1.72,2.9,3.71,3.78,5.96.88,2.25,1.32,4.64,1.32,7.16s-.44,4.84-1.32,7.09c-.88,2.25-2.13,4.24-3.75,5.96-1.62,1.72-3.55,3.08-5.79,4.06-2.24.99-4.73,1.48-7.46,1.48M546.41,334.88c0,2.47.54,4.72,1.63,6.73,1.09,2.01,2.53,3.61,4.34,4.77,1.8,1.17,3.82,1.75,6.04,1.75s4.24-.6,6.07-1.78c1.83-1.19,3.28-2.81,4.37-4.84,1.09-2.04,1.63-4.29,1.63-6.77s-.54-4.72-1.63-6.73c-1.09-2.02-2.55-3.62-4.37-4.81-1.83-1.19-3.85-1.79-6.07-1.79s-4.23.61-6.04,1.82c-1.8,1.21-3.25,2.83-4.34,4.84-1.09,2.02-1.63,4.28-1.63,6.8\"\/>\n    <path class=\"lg1-st2\" d=\"M615.6,352.72h-6.11v-20.08c0-3.81-.59-6.59-1.77-8.35-1.18-1.77-2.97-2.65-5.38-2.65-1.66,0-3.32.41-4.96,1.23-1.64.82-3.1,1.93-4.37,3.33-1.27,1.39-2.18,3.01-2.74,4.83v21.69h-6.11v-36.01h5.55v7.78c.97-1.7,2.22-3.17,3.75-4.41,1.53-1.24,3.26-2.2,5.2-2.89,1.94-.69,3.98-1.03,6.11-1.03s3.83.38,5.24,1.14c1.41.76,2.52,1.81,3.33,3.17.81,1.35,1.39,2.95,1.73,4.79.35,1.84.52,3.83.52,5.99v21.49Z\"\/>\n    <path class=\"lg1-st2\" d=\"M643.84,351.12c-.51.23-1.2.53-2.08.9-.88.37-1.9.69-3.05.97-1.16.28-2.38.42-3.68.42-1.48,0-2.84-.27-4.09-.8-1.25-.53-2.24-1.36-2.98-2.5-.74-1.13-1.11-2.56-1.11-4.27v-24.36h-4.93v-4.79h4.93v-12.07h6.11v12.07h8.12v4.79h-8.12v22.48c.09,1.3.53,2.25,1.32,2.88.79.62,1.71.94,2.78.94,1.2,0,2.31-.21,3.33-.62,1.02-.42,1.69-.72,2.01-.9l1.46,4.86Z\"\/>\n    <path class=\"lg1-st2\" d=\"M646.68,342.31c0-2.3.66-4.29,1.98-5.97,1.32-1.68,3.13-2.98,5.45-3.9,2.31-.92,5-1.38,8.05-1.38,1.62,0,3.33.13,5.14.38,1.8.25,3.4.64,4.79,1.14v-2.62c0-2.74-.83-4.89-2.5-6.47-1.67-1.57-4.03-2.36-7.08-2.36-1.99,0-3.9.36-5.72,1.08-1.83.72-3.76,1.75-5.79,3.09l-2.22-4.3c2.36-1.62,4.72-2.83,7.08-3.64,2.36-.81,4.81-1.21,7.36-1.21,4.63,0,8.28,1.27,10.96,3.82,2.68,2.55,4.02,6.09,4.02,10.63v15.2c0,.74.15,1.27.45,1.62.3.35.8.54,1.49.58v4.72c-.6.09-1.12.16-1.56.21-.44.05-.8.07-1.08.07-1.43,0-2.51-.39-3.23-1.18-.72-.79-1.12-1.62-1.22-2.5l-.14-2.29c-1.57,2.04-3.63,3.61-6.18,4.72-2.55,1.11-5.07,1.67-7.56,1.67s-4.56-.5-6.45-1.48c-1.9-.99-3.38-2.32-4.44-4-1.07-1.68-1.6-3.55-1.6-5.62M670.28,344.85c.56-.64.99-1.29,1.32-1.96.32-.66.49-1.22.49-1.68v-4.47c-1.43-.55-2.94-.97-4.51-1.27-1.57-.3-3.12-.45-4.65-.45-3.1,0-5.61.61-7.53,1.82-1.92,1.21-2.88,2.87-2.88,4.98,0,1.15.31,2.26.94,3.33.62,1.08,1.55,1.96,2.78,2.65,1.23.69,2.74,1.03,4.54,1.03,1.9,0,3.7-.38,5.41-1.13,1.71-.76,3.08-1.71,4.09-2.85\"\/>\n    <path class=\"lg1-st2\" d=\"M706.57,353.41c-2.82,0-5.39-.69-7.7-2.08-2.31-1.39-4.14-3.19-5.48-5.41v6.8h-5.41v-50.66h6.11v21.93c1.53-2.36,3.4-4.26,5.62-5.69,2.22-1.43,4.81-2.15,7.77-2.15,2.5,0,4.74.52,6.73,1.55,1.99,1.03,3.69,2.43,5.1,4.2,1.41,1.77,2.5,3.76,3.26,5.99.76,2.23,1.15,4.56,1.15,6.99s-.43,4.9-1.28,7.13c-.86,2.23-2.07,4.2-3.64,5.93s-3.39,3.06-5.45,4.03c-2.06.96-4.31,1.45-6.77,1.45M705.04,348.14c1.8,0,3.47-.36,5-1.1,1.53-.73,2.85-1.72,3.96-2.95,1.11-1.24,1.97-2.65,2.57-4.26.6-1.6.9-3.25.9-4.94,0-2.33-.5-4.53-1.49-6.59-1-2.06-2.38-3.72-4.16-4.98-1.78-1.26-3.85-1.89-6.21-1.89-1.71,0-3.31.39-4.79,1.17-1.48.78-2.79,1.8-3.92,3.06-1.13,1.26-2.07,2.64-2.81,4.15v10.37c.23,1.15.72,2.2,1.46,3.16.74.96,1.64,1.8,2.71,2.51,1.06.71,2.19,1.27,3.36,1.68,1.18.41,2.33.62,3.44.62\"\/>\n    <path class=\"lg1-st2\" d=\"M731.2,302.06h6.11v7.63h-6.11v-7.63ZM731.2,316.49h6.11v36.22h-6.11v-36.22Z\"\/>\n    <path class=\"lg1-st2\" d=\"M747.3,302.06h6.11v41.48c0,2,.28,3.23.83,3.69.55.47,1.23.7,2.01.7.97,0,1.9-.1,2.78-.31.88-.21,1.62-.43,2.22-.66l.97,5c-1.02.42-2.22.76-3.61,1.04-1.39.28-2.61.42-3.68.42-2.36,0-4.22-.68-5.59-2.02-1.36-1.35-2.05-3.23-2.05-5.64v-43.69Z\"\/>\n    <path class=\"lg1-st2\" d=\"M767.01,302.06h6.11v7.63h-6.11v-7.63ZM767.01,316.49h6.11v36.22h-6.11v-36.22Z\"\/>\n    <path class=\"lg1-st2\" d=\"M780.61,334.81c0-3.4.7-6.51,2.12-9.33,1.41-2.82,3.35-5.08,5.83-6.78,2.47-1.7,5.31-2.55,8.5-2.55,2.91,0,5.53.76,7.84,2.29,2.31,1.53,4.12,3.38,5.41,5.55v-21.93h6.11v43.72c0,.74.15,1.28.45,1.63.3.35.8.54,1.49.59v4.72c-1.16.19-2.06.28-2.71.28-1.2,0-2.26-.42-3.16-1.25-.9-.83-1.35-1.76-1.35-2.78v-3.05c-1.43,2.31-3.35,4.14-5.76,5.48-2.41,1.34-4.9,2.01-7.5,2.01s-4.8-.5-6.9-1.48c-2.11-.99-3.93-2.35-5.48-4.1-1.55-1.74-2.75-3.73-3.61-5.96-.86-2.23-1.28-4.58-1.28-7.06M810.31,340.1v-10.3c-.56-1.56-1.46-2.96-2.71-4.22-1.25-1.26-2.65-2.27-4.2-3.02-1.55-.75-3.09-1.13-4.61-1.13-1.8,0-3.43.38-4.89,1.13-1.46.76-2.71,1.76-3.75,3.02-1.04,1.26-1.84,2.69-2.39,4.29-.55,1.6-.83,3.27-.83,5.01s.31,3.48.94,5.08c.62,1.6,1.5,3.02,2.64,4.26,1.13,1.24,2.45,2.2,3.96,2.88,1.5.69,3.13,1.03,4.89,1.03,1.11,0,2.26-.21,3.43-.62,1.18-.41,2.3-.98,3.37-1.72,1.06-.73,1.97-1.59,2.71-2.58.74-.98,1.23-2.02,1.46-3.12\"\/>\n    <path class=\"lg1-st2\" d=\"M823.77,342.31c0-2.3.66-4.29,1.98-5.97,1.32-1.68,3.13-2.98,5.45-3.9,2.31-.92,5-1.38,8.05-1.38,1.62,0,3.33.13,5.14.38,1.8.25,3.4.64,4.79,1.14v-2.62c0-2.74-.83-4.89-2.5-6.47-1.67-1.57-4.03-2.36-7.08-2.36-1.99,0-3.9.36-5.72,1.08-1.83.72-3.76,1.75-5.79,3.09l-2.22-4.3c2.36-1.62,4.72-2.83,7.08-3.64,2.36-.81,4.81-1.21,7.36-1.21,4.63,0,8.28,1.27,10.96,3.82,2.68,2.55,4.02,6.09,4.02,10.63v15.2c0,.74.15,1.27.45,1.62.3.35.8.54,1.49.58v4.72c-.6.09-1.12.16-1.56.21-.44.05-.8.07-1.08.07-1.43,0-2.51-.39-3.23-1.18-.72-.79-1.12-1.62-1.22-2.5l-.14-2.29c-1.57,2.04-3.63,3.61-6.18,4.72-2.55,1.11-5.07,1.67-7.56,1.67s-4.56-.5-6.45-1.48c-1.9-.99-3.38-2.32-4.44-4-1.07-1.68-1.6-3.55-1.6-5.62M847.36,344.85c.56-.64.99-1.29,1.32-1.96.32-.66.49-1.22.49-1.68v-4.47c-1.43-.55-2.94-.97-4.51-1.27-1.57-.3-3.12-.45-4.65-.45-3.1,0-5.61.61-7.53,1.82-1.92,1.21-2.88,2.87-2.88,4.98,0,1.15.31,2.26.94,3.33.62,1.08,1.55,1.96,2.78,2.65,1.23.69,2.74,1.03,4.54,1.03,1.9,0,3.7-.38,5.41-1.13,1.71-.76,3.08-1.71,4.09-2.85\"\/>\n    <path class=\"lg1-st2\" d=\"M862.7,334.81c0-3.4.7-6.51,2.12-9.33,1.41-2.82,3.35-5.08,5.83-6.78,2.47-1.7,5.31-2.55,8.5-2.55,2.91,0,5.53.76,7.84,2.29,2.31,1.53,4.12,3.38,5.41,5.55v-21.93h6.11v43.72c0,.74.15,1.28.45,1.63.3.35.8.54,1.49.59v4.72c-1.16.19-2.06.28-2.71.28-1.2,0-2.26-.42-3.16-1.25-.9-.83-1.35-1.76-1.35-2.78v-3.05c-1.43,2.31-3.35,4.14-5.76,5.48-2.41,1.34-4.9,2.01-7.5,2.01s-4.8-.5-6.9-1.48c-2.11-.99-3.93-2.35-5.48-4.1-1.55-1.74-2.75-3.73-3.61-5.96-.86-2.23-1.28-4.58-1.28-7.06M892.4,340.1v-10.3c-.56-1.56-1.46-2.96-2.71-4.22-1.25-1.26-2.65-2.27-4.2-3.02-1.55-.75-3.09-1.13-4.61-1.13-1.8,0-3.43.38-4.89,1.13-1.46.76-2.71,1.76-3.75,3.02-1.04,1.26-1.84,2.69-2.39,4.29-.55,1.6-.83,3.27-.83,5.01s.31,3.48.94,5.08c.62,1.6,1.5,3.02,2.64,4.26,1.13,1.24,2.45,2.2,3.96,2.88,1.5.69,3.13,1.03,4.89,1.03,1.11,0,2.26-.21,3.43-.62,1.18-.41,2.3-.98,3.37-1.72,1.06-.73,1.97-1.59,2.71-2.58.74-.98,1.23-2.02,1.46-3.12\"\/>\n    <path class=\"lg1-st2\" d=\"M924.73,353.41c-2.73,0-5.22-.5-7.46-1.48-2.24-.99-4.19-2.34-5.83-4.06-1.64-1.72-2.92-3.71-3.82-5.96-.9-2.25-1.35-4.64-1.35-7.16,0-3.4.79-6.5,2.36-9.3,1.57-2.8,3.76-5.05,6.56-6.75,2.8-1.7,6-2.55,9.61-2.55s6.83.86,9.54,2.58c2.71,1.72,4.81,3.97,6.32,6.75,1.5,2.78,2.26,5.78,2.26,9,0,.46-.01.91-.04,1.34-.02.44-.06.77-.1,1h-30.05c.18,2.33.84,4.4,1.98,6.21,1.13,1.81,2.6,3.22,4.41,4.25,1.8,1.03,3.75,1.54,5.83,1.54,2.22,0,4.31-.56,6.28-1.67,1.97-1.11,3.32-2.57,4.06-4.37l5.27,1.46c-.79,1.76-1.95,3.33-3.5,4.72-1.55,1.39-3.38,2.48-5.48,3.26-2.11.79-4.38,1.18-6.84,1.18M912.52,332.59h24.7c-.18-2.33-.86-4.39-2.01-6.17-1.16-1.78-2.64-3.18-4.44-4.18-1.8-1.01-3.79-1.51-5.97-1.51s-4.09.5-5.9,1.51c-1.8,1.01-3.27,2.4-4.41,4.18-1.13,1.78-1.79,3.84-1.98,6.17\"\/>\n    <path class=\"lg1-st2\" d=\"M988.22,353.06c-3.47,0-6.62-.69-9.44-2.08-2.82-1.39-5.26-3.27-7.32-5.66-2.06-2.38-3.64-5.06-4.75-8.05-1.11-2.98-1.67-6.05-1.67-9.19s.59-6.42,1.77-9.4c1.18-2.98,2.82-5.64,4.93-7.98,2.1-2.34,4.57-4.19,7.39-5.55,2.82-1.36,5.9-2.05,9.23-2.05s6.61.72,9.44,2.15c2.82,1.43,5.25,3.35,7.29,5.76,2.03,2.41,3.61,5.09,4.72,8.05,1.11,2.96,1.67,5.99,1.67,9.09,0,3.28-.58,6.42-1.73,9.4-1.16,2.98-2.79,5.64-4.89,7.98-2.11,2.34-4.57,4.18-7.39,5.52-2.82,1.34-5.9,2.01-9.23,2.01M971.36,328.08c0,2.5.4,4.92,1.21,7.25.81,2.34,1.95,4.41,3.43,6.21,1.48,1.8,3.26,3.24,5.34,4.3,2.08,1.07,4.39,1.6,6.94,1.6s5-.56,7.08-1.67c2.08-1.11,3.85-2.59,5.31-4.44,1.46-1.85,2.57-3.93,3.33-6.25.76-2.31,1.14-4.65,1.14-7.01,0-2.5-.4-4.9-1.21-7.22-.81-2.31-1.97-4.38-3.47-6.21-1.5-1.83-3.29-3.26-5.34-4.3-2.06-1.04-4.34-1.56-6.84-1.56-2.64,0-5,.54-7.08,1.63-2.08,1.09-3.85,2.56-5.31,4.41-1.46,1.85-2.58,3.92-3.37,6.21-.79,2.29-1.18,4.64-1.18,7.04\"\/>\n    <path class=\"lg1-st2\" d=\"M1050.61,352.72h-6.11v-20.08c0-3.81-.59-6.59-1.77-8.35-1.18-1.77-2.97-2.65-5.38-2.65-1.67,0-3.32.41-4.96,1.23-1.64.82-3.1,1.93-4.37,3.33-1.27,1.39-2.19,3.01-2.74,4.83v21.69h-6.11v-36.01h5.55v7.78c.97-1.7,2.22-3.17,3.75-4.41,1.53-1.24,3.26-2.2,5.2-2.89,1.94-.69,3.98-1.03,6.11-1.03s3.83.38,5.24,1.14c1.41.76,2.52,1.81,3.33,3.17.81,1.35,1.39,2.95,1.73,4.79.35,1.84.52,3.83.52,5.99v21.49Z\"\/>\n    <path class=\"lg1-st2\" d=\"M1060.25,302.06h6.11v41.48c0,2,.28,3.23.83,3.69.55.47,1.23.7,2.01.7.97,0,1.9-.1,2.78-.31.88-.21,1.62-.43,2.22-.66l.97,5c-1.02.42-2.22.76-3.61,1.04-1.39.28-2.61.42-3.68.42-2.36,0-4.22-.68-5.59-2.02-1.36-1.35-2.05-3.23-2.05-5.64v-43.69Z\"\/>\n    <path class=\"lg1-st2\" d=\"M1079.96,302.06h6.11v7.63h-6.11v-7.63ZM1079.96,316.49h6.11v36.22h-6.11v-36.22Z\"\/>\n    <path class=\"lg1-st2\" d=\"M1127.35,352.72h-6.11v-20.08c0-3.81-.59-6.59-1.77-8.35-1.18-1.77-2.97-2.65-5.38-2.65-1.67,0-3.32.41-4.96,1.23-1.64.82-3.1,1.93-4.37,3.33-1.27,1.39-2.19,3.01-2.74,4.83v21.69h-6.11v-36.01h5.55v7.78c.97-1.7,2.22-3.17,3.75-4.41,1.53-1.24,3.26-2.2,5.2-2.89,1.94-.69,3.98-1.03,6.11-1.03s3.83.38,5.24,1.14c1.41.76,2.52,1.81,3.33,3.17.81,1.35,1.39,2.95,1.73,4.79.35,1.84.52,3.83.52,5.99v21.49Z\"\/>\n    <path class=\"lg1-st2\" d=\"M1152.89,353.41c-2.73,0-5.22-.5-7.46-1.48-2.24-.99-4.19-2.34-5.83-4.06-1.64-1.72-2.92-3.71-3.82-5.96-.9-2.25-1.35-4.64-1.35-7.16,0-3.4.79-6.5,2.36-9.3,1.57-2.8,3.76-5.05,6.56-6.75,2.8-1.7,6-2.55,9.61-2.55s6.83.86,9.54,2.58c2.71,1.72,4.81,3.97,6.31,6.75,1.5,2.78,2.26,5.78,2.26,9,0,.46-.01.91-.04,1.34-.02.44-.06.77-.1,1h-30.05c.19,2.33.84,4.4,1.98,6.21,1.13,1.81,2.6,3.22,4.41,4.25,1.8,1.03,3.75,1.54,5.83,1.54,2.22,0,4.31-.56,6.28-1.67,1.97-1.11,3.32-2.57,4.06-4.37l5.27,1.46c-.79,1.76-1.95,3.33-3.5,4.72-1.55,1.39-3.38,2.48-5.48,3.26-2.11.79-4.38,1.18-6.84,1.18M1140.68,332.59h24.7c-.19-2.33-.86-4.39-2.01-6.17-1.16-1.78-2.64-3.18-4.44-4.18-1.8-1.01-3.79-1.51-5.97-1.51s-4.09.5-5.9,1.51c-1.8,1.01-3.27,2.4-4.41,4.18-1.13,1.78-1.79,3.84-1.98,6.17\"\/>\n  <\/g>\n<\/svg>\n\n    <nav class=\"abas\" aria-label=\"Se\u00e7\u00f5es desta p\u00e1gina\">\n      <a href=\"#como-funciona\">Como funciona<\/a>\n      <a href=\"#custos\">Custos<\/a>\n      <a href=\"#quem-atende\">Avalia\u00e7\u00f5es<\/a>\n      <a href=\"#duvidas\">D\u00favidas<\/a>\n      <a href=\"#comecar\">Fale conosco<\/a>\n    <\/nav>\n\n    <a class=\"botao botao--miudo\" href=\"#comecar\">Quero falar com um especialista\n      <i><svg viewBox=\"0 -960 960 960\" aria-hidden=\"true\"><use href=\"#seta-dir\"\/><\/svg><\/i>\n    <\/a>\n  <\/div>\n<\/header>\n\n<main id=\"conteudo\">\n\n<section class=\"abertura\">\n  <div class=\"faixa abertura-grade\">\n    <div class=\"abertura-texto\">\n      <p class=\"rotulo\">\n        <svg class=\"ast\" viewBox=\"0 0 100 100\" aria-hidden=\"true\"><use href=\"#ast-linhas\"\/><\/svg>\n        Contabilidade para profissionais de tecnologia\n      <\/p>\n\n      <h1>Voc\u00ea \u00e9 da tecnologia.\n        <span class=\"leve\">Sua contabilidade precisa entender disso.<\/span><\/h1>\n\n      <p class=\"lead\">Da abertura do CNPJ \u00e0 rotina cont\u00e1bil, conte com especialistas que entendem as particularidades de quem trabalha com tecnologia.<\/p>\n\n      <div class=\"escolhas\">\n        <a class=\"botao\" href=\"https:\/\/checkout.contaja.com.br\/home\/opening?carrinho=abertura&amp;ref=lp-tecnologia&amp;utm_source=lp-tecnologia&amp;utm_medium=landing-page&amp;utm_campaign=contabilidade-para-tecnologia&amp;utm_content=hero-abrir\" target=\"_blank\" rel=\"noopener\">Abrir empresa\n          <i><svg viewBox=\"0 -960 960 960\" aria-hidden=\"true\"><use href=\"#seta-dir\"\/><\/svg><\/i>\n        <\/a>\n        <a class=\"botao\" href=\"https:\/\/checkout.contaja.com.br\/home\/migration?carrinho=migracao&amp;ref=lp-tecnologia&amp;utm_source=lp-tecnologia&amp;utm_medium=landing-page&amp;utm_campaign=contabilidade-para-tecnologia&amp;utm_content=hero-migrar\" target=\"_blank\" rel=\"noopener\">Trocar de contador\n          <i><svg viewBox=\"0 -960 960 960\" aria-hidden=\"true\"><use href=\"#seta-dir\"\/><\/svg><\/i>\n        <\/a>\n      <\/div>\n\n      <p class=\"gatilho t-sm apoio\">Vai abrir um CNPJ ou j\u00e1 tem empresa? Conte em que momento voc\u00ea est\u00e1 e a gente conversa com voc\u00ea pelo WhatsApp.<\/p>\n    <\/div>\n\n    <div class=\"abertura-foto\">\n      <img src=\"https:\/\/contaja.com.br\/lp\/wp-content\/uploads\/2026\/08\/dupla-apontando-notebook-1.webp\"\n           alt=\"Dois especialistas da Contaj\u00e1 conferindo algo no notebook e apontando para a tela\"\n           width=\"1460\" height=\"1024\" fetchpriority=\"high\" decoding=\"async\">\n    <\/div>\n  <\/div>\n\n  <div class=\"prova-rapida\">\n    <div class=\"faixa\">\n      <div class=\"prova-item\"><b>+20 mil<\/b><span>empresas ativas na Contaj\u00e1<\/span><\/div>\n      <div class=\"prova-item\"><b>+7 mil<\/b><span>empresas e profissionais de tecnologia atendidos<\/span><\/div>\n      <div class=\"prova-item\"><b>9,5<\/b><span>no Reclame Aqui, com selo RA1000<\/span><\/div>\n      <div class=\"prova-item\"><b>10 anos<\/b><span>de Contaj\u00e1, desde 2016<\/span><\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section class=\"bloco bloco--escuro dor\">\n  <div class=\"faixa\">\n    <h2 class=\"revela\">Em qual desses momentos <span class=\"leve\">voc\u00ea est\u00e1?<\/span><\/h2>\n\n    <ul class=\"dor-lista\">\n      <li class=\"dor-item revela\">\n        <h3 class=\"dor-t\">Chegou a hora de abrir o CNPJ. E agora?<\/h3>\n        <p class=\"dor-p\">O cliente pediu nota fiscal, a vaga \u00e9 como PJ ou o freela virou a sua renda principal. Agora voc\u00ea precisa decidir o que abrir e como come\u00e7ar do jeito certo.<\/p>\n        <a class=\"botao\" href=\"https:\/\/checkout.contaja.com.br\/home\/opening?carrinho=abertura&amp;ref=lp-tecnologia&amp;utm_source=lp-tecnologia&amp;utm_medium=landing-page&amp;utm_campaign=contabilidade-para-tecnologia&amp;utm_content=dor-abrir\" target=\"_blank\" rel=\"noopener\">Quero abrir meu CNPJ\n          <i><svg viewBox=\"0 -960 960 960\" aria-hidden=\"true\"><use href=\"#seta-dir\"\/><\/svg><\/i>\n        <\/a>\n      <\/li>\n      <li class=\"dor-item revela\">\n        <h3 class=\"dor-t\">Seu faturamento cresceu. Seu contador acompanhou?<\/h3>\n        <p class=\"dor-p\">Voc\u00ea j\u00e1 tem CNPJ, mas ainda n\u00e3o entende por que paga aquele valor de imposto, e cada nota para um cliente de fora do Brasil vira uma conversa do zero.<\/p>\n        <a class=\"botao\" href=\"https:\/\/checkout.contaja.com.br\/home\/migration?carrinho=migracao&amp;ref=lp-tecnologia&amp;utm_source=lp-tecnologia&amp;utm_medium=landing-page&amp;utm_campaign=contabilidade-para-tecnologia&amp;utm_content=dor-migrar\" target=\"_blank\" rel=\"noopener\">Quero trocar de contador\n          <i><svg viewBox=\"0 -960 960 960\" aria-hidden=\"true\"><use href=\"#seta-dir\"\/><\/svg><\/i>\n        <\/a>\n      <\/li>\n    <\/ul>\n  <\/div>\n<\/section>\n\n<section class=\"bloco bloco--neon ponte\">\n  <div class=\"faixa revela\">\n    <svg class=\"ast\" viewBox=\"0 0 100 100\" aria-hidden=\"true\"><use href=\"#ast-linhas\"\/><\/svg>\n    <p>Voc\u00ea n\u00e3o deveria precisar entender de contabilidade para saber se sua empresa <b>est\u00e1 bem cuidada<\/b>.<\/p>\n  <\/div>\n<\/section>\n\n<section class=\"bloco bloco--papel resolve\" id=\"como-funciona\">\n  <div class=\"faixa resolve-grade\">\n    <div>\n      <h2 class=\"revela\">A gente cuida da contabilidade.\n        <span class=\"leve\">Voc\u00ea fica no controle.<\/span><\/h2>\n\n      <ul class=\"pilares\">\n        <li class=\"pilar revela\">\n          <svg class=\"visto\" viewBox=\"0 0 26 26\" aria-hidden=\"true\"><use href=\"#visto-marca\"\/><\/svg>\n          <div>\n            <h3>N\u00f3s cuidamos<\/h3>\n            <p>Nosso time de especialistas cuida dos impostos, dos prazos e dos documentos da sua empresa, sem voc\u00ea precisar acompanhar cada prazo por conta pr\u00f3pria.<\/p>\n          <\/div>\n        <\/li>\n        <li class=\"pilar revela\">\n          <svg class=\"visto\" viewBox=\"0 0 26 26\" aria-hidden=\"true\"><use href=\"#visto-marca\"\/><\/svg>\n          <div>\n            <h3>Voc\u00ea acompanha<\/h3>\n            <p>O que importa fica organizado na plataforma: a guia que vence, a nota que voc\u00ea emitiu e os documentos da empresa. Tudo centralizado.<\/p>\n          <\/div>\n        <\/li>\n        <li class=\"pilar revela\">\n          <svg class=\"visto\" viewBox=\"0 0 26 26\" aria-hidden=\"true\"><use href=\"#visto-marca\"\/><\/svg>\n          <div>\n            <h3>Voc\u00ea tem com quem falar<\/h3>\n            <p>Quando precisar, voc\u00ea tem um especialista do time para tirar suas d\u00favidas.<\/p>\n          <\/div>\n        <\/li>\n      <\/ul>\n    <\/div>\n\n    <figure class=\"demo revela\">\n      <img src=\"https:\/\/contaja.com.br\/lp\/wp-content\/uploads\/2026\/08\/escritorio.webp\"\n           alt=\"Time da Contaj\u00e1 trabalhando no escrit\u00f3rio da empresa\"\n           width=\"1800\" height=\"1200\" loading=\"lazy\" decoding=\"async\">\n      <figcaption class=\"t-sm\"><b>Por dentro da Contaj\u00e1:<\/b> um time de especialistas que acompanha a rotina cont\u00e1bil.<\/figcaption>\n    <\/figure>\n\n    <div class=\"plano revela\" id=\"custos\">\n      <div class=\"plano-preco\">\n        <h3 class=\"plano-titulo\">O que voc\u00ea recebe e quanto custa<\/h3>\n        <p class=\"plano-de\">A partir de<\/p>\n        <p class=\"plano-valor\">R$ 137<span>\/m\u00eas<\/span><\/p>\n        <p class=\"plano-nota t-sm\">O valor final depende do regime tribut\u00e1rio e do porte da sua empresa. Voc\u00ea recebe as op\u00e7\u00f5es para o seu caso e sabe quanto vai pagar antes de decidir.<\/p>\n      <\/div>\n\n      <div class=\"plano-lista\">\n        <ul>\n          <li><svg class=\"visto\" viewBox=\"0 0 26 26\" aria-hidden=\"true\"><use href=\"#visto-marca\"\/><\/svg>Contabilidade completa para profissionais de tecnologia;<\/li>\n          <li><svg class=\"visto\" viewBox=\"0 0 26 26\" aria-hidden=\"true\"><use href=\"#visto-marca\"\/><\/svg>Pr\u00f3-labore e folha de pagamento;<\/li>\n          <li><svg class=\"visto\" viewBox=\"0 0 26 26\" aria-hidden=\"true\"><use href=\"#visto-marca\"\/><\/svg>Abertura do CNPJ sem taxa;<\/li>\n          <li><svg class=\"visto\" viewBox=\"0 0 26 26\" aria-hidden=\"true\"><use href=\"#visto-marca\"\/><\/svg>Gest\u00e3o da sua contabilidade em tempo real pela plataforma;<\/li>\n          <li><svg class=\"visto\" viewBox=\"0 0 26 26\" aria-hidden=\"true\"><use href=\"#visto-marca\"\/><\/svg>Atendimento pelo WhatsApp, das 8h \u00e0s 20h;<\/li>\n        <\/ul>\n\n        <span class=\"plano-acao\">\n          <div class=\"escolhas\">\n            <a class=\"botao\" href=\"https:\/\/checkout.contaja.com.br\/home\/opening?carrinho=abertura&amp;ref=lp-tecnologia&amp;utm_source=lp-tecnologia&amp;utm_medium=landing-page&amp;utm_campaign=contabilidade-para-tecnologia&amp;utm_content=plano-abrir\" target=\"_blank\" rel=\"noopener\">Abrir empresa\n              <i><svg viewBox=\"0 -960 960 960\" aria-hidden=\"true\"><use href=\"#seta-dir\"\/><\/svg><\/i>\n            <\/a>\n            <a class=\"botao\" href=\"https:\/\/checkout.contaja.com.br\/home\/migration?carrinho=migracao&amp;ref=lp-tecnologia&amp;utm_source=lp-tecnologia&amp;utm_medium=landing-page&amp;utm_campaign=contabilidade-para-tecnologia&amp;utm_content=plano-migrar\" target=\"_blank\" rel=\"noopener\">Trocar de contador\n              <i><svg viewBox=\"0 -960 960 960\" aria-hidden=\"true\"><use href=\"#seta-dir\"\/><\/svg><\/i>\n            <\/a>\n          <\/div>\n          <span class=\"plano-seta\" aria-hidden=\"true\"><\/span>\n        <\/span>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section class=\"bloco prova\" id=\"quem-atende\">\n  <div class=\"prova-lavagem\" aria-hidden=\"true\"><\/div>\n\n  <img class=\"prova-pessoa\" src=\"https:\/\/contaja.com.br\/lp\/wp-content\/uploads\/2026\/08\/dupla-equipe.webp\"\n       alt=\"Dois especialistas do time da Contaj\u00e1, de bra\u00e7os cruzados, com a camisa verde da empresa\"\n       width=\"1080\" height=\"1080\" loading=\"lazy\" decoding=\"async\">\n\n  <div class=\"faixa\">\n    <p class=\"rotulo revela\">\n      <svg class=\"ast\" viewBox=\"0 0 100 100\" aria-hidden=\"true\"><use href=\"#ast-linhas\"\/><\/svg>\n      Quem j\u00e1 confia na Contaj\u00e1\n    <\/p>\n\n    <div class=\"prova-grade\">\n      <h2 class=\"revela\">Quem j\u00e1 \u00e9 cliente conta <span class=\"leve\">como \u00e9 ter a Contaj\u00e1 por perto.<\/span><\/h2>\n\n      <figure class=\"fala revela\">\n        <blockquote>\"A <b>melhor escolha<\/b> que eu j\u00e1 fiz em 14 anos de empresa foi migrar para a Contaj\u00e1. Tenho a impress\u00e3o de estar sendo atendido por uma empresa do lado do meu escrit\u00f3rio.\"<\/blockquote>\n        <figcaption>\n          <span class=\"estrelas\" role=\"img\" aria-label=\"cinco de cinco estrelas\">\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><use href=\"#estrela\"\/><\/svg>\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><use href=\"#estrela\"\/><\/svg>\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><use href=\"#estrela\"\/><\/svg>\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><use href=\"#estrela\"\/><\/svg>\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><use href=\"#estrela\"\/><\/svg>\n          <\/span>\n          <b>Bruno Fernandes<\/b>\n          <span class=\"fala-fonte\">Google<\/span>\n        <\/figcaption>\n      <\/figure>\n\n      <div class=\"quem revela\">\n        <figure class=\"quem-video\">\n          <div class=\"tocador\" data-tocador>\n            <video src=\"https:\/\/contaja.com.br\/lp\/wp-content\/uploads\/2026\/08\/clientes-falam.mp4\"\n                   poster=\"https:\/\/contaja.com.br\/lp\/wp-content\/uploads\/2026\/08\/clientes-falam.webp\"\n                   width=\"720\" height=\"720\"\n                   muted playsinline preload=\"metadata\"\n                   aria-label=\"Avalia\u00e7\u00f5es de clientes da Contaj\u00e1 publicadas no Google, lidas em v\u00eddeo\"><\/video>\n\n            <button class=\"tocador-som\" type=\"button\" data-som>\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><use href=\"#ico-som\"\/><\/svg>\n              <span data-som-rotulo>Ativar som<\/span>\n            <\/button>\n\n            <div class=\"tocador-barra\">\n              <button class=\"tocador-botao\" type=\"button\" data-play aria-label=\"Pausar o v\u00eddeo\">\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><use href=\"#ico-pausar\"\/><\/svg>\n              <\/button>\n              <input class=\"tocador-linha\" type=\"range\" min=\"0\" max=\"1000\" value=\"0\" step=\"1\"\n                     data-linha aria-label=\"Posi\u00e7\u00e3o do v\u00eddeo\">\n              <span class=\"tocador-tempo\" data-tempo>0:00<\/span>\n\n              <div class=\"tocador-volume\">\n                <button class=\"tocador-mudo\" type=\"button\" data-mudo aria-label=\"Ativar o som\">\n                  <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><use href=\"#ico-mudo\"\/><\/svg>\n                <\/button>\n                <input class=\"tocador-nivel\" type=\"range\" min=\"0\" max=\"100\" value=\"80\" step=\"1\"\n                       data-nivel aria-label=\"Volume\">\n              <\/div>\n            <\/div>\n          <\/div>\n          <figcaption>Avalia\u00e7\u00f5es que clientes deixaram no Google, lidas em 1 minuto.<\/figcaption>\n        <\/figure>\n      <\/div>\n    <\/div>\n\n    <ul class=\"recortes revela\">\n      <li>\n        <p>\"Sou cliente do Contaj\u00e1 h\u00e1 3 anos. A plataforma \u00e9 muito intuitiva e o atendimento t\u00e9cnico muito bom.\"<\/p>\n        <footer>\n          <span class=\"estrelas\" role=\"img\" aria-label=\"cinco de cinco estrelas\">\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><use href=\"#estrela\"\/><\/svg>\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><use href=\"#estrela\"\/><\/svg>\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><use href=\"#estrela\"\/><\/svg>\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><use href=\"#estrela\"\/><\/svg>\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><use href=\"#estrela\"\/><\/svg>\n          <\/span>\n          <b>Eduardo Lopes<\/b>\n        <\/footer>\n      <\/li>\n      <li>\n        <p>\"\u00c9 muito bom o sistema, aplicativo, tem at\u00e9 um PWA pra vers\u00e3o de celular, \u00e9 intuitivo e o atendimento \u00e9 muito bom. Bem completo e com equipes especializadas pra cada coisa.\"<\/p>\n        <footer>\n          <span class=\"estrelas\" role=\"img\" aria-label=\"cinco de cinco estrelas\">\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><use href=\"#estrela\"\/><\/svg>\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><use href=\"#estrela\"\/><\/svg>\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><use href=\"#estrela\"\/><\/svg>\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><use href=\"#estrela\"\/><\/svg>\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><use href=\"#estrela\"\/><\/svg>\n          <\/span>\n          <b>Iago Silva<\/b>\n        <\/footer>\n      <\/li>\n      <li>\n        <p>\"A plataforma \u00e9 pr\u00e1tica e facilita o acompanhamento das obriga\u00e7\u00f5es da empresa.\"<\/p>\n        <footer>\n          <span class=\"estrelas\" role=\"img\" aria-label=\"cinco de cinco estrelas\">\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><use href=\"#estrela\"\/><\/svg>\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><use href=\"#estrela\"\/><\/svg>\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><use href=\"#estrela\"\/><\/svg>\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><use href=\"#estrela\"\/><\/svg>\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><use href=\"#estrela\"\/><\/svg>\n          <\/span>\n          <b>Halisson Sales Mendes<\/b>\n        <\/footer>\n      <\/li>\n    <\/ul>\n\n    <ul class=\"agregados revela\">\n      <li>\n        <b>4,8<\/b>\n        <span>no <a href=\"https:\/\/www.google.com\/maps\/place\/Contaj%C3%A1+Contabilidade+Online\" target=\"_blank\" rel=\"noopener\">Google, em 2.292 avalia\u00e7\u00f5es<\/a><\/span>\n      <\/li>\n      <li>\n        <b>+7 mil<\/b>\n        <span>empresas e profissionais de tecnologia atendidos<\/span>\n      <\/li>\n      <li>\n        <b>CRC<\/b>\n        <span>MG-011625\/O-9, o registro da empresa no conselho de contabilidade<\/span>\n      <\/li>\n    <\/ul>\n  <\/div>\n<\/section>\n\n<section class=\"bloco bloco--papel conversao\" id=\"comecar\">\n\n  <span class=\"costura-ast costura--fim\" aria-hidden=\"true\"><\/span>\n\n  <div class=\"faixa\">\n    <div class=\"conversao-cabeca revela\">\n      <h2>Vamos entender <span class=\"leve\">o seu momento<\/span><\/h2>\n      <p class=\"lead\">Comece por onde voc\u00ea est\u00e1 hoje.<\/p>\n    <\/div>\n\n    <div class=\"escolhas revela\">\n        <a class=\"botao\" href=\"https:\/\/checkout.contaja.com.br\/home\/opening?carrinho=abertura&amp;ref=lp-tecnologia&amp;utm_source=lp-tecnologia&amp;utm_medium=landing-page&amp;utm_campaign=contabilidade-para-tecnologia&amp;utm_content=conversao-abrir\" target=\"_blank\" rel=\"noopener\">Quero abrir minha empresa\n          <i><svg viewBox=\"0 -960 960 960\" aria-hidden=\"true\"><use href=\"#seta-dir\"\/><\/svg><\/i>\n        <\/a>\n        <a class=\"botao\" href=\"https:\/\/checkout.contaja.com.br\/home\/migration?carrinho=migracao&amp;ref=lp-tecnologia&amp;utm_source=lp-tecnologia&amp;utm_medium=landing-page&amp;utm_campaign=contabilidade-para-tecnologia&amp;utm_content=conversao-migrar\" target=\"_blank\" rel=\"noopener\">J\u00e1 tenho CNPJ\n          <i><svg viewBox=\"0 -960 960 960\" aria-hidden=\"true\"><use href=\"#seta-dir\"\/><\/svg><\/i>\n        <\/a>\n      <\/div>\n      <div class=\"quem-responde\">\n          <div class=\"rostos\">\n            <i><img src=\"https:\/\/contaja.com.br\/lp\/wp-content\/uploads\/2026\/08\/rosto-andre.webp\" alt=\"\" width=\"200\" height=\"200\" loading=\"lazy\" decoding=\"async\"><\/i>\n            <i><img src=\"https:\/\/contaja.com.br\/lp\/wp-content\/uploads\/2026\/08\/rosto-gyna.webp\" alt=\"\" width=\"200\" height=\"200\" loading=\"lazy\" decoding=\"async\"><\/i>\n            <i><img src=\"https:\/\/contaja.com.br\/lp\/wp-content\/uploads\/2026\/08\/rosto-jeferson.webp\" alt=\"\" width=\"200\" height=\"200\" loading=\"lazy\" decoding=\"async\"><\/i>\n            <i><img src=\"https:\/\/contaja.com.br\/lp\/wp-content\/uploads\/2026\/08\/rosto-tannes.webp\" alt=\"\" width=\"200\" height=\"200\" loading=\"lazy\" decoding=\"async\"><\/i>\n          <\/div>\n          <p>Quem responde \u00e9 <b>uma pessoa do time<\/b>, de segunda a sexta, das 8h \u00e0s 20h.<\/p>\n        <\/div>\n      \n  <\/div>\n<\/section>\n\n<section class=\"bloco bloco--escuro duvidas\" id=\"duvidas\">\n  <span class=\"costura-ast costura--inicio\" aria-hidden=\"true\"><\/span>\n\n  <div class=\"faixa\">\n    <div class=\"duvidas-grade\">\n    <div class=\"duvidas-cabeca\">\n      <h2>D\u00favidas <span class=\"leve\">sobre contabilidade para tecnologia<\/span><\/h2>\n      <p class=\"apoio\">Essas s\u00e3o as principais d\u00favidas de quem chega! Sua d\u00favida n\u00e3o foi respondida aqui? \u00c9 s\u00f3 chamar a gente.<\/p>\n    <\/div>\n\n    <div class=\"duvidas-lista\">\n      <details class=\"revela\">\n        <summary><h3>Dev pode ser MEI?<\/h3><span class=\"mais\" aria-hidden=\"true\"><\/span><\/summary>\n        <p>N\u00e3o. Desenvolvimento de software e as outras atividades de tecnologia ficaram de fora da lista de ocupa\u00e7\u00f5es do MEI, porque a lei trata esse trabalho como intelectual. Quem vive de tecnologia e quer CNPJ abre uma empresa pequena, quase sempre uma Sociedade Limitada Unipessoal, que \u00e9 a empresa de dono \u00fanico: voc\u00ea n\u00e3o precisa de s\u00f3cio nem de dinheiro guardado para abrir. A lista completa de <a href=\"https:\/\/contaja.com.br\/blog\/quem-nao-pode-ser-mei\/\" target=\"_blank\" rel=\"noopener\">quem n\u00e3o pode ser MEI<\/a> est\u00e1 no blog.<\/p>\n      <\/details>\n\n      <details class=\"revela\">\n        <summary><h3>Que tipo de empresa eu abro para trabalhar com tecnologia?<\/h3><span class=\"mais\" aria-hidden=\"true\"><\/span><\/summary>\n        <p>Uma empresa de dono \u00fanico, e nela voc\u00ea declara o que faz por um c\u00f3digo de atividade, que se chama CNAE. \u00c9 esse c\u00f3digo que diz ao governo qual \u00e9 o seu trabalho. Os quatro mais usados em tecnologia s\u00e3o 6201-5\/01, para software feito sob encomenda, 6202-3\/00, para programa pronto que voc\u00ea customiza, 6204-0\/00, para consultoria, e 6209-1\/00, para suporte e manuten\u00e7\u00e3o. O c\u00f3digo escolhido muda a conta do imposto, ent\u00e3o vale conferir o <a href=\"https:\/\/contaja.com.br\/blog\/cnae-dev-profissional-ti\/\" target=\"_blank\" rel=\"noopener\">CNAE de dev e de profissional de TI<\/a> antes de abrir o CNPJ.<\/p>\n      <\/details>\n\n      <details class=\"revela\">\n        <summary><h3>Quanto imposto eu vou pagar como dev PJ?<\/h3><span class=\"mais\" aria-hidden=\"true\"><\/span><\/summary>\n        <p>Depende de quanto voc\u00ea retira da pr\u00f3pria empresa como sal\u00e1rio. No Simples Nacional cada atividade cai em uma tabela, chamada anexo, e a de tecnologia pode cair em duas: o Anexo III, que come\u00e7a em 6% do faturamento, e o Anexo V, que come\u00e7a em 15,5%. Quem decide \u00e9 uma conta com nome feio e resultado simples, o fator R: se o que a empresa paga de folha, que \u00e9 o seu pr\u00f3-labore, a retirada mensal do dono, mais os encargos, chega a 28% do que ela faturou nos \u00faltimos 12 meses, voc\u00ea fica na tabela mais barata. Essa conta \u00e9 refeita todo m\u00eas, e a diferen\u00e7a entre o <a href=\"https:\/\/contaja.com.br\/blog\/diferenca-anexo-iii-e-v-simples-nacional\/\" target=\"_blank\" rel=\"noopener\">Anexo III e o Anexo V<\/a> costuma ser a maior economia dispon\u00edvel para um CNPJ de tecnologia.<\/p>\n      <\/details>\n\n      <details class=\"revela\">\n        <summary><h3>Meu cliente est\u00e1 fora do Brasil. Como fica a nota?<\/h3><span class=\"mais\" aria-hidden=\"true\"><\/span><\/summary>\n        <p>Trabalhar para quem est\u00e1 fora do pa\u00eds conta como exporta\u00e7\u00e3o de servi\u00e7o, desde que o resultado do seu trabalho seja usado l\u00e1 fora. E exporta\u00e7\u00e3o paga menos imposto: ficam de fora o ISS, que \u00e9 o imposto da prefeitura sobre servi\u00e7o, o PIS, a Cofins e o imposto de exporta\u00e7\u00e3o, e a entrada do dinheiro n\u00e3o paga IOF, o imposto do c\u00e2mbio. Continuam valendo o IRPJ e a CSLL, que s\u00e3o os dois que caem sobre o lucro da empresa. Na pr\u00e1tica voc\u00ea emite a nota do jeito de sempre, no sistema da sua prefeitura, marcando que \u00e9 exporta\u00e7\u00e3o, e recebe por um contrato de c\u00e2mbio, que \u00e9 o registro que o banco faz ao converter o pagamento em reais. O passo a passo est\u00e1 no artigo sobre <a href=\"https:\/\/contaja.com.br\/blog\/como-funciona-a-tributacao-sobre-exportacao-de-servico\/\" target=\"_blank\" rel=\"noopener\">tributa\u00e7\u00e3o na exporta\u00e7\u00e3o de servi\u00e7os<\/a>.<\/p>\n      <\/details>\n\n      <details class=\"revela\">\n        <summary><h3>Quanto custa abrir e manter um CNPJ de tecnologia?<\/h3><span class=\"mais\" aria-hidden=\"true\"><\/span><\/summary>\n        <p>O custo de abrir s\u00e3o as <a href=\"https:\/\/contaja.com.br\/blog\/quanto-custa-abrir-empresa\/\" target=\"_blank\" rel=\"noopener\">taxas da junta comercial<\/a> do seu estado e da prefeitura, mais o certificado digital, que \u00e9 a assinatura eletr\u00f4nica da empresa. Para manter, o que pesa \u00e9 o imposto de todo m\u00eas, que depende da tabela em que a sua empresa se encaixa, e o servi\u00e7o de contabilidade. Na Contaj\u00e1 n\u00e3o cobramos honor\u00e1rios pela abertura, e voc\u00ea recebe os custos e o valor da contabilidade antes de contratar.<\/p>\n      <\/details>\n\n      <details class=\"revela\" id=\"trocar\">\n        <summary><h3>Meu contador n\u00e3o entende o meu modelo de neg\u00f3cio. Como funciona a troca?<\/h3><span class=\"mais\" aria-hidden=\"true\"><\/span><\/summary>\n        <p>A Contaj\u00e1 orienta todo o processo de <a href=\"https:\/\/contaja.com.br\/blog\/como-trocar-de-contador\/\" target=\"_blank\" rel=\"noopener\">troca de contador<\/a>, solicita os documentos necess\u00e1rios para a migra\u00e7\u00e3o e define a data a partir da qual passa a cuidar das obriga\u00e7\u00f5es da empresa. Voc\u00ea n\u00e3o precisa brigar com o contador atual nem parar de faturar durante a mudan\u00e7a, e quem assume j\u00e1 lida todo dia com empresa de tecnologia, com cliente que paga em moeda estrangeira e com a conta que decide o seu imposto a cada m\u00eas.<\/p>\n      <\/details>\n    <\/div>\n    <\/div>\n\n    <div class=\"fechamento revela\">\n      <div>\n        <h2>Conte o seu momento <span class=\"leve\">e a gente mostra as suas op\u00e7\u00f5es<\/span><\/h2>\n        <p class=\"apoio\">Vale para quem vai abrir o CNPJ agora e para quem j\u00e1 fatura como PJ h\u00e1 anos.<\/p>\n      <\/div>\n      <a class=\"botao\" href=\"https:\/\/checkout.contaja.com.br\/?ref=lp-tecnologia&amp;utm_source=lp-tecnologia&amp;utm_medium=landing-page&amp;utm_campaign=contabilidade-para-tecnologia&amp;utm_content=duvidas\" target=\"_blank\" rel=\"noopener\">Quero falar com um contador\n        <i><svg viewBox=\"0 -960 960 960\" aria-hidden=\"true\"><use href=\"#seta-dir\"\/><\/svg><\/i>\n      <\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section class=\"bloco bloco--papel leituras\">\n  <div class=\"faixa\">\n    <div class=\"leituras-cabeca revela\">\n      <h2>Quer entender melhor <span class=\"leve\">antes de decidir?<\/span><\/h2>\n      <p class=\"lead\">Confira conte\u00fados sobre CNAE, contabilidade e tributa\u00e7\u00e3o para quem vive de tecnologia.<\/p>\n    <\/div>\n\n    <div class=\"leituras-grade\">\n      <a class=\"leitura leitura--principal revela\"\n         href=\"https:\/\/contaja.com.br\/blog\/cnae-dev-profissional-ti\/\"\n         target=\"_blank\" rel=\"noopener\">\n        <img src=\"https:\/\/contaja.com.br\/lp\/wp-content\/uploads\/2026\/08\/tec-cnae-dev.webp\"\n             alt=\"Desenvolvedor de \u00f3culos sorrindo entre dois monitores com c\u00f3digo aberto, no escrit\u00f3rio\"\n             width=\"1006\" height=\"527\" loading=\"lazy\" decoding=\"async\">\n        <h3>Qual CNAE de dev e profissional de TI escolher?<\/h3>\n        <span class=\"ler\">Ler no blog\n          <svg viewBox=\"0 -960 960 960\" aria-hidden=\"true\"><use href=\"#seta-dir\"\/><\/svg>\n        <\/span>\n      <\/a>\n\n      <div>\n        <a class=\"leitura leitura--menor revela\"\n           href=\"https:\/\/contaja.com.br\/blog\/melhor-contabilidade-para-startups\/\"\n           target=\"_blank\" rel=\"noopener\">\n          <img src=\"https:\/\/contaja.com.br\/lp\/wp-content\/uploads\/2026\/08\/tec-contabilidade-startups.webp\"\n               alt=\"Tr\u00eas pessoas do time da Contaj\u00e1 de camiseta verde da empresa, sobre fundo verde escuro\"\n               width=\"840\" height=\"440\" loading=\"lazy\" decoding=\"async\">\n          <h3>Melhor contabilidade para startups e empresas de tecnologia<\/h3>\n          <span class=\"ler\">Ler no blog\n            <svg viewBox=\"0 -960 960 960\" aria-hidden=\"true\"><use href=\"#seta-dir\"\/><\/svg>\n          <\/span>\n        <\/a>\n\n        <a class=\"leitura leitura--menor revela\"\n           href=\"https:\/\/contaja.com.br\/blog\/reforma-tributaria-setor-tecnologia\/\"\n           target=\"_blank\" rel=\"noopener\">\n          <img src=\"https:\/\/contaja.com.br\/lp\/wp-content\/uploads\/2026\/08\/tec-reforma-tributaria.webp\"\n               alt=\"Profissional de TI sentado na cadeira do escrit\u00f3rio, com monitores de c\u00f3digo acesos atr\u00e1s\"\n               width=\"840\" height=\"440\" loading=\"lazy\" decoding=\"async\">\n          <h3>Reforma tribut\u00e1ria no setor de tecnologia: o que muda?<\/h3>\n          <span class=\"ler\">Ler no blog\n            <svg viewBox=\"0 -960 960 960\" aria-hidden=\"true\"><use href=\"#seta-dir\"\/><\/svg>\n          <\/span>\n        <\/a>\n\n        <a class=\"leitura leitura--menor revela\"\n           href=\"https:\/\/contaja.com.br\/blog\/como-funciona-a-tributacao-sobre-exportacao-de-servico\/\"\n           target=\"_blank\" rel=\"noopener\">\n          <img src=\"https:\/\/contaja.com.br\/lp\/wp-content\/uploads\/2026\/08\/tec-exportacao-de-servico.webp\"\n               alt=\"Profissional de bra\u00e7os cruzados no sagu\u00e3o de uma empresa de tecnologia\"\n               width=\"840\" height=\"440\" loading=\"lazy\" decoding=\"async\">\n          <h3>Tributa\u00e7\u00e3o sobre exporta\u00e7\u00e3o de servi\u00e7os em 2026<\/h3>\n          <span class=\"ler\">Ler no blog\n            <svg viewBox=\"0 -960 960 960\" aria-hidden=\"true\"><use href=\"#seta-dir\"\/><\/svg>\n          <\/span>\n        <\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<\/main>\n\n<footer class=\"rodape\">\n  <div class=\"faixa\">\n    <div class=\"rodape-grade\">\n      <div class=\"rodape-marca\">\n        <svg role=\"img\" aria-label=\"Contaj\u00e1\" id=\"lg2-Camada_1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" version=\"1.1\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" viewBox=\"0 0 1639.02 384.51\">\n  \n  <defs>\n    <style>\n      .lg2-st0 {\n        fill: #f1eee3;\n      }\n\n      .lg2-st1 {\n        fill: none;\n      }\n\n      .lg2-st2 {\n        fill: #93c92b;\n      }\n\n      .lg2-st3 {\n        clip-path: url(#lg2-clippath);\n      }\n\n      .lg2-st4 {\n        fill: #468c34;\n      }\n    <\/style>\n    <clipPath id=\"lg2-clippath\">\n      <rect class=\"lg2-st1\" width=\"1639.02\" height=\"384.51\"\/>\n    <\/clipPath>\n  <\/defs>\n  <g class=\"lg2-st3\">\n    <path class=\"lg2-st2\" d=\"M169.01,151.28c9.36-24.74,18.45-49.58,28.18-74.16,5.25-13.27,15.93-19.89,30.11-19.93,59.43-.14,118.86-.15,178.29-.02,22.05.05,37.64,21.06,30.24,41.61-14.55,40.41-29.81,80.57-44.85,120.81-8.79,23.51-17.53,47.04-26.67,70.42-5.34,13.66-16.3,19.63-30.55,20.04-7.42.21-14.85.18-22.27.25,17.62-6.92,21.42-14.93,15.4-33.58-11.03-34.17-22.24-68.27-33.39-102.4-3.84-11.74-12.07-18.73-23.83-21.89-6.33-1.7-12.76-.81-19.14-.86-27.17-.19-54.34-.21-81.51-.29\"\/>\n    <path class=\"lg2-st4\" d=\"M169.01,151.28c27.17.08,54.34.1,81.51.29,6.38.04,12.81-.84,19.14.86,11.76,3.17,19.99,10.15,23.83,21.89,11.15,34.13,22.36,68.24,33.39,102.4,6.02,18.65,2.22,26.66-15.4,33.58-1.35.07-2.69.2-4.03.2-64.23,0-128.47,0-192.7-.02-1.34,0-2.69-.13-4.03-.2.05-1.86.35-3.62,1.02-5.41,19.15-51.19,38.25-102.4,57.35-153.6h-.08\"\/>\n    <path class=\"lg2-st0\" d=\"M1482.48,255.74c-2.11-.04-3.44,1.43-4.99,2.3-29.85,16.7-66.45,13.75-93.13-7.57-26.72-21.36-37.84-56.9-28.06-89.65,9.71-32.53,38.4-56.08,72.23-59.31,49.05-4.68,91.53,33.75,91.64,82.94.06,25.83-.06,51.65.1,77.48.02,3.76-.63,5.29-4.85,5.12-9.27-.36-18.57-.32-27.85-.01-3.94.13-5.04-1.17-4.67-4.86.2-2.07.53-4.3-.4-6.43M1483.02,185.26c.05-25.78-20.3-46.35-46.03-46.51-25.64-.16-46.46,20.39-46.59,46-.14,25.93,20.53,46.79,46.34,46.77,25.71-.02,46.24-20.54,46.29-46.26\"\/>\n    <path class=\"lg2-st0\" d=\"M1233.71,254.81c-12.17,7.55-24.24,11.8-37.33,13.45-43.12,5.42-85.36-26.58-91.69-69.67-7.44-50.64,27.83-94.22,78.91-97.51,43.94-2.83,85.14,33.3,86.96,77.59,1.16,28.31.3,56.71.42,85.07.01,2.32-.56,3.28-3.08,3.25-10.3-.12-20.6-.13-30.89,0-2.79.04-3.51-1.06-3.34-3.58.17-2.5.04-5.01.04-8.59M1233.78,185.03c-.06-25.76-20.53-46.23-46.28-46.27-25.62-.04-46.34,20.61-46.38,46.23-.04,25.88,20.74,46.63,46.59,46.54,25.64-.09,46.13-20.77,46.06-46.5\"\/>\n    <path class=\"lg2-st0\" d=\"M635.07,185.08c-.13-46.02,37.21-83.86,82.99-84.09,46.41-.23,84.35,37.4,84.43,83.74.08,46.2-37.5,83.99-83.57,84.05-46.22.06-83.71-37.37-83.84-83.7M719.7,138.76c-25.66-.43-46.66,19.9-47.02,45.52-.36,25.84,19.79,46.87,45.29,47.25,25.8.39,46.92-19.82,47.31-45.27.4-26.14-19.69-47.07-45.58-47.5\"\/>\n    <path class=\"lg2-st0\" d=\"M822.65,183.68c0-26,.07-52-.08-77.99-.02-3.73.61-5.33,4.86-5.17,9.27.35,18.57.2,27.85.05,3.01-.05,4.63.38,4.45,4.02-.16,3.07-1.6,7.42.76,8.95,1.85,1.2,5.11-2.28,7.77-3.63,55.03-27.96,121.14,12.68,121.13,74.48,0,25.83-.07,51.66.08,77.49.02,3.73-.61,5.32-4.85,5.16-9.27-.35-18.57-.28-27.85-.02-3.65.1-4.43-1.11-4.41-4.56.15-25.66.18-51.32.1-76.98-.07-21.51-14.27-40.01-34.51-45.26-29.62-7.68-58.14,14.22-58.32,44.98-.15,25.66-.08,51.32.09,76.98.02,3.62-.64,5-4.63,4.86-9.27-.33-18.57-.32-27.85,0-3.98.14-4.67-1.22-4.65-4.86.15-26.17.08-52.33.08-78.5\"\/>\n    <path class=\"lg2-st0\" d=\"M490.38,184.81c1.75-35.15,17.42-61.89,49.96-76.31,32.29-14.31,62.57-8.68,89.74,13.91,3.14,2.61,2.96,4.11.09,6.81-7.01,6.59-13.73,13.49-20.42,20.4-1.85,1.91-2.92,2.25-5.22.33-15.6-13.02-36.42-14.88-53.32-5.04-17.1,9.96-25.81,28.97-22.32,48.74,3.35,18.99,18.25,33.89,37.92,37.24,14.09,2.4,26.84-1.21,37.7-10.55,2.37-2.04,3.5-2,5.6.2,6.77,7.07,13.63,14.07,20.77,20.76,2.74,2.57,1.76,3.74-.4,5.71-47.19,43.04-123.98,18.83-137.89-43.51-1.36-6.11-2.21-12.29-2.21-18.69\"\/>\n    <path class=\"lg2-st0\" d=\"M169.09,151.27c-19.11,51.21-38.2,102.41-57.35,153.6-.67,1.79-.97,3.55-1.02,5.41-2.91-.81-5.89-1.43-8.71-2.48-10.06-3.74-16.12-11.06-19.37-21.2-10.41-32.41-21.01-64.76-31.54-97.13-.99-3.04-2.05-6.07-2.97-9.14-4.58-15.22,5.23-28.61,21.21-28.66,31.24-.1,62.48-.02,93.72-.05,2.01,0,4.02-.24,6.03-.36\"\/>\n    <path class=\"lg2-st0\" d=\"M1332.7,190.26c0,26.18.06,52.36-.02,78.54-.14,43.85-32.04,79.15-75.71,83.91-1.17.13-2.38.04-3.54.24-3.1.53-4.07-.62-4.01-3.8.2-9.79.19-19.59,0-29.39-.05-3.02.79-3.93,3.89-4.22,24.56-2.28,42.25-22.12,42.2-46.69-.1-54.39-.02-108.78-.16-163.16-.01-3.82.97-4.91,4.77-4.8,9.28.27,18.58.26,27.86,0,3.75-.11,4.83.88,4.8,4.75-.18,28.21-.1,56.41-.1,84.62\"\/>\n    <path class=\"lg2-st0\" d=\"M1046.8,166.51c.59,7.92-1.08,17.59.91,27.13,4.22,20.22,20.61,34.94,41.15,36.74,2.92.26,4.11.83,4.04,4.05-.22,9.62-.35,19.26.04,28.87.19,4.68-1.98,4.65-5.42,4.45-36.44-2.19-68.33-29.75-76.01-65.83-1.27-5.96-1.98-11.98-1.98-18.09.01-34.11.07-68.22-.1-102.33-.02-3.83.95-4.89,4.73-4.78,9.28.26,18.58.31,27.86-.02,4.2-.15,5.09,1.36,4.85,5.17-.31,4.88.15,9.8-.15,14.68-.21,3.47,1.12,4.26,4.31,4.13,5.56-.23,11.15.1,16.71-.13,2.97-.12,3.68.95,3.64,3.75-.15,9.79-.19,19.59.02,29.38.07,3.27-.78,4.48-4.2,4.32-5.56-.27-11.15.06-16.71-.13-2.82-.1-3.82.72-3.75,3.67.19,7.76.06,15.53.06,24.97\"\/>\n    <path class=\"lg2-st2\" d=\"M1500.81,41.88c0,4.89-.14,9.79.05,14.67.11,2.79-.48,4.12-3.62,4.65-35.4,5.94-70.78,12.06-106.16,18.14-5.48.94-10.97,1.86-16.43,2.9-2.31.44-3.36-.02-3.33-2.69.12-10.46.23-20.92-.04-31.37-.1-4.12,2.77-3.62,4.99-4.01,19.59-3.43,39.19-6.77,58.8-10.12,20.6-3.52,41.21-6.95,61.79-10.59,3.08-.55,4.23-.21,4.03,3.24-.29,5.04-.07,10.12-.07,15.18\"\/>\n    <path class=\"lg2-st0\" d=\"M1295.46,57.66c0-4.89.12-9.78-.05-14.66-.09-2.66.39-4,3.51-3.95,10.11.16,20.23.13,30.34.02,2.57-.03,3.54.68,3.51,3.41-.14,10.45-.13,20.9,0,31.35.03,2.51-.9,3.17-3.23,3.15-10.28-.08-20.56-.11-30.85.01-2.81.03-3.34-1.17-3.26-3.65.16-5.22.05-10.45.05-15.68\"\/>\n    <path class=\"lg2-st0\" d=\"M491.87,325.93c0-3.01.52-5.95,1.56-8.85,1.04-2.89,2.57-5.53,4.58-7.91,2.01-2.38,4.47-4.28,7.39-5.69,2.92-1.41,6.22-2.12,9.92-2.12,4.39,0,8.16,1,11.31,3.02,3.15,2.01,5.48,4.59,7.01,7.74l-4.93,3.19c-.97-2.08-2.21-3.74-3.71-4.96-1.5-1.23-3.12-2.09-4.86-2.6-1.73-.51-3.43-.76-5.1-.76-2.73,0-5.15.55-7.25,1.67-2.11,1.11-3.88,2.59-5.31,4.44-1.43,1.85-2.51,3.92-3.23,6.21-.72,2.29-1.08,4.59-1.08,6.91,0,2.54.43,5,1.29,7.36.85,2.36,2.05,4.44,3.57,6.24,1.53,1.8,3.33,3.24,5.41,4.3,2.08,1.07,4.35,1.6,6.8,1.6,1.71,0,3.47-.3,5.27-.9,1.8-.6,3.49-1.54,5.07-2.81,1.57-1.27,2.82-2.92,3.75-4.96l5.2,2.85c-1.02,2.45-2.59,4.53-4.72,6.24-2.13,1.71-4.5,3.01-7.11,3.89-2.61.88-5.19,1.32-7.74,1.32-3.38,0-6.48-.73-9.3-2.18-2.82-1.46-5.26-3.4-7.32-5.83-2.06-2.43-3.65-5.16-4.79-8.19-1.13-3.03-1.7-6.09-1.7-9.19\"\/>\n    <path class=\"lg2-st0\" d=\"M557.23,351.67c-2.73,0-5.2-.49-7.42-1.48s-4.14-2.34-5.76-4.06c-1.62-1.72-2.87-3.71-3.75-5.96-.88-2.25-1.32-4.61-1.32-7.09s.44-4.91,1.32-7.16c.88-2.25,2.13-4.24,3.75-5.96,1.62-1.72,3.55-3.08,5.8-4.07,2.24-.99,4.71-1.48,7.39-1.48s5.2.49,7.43,1.48c2.22.99,4.15,2.34,5.79,4.07,1.64,1.72,2.9,3.71,3.78,5.96.88,2.25,1.32,4.64,1.32,7.16s-.44,4.84-1.32,7.09c-.88,2.25-2.13,4.24-3.75,5.96-1.62,1.72-3.55,3.08-5.79,4.06-2.24.99-4.73,1.48-7.46,1.48M545.23,333.14c0,2.47.54,4.72,1.63,6.73,1.09,2.01,2.53,3.61,4.34,4.77,1.8,1.17,3.82,1.75,6.04,1.75s4.24-.6,6.07-1.78c1.83-1.19,3.28-2.81,4.37-4.84,1.09-2.04,1.63-4.29,1.63-6.77s-.54-4.72-1.63-6.73c-1.09-2.02-2.55-3.62-4.37-4.81-1.83-1.19-3.85-1.79-6.07-1.79s-4.23.61-6.04,1.82c-1.8,1.21-3.25,2.83-4.34,4.84-1.09,2.02-1.63,4.28-1.63,6.8\"\/>\n    <path class=\"lg2-st0\" d=\"M614.41,350.98h-6.11v-20.08c0-3.81-.59-6.59-1.77-8.35-1.18-1.77-2.97-2.65-5.38-2.65-1.66,0-3.32.41-4.96,1.23-1.64.82-3.1,1.93-4.37,3.33-1.27,1.39-2.18,3.01-2.74,4.83v21.69h-6.11v-36.01h5.55v7.78c.97-1.7,2.22-3.17,3.75-4.41,1.53-1.24,3.26-2.2,5.2-2.89,1.94-.69,3.98-1.03,6.11-1.03s3.83.38,5.24,1.14c1.41.76,2.52,1.82,3.33,3.17.81,1.36,1.39,2.95,1.73,4.79.35,1.84.52,3.83.52,5.99v21.49Z\"\/>\n    <path class=\"lg2-st0\" d=\"M642.66,349.38c-.51.23-1.2.53-2.08.9-.88.37-1.9.69-3.05.97-1.16.28-2.38.42-3.68.42-1.48,0-2.84-.27-4.09-.8-1.25-.53-2.24-1.36-2.98-2.5-.74-1.13-1.11-2.56-1.11-4.27v-24.36h-4.93v-4.79h4.93v-12.07h6.11v12.07h8.12v4.79h-8.12v22.48c.09,1.3.53,2.25,1.32,2.88.79.62,1.71.94,2.78.94,1.2,0,2.31-.21,3.33-.62,1.02-.42,1.69-.72,2.01-.9l1.46,4.86Z\"\/>\n    <path class=\"lg2-st0\" d=\"M645.5,340.57c0-2.3.66-4.29,1.98-5.97,1.32-1.68,3.13-2.98,5.45-3.9,2.31-.92,5-1.38,8.05-1.38,1.62,0,3.33.13,5.14.38,1.8.25,3.4.64,4.79,1.14v-2.62c0-2.74-.83-4.89-2.5-6.47-1.67-1.57-4.03-2.36-7.08-2.36-1.99,0-3.9.36-5.72,1.08-1.83.72-3.76,1.75-5.79,3.09l-2.22-4.3c2.36-1.62,4.72-2.83,7.08-3.64,2.36-.81,4.81-1.21,7.36-1.21,4.63,0,8.28,1.27,10.96,3.82,2.68,2.55,4.02,6.09,4.02,10.63v15.2c0,.74.15,1.27.45,1.62.3.35.8.54,1.49.58v4.72c-.6.09-1.12.16-1.56.21-.44.05-.8.07-1.08.07-1.43,0-2.51-.39-3.23-1.18-.72-.79-1.12-1.62-1.22-2.5l-.14-2.29c-1.57,2.04-3.63,3.61-6.18,4.72-2.55,1.11-5.07,1.67-7.56,1.67s-4.56-.5-6.45-1.48c-1.9-.99-3.38-2.32-4.44-4-1.07-1.68-1.6-3.55-1.6-5.62M669.09,343.11c.56-.64.99-1.29,1.32-1.96.32-.66.49-1.22.49-1.68v-4.47c-1.43-.55-2.94-.97-4.51-1.27-1.57-.3-3.12-.45-4.65-.45-3.1,0-5.61.61-7.53,1.82-1.92,1.21-2.88,2.87-2.88,4.98,0,1.15.31,2.26.94,3.33.62,1.08,1.55,1.96,2.78,2.65,1.23.69,2.74,1.03,4.54,1.03,1.9,0,3.7-.38,5.41-1.13,1.71-.76,3.08-1.71,4.09-2.85\"\/>\n    <path class=\"lg2-st0\" d=\"M705.38,351.67c-2.82,0-5.39-.69-7.7-2.08-2.31-1.39-4.14-3.19-5.48-5.41v6.8h-5.41v-50.66h6.11v21.93c1.53-2.36,3.4-4.26,5.62-5.69,2.22-1.43,4.81-2.15,7.77-2.15,2.5,0,4.74.52,6.73,1.55,1.99,1.03,3.69,2.43,5.1,4.2,1.41,1.77,2.5,3.76,3.26,5.99.76,2.23,1.15,4.56,1.15,6.99s-.43,4.9-1.28,7.13c-.86,2.23-2.07,4.2-3.64,5.93s-3.39,3.06-5.45,4.03c-2.06.96-4.31,1.45-6.77,1.45M703.86,346.4c1.8,0,3.47-.36,5-1.1,1.53-.73,2.85-1.72,3.96-2.95,1.11-1.24,1.97-2.65,2.57-4.26.6-1.6.9-3.25.9-4.94,0-2.33-.5-4.53-1.49-6.59-1-2.06-2.38-3.72-4.16-4.98-1.78-1.26-3.85-1.89-6.21-1.89-1.71,0-3.31.39-4.79,1.17-1.48.78-2.79,1.8-3.92,3.06-1.13,1.26-2.07,2.64-2.81,4.15v10.37c.23,1.15.72,2.2,1.46,3.16.74.96,1.64,1.8,2.71,2.51,1.06.71,2.19,1.27,3.36,1.68,1.18.41,2.33.62,3.44.62\"\/>\n    <path class=\"lg2-st0\" d=\"M730.02,300.32h6.11v7.63h-6.11v-7.63ZM730.02,314.76h6.11v36.22h-6.11v-36.22Z\"\/>\n    <path class=\"lg2-st0\" d=\"M746.12,300.32h6.11v41.48c0,2,.28,3.23.83,3.69.55.47,1.23.7,2.01.7.97,0,1.9-.1,2.78-.31.88-.21,1.62-.43,2.22-.66l.97,5c-1.02.42-2.22.76-3.61,1.04-1.39.28-2.61.42-3.68.42-2.36,0-4.22-.68-5.59-2.02-1.36-1.35-2.05-3.23-2.05-5.64v-43.69Z\"\/>\n    <path class=\"lg2-st0\" d=\"M765.82,300.32h6.11v7.63h-6.11v-7.63ZM765.82,314.76h6.11v36.22h-6.11v-36.22Z\"\/>\n    <path class=\"lg2-st0\" d=\"M779.42,333.08c0-3.4.7-6.51,2.12-9.33,1.41-2.82,3.35-5.08,5.83-6.78,2.47-1.7,5.31-2.55,8.5-2.55,2.91,0,5.53.76,7.84,2.29,2.31,1.53,4.12,3.38,5.41,5.55v-21.93h6.11v43.72c0,.74.15,1.28.45,1.63.3.35.8.54,1.49.59v4.72c-1.16.19-2.06.28-2.71.28-1.2,0-2.26-.42-3.16-1.25-.9-.83-1.35-1.76-1.35-2.78v-3.05c-1.43,2.31-3.35,4.14-5.76,5.48-2.41,1.34-4.9,2.01-7.5,2.01s-4.8-.5-6.9-1.48c-2.11-.99-3.93-2.35-5.48-4.1-1.55-1.74-2.75-3.73-3.61-5.96-.86-2.23-1.28-4.58-1.28-7.06M809.12,338.36v-10.3c-.56-1.56-1.46-2.96-2.71-4.22-1.25-1.26-2.65-2.27-4.2-3.02-1.55-.75-3.09-1.13-4.61-1.13-1.8,0-3.43.38-4.89,1.13-1.46.76-2.71,1.76-3.75,3.02-1.04,1.26-1.84,2.69-2.39,4.29-.55,1.6-.83,3.27-.83,5.01s.31,3.48.94,5.08c.62,1.6,1.5,3.02,2.64,4.26,1.13,1.24,2.45,2.2,3.96,2.88,1.5.69,3.13,1.03,4.89,1.03,1.11,0,2.26-.21,3.43-.62,1.18-.41,2.3-.98,3.37-1.72,1.06-.73,1.97-1.59,2.71-2.58.74-.98,1.23-2.02,1.46-3.12\"\/>\n    <path class=\"lg2-st0\" d=\"M822.59,340.57c0-2.3.66-4.29,1.98-5.97,1.32-1.68,3.13-2.98,5.45-3.9,2.31-.92,5-1.38,8.05-1.38,1.62,0,3.33.13,5.14.38,1.8.25,3.4.64,4.79,1.14v-2.62c0-2.74-.83-4.89-2.5-6.47-1.67-1.57-4.03-2.36-7.08-2.36-1.99,0-3.9.36-5.72,1.08-1.83.72-3.76,1.75-5.79,3.09l-2.22-4.3c2.36-1.62,4.72-2.83,7.08-3.64,2.36-.81,4.81-1.21,7.36-1.21,4.63,0,8.28,1.27,10.96,3.82,2.68,2.55,4.02,6.09,4.02,10.63v15.2c0,.74.15,1.27.45,1.62.3.35.8.54,1.49.58v4.72c-.6.09-1.12.16-1.56.21-.44.05-.8.07-1.08.07-1.43,0-2.51-.39-3.23-1.18-.72-.79-1.12-1.62-1.22-2.5l-.14-2.29c-1.57,2.04-3.63,3.61-6.18,4.72-2.55,1.11-5.07,1.67-7.56,1.67s-4.56-.5-6.45-1.48c-1.9-.99-3.38-2.32-4.44-4-1.07-1.68-1.6-3.55-1.6-5.62M846.18,343.11c.56-.64.99-1.29,1.32-1.96.32-.66.49-1.22.49-1.68v-4.47c-1.43-.55-2.94-.97-4.51-1.27-1.57-.3-3.12-.45-4.65-.45-3.1,0-5.61.61-7.53,1.82-1.92,1.21-2.88,2.87-2.88,4.98,0,1.15.31,2.26.94,3.33.62,1.08,1.55,1.96,2.78,2.65,1.23.69,2.74,1.03,4.54,1.03,1.9,0,3.7-.38,5.41-1.13,1.71-.76,3.08-1.71,4.09-2.85\"\/>\n    <path class=\"lg2-st0\" d=\"M861.51,333.08c0-3.4.7-6.51,2.12-9.33,1.41-2.82,3.35-5.08,5.83-6.78,2.47-1.7,5.31-2.55,8.5-2.55,2.91,0,5.53.76,7.84,2.29,2.31,1.53,4.12,3.38,5.41,5.55v-21.93h6.11v43.72c0,.74.15,1.28.45,1.63.3.35.8.54,1.49.59v4.72c-1.16.19-2.06.28-2.71.28-1.2,0-2.26-.42-3.16-1.25-.9-.83-1.35-1.76-1.35-2.78v-3.05c-1.43,2.31-3.35,4.14-5.76,5.48-2.41,1.34-4.9,2.01-7.5,2.01s-4.8-.5-6.9-1.48c-2.11-.99-3.93-2.35-5.48-4.1-1.55-1.74-2.75-3.73-3.61-5.96-.86-2.23-1.28-4.58-1.28-7.06M891.21,338.36v-10.3c-.56-1.56-1.46-2.96-2.71-4.22-1.25-1.26-2.65-2.27-4.2-3.02-1.55-.75-3.09-1.13-4.61-1.13-1.8,0-3.43.38-4.89,1.13-1.46.76-2.71,1.76-3.75,3.02-1.04,1.26-1.84,2.69-2.39,4.29-.55,1.6-.83,3.27-.83,5.01s.31,3.48.94,5.08c.62,1.6,1.5,3.02,2.64,4.26,1.13,1.24,2.45,2.2,3.96,2.88,1.5.69,3.13,1.03,4.89,1.03,1.11,0,2.26-.21,3.43-.62,1.18-.41,2.3-.98,3.37-1.72,1.06-.73,1.97-1.59,2.71-2.58.74-.98,1.23-2.02,1.46-3.12\"\/>\n    <path class=\"lg2-st0\" d=\"M923.55,351.67c-2.73,0-5.22-.49-7.46-1.48-2.24-.99-4.19-2.34-5.83-4.06-1.64-1.72-2.92-3.71-3.82-5.96-.9-2.25-1.35-4.64-1.35-7.16,0-3.4.79-6.5,2.36-9.3,1.57-2.8,3.76-5.05,6.56-6.75,2.8-1.7,6-2.55,9.61-2.55s6.83.86,9.54,2.58c2.71,1.72,4.81,3.97,6.32,6.75,1.5,2.78,2.26,5.78,2.26,9,0,.46-.01.91-.04,1.34-.02.44-.06.77-.1,1h-30.05c.18,2.33.84,4.4,1.98,6.21,1.13,1.81,2.6,3.22,4.41,4.25,1.8,1.03,3.75,1.54,5.83,1.54,2.22,0,4.31-.56,6.28-1.67,1.97-1.11,3.32-2.57,4.06-4.37l5.27,1.46c-.79,1.76-1.95,3.33-3.5,4.72-1.55,1.39-3.38,2.48-5.48,3.26-2.11.79-4.38,1.18-6.84,1.18M911.34,330.86h24.7c-.18-2.33-.86-4.39-2.01-6.17-1.16-1.78-2.64-3.18-4.44-4.18-1.8-1.01-3.79-1.51-5.97-1.51s-4.09.5-5.9,1.51c-1.8,1.01-3.27,2.4-4.41,4.18-1.13,1.78-1.79,3.84-1.98,6.17\"\/>\n    <path class=\"lg2-st0\" d=\"M987.04,351.33c-3.47,0-6.62-.69-9.44-2.08-2.82-1.39-5.26-3.27-7.32-5.66-2.06-2.38-3.64-5.06-4.75-8.05-1.11-2.98-1.67-6.05-1.67-9.19s.59-6.42,1.77-9.4c1.18-2.98,2.82-5.64,4.93-7.98,2.1-2.34,4.57-4.19,7.39-5.55,2.82-1.36,5.9-2.05,9.23-2.05s6.61.72,9.44,2.15c2.82,1.43,5.25,3.35,7.29,5.76,2.03,2.41,3.61,5.09,4.72,8.05,1.11,2.96,1.67,5.99,1.67,9.09,0,3.28-.58,6.42-1.73,9.4-1.16,2.98-2.79,5.64-4.89,7.98-2.11,2.34-4.57,4.18-7.39,5.52-2.82,1.34-5.9,2.01-9.23,2.01M970.18,326.35c0,2.5.4,4.92,1.21,7.25.81,2.34,1.95,4.41,3.43,6.21,1.48,1.8,3.26,3.24,5.34,4.3,2.08,1.07,4.39,1.6,6.94,1.6s5-.56,7.08-1.67c2.08-1.11,3.85-2.59,5.31-4.44,1.46-1.85,2.57-3.93,3.33-6.25.76-2.31,1.14-4.65,1.14-7.01,0-2.5-.4-4.9-1.21-7.22-.81-2.31-1.97-4.38-3.47-6.21-1.5-1.83-3.29-3.26-5.34-4.3-2.06-1.04-4.34-1.56-6.84-1.56-2.64,0-5,.54-7.08,1.63-2.08,1.09-3.85,2.56-5.31,4.41-1.46,1.85-2.58,3.92-3.37,6.21-.79,2.29-1.18,4.64-1.18,7.04\"\/>\n    <path class=\"lg2-st0\" d=\"M1049.42,350.98h-6.11v-20.08c0-3.81-.59-6.59-1.77-8.35-1.18-1.77-2.97-2.65-5.38-2.65-1.67,0-3.32.41-4.96,1.23-1.64.82-3.1,1.93-4.37,3.33-1.27,1.39-2.19,3.01-2.74,4.83v21.69h-6.11v-36.01h5.55v7.78c.97-1.7,2.22-3.17,3.75-4.41,1.53-1.24,3.26-2.2,5.2-2.89,1.94-.69,3.98-1.03,6.11-1.03s3.83.38,5.24,1.14c1.41.76,2.52,1.82,3.33,3.17.81,1.36,1.39,2.95,1.73,4.79.35,1.84.52,3.83.52,5.99v21.49Z\"\/>\n    <path class=\"lg2-st0\" d=\"M1059.07,300.32h6.11v41.48c0,2,.28,3.23.83,3.69.55.47,1.23.7,2.01.7.97,0,1.9-.1,2.78-.31.88-.21,1.62-.43,2.22-.66l.97,5c-1.02.42-2.22.76-3.61,1.04-1.39.28-2.61.42-3.68.42-2.36,0-4.22-.68-5.59-2.02-1.36-1.35-2.05-3.23-2.05-5.64v-43.69Z\"\/>\n    <path class=\"lg2-st0\" d=\"M1078.78,300.32h6.11v7.63h-6.11v-7.63ZM1078.78,314.76h6.11v36.22h-6.11v-36.22Z\"\/>\n    <path class=\"lg2-st0\" d=\"M1126.17,350.98h-6.11v-20.08c0-3.81-.59-6.59-1.77-8.35-1.18-1.77-2.97-2.65-5.38-2.65-1.67,0-3.32.41-4.96,1.23-1.64.82-3.1,1.93-4.37,3.33-1.27,1.39-2.19,3.01-2.74,4.83v21.69h-6.11v-36.01h5.55v7.78c.97-1.7,2.22-3.17,3.75-4.41,1.53-1.24,3.26-2.2,5.2-2.89,1.94-.69,3.98-1.03,6.11-1.03s3.83.38,5.24,1.14c1.41.76,2.52,1.82,3.33,3.17.81,1.36,1.39,2.95,1.73,4.79.35,1.84.52,3.83.52,5.99v21.49Z\"\/>\n    <path class=\"lg2-st0\" d=\"M1151.71,351.67c-2.73,0-5.22-.49-7.46-1.48-2.24-.99-4.19-2.34-5.83-4.06-1.64-1.72-2.92-3.71-3.82-5.96-.9-2.25-1.35-4.64-1.35-7.16,0-3.4.79-6.5,2.36-9.3,1.57-2.8,3.76-5.05,6.56-6.75,2.8-1.7,6-2.55,9.61-2.55s6.83.86,9.54,2.58c2.71,1.72,4.81,3.97,6.31,6.75,1.5,2.78,2.26,5.78,2.26,9,0,.46-.01.91-.04,1.34-.02.44-.06.77-.1,1h-30.05c.19,2.33.84,4.4,1.98,6.21,1.13,1.81,2.6,3.22,4.41,4.25,1.8,1.03,3.75,1.54,5.83,1.54,2.22,0,4.31-.56,6.28-1.67,1.97-1.11,3.32-2.57,4.06-4.37l5.27,1.46c-.79,1.76-1.95,3.33-3.5,4.72-1.55,1.39-3.38,2.48-5.48,3.26-2.11.79-4.38,1.18-6.84,1.18M1139.49,330.86h24.7c-.19-2.33-.86-4.39-2.01-6.17-1.16-1.78-2.64-3.18-4.44-4.18-1.8-1.01-3.79-1.51-5.97-1.51s-4.09.5-5.9,1.51c-1.8,1.01-3.27,2.4-4.41,4.18-1.13,1.78-1.79,3.84-1.98,6.17\"\/>\n  <\/g>\n<\/svg>\n        <svg class=\"rodape-selo\" aria-hidden=\"true\" id=\"lg3-Camada_1\" data-name=\"Camada 1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 2322.58 1080\">\n  <defs>\n    <style>\n      .lg3-cls-1 {\n        font-family: RalewayRoman-Medium, Raleway;\n        font-size: 128.35px;\n        font-variation-settings: 'wght' 500;\n        font-weight: 500;\n        letter-spacing: .07em;\n      }\n\n      .lg3-cls-1, .lg3-cls-2 {\n        fill: #83bb26;\n      }\n\n      .lg3-cls-3 {\n        fill: #f1eee3;\n      }\n\n      .lg3-cls-4 {\n        fill: #a5c017;\n      }\n\n      .lg3-cls-5 {\n        fill: #3a672b;\n      }\n    <\/style>\n  <\/defs>\n  <path class=\"lg3-cls-2\" d=\"M1450.81,730.82c2.18,2.19,3.96,4.39,5.34,6.57,1.36,2.19,1.91,4.65,1.64,7.39-.28,2.75-.55,4.93-.82,6.57-.28,1.64-1.23,3.98-2.88,6.98-1.64,3.01-2.88,5.07-3.69,6.16-.82,1.1-2.46,3.28-4.93,6.57-2.46,3.29-3.98,5.21-4.52,5.75-1.64,1.64-6.71,7.67-15.19,18.07-8.49,10.41-14.1,17.25-16.83,20.53-2.75,3.29-8.49,10-17.25,20.12-8.76,10.14-15.19,17.25-19.3,21.35-4.11,4.1-10.41,10.55-18.89,19.3-8.49,8.76-15.33,15.47-20.53,20.12-5.21,4.65-11.91,10.41-20.12,17.24-8.21,6.85-15.6,12.32-22.17,16.43-6.57,4.11-13.83,8.21-21.76,12.32-7.94,4.11-15.74,7.26-23.4,9.45-33.95,12.6-59.13,12.6-75.55,0-9.85-7.11-16.42-21.35-19.71-42.71,0-6.57-1.1-10.95-3.28-13.14-2.19,0-11.23,7.67-27.1,22.99-16.98,12.05-36.28,21.49-57.9,28.34-21.63,6.85-42.02,9.44-61.18,7.8-13.14-.54-23.28-4.64-30.39-12.32-7.12-7.66-10.96-17.1-11.5-28.33-.55-11.22.27-22.3,2.46-33.26,2.18-10.95,5.47-21.62,9.85-32.03,9.3-21.89,22.44-44.06,39.42-66.52,16.96-22.44,36.67-42.71,59.13-60.77,22.44-18.07,46.12-30.8,71.04-38.19,24.91-7.39,49.95-7.25,75.14.41,10.95,3.84,20.12,9.85,27.51,18.07,7.39,8.21,10.27,17.53,8.62,27.92-2.19,10.96-9.85,14.51-22.99,10.68-4.93-1.64-10.55-3.96-16.84-6.98-6.3-3-11.91-5.05-16.83-6.16-4.93-1.09-11.23-1.36-18.89-.82-27.38,0-54.07,10.68-80.07,32.03-26.01,21.35-47.77,45.99-65.29,73.91-4.93,8.77-9.17,17.12-12.73,25.05-3.57,7.94-6.85,17.12-9.86,27.51-3.01,10.41-1.92,17.94,3.29,22.58,5.2,4.65,14.91,5.07,29.15,1.23,31.21-10.39,57.49-28.19,78.84-53.38,7.11-7.66,13.55-15.46,19.3-23.4,5.75-7.93,9.85-14.23,12.32-18.89,2.46-4.64,6.57-12.32,12.32-22.99,5.75-10.68,9.98-18.48,12.73-23.41,16.96-22.99,31.21-27.37,42.7-13.14,6.57,7.12,4.11,32.85-7.39,77.2-12.05,45.45-15.89,72.82-11.5,82.13,6.02,11.5,23.26,7.94,51.74-10.68,13.14-9.3,27.23-21.07,42.29-35.32,15.05-14.23,27.37-26.82,36.96-37.78,9.57-10.95,22.58-26.14,39.01-45.58,16.43-19.43,27.92-32.71,34.49-39.83.54-.54,2.73-2.32,6.57-5.34,3.82-3,6.43-4.93,7.8-5.75,1.36-.82,3.69-2.18,6.98-4.11,3.29-1.91,6.02-3,8.21-3.29,2.18-.27,4.79,0,7.8.82,3,.82,5.88,2.34,8.62,4.52Z\"\/>\n  <path class=\"lg3-cls-2\" d=\"M1385.11,840.87c6.57-19.71,14.37-43.79,23.4-72.27,9.03-28.46,15.19-48.45,18.48-59.95,8.75-26.82,21.62-35.85,38.6-27.1,4.38,2.19,7.52,4.8,9.45,7.8,1.91,3.02,2.73,6.57,2.46,10.68-.28,4.11-.82,7.53-1.64,10.27-.82,2.75-2.34,6.71-4.52,11.91-2.19,5.21-3.84,8.91-4.93,11.09-8.76,26.28-10.14,38.33-4.11,36.13,3.82-2.18,10.68-8.75,20.53-19.71,9.85-10.95,16.14-17.52,18.89-19.71,18.61-16.96,40.24-30.92,64.88-41.88,24.64-10.95,46.53-12.86,65.7-5.75,12.59,4.93,20.25,15.6,22.99,32.03,2.73,16.43,2.32,32.72-1.23,48.86-3.57,16.16-8.62,35.18-15.19,57.08-6.57,21.91-10.41,35.6-11.5,41.06-5.48,27.38-4.25,44.63,3.69,51.74,7.93,7.12,24.49,3.02,49.68-12.32l3.29-2.46c15.87-10.39,31.89-23.82,48.04-40.24,16.14-16.43,35.72-38.32,58.72-65.7,23-27.37,36.96-43.52,41.88-48.45,19.16-21.35,34.76-25.46,46.81-12.32,1.64,2.75,2.88,5.34,3.7,7.8.82,2.46.95,5.21.41,8.21-.55,3.02-1.37,5.62-2.46,7.8-1.1,2.19-2.75,4.8-4.93,7.8-2.19,3.02-3.98,5.48-5.34,7.39-1.38,1.92-3.43,4.39-6.16,7.39-2.75,3.02-4.39,5.07-4.93,6.16-1.1,1.1-7.8,9.17-20.12,24.23-12.32,15.06-20.26,24.64-23.82,28.74-3.57,4.11-11.37,12.87-23.41,26.28-12.05,13.42-21.22,22.87-27.51,28.33-6.3,5.48-15.19,13.14-26.69,23-11.5,9.85-21.64,17.12-30.39,21.76-8.76,4.66-18.62,9.32-29.56,13.96-10.96,4.66-21.64,7.8-32.03,9.45-28.47,3.29-47.63-2.87-57.48-18.48-9.86-15.6-12.6-37.63-8.21-66.11,1.64-12.04,6.98-32.3,16.01-60.77,9.04-28.46,13.82-49.54,14.37-63.23,2.18-31.75-17.8-33.67-59.95-5.75-15.33,9.85-27.92,19.99-37.78,30.39-40.52,39.42-75.01,90.89-103.48,154.39-8.76,19.71-20.26,29.03-34.49,27.92-7.67-.54-13.01-3.96-16.02-10.27-3.02-6.29-3.43-13.27-1.23-20.94,3.29-10.95,8.48-27.51,15.6-49.69,7.11-22.17,10.95-34.35,11.5-36.55Z\"\/>\n  <path class=\"lg3-cls-2\" d=\"M2158.71,725.08c8.21,1.64,13.82,6.57,16.83,14.78,3.01,8.21,2.05,15.6-2.87,22.18h-3.29v3.28c-22.45,19.71-63.23,29.57-122.37,29.57-8.21,0-13.69,1.64-16.42,4.93-2.75,3.28-4.11,9.31-4.11,18.07-6.56,30.67-17.52,55.02-32.84,73.09-13.14,19.71-30.67,35.04-52.56,45.99l-6.57,3.29c-14.24,7.12-30.94,12.6-50.09,16.42-19.17,3.84-36.69,4.93-52.56,3.29-13.14-.54-23.55-5.06-31.21-13.55-7.67-8.48-12.19-19.3-13.55-32.44-1.37-13.14-1.64-25.73-.82-37.78.82-12.04,2.59-23.82,5.34-35.32,4.37-14.78,10.27-30.1,17.66-45.99,7.39-15.87,16.55-32.16,27.51-48.86,10.95-16.69,23-30.51,36.14-41.47,13.14-10.95,27.78-18.75,43.94-23.4,16.14-4.65,32.98-3.14,50.51,4.52,15.32,6.57,26.96,14.92,34.9,25.05,7.93,10.14,13.27,18.76,16.01,25.87,2.73,7.12,5.46,11.23,8.21,12.32,19.16,5.48,37.09,6.03,53.79,1.64,16.69-4.38,33.26-9.86,49.68-16.43,16.43-6.57,26-9.57,28.75-9.03ZM1854.85,907.39c8.75-7.11,17.25-16.42,25.45-27.92,8.21-11.5,16.96-25.05,26.28-40.65,9.3-15.6,16.14-26.96,20.53-34.08,2.18-3.28,4.51-6.29,6.98-9.03,2.46-2.73,4.37-5.06,5.75-6.98,1.36-1.91,3.69-4.24,6.98-6.98,3.29-2.73,5.47-4.64,6.57-5.75,1.09-1.09,3.83-3.41,8.21-6.98,4.37-3.56,7.39-5.88,9.03-6.98,4.37-3.83,6.43-6.57,6.16-8.21-.28-1.64-2.34-4.37-6.16-8.21-10.41-13.14-22.18-19.71-35.31-19.71s-25.75,5.48-37.78,16.42c-16.98,16.43-32.17,40.24-45.58,71.45-13.42,31.2-20.12,59.13-20.12,83.76,0,9.85,1.77,15.6,5.34,17.25,3.55,1.64,9.44-.82,17.66-7.39ZM1934.51,887.68c14.23-7.11,27.64-23.82,40.24-50.1,6.57-14.23,7.66-20.8,3.29-19.71-2.75,1.11-8.49,7.67-17.25,19.71-5.48,5.48-13.42,17.79-23.81,36.96-4.93,9.85-5.75,14.24-2.47,13.14Z\"\/>\n  <path class=\"lg3-cls-2\" d=\"M2139,904.92c4.37-1.09,8.07-2.05,11.08-2.87,3-.82,7.39-2.18,13.14-4.11,5.75-1.91,10.81-3.82,15.2-5.75,4.37-1.91,9.03-4.11,13.96-6.57,4.93-2.46,9.03-5.2,12.32-8.21,3.28-3,6.02-6.29,8.21-9.85,2.18-3.56,3.14-7.39,2.87-11.5-.28-4.11-1.78-8.07-4.52-11.91-3.84-6.02-10.41-12.86-19.71-20.53-9.32-7.66-18.21-14.64-26.69-20.94-8.49-6.29-16.01-13.27-22.58-20.94-6.57-7.66-9.73-16.01-9.45-25.05.27-9.04,4.79-18.48,13.55-28.34,10.39-10.95,26.69-22.17,48.86-33.67,22.17-11.5,39.28-15.6,51.33-12.32l1.64.82c9.3,4.39,13.55,11.09,12.73,20.12-.82,9.03-5.89,16.29-15.2,21.76-1.1.55-7.26,2.87-18.48,6.98-11.23,4.1-20.12,8.35-26.69,12.73-6.57,4.39-9.85,9.03-9.85,13.96,0,4.39,2.87,9.32,8.62,14.78,5.75,5.48,12.86,11.08,21.35,16.83,8.48,5.75,13.82,10,16.01,12.73,4.38,4.39,8.75,9.86,13.14,16.43,8.21,12.6,12.45,25.87,12.73,39.83.27,13.96-4.25,26.97-13.55,39.01-12.05,13.69-32.17,26.28-60.36,37.78-28.2,11.5-53.52,19.44-75.96,23.82-9.85,1.64-18.48,1.1-25.87-1.64-7.39-2.73-10.81-9.03-10.26-18.89,0-4.38,1.5-8.34,4.52-11.91,3-3.55,7.25-6.57,12.73-9.03,5.47-2.46,10.39-4.38,14.78-5.75,4.38-1.36,10.12-2.87,17.25-4.52,7.11-1.64,11.5-2.73,13.14-3.29Z\"\/>\n  <path class=\"lg3-cls-3\" d=\"M1259.4,370.2c-23.37-55.19-55.84-103.19-97.44-143.95-41.64-40.77-90.06-72.17-145.25-94.24-55.19-22.08-114.23-33.15-177.07-33.15s-121.65,11.08-176.42,33.15c-54.77,22.08-103.19,53.48-145.25,94.24-42.02,40.77-74.72,88.76-98.09,143.95-23.37,55.23-35.02,115.52-35.02,180.91s11.65,127.17,35.02,182.82c23.37,55.61,56.07,103.61,98.09,143.95,42.06,40.35,90.48,71.75,145.25,94.24,54.77,22.53,113.58,33.76,176.42,33.76,22.53,0,44.57-1.45,66.08-4.38v-164.24c-20.78,4.53-42.82,6.85-66.08,6.85-53.52,0-100.87-12.1-142.05-36.31-41.18-24.21-73.04-58.16-95.54-101.93-22.5-43.73-33.76-95.31-33.76-154.76s11.27-111.03,33.76-154.8c22.49-43.73,54.35-77.46,95.54-101.25,41.18-23.79,88.53-35.67,142.05-35.67s100.64,11.88,141.4,35.67c40.77,23.79,72.62,57.51,95.54,101.25,22.95,43.77,34.41,95.35,34.41,154.8,0,27.41-2.47,53.1-7.46,77.15h185.25c3.77-24.85,5.67-50.59,5.67-77.15,0-65.39-11.69-125.68-35.06-180.91Z\"\/>\n  <path class=\"lg3-cls-3\" d=\"M451.07,288.17V113.69h-145.9c-11.02,102.99-63.32,153.82-220.21,153.82v120.37h187.18v613.96h178.93v-185.53c-17.75-25.29-32.84-52.74-45.28-82.38-23.38-55.64-35.02-116.59-35.02-182.82s11.65-125.68,35.02-180.9c12.44-29.4,27.53-56.74,45.28-82.04Z\"\/>\n  <rect class=\"lg3-cls-3\" x=\"82.29\" y=\"851.88\" width=\"368.37\" height=\"149.76\"\/>\n  <path class=\"lg3-cls-4\" d=\"M802.85,540.19c6.35-16.79,12.52-33.66,19.13-50.35,3.57-9.01,10.82-13.51,20.45-13.53,40.35-.09,80.7-.1,121.05-.01,14.97.03,25.55,14.3,20.53,28.25-9.88,27.44-20.24,54.71-30.45,82.03-5.97,15.96-11.9,31.94-18.11,47.81-3.63,9.27-11.07,13.33-20.75,13.61-5.04.15-10.08.12-15.12.17,11.96-4.7,14.54-10.14,10.45-22.8-7.49-23.2-15.1-46.36-22.67-69.53-2.61-7.97-8.19-12.71-16.18-14.86-4.3-1.16-8.66-.55-12.99-.58-18.45-.13-36.9-.14-55.34-.19Z\"\/>\n  <path class=\"lg3-cls-5\" d=\"M802.85,540.19c18.45.05,36.9.07,55.34.19,4.33.03,8.7-.57,12.99.58,7.99,2.15,13.57,6.89,16.18,14.86,7.57,23.17,15.18,46.33,22.67,69.53,4.09,12.66,1.51,18.1-10.45,22.8-.91.05-1.83.14-2.74.14-43.61,0-87.22,0-130.84-.01-.91,0-1.83-.09-2.74-.14.03-1.26.24-2.46.69-3.67,13-34.75,25.97-69.52,38.94-104.29h-.05Z\"\/>\n  <path class=\"lg3-cls-4\" d=\"M802.9,540.18c-12.97,34.77-25.94,69.53-38.94,104.29-.45,1.21-.66,2.41-.69,3.67-1.97-.55-4-.97-5.91-1.68-6.83-2.54-10.94-7.51-13.15-14.4-7.07-22-14.27-43.97-21.42-65.95-.67-2.07-1.39-4.12-2.01-6.2-3.11-10.34,3.55-19.42,14.4-19.46,21.21-.07,42.42-.02,63.64-.03,1.37,0,2.73-.16,4.1-.25Z\"\/>\n  <text class=\"lg3-cls-1\" transform=\"translate(1365.81 633.57)\"><tspan x=\"0\" y=\"0\">C O N T A J \u00c1<\/tspan><\/text>\n<\/svg>\n      <\/div>\n\n      <p class=\"rodape-atendimento\">Atendimento pelo WhatsApp, de segunda a sexta, das 8h \u00e0s 20h.<br>\n         100% online, para todo o Brasil.<\/p>\n    <\/div>\n\n    <div class=\"rodape-registro\">\n      <span>CNPJ 25.021.140\/0001-77<\/span>\n      <span>Conselho Regional de Contabilidade: MG-011625\/O-9<\/span>\n      <span>Respons\u00e1veis t\u00e9cnicos: CRC MG-116388\/O, CRC MG-120079\/O e CRC MG-116855\/O<\/span>\n    <\/div>\n\n    <div class=\"rodape-pe\">\n      <p>\u00a9 2026 Contaj\u00e1 Contabilidade Online<\/p>\n      <nav aria-label=\"Links da Contaj\u00e1\">\n        <a href=\"https:\/\/contaja.com.br\/politica-de-privacidade\/?ref=lp-tecnologia\" target=\"_blank\" rel=\"noopener\">Pol\u00edtica de Privacidade<\/a>\n        <a href=\"https:\/\/contaja.com.br\/termos\/?ref=lp-tecnologia\" target=\"_blank\" rel=\"noopener\">Termos de Uso<\/a>\n        <a href=\"https:\/\/contaja.com.br\/?ref=lp-tecnologia\" target=\"_blank\" rel=\"noopener\">contaja.com.br<\/a>\n      <\/nav>\n    <\/div>\n  <\/div>\n<\/footer>\n\n<div class=\"barra\">\n  <a class=\"botao\" href=\"https:\/\/checkout.contaja.com.br\/?ref=lp-tecnologia&amp;utm_source=lp-tecnologia&amp;utm_medium=landing-page&amp;utm_campaign=contabilidade-para-tecnologia&amp;utm_content=barra-mobile\" target=\"_blank\" rel=\"noopener\">Quero falar com um contador\n    <i><svg viewBox=\"0 -960 960 960\" aria-hidden=\"true\"><use href=\"#seta-dir\"\/><\/svg><\/i>\n  <\/a>\n<\/div>\n\n\n<script>\n\/* Liga a entrada dos n\u00fameros. O script s\u00f3 acrescenta a classe .anima, e \u00e9 ela\n   que esconde: assim, se este script n\u00e3o rodar, os n\u00fameros aparecem normalmente.\n   Dispara uma vez e desliga o observador. *\/\n(function(){\n  var faixa = document.querySelector('.prova-rapida');\n  if (!faixa || !window.IntersectionObserver) return;\n  if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) return;\n  faixa.classList.add('anima');\n  var olho = new IntersectionObserver(function(entradas){\n    entradas.forEach(function(e){\n      if (e.isIntersecting) { faixa.classList.add('entrou'); olho.disconnect(); }\n    });\n  }, { threshold: 0.35 });\n  olho.observe(faixa);\n})();\n\n\/* O tocador do v\u00eddeo da prova.\n   ---------------------------------------------------------------------------\n   Ele come\u00e7a a tocar quando a se\u00e7\u00e3o entra na tela e para quando ela sai, para\n   n\u00e3o deixar v\u00eddeo rodando fora de vista consumindo banda e bateria.\n\n   Entra mudo, e isso n\u00e3o \u00e9 escolha: navegador nenhum autoriza autoplay com som\n   antes de a pessoa tocar em alguma coisa na p\u00e1gina, e a chamada a play() seria\n   rejeitada. A promessa do play() \u00e9 tratada, sen\u00e3o a rejei\u00e7\u00e3o vira erro solto\n   no console de quem tiver a autoplay bloqueada at\u00e9 no mudo.\n\n   Nada aqui \u00e9 obrigat\u00f3rio para o bloco funcionar. Sem script o <video> continua\n   sendo um v\u00eddeo com p\u00f4ster, e \u00e9 por isso que os bot\u00f5es existem no HTML em vez\n   de serem criados aqui: se o script falhar, os controles continuam de p\u00e9 e a\n   barra continua desenhada.\n\n   Duas regras de respeito, e as duas s\u00e3o de acessibilidade e n\u00e3o de gosto:\n   quem pediu menos movimento no sistema n\u00e3o recebe autoplay, e quem pausou na\n   m\u00e3o n\u00e3o tem o v\u00eddeo religado ao rolar a p\u00e1gina de volta. *\/\n(function(){\n  var caixa = document.querySelector('[data-tocador]');\n  if (!caixa) return;\n\n  var video   = caixa.querySelector('video');\n  var bPlay   = caixa.querySelector('[data-play]');\n  var bSom    = caixa.querySelector('[data-som]');\n  var rotulo  = caixa.querySelector('[data-som-rotulo]');\n  var bMudo   = caixa.querySelector('[data-mudo]');\n  var nivel   = caixa.querySelector('[data-nivel]');\n  var linha   = caixa.querySelector('[data-linha]');\n  var tempo   = caixa.querySelector('[data-tempo]');\n  \/* No destino este bloco vive num editor onde qualquer pessoa apaga um n\u00f3 sem\n     querer. Faltando qualquer pe\u00e7a, o script sai inteiro e sobra o <video> com\n     p\u00f4ster, que funciona sozinho, em vez de um erro que mata os outros scripts. *\/\n  if (!video || !bPlay || !bSom || !rotulo || !bMudo || !nivel || !linha || !tempo) return;\n  var icoPlay = bPlay.querySelector('use');\n  var icoSom  = bSom.querySelector('use');\n  var icoMudo = bMudo.querySelector('use');\n\n  var pausadoNaMao = false;\n  var arrastando   = false;\n  \/* O volume que a pessoa deixou. Serve para o bot\u00e3o de mudo voltar ao ponto\n     dela, e n\u00e3o a 100%, quando ela desliga e liga o som de novo. *\/\n  var ultimoNivel  = 0.8;\n  video.volume = ultimoNivel;\n\n  function relogio(s){\n    if (!isFinite(s)) s = 0;\n    var m = Math.floor(s \/ 60), r = Math.floor(s % 60);\n    return m + ':' + (r < 10 ? '0' : '') + r;\n  }\n\n  function pintarPlay(){\n    var tocando = !(video.paused || video.ended);\n    icoPlay.setAttribute('href', tocando ? '#ico-pausar' : '#ico-tocar');\n    bPlay.setAttribute('aria-label', tocando ? 'Pausar o v\u00eddeo' : 'Tocar o v\u00eddeo');\n  }\n\n  \/* Mudo \u00e9 as duas coisas ao mesmo tempo: a marca `muted` e volume zero. S\u00f3 a\n     marca deixaria o n\u00edvel mostrando 80% com o v\u00eddeo em sil\u00eancio, e s\u00f3 o volume\n     n\u00e3o venceria a pol\u00edtica de autoplay do navegador. *\/\n  function pintarSom(){\n    var mudo = video.muted || video.volume === 0;\n    caixa.classList.toggle('com-som', !mudo);\n    icoSom.setAttribute('href', mudo ? '#ico-som' : '#ico-mudo');\n    rotulo.textContent = mudo ? 'Ativar som' : 'Desativar som';\n    icoMudo.setAttribute('href', mudo ? '#ico-mudo' : '#ico-som');\n    bMudo.setAttribute('aria-label', mudo ? 'Ativar o som' : 'Deixar sem som');\n    var pct = mudo ? 0 : Math.round(video.volume * 100);\n    nivel.value = pct;\n    nivel.style.setProperty('--pct', pct + '%');\n  }\n\n  \/* Um caminho s\u00f3 para ligar e desligar o som, usado pela p\u00edlula e pelo bot\u00e3o da\n     barra, sen\u00e3o os dois divergem no primeiro clique fora de ordem. *\/\n  function trocarSom(){\n    if (video.muted || video.volume === 0) {\n      video.muted = false;\n      video.volume = ultimoNivel > 0 ? ultimoNivel : 0.8;\n      \/* Ligar o som num v\u00eddeo parado n\u00e3o faz sentido nenhum: o clique vale como\n         o toque que o navegador esperava, ent\u00e3o ele j\u00e1 toca. *\/\n      if (video.paused || video.ended) { pausadoNaMao = false; tentarTocar(); }\n    } else {\n      ultimoNivel = video.volume;\n      video.muted = true;\n    }\n    pintarSom();\n  }\n\n  function pintarPosicao(){\n    if (arrastando) return;\n    var dur = video.duration;\n    \/* dur > 0 j\u00e1 barra NaN, que compara falso, e Infinity divide para zero. *\/\n    var pct = dur > 0 ? (video.currentTime \/ dur) : 0;\n    linha.value = Math.round(pct * 1000);\n    linha.style.setProperty('--pct', (pct * 100).toFixed(2) + '%');\n    tempo.textContent = relogio(video.currentTime);\n  }\n\n  function tentarTocar(){\n    var p = video.play();\n    if (p) if (typeof p.catch === 'function') p.catch(function(){ pintarPlay(); });\n  }\n\n  bPlay.addEventListener('click', function(){\n    if (video.paused || video.ended) { pausadoNaMao = false; tentarTocar(); }\n    else { pausadoNaMao = true; video.pause(); }\n  });\n\n  bSom.addEventListener('click', trocarSom);\n  bMudo.addEventListener('click', trocarSom);\n\n  nivel.addEventListener('input', function(){\n    var v = nivel.value \/ 100;\n    video.volume = v;\n    video.muted = v === 0;\n    if (v > 0) ultimoNivel = v;\n    pintarSom();\n  });\n\n  linha.addEventListener('input', function(){\n    arrastando = true;\n    linha.style.setProperty('--pct', (linha.value \/ 10).toFixed(2) + '%');\n    if (isFinite(video.duration)) tempo.textContent = relogio(video.duration * linha.value \/ 1000);\n  });\n  linha.addEventListener('change', function(){\n    if (isFinite(video.duration)) video.currentTime = video.duration * linha.value \/ 1000;\n    arrastando = false;\n  });\n\n  video.addEventListener('play',  pintarPlay);\n  video.addEventListener('pause', pintarPlay);\n  video.addEventListener('ended', function(){ pintarPlay(); pintarPosicao(); });\n  video.addEventListener('timeupdate', pintarPosicao);\n  video.addEventListener('loadedmetadata', pintarPosicao);\n  \/* O navegador tamb\u00e9m mexe em volume e mudo por conta pr\u00f3pria, pela pol\u00edtica de\n     autoplay e pelos controles do sistema. Ouvir o evento \u00e9 o que mant\u00e9m os dois\n     bot\u00f5es contando a verdade em vez do que o script achou que mandou. *\/\n  video.addEventListener('volumechange', pintarSom);\n  \/* O clique no quadro \u00e9 o gesto que todo mundo tenta antes de procurar bot\u00e3o. *\/\n  video.addEventListener('click', function(){ bPlay.click(); });\n\n  pintarPlay(); pintarSom(); pintarPosicao();\n\n  if (!window.IntersectionObserver) return;\n  if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) return;\n\n  var olho = new IntersectionObserver(function(entradas){\n    entradas.forEach(function(e){\n      if (e.isIntersecting) { if (!pausadoNaMao) tentarTocar(); }\n      else if (!video.paused) { video.pause(); }\n    });\n  }, { threshold: 0.5 });\n  olho.observe(caixa);\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Ir para o conte\u00fado Como funciona Custos Avalia\u00e7\u00f5es D\u00favidas Fale conosco Quero falar com um especialista Contabilidade para profissionais de tecnologia Voc\u00ea \u00e9 da tecnologia. &#8230; <a title=\"Contabilidade para Empresas e Profissionais de Tecnologia\" class=\"read-more\" href=\"https:\/\/contaja.com.br\/lp\/contabilidade-para-tecnologia\/\" aria-label=\"Read more about Contabilidade para Empresas e Profissionais de Tecnologia\">Leia mais<\/a><\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-299","page","type-page","status-publish"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Contabilidade para Empresas e Profissionais de Tecnologia - Contaj\u00e1<\/title>\n<meta name=\"description\" content=\"Contabilidade para tecnologia: dev, TI e startup. Abra seu CNPJ ou troque de contador, com CNAE certo, fator R sob controle e nota para cliente no exterior.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/contaja.com.br\/lp\/contabilidade-para-tecnologia\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Contabilidade para Empresas e Profissionais de Tecnologia - Contaj\u00e1\" \/>\n<meta property=\"og:description\" content=\"Contabilidade para tecnologia: dev, TI e startup. Abra seu CNPJ ou troque de contador, com CNAE certo, fator R sob controle e nota para cliente no exterior.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/contaja.com.br\/lp\/contabilidade-para-tecnologia\/\" \/>\n<meta property=\"og:site_name\" content=\"Contaj\u00e1\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-27T13:41:48+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/contaja.com.br\/lp\/wp-content\/uploads\/2026\/08\/compartilhar-tecnologia.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. tempo de leitura\" \/>\n\t<meta name=\"twitter:data1\" content=\"10 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/contaja.com.br\\\/lp\\\/contabilidade-para-tecnologia\\\/\",\"url\":\"https:\\\/\\\/contaja.com.br\\\/lp\\\/contabilidade-para-tecnologia\\\/\",\"name\":\"Contabilidade para Empresas e Profissionais de Tecnologia - Contaj\u00e1\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/contaja.com.br\\\/lp\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/contaja.com.br\\\/lp\\\/contabilidade-para-tecnologia\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/contaja.com.br\\\/lp\\\/contabilidade-para-tecnologia\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/contaja.com.br\\\/lp\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/dupla-apontando-notebook-1.webp\",\"datePublished\":\"2026-08-20T13:59:51+00:00\",\"dateModified\":\"2026-08-27T13:41:48+00:00\",\"description\":\"Contabilidade para tecnologia: dev, TI e startup. Abra seu CNPJ ou troque de contador, com CNAE certo, fator R sob controle e nota para cliente no exterior.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/contaja.com.br\\\/lp\\\/contabilidade-para-tecnologia\\\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/contaja.com.br\\\/lp\\\/contabilidade-para-tecnologia\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\\\/\\\/contaja.com.br\\\/lp\\\/contabilidade-para-tecnologia\\\/#primaryimage\",\"url\":\"https:\\\/\\\/contaja.com.br\\\/lp\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/dupla-apontando-notebook-1.webp\",\"contentUrl\":\"https:\\\/\\\/contaja.com.br\\\/lp\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/dupla-apontando-notebook-1.webp\",\"width\":1460,\"height\":1024},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/contaja.com.br\\\/lp\\\/contabilidade-para-tecnologia\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"In\u00edcio\",\"item\":\"https:\\\/\\\/contaja.com.br\\\/lp\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Contabilidade para Empresas e Profissionais de Tecnologia\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/contaja.com.br\\\/lp\\\/#website\",\"url\":\"https:\\\/\\\/contaja.com.br\\\/lp\\\/\",\"name\":\"Contaj\u00e1\",\"description\":\"Uma contabilidade transparente, \u00e1gil, tecnologica e com um excelente custo benef\u00edcio. Totalmente Online.\",\"publisher\":{\"@id\":\"https:\\\/\\\/contaja.com.br\\\/lp\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/contaja.com.br\\\/lp\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/contaja.com.br\\\/lp\\\/#organization\",\"name\":\"Contaj\u00e1\",\"url\":\"https:\\\/\\\/contaja.com.br\\\/lp\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\\\/\\\/contaja.com.br\\\/lp\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/contaja.com.br\\\/lp\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/contaja-contabilidade-online-logo.webp\",\"contentUrl\":\"https:\\\/\\\/contaja.com.br\\\/lp\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/contaja-contabilidade-online-logo.webp\",\"width\":299,\"height\":69,\"caption\":\"Contaj\u00e1\"},\"image\":{\"@id\":\"https:\\\/\\\/contaja.com.br\\\/lp\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Contabilidade para Empresas e Profissionais de Tecnologia - Contaj\u00e1","description":"Contabilidade para tecnologia: dev, TI e startup. Abra seu CNPJ ou troque de contador, com CNAE certo, fator R sob controle e nota para cliente no exterior.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/contaja.com.br\/lp\/contabilidade-para-tecnologia\/","og_locale":"pt_BR","og_type":"article","og_title":"Contabilidade para Empresas e Profissionais de Tecnologia - Contaj\u00e1","og_description":"Contabilidade para tecnologia: dev, TI e startup. Abra seu CNPJ ou troque de contador, com CNAE certo, fator R sob controle e nota para cliente no exterior.","og_url":"https:\/\/contaja.com.br\/lp\/contabilidade-para-tecnologia\/","og_site_name":"Contaj\u00e1","article_modified_time":"2026-08-27T13:41:48+00:00","og_image":[{"width":1200,"height":630,"url":"https:\/\/contaja.com.br\/lp\/wp-content\/uploads\/2026\/08\/compartilhar-tecnologia.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. tempo de leitura":"10 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/contaja.com.br\/lp\/contabilidade-para-tecnologia\/","url":"https:\/\/contaja.com.br\/lp\/contabilidade-para-tecnologia\/","name":"Contabilidade para Empresas e Profissionais de Tecnologia - Contaj\u00e1","isPartOf":{"@id":"https:\/\/contaja.com.br\/lp\/#website"},"primaryImageOfPage":{"@id":"https:\/\/contaja.com.br\/lp\/contabilidade-para-tecnologia\/#primaryimage"},"image":{"@id":"https:\/\/contaja.com.br\/lp\/contabilidade-para-tecnologia\/#primaryimage"},"thumbnailUrl":"https:\/\/contaja.com.br\/lp\/wp-content\/uploads\/2026\/08\/dupla-apontando-notebook-1.webp","datePublished":"2026-08-20T13:59:51+00:00","dateModified":"2026-08-27T13:41:48+00:00","description":"Contabilidade para tecnologia: dev, TI e startup. Abra seu CNPJ ou troque de contador, com CNAE certo, fator R sob controle e nota para cliente no exterior.","breadcrumb":{"@id":"https:\/\/contaja.com.br\/lp\/contabilidade-para-tecnologia\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/contaja.com.br\/lp\/contabilidade-para-tecnologia\/"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/contaja.com.br\/lp\/contabilidade-para-tecnologia\/#primaryimage","url":"https:\/\/contaja.com.br\/lp\/wp-content\/uploads\/2026\/08\/dupla-apontando-notebook-1.webp","contentUrl":"https:\/\/contaja.com.br\/lp\/wp-content\/uploads\/2026\/08\/dupla-apontando-notebook-1.webp","width":1460,"height":1024},{"@type":"BreadcrumbList","@id":"https:\/\/contaja.com.br\/lp\/contabilidade-para-tecnologia\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"In\u00edcio","item":"https:\/\/contaja.com.br\/lp\/"},{"@type":"ListItem","position":2,"name":"Contabilidade para Empresas e Profissionais de Tecnologia"}]},{"@type":"WebSite","@id":"https:\/\/contaja.com.br\/lp\/#website","url":"https:\/\/contaja.com.br\/lp\/","name":"Contaj\u00e1","description":"Uma contabilidade transparente, \u00e1gil, tecnologica e com um excelente custo benef\u00edcio. Totalmente Online.","publisher":{"@id":"https:\/\/contaja.com.br\/lp\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/contaja.com.br\/lp\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"},{"@type":"Organization","@id":"https:\/\/contaja.com.br\/lp\/#organization","name":"Contaj\u00e1","url":"https:\/\/contaja.com.br\/lp\/","logo":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/contaja.com.br\/lp\/#\/schema\/logo\/image\/","url":"https:\/\/contaja.com.br\/lp\/wp-content\/uploads\/2026\/07\/contaja-contabilidade-online-logo.webp","contentUrl":"https:\/\/contaja.com.br\/lp\/wp-content\/uploads\/2026\/07\/contaja-contabilidade-online-logo.webp","width":299,"height":69,"caption":"Contaj\u00e1"},"image":{"@id":"https:\/\/contaja.com.br\/lp\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/contaja.com.br\/lp\/wp-json\/wp\/v2\/pages\/299","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/contaja.com.br\/lp\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/contaja.com.br\/lp\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/contaja.com.br\/lp\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/contaja.com.br\/lp\/wp-json\/wp\/v2\/comments?post=299"}],"version-history":[{"count":16,"href":"https:\/\/contaja.com.br\/lp\/wp-json\/wp\/v2\/pages\/299\/revisions"}],"predecessor-version":[{"id":383,"href":"https:\/\/contaja.com.br\/lp\/wp-json\/wp\/v2\/pages\/299\/revisions\/383"}],"wp:attachment":[{"href":"https:\/\/contaja.com.br\/lp\/wp-json\/wp\/v2\/media?parent=299"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}