/* Aritus: estilos compartilhados por todas as páginas do produto (/simulacao/). */
:root{
  --papel:#F3F5F6;--branco:#FFFFFF;--tinta:#15191E;--grafite:#56606A;--suave:#646D76;--linha:#DCE2E6;--linha-2:#E7EBEE;
  --aco:#1B3A57;--aco-2:#24496B;--nevoa:#E3EBF2;--brasa:#E0662E;--painel:#0F1821;
  --f:"Geist","Segoe UI",system-ui,-apple-system,sans-serif;--mono:"Geist Mono",ui-monospace,Menlo,monospace;
  --sombra:0 1px 2px rgba(15,24,33,.04),0 8px 24px rgba(15,24,33,.06);
  --sombra-alta:0 2px 6px rgba(15,24,33,.05),0 24px 60px rgba(15,24,33,.12);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;background:var(--papel)}
body{margin:0;background:var(--papel);color:var(--tinta);font:400 17px/1.6 var(--f);-webkit-font-smoothing:antialiased;caret-color:var(--aco)}
::selection{background:var(--nevoa);color:var(--aco)}
:focus-visible{outline:2px solid var(--aco);outline-offset:3px;border-radius:6px}
a{color:inherit}
img,svg{display:block;max-width:100%}
h1,h2,h3,p{margin:0}
h1,h2,h3{font-weight:500;letter-spacing:-.03em;text-wrap:balance}
.pular{position:absolute;left:-9999px;top:8px;z-index:200;padding:10px 14px;border-radius:10px;background:var(--aco);color:#fff}
.pular:focus{left:12px}
.wrap{max-width:1240px;margin:0 auto;padding-inline:clamp(16px,4vw,32px)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;border:0;border-radius:10px;font:600 16px/1 var(--f);text-decoration:none;cursor:pointer;transition:background .18s,box-shadow .18s,transform .18s}
.btn-primario{background:var(--aco);color:#F4F7FA;box-shadow:0 1px 0 rgba(255,255,255,.12) inset,0 6px 16px rgba(27,58,87,.22)}
.btn-primario:hover{background:var(--aco-2)}
.btn-claro{background:var(--branco);color:var(--tinta);box-shadow:0 0 0 1px var(--linha) inset}
.btn-claro:hover{box-shadow:0 0 0 1px #C8D0D6 inset}
.btn:disabled{opacity:.5;cursor:not-allowed}
.icone{width:22px;height:22px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}

/* faixa de aviso */
.aviso{position:relative;background:var(--aco);color:#EEF3F7;font:500 15px/1.3 var(--f);text-align:center;padding:12px 48px}
.aviso a{text-decoration:underline;text-underline-offset:4px;font-weight:600;margin-left:8px}
.aviso .ponto{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--brasa);margin-right:10px;vertical-align:1px}
.aviso button{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:32px;height:32px;border:0;border-radius:8px;background:transparent;color:#EEF3F7;cursor:pointer;font-size:20px;line-height:1}
.aviso button:hover{background:rgba(255,255,255,.1)}

/* navegação flutuante */
.topo{position:sticky;top:12px;z-index:60;padding-top:16px}
.barra{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 12px 10px 22px;border-radius:14px;background:var(--branco);box-shadow:0 0 0 1px var(--linha-2),var(--sombra)}
.barra .logo img{height:34px;width:auto}
.menu{display:flex;gap:4px;list-style:none;margin:0;padding:0}
.menu>li>button{display:inline-flex;align-items:center;gap:6px;min-height:42px;padding:0 14px;border:0;border-radius:12px;background:transparent;color:var(--tinta);font:500 16px/1 var(--f);cursor:pointer}
.menu>li>button:hover,.menu>li>button[aria-expanded="true"]{background:#ECF0F3}
.menu>li>button svg{width:14px;height:14px;transition:transform .2s}
.menu>li>button[aria-expanded="true"] svg{transform:rotate(180deg)}
.direita{display:flex;align-items:center;gap:6px}
.direita .entrar{padding:0 14px;min-height:42px;display:inline-flex;align-items:center;border-radius:12px;text-decoration:none;font-weight:500;color:var(--tinta)}
.direita .entrar:hover{background:#ECF0F3}
.direita .btn{min-height:46px}
.painel-menu{position:absolute;top:calc(100% + 10px);left:50%;transform:translateX(-50%);width:min(760px,calc(100vw - 32px));padding:14px;border-radius:16px;background:var(--branco);box-shadow:0 0 0 1px var(--linha-2),var(--sombra-alta);display:none}
.painel-menu.aberto{display:grid}
.painel-menu.duas{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}
.painel-menu.empresa{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;width:min(640px,calc(100vw - 32px))}
.item-menu{display:flex;gap:14px;align-items:flex-start;padding:14px;border-radius:14px;text-decoration:none}
.item-menu:hover{background:#F3F5F6}
.item-menu .bolha{display:grid;place-items:center;width:42px;height:42px;flex:none;border-radius:50%;background:var(--nevoa);color:var(--aco)}
.item-menu b{display:block;font-weight:600;font-size:16.5px;letter-spacing:-.01em}
.item-menu span{display:block;margin-top:2px;color:var(--grafite);font-size:15px;line-height:1.4}
.destaque-menu{display:flex;flex-direction:column;gap:10px;padding:22px;border-radius:16px;background:#E9EFF5;text-decoration:none}
.destaque-menu .bolha{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--aco);color:#F4F7FA}
.destaque-menu b{font-size:20px;font-weight:600;letter-spacing:-.02em;line-height:1.2}
.destaque-menu span{color:var(--grafite);font-size:15.5px}
.destaque-menu em{font-style:normal;font-weight:600;color:var(--aco)}
.lista-menu{display:grid;gap:2px;align-content:start}
.lista-menu a{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;text-decoration:none;font-weight:500}
.lista-menu a:hover{background:#F3F5F6}
.lista-menu .bolha{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--nevoa);color:var(--aco)}
.btn-menu-mobile{display:none}
.direita .curto{display:none}

/* abertura */
.abertura{position:relative;text-align:center;padding-top:clamp(56px,9vw,112px)}
.pontos{position:absolute;inset:0;pointer-events:none;overflow:hidden;background-image:repeating-linear-gradient(30deg,transparent 0 33px,rgba(27,58,87,.07) 33px 34px),repeating-linear-gradient(150deg,transparent 0 33px,rgba(27,58,87,.07) 33px 34px);-webkit-mask-image:radial-gradient(ellipse 62% 70% at 50% 34%,transparent 38%,#000 78%);mask-image:radial-gradient(ellipse 62% 70% at 50% 34%,transparent 38%,#000 78%)}
.abertura h1{position:relative;margin:0 auto;max-width:17ch;font-size:clamp(40px,6vw,82px);line-height:1.04;letter-spacing:-.04em;font-weight:400}
.abertura .sub{position:relative;margin:22px auto 0;max-width:46ch;font-size:clamp(17px,1.6vw,20px);line-height:1.55;color:var(--grafite)}
.abertura .acoes{position:relative;display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:32px}
.abertura .acoes .btn{min-height:54px;padding:0 26px;font-size:17px;border-radius:12px}

/* moldura com a demonstração */
.moldura{position:relative;margin:clamp(40px,6vw,64px) auto 0;padding:0;border-radius:20px;text-align:left}
.janela{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:0;border-radius:20px;box-shadow:0 30px 70px rgba(15,24,33,.24);overflow:hidden;background:var(--painel);min-height:520px}
.cena{position:relative;min-height:420px}
.cena canvas{position:absolute;inset:0;width:100%;height:100%}
.cena .rotulo-cena{position:absolute;left:20px;top:18px;display:flex;align-items:center;gap:10px;color:#B8C3CC;font:500 13.5px/1 var(--f)}
.cena .rotulo-cena i{width:7px;height:7px;border-radius:50%;background:var(--brasa)}
.cena .flash{position:absolute;inset:0;background:var(--brasa);opacity:0;pointer-events:none}
.cena.erro .flash{animation:piscar .45s ease-out}
@keyframes piscar{0%{opacity:.22}100%{opacity:0}}
.app{margin:14px;border-radius:14px;background:var(--branco);display:flex;flex-direction:column;padding:20px;gap:14px;color:var(--tinta)}
.app .cab{display:flex;align-items:center;justify-content:space-between;gap:10px}
.app .modo{display:inline-flex;gap:2px;padding:3px;border-radius:10px;background:#ECF0F3;font:500 13.5px/1 var(--f)}
.app .modo span{padding:7px 10px;border-radius:8px;color:var(--grafite)}
.app .modo span.ativo{background:var(--branco);color:var(--tinta);box-shadow:var(--sombra)}
.app .tempo{font:500 15px/1 var(--mono);font-variant-numeric:tabular-nums;color:var(--grafite)}
.app h3{font-size:19px;line-height:1.25;letter-spacing:-.02em;font-weight:600}
.app .ex{display:block;margin-top:3px;font-size:13.5px;font-weight:400;color:var(--suave);letter-spacing:0}
.progresso{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.progresso i{height:5px;border-radius:9px;background:var(--linha-2)}
.progresso i.ok{background:var(--aco)}
.progresso i.atual{background:#A3B6C9}
.app .pergunta{font-size:16px;font-weight:500;line-height:1.35;min-height:44px}
.opcoes{display:grid;gap:8px}
.opcoes button{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:46px;padding:10px 14px;border:1px solid var(--linha);border-radius:12px;background:var(--branco);color:var(--tinta);font:500 15.5px/1.25 var(--f);text-align:left;cursor:pointer;transition:border-color .15s,background .15s}
.opcoes button:hover:not(:disabled){border-color:var(--aco);background:#F1F5F9}
.opcoes button:disabled{cursor:default}
.opcoes button.feito{background:#F1F5F9;border-color:transparent;color:var(--grafite)}
.opcoes button.feito::after{content:"";width:16px;height:16px;flex:none;background:no-repeat center/16px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231B3A57' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7'/%3E%3C/svg%3E")}
.retorno{min-height:40px;font-size:14.5px;line-height:1.4;color:var(--grafite)}
.retorno b{font-weight:600;color:var(--tinta)}
.retorno.mal b{color:#B4471F}
.experimente{align-self:stretch}
.app.auto .opcoes button{opacity:.6;pointer-events:none}
.app:not(.auto) .experimente{display:none}
.relatorio{display:none;flex-direction:column;gap:10px}
.app.fim .relatorio{display:flex}
.app.fim .opcoes,.app.fim .pergunta,.app.fim .retorno{display:none}
.relatorio h4{margin:0;font-size:15px;font-weight:600}
.relatorio ol{list-style:none;margin:0;padding:0;border-top:1px solid var(--linha-2)}
.relatorio li{display:grid;grid-template-columns:18px minmax(0,1fr) auto;gap:10px;align-items:start;padding:9px 0;border-bottom:1px solid var(--linha-2);font-size:14px;line-height:1.35}
.relatorio li .marca-r{width:18px;height:18px;border-radius:50%;margin-top:1px}
.relatorio li.ok .marca-r{background:var(--aco)}
.relatorio li.mal .marca-r{background:var(--brasa)}
.relatorio li small{display:block;color:var(--grafite);font-size:13px}
.relatorio li time{font:500 12.5px/1.4 var(--mono);color:var(--suave)}
.relatorio .acoes-r{display:flex;gap:8px;flex-wrap:wrap}
.relatorio .acoes-r .btn{min-height:42px;padding:0 16px;font-size:14.5px;border-radius:12px}

/* seções */
.secao{padding-block:clamp(72px,10vw,128px)}
.centro{text-align:center}
.secao h2{font-size:clamp(32px,4.2vw,56px);line-height:1.06;letter-spacing:-.035em}
.secao .intro{margin:16px auto 0;max-width:52ch;color:var(--grafite);font-size:clamp(17px,1.5vw,19px)}
.passos{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:48px;text-align:left}
.passo{padding:22px;border-radius:14px;background:var(--branco);box-shadow:0 0 0 1px var(--linha-2)}
.passo .bolha{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--nevoa);color:var(--aco);margin-bottom:18px}
.passo h3{font-size:19px;font-weight:600;letter-spacing:-.02em}
.passo p{margin-top:6px;color:var(--grafite);font-size:15.5px;line-height:1.5}
.caminhos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:20px;text-align:left}
.caminho{padding:clamp(24px,3vw,36px);border-radius:16px;background:var(--branco);box-shadow:0 0 0 1px var(--linha-2)}
.caminho h3{font-size:clamp(22px,2.2vw,28px);font-weight:500;letter-spacing:-.03em}
.caminho p{margin-top:10px;color:var(--grafite);max-width:44ch}
.caminho.escuro{background:var(--aco);color:#F4F7FA;box-shadow:none}
.caminho.escuro p{color:#C3D2E0}
.linha-recurso{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,6vw,88px);align-items:center;padding-block:clamp(40px,6vw,72px)}
.linha-recurso+.linha-recurso{border-top:1px solid var(--linha)}
.linha-recurso.inversa .texto-r{order:2}
.texto-r h3{font-size:clamp(28px,3.2vw,44px);line-height:1.08;letter-spacing:-.035em}
.texto-r p{margin-top:16px;color:var(--grafite);font-size:18px;max-width:44ch}
.cartao-demo{padding:clamp(18px,2.4vw,28px);border-radius:16px;background:var(--branco);box-shadow:0 0 0 1px var(--linha-2),var(--sombra)}
.cartao-demo .tag-ex{display:inline-block;margin-bottom:14px;font-size:13px;color:var(--suave)}
.arquivos{display:flex;flex-wrap:wrap;gap:8px}
.arquivo{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border-radius:12px;background:#F3F5F6;font:500 14px/1.2 var(--f)}
.arquivo em{font-style:normal;padding:3px 6px;border-radius:6px;background:var(--branco);box-shadow:0 0 0 1px var(--linha);font:600 11px/1 var(--mono);color:var(--grafite)}
.seta-baixo{display:grid;place-items:center;margin:16px 0;color:var(--suave)}
.resultado-sim{display:flex;align-items:center;gap:14px;padding:16px;border-radius:16px;background:var(--painel);color:#ECF0F3}
.resultado-sim img{width:40px;height:40px}
.resultado-sim b{display:block;font-weight:600}
.resultado-sim span{color:#A9B4BE;font-size:14.5px}
.feedback{display:grid;gap:10px}
.feedback .linha-f{display:flex;gap:12px;align-items:flex-start;padding:14px;border-radius:14px;background:#F3F5F6}
.feedback .linha-f.mal{background:#FBEFE9}
.feedback .linha-f .marca-r{width:22px;height:22px;flex:none;border-radius:50%;background:var(--aco)}
.feedback .linha-f.mal .marca-r{background:var(--brasa)}
.feedback b{display:block;font-weight:600}
.feedback span{color:var(--grafite);font-size:15px}
.tabela-r{width:100%;border-collapse:collapse;font-size:15px}
.tabela-r th{text-align:left;font-weight:500;color:var(--suave);font-size:13.5px;padding:0 10px 10px 0}
.tabela-r td{padding:12px 10px 12px 0;border-top:1px solid var(--linha-2)}
.tabela-r td.num{font:500 14px/1 var(--mono);font-variant-numeric:tabular-nums;color:var(--grafite)}
.pilula{display:inline-block;padding:4px 9px;border-radius:999px;font-size:13px;font-weight:600}
.pilula.ok{background:#E3EBF2;color:var(--aco)}
.pilula.mal{background:#FBE5DC;color:#9A3A17}
.chips{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:36px}
.chips span{padding:12px 18px;border-radius:999px;background:var(--branco);box-shadow:0 0 0 1px var(--linha-2);font-weight:500}
.demos{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:44px;text-align:left}
.demo{display:flex;flex-direction:column;gap:8px;padding:20px;border-radius:14px;background:var(--branco);box-shadow:0 0 0 1px var(--linha-2);text-decoration:none;transition:box-shadow .18s,transform .18s}
.demo:hover{box-shadow:0 0 0 1px #C8D0D6,var(--sombra);transform:translateY(-2px)}
.demo .nr{align-self:flex-start;padding:4px 9px;border-radius:999px;background:var(--nevoa);color:var(--aco);font:600 12.5px/1.2 var(--f)}
.demo b{font-size:18px;font-weight:600;letter-spacing:-.02em;line-height:1.2}
.demo span.m{color:var(--grafite);font-size:15px}
.faq{max-width:820px;margin:40px auto 0;text-align:left}
.faq details{border-bottom:1px solid var(--linha);padding:20px 4px}
.faq details:first-child{border-top:1px solid var(--linha)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;font-size:18px;font-weight:500;letter-spacing:-.01em}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";flex:none;font-size:24px;line-height:1;color:var(--grafite);transition:transform .2s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{margin-top:10px;color:var(--grafite);max-width:62ch}
.contato .grade{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,6vw,80px);align-items:start}
.contato h2{font-size:clamp(36px,5vw,64px)}
.contato .intro-c{margin-top:18px;color:var(--grafite);font-size:19px;max-width:38ch}
.contato .confianca{margin-top:28px;display:grid;gap:12px;color:var(--grafite);font-size:15.5px}
.contato .confianca span{display:flex;gap:10px;align-items:center}
.contato .confianca svg{color:var(--aco)}
.form-cartao{padding:clamp(22px,3vw,32px);border-radius:16px;background:var(--branco);box-shadow:0 0 0 1px var(--linha-2),var(--sombra)}
.campos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 14px}
.campo{display:flex;flex-direction:column;gap:6px}
.campo.cheio{grid-column:1/-1}
.campo label{font-size:14.5px;font-weight:500}
.campo label small{font-weight:400;color:var(--suave)}
.campo input,.campo select,.campo textarea{width:100%;min-height:48px;padding:12px 14px;border-radius:12px;border:1px solid var(--linha);background:var(--branco);color:var(--tinta);font:400 16px/1.35 var(--f);appearance:none}
.campo select{background:no-repeat right 14px center/14px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2356606A' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");padding-right:40px}
.campo textarea{min-height:96px;resize:vertical}
.campo input::placeholder,.campo textarea::placeholder{color:#8A939B}
.campo input:focus,.campo select:focus,.campo textarea:focus{outline:none;border-color:var(--aco);box-shadow:0 0 0 3px rgba(27,58,87,.14)}
.campo [aria-invalid="true"]{border-color:#B4231F}
.erro-campo{font-size:13.5px;color:#B4231F}
.erro-campo:empty{display:none}
.marca{display:flex;gap:10px;align-items:flex-start;margin-top:16px;font-size:14px;line-height:1.45;color:var(--grafite)}
.marca input{flex:none;width:18px;height:18px;margin:2px 0 0;accent-color:var(--aco)}
.marca a{color:var(--aco)}
.form-cartao .btn{width:100%;margin-top:18px;min-height:52px}
.geral{margin-top:12px;font-size:14.5px;color:#B4231F}
.geral:empty{display:none}
.oculto{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.pronto h3{font-size:26px;font-weight:600;margin-bottom:8px}
.pronto p{color:var(--grafite)}
footer{padding-block:56px 40px;border-top:1px solid var(--linha);background:var(--papel)}
.rodape{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));gap:32px}
.rodape .marca-r img{height:32px;width:auto}
.rodape .marca-r p{margin-top:14px;color:var(--grafite);max-width:30ch}
.rodape h4{margin:0 0 12px;font-size:14px;font-weight:600}
.rodape ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.rodape a{color:var(--grafite);text-decoration:none}
.rodape a:hover{color:var(--tinta);text-decoration:underline;text-underline-offset:4px}
.copy{margin-top:40px;padding-top:20px;border-top:1px solid var(--linha);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;color:var(--suave);font-size:14px}
.fixo-wa{display:none}
@media (max-width:1080px){
  .janela{grid-template-columns:minmax(0,1fr)}
  .cena{min-height:clamp(280px,58vw,420px)}
  .passos{grid-template-columns:repeat(2,minmax(0,1fr))}
  .demos{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
  .menu,.direita .entrar{display:none}
  .btn-menu-mobile{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border:0;border-radius:12px;background:#ECF0F3;color:var(--tinta);cursor:pointer}
  .painel-menu{position:fixed;top:84px;left:16px;right:16px;transform:none;width:auto;max-height:calc(100vh - 100px);overflow:auto}
  .painel-menu.duas,.painel-menu.empresa{grid-template-columns:minmax(0,1fr)}
  .linha-recurso,.contato .grade,.caminhos{grid-template-columns:minmax(0,1fr)}
  .linha-recurso.inversa .texto-r{order:0}
  .rodape{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rodape .marca-r{grid-column:1/-1}
}
@media (max-width:820px){.tem-wa .fixo-wa{position:fixed;left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom,0px));z-index:70;display:flex;min-height:52px}.tem-wa footer{padding-bottom:96px}}
@media (max-width:600px){
  .barra{padding:8px 8px 8px 16px}
  .barra .logo img{height:28px}
  .direita .btn{min-height:42px;padding:0 16px;font-size:15px}
  .direita .longo{display:none}
  .direita .curto{display:inline}
  .passos,.demos,.campos{grid-template-columns:minmax(0,1fr)}
  .aviso{padding:11px 44px 11px 16px;font-size:14px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}.cena.erro .flash{animation:none}}

/* páginas internas */
.abertura.interna{padding-bottom:0}
.abertura.interna h1{max-width:18ch;font-size:clamp(38px,5.4vw,72px)}
.cta-final{padding-block:clamp(64px,9vw,112px);text-align:center;background:var(--branco);border-top:1px solid var(--linha-2)}
.cta-final h2{font-size:clamp(32px,4.4vw,56px);line-height:1.06;letter-spacing:-.035em;font-weight:400}
.cta-final p{margin:14px auto 0;max-width:44ch;color:var(--grafite);font-size:18px}
.cta-final .acoes{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:28px}
.cta-final .btn{min-height:54px;padding:0 26px;font-size:17px;border-radius:12px}
.exemplo{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:0;border-radius:20px;overflow:hidden;background:var(--painel);color:#ECF0F3}
.exemplo .lado{padding:clamp(22px,3vw,36px);display:flex;flex-direction:column;gap:14px;justify-content:center}
.exemplo .lado .rotulo-cena{display:flex;align-items:center;gap:10px;color:#B8C3CC;font-size:13.5px;font-weight:500}
.exemplo .lado .rotulo-cena i{width:7px;height:7px;border-radius:50%;background:var(--brasa)}
.exemplo .lado h3{font-size:clamp(24px,2.6vw,34px);font-weight:400;letter-spacing:-.03em;line-height:1.12}
.exemplo .lado p{color:#A9B4BE;max-width:44ch}
.exemplo .app{margin:14px}
.etapas{list-style:none;margin:0;padding:0;display:grid;gap:8px;counter-reset:e}
.etapas li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;align-items:start;padding:11px 12px;border-radius:12px;background:#F3F5F6;font-size:15px;line-height:1.35}
.etapas li::before{counter-increment:e;content:counter(e);display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--branco);box-shadow:0 0 0 1px var(--linha);font-size:12.5px;font-weight:600;color:var(--grafite)}
.etapas li.ok::before{background:var(--aco);color:#fff;box-shadow:none}
.etapas li.mal{background:#FBEFE9}
.etapas li.mal::before{background:var(--brasa);color:#fff;box-shadow:none}
.etapas li small{display:block;margin-top:3px;color:var(--grafite);font-size:13.5px}
.grade-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:40px;text-align:left}
.cartao-info{padding:24px;border-radius:14px;background:var(--branco);box-shadow:0 0 0 1px var(--linha-2)}
.cartao-info .bolha{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--nevoa);color:var(--aco);margin-bottom:16px}
.cartao-info h3{font-size:19px;font-weight:600;letter-spacing:-.02em}
.cartao-info p{margin-top:6px;color:var(--grafite);font-size:15.5px}
.plano .item-plano{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px 0;border-top:1px solid var(--linha-2);font-size:15px}
.plano .item-plano:first-of-type{border-top:0}
.plano .item-plano small{display:block;color:var(--grafite);font-size:13.5px}
.plano .rodape-plano{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;padding-top:14px;border-top:1px solid var(--linha-2)}
.plano .rodape-plano span{font-size:14px;color:var(--grafite)}
.plano .rodape-plano b{display:inline-flex;align-items:center;min-height:38px;padding:0 14px;border-radius:10px;background:var(--aco);color:#F4F7FA;font-size:14px;font-weight:600}
.lms{border-radius:18px;overflow:hidden;box-shadow:0 0 0 1px var(--linha)}
.lms .barra-lms{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#E9EDF0;font-size:13px;color:var(--grafite)}
.lms .barra-lms i{width:9px;height:9px;border-radius:50%;background:#CBD3D9}
.lms .corpo-lms{display:grid;grid-template-columns:150px minmax(0,1fr);min-height:220px;background:var(--branco)}
.lms .lado-lms{padding:14px;border-right:1px solid var(--linha-2);font-size:13.5px;color:var(--grafite);display:grid;gap:8px;align-content:start}
.lms .lado-lms b{color:var(--tinta);font-weight:600}
.lms .area-lms{padding:16px;display:grid;gap:10px;align-content:start}
.lms .pacote{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;background:#F3F5F6;font-size:14.5px}
.lms .pacote em{font-style:normal;padding:4px 8px;border-radius:6px;background:var(--branco);box-shadow:0 0 0 1px var(--linha);font:600 11.5px/1 var(--mono);color:var(--grafite)}
.contato-pagina{padding-top:clamp(48px,7vw,88px)}
.contato-pagina .grade{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,6vw,80px);align-items:start}
.contato-pagina h1{font-size:clamp(38px,5.4vw,72px);line-height:1.04;letter-spacing:-.04em;font-weight:400}
.contato-pagina .intro-c{margin-top:18px;color:var(--grafite);font-size:19px;max-width:38ch}
.contato-pagina .confianca{margin-top:28px;display:grid;gap:12px;color:var(--grafite);font-size:15.5px}
.contato-pagina .confianca span{display:flex;gap:10px;align-items:center}
.contato-pagina .confianca svg{color:var(--aco)}
@media (max-width:1080px){.exemplo{grid-template-columns:minmax(0,1fr)}.grade-3{grid-template-columns:minmax(0,1fr)}}
@media (max-width:900px){.contato-pagina .grade{grid-template-columns:minmax(0,1fr)}.lms .corpo-lms{grid-template-columns:minmax(0,1fr)}.lms .lado-lms{display:none}}

/* para quem é */
.publicos{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin-top:40px;text-align:left}
.publico{display:flex;flex-direction:column;gap:8px;padding:22px;border-radius:14px;background:var(--branco);box-shadow:0 0 0 1px var(--linha-2)}
.publico h3{font-size:18px;font-weight:600;letter-spacing:-.02em}
.publico p{color:var(--grafite);font-size:15.5px;flex:1}
.link-r{margin-top:6px;font-weight:600;font-size:15px;color:var(--aco);text-decoration:none}
.link-r::after{content:" \2192"}
.link-r:hover{text-decoration:underline;text-underline-offset:4px}

/* ===== Aritus: identidade nova (teste) =====
   Arandu (guarani, saber da experiência) + Peritus (latim, perícia).
   Terra crua, jenipapo (azul quase preto) e urucum; Fraunces nos títulos, Hanken Grotesk no texto;
   cantos mais retos, abertura alinhada à esquerda, seções numeradas e o losango como sinal. */
:root{
  --papel:#F2EDE4;--branco:#FBF8F3;--tinta:#1C1A17;--grafite:#5B544B;--suave:#6B645A;--linha:#DDD3C3;--linha-2:#E7DFD1;
  --aco:#16202E;--aco-2:#26344A;--nevoa:#EADFCC;--brasa:#D9532B;--urucum:#B23A1C;--urucum-2:#962F15;--ocre:#C48A2A;--painel:#16202E;
  --f:"Hanken Grotesk","Segoe UI",system-ui,sans-serif;--serifa:"Fraunces",Georgia,"Times New Roman",serif;
  --sombra:0 1px 2px rgba(28,26,23,.05),0 10px 28px rgba(28,26,23,.07);
  --sombra-alta:0 2px 6px rgba(28,26,23,.06),0 24px 60px rgba(28,26,23,.14);
  --losango:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 12'%3E%3Cpolygon points='10,0 20,6 10,12 0,6' fill='%23D9532B'/%3E%3C/svg%3E");
}
::selection{background:#F1C9B8;color:var(--tinta)}
:focus-visible{outline-color:var(--urucum)}
h1,h2,.abertura h1,.abertura.interna h1,.contato-pagina h1,.secao h2,.cta-final h2,.contato h2{font-family:var(--serifa);font-weight:400;letter-spacing:-.02em;font-variation-settings:"opsz" 144}
h3{letter-spacing:-.015em}

/* botões: urucum, cantos retos */
.btn{border-radius:6px;font-weight:600}
.btn-primario{background:var(--urucum);color:#FFF7F1;box-shadow:none}
.btn-primario:hover{background:var(--urucum-2)}
.btn-claro{background:transparent;box-shadow:0 0 0 1.5px var(--tinta) inset}
.btn-claro:hover{background:var(--tinta);color:var(--papel);box-shadow:0 0 0 1.5px var(--tinta) inset}
.abertura .acoes .btn{border-radius:6px}

/* faixa e topo: barra cheia, sem cápsula flutuante */
.aviso{background:var(--aco);color:#EFE8DC}
.aviso .ponto{width:12px;height:7px;border-radius:0;background:var(--losango) center/contain no-repeat}
.topo{top:0;padding-top:0;background:rgba(242,237,228,.92);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--linha)}
.barra{background:transparent;box-shadow:none;border-radius:0;padding:12px 0}
.menu>li>button:hover,.menu>li>button[aria-expanded="true"],.direita .entrar:hover{background:#E8E0D2}
.painel-menu{border-radius:8px;background:var(--branco)}
.item-menu{border-radius:6px}
.item-menu:hover{background:#F2EDE4}
.item-menu .bolha,.destaque-menu .bolha,.lista-menu .bolha{border-radius:6px}
.item-menu .bolha{background:var(--nevoa);color:var(--urucum)}
.destaque-menu{border-radius:8px;background:#EDE4D5}
.destaque-menu .bolha{background:var(--aco)}

/* abertura à esquerda, título grande */
.abertura{text-align:left;padding-top:clamp(56px,8vw,104px)}
.abertura h1{margin:0;max-width:13ch;font-size:clamp(46px,7.4vw,112px);line-height:.98;letter-spacing:-.03em}
.abertura .sub{margin:28px 0 0;max-width:44ch}
.abertura .acoes{justify-content:flex-start}
.pontos{background-image:repeating-linear-gradient(60deg,transparent 0 39px,rgba(22,32,46,.06) 39px 40px),repeating-linear-gradient(120deg,transparent 0 39px,rgba(22,32,46,.06) 39px 40px)}
.moldura,.janela{border-radius:10px}
.janela{box-shadow:0 30px 70px rgba(22,32,46,.28)}
.cena .rotulo-cena i,.exemplo .lado .rotulo-cena i{width:12px;height:7px;border-radius:0;background:var(--losango) center/contain no-repeat}
.app{border-radius:8px}
.abertura.interna h1{max-width:16ch;font-size:clamp(40px,6vw,84px)}

/* seções: alinhadas à esquerda e numeradas */
main{counter-reset:secao}
.centro{text-align:left}
.secao .intro,.centro .intro{margin-left:0;margin-right:0}
.secao h2{max-width:20ch;font-size:clamp(34px,4.6vw,64px);line-height:1.02}
.secao h2::before,.cta-final h2::before{counter-increment:secao;content:counter(secao,decimal-leading-zero);display:block;width:auto;height:auto;margin:0 0 22px;padding-left:24px;background:var(--losango) left center/14px 9px no-repeat;clip-path:none;font:500 14px/1 var(--mono);letter-spacing:.12em;color:var(--urucum)}
.cta-final h2::before{content:"";padding:0;width:16px;height:10px;margin:0 auto 22px;background-size:contain}
.passo,.caminho,.cartao-info,.publico,.form-cartao,.demo,.faq details,.cartao-demo{border-radius:8px}
.passo{background:var(--branco)}
.passo .bolha,.cartao-info .bolha{border-radius:6px;background:var(--nevoa);color:var(--urucum)}
.caminho.escuro{background:var(--aco)}
.caminho.escuro p{color:#C9C1B3}
.chips span,.pilula{border-radius:4px}
.cta-final{background:var(--aco);color:#F2EDE4;border-top:0}
.cta-final p{color:#C9C1B3}
.cta-final .btn-claro{color:#F2EDE4;box-shadow:0 0 0 1.5px #F2EDE4 inset}

/* rodapé em jenipapo */
footer{background:var(--aco);color:#E9E2D6;border-top:0}
.rodape a{color:#BDB4A5}
.rodape a:hover{color:#FFF}
.rodape h4{color:#FFF}
.rodape .marca-r p{color:#BDB4A5}
.copy{border-top-color:rgba(242,237,228,.14);color:#A79E8F}
@media (min-width:1000px){
  .abertura:not(.interna) .wrap{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);grid-template-rows:1fr auto;column-gap:56px;align-items:end}
  .abertura:not(.interna) h1{grid-column:1;grid-row:1 / span 2;max-width:none}
  .abertura:not(.interna) .sub{grid-column:2;grid-row:1;margin:0;padding-bottom:4px}
  .abertura:not(.interna) .acoes{grid-column:2;grid-row:2;margin-top:24px;padding-bottom:10px}
  .abertura:not(.interna) .moldura{grid-column:1 / -1;grid-row:3;width:100%}
}
.abertura h1{letter-spacing:-.022em}
.faq{margin-left:0}.faq details{border-radius:0}
/* serifa mais leve: Fraunces 300 em tamanho óptico médio, mais aberta */
h1,h2,.abertura h1,.abertura.interna h1,.contato-pagina h1,.secao h2,.cta-final h2,.contato h2{font-weight:300;font-variation-settings:"opsz" 48;letter-spacing:-.015em}
.abertura h1{font-size:clamp(42px,6vw,88px);line-height:1.02}
@media (min-width:1000px){.abertura:not(.interna) .wrap{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}}
.barra .logo img{height:38px}@media (max-width:600px){.barra .logo img{height:32px}}