/* NEXTON, site novo (ambiente de teste). Cores da marca: navy, verde do logo e branco. */
:root{
  --navy:#0B1F3A; --navy-2:#021736; --navy-3:#122E52; --linha:#1D3C63;
  --verde:#7BF542; --verde-esc:#3E9A17; --branco:#FFFFFF;
  --t2:#C3D2E5; --t3:#8BA2BF;
  --claro:#F5F8FC; --claro-2:#E8EFF7; --tx:#0B1F3A; --tx2:#3C5570; --linha-c:#DCE6F2;
  --f-tit:"Montserrat",system-ui,-apple-system,"Segoe UI",sans-serif;
  --f-txt:"Source Sans 3",system-ui,-apple-system,"Segoe UI",sans-serif;
  --larg:1200px; --gutter:clamp(16px,4vw,40px); --topo:72px;
}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--topo) + 12px);-webkit-text-size-adjust:100%}
body{margin:0;background:var(--navy);color:var(--branco);font:17px/1.6 var(--f-txt);overflow-x:hidden}
img{max-width:100%;display:block;height:auto}
h1,h2,h3,h4{font-family:var(--f-tit);line-height:1.18;margin:0;text-wrap:balance;letter-spacing:-.01em}
h1{font-size:clamp(32px,4.6vw,58px);font-weight:800}
h2{font-size:clamp(26px,3.2vw,40px);font-weight:700}
h3{font-size:clamp(18px,1.6vw,21px);font-weight:700}
p{margin:0}
a{color:inherit}
:focus-visible{outline:3px solid var(--verde);outline-offset:3px;border-radius:4px}
.wrap{max-width:var(--larg);margin:0 auto;padding-inline:var(--gutter)}
.eyebrow{font-family:var(--f-tit);font-size:12.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--verde)}
.sec{padding-block:clamp(64px,9vw,120px)}
.sec-claro{background:var(--claro);color:var(--tx)}
.sec-claro .eyebrow{color:var(--verde-esc)}
.sec-escuro{background:var(--navy-2)}
.cab-sec{display:grid;gap:14px;max-width:760px;margin-bottom:clamp(32px,4vw,52px)}
.cab-sec p{color:var(--t2);font-size:18px}
.sec-claro .cab-sec p{color:var(--tx2)}
.pular{position:absolute;left:-999px;top:8px;background:var(--verde);color:var(--navy);padding:8px 14px;font-weight:700;z-index:100}
.pular:focus{left:8px}

