:root{
  color-scheme:light;
  --vinho:#12395F; --vinho-esc:#0B2742; --planta:#1E5A8F;
  --grafite:#0C2036; --aco:#5B6876; --papel:#F3F6F9; --cal:#FFFFFF;
  --linha:#DCE3EA; --linha-fina:#EBEFF3;
  --verde:#0D7350; --verde-esc:#095C40; --verde-cl:#4FD8A4;
  --claro:#8FC4EC; --claro-2:#C7DBEC; --claro-3:#A9C6DE;
  --display:'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;
  --corpo:'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;
  --mono:ui-monospace,'SFMono-Regular',Consolas,monospace;
  --gut:clamp(20px,4vw,64px); --maxw:1240px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:var(--corpo);background:var(--cal);color:var(--grafite);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
:focus-visible{outline:3px solid var(--planta);outline-offset:3px}
img{max-width:100%;display:block}
.shell{max-width:var(--maxw);margin:0 auto;padding-inline:var(--gut)}
.pula{position:absolute;left:-9999px;top:0;background:var(--vinho);color:#fff;padding:12px 20px;z-index:200;font-weight:600}
.pula:focus{left:0}
.cod{font-family:var(--mono);font-size:.7rem;font-weight:500;letter-spacing:.14em;color:var(--vinho);text-transform:uppercase;display:inline-block}

/* topbar */
.topo{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.93);backdrop-filter:blur(10px);border-bottom:1px solid var(--linha-fina)}
.topo-in{display:flex;align-items:center;justify-content:space-between;gap:20px;height:68px}
.marca{display:flex;align-items:baseline;gap:9px;font-family:var(--display);font-weight:800;font-size:1.22rem;letter-spacing:-.02em}
.marca b{color:var(--vinho)}
.marca span{font-family:var(--mono);font-size:.56rem;font-weight:500;letter-spacing:.14em;color:var(--aco);text-transform:uppercase}
@media(max-width:640px){.marca span{display:none}}
/* no celular o cabeçalho não comporta os dois botões: o WhatsApp sai do topo
   e continua disponível na seção de contato */
@media(max-width:640px){.topo .acao-zap{display:none}}
.navmenu{display:flex;gap:26px;align-items:center}
.navmenu a{font-size:.91rem;font-weight:500;color:var(--aco);transition:color .18s}
.navmenu a:hover{color:var(--vinho)}
/* abaixo de 1150 o menu, a assinatura e os dois botões não cabem na mesma linha
   sem quebrar o texto: o menu sai e o cabeçalho fica limpo */
@media(max-width:1150px){.navmenu{display:none}.hamb{display:flex}}
@media(min-width:1151px){.gaveta{display:none!important}}
.topo-cta{display:flex;gap:9px;align-items:center}

.acao{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--corpo);font-size:.93rem;font-weight:600;background:var(--verde);color:#fff;padding:11px 20px;border:none;border-radius:2px;cursor:pointer;transition:background .18s,transform .18s;text-align:center}
.acao:hover{background:var(--verde-esc);transform:translateY(-1px)}
.acao:disabled{opacity:.85;transform:none;cursor:default}
.acao-vazia{background:transparent;color:var(--grafite);border:1.5px solid var(--linha)}
.acao-vazia:hover{background:var(--papel);border-color:var(--grafite)}
.acao-zap{background:transparent;color:var(--vinho);border:1.5px solid var(--linha)}
.acao-zap:hover{background:var(--papel);border-color:var(--vinho)}
.acao-clara{background:var(--verde-cl);color:#06301F}
.acao-clara:hover{background:#6FE6BA}
.acao-g{padding:15px 28px;font-size:1rem}
@media(max-width:520px){.acao-g{width:100%}}

/* ---------- HERO ---------- */
.hero{padding-block:clamp(26px,3.2vw,42px) clamp(40px,5vw,62px);border-bottom:1px solid var(--linha-fina)}
.hero h1{font-family:var(--display);font-size:clamp(2rem,3.7vw,3.15rem);line-height:1.04;font-weight:800;letter-spacing:-.03em;margin:14px 0 18px;max-width:16ch;text-wrap:balance}
.hero h1 em{font-style:normal;color:var(--vinho)}
.hero-sub{font-size:clamp(1rem,1.25vw,1.1rem);color:var(--aco);max-width:46ch;margin-bottom:24px}
.hero-btns{display:flex;gap:11px;flex-wrap:wrap;margin-bottom:30px}

.erps-hero{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:4px}
.erps-hero .rot{font-family:var(--mono);font-size:.61rem;letter-spacing:.13em;text-transform:uppercase;color:var(--aco);flex-basis:100%;margin:0 0 10px}
.erps-hero .chip{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:.7rem;font-weight:500;letter-spacing:.03em;background:var(--papel);border:1px solid var(--linha);padding:7px 12px;color:var(--grafite);white-space:nowrap}
.erps-hero .chip::before{content:"✓";color:var(--verde);font-weight:700}

.ganhos{list-style:none;border-top:1px solid var(--linha);display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.ganhos li{padding:20px;border-right:1px solid var(--linha-fina);text-align:center;display:flex;flex-direction:column;align-items:center}
.ganhos li:last-child{border-right:none}
.ganhos .n{display:block;font-family:var(--display);font-size:clamp(1.5rem,2.6vw,2.05rem);font-weight:800;letter-spacing:-.03em;line-height:1;color:var(--verde);margin-bottom:9px}
.ganhos .l{font-size:.87rem;color:var(--aco);line-height:1.4;display:block;max-width:24ch}
@media(max-width:860px){.ganhos{grid-template-columns:1fr 1fr}.ganhos li:nth-child(2n){border-right:none}.ganhos li:nth-child(-n+2){border-bottom:1px solid var(--linha-fina)}}
@media(max-width:520px){.ganhos{grid-template-columns:1fr}.ganhos li{border-right:none;border-bottom:1px solid var(--linha-fina)}}

/* ---------- HERO em duas colunas ---------- */
.hero-grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:clamp(30px,4.2vw,58px);align-items:start}
@media(max-width:980px){.hero-grid{grid-template-columns:1fr;gap:42px}}
.hero-txt,.hero-calc{min-width:0}
.hero-calc .cod{display:block;margin-bottom:12px}
.ganhos{margin-top:clamp(30px,3.8vw,44px)}

/* ---------- slots de imagem ---------- */
.slot{background:var(--papel);border:2px dashed var(--linha);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:26px;text-align:center;min-height:220px}
.slot .tit{font-family:var(--mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--vinho);font-weight:700}
.slot .esp{font-family:var(--mono);font-size:.63rem;color:var(--aco);letter-spacing:.06em}
.slot .desc{font-size:.87rem;color:var(--aco);max-width:34ch;line-height:1.45}
.slot-video{min-height:clamp(220px,26vw,320px);grid-column:1/-1}
.galeria{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(14px,2vw,20px)}
@media(max-width:660px){.galeria{grid-template-columns:1fr}}

/* telas reais do produto */
.tela{background:var(--cal);border:1px solid var(--linha);overflow:hidden;display:flex;flex-direction:column}
.tela img{width:100%;height:auto;border-bottom:1px solid var(--linha-fina)}
.tela figcaption{padding:16px 18px}
.tela figcaption strong{display:block;font-family:var(--display);font-size:1.03rem;font-weight:700;letter-spacing:-.018em;margin-bottom:5px;line-height:1.25}
.tela figcaption span{display:block;font-size:.88rem;color:var(--aco);line-height:1.45}

/* ---------- seções ---------- */
.faixa{padding-block:clamp(44px,5.4vw,70px);border-bottom:1px solid var(--linha-fina)}
.faixa-papel{background:var(--papel)}
.faixa-escura{background:var(--grafite);color:var(--papel);border-bottom:none}
.cab{max-width:60ch;margin-bottom:clamp(26px,3.4vw,40px)}
.cab h2{font-family:var(--display);font-size:clamp(1.7rem,3.4vw,2.6rem);line-height:1.06;font-weight:700;letter-spacing:-.027em;margin:12px 0 14px;text-wrap:balance}
.cab p{color:var(--aco);font-size:1.04rem}
.faixa-escura .cab p{color:#9DB2C4}
.faixa-escura .cod{color:var(--claro)}
.nota{margin-top:14px;font-size:.85rem;color:var(--aco);max-width:70ch;line-height:1.55}
.nota b{color:var(--grafite);font-weight:600}
.faixa-escura .nota{color:#8FA5B8}
.faixa-escura .nota b{color:var(--papel)}

/* ---------- SIMULADOR (card único no hero) ---------- */
.simul{background:var(--vinho);color:#fff;padding:clamp(22px,2.5vw,30px)}
.simul .rot{font-family:var(--mono);font-size:.62rem;letter-spacing:.13em;text-transform:uppercase;color:var(--claro);display:block;margin-bottom:8px}
.simul .big{font-family:var(--display);font-size:clamp(2.3rem,4.4vw,3.2rem);font-weight:800;letter-spacing:-.04em;line-height:.95;color:var(--verde-cl)}
.simul .sub{color:var(--claro-2);font-size:.9rem;margin-top:7px;min-height:2.6em}
.simul-campos{margin-top:22px;padding-top:20px;border-top:1px solid rgba(255,255,255,.22);display:grid;gap:15px}
.simul-campo label{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font-size:.84rem;color:#DCE8F2;margin-bottom:6px}
.simul-campo label output{font-family:var(--display);font-weight:700;font-size:1.02rem;color:#fff}
.simul-campo input[type=range]{width:100%;height:20px;background:transparent;-webkit-appearance:none;appearance:none;cursor:pointer;display:block}
.simul-campo input[type=range]::-webkit-slider-runnable-track{height:4px;background:rgba(255,255,255,.3);border-radius:2px}
.simul-campo input[type=range]::-moz-range-track{height:4px;background:rgba(255,255,255,.3);border-radius:2px}
.simul-campo input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;background:var(--verde-cl);border:none;border-radius:50%;margin-top:-7px}
.simul-campo input[type=range]::-moz-range-thumb{width:18px;height:18px;background:var(--verde-cl);border:none;border-radius:50%;border:0}
.simul-linha{display:flex;flex-wrap:wrap;gap:4px 26px;margin-top:19px;padding-top:15px;border-top:1px solid rgba(255,255,255,.18)}
.simul-linha span{font-size:.85rem;color:#DCE8F2}
.simul-linha b{font-family:var(--display);font-weight:700;color:#fff;margin-left:5px}
.simul .acao{width:100%;margin-top:17px}
.simul-obs{font-size:.72rem;color:var(--claro-3);margin-top:11px;line-height:1.45}

/* ---------- blocos ---------- */
.blocos{display:grid;grid-template-columns:repeat(auto-fit,minmax(272px,1fr));gap:1px;background:var(--linha);border:1px solid var(--linha)}
.bloco{background:var(--cal);padding:clamp(22px,2.6vw,28px)}
.bloco h3{font-family:var(--display);font-size:1.13rem;font-weight:700;letter-spacing:-.02em;margin:10px 0 9px;line-height:1.2}
.bloco>p{font-size:.91rem;color:var(--aco);line-height:1.5;margin-bottom:13px}
.bloco ul{list-style:none}
.bloco li{font-size:.88rem;padding:6px 0 6px 17px;position:relative;border-bottom:1px dashed var(--linha-fina);line-height:1.45}
.bloco li:last-child{border-bottom:none}
.bloco li::before{content:"";position:absolute;left:0;top:.78em;width:7px;height:1.5px;background:var(--vinho)}

/* ---------- AGENTES ---------- */
.agentes{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:clamp(14px,2vw,20px)}
.agente{background:#12293F;border:1px solid #1E3A52;border-top:3px solid var(--planta);padding:clamp(20px,2.4vw,26px);display:flex;flex-direction:column}
.agente .sel{font-family:var(--mono);font-size:.55rem;letter-spacing:.1em;text-transform:uppercase;padding:3px 8px;border:1px solid;align-self:flex-start;margin-bottom:13px}
.sel-prod{color:#6FD3A6;border-color:#2C6B51;background:rgba(27,107,74,.18)}
.sel-dev{color:#9DB2C4;border-color:#2A4459;background:rgba(255,255,255,.05)}
.agente h3{font-family:var(--display);font-size:1.14rem;font-weight:700;letter-spacing:-.02em;color:#fff;margin-bottom:9px;line-height:1.22}
.agente p{font-size:.89rem;color:#9DB2C4;line-height:1.5;flex:1}

/* ---------- tabela ---------- */
.tabwrap{overflow-x:auto;border:1px solid var(--linha);background:var(--cal)}
table{width:100%;border-collapse:collapse;min-width:540px}
table caption{text-align:left;padding:15px 18px;background:var(--papel);border-bottom:1px solid var(--linha);font-family:var(--mono);font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:var(--aco)}
th,td{padding:12px 18px;text-align:left;border-bottom:1px solid var(--linha-fina);font-size:.93rem}
th{font-family:var(--mono);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--aco);font-weight:500}
th.nos{color:var(--verde);font-weight:700}
td.num{font-family:var(--mono);font-weight:500;text-align:right;white-space:nowrap}
td.nos{font-weight:600;background:color-mix(in srgb,var(--verde) 5%,var(--cal))}
tr:last-child td{border-bottom:none}
tr.total td{background:var(--papel);font-weight:700;border-top:2px solid var(--vinho)}
tr.total td.num{color:var(--vinho)}

/* ---------- selo de status ---------- */
.selo-st{font-family:var(--mono);font-size:.55rem;letter-spacing:.1em;text-transform:uppercase;padding:4px 8px;border:1px solid;white-space:nowrap}
.st-dev{color:var(--aco);border-color:var(--linha);background:var(--papel)}

/* ---------- papéis / ROI ---------- */
.papeis{display:grid;grid-template-columns:repeat(auto-fit,minmax(196px,1fr));gap:clamp(14px,2vw,22px)}
.papel{border-top:2px solid var(--vinho);padding-top:15px}
.papel h3,.papel h4{font-family:var(--display);font-size:1.01rem;font-weight:700;margin-bottom:7px;letter-spacing:-.015em}
.papel p{font-size:.88rem;color:var(--aco);line-height:1.5}

/* tempo de volta na tabela */
td.ganho{font-family:var(--mono);font-weight:700;text-align:right;white-space:nowrap;color:var(--verde)}
/* recursos em 1 linha */
.umbloco{border:1px solid var(--linha);background:var(--cal)}
.umbloco>div{display:flex;gap:16px;align-items:baseline;padding:14px 20px;border-bottom:1px solid var(--linha-fina)}
.umbloco>div:last-child{border-bottom:none}
.umbloco b{font-family:var(--display);font-weight:700;font-size:.95rem;letter-spacing:-.01em;flex:0 0 150px;color:var(--vinho)}
.umbloco span{font-size:.92rem;color:var(--aco);line-height:1.5}
@media(max-width:640px){.umbloco>div{flex-direction:column;gap:4px}.umbloco b{flex:none}}

/* ---------- FAQ ---------- */
.faq{border-top:1px solid var(--linha);max-width:82ch}
.faq details{border-bottom:1px solid var(--linha)}
.faq summary{cursor:pointer;padding:18px 40px 18px 0;font-family:var(--display);font-size:clamp(1rem,1.7vw,1.14rem);font-weight:700;letter-spacing:-.015em;position:relative;list-style:none;line-height:1.35}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:6px;top:50%;transform:translateY(-50%);font-family:var(--mono);font-size:1.3rem;font-weight:400;color:var(--vinho)}
.faq details[open] summary::after{content:"–"}
.faq summary:hover{color:var(--vinho)}
.faq .resp{padding:0 40px 20px 0;color:var(--aco);font-size:.96rem;line-height:1.6}
.faq .resp b{color:var(--grafite);font-weight:600}

/* ---------- CTA ---------- */
.cta{background:var(--vinho);color:#fff;padding-block:clamp(46px,6vw,76px)}
.cta-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,4.6vw,62px);align-items:start}
@media(max-width:900px){.cta-grid{grid-template-columns:1fr;gap:38px}}
.cta h2{font-family:var(--display);font-size:clamp(1.78rem,3.5vw,2.65rem);line-height:1.05;font-weight:700;letter-spacing:-.028em;margin:12px 0 18px;text-wrap:balance}
.cta .cod{color:var(--claro)}
.cta-txt>p{color:var(--claro-2);font-size:1.03rem;margin-bottom:16px;max-width:45ch}
.vias{display:grid;gap:10px;margin-top:24px}
.vias a{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.07);transition:background .18s}
.vias a:hover{background:rgba(255,255,255,.15)}
.vias .ic{font-family:var(--mono);font-size:.7rem;font-weight:700;color:var(--claro);flex-shrink:0}
.vias .tx{font-size:.95rem;font-weight:500}
.vias .tx small{display:block;font-weight:400;font-size:.8rem;color:var(--claro-3);margin-top:2px}

form{display:grid;gap:13px}
.dupla{display:grid;grid-template-columns:1fr 1fr;gap:13px}
@media(max-width:560px){.dupla{grid-template-columns:1fr}}
form label{display:block;font-family:var(--mono);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--claro);margin-bottom:6px}
form input,form select,form textarea{width:100%;padding:12px 14px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.28);border-radius:2px;color:#fff;font-family:var(--corpo);font-size:.95rem}
form input::placeholder,form textarea::placeholder{color:#8FA9C0}
form input:focus,form select:focus,form textarea:focus{outline:none;border-color:#fff;background:rgba(255,255,255,.17)}
form select option{color:#0C2036}
form textarea{resize:vertical}
form .acao{width:100%;padding:15px;font-size:1rem;margin-top:3px}
.aviso{font-size:.81rem;color:var(--claro-3);line-height:1.5}

/* rodapé */
.pe{background:var(--grafite);color:#93A7B8;padding-block:38px;font-size:.87rem}
.pe-in{display:flex;justify-content:space-between;gap:28px;flex-wrap:wrap}
.pe .marca{color:var(--papel)}
.pe .marca b{color:var(--claro)}
.pe p{margin-top:9px;max-width:40ch;line-height:1.55}
.pe .dir{text-align:right}
@media(max-width:640px){.pe .dir{text-align:left}.pe .dir p{margin-left:0}}
.pe-cod{font-family:var(--mono);font-size:.65rem;letter-spacing:.1em;text-transform:uppercase}

/* ---------- galeria: tres por linha, miniatura e visor ---------- */
.galeria{grid-template-columns:repeat(3,1fr)}
@media(max-width:980px){.galeria{grid-template-columns:repeat(2,1fr)}}
@media(max-width:660px){.galeria{grid-template-columns:1fr}}
.tela img{max-height:clamp(140px,14vw,186px);object-fit:cover;object-position:top center}

/* ---------- vantagens da equipe e da diretoria em uma linha ---------- */
#empresa .papeis,#diretoria .papeis{grid-template-columns:repeat(6,1fr)}
@media(max-width:1100px){#empresa .papeis,#diretoria .papeis{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){#empresa .papeis,#diretoria .papeis{grid-template-columns:repeat(2,1fr)}}
@media(max-width:460px){#empresa .papeis,#diretoria .papeis{grid-template-columns:1fr}}
.ver-img{margin-top:13px;font-size:.8rem;padding:9px 15px}
.visor{position:fixed;inset:0;z-index:120;display:flex;align-items:center;justify-content:center;padding:clamp(46px,5vw,60px) clamp(14px,4vw,44px)}
.visor[hidden]{display:none}
.visor::before{content:"";position:absolute;inset:0;background:rgba(12,32,54,.9)}
.visor img{position:relative;max-width:100%;max-height:100%;width:auto;border:1px solid var(--linha);background:var(--cal)}
.visor-x{position:absolute;top:clamp(10px,2vw,18px);right:clamp(10px,2vw,18px);z-index:1;width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;font-family:var(--corpo);font-size:1.5rem;line-height:1;background:var(--cal);color:var(--grafite);border:1px solid var(--linha);border-radius:2px;cursor:pointer}
.visor-x:hover{background:var(--papel)}

/* ================= V2: navegação, plataforma e CTA flutuante ================= */

/* --- mega menu --- */
.navmenu{position:relative}
.nav-bt{display:inline-flex;align-items:center;gap:6px;font-family:var(--corpo);font-size:.91rem;
  font-weight:500;color:var(--aco);background:none;border:0;padding:0;cursor:pointer;transition:color .18s}
.nav-bt:hover,.nav-bt[aria-expanded="true"]{color:var(--vinho)}
.nav-bt .seta{font-size:.6rem;transition:transform .18s}
.nav-bt[aria-expanded="true"] .seta{transform:rotate(180deg)}
.mega{position:absolute;top:calc(100% + 14px);left:-24px;width:min(760px,86vw);background:var(--cal);
  border:1px solid var(--linha);box-shadow:0 18px 48px rgba(12,32,54,.13);padding:26px 28px;
  display:grid;grid-template-columns:repeat(3,1fr);gap:26px;z-index:80}
.mega[hidden]{display:none}
.mega .col > .rot{display:block;font-family:var(--mono);font-size:.6rem;letter-spacing:.14em;
  text-transform:uppercase;color:var(--aco);margin-bottom:12px;padding-bottom:9px;border-bottom:1px solid var(--linha-fina)}
.mega a{display:block;padding:9px 10px;margin-left:-10px;border-radius:2px;transition:background .16s}
.mega a:hover{background:var(--papel)}
.mega a b{display:block;font-family:var(--display);font-size:.95rem;font-weight:700;
  letter-spacing:-.015em;color:var(--grafite);line-height:1.25}
.mega a i{display:block;font-style:normal;font-size:.82rem;color:var(--aco);line-height:1.4;margin-top:2px}
.mega .marca-st{font-family:var(--mono);font-size:.55rem;letter-spacing:.1em;text-transform:uppercase;
  color:var(--aco);border:1px solid var(--linha);padding:1px 6px;margin-left:6px;white-space:nowrap}

/* --- menu mobile --- */
.hamb{display:none;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;
  background:none;border:1px solid var(--linha);cursor:pointer;padding:0 11px}
.hamb span{display:block;height:2px;background:var(--grafite);transition:transform .2s,opacity .2s}
.hamb[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.hamb[aria-expanded="true"] span:nth-child(2){opacity:0}
.hamb[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.gaveta{position:fixed;inset:68px 0 0;background:var(--cal);z-index:75;overflow-y:auto;
  padding:26px var(--gut) 40px;display:flex;flex-direction:column;gap:4px}
.gaveta[hidden]{display:none}
.gaveta .rot{font-family:var(--mono);font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;
  color:var(--aco);margin:20px 0 8px}
.gaveta a.item{display:block;padding:14px 0;font-family:var(--display);font-size:1.05rem;font-weight:700;
  letter-spacing:-.015em;border-bottom:1px solid var(--linha-fina)}
.gaveta a.item small{display:block;font-family:var(--corpo);font-size:.85rem;font-weight:400;
  color:var(--aco);letter-spacing:0;margin-top:3px}
.gaveta .acao{width:100%;margin-top:18px}

/* --- plataforma --- */
.plat{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2vw,24px);margin-top:8px}
.plat-col{background:var(--cal);border:1px solid var(--linha);border-top:4px solid var(--vinho);
  padding:clamp(20px,2.4vw,28px);display:flex;flex-direction:column}
.faixa-escura .plat-col{background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.16);
  border-top-color:var(--claro)}
.plat-col .rot{font-family:var(--mono);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;
  color:var(--aco);display:block;margin-bottom:10px}
.faixa-escura .plat-col .rot{color:var(--claro)}
.plat-col h3{font-family:var(--display);font-size:1.16rem;font-weight:700;letter-spacing:-.02em;
  margin-bottom:7px;line-height:1.2}
.plat-col > p{font-size:.92rem;color:var(--aco);line-height:1.45;margin-bottom:14px}
.faixa-escura .plat-col > p{color:#9DB2C4}
.plat-col ul{list-style:none;margin-top:auto;border-top:1px solid var(--linha-fina);padding-top:12px}
.faixa-escura .plat-col ul{border-top-color:rgba(255,255,255,.14)}
.plat-col li{font-size:.86rem;color:var(--aco);padding:5px 0 5px 15px;position:relative;line-height:1.4}
.faixa-escura .plat-col li{color:#9DB2C4}
.plat-col li::before{content:"";position:absolute;left:0;top:.85em;width:7px;height:1.5px;background:var(--verde)}
.faixa-escura .plat-col li::before{background:var(--verde-cl)}
.plat-topo{text-align:center;margin-bottom:clamp(18px,2.4vw,26px)}
.plat-topo b{display:inline-block;font-family:var(--display);font-size:1.05rem;font-weight:800;
  letter-spacing:-.02em;border:1px solid var(--linha);padding:11px 26px;background:var(--cal)}
.faixa-escura .plat-topo b{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.2);color:#fff}
@media(max-width:820px){.plat{grid-template-columns:1fr}}

/* --- fluxo do ERP --- */
.fluxo{display:flex;align-items:stretch;gap:12px;flex-wrap:wrap;margin-top:20px}
.fluxo .et{flex:1 1 170px;border:1px solid var(--linha);background:var(--cal);padding:16px 18px}
.fluxo .et b{display:block;font-family:var(--display);font-size:.98rem;font-weight:700;letter-spacing:-.015em}
.fluxo .et span{display:block;font-size:.83rem;color:var(--aco);line-height:1.4;margin-top:3px}
.fluxo .seta{align-self:center;color:var(--aco);font-size:1.1rem;flex:0 0 auto}
@media(max-width:700px){.fluxo .seta{display:none}}

/* --- grupos de recurso do Portal do Cliente --- */
.grupo{border-top:2px solid var(--vinho);padding-top:16px;margin-top:clamp(24px,3vw,34px)}
.grupo > .rot{font-family:var(--mono);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;
  color:var(--vinho);display:block;margin-bottom:14px}

/* --- CTA flutuante no celular --- */
.flut{position:fixed;left:0;right:0;bottom:0;z-index:65;display:none;gap:8px;padding:9px 12px
  calc(9px + env(safe-area-inset-bottom));background:rgba(255,255,255,.96);
  backdrop-filter:blur(10px);border-top:1px solid var(--linha)}
.flut .acao{flex:1;padding:13px 10px;font-size:.9rem}
.flut .acao-zap{flex:0 0 auto;padding-inline:16px}
@media(max-width:760px){.flut{display:flex}body{padding-bottom:72px}}
@media print{.flut{display:none}}

/* --- V2: hero com imagem, barra de confiança, subtítulo de seção e formulário --- */
.hero-img{border:1px solid var(--linha);background:var(--cal);overflow:hidden;align-self:start}
.hero-img img{width:100%;height:auto;display:block;border-bottom:1px solid var(--linha-fina)}
.hero-img figcaption{padding:13px 16px;font-size:.85rem;color:var(--aco);line-height:1.45}
.faixa-fina{padding-block:clamp(20px,2.4vw,30px)}
.trust{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.trust .rot{font-family:var(--mono);font-size:.62rem;letter-spacing:.13em;text-transform:uppercase;color:var(--aco);display:block;margin-bottom:9px}
.trust-nota{font-size:.88rem;color:var(--aco);line-height:1.5;max-width:34ch}
.trust-nota b{color:var(--grafite);font-weight:600}
.cab .cab-h,.cab-h{font-family:var(--display);font-size:clamp(1.7rem,3.4vw,2.6rem);line-height:1.06;font-weight:700;letter-spacing:-.027em;color:var(--grafite);margin:0 0 14px;text-wrap:balance}
.faixa-escura .cab-h{color:#fff}
.cta .cab-h{color:#fff}
.form-tit{font-family:var(--display);font-size:1.12rem;font-weight:700;letter-spacing:-.02em;color:#fff;margin-bottom:5px}
.form-sub{font-size:.85rem;color:var(--claro-2);line-height:1.5;margin-bottom:18px}
@media(max-width:860px){.hero-img{display:none}}

/* --- V2: rótulo de seção volta a ser rótulo, agora que existe título próprio --- */
.cab h2.cod{font-family:var(--mono);font-size:clamp(.7rem,.9vw,.78rem);font-weight:500;
  letter-spacing:.14em;line-height:1.5;margin:0 0 12px;text-transform:uppercase;
  color:var(--vinho);text-wrap:initial}
.faixa-escura .cab h2.cod,.cta .cab h2.cod{color:var(--claro)}
.hero-txt h2.cod{font-family:var(--mono);font-size:clamp(.7rem,.9vw,.78rem);font-weight:500;
  letter-spacing:.14em;line-height:1.5;margin:0 0 12px;text-transform:uppercase;color:var(--vinho)}

/* --- V2: grades sem célula vazia --- */
#custo .blocos{grid-template-columns:repeat(3,1fr)}
@media(max-width:980px){#custo .blocos{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){#custo .blocos{grid-template-columns:1fr}}
.grupo .blocos{grid-template-columns:repeat(3,1fr)}
@media(max-width:980px){.grupo .blocos{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.grupo .blocos{grid-template-columns:1fr}}
#como-funciona .blocos{grid-template-columns:repeat(3,1fr)}
@media(max-width:900px){#como-funciona .blocos{grid-template-columns:1fr}}

/* --- V2: cabeçalho em uma linha só --- */
.navmenu > a,.nav-bt,.topo-cta .acao{white-space:nowrap}
/* o mega menu tem texto corrido: precisa quebrar linha, senão estoura a caixa */
.mega a,.mega a b,.mega a i{white-space:normal}
.mega{max-width:calc(100vw - 2 * var(--gut))}
/* a assinatura ao lado da marca só aparece quando há folga de verdade */
@media(max-width:1330px){.marca span{display:none}}
/* abaixo do ponto de corte do menu, o topo fica com marca + hamburguer:
   WhatsApp e CTA principal passam a viver na gaveta e na barra flutuante */
@media(max-width:1150px){.topo .acao-zap{display:none}.hamb{display:flex}}
@media(max-width:760px){.topo-cta .acao{display:none}}

.grupo-2 .blocos{grid-template-columns:repeat(2,1fr)}
@media(max-width:620px){.grupo-2 .blocos{grid-template-columns:1fr}}
#seguranca .papeis{grid-template-columns:repeat(3,1fr)}
@media(max-width:900px){#seguranca .papeis{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){#seguranca .papeis{grid-template-columns:1fr}}

@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

/* ================= V2 comercial: extras compartilhados entre as páginas ================= */
.mega-estreito{grid-template-columns:1fr;width:min(360px,86vw)}
.mega a,.mega a b,.mega a i{white-space:normal}
.mega{max-width:calc(100vw - 2 * var(--gut))}
.navmenu > a,.nav-bt,.topo-cta .acao{white-space:nowrap}

.pe-cols{display:flex;gap:44px;flex-wrap:wrap;margin-top:22px}
.pe-cols > div{display:flex;flex-direction:column;gap:9px}
.pe-tit{font-family:var(--mono);font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:var(--claro);margin-bottom:3px}
.pe-cols a{font-size:.85rem;color:#9DB2C4;transition:color .15s}
.pe-cols a:hover{color:#fff}

.flut{position:fixed;left:0;right:0;bottom:0;z-index:65;display:none;gap:8px;padding:9px 12px
  calc(9px + env(safe-area-inset-bottom));background:rgba(255,255,255,.96);
  backdrop-filter:blur(10px);border-top:1px solid var(--linha)}
.flut .acao{flex:1;padding:13px 10px;font-size:.9rem}
.flut .acao-zap{flex:0 0 auto;padding-inline:16px}
@media(max-width:760px){.flut{display:flex}body{padding-bottom:72px}}
@media print{.flut{display:none}}

@media(max-width:1150px){.navmenu{display:none}.topo .acao-zap{display:none}.hamb{display:flex}}
@media(min-width:1151px){.gaveta{display:none!important}}
@media(max-width:1330px){.marca span{display:none}}
@media(max-width:760px){.topo-cta .acao{display:none}}

/* ---- página institucional: hero secundário sem simulador ---- */
.hero-solo{padding-block:clamp(30px,4vw,52px) clamp(36px,5vw,58px);border-bottom:1px solid var(--linha-fina)}
.hero-solo h1{font-family:var(--display);font-size:clamp(2rem,3.6vw,3rem);line-height:1.05;font-weight:800;letter-spacing:-.03em;margin:14px 0 18px;max-width:20ch;text-wrap:balance}
.hero-solo h1 em{font-style:normal;color:var(--verde)}
.hero-solo .hero-sub{font-size:clamp(1rem,1.2vw,1.08rem);color:var(--aco);max-width:56ch;margin-bottom:24px}

/* ---- diagrama ERP -> IncorpHub -> pessoas ---- */
.arqui{display:flex;flex-direction:column;align-items:center;gap:0;margin:clamp(28px,4vw,44px) 0}
.arqui .no{border:2px solid var(--vinho);background:var(--cal);padding:16px 30px;font-family:var(--display);
  font-weight:800;font-size:1.05rem;letter-spacing:-.02em;text-align:center}
.arqui .no.raiz{background:var(--grafite);color:#fff;border-color:var(--grafite)}
.arqui .no.miolo{background:var(--verde);color:#fff;border-color:var(--verde)}
.arqui .linha{width:2px;height:26px;background:var(--linha)}
.arqui .galho{display:flex;gap:clamp(10px,3vw,40px);flex-wrap:wrap;justify-content:center;margin-top:0}
.arqui .ramo{display:flex;flex-direction:column;align-items:center;gap:0}
.arqui .ramo .linha{height:22px}
.arqui .folhas{display:flex;flex-direction:column;gap:6px;margin-top:8px;min-width:150px}
.arqui .folha{font-size:.82rem;color:var(--aco);text-align:center;border:1px dashed var(--linha);padding:6px 10px}
@media(max-width:760px){.arqui .galho{flex-direction:column;align-items:center}.arqui .ramo .linha{height:14px}}

/* ---- comparativo antes/depois em cartão duplo (financeiro etc.) ---- */
.duocol{display:grid;grid-template-columns:1fr auto 1fr;gap:0;align-items:stretch;margin-top:20px}
.duocol .lado{border:1px solid var(--linha);padding:20px 22px}
.duocol .lado.mau{background:var(--papel)}
.duocol .lado.bom{background:var(--cal);border-color:var(--verde)}
.duocol .lado .rot{font-family:var(--mono);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--aco);display:block;margin-bottom:10px}
.duocol .lado.bom .rot{color:var(--verde)}
.duocol .lado ol{list-style:none;counter-reset:p}
.duocol .lado ol li{counter-increment:p;font-size:.9rem;padding:6px 0 6px 26px;position:relative;color:var(--grafite)}
.duocol .lado ol li::before{content:counter(p);position:absolute;left:0;top:5px;width:18px;height:18px;
  border-radius:50%;background:var(--linha);color:var(--aco);font-size:.68rem;font-weight:700;
  display:flex;align-items:center;justify-content:center}
.duocol .lado.bom ol li::before{background:var(--verde);color:#fff}
.duocol .seta-meio{display:flex;align-items:center;justify-content:center;padding:0 14px;color:var(--aco);font-size:1.4rem}
@media(max-width:760px){.duocol{grid-template-columns:1fr}.duocol .seta-meio{transform:rotate(90deg);padding:8px 0}}

/* ---- aviso de escopo (SST etc.) ---- */
.escopo{border:1px solid var(--linha);background:var(--papel);padding:18px 20px;margin-top:22px;
  font-size:.85rem;color:var(--aco);line-height:1.55}
.escopo b{color:var(--grafite)}

/* ---- prova social preparada (placeholder visível só no ambiente de edição) ---- */
.prova-vazia{border:1px dashed var(--linha);padding:28px;text-align:center;color:var(--aco);font-size:.9rem}

/* ---- lista de precos por categoria ---- */
.preco-cat{border:1px solid var(--linha);padding:clamp(22px,3vw,30px);margin-top:18px}
.preco-cat h3{font-family:var(--display);font-size:1.2rem;font-weight:800;letter-spacing:-.02em;margin-bottom:6px}
.preco-cat .sob{font-family:var(--mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--verde);margin-bottom:14px;display:block}

/* grades de 6 itens: travar em 3 colunas evita celula vazia na segunda linha */
#o-que-e .blocos,#recursos .blocos,#funcionalidades .blocos,#problema .blocos,#atende .blocos{grid-template-columns:repeat(3,1fr)}
@media(max-width:980px){#o-que-e .blocos,#recursos .blocos,#funcionalidades .blocos,#problema .blocos,#atende .blocos{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){#o-que-e .blocos,#recursos .blocos,#funcionalidades .blocos,#problema .blocos,#atende .blocos{grid-template-columns:1fr}}