/* Botões */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 22px;border-radius:8px;font:700 15px/1.2 var(--f-tit);text-decoration:none;border:2px solid var(--verde);cursor:pointer;transition:background .2s,color .2s,transform .2s}
.btn-p{background:var(--verde);color:var(--navy)}
.btn-p:hover{background:#95F86A}
.btn-s{background:transparent;color:var(--branco);border-color:rgba(255,255,255,.55)}
.btn-s:hover{border-color:var(--verde);color:var(--verde)}
.sec-claro .btn-s{color:var(--tx);border-color:var(--tx)}
.btns{display:flex;flex-wrap:wrap;gap:12px}
.link-seta{font:700 15px var(--f-tit);color:var(--verde);text-decoration:none;display:inline-flex;gap:6px;align-items:center;min-height:44px}
.link-seta::after{content:"→";transition:transform .2s}
.link-seta:hover::after{transform:translateX(4px)}
.sec-claro .link-seta{color:var(--verde-esc)}

/* Topo */
.topo{position:fixed;inset:0 0 auto 0;z-index:50;background:var(--navy-2);border-bottom:1px solid rgba(255,255,255,.08);padding-top:env(safe-area-inset-top,0px)}
.topo .wrap{height:var(--topo);display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1360px}
.logo{display:flex;align-items:center;text-decoration:none;flex:none}
/* Logo oficial sem alteração: o arquivo quadrado é enquadrado só na área do desenho (x 35 a 935, y 295 a 775 de 1024) */
.logo-moldura{--lw:112px;display:block;position:relative;overflow:hidden;width:var(--lw);height:calc(var(--lw) * 480 / 900);background:#021736}
.logo-moldura img{position:absolute;max-width:none;width:calc(var(--lw) * 1024 / 900);height:auto;left:calc(var(--lw) * -35 / 900);top:calc(var(--lw) * -295 / 900)}
.rodape .logo-moldura{--lw:150px}
.logo-vazio{display:grid;place-items:center;height:38px;padding:0 12px;border:1.5px dashed rgba(255,255,255,.5);border-radius:6px;font:600 11px var(--f-tit);letter-spacing:.08em;color:var(--t2);text-transform:uppercase}
.menu{display:flex;align-items:center;gap:clamp(12px,1.6vw,26px)}
.menu a{font:600 14px var(--f-tit);color:var(--t2);text-decoration:none;white-space:nowrap;display:inline-flex;align-items:center;min-height:44px;padding-inline:3px}
.menu a[aria-current="page"]{color:var(--branco);box-shadow:inset 0 -2px 0 var(--verde)}
.menu a:hover{color:var(--branco)}
.topo-dir{display:flex;align-items:center;gap:14px}
.idioma{display:flex;gap:2px;font:700 12.5px var(--f-tit)}
.idioma a{display:inline-grid;place-items:center;min-width:44px;min-height:44px;padding:0 6px;border-radius:5px;color:var(--t3);text-decoration:none}
.idioma a[aria-current="true"]{color:var(--branco);background:rgba(255,255,255,.08)}
.topo .btn{min-height:44px;padding:9px 16px;font-size:13.5px}
.bt-menu{display:none;background:none;border:0;color:var(--branco);width:44px;height:44px;cursor:pointer;padding:10px}
.bt-menu span{display:block;height:2px;background:currentColor;margin:5px 0;border-radius:2px}
.menu-cel{position:fixed;inset:0;z-index:60;background:var(--navy-2);padding:calc(var(--topo) + 16px) var(--gutter) 32px;display:flex;flex-direction:column;gap:6px;overflow-y:auto}
.menu-cel a.it{font:700 22px var(--f-tit);color:var(--branco);text-decoration:none;padding:12px 0;border-bottom:1px solid var(--linha)}
.menu-cel .btn{margin-top:20px}
.menu-cel .fechar{position:absolute;top:calc(14px + env(safe-area-inset-top,0px));right:var(--gutter);background:none;border:0;color:var(--branco);font-size:34px;line-height:1;width:44px;height:44px;cursor:pointer}
.menu-cel .idioma{margin-top:18px;font-size:15px}
@media (max-width:1180px){.menu{display:none}.bt-menu{display:block}.topo .btn{display:none}}

/* Hero */
.hero{position:relative;padding-top:var(--topo);background:var(--navy-2)}
.hero-img img{width:100%;aspect-ratio:1672/941;object-fit:cover}
.hero-txt{padding-block:28px 44px}
.hero-txt .in{display:grid;gap:20px}
@media (max-width:620px){.hero-txt h1{font-size:30px}.hero-txt p{font-size:16.5px}.hero .btns .btn{flex:1 1 100%}}
.hero-txt p{color:var(--t2);font-size:clamp(17px,1.4vw,19.5px);max-width:640px}
@media (min-width:1280px){
  .hero-txt{position:absolute;left:0;right:0;bottom:0;padding-block:64px clamp(36px,3.5vw,56px);
    background:linear-gradient(to top,rgba(2,23,54,.95) 0%,rgba(2,23,54,.78) 55%,rgba(2,23,54,0) 100%)}
  .hero-txt .in{max-width:1120px}
  .hero-txt h1{font-size:clamp(40px,3.3vw,54px)}
  .hero-txt p{max-width:820px}
}

/* Caminhos */
.caminhos{display:grid;gap:24px;grid-template-columns:repeat(2,minmax(0,1fr))}
.cartao-cam{background:var(--navy-3);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;border:1px solid var(--linha)}
.cartao-cam img{width:100%;aspect-ratio:16/9;object-fit:cover;object-position:center top}
.cartao-cam .corpo{padding:clamp(22px,2.4vw,32px);display:grid;gap:12px;align-content:start;flex:1}
.cartao-cam p{color:var(--t2)}
.cartao-cam .link-seta{margin-top:6px}
.atacado{margin-top:24px;display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;padding:clamp(22px,2.4vw,32px);border-radius:14px;border:1px solid var(--verde);background:linear-gradient(90deg,rgba(123,245,66,.10),rgba(123,245,66,0) 70%)}
.atacado div{display:grid;gap:8px}
.atacado p{color:var(--t2)}
@media (max-width:820px){.caminhos{grid-template-columns:1fr}.atacado{grid-template-columns:1fr}}

/* Soluções */
.servicos{display:grid;gap:20px;grid-template-columns:repeat(3,minmax(0,1fr))}
.servico{color:var(--tx);background:var(--branco);border:1px solid var(--linha-c);border-radius:12px;display:flex;flex-direction:column;overflow:hidden}
.servico .img{display:block;aspect-ratio:1672/941;background:var(--navy-2);overflow:hidden;border-bottom:1px solid var(--linha-c)}
.servico .img img{width:100%;height:100%;object-fit:cover;display:block}
.servico{transition:box-shadow .3s ease,transform .3s ease}
.servico:hover{box-shadow:0 14px 34px rgba(2,23,54,.12);transform:translateY(-2px)}

@media (prefers-reduced-motion:reduce){.servico{transition:none}.servico:hover{transform:none}}
.servico .corpo{padding:22px 24px 26px;display:flex;flex-direction:column;gap:10px;flex:1}
.servico .n{font:700 12.5px var(--f-tit);color:var(--verde-esc);letter-spacing:.1em}
.servico p{color:var(--tx2);flex:1}
@media (max-width:980px){.servicos{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){.servicos{grid-template-columns:1fr}}

/* Blocos com imagem ao lado */
.lado{display:grid;gap:clamp(28px,4vw,64px);grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center}
.lado.inv{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}
.lado.inv .lado-img{order:2}
.lado-img img{width:100%;aspect-ratio:1672/941;object-fit:cover;border-radius:14px}
.lado-txt{display:grid;gap:18px;align-content:start}
.lado-txt>p{color:var(--t2);font-size:18px}
.sec-claro .lado-txt>p{color:var(--tx2)}
.legenda{font-size:13.5px;color:var(--t3)}
@media (max-width:960px){.lado,.lado.inv{grid-template-columns:1fr}.lado.inv .lado-img{order:0}}

.lista-check{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.lista-check li{display:grid;grid-template-columns:22px 1fr;gap:10px;color:var(--t2)}
.lista-check li::before{content:"";width:18px;height:18px;margin-top:4px;border-radius:50%;background:var(--verde) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10.5l3.2 3L15 7' fill='none' stroke='%230B1F3A' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat}
.sec-claro .lista-check li{color:var(--tx2)}

/* Ecossistema */
.eco-img img{width:100%;aspect-ratio:1672/941;object-fit:cover;border-radius:14px}
.eco-grade{margin-top:clamp(32px,4vw,52px);display:grid;gap:clamp(28px,4vw,56px);grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}
.eco-grade>div{display:grid;gap:18px;align-content:start}
.eco-grade p{color:var(--t2)}
.fluxo{list-style:none;margin:0;padding:0;display:grid;gap:10px;counter-reset:f}
.fluxo li{counter-increment:f;display:grid;grid-template-columns:40px 1fr;gap:14px;align-items:start;padding:14px 16px;border:1px solid var(--linha);border-radius:10px;background:var(--navy-3);transition:border-color .2s}
.fluxo li:hover{border-color:var(--verde)}
.fluxo li::before{content:counter(f);display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:2px solid var(--verde);color:var(--verde);font:700 14px var(--f-tit)}
.fluxo b{font-family:var(--f-tit);font-size:15px;display:block}
.fluxo span{color:var(--t2);font-size:15.5px}
.aviso{font-size:14.5px;color:var(--t3);border-left:3px solid var(--verde);padding-left:14px}
@media (max-width:960px){.eco-grade{grid-template-columns:1fr}}

/* Expertise */
.duas{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}
.duas>div{border:1px solid var(--linha);border-radius:12px;padding:20px;display:grid;gap:8px;align-content:start;background:var(--navy-3)}
.duas h3{font-size:16px;color:var(--verde)}
.duas p{color:var(--t2);font-size:15.5px}
@media (max-width:520px){.duas{grid-template-columns:1fr}}

/* Como trabalhamos */
.etapas{list-style:none;margin:0;padding:0;display:grid;gap:4px;counter-reset:e}
.etapas li{counter-increment:e;display:grid;grid-template-columns:52px 1fr;gap:14px;padding:14px 0;border-bottom:1px solid var(--linha)}
.etapas li:last-child{border-bottom:0}
.etapas li::before{content:"0" counter(e);font:800 22px var(--f-tit);color:var(--verde)}
.etapas b{font-family:var(--f-tit);font-size:17px;display:block}
.etapas span{color:var(--t2);font-size:15.5px}

/* Por que */
.porque{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}
.porque div{background:var(--branco);border:1px solid var(--linha-c);border-radius:12px;padding:18px 20px;display:grid;gap:6px;align-content:start}
.porque h3{font-size:16.5px}
.porque p{color:var(--tx2);font-size:15.5px}
@media (max-width:520px){.porque{grid-template-columns:1fr}}

/* Consulta final */
.consulta{background:var(--navy-2)}
.consulta-topo{padding-block:clamp(64px,9vw,120px) 0}
.consulta-form{padding-block:clamp(40px,5vw,72px) clamp(64px,8vw,110px)}
.form-grade{display:grid;gap:clamp(28px,4vw,56px);grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start}
.form-lado{display:grid;gap:16px}
.form-lado p{color:var(--t2)}
.contato-alt{display:grid;gap:6px;font-size:15.5px;color:var(--t2)}
.contato-alt a{color:var(--verde);display:inline-flex;align-items:center;min-height:44px;justify-self:start}
.selo-teste{display:inline-block;font:700 11px var(--f-tit);letter-spacing:.08em;text-transform:uppercase;color:var(--navy);background:#F2C14E;border-radius:4px;padding:3px 8px}
@media (max-width:960px){.form-grade{grid-template-columns:1fr}}

/* Formulário */
.form{background:var(--branco);color:var(--tx);border-radius:14px;padding:clamp(22px,3vw,36px);display:grid;gap:16px}
.campos{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}
.campo{display:grid;gap:6px;min-width:0}
.campo.l2{grid-column:1/-1}
.campo label,.campo legend{font:600 13.5px var(--f-tit);color:var(--tx)}
.campo .opc{font-weight:400;color:var(--tx2)}
.campo input,.campo select,.campo textarea{width:100%;font:16px var(--f-txt);color:var(--tx);background:var(--claro);border:1.5px solid var(--linha-c);border-radius:8px;padding:11px 12px;min-height:46px}
.campo textarea{min-height:110px;resize:vertical}
.campo input:focus,.campo select:focus,.campo textarea:focus{outline:none;border-color:var(--verde-esc);box-shadow:0 0 0 3px rgba(123,245,66,.25)}
.campo [aria-invalid="true"]{border-color:#C0392B}
fieldset.campo{border:0;padding:0;margin:0}
.checks{display:flex;flex-wrap:wrap;gap:8px}
.checks label{display:flex;gap:6px;align-items:center;min-height:44px;font:400 15px var(--f-txt);border:1.5px solid var(--linha-c);border-radius:99px;padding:6px 14px;cursor:pointer;background:var(--claro)}
.checks input{width:auto;min-height:0;accent-color:var(--verde-esc)}
.consent{display:grid;grid-template-columns:22px 1fr;gap:10px;font-size:14.5px;color:var(--tx2);align-items:start}
.consent{cursor:pointer}
.consent input{width:22px;height:22px;margin-top:1px;accent-color:var(--verde-esc)}
.link-pol{min-height:32px}
.link-pol{background:none;border:0;padding:0;font:inherit;color:var(--verde-esc);text-decoration:underline;cursor:pointer}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.form .btn{width:100%}
.msg{font-size:15px;border-radius:8px;padding:12px 14px}
.msg.ok{background:#E7F6DE;color:#1F5E0B}
.msg.erro{background:#FDECEA;color:#8E2A1F}
@media (max-width:620px){.campos{grid-template-columns:1fr}}

/* Rodapé */
.rodape{background:var(--navy-2);border-top:1px solid var(--linha);padding-block:48px 110px;color:var(--t3);font-size:14.5px}
.rodape .wrap{display:grid;gap:28px}
.rod-linha{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;align-items:center}
.rod-links{display:flex;flex-wrap:wrap;gap:18px}
.rod-links{column-gap:22px;row-gap:0}
.rod-links a,.rod-links button{display:inline-flex;align-items:center;min-height:44px;color:var(--t2);text-decoration:none;font:600 14px var(--f-tit);background:none;border:0;padding:0;cursor:pointer}
.rod-links a:hover,.rod-links button:hover{color:var(--verde)}
@media (min-width:1181px){.rodape{padding-bottom:48px}}

/* Barra fixa no celular */
.barra-cel{position:fixed;left:0;right:0;bottom:0;z-index:40;display:none;transition:transform .25s ease;gap:10px;padding:10px var(--gutter) calc(10px + env(safe-area-inset-bottom,0px));background:rgba(2,23,54,.96);border-top:1px solid var(--linha)}
.barra-cel .btn{flex:1;min-height:46px;font-size:14px;padding:10px}
@media (max-width:1180px){.barra-cel{display:flex}.barra-cel.oculta{transform:translateY(110%)}}

/* Modal de privacidade */
.modal{position:fixed;inset:0;z-index:70;background:rgba(3,10,20,.7);display:grid;place-items:center;padding:16px}
.modal-c{background:var(--branco);color:var(--tx);max-width:640px;width:100%;max-height:88vh;overflow-y:auto;border-radius:14px;padding:28px;position:relative;display:grid;gap:12px}
.modal-c h4{font-size:15px;margin-top:6px}
.modal-c p{color:var(--tx2);font-size:15.5px}
.modal-c{padding-top:0;overscroll-behavior:contain}
.modal-topo{position:sticky;top:0;z-index:1;background:var(--branco);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 0 10px;border-bottom:1px solid var(--linha-c)}
.modal-c .fechar{flex:none;background:none;border:0;font-size:30px;line-height:1;cursor:pointer;color:var(--tx);width:44px;height:44px}
body.travado{overflow:hidden}

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

/* Seção de caminhos: texto de introdução */
#paths .cab-sec{max-width:860px}

/* Ecossistema: diagrama, propostas e etapas expansíveis */
.eco-diag{margin-top:clamp(28px,4vw,44px);display:grid;gap:16px}
.eco-diag h3{font-size:17px;color:var(--t2)}
.eco-diag ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;counter-reset:d}
.eco-diag li{counter-increment:d;position:relative;display:grid;gap:6px;align-content:start;padding:14px 14px 16px;border:1px solid var(--linha);border-radius:10px;background:var(--navy-3);font:700 14.5px/1.3 var(--f-tit)}
.eco-diag li::before{content:counter(d,decimal-leading-zero);font:800 12px var(--f-tit);color:var(--verde);letter-spacing:.08em}
.eco-diag li:not(:nth-child(5n))::after{content:"\2192";position:absolute;right:-11px;top:50%;transform:translateY(-50%);color:var(--verde);font-size:14px;z-index:1}
@media (max-width:960px){.eco-diag ol{grid-template-columns:repeat(2,minmax(0,1fr))}.eco-diag li::after{display:none}}
@media (max-width:359px){.eco-diag ol{grid-template-columns:1fr}}
.eco-props{margin-top:clamp(24px,3vw,36px);display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}
.eco-prop{display:grid;gap:12px;align-content:start;padding:clamp(20px,2.4vw,28px);border:1px solid var(--linha);border-radius:14px;background:var(--navy-3)}
.eco-prop h3{color:var(--verde);font-size:17px}
.eco-prop p{color:var(--t2)}
.eco-prop .btn{justify-self:start;margin-top:4px}
@media (max-width:760px){.eco-props{grid-template-columns:1fr}.eco-prop .btn{justify-self:stretch}}
#ecosystem .aviso{margin-top:24px}
.eco-det{margin-top:24px;border:1px solid var(--linha);border-radius:12px;background:var(--navy-2)}
.eco-det summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;padding:12px 20px;font:700 15px var(--f-tit);color:var(--verde)}
.eco-det summary::-webkit-details-marker{display:none}
.eco-det summary::after{content:"+";font-size:24px;line-height:1}
.eco-det[open] summary::after{content:"\2212"}
.eco-det .ocultar,.eco-det[open] .ver{display:none}
.eco-det[open] .ocultar{display:inline}
.eco-det-h3{padding:4px 20px 14px}
.eco-det .fluxo{padding:0 20px 20px}

/* Por que a NEXTON: lista curta */
.porque-l{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 22px}
.porque-l li{font:600 16px/1.4 var(--f-tit);color:var(--tx)}
@media (max-width:520px){.porque-l{grid-template-columns:1fr}}

/* Credibilidade */
.cred .cab-sec{max-width:820px;margin-bottom:24px}
.cred-ph{border:1.5px dashed var(--linha);border-radius:12px;padding:18px 20px;color:var(--t3);font-size:14.5px}

/* Páginas internas */
.int-hero{padding-top:calc(var(--topo) + clamp(32px,5vw,64px));padding-bottom:clamp(48px,6vw,88px);background:var(--navy-2)}
.int-hero h1{font-size:clamp(30px,3.6vw,48px)}
.int-hero .lado-txt>p{font-size:clamp(17px,1.4vw,19px)}
.voltar{display:inline-flex;align-items:center;min-height:44px;color:var(--t2);font:600 14px var(--f-tit);text-decoration:none;justify-self:start}
.voltar::before{content:"\2190";margin-right:8px;color:var(--verde)}
.voltar:hover{color:var(--verde)}
.duas-col{display:grid;gap:clamp(32px,5vw,72px);grid-template-columns:repeat(2,minmax(0,1fr))}
.duas-col>div{display:grid;gap:18px;align-content:start}
.duas-col h2{font-size:clamp(22px,2.4vw,30px)}
.sec-claro .txt{color:var(--tx2);font-size:18px}
.sec-claro .legenda{color:var(--tx2)}
@media (max-width:820px){.duas-col{grid-template-columns:1fr}}
.entregas{list-style:none;margin:0;padding:0;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.entregas li{display:grid;grid-template-columns:22px 1fr;gap:10px;padding:16px 18px;border:1px solid var(--linha);border-radius:10px;background:var(--navy-3);color:var(--t2)}
.entregas li::before{content:"";width:18px;height:18px;margin-top:4px;border-radius:50%;background:var(--verde) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10.5l3.2 3L15 7' fill='none' stroke='%230B1F3A' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat}
.etapas-grade{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}
.etapas-grade li{grid-template-columns:1fr;gap:8px;padding:18px;border:1px solid var(--linha);border-radius:10px;background:var(--navy-3)}
.etapas-grade li:last-child{border-bottom:1px solid var(--linha)}
.eco-chamada{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center}
.eco-chamada>div{display:grid;gap:12px;max-width:760px}
.eco-chamada p{color:var(--t2)}
@media (max-width:760px){.eco-chamada{grid-template-columns:1fr}.eco-chamada .btn{width:100%}}
.cta-faixa h2{font-size:clamp(22px,2.6vw,32px)}
.servico .link-seta{color:var(--verde-esc)}

/* Upgrade V2: cards de serviço com headline e destaques */
.servico .n{line-height:1.4}
.servico h3{font-size:clamp(18px,1.5vw,20px)}
.servico p{flex:0 0 auto;font-size:15.5px}
.destaques{list-style:none;margin:4px 0 0;padding:14px 0 0;border-top:1px solid var(--linha-c);display:grid;gap:8px;flex:1;align-content:start}
.destaques li{display:grid;grid-template-columns:16px 1fr;gap:8px;font:600 14.5px/1.4 var(--f-tit);color:var(--tx)}
.destaques li::before{content:"";width:8px;height:8px;margin-top:6px;border-radius:2px;background:var(--verde)}
.servico .link-seta{margin-top:6px}
.guia{margin-top:clamp(36px,4vw,56px);display:grid;gap:16px}
.guia h3{font-size:clamp(18px,1.8vw,22px)}
.guia ol{list-style:none;margin:0;padding:0;display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}
.guia a{display:grid;gap:4px;min-height:44px;padding:14px 16px;border:1px solid var(--linha-c);border-radius:10px;background:var(--branco);text-decoration:none;color:var(--tx2);font-size:15px;transition:border-color .2s}
.guia a:hover{border-color:var(--verde-esc)}
.guia b{font:700 14.5px var(--f-tit);color:var(--tx)}
@media (max-width:760px){.guia ol{grid-template-columns:1fr}}

/* Upgrade V2: páginas de serviço */
.publico{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.publico li{padding:10px 16px;border-radius:99px;background:var(--branco);border:1px solid var(--linha-c);font:600 15px var(--f-tit);color:var(--tx)}
.lista-check.colunas{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px 28px}
.fases{display:grid;gap:20px;grid-template-columns:repeat(2,minmax(0,1fr))}
.fase{display:grid;gap:16px;align-content:start;padding:clamp(20px,2.4vw,28px);border:1px solid var(--linha);border-radius:14px;background:var(--navy-3)}
.fase h3{color:var(--verde);font-size:17px}
@media (max-width:820px){.fases{grid-template-columns:1fr}}
.sec-claro .eco-chamada .btn-p{align-self:end}

/* Visual Pack V3: diagrama do NEXTON Ecosystem (HTML responsivo) */
.eco-mapa{margin-top:clamp(28px,4vw,44px);display:grid;gap:16px;min-width:0}
.eco-mapa>*{min-width:0}
.eco-mapa h3{font-size:clamp(18px,2vw,21px)}
.em-nexton{color:var(--t2);max-width:760px}
.em-grade{--g:14px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:var(--g);row-gap:10px;padding-bottom:6px;
  background:linear-gradient(var(--linha),var(--linha)) calc(12.5% - 5px) 0/1px 100% no-repeat,linear-gradient(var(--linha),var(--linha)) calc(37.5% - 2px) 0/1px 100% no-repeat,linear-gradient(var(--linha),var(--linha)) calc(62.5% + 2px) 0/1px 100% no-repeat,linear-gradient(var(--linha),var(--linha)) calc(87.5% + 5px) 0/1px 100% no-repeat}
.em-atores,.em-grade ol{display:contents}
.em-grade ol{list-style:none;margin:0;padding:0}
.em-ator{grid-row:1;display:grid;gap:4px;align-content:start;padding:14px;border-radius:10px;background:var(--navy-3);border:1px solid var(--linha);border-top:3px solid var(--c);margin-bottom:6px}
.em-ator b{font:800 15px/1.25 var(--f-tit);color:var(--branco)}
.em-ator span{font-size:13.5px;line-height:1.35;color:var(--t2)}
.a1{--c:var(--verde)}.a2{--c:#FFFFFF}.a3{--c:#8FA9C8}.a4{--c:#4F7DB0}
.em-grade li{position:relative;z-index:1;display:grid;grid-template-columns:auto 1fr;gap:4px 10px;align-items:start;padding:11px 14px;border-radius:10px;background:var(--navy-2);border:1px solid var(--linha);border-left:3px solid var(--c)}
.em-grade li p{margin:0;font-size:15px;line-height:1.4;grid-column:2}
.em-n{grid-row:1 / span 2;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--verde);color:var(--navy-2);font:800 13px var(--f-tit)}
.em-q{display:none;font:700 11.5px var(--f-tit);letter-spacing:.06em;text-transform:uppercase;color:var(--t3)}
.em-nova{margin:4px 0 0;padding:14px 16px;border-radius:10px;border:1px dashed var(--verde);color:var(--t2)}
.em-nova b{color:var(--branco);margin-right:4px}
@media (max-width:860px){
  .em-grade{display:block;background:none}
  .em-atores{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:16px}
  .em-ator{margin:0;grid-column:auto!important;grid-row:auto}
  .em-grade ol{display:grid;gap:10px;counter-reset:none}
  .em-grade li{grid-column:auto!important;grid-row:auto!important}
  .em-q{display:block;grid-column:2}
}
@media (max-width:400px){.em-atores{grid-template-columns:1fr}}

/* Proposta NOVA System: molduras para telas reais anonimizadas */
.nova-telas ul{list-style:none;margin:0 0 12px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.nova-telas li{display:grid;gap:6px;align-content:end;min-height:120px;padding:16px;border-radius:12px;border:1px dashed var(--linha);background:linear-gradient(160deg,var(--navy-3),var(--navy-2))}
.nova-telas li.maior{grid-column:1 / -1;min-height:180px}
.nova-telas b{font:800 15px/1.3 var(--f-tit);color:var(--branco)}
.nova-telas span{font-size:13px;color:var(--t3)}
@media (max-width:400px){.nova-telas ul{grid-template-columns:1fr}}

/* Revisão REV.01: nome Ecossistema, logo oficial NOVA System, legenda de imagem ilustrativa na Home */
.sub-h{font:800 clamp(20px,2.4vw,26px)/1.25 var(--f-tit);color:var(--branco)!important}
.logo-nova{display:block;width:170px;height:auto;border-radius:8px;margin-bottom:18px}
.logo-nova.pq{width:110px;margin:0;border-radius:6px;flex:none}
.em-nova{display:flex;gap:14px;align-items:center}
@media (max-width:480px){.em-nova{flex-direction:column;align-items:flex-start}}
.hero-img{position:relative}
.leg-sobre{position:absolute;right:12px;bottom:8px;margin:0;font-size:12px;color:rgba(255,255,255,.75);text-shadow:0 1px 3px rgba(0,0,0,.8)}