Nix \u2014 Home<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\n<style>\n:root{\n --paper:#FBFAF8; --paper-2:#F2F1ED;\n --ink:#0C0F14; --ink-2:#161B22;\n --muted:#6B7280; --muted-d:#8A939F;\n --line:#E2E0DA; --line-d:#242A33;\n \/* MARCA: laranja Nix. Era azul (#0F52D9) na v3.\n --or = display e fundo escuro. --or-ink = texto pequeno em fundo claro (contraste AA). *\/\n --or:#FF7A3D; --or-ink:#C2410C; --or-mid:#F26A21;\n --or-btn:#E05A15; \/* preenchimento do bot\u00e3o prim\u00e1rio: laranja Nix levemente fechado para o\n texto branco ficar leg\u00edvel. Se quiser o hex exato da marca, troque aqui. *\/\n --max:1240px;\n}\n*{box-sizing:border-box;margin:0;padding:0}\nhtml{scroll-behavior:smooth}\nbody{font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;\n background:var(--paper); color:var(--ink); -webkit-font-smoothing:antialiased; line-height:1.5}\n.wrap{max-width:var(--max); margin:0 auto; padding:0 40px}\nsection{padding:150px 0; position:relative}\n.dark{background:var(--ink); color:var(--paper)}\n.dark p{color:var(--muted-d)}\n.tint{background:var(--paper-2)}\nh1{font-size:clamp(33px,4.35vw,61px); font-weight:600; letter-spacing:-.046em; line-height:1.04}\n.brk{display:inline}\nh2{font-size:clamp(32px,4.1vw,56px); font-weight:600; letter-spacing:-.03em; line-height:1.08}\nh3{font-size:22px; font-weight:600; letter-spacing:-.015em}\np{font-size:18px; color:var(--muted); max-width:58ch}\n.lead{font-size:clamp(19px,1.6vw,22px); line-height:1.55}\n.big{font-size:clamp(23px,2.1vw,29px); font-weight:400; line-height:1.45;\n letter-spacing:-.015em; color:var(--ink); max-width:34ch}\n.dark .big{color:var(--paper)}\n.o{color:var(--or-mid)}\n.dark .o{color:var(--or)}\n.eyebrow{font-size:11.5px; font-weight:600; letter-spacing:.16em; text-transform:uppercase;\n color:var(--or-ink); margin-bottom:26px; display:block}\n.dark .eyebrow{color:var(--or)}\nnav{position:sticky; top:0; z-index:60; background:rgba(251,250,248,.88);\n backdrop-filter:blur(14px); border-bottom:1px solid var(--line)}\n.navin{max-width:var(--max); margin:0 auto; padding:0 40px; height:76px;\n display:flex; align-items:center; justify-content:space-between}\n.logo{display:flex; align-items:center; line-height:0; text-decoration:none}\n.logo img{height:28px; width:auto; display:block}\n.navlinks{display:flex; gap:38px; list-style:none}\n.navlinks a{color:var(--ink); text-decoration:none; font-size:14.5px; font-weight:500; opacity:.75}\n.navlinks a:hover{opacity:1}\n.navcta{font-size:14px; font-weight:500; padding:10px 20px; border:1px solid var(--ink);\n border-radius:2px; text-decoration:none; color:var(--ink)}\n.btns{display:flex; gap:14px; flex-wrap:wrap; margin-top:44px}\n\/* BOT\u00d5ES \u00b7 p\u00edlula 100%, borda interna de 2px, texto branco.\n Prim\u00e1rio = laranja Nix. Secund\u00e1rio = preto, e vazado branco quando o fundo \u00e9 escuro. *\/\n.btn{display:inline-block; padding:16px 34px; border-radius:999px; text-decoration:none;\n font-size:16px; font-weight:600; letter-spacing:-.005em; line-height:1.2;\n border:2px solid transparent; transition:.18s}\n.btn-p{background:var(--or-btn); border-color:var(--or-btn); color:#fff}\n.btn-p:hover{background:var(--or-ink); border-color:var(--or-ink)}\n.btn-s{background:var(--ink); border-color:var(--ink); color:var(--paper)}\n.btn-s:hover{background:transparent; color:var(--ink)}\n.dark .btn-s{background:transparent; border-color:rgba(251,250,248,.9); color:var(--paper)}\n.dark .btn-s:hover{background:var(--paper); border-color:var(--paper); color:var(--ink)}\n.btn:focus-visible{outline:3px solid var(--or); outline-offset:3px}\n\n\/* HERO \u00b7 imagem de fundo full bleed, degrad\u00ea em CSS (nunca queimado na imagem) *\/\n.hero{position:relative; min-height:88vh; display:flex; align-items:center;\n padding:150px 0 130px; background:#07090C; overflow:hidden}\n\/* Slideshow: 3 imagens, crossfade puro em CSS, sem seta e sem bolinha.\n Cada .slide ocupa o quadro inteiro e sobe a opacity na sua janela de tempo.\n 3 imagens x 5s = ciclo de 15s. Ajustar o \"5s\" abaixo em duration se trocar a contagem. *\/\n.herobg{position:absolute; inset:0; z-index:0; overflow:hidden}\n.herobg .slide{position:absolute; inset:0; background-size:cover; background-repeat:no-repeat;\n opacity:0; animation:heroFade 15s infinite}\n.herobg .slide:nth-child(1){background-image:url('https:\/\/nix.mobi\/wp-content\/uploads\/2026\/08\/HEAD.png');\n background-position:center right; animation-delay:0s}\n.herobg .slide:nth-child(2){background-image:url('https:\/\/nix.mobi\/wp-content\/uploads\/2026\/08\/Codex-Image-Aug-24-2026-06_04_46-PM-1.png');\n background-position:center; animation-delay:5s}\n.herobg .slide:nth-child(3){background-image:url('https:\/\/nix.mobi\/wp-content\/uploads\/2026\/08\/Codex-Image-Aug-24-2026-06_04_41-PM-1.png');\n background-position:center; animation-delay:10s}\n@keyframes heroFade{\n 0%{opacity:0} 3%{opacity:1} 30%{opacity:1} 36.6%{opacity:0} 100%{opacity:0}\n}\n@media(prefers-reduced-motion:reduce){\n .herobg .slide{animation:none; opacity:0}\n .herobg .slide:nth-child(1){opacity:1}\n}\n.hero::before{content:''; position:absolute; inset:0; z-index:1; pointer-events:none;\n background:\n linear-gradient(100deg,#07090C 0%,rgba(7,9,12,.95) 24%,rgba(7,9,12,.68) 45%,\n rgba(7,9,12,.18) 70%,rgba(7,9,12,0) 88%),\n linear-gradient(to top,rgba(7,9,12,.5) 0%,rgba(7,9,12,0) 38%)}\n\/* width:100% \u00e9 obrigat\u00f3rio: como .hero \u00e9 flex, sem isso o .wrap encolhe at\u00e9 o conte\u00fado\n e o margin auto centraliza esse bloco menor, saindo da coluna da marca. *\/\n.hero .wrap{position:relative; z-index:2; width:100%; flex:0 0 100%}\n.hero h1{max-width:none}\n.hero .lead{margin-top:32px; max-width:56ch; color:#D8D4CD;\n font-size:clamp(17px,1.35vw,19.5px); letter-spacing:-.018em; line-height:1.5}\n\/* corre\u00e7\u00e3o \u00f3tica: no display o \"A\" tem sobra \u00e0 esquerda e desalinha da marca do topo.\n O texto e os bot\u00f5es j\u00e1 partem da mesma coluna do .wrap; isso aqui \u00e9 s\u00f3 o encaixe visual. *\/\n.hero h1{margin-left:-.055em}\n.hero .lead,.hero .btns{margin-left:-1px}\n.heroimg{margin-top:100px; height:520px; background:var(--paper-2); border:1px solid var(--line);\n display:flex; align-items:center; justify-content:center; flex-direction:column; gap:10px}\n.dark .heroimg{background:var(--ink-2); border-color:var(--line-d)}\n.slot{color:#A8A49B; font-size:13px; letter-spacing:.09em; text-transform:uppercase; font-weight:600}\n.slotsub{color:#B8B4AB; font-size:13.5px; text-transform:none; letter-spacing:0; font-weight:400;\n max-width:44ch; text-align:center; line-height:1.5}\n.g2{display:grid; grid-template-columns:1fr 1fr; gap:90px; align-items:center}\n.cmp{margin-top:70px; border:1px solid var(--line-d)}\n.crow{display:grid; grid-template-columns:.9fr 1.4fr 1.4fr; border-bottom:1px solid var(--line-d)}\n.crow:last-child{border-bottom:none}\n.crow>div{padding:30px 32px}\n.chead{background:var(--ink-2); font-size:12px; letter-spacing:.13em; text-transform:uppercase;\n font-weight:600; color:var(--muted-d)}\n.chead.nix{color:var(--or)}\n.ckey{font-size:15px; font-weight:600; color:var(--paper); background:rgba(255,255,255,.02)}\n.cval{font-size:15.5px; color:var(--muted-d); line-height:1.6}\n.cval.nix{color:var(--paper)}\n\/* SESS\u00c3O 02 \u00b7 o selo \u00e9 o her\u00f3i, centralizado. Os quatro verbos ficam numa r\u00e9gua\n horizontal embaixo dele, sempre vis\u00edveis, e uma frase s\u00f3 troca conforme o passo.\n Sem card, sem par\u00e1grafo, sem carrossel. *\/\n.scrolly{padding:0; background:var(--paper-2)}\n.strack{height:520vh; position:relative}\n.sstick{position:sticky; top:0; min-height:100vh; display:flex; flex-direction:column;\n justify-content:center; overflow:hidden; padding:clamp(64px,10vh,110px) 0 clamp(52px,8vh,90px)}\n.sstick > .wrap{width:100%; flex:0 0 auto}\n.shead{margin-bottom:clamp(14px,2.6vh,48px); text-align:center}\n.shead h2{max-width:22ch; margin:0 auto; font-size:clamp(24px,min(4.1vw,5.2vh),56px)}\n.shead .eyebrow{margin-bottom:clamp(12px,2.2vh,26px)}\n.shead .lead{max-width:min(980px,100%); margin:22px auto 0; text-wrap:balance}\n\n\/* selo *\/\n.sealwrap{display:flex; justify-content:center; margin-bottom:clamp(16px,3vh,54px)}\n.seal{width:clamp(132px,23vh,300px); aspect-ratio:1; display:block;\n transform:scale(.9); transform-origin:center; transition:transform .2s linear}\n.seal .ring{fill:none; stroke:var(--line); stroke-width:2; stroke-dasharray:5 9;\n transform-origin:100px 100px; animation:sealSpin 60s linear infinite; transition:stroke .5s ease}\n@keyframes sealSpin{to{transform:rotate(360deg)}}\n.seal .prog{fill:none; stroke:var(--or-mid); stroke-width:3; stroke-linecap:round;\n stroke-dasharray:553; stroke-dashoffset:553; transform:rotate(-90deg); transform-origin:100px 100px}\n.seal .disc{fill:none; stroke:var(--line); stroke-width:2; transition:fill .6s ease, stroke .6s ease}\n.seal .dot{fill:var(--muted); opacity:0; transform:scale(0); transform-origin:100px 100px;\n transition:opacity .45s ease, transform .45s cubic-bezier(.34,1.56,.64,1), fill .45s ease}\n.seal .check{fill:none; stroke:var(--or-mid); stroke-width:9; stroke-linecap:round;\n stroke-linejoin:round; stroke-dasharray:90; stroke-dashoffset:90;\n transition:stroke-dashoffset .7s cubic-bezier(.22,.61,.36,1) .1s, stroke .5s ease}\n.seal .glow{fill:var(--or-mid); opacity:0; transition:opacity .6s ease}\n[data-step=\"1\"] .seal .dot,[data-step=\"2\"] .seal .dot,[data-step=\"3\"] .seal .dot{opacity:1; transform:scale(1)}\n[data-step=\"1\"] .seal .ring{stroke:var(--muted)}\n[data-step=\"2\"] .seal .ring,[data-step=\"3\"] .seal .ring{stroke:var(--or-mid); stroke-dasharray:0}\n[data-step=\"2\"] .seal .disc,[data-step=\"3\"] .seal .disc{fill:var(--ink); stroke:var(--ink)}\n[data-step=\"2\"] .seal .dot,[data-step=\"3\"] .seal .dot{fill:var(--or-mid)}\n[data-step=\"2\"] .seal .check,[data-step=\"3\"] .seal .check{stroke-dashoffset:0}\n[data-step=\"3\"] .seal .glow{opacity:.16}\n[data-step=\"3\"] .seal .check{stroke:var(--or)}\n\n\/* r\u00e9gua dos quatro verbos *\/\n.steps{position:relative; display:grid; grid-template-columns:repeat(4,1fr);\n max-width:900px; margin:0 auto; padding-top:26px}\n.steps .baseline{position:absolute; left:0; right:0; top:0; height:2px; background:var(--line)}\n.steps .fill{position:absolute; left:0; top:0; height:2px; width:0; background:var(--or-mid);\n transition:width .12s linear}\n.steps b{position:relative; text-align:center; font-size:clamp(14px,min(2vw,2.55vh),26px);\n font-weight:600;\n letter-spacing:-.03em; color:#B9B4AA; transition:color .35s ease; padding-top:2px}\n.steps b::before{content:''; position:absolute; top:-27px; left:50%; width:9px; height:9px;\n margin-left:-4.5px; border-radius:50%; background:var(--line); transition:background .35s ease,\n transform .35s cubic-bezier(.34,1.56,.64,1)}\n.steps b.on{color:var(--ink)}\n.steps b.on::before{background:var(--or-mid); transform:scale(1.5)}\n.steps b.done{color:var(--muted)}\n.steps b.done::before{background:var(--or-mid)}\n\n\/* a frase \u00fanica, que troca junto com o verbo *\/\n.sline{position:relative; height:clamp(46px,7.5vh,72px); max-width:760px;\n margin:clamp(16px,3.2vh,44px) auto 0}\n\/* o texto atravessa: entra pela esquerda, sai pela direita.\n .past = j\u00e1 passou (foi embora pela direita). Sem classe = ainda espera, na esquerda. *\/\n.sline p{position:absolute; inset:0; margin:0; max-width:none; text-align:center;\n font-size:clamp(15px,min(1.9vw,2.5vh),24px); line-height:1.4; letter-spacing:-.02em; color:var(--ink);\n opacity:0; transform:translateX(-40px);\n transition:opacity .42s ease, transform .52s cubic-bezier(.22,.61,.36,1)}\n.sline p.past{transform:translateX(40px)}\n.sline p.on{opacity:1; transform:none}\n\n@media(prefers-reduced-motion:reduce){ .seal .ring{animation:none} }\n\n\/* SESS\u00c3O 03 \u00b7 o loop \u00e9 o desenho. Um rel\u00f3gio s\u00f3 em JS comanda o ponto e o texto,\n sen\u00e3o as duas anima\u00e7\u00f5es CSS correm com curvas diferentes e saem de sincronia.\n A posi\u00e7\u00e3o do ponto \u00e9 medida no centro real de cada frase, ent\u00e3o funciona com\n qualquer quebra de linha e em qualquer largura. *\/\n.loop{display:grid; grid-template-columns:34px 1fr; gap:0 34px; margin-top:clamp(44px,6vh,76px);\n max-width:900px}\n.looprail{position:relative}\n.looprail::before{content:''; position:absolute; left:50%; top:8px; bottom:8px; width:2px;\n margin-left:-1px; background:var(--line)}\n.loopdot{position:absolute; left:50%; top:0; width:14px; height:14px; margin:-7px 0 0 -7px;\n border-radius:50%; background:var(--or-mid); box-shadow:0 0 0 6px rgba(242,106,33,.14);\n opacity:0; transition:top .55s cubic-bezier(.65,0,.35,1), opacity .3s ease}\n.loopdot.jump{transition:none}\n.looplines{display:flex; flex-direction:column; gap:clamp(24px,3.4vh,44px)}\n.loopline{font-size:clamp(21px,2.5vw,34px); font-weight:500; letter-spacing:-.03em; line-height:1.24;\n color:#BEB9AF; max-width:24ch; margin:0; transition:color .45s ease}\n.loopline b{font-weight:600}\n.loopline.lit{color:var(--ink)}\n@media(prefers-reduced-motion:reduce){\n .loopdot{display:none}\n .loopline{color:var(--ink)}\n}\n@media(max-width:900px){\n .loop{grid-template-columns:22px 1fr; gap:0 20px}\n .loopline{max-width:none}\n}\n\n\/* SESS\u00c3O 04 \u00b7 PARA QUEM \u00b7 faixa escura. A se\u00e7\u00e3o prende e a fileira atravessa na\n horizontal, no ritmo da rolagem, at\u00e9 o \u00faltimo card. S\u00f3 depois a p\u00e1gina solta. *\/\n.pq{background:var(--ink); color:var(--paper); padding:0}\n.pqtrack{height:640vh; position:relative}\n.pqstick{position:sticky; top:0; height:100vh; display:flex; flex-direction:column;\n justify-content:center; overflow:hidden; padding:clamp(44px,7vh,70px) 0}\n.pqstick > .wrap{width:100%; flex:0 0 auto}\n.pq .eyebrow{color:var(--or)}\n\/* tudo aqui e' dimensionado por ALTURA de tela, nao por largura: numa tela de 768px\n o sticky tem 100vh e o conteudo precisa caber dentro disso. min(vw,vh) garante que\n o texto encolhe tanto em notebook baixo quanto em janela estreita. *\/\n.pq h2{max-width:22ch; font-size:clamp(24px,min(4.1vw,5.2vh),56px)}\n.pq .eyebrow{margin-bottom:clamp(12px,2.2vh,26px)}\n.pq .lead{color:var(--muted-d); max-width:60ch; margin-top:clamp(12px,2vh,20px);\n font-size:clamp(14.5px,min(1.6vw,2.15vh),20px)}\n.pqcount{font-size:clamp(11.5px,1.6vh,13px); font-weight:600; letter-spacing:.02em;\n color:#5C6672; margin-top:clamp(10px,2vh,20px); font-variant-numeric:tabular-nums}\n.pqcount b{color:var(--or)}\n.pqview{overflow:hidden; margin-top:clamp(16px,3.2vh,54px); width:100%}\n.pqtape{display:flex; gap:20px; will-change:transform;\n padding-inline-start:max(24px,calc((100vw - var(--max))\/2))}\n.pqcard{flex:0 0 auto; height:clamp(228px,45vh,400px); aspect-ratio:3\/4; position:relative; overflow:hidden;\n border-radius:18px; border:1px solid var(--line-d); background:#1F262F; display:block;\n text-decoration:none; color:inherit; opacity:.5; transform-origin:center;\n transition:transform .32s cubic-bezier(.22,.61,.36,1), opacity .32s ease,\n border-color .32s ease, box-shadow .32s ease}\n\/* o card no centro da fileira se destaca sozinho, no ritmo da rolagem, sem precisar do mouse *\/\n.pqcard.focus{opacity:1; border-color:#454E5A; box-shadow:0 34px 66px -30px rgba(0,0,0,.9)}\n.pqcard:hover{opacity:1; border-color:var(--or)}\n.pqimg{position:absolute; inset:0}\n.pqimg img{width:100%; height:100%; object-fit:cover; display:block;\n transition:transform .6s cubic-bezier(.22,.61,.36,1), filter .35s ease;\n filter:grayscale(.4) brightness(.8)}\n.pqcard.focus .pqimg img{filter:none; transform:scale(1.05)}\n\/* degrad\u00ea de p\u00f4ster: preto subindo do rodap\u00e9, para o texto pousar sobre a foto *\/\n.pqimg::after{content:''; position:absolute; inset:0; pointer-events:none;\n background:linear-gradient(to top,\n rgba(6,8,11,.96) 0%, rgba(6,8,11,.86) 22%, rgba(6,8,11,.5) 44%,\n rgba(6,8,11,.14) 66%, rgba(6,8,11,0) 84%)}\n.pqbody{position:absolute; left:0; right:0; bottom:0; z-index:2;\n padding:clamp(14px,2.2vh,22px) clamp(14px,2.2vh,22px) clamp(16px,2.4vh,24px)}\n.pqtag{display:inline-block; font-size:clamp(8.5px,1.25vh,10px); font-weight:700;\n letter-spacing:.16em; text-transform:uppercase; padding:4px 9px; border-radius:2px;\n margin-bottom:clamp(7px,1.4vh,12px); backdrop-filter:blur(6px)}\n.pqtag.prov{color:var(--or); border:1px solid rgba(255,122,61,.5); background:rgba(255,122,61,.14)}\n.pqtag.conf{color:#A6D2E8; border:1px solid rgba(166,210,232,.42); background:rgba(166,210,232,.12)}\n.pqcard h3{font-size:clamp(15px,2.35vh,19px); color:#fff; margin-bottom:clamp(5px,1.1vh,9px);\n letter-spacing:-.022em; line-height:1.18}\n.pqq{font-size:clamp(12.5px,1.85vh,14.5px); line-height:1.42; color:rgba(255,255,255,.72);\n letter-spacing:-.01em; max-width:none}\n@media(max-width:900px){\n .pqtrack{height:auto}\n .pqstick{position:static; height:auto; padding:90px 0; overflow:visible}\n .pqview{overflow-x:auto; scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch}\n .pqtape{transform:none !important; padding-inline:24px; gap:14px}\n .pqcard{flex:0 0 76vw; scroll-snap-align:center}\n .pqcount{display:none}\n}\n\n\/* Telas baixas, tipo notebook 1366x768: aperta o que ainda sobrar. *\/\n@media (min-width:901px) and (max-height:800px){\n .shead .lead{font-size:15px; margin-top:14px}\n .steps{padding-top:20px}\n .steps b::before{top:-21px}\n .pq .lead{display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden}\n}\n\n\/* SESS\u00c3O 05 \u00b7 os dois identificadores. Placa e CPF entram de lados opostos e se\n aproximam conforme a rolagem, em velocidades diferentes, o que cria profundidade.\n O movimento \u00e9 1:1 com o scroll, sem sticky: a p\u00e1gina n\u00e3o prende aqui. *\/\n.idstage{position:relative; aspect-ratio:4\/3.3; min-height:300px}\n.idglow{position:absolute; left:50%; top:50%; width:78%; aspect-ratio:1; transform:translate(-50%,-50%);\n background:radial-gradient(circle, rgba(255,122,61,.20) 0%, rgba(255,122,61,0) 68%);\n pointer-events:none}\n.idstage img{position:absolute; display:block; height:auto; will-change:transform;\n filter:drop-shadow(0 34px 46px rgba(0,0,0,.6))}\n.idplaca{width:96%; left:6%; bottom:4%; z-index:2}\n.idcpf{width:56%; left:-4%; top:4%; z-index:3}\n@media(prefers-reduced-motion:reduce){ .idstage img{transform:none !important} }\n@media(max-width:900px){\n .idstage{aspect-ratio:4\/3; min-height:0; margin-top:38px}\n .idplaca{width:92%; left:8%}\n .idcpf{width:52%; left:0}\n .idstage img{transform:none !important}\n}\n\n\/* Os dois identificadores e o que vive em cada um. As pills acendem uma a uma\n conforme a se\u00e7\u00e3o sobe, como se os documentos fossem sendo presos ao CPF e \u00e0 placa.\n S\u00e3o os mesmos onze documentos que orbitam o selo na sess\u00e3o 02. *\/\n.ids{display:grid; grid-template-columns:1fr 1fr; gap:2px; margin-top:clamp(56px,7vh,88px)}\n.idcol{background:var(--ink-2); border:1px solid var(--line-d); padding:34px 32px 36px}\n.idcol .k{font-size:11px; font-weight:700; letter-spacing:.18em; text-transform:uppercase;\n color:var(--or); margin-bottom:16px; display:block}\n.idcol h3{color:var(--paper); font-size:20px; margin-bottom:8px}\n.idcol p{font-size:15.5px; line-height:1.55; color:var(--muted-d); margin-bottom:22px}\n.docs{display:flex; flex-wrap:wrap; gap:7px}\n.docs span{font-size:12.5px; font-weight:500; letter-spacing:.01em; padding:7px 12px; border-radius:2px;\n border:1px solid var(--line-d); color:#5F6874; background:transparent;\n transition:color .4s ease, border-color .4s ease, background .4s ease, transform .4s cubic-bezier(.34,1.56,.64,1)}\n.docs span.on{color:var(--or); border-color:rgba(255,122,61,.42); background:rgba(255,122,61,.09);\n transform:translateY(-2px)}\n@media(max-width:900px){\n .ids{grid-template-columns:1fr}\n .docs span{color:var(--or); border-color:rgba(255,122,61,.42); background:rgba(255,122,61,.09)}\n}\n\n\/* SESS\u00c3O 05 \u00b7 t\u00edtulo primeiro, depois a se\u00e7\u00e3o trava e as duas colunas se montam\n uma etapa por vez com o scroll: foto esquerda pousa, texto dela entra, foto direita\n pousa, texto dela entra. S\u00f3 ent\u00e3o a p\u00e1gina volta a descer. *\/\n.ctr{text-align:center}\n.certtrack{height:400vh; position:relative}\n.certstick{position:sticky; top:0; min-height:100vh; display:flex; flex-direction:column;\n justify-content:center; overflow:hidden; padding:clamp(50px,7vh,84px) 0}\n.certstick > .wrap{width:100%; flex:0 0 auto}\n.certhead h2{max-width:26ch; margin:0 auto}\n.certhead .eyebrow{margin-bottom:clamp(10px,1.8vh,20px)}\n.certcols{display:grid; grid-template-columns:1fr 1fr; gap:clamp(20px,3vw,44px);\n margin-top:clamp(28px,4.5vh,60px); align-items:start}\n.certcol figure{border-radius:18px; overflow:hidden; aspect-ratio:16\/11; background:var(--ink-2);\n will-change:transform,opacity; opacity:0;\n box-shadow:0 46px 80px -44px rgba(0,0,0,.9)}\n.certcol figure img{width:100%; height:100%; object-fit:cover; display:block}\n.certtext{margin-top:clamp(18px,2.8vh,32px); opacity:0; transform:translateY(20px);\n transition:opacity .55s ease, transform .55s cubic-bezier(.22,.61,.36,1)}\n.certtext.on{opacity:1; transform:none}\n.certtext h3{font-size:clamp(21px,2.9vh,34px); font-weight:600; letter-spacing:-.032em;\n line-height:1.1; margin-bottom:clamp(8px,1.4vh,14px);\n background:linear-gradient(95deg,var(--or) 0%, #FFB185 62%, var(--paper) 100%);\n -webkit-background-clip:text; background-clip:text; color:transparent}\n.certtext p{font-size:clamp(14px,1.95vh,17px); line-height:1.5; letter-spacing:-.012em;\n color:var(--muted-d); max-width:44ch}\n@media(prefers-reduced-motion:reduce){\n .certcol figure{opacity:1 !important; transform:none !important}\n .certtext{opacity:1; transform:none}\n}\n@media(max-width:900px){\n .certtrack{height:auto}\n .certstick{position:static; min-height:0; padding:90px 0; overflow:visible}\n .certcols{grid-template-columns:1fr; gap:44px}\n .certcol figure{aspect-ratio:4\/3; opacity:1 !important; transform:none !important}\n .certtext{opacity:1; transform:none}\n .certtext p{max-width:none}\n}\n\n\/* SESS\u00c3O 07 \u00b7 a sess\u00e3o institucional. Sem card, sem foto, sem selo: quatro linhas\n separadas por fio, que \u00e9 um padr\u00e3o que n\u00e3o aparece em nenhum outro lugar da p\u00e1gina.\n Movimento leve de prop\u00f3sito: 02, 04 e 05 j\u00e1 prendem a rolagem, aqui n\u00e3o pode prender. *\/\n.shift{margin-top:clamp(52px,7vh,84px); border-top:1px solid var(--rule,var(--line))}\n.shiftrow{display:grid; grid-template-columns:minmax(150px,220px) 1fr;\n gap:clamp(18px,4vw,68px); padding:clamp(26px,4vh,42px) 0;\n border-bottom:1px solid var(--line); align-items:baseline}\n.shiftrow .k{font-size:clamp(20px,2.4vw,31px); font-weight:600; letter-spacing:-.032em;\n line-height:1.1; color:var(--or-ink)}\n.shiftrow p{font-size:clamp(15.5px,1.5vw,20px); line-height:1.5; letter-spacing:-.014em;\n color:var(--ink); max-width:48ch}\n.shiftend{margin-top:clamp(46px,6vh,76px); font-size:clamp(19px,2.1vw,27px); font-weight:500;\n line-height:1.35; letter-spacing:-.025em; color:var(--ink); max-width:34ch}\n.shiftend b{font-weight:600; color:var(--or-ink)}\n.reveal{opacity:0; transform:translateY(20px);\n transition:opacity .65s ease, transform .65s cubic-bezier(.22,.61,.36,1)}\n.reveal.on{opacity:1; transform:none}\n@media(prefers-reduced-motion:reduce){ .reveal{opacity:1; transform:none} }\n@media(max-width:900px){\n .shiftrow{grid-template-columns:1fr; gap:10px}\n .shiftrow p{max-width:none}\n}\n\n\/* RODAP\u00c9 \u00b7 mapa do site completo. Resolve os p\u00fablicos que ainda n\u00e3o cabem na Home\n e abre lugar para Empresa, legal e conte\u00fado sem esticar a p\u00e1gina. *\/\nfooter{background:var(--paper-2); color:var(--muted); padding:clamp(58px,8vh,88px) 0 40px;\n font-size:14px; border-top:1px solid var(--line)}\n.fnote{font-size:12.5px; line-height:1.65; color:var(--muted); max-width:96ch;\n padding-bottom:clamp(28px,4vh,40px); border-bottom:1px solid var(--line)}\n.fnote p + p{margin-top:10px}\n.fgrid{display:grid; grid-template-columns:repeat(4,1fr); gap:clamp(26px,3.4vw,56px);\n padding:clamp(36px,5vh,54px) 0; align-items:start}\n\/* como na Apple: os grupos empilham dentro da coluna e todo t\u00edtulo tem o mesmo peso *\/\n.fcol h4{font-size:13px; font-weight:700; letter-spacing:.01em; color:var(--ink);\n margin-bottom:15px}\n.fcol h4 + ul + h4{margin-top:32px}\n.fcol ul{list-style:none; display:flex; flex-direction:column; gap:10px}\n.fcol a{color:var(--muted); text-decoration:none; font-size:13.5px; line-height:1.35;\n transition:color .2s ease}\n.fcol a:hover{color:var(--ink)}\n.fbase{border-top:1px solid var(--line); padding-top:26px; display:flex;\n justify-content:space-between; align-items:flex-start; gap:24px; flex-wrap:wrap}\n.fbase .flegal{font-size:12.5px; line-height:1.7; color:var(--muted); max-width:70ch}\n.fbase .logo img{height:22px}\n@media(max-width:900px){\n .fgrid{grid-template-columns:1fr 1fr; gap:34px 20px}\n .fcol a{font-size:13px}\n .fbase{flex-direction:column-reverse}\n}\n\n\/* SESS\u00c3O 02 \u00b7 a p\u00e1gina prende e o par\u00e1grafo se escreve palavra por palavra com a\n rolagem. Granularidade de palavra, e n\u00e3o de frase, para que todo movimento de dedo\n avance alguma coisa e nunca pare\u00e7a congelado. Um laranja s\u00f3, no fecho. *\/\n.solve{padding:0; background:var(--paper)}\n.solvetrack{height:300vh; position:relative}\n.solvestick{position:sticky; top:0; min-height:100vh; display:flex; align-items:center;\n overflow:hidden; padding:clamp(70px,10vh,120px) 0}\n.solvestick > .wrap{width:100%; flex:0 0 auto; position:relative; z-index:1}\n.solvebg{position:absolute; inset:-30% -12%; z-index:0; pointer-events:none; opacity:.5;\n background:repeating-linear-gradient(112deg,\n rgba(23,20,15,.045) 0 1px, rgba(23,20,15,0) 1px 74px);\n will-change:transform}\n.solvewrap{max-width:min(1120px,100%)}\n.solveline{font-size:clamp(23px,3.15vw,42px); font-weight:500; letter-spacing:-.03em;\n line-height:1.34; max-width:none; margin:0; display:inline}\n.solveline + .solveline::before{content:' '}\n.solveline .w{color:#D3CDC3; transition:color .45s ease}\n.solveline .w.on{color:var(--ink)}\n.solveline .w.hl.on{color:var(--or-mid)}\n@media(prefers-reduced-motion:reduce){\n .solvetrack{height:auto} .solvestick{position:static; min-height:0; padding:110px 0}\n .solveline .w{color:var(--ink)} .solveline .w.hl{color:var(--or-mid)} .solvebg{display:none}\n}\n@media(max-width:900px){\n .solvetrack{height:auto}\n .solvestick{position:static; min-height:0; padding:96px 0; overflow:visible}\n .solveline .w{color:var(--ink)} .solveline .w.hl{color:var(--or-mid)}\n}\n\n\/* CTA do topo: contorno laranja que se preenche da esquerda no hover *\/\n.navcta{position:relative; z-index:0; overflow:hidden; border-radius:999px;\n border:2px solid var(--or-btn); color:var(--or-ink); padding:9px 22px;\n font-size:14px; font-weight:600; letter-spacing:-.005em; transition:color .3s ease}\n.navcta::before{content:''; position:absolute; inset:0; z-index:-1; background:var(--or-btn);\n transform:scaleX(0); transform-origin:left center;\n transition:transform .36s cubic-bezier(.22,.61,.36,1)}\n.navcta:hover{color:#fff}\n.navcta:hover::before{transform:scaleX(1)}\n.navcta:focus-visible{outline:3px solid var(--or); outline-offset:3px}\n\n.twoway{display:grid; grid-template-columns:1fr 1fr; gap:2px; margin-top:64px}\n.way{border:1px solid var(--line-d); background:var(--ink-2); padding:52px 44px}\n.way .arrow{font-size:30px; color:var(--or); margin-bottom:22px; font-weight:300}\n.way .t{font-size:21px; font-weight:500; color:var(--paper); margin-bottom:14px; letter-spacing:-.015em}\n.way p{font-size:15.5px}\n\/* para quem, agrupado por lado *\/\n.final{text-align:center; padding:170px 0}\n.final h2{max-width:20ch; margin:0 auto}\n.final .lead{margin:30px auto 0}\n.final .btns{justify-content:center}\n@media(max-width:900px){\n .wrap,.navin{padding:0 24px}\n section{padding:90px 0}\n .g2,.hinge,.steps,.reg,.twoway,.vcards,.aud.c2,.aud.c3{grid-template-columns:1fr; gap:2px}\n .crow{grid-template-columns:1fr}\n .navlinks{display:none}\n .brk{display:none}\n .heroimg{height:300px}\n \/* no celular a imagem corta e sobra pouca \u00e1rea escura: o degrad\u00ea vira vertical e mais forte *\/\n .hero{padding:104px 0 88px; min-height:auto}\n .herobg{background-position:72% center}\n .hero::before{background:\n linear-gradient(to bottom,rgba(7,9,12,.93) 0%,rgba(7,9,12,.86) 45%,rgba(7,9,12,.72) 100%)}\n .btn{width:100%; text-align:center; padding:16px 24px}\n .btns{gap:10px}\n \/* no celular nada prende: a secao vira bloco estatico com tudo visivel *\/\n .strack{height:auto}\n .sstick{position:static; min-height:0; padding:90px 0; overflow:visible}\n .seal{width:180px}\n .steps{grid-template-columns:repeat(2,1fr); gap:26px 10px; padding-top:24px}\n .steps .baseline,.steps .fill{display:none}\n .steps b::before{top:-18px}\n .sline{height:auto}\n .sline p{position:static; opacity:1; transform:none; margin-bottom:10px}\n}\n<\/style>\n<\/head>\n<body>\n\n<nav>\n <div class=\"navin\">\n <a href=\"\/\" class=\"logo\"><img decoding=\"async\" src=\"https:\/\/nix.mobi\/wp-content\/uploads\/2026\/08\/Frame-836.png\" alt=\"Nix\"><\/a>\n <ul class=\"navlinks\">\n <li><a href=\"#cert\">Certifica\u00e7\u00e3o<\/a><\/li>\n <li><a href=\"#consulta\">Consulta<\/a><\/li>\n <li><a href=\"#quem\">Para quem<\/a><\/li>\n <li><a>Empresa<\/a><\/li>\n <\/ul>\n <a href=\"#final\" class=\"navcta\">Falar com o time<\/a>\n <\/div>\n<\/nav>\n\n\n<section class=\"hero dark\">\n <div class=\"herobg\">\n <div class=\"slide\"><\/div>\n <div class=\"slide\"><\/div>\n <div class=\"slide\"><\/div>\n <\/div>\n <div class=\"wrap\">\n <h1><span class=\"o\">A infraestrutura de<br class=\"brk\">certifica\u00e7\u00e3o<\/span> do transporte<br class=\"brk\">rodovi\u00e1rio de cargas.<\/h1>\n <p class=\"lead\">O Nix verifica os documentos e as condi\u00e7\u00f5es do motorista e do ve\u00edculo. Depois, deixa a resposta pronta para quem precisa decidir se aquele conjunto pode entrar, carregar ou rodar.<\/p>\n <div class=\"btns\">\n <a href=\"#cert\" class=\"btn btn-p\">Certificar minha opera\u00e7\u00e3o<\/a>\n <a href=\"#final\" class=\"btn btn-s\">Falar com o time<\/a>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"solve\" id=\"solve\">\n <div class=\"solvetrack\" id=\"solvetrack\">\n <div class=\"solvestick\">\n <span class=\"solvebg\" id=\"solvebg\" aria-hidden=\"true\"><\/span>\n <div class=\"wrap\">\n <div class=\"solvewrap\">\n <p class=\"solveline\"><span class=\"w\">O<\/span> <span class=\"w\">Nix<\/span> <span class=\"w\">faz<\/span> <span class=\"w\">a<\/span> <span class=\"w\">informa\u00e7\u00e3o<\/span> <span class=\"w\">verificada<\/span> <span class=\"w\">acompanhar<\/span> <span class=\"w\">o<\/span> <span class=\"w\">motorista<\/span> <span class=\"w\">e<\/span> <span class=\"w\">o<\/span> <span class=\"w\">ve\u00edculo<\/span> <span class=\"w\">por<\/span> <span class=\"w\">toda<\/span> <span class=\"w\">a<\/span> <span class=\"w\">cadeia.<\/span><\/p>\n <p class=\"solveline\"><span class=\"w\">A<\/span> <span class=\"w\">confer\u00eancia<\/span> <span class=\"w\">acontece<\/span> <span class=\"w\">uma<\/span> <span class=\"w\">vez<\/span> <span class=\"w\">e<\/span> <span class=\"w\">fica<\/span> <span class=\"w\">pronta<\/span> <span class=\"w\">para<\/span> <span class=\"w\">a<\/span> <span class=\"w\">pr\u00f3xima<\/span> <span class=\"w\">decis\u00e3o.<\/span><\/p>\n <p class=\"solveline\"><span class=\"w hl\">Mais<\/span> <span class=\"w hl\">seguran\u00e7a<\/span> <span class=\"w\">para<\/span> <span class=\"w\">quem<\/span> <span class=\"w\">transporta,<\/span> <span class=\"w\">contrata,<\/span> <span class=\"w\">libera,<\/span> <span class=\"w\">assegura<\/span> <span class=\"w\">e<\/span> <span class=\"w\">fiscaliza.<\/span><\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"scrolly\">\n <div class=\"strack\" id=\"strack\">\n <div class=\"sstick\" id=\"sstick\" data-step=\"0\">\n\n <div class=\"wrap shead\">\n <span class=\"eyebrow\">O que o Nix faz<\/span>\n <h2>Do documento <span class=\"o\">\u00e0 decis\u00e3o.<\/span><\/h2>\n <p class=\"lead\" style=\"margin-top:22px\">O Nix transforma o documento do motorista e do ve\u00edculo em informa\u00e7\u00e3o verificada, pronta para ser consultada por quem precisa decidir.<\/p>\n <\/div>\n\n <div class=\"wrap\">\n <div class=\"sealwrap\">\n <svg class=\"seal\" viewBox=\"0 0 200 200\" aria-hidden=\"true\">\n <circle class=\"glow\" cx=\"100\" cy=\"100\" r=\"96\"\/>\n <circle class=\"ring\" cx=\"100\" cy=\"100\" r=\"88\"\/>\n <circle class=\"prog\" cx=\"100\" cy=\"100\" r=\"88\"\/>\n <circle class=\"disc\" cx=\"100\" cy=\"100\" r=\"60\"\/>\n <g class=\"dots\">\n <circle class=\"dot\" cx=\"100\" cy=\"26\" r=\"4\" style=\"transition-delay:.02s\"\/>\n <circle class=\"dot\" cx=\"139\" cy=\"36\" r=\"4\" style=\"transition-delay:.06s\"\/>\n <circle class=\"dot\" cx=\"166\" cy=\"65\" r=\"4\" style=\"transition-delay:.10s\"\/>\n <circle class=\"dot\" cx=\"174\" cy=\"104\" r=\"4\" style=\"transition-delay:.14s\"\/>\n <circle class=\"dot\" cx=\"161\" cy=\"141\" r=\"4\" style=\"transition-delay:.18s\"\/>\n <circle class=\"dot\" cx=\"131\" cy=\"166\" r=\"4\" style=\"transition-delay:.22s\"\/>\n <circle class=\"dot\" cx=\"92\" cy=\"173\" r=\"4\" style=\"transition-delay:.26s\"\/>\n <circle class=\"dot\" cx=\"55\" cy=\"159\" r=\"4\" style=\"transition-delay:.30s\"\/>\n <circle class=\"dot\" cx=\"31\" cy=\"128\" r=\"4\" style=\"transition-delay:.34s\"\/>\n <circle class=\"dot\" cx=\"26\" cy=\"89\" r=\"4\" style=\"transition-delay:.38s\"\/>\n <circle class=\"dot\" cx=\"45\" cy=\"52\" r=\"4\" style=\"transition-delay:.42s\"\/>\n <\/g>\n <path class=\"check\" d=\"M76 101 l17 18 l33 -38\"\/>\n <\/svg>\n <\/div>\n\n <div class=\"steps\" id=\"steps\">\n <span class=\"baseline\"><\/span><span class=\"fill\" id=\"sfill\"><\/span>\n <b>Re\u00fane<\/b><b>Verifica<\/b><b>Certifica<\/b><b>Conecta<\/b>\n <\/div>\n\n <div class=\"sline\" id=\"sline\">\n <p>Os documentos chegam uma vez s\u00f3.<\/p>\n <p>Cada um \u00e9 conferido na fonte, mais a vistoria t\u00e9cnica.<\/p>\n <p>O que est\u00e1 em dia vira certifica\u00e7\u00e3o, com prazo.<\/p>\n <p>Qualquer ponto da cadeia consulta e v\u00ea a situa\u00e7\u00e3o.<\/p>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n\n <div class=\"wrap\" style=\"padding-bottom:80px\">\n <\/div>\n<\/section>\n\n\n<section>\n <div class=\"wrap\">\n <span class=\"eyebrow\">O que se repete<\/span>\n <h2>A mesma verifica\u00e7\u00e3o, <span class=\"o\">tr\u00eas vezes.<\/span><\/h2>\n\n <div class=\"loop\">\n <div class=\"looprail\"><span class=\"loopdot\"><\/span><\/div>\n <div class=\"looplines\">\n <p class=\"loopline\">A <b>transportadora<\/b> valida o agregado.<\/p>\n <p class=\"loopline\">O <b>embarcador<\/b> valida de novo antes de liberar a carga.<\/p>\n <p class=\"loopline\">O <b>terminal<\/b> valida outra vez no port\u00e3o.<\/p>\n <\/div>\n <\/div>\n\n <\/div>\n<\/section>\n\n\n<section class=\"pq\">\n <div class=\"pqtrack\" id=\"pqtrack\">\n <div class=\"pqstick\">\n\n <div class=\"wrap\">\n <span class=\"eyebrow\">Para quem<\/span>\n <h2>Uma certifica\u00e7\u00e3o.<br><span class=\"o\">Decis\u00f5es diferentes.<\/span><\/h2>\n <p class=\"lead\">Onze pontos da cadeia do transporte rodovi\u00e1rio. Uns certificam motorista e ve\u00edculo. Outros consultam antes de decidir. A fonte da resposta \u00e9 a mesma.<\/p>\n <p class=\"pqcount\"><b id=\"pqnow\">01<\/b> de 11<\/p>\n <\/div>\n\n <div class=\"pqview\" id=\"pqview\">\n <div class=\"pqtape\" id=\"pqtape\">\n\n <a class=\"pqcard\">\n <div class=\"pqimg\"><img decoding=\"async\" src=\"https:\/\/nix.mobi\/wp-content\/uploads\/2026\/08\/motoristas.jpg\" alt=\"Motoristas\" loading=\"lazy\"><\/div>\n <div class=\"pqbody\">\n <span class=\"pqtag prov\">Certifica<\/span>\n <h3>Motoristas<\/h3>\n <p class=\"pqq\">\"Como eu provo que estou apto sem refazer tudo a cada frete?\"<\/p>\n <\/div>\n <\/a>\n\n <a class=\"pqcard\">\n <div class=\"pqimg\"><img decoding=\"async\" src=\"https:\/\/nix.mobi\/wp-content\/uploads\/2026\/08\/agregado.jpg\" alt=\"Agregados\" loading=\"lazy\"><\/div>\n <div class=\"pqbody\">\n <span class=\"pqtag prov\">Certifica<\/span>\n <h3>Agregados<\/h3>\n <p class=\"pqq\">\"Toda transportadora nova me pede os mesmos documentos de novo.\"<\/p>\n <\/div>\n <\/a>\n\n <a class=\"pqcard\">\n <div class=\"pqimg\"><img decoding=\"async\" src=\"https:\/\/nix.mobi\/wp-content\/uploads\/2026\/08\/transportaores-pequenos-e-medios.jpg\" alt=\"Transportadoras pequenas e m\u00e9dias\" loading=\"lazy\"><\/div>\n <div class=\"pqbody\">\n <span class=\"pqtag prov\">Certifica<\/span>\n <h3>Transportadoras pequenas e m\u00e9dias<\/h3>\n <p class=\"pqq\">\"Preciso provar que meus agregados est\u00e3o em dia sem manter equipe s\u00f3 para isso.\"<\/p>\n <\/div>\n <\/a>\n\n <a class=\"pqcard\">\n <div class=\"pqimg\"><img decoding=\"async\" src=\"https:\/\/nix.mobi\/wp-content\/uploads\/2026\/08\/transportaores-enterprise.jpg\" alt=\"Transportadoras enterprise\" loading=\"lazy\"><\/div>\n <div class=\"pqbody\">\n <span class=\"pqtag prov\">Certifica<\/span>\n <h3>Transportadoras enterprise<\/h3>\n <p class=\"pqq\">\"Como eu padronizo a conformidade de centenas de agregados?\"<\/p>\n <\/div>\n <\/a>\n\n <a class=\"pqcard\">\n <div class=\"pqimg\"><img decoding=\"async\" src=\"https:\/\/nix.mobi\/wp-content\/uploads\/2026\/08\/agenciadores-de-frete.jpg\" alt=\"Agenciadores de frete\" loading=\"lazy\"><\/div>\n <div class=\"pqbody\">\n <span class=\"pqtag conf\">Consulta<\/span>\n <h3>Agenciadores de frete<\/h3>\n <p class=\"pqq\">\"Estou fechando frete com quem, exatamente?\"<\/p>\n <\/div>\n <\/a>\n\n <a class=\"pqcard\">\n <div class=\"pqimg\"><img decoding=\"async\" src=\"https:\/\/nix.mobi\/wp-content\/uploads\/2026\/08\/embarcadores.jpg\" alt=\"Embarcadores\" loading=\"lazy\"><\/div>\n <div class=\"pqbody\">\n <span class=\"pqtag conf\">Consulta<\/span>\n <h3>Embarcadores<\/h3>\n <p class=\"pqq\">\"Com quem eu estou embarcando esta carga?\"<\/p>\n <\/div>\n <\/a>\n\n <a class=\"pqcard\">\n <div class=\"pqimg\"><img decoding=\"async\" src=\"https:\/\/nix.mobi\/wp-content\/uploads\/2026\/08\/terminais-e-portos.jpg\" alt=\"Portos e terminais\" loading=\"lazy\"><\/div>\n <div class=\"pqbody\">\n <span class=\"pqtag conf\">Consulta<\/span>\n <h3>Portos e terminais<\/h3>\n <p class=\"pqq\">\"Esse conjunto pode entrar?\"<\/p>\n <\/div>\n <\/a>\n\n <a class=\"pqcard\">\n <div class=\"pqimg\"><img decoding=\"async\" src=\"https:\/\/nix.mobi\/wp-content\/uploads\/2026\/08\/polos-e-conds.jpg\" alt=\"Polos e condom\u00ednios industriais\" loading=\"lazy\"><\/div>\n <div class=\"pqbody\">\n <span class=\"pqtag conf\">Consulta<\/span>\n <h3>Polos e condom\u00ednios industriais<\/h3>\n <p class=\"pqq\">\"Quem est\u00e1 circulando dentro do polo hoje?\"<\/p>\n <\/div>\n <\/a>\n\n <a class=\"pqcard\">\n <div class=\"pqimg\"><img decoding=\"async\" src=\"https:\/\/nix.mobi\/wp-content\/uploads\/2026\/08\/gerenciadoras-de-rosco.jpg\" alt=\"Gerenciadoras de risco\" loading=\"lazy\"><\/div>\n <div class=\"pqbody\">\n <span class=\"pqtag conf\">Consulta<\/span>\n <h3>Gerenciadoras de risco<\/h3>\n <p class=\"pqq\">\"O ve\u00edculo tem condi\u00e7\u00e3o de rodar, al\u00e9m do perfil do motorista?\"<\/p>\n <\/div>\n <\/a>\n\n <a class=\"pqcard\">\n <div class=\"pqimg\"><img decoding=\"async\" src=\"https:\/\/nix.mobi\/wp-content\/uploads\/2026\/08\/seguradores.jpg\" alt=\"Seguradoras\" loading=\"lazy\"><\/div>\n <div class=\"pqbody\">\n <span class=\"pqtag conf\">Consulta<\/span>\n <h3>Seguradoras<\/h3>\n <p class=\"pqq\">\"O que eu sei do risco antes de precificar?\"<\/p>\n <\/div>\n <\/a>\n\n <a class=\"pqcard\">\n <div class=\"pqimg\"><img decoding=\"async\" src=\"https:\/\/nix.mobi\/wp-content\/uploads\/2026\/08\/governo.jpg\" alt=\"Governo\" loading=\"lazy\"><\/div>\n <div class=\"pqbody\">\n <span class=\"pqtag conf\">Consulta<\/span>\n <h3>Governo<\/h3>\n <p class=\"pqq\">\"Quem est\u00e1 cumprindo a exig\u00eancia?\"<\/p>\n <\/div>\n <\/a>\n\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n\n <div class=\"wrap\" style=\"padding:70px 0 90px\">\n <\/div>\n<\/section>\n\n\n<section class=\"dark\" style=\"padding-top:0\">\n\n <div class=\"certtrack\" id=\"certtrack\">\n <div class=\"certstick\">\n <div class=\"wrap\">\n\n <div class=\"certhead ctr\">\n <span class=\"eyebrow\">A certifica\u00e7\u00e3o<\/span>\n <h2>Duas verifica\u00e7\u00f5es. <span class=\"o\">Uma certifica\u00e7\u00e3o.<\/span><\/h2>\n <\/div>\n\n <div class=\"certcols\">\n <div class=\"certcol\">\n <figure><img decoding=\"async\" src=\"https:\/\/nix.mobi\/wp-content\/uploads\/2026\/08\/validacao-doc-1.jpg\" alt=\"Motorista com o NixID\" loading=\"lazy\"><\/figure>\n <div class=\"certtext\">\n <h3>Valida\u00e7\u00e3o documental<\/h3>\n <p>Os documentos exigidos s\u00e3o validados junto aos \u00f3rg\u00e3os que emitem, com intelig\u00eancia artificial checando autenticidade, e o vencimento continua sendo acompanhado depois disso.<\/p>\n <\/div>\n <\/div>\n <div class=\"certcol\">\n <figure><img decoding=\"async\" src=\"https:\/\/nix.mobi\/wp-content\/uploads\/2026\/08\/chacklist-1.jpg\" alt=\"Vistoria t\u00e9cnica do ve\u00edculo\" loading=\"lazy\"><\/figure>\n <div class=\"certtext\">\n <h3>Vistoria e checklist t\u00e9cnico<\/h3>\n <p>Vistoria aplicada ao motorista e ao ve\u00edculo, que registra a condi\u00e7\u00e3o de cada um. O prazo de validade \u00e9 definido pelo Nix, e vencido o prazo a vistoria \u00e9 refeita.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"wrap\">\n <div class=\"vsplit\"><\/div>\n\n <div class=\"g2\">\n <div>\n <h2>A certifica\u00e7\u00e3o fica <span class=\"o\">no CPF e na placa.<\/span><\/h2>\n <p class=\"lead\" style=\"margin-top:30px\">A empresa muda. O contrato muda. A viagem muda. O motorista e o ve\u00edculo s\u00e3o os mesmos. Por isso a certifica\u00e7\u00e3o fica neles, e toda consulta, venha de quem vier, come\u00e7a por um CPF ou por uma placa.<\/p>\n <\/div>\n <div class=\"idstage\" id=\"idstage\">\n <span class=\"idglow\"><\/span>\n <img decoding=\"async\" class=\"idplaca\" src=\"https:\/\/nix.mobi\/wp-content\/uploads\/2026\/08\/placa-2.png\" alt=\"Placa Mercosul\" loading=\"lazy\">\n <img decoding=\"async\" class=\"idcpf\" src=\"https:\/\/nix.mobi\/wp-content\/uploads\/2026\/08\/cpf-1.png\" alt=\"Cart\u00e3o de CPF\" loading=\"lazy\">\n <\/div>\n <\/div>\n\n <div class=\"ids\" id=\"ids\">\n <div class=\"idcol\">\n <span class=\"k\">No CPF<\/span>\n <h3>A condi\u00e7\u00e3o do motorista.<\/h3>\n <p>Licen\u00e7as, exames e habilita\u00e7\u00f5es, validados na fonte e acompanhados at\u00e9 o vencimento.<\/p>\n <div class=\"docs\">\n <span>CNH<\/span><span>ASO<\/span><span>NR 20<\/span><span>NR 35<\/span>\n <span>MOPP<\/span><span>Exame toxicol\u00f3gico<\/span>\n <\/div>\n <\/div>\n <div class=\"idcol\">\n <span class=\"k\">Na placa<\/span>\n <h3>A condi\u00e7\u00e3o do ve\u00edculo.<\/h3>\n <p>Registros, certificados de inspe\u00e7\u00e3o e o checklist t\u00e9cnico, com prazo de validade definido.<\/p>\n <div class=\"docs\">\n <span>RNTRC<\/span><span>CRLV<\/span><span>CIV<\/span><span>CIPP<\/span><span>Tac\u00f3grafo<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section>\n <div class=\"wrap\">\n <span class=\"eyebrow reveal\">O que vem depois<\/span>\n <h2 class=\"reveal\">Hoje \u00e9 uma resposta.<br><span class=\"o\">Amanh\u00e3 \u00e9 um hist\u00f3rico.<\/span><\/h2>\n <p class=\"lead reveal\" style=\"margin-top:30px;max-width:60ch\">Cada verifica\u00e7\u00e3o n\u00e3o termina em si. Ela vira registro, e registro que se acumula vira hist\u00f3rico de conformidade. \u00c9 a\u00ed que o setor muda.<\/p>\n\n <div class=\"shift\">\n <div class=\"shiftrow reveal\">\n <span class=\"k\">Seguro<\/span>\n <p>Conformidade registrada ao longo do tempo diz alguma coisa sobre risco. Hoje o pre\u00e7o ouve a mesma coisa de todo mundo.<\/p>\n <\/div>\n <div class=\"shiftrow reveal\">\n <span class=\"k\">Cr\u00e9dito<\/span>\n <p>Um ve\u00edculo com hist\u00f3rico \u00e9 um ativo diferente de um ve\u00edculo sem. Financiar passa a poder olhar para a opera\u00e7\u00e3o, e n\u00e3o s\u00f3 para a garantia.<\/p>\n <\/div>\n <div class=\"shiftrow reveal\">\n <span class=\"k\">Acesso<\/span>\n <p>O terminal passa a poder exigir certifica\u00e7\u00e3o v\u00e1lida com data marcada, apoiado no que j\u00e1 mede no pr\u00f3prio port\u00e3o.<\/p>\n <\/div>\n <div class=\"shiftrow reveal\">\n <span class=\"k\">Contrata\u00e7\u00e3o<\/span>\n <p>Escolher com quem rodar deixa de depender de indica\u00e7\u00e3o e passa a depender de crit\u00e9rio.<\/p>\n <\/div>\n <\/div>\n\n <p class=\"shiftend reveal\">O Nix n\u00e3o constr\u00f3i nenhuma dessas decis\u00f5es. Constr\u00f3i <b>o registro em que todas elas poderiam se apoiar.<\/b><\/p>\n <\/div>\n<\/section>\n\n\n<section class=\"final tint\" id=\"final\">\n <div class=\"wrap\">\n <h2>Comece consultando <span class=\"o\">quem j\u00e1 opera com voc\u00ea.<\/span><\/h2>\n <p class=\"lead\">Sem bloquear ningu\u00e9m e sem alterar procedimento.<\/p>\n <div class=\"btns\">\n <a href=\"#cert\" class=\"btn btn-p\">Certificar minha opera\u00e7\u00e3o<\/a>\n <a href=\"#final\" class=\"btn btn-s\">Falar com o time<\/a>\n <\/div>\n <\/div>\n<\/section>\n\n<footer>\n <div class=\"wrap\">\n\n <div class=\"fnote\">\n <p>A certifica\u00e7\u00e3o Nix atesta a validade dos documentos apresentados e a condi\u00e7\u00e3o registrada em vistoria na data em que ela foi feita, dentro do prazo indicado. Ela n\u00e3o substitui a fiscaliza\u00e7\u00e3o dos \u00f3rg\u00e3os competentes nem a responsabilidade de quem contrata, embarca ou libera.<\/p>\n <p>Os documentos exigidos variam conforme o ve\u00edculo, o implemento e o tipo de opera\u00e7\u00e3o.<\/p>\n <\/div>\n\n <div class=\"fgrid\">\n\n <div class=\"fcol\">\n <h4>Servi\u00e7os<\/h4>\n <ul>\n <li><a>Checklist online<\/a><\/li>\n <li><a>Checklist presencial<\/a><\/li>\n <li><a>Consulta Nix<\/a><\/li>\n <li><a>API de consulta<\/a><\/li>\n <\/ul>\n <h4>Conformidade<\/h4>\n <ul>\n <li><a>O que verificamos<\/a><\/li>\n <li><a>Normas aplic\u00e1veis<\/a><\/li>\n <\/ul>\n <\/div>\n\n <div class=\"fcol\">\n <h4>Ferramentas Nix<\/h4>\n <ul>\n <li><a>Aplicativo Nix<\/a><\/li>\n <li><a>Pollux<\/a><\/li>\n <li><a>Lynx<\/a><\/li>\n <li><a>Chort<\/a><\/li>\n <\/ul>\n <h4>Para certificar<\/h4>\n <ul>\n <li><a>Motoristas<\/a><\/li>\n <li><a>Agregados<\/a><\/li>\n <li><a>Transportadoras pequenas e m\u00e9dias<\/a><\/li>\n <li><a>Transportadoras enterprise<\/a><\/li>\n <\/ul>\n <\/div>\n\n <div class=\"fcol\">\n <h4>Para consultar<\/h4>\n <ul>\n <li><a>Agenciadores de frete<\/a><\/li>\n <li><a>Embarcadores<\/a><\/li>\n <li><a>Portos e terminais<\/a><\/li>\n <li><a>Polos e condom\u00ednios industriais<\/a><\/li>\n <li><a>Gerenciadoras de risco<\/a><\/li>\n <li><a>Seguradoras<\/a><\/li>\n <li><a>Governo<\/a><\/li>\n <\/ul>\n <\/div>\n\n <div class=\"fcol\">\n <h4>Nix<\/h4>\n <ul>\n <li><a>Empresa<\/a><\/li>\n <li><a href=\"#final\">Falar com o time<\/a><\/li>\n <li><a>Trabalhe conosco<\/a><\/li>\n <li><a>Imprensa<\/a><\/li>\n <\/ul>\n <h4>Base legal<\/h4>\n <ul>\n <li><a>Privacidade e LGPD<\/a><\/li>\n <li><a>Termos de Uso<\/a><\/li>\n <li><a>Avisos legais<\/a><\/li>\n <li><a>Mapa do site<\/a><\/li>\n <\/ul>\n <\/div>\n\n <\/div>\n\n <div class=\"fbase\">\n <div>\n <p class=\"flegal\">Nix Tecnologia e Solu\u00e7\u00f5es Log\u00edsticas LTDA · CNPJ 57.158.486\/0001-08<br>\n Hangar Business Park, Torre 2, sala 426 · Av. Lu\u00eds Viana Filho, 13223, S\u00e3o Crist\u00f3v\u00e3o · Salvador, BA · 41500-300<br>\n Copyright 2026 Nix. Todos os direitos reservados.<\/p>\n <\/div>\n <a href=\"\/\" class=\"logo\"><img decoding=\"async\" src=\"https:\/\/nix.mobi\/wp-content\/uploads\/2026\/08\/Frame-836.png\" alt=\"Nix\"><\/a>\n <\/div>\n\n <\/div>\n<\/footer>\n\n<script>\n\n \/* Sess\u00e3o 02 \u00b7 a p\u00e1gina prende e o texto se escreve palavra por palavra *\/\n (function(){\n var track=document.getElementById('solvetrack'),\n bg=document.getElementById('solvebg');\n if(!track) return;\n var words=Array.prototype.slice.call(track.querySelectorAll('.solveline .w')),\n n=words.length, ticking=false, last=-1;\n if(!n) return;\n if(window.matchMedia&&window.matchMedia('(prefers-reduced-motion: reduce)').matches){\n words.forEach(function(w){ w.classList.add('on'); }); return;\n }\n var LEAD_IN=0.08, LEAD_OUT=0.16; \/\/ folga no come\u00e7o e no fim para ler parado\n\n function frame(){\n ticking=false;\n if(!window.matchMedia('(min-width:901px)').matches){\n words.forEach(function(w){ w.classList.add('on'); }); return;\n }\n var r=track.getBoundingClientRect(), span=track.offsetHeight-window.innerHeight;\n if(span<=0) return;\n var raw=Math.min(1,Math.max(0,-r.top\/span));\n var p=Math.min(1,Math.max(0,(raw-LEAD_IN)\/(1-LEAD_IN-LEAD_OUT)));\n\n var lit=Math.round(p*n);\n if(lit!==last){\n last=lit;\n for(var i=0;i<n;i++) words[i].classList.toggle('on', i<lit);\n }\n \/\/ o fundo continua andando enquanto a pagina esta presa\n if(bg) bg.style.transform='translate3d(0,'+((raw-0.5)*180).toFixed(1)+'px,0)';\n }\n function onScroll(){ if(!ticking){ ticking=true; requestAnimationFrame(frame); } }\n window.addEventListener('scroll',onScroll,{passive:true});\n window.addEventListener('resize',onScroll);\n frame();\n })();\n\n \/* Reveal simples por entrada na tela, usado na sess\u00e3o institucional *\/\n (function(){\n var els=Array.prototype.slice.call(document.querySelectorAll('.reveal'));\n if(!els.length) return;\n if(window.matchMedia&&window.matchMedia('(prefers-reduced-motion: reduce)').matches){\n els.forEach(function(e){ e.classList.add('on'); }); return;\n }\n if(!('IntersectionObserver' in window)){\n els.forEach(function(e){ e.classList.add('on'); }); return;\n }\n var io=new IntersectionObserver(function(rows){\n rows.forEach(function(r){\n if(r.isIntersecting){ r.target.classList.add('on'); io.unobserve(r.target); }\n });\n },{rootMargin:'0px 0px -14% 0px'});\n \/\/ escalona a entrada dentro de cada grupo, para as linhas nao subirem em bloco\n els.forEach(function(e,i){ e.style.transitionDelay=(i%6*0.07).toFixed(2)+'s'; io.observe(e); });\n })();\n\n \/* Sess\u00e3o 05 \u00b7 quatro etapas comandadas pelo scroll, com a pagina travada:\n 1 pousa a foto esquerda, 2 entra o texto dela, 3 pousa a foto direita, 4 entra o texto dela *\/\n (function(){\n var track=document.getElementById('certtrack');\n if(!track) return;\n var figs =Array.prototype.slice.call(track.querySelectorAll('.certcol figure')),\n texts=Array.prototype.slice.call(track.querySelectorAll('.certtext')),\n ticking=false;\n if(figs.length<2) return;\n if(window.matchMedia&&window.matchMedia('(prefers-reduced-motion: reduce)').matches) return;\n\n \/\/ janelas de cada etapa dentro da pista, deixando folga no fim para ler o conjunto\n var W=[[0.06,0.26],[0.26,0.40],[0.42,0.62],[0.62,0.76]];\n function seg(p,i){ return Math.min(1,Math.max(0,(p-W[i][0])\/(W[i][1]-W[i][0]))); }\n function land(el,q){\n var e=1-Math.pow(1-q,3); \/\/ desacelera no fim: pousa\n el.style.transform='translate3d(0,'+((1-e)*-8).toFixed(2)+'vh,0) scale('+(1.34-0.34*e).toFixed(3)+')';\n el.style.opacity=Math.min(1,e*1.8).toFixed(3);\n }\n\n function frame(){\n ticking=false;\n if(!window.matchMedia('(min-width:901px)').matches){\n figs.forEach(function(f){ f.style.cssText=''; });\n texts.forEach(function(t){ t.classList.add('on'); });\n return;\n }\n var r=track.getBoundingClientRect(), span=track.offsetHeight-window.innerHeight;\n if(span<=0) return;\n var p=Math.min(1,Math.max(0,-r.top\/span));\n\n land(figs[0], seg(p,0));\n texts[0].classList.toggle('on', seg(p,1)>0.35);\n land(figs[1], seg(p,2));\n texts[1].classList.toggle('on', seg(p,3)>0.35);\n }\n function onScroll(){ if(!ticking){ ticking=true; requestAnimationFrame(frame); } }\n window.addEventListener('scroll',onScroll,{passive:true});\n window.addEventListener('resize',onScroll);\n frame();\n })();\n\n \/* Sess\u00e3o 05b \u00b7 placa e CPF em parallax, velocidades diferentes *\/\n (function(){\n var stage=document.getElementById('idstage');\n if(!stage) return;\n var placa=stage.querySelector('.idplaca'),\n cpf =stage.querySelector('.idcpf'),\n pills=Array.prototype.slice.call(document.querySelectorAll('#ids .docs span')),\n ticking=false;\n if(window.matchMedia&&window.matchMedia('(prefers-reduced-motion: reduce)').matches) return;\n function frame(){\n ticking=false;\n if(!window.matchMedia('(min-width:901px)').matches){\n placa.style.transform=''; cpf.style.transform=''; return;\n }\n var r=stage.getBoundingClientRect(), vh=window.innerHeight;\n \/\/ -1 quando a secao entra por baixo, +1 quando sai por cima\n var p=Math.max(-1,Math.min(1,1-2*((r.top+r.height\/2)\/vh)));\n placa.style.transform='translate3d('+(p*14).toFixed(1)+'px,'+(p*-26).toFixed(1)+'px,0) rotate('+(p*0.7).toFixed(2)+'deg)';\n cpf.style.transform ='translate3d('+(p*-20).toFixed(1)+'px,'+(p*-62).toFixed(1)+'px,0) rotate('+(p*-1.6).toFixed(2)+'deg)';\n\n \/\/ os documentos vao se prendendo a cada identificador conforme a secao sobe\n if(pills.length){\n var t=Math.max(0,Math.min(1,(p+0.75)\/1.15));\n pills.forEach(function(el,i){ el.classList.toggle('on', i < Math.round(t*pills.length)); });\n }\n }\n function onScroll(){ if(!ticking){ ticking=true; requestAnimationFrame(frame); } }\n window.addEventListener('scroll',onScroll,{passive:true});\n window.addEventListener('resize',onScroll);\n frame();\n })();\n\n \/* Sess\u00e3o 04 \u00b7 fileira Para quem: rolagem presa, deriva horizontal ate o ultimo card *\/\n (function(){\n var track=document.getElementById('pqtrack'),\n view =document.getElementById('pqview'),\n tape =document.getElementById('pqtape'),\n now =document.getElementById('pqnow');\n if(!track||!tape) return;\n var cards=Array.prototype.slice.call(tape.querySelectorAll('.pqcard')),\n ticking=false, last=-1;\n if(!cards.length) return;\n var LEAD_IN=0.10, LEAD_OUT=0.10;\n\n function frame(){\n ticking=false;\n if(!window.matchMedia('(min-width:901px)').matches){ tape.style.transform=''; return; }\n var r=track.getBoundingClientRect(),\n span=track.offsetHeight-window.innerHeight,\n n=cards.length,\n \/\/ desloca exatamente ate o ultimo card ocupar a posicao um, la na esquerda\n max=cards[n-1].offsetLeft-cards[0].offsetLeft;\n if(span<=0||max<=0) return;\n var raw=Math.min(1,Math.max(0,-r.top\/span));\n var p=Math.min(1,Math.max(0,(raw-LEAD_IN)\/(1-LEAD_IN-LEAD_OUT)));\n tape.style.transform='translate3d('+(-p*max).toFixed(1)+'px,0,0)';\n\n \/\/ o destaque e sempre quem esta na posicao um, alinhada com o texto da secao\n var pos=p*(n-1), best=Math.round(pos);\n cards.forEach(function(c,k){\n var t=Math.max(0,1-Math.abs(k-pos)\/1.15);\n c.style.transform='scale('+(0.95+0.07*t).toFixed(3)+')';\n c.style.opacity=(0.4+0.6*t).toFixed(3);\n c.classList.toggle('focus', k===best);\n });\n\n if(now && best+1!==last){ last=best+1; now.textContent=('0'+last).slice(-2); }\n }\n function onScroll(){ if(!ticking){ ticking=true; requestAnimationFrame(frame); } }\n window.addEventListener('scroll',onScroll,{passive:true});\n window.addEventListener('resize',onScroll);\n frame();\n })();\n\n \/* Sess\u00e3o 03 \u00b7 loop: um rel\u00f3gio s\u00f3 comanda ponto e texto *\/\n (function(){\n var loop=document.querySelector('.loop');\n if(!loop) return;\n var dot=loop.querySelector('.loopdot'),\n rail=loop.querySelector('.looprail'),\n lines=Array.prototype.slice.call(loop.querySelectorAll('.loopline'));\n if(!dot||!lines.length) return;\n if(window.matchMedia&&window.matchMedia('(prefers-reduced-motion: reduce)').matches) return;\n\n var i=0, HOLD=2400, tops=[];\n\n function measure(){\n var base=rail.getBoundingClientRect().top;\n tops=lines.map(function(l){\n var r=l.getBoundingClientRect();\n return r.top-base+r.height\/2;\n });\n }\n function paint(){\n dot.style.top=tops[i]+'px';\n dot.style.opacity=1;\n lines.forEach(function(l,k){ l.classList.toggle('lit', k===i); });\n }\n function tick(){\n if(i < lines.length-1){ i++; paint(); return; }\n \/\/ fim da volta: some, salta pro topo sem transicao, reaparece\n dot.style.opacity=0;\n setTimeout(function(){\n i=0;\n dot.classList.add('jump');\n dot.style.top=tops[0]+'px';\n void dot.offsetWidth; \/\/ forca reflow para o salto nao animar\n dot.classList.remove('jump');\n paint();\n },340);\n }\n\n measure(); paint();\n setInterval(tick,HOLD);\n window.addEventListener('resize',function(){ measure(); dot.style.top=tops[i]+'px'; });\n })();\n\n \/* Sess\u00e3o 02 \u00b7 selo central + r\u00e9gua de quatro passos *\/\n (function(){\n var track=document.getElementById('strack'),\n stick=document.getElementById('sstick'),\n seal =document.querySelector('.seal'),\n prog =document.querySelector('.seal .prog'),\n fill =document.getElementById('sfill'),\n verbs=Array.prototype.slice.call(document.querySelectorAll('.steps b')),\n lines=Array.prototype.slice.call(document.querySelectorAll('.sline p'));\n if(!track||!verbs.length) return;\n\n var n=verbs.length, ticking=false, last=-1;\n var LEAD_IN=0.12, LEAD_OUT=0.12; \/\/ folgas onde nada avanca\n var RING=2*Math.PI*88;\n\n function isDesktop(){ return window.matchMedia('(min-width:901px)').matches; }\n\n function frame(){\n ticking=false;\n if(!isDesktop()) return;\n var r=track.getBoundingClientRect(),\n span=track.offsetHeight-window.innerHeight;\n if(span<=0) return;\n var raw=Math.min(1,Math.max(0,-r.top\/span));\n var p=Math.min(1,Math.max(0,(raw-LEAD_IN)\/(1-LEAD_IN-LEAD_OUT)));\n\n \/\/ a barra laranja para no centro do verbo ativo, nao na borda do bloco\n var half=100\/(n*2);\n if(fill) fill.style.width=(half+p*(100-2*half)).toFixed(2)+'%';\n if(prog) prog.style.strokeDashoffset=(RING*(1-p)).toFixed(1);\n if(seal) seal.style.transform='scale('+(0.9+0.1*p)+')';\n\n var step=Math.min(n-1,Math.round(p*(n-1)));\n if(step!==last){\n last=step;\n stick.setAttribute('data-step',step);\n verbs.forEach(function(v,i){\n v.classList.toggle('on', i===step);\n v.classList.toggle('done', i<step);\n });\n lines.forEach(function(l,i){\n l.classList.toggle('on', i===step);\n l.classList.toggle('past', i<step);\n });\n }\n }\n function onScroll(){ if(!ticking){ ticking=true; requestAnimationFrame(frame); } }\n\n window.addEventListener('scroll',onScroll,{passive:true});\n window.addEventListener('resize',onScroll);\n verbs[0].classList.add('on'); lines[0].classList.add('on');\n frame();\n })();\n\n<\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"e-svg-base\" data-interaction-id=\"b0b537e\" data-e-type=\"widget\" data-id=\"b0b537e\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width: 100%; height: 100%; overflow: unset;\" width=\"50\" height=\"50\" viewBox=\"0 0 50 50\" fill=\"currentColor\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M24.9999 4.31543C25.4805 4.31543 25.9243 4.57296 26.1627 4.99024L36.1067 22.3922C36.3436 22.8067 36.3419 23.316 36.1022 23.7289C35.8626 24.1418 35.4213 24.396 34.9439 24.396H15.0559C14.5785 24.396 14.1372 24.1418 13.8976 23.7289C13.6579 23.316 13.6562 22.8067 13.8931 22.3922L23.8371 4.99024C24.0755 4.57296 24.5193 4.31543 24.9999 4.31543ZM24.9999 8.35413L17.3638 21.7174H32.636L24.9999 8.35413ZM8.98998 31.6843C8.68586 31.6843 8.39419 31.8051 8.17914 32.0202C7.96409 32.2352 7.84327 32.5269 7.84327 32.831V42.775C7.84327 43.0791 7.96409 43.3708 8.17914 43.5858C8.39419 43.8009 8.68586 43.9217 8.98998 43.9217H18.934C19.2381 43.9217 19.5297 43.8009 19.7448 43.5858C19.9598 43.3708 20.0807 43.0791 20.0807 42.775V32.831C20.0807 32.5269 19.9598 32.2352 19.7448 32.0202C19.5297 31.8051 19.2381 31.6843 18.934 31.6843H8.98998ZM6.2851 30.1261C7.00248 29.4088 7.97545 29.0057 8.98998 29.0057H18.934C19.9485 29.0057 20.9215 29.4088 21.6388 30.1261C22.3562 30.8435 22.7592 31.8165 22.7592 32.831V42.775C22.7592 43.7895 22.3562 44.7625 21.6388 45.4799C20.9215 46.1973 19.9485 46.6003 18.934 46.6003H8.98998C7.97545 46.6003 7.00248 46.1973 6.2851 45.4799C5.56772 44.7625 5.1647 43.7895 5.1647 42.775V32.831C5.1647 31.8165 5.56772 30.8435 6.2851 30.1261ZM30.0959 31.5824C31.7457 29.9326 33.9834 29.0058 36.3165 29.0058C38.6497 29.0058 40.8873 29.9326 42.5371 31.5824C44.187 33.2322 45.1138 35.4698 45.1138 37.803C45.1138 40.1362 44.187 42.3738 42.5371 44.0236C40.8873 45.6734 38.6497 46.6003 36.3165 46.6003C33.9834 46.6003 31.7457 45.6734 30.0959 44.0236C28.4461 42.3738 27.5193 40.1362 27.5193 37.803C27.5193 35.4698 28.4461 33.2322 30.0959 31.5824ZM36.3165 31.6843C34.6938 31.6843 33.1374 32.329 31.99 33.4764C30.8425 34.6239 30.1978 36.1802 30.1978 37.803C30.1978 39.4258 30.8425 40.9821 31.99 42.1296C33.1374 43.2771 34.6938 43.9217 36.3165 43.9217C37.9393 43.9217 39.4956 43.2771 40.6431 42.1296C41.7906 40.9821 42.4352 39.4258 42.4352 37.803C42.4352 36.1802 41.7906 34.6239 40.6431 33.4764C39.4956 32.329 37.9393 31.6843 36.3165 31.6843Z\" fill=\"currentColor\"><\/path><\/svg><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Nix \u2014 Home Certifica\u00e7\u00e3o Consulta Para quem Empresa Falar com o time A infraestrutura decertifica\u00e7\u00e3o do transporterodovi\u00e1rio de cargas. O Nix verifica os documentos e as condi\u00e7\u00f5es do motorista e do ve\u00edculo. Depois, deixa a resposta pronta para quem precisa decidir se aquele conjunto pode entrar, carregar ou rodar. Certificar minha opera\u00e7\u00e3o Falar com o […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-11","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/nix.mobi\/index.php?rest_route=\/wp\/v2\/pages\/11","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nix.mobi\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nix.mobi\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nix.mobi\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nix.mobi\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=11"}],"version-history":[{"count":40,"href":"https:\/\/nix.mobi\/index.php?rest_route=\/wp\/v2\/pages\/11\/revisions"}],"predecessor-version":[{"id":78,"href":"https:\/\/nix.mobi\/index.php?rest_route=\/wp\/v2\/pages\/11\/revisions\/78"}],"wp:attachment":[{"href":"https:\/\/nix.mobi\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=11"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n\n\nNix \u2014 Home<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\n<style>\n:root{\n --paper:#FBFAF8; --paper-2:#F2F1ED;\n --ink:#0C0F14; --ink-2:#161B22;\n --muted:#6B7280; --muted-d:#8A939F;\n --line:#E2E0DA; --line-d:#242A33;\n \/* MARCA: laranja Nix. Era azul (#0F52D9) na v3.\n --or = display e fundo escuro. --or-ink = texto pequeno em fundo claro (contraste AA). *\/\n --or:#FF7A3D; --or-ink:#C2410C; --or-mid:#F26A21;\n --or-btn:#E05A15; \/* preenchimento do bot\u00e3o prim\u00e1rio: laranja Nix levemente fechado para o\n texto branco ficar leg\u00edvel. Se quiser o hex exato da marca, troque aqui. *\/\n --max:1240px;\n}\n*{box-sizing:border-box;margin:0;padding:0}\nhtml{scroll-behavior:smooth}\nbody{font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;\n background:var(--paper); color:var(--ink); -webkit-font-smoothing:antialiased; line-height:1.5}\n.wrap{max-width:var(--max); margin:0 auto; padding:0 40px}\nsection{padding:150px 0; position:relative}\n.dark{background:var(--ink); color:var(--paper)}\n.dark p{color:var(--muted-d)}\n.tint{background:var(--paper-2)}\nh1{font-size:clamp(33px,4.35vw,61px); font-weight:600; letter-spacing:-.046em; line-height:1.04}\n.brk{display:inline}\nh2{font-size:clamp(32px,4.1vw,56px); font-weight:600; letter-spacing:-.03em; line-height:1.08}\nh3{font-size:22px; font-weight:600; letter-spacing:-.015em}\np{font-size:18px; color:var(--muted); max-width:58ch}\n.lead{font-size:clamp(19px,1.6vw,22px); line-height:1.55}\n.big{font-size:clamp(23px,2.1vw,29px); font-weight:400; line-height:1.45;\n letter-spacing:-.015em; color:var(--ink); max-width:34ch}\n.dark .big{color:var(--paper)}\n.o{color:var(--or-mid)}\n.dark .o{color:var(--or)}\n.eyebrow{font-size:11.5px; font-weight:600; letter-spacing:.16em; text-transform:uppercase;\n color:var(--or-ink); margin-bottom:26px; display:block}\n.dark .eyebrow{color:var(--or)}\nnav{position:sticky; top:0; z-index:60; background:rgba(251,250,248,.88);\n backdrop-filter:blur(14px); border-bottom:1px solid var(--line)}\n.navin{max-width:var(--max); margin:0 auto; padding:0 40px; height:76px;\n display:flex; align-items:center; justify-content:space-between}\n.logo{display:flex; align-items:center; line-height:0; text-decoration:none}\n.logo img{height:28px; width:auto; display:block}\n.navlinks{display:flex; gap:38px; list-style:none}\n.navlinks a{color:var(--ink); text-decoration:none; font-size:14.5px; font-weight:500; opacity:.75}\n.navlinks a:hover{opacity:1}\n.navcta{font-size:14px; font-weight:500; padding:10px 20px; border:1px solid var(--ink);\n border-radius:2px; text-decoration:none; color:var(--ink)}\n.btns{display:flex; gap:14px; flex-wrap:wrap; margin-top:44px}\n\/* BOT\u00d5ES \u00b7 p\u00edlula 100%, borda interna de 2px, texto branco.\n Prim\u00e1rio = laranja Nix. Secund\u00e1rio = preto, e vazado branco quando o fundo \u00e9 escuro. *\/\n.btn{display:inline-block; padding:16px 34px; border-radius:999px; text-decoration:none;\n font-size:16px; font-weight:600; letter-spacing:-.005em; line-height:1.2;\n border:2px solid transparent; transition:.18s}\n.btn-p{background:var(--or-btn); border-color:var(--or-btn); color:#fff}\n.btn-p:hover{background:var(--or-ink); border-color:var(--or-ink)}\n.btn-s{background:var(--ink); border-color:var(--ink); color:var(--paper)}\n.btn-s:hover{background:transparent; color:var(--ink)}\n.dark .btn-s{background:transparent; border-color:rgba(251,250,248,.9); color:var(--paper)}\n.dark .btn-s:hover{background:var(--paper); border-color:var(--paper); color:var(--ink)}\n.btn:focus-visible{outline:3px solid var(--or); outline-offset:3px}\n\n\/* HERO \u00b7 imagem de fundo full bleed, degrad\u00ea em CSS (nunca queimado na imagem) *\/\n.hero{position:relative; min-height:88vh; display:flex; align-items:center;\n padding:150px 0 130px; background:#07090C; overflow:hidden}\n\/* Slideshow: 3 imagens, crossfade puro em CSS, sem seta e sem bolinha.\n Cada .slide ocupa o quadro inteiro e sobe a opacity na sua janela de tempo.\n 3 imagens x 5s = ciclo de 15s. Ajustar o \"5s\" abaixo em duration se trocar a contagem. *\/\n.herobg{position:absolute; inset:0; z-index:0; overflow:hidden}\n.herobg .slide{position:absolute; inset:0; background-size:cover; background-repeat:no-repeat;\n opacity:0; animation:heroFade 15s infinite}\n.herobg .slide:nth-child(1){background-image:url('https:\/\/nix.mobi\/wp-content\/uploads\/2026\/08\/HEAD.png');\n background-position:center right; animation-delay:0s}\n.herobg .slide:nth-child(2){background-image:url('https:\/\/nix.mobi\/wp-content\/uploads\/2026\/08\/Codex-Image-Aug-24-2026-06_04_46-PM-1.png');\n background-position:center; animation-delay:5s}\n.herobg .slide:nth-child(3){background-image:url('https:\/\/nix.mobi\/wp-content\/uploads\/2026\/08\/Codex-Image-Aug-24-2026-06_04_41-PM-1.png');\n background-position:center; animation-delay:10s}\n@keyframes heroFade{\n 0%{opacity:0} 3%{opacity:1} 30%{opacity:1} 36.6%{opacity:0} 100%{opacity:0}\n}\n@media(prefers-reduced-motion:reduce){\n .herobg .slide{animation:none; opacity:0}\n .herobg .slide:nth-child(1){opacity:1}\n}\n.hero::before{content:''; position:absolute; inset:0; z-index:1; pointer-events:none;\n background:\n linear-gradient(100deg,#07090C 0%,rgba(7,9,12,.95) 24%,rgba(7,9,12,.68) 45%,\n rgba(7,9,12,.18) 70%,rgba(7,9,12,0) 88%),\n linear-gradient(to top,rgba(7,9,12,.5) 0%,rgba(7,9,12,0) 38%)}\n\/* width:100% \u00e9 obrigat\u00f3rio: como .hero \u00e9 flex, sem isso o .wrap encolhe at\u00e9 o conte\u00fado\n e o margin auto centraliza esse bloco menor, saindo da coluna da marca. *\/\n.hero .wrap{position:relative; z-index:2; width:100%; flex:0 0 100%}\n.hero h1{max-width:none}\n.hero .lead{margin-top:32px; max-width:56ch; color:#D8D4CD;\n font-size:clamp(17px,1.35vw,19.5px); letter-spacing:-.018em; line-height:1.5}\n\/* corre\u00e7\u00e3o \u00f3tica: no display o \"A\" tem sobra \u00e0 esquerda e desalinha da marca do topo.\n O texto e os bot\u00f5es j\u00e1 partem da mesma coluna do .wrap; isso aqui \u00e9 s\u00f3 o encaixe visual. *\/\n.hero h1{margin-left:-.055em}\n.hero .lead,.hero .btns{margin-left:-1px}\n.heroimg{margin-top:100px; height:520px; background:var(--paper-2); border:1px solid var(--line);\n display:flex; align-items:center; justify-content:center; flex-direction:column; gap:10px}\n.dark .heroimg{background:var(--ink-2); border-color:var(--line-d)}\n.slot{color:#A8A49B; font-size:13px; letter-spacing:.09em; text-transform:uppercase; font-weight:600}\n.slotsub{color:#B8B4AB; font-size:13.5px; text-transform:none; letter-spacing:0; font-weight:400;\n max-width:44ch; text-align:center; line-height:1.5}\n.g2{display:grid; grid-template-columns:1fr 1fr; gap:90px; align-items:center}\n.cmp{margin-top:70px; border:1px solid var(--line-d)}\n.crow{display:grid; grid-template-columns:.9fr 1.4fr 1.4fr; border-bottom:1px solid var(--line-d)}\n.crow:last-child{border-bottom:none}\n.crow>div{padding:30px 32px}\n.chead{background:var(--ink-2); font-size:12px; letter-spacing:.13em; text-transform:uppercase;\n font-weight:600; color:var(--muted-d)}\n.chead.nix{color:var(--or)}\n.ckey{font-size:15px; font-weight:600; color:var(--paper); background:rgba(255,255,255,.02)}\n.cval{font-size:15.5px; color:var(--muted-d); line-height:1.6}\n.cval.nix{color:var(--paper)}\n\/* SESS\u00c3O 02 \u00b7 o selo \u00e9 o her\u00f3i, centralizado. Os quatro verbos ficam numa r\u00e9gua\n horizontal embaixo dele, sempre vis\u00edveis, e uma frase s\u00f3 troca conforme o passo.\n Sem card, sem par\u00e1grafo, sem carrossel. *\/\n.scrolly{padding:0; background:var(--paper-2)}\n.strack{height:520vh; position:relative}\n.sstick{position:sticky; top:0; min-height:100vh; display:flex; flex-direction:column;\n justify-content:center; overflow:hidden; padding:clamp(64px,10vh,110px) 0 clamp(52px,8vh,90px)}\n.sstick > .wrap{width:100%; flex:0 0 auto}\n.shead{margin-bottom:clamp(14px,2.6vh,48px); text-align:center}\n.shead h2{max-width:22ch; margin:0 auto; font-size:clamp(24px,min(4.1vw,5.2vh),56px)}\n.shead .eyebrow{margin-bottom:clamp(12px,2.2vh,26px)}\n.shead .lead{max-width:min(980px,100%); margin:22px auto 0; text-wrap:balance}\n\n\/* selo *\/\n.sealwrap{display:flex; justify-content:center; margin-bottom:clamp(16px,3vh,54px)}\n.seal{width:clamp(132px,23vh,300px); aspect-ratio:1; display:block;\n transform:scale(.9); transform-origin:center; transition:transform .2s linear}\n.seal .ring{fill:none; stroke:var(--line); stroke-width:2; stroke-dasharray:5 9;\n transform-origin:100px 100px; animation:sealSpin 60s linear infinite; transition:stroke .5s ease}\n@keyframes sealSpin{to{transform:rotate(360deg)}}\n.seal .prog{fill:none; stroke:var(--or-mid); stroke-width:3; stroke-linecap:round;\n stroke-dasharray:553; stroke-dashoffset:553; transform:rotate(-90deg); transform-origin:100px 100px}\n.seal .disc{fill:none; stroke:var(--line); stroke-width:2; transition:fill .6s ease, stroke .6s ease}\n.seal .dot{fill:var(--muted); opacity:0; transform:scale(0); transform-origin:100px 100px;\n transition:opacity .45s ease, transform .45s cubic-bezier(.34,1.56,.64,1), fill .45s ease}\n.seal .check{fill:none; stroke:var(--or-mid); stroke-width:9; stroke-linecap:round;\n stroke-linejoin:round; stroke-dasharray:90; stroke-dashoffset:90;\n transition:stroke-dashoffset .7s cubic-bezier(.22,.61,.36,1) .1s, stroke .5s ease}\n.seal .glow{fill:var(--or-mid); opacity:0; transition:opacity .6s ease}\n[data-step=\"1\"] .seal .dot,[data-step=\"2\"] .seal .dot,[data-step=\"3\"] .seal .dot{opacity:1; transform:scale(1)}\n[data-step=\"1\"] .seal .ring{stroke:var(--muted)}\n[data-step=\"2\"] .seal .ring,[data-step=\"3\"] .seal .ring{stroke:var(--or-mid); stroke-dasharray:0}\n[data-step=\"2\"] .seal .disc,[data-step=\"3\"] .seal .disc{fill:var(--ink); stroke:var(--ink)}\n[data-step=\"2\"] .seal .dot,[data-step=\"3\"] .seal .dot{fill:var(--or-mid)}\n[data-step=\"2\"] .seal .check,[data-step=\"3\"] .seal .check{stroke-dashoffset:0}\n[data-step=\"3\"] .seal .glow{opacity:.16}\n[data-step=\"3\"] .seal .check{stroke:var(--or)}\n\n\/* r\u00e9gua dos quatro verbos *\/\n.steps{position:relative; display:grid; grid-template-columns:repeat(4,1fr);\n max-width:900px; margin:0 auto; padding-top:26px}\n.steps .baseline{position:absolute; left:0; right:0; top:0; height:2px; background:var(--line)}\n.steps .fill{position:absolute; left:0; top:0; height:2px; width:0; background:var(--or-mid);\n transition:width .12s linear}\n.steps b{position:relative; text-align:center; font-size:clamp(14px,min(2vw,2.55vh),26px);\n font-weight:600;\n letter-spacing:-.03em; color:#B9B4AA; transition:color .35s ease; padding-top:2px}\n.steps b::before{content:''; position:absolute; top:-27px; left:50%; width:9px; height:9px;\n margin-left:-4.5px; border-radius:50%; background:var(--line); transition:background .35s ease,\n transform .35s cubic-bezier(.34,1.56,.64,1)}\n.steps b.on{color:var(--ink)}\n.steps b.on::before{background:var(--or-mid); transform:scale(1.5)}\n.steps b.done{color:var(--muted)}\n.steps b.done::before{background:var(--or-mid)}\n\n\/* a frase \u00fanica, que troca junto com o verbo *\/\n.sline{position:relative; height:clamp(46px,7.5vh,72px); max-width:760px;\n margin:clamp(16px,3.2vh,44px) auto 0}\n\/* o texto atravessa: entra pela esquerda, sai pela direita.\n .past = j\u00e1 passou (foi embora pela direita). Sem classe = ainda espera, na esquerda. *\/\n.sline p{position:absolute; inset:0; margin:0; max-width:none; text-align:center;\n font-size:clamp(15px,min(1.9vw,2.5vh),24px); line-height:1.4; letter-spacing:-.02em; color:var(--ink);\n opacity:0; transform:translateX(-40px);\n transition:opacity .42s ease, transform .52s cubic-bezier(.22,.61,.36,1)}\n.sline p.past{transform:translateX(40px)}\n.sline p.on{opacity:1; transform:none}\n\n@media(prefers-reduced-motion:reduce){ .seal .ring{animation:none} }\n\n\/* SESS\u00c3O 03 \u00b7 o loop \u00e9 o desenho. Um rel\u00f3gio s\u00f3 em JS comanda o ponto e o texto,\n sen\u00e3o as duas anima\u00e7\u00f5es CSS correm com curvas diferentes e saem de sincronia.\n A posi\u00e7\u00e3o do ponto \u00e9 medida no centro real de cada frase, ent\u00e3o funciona com\n qualquer quebra de linha e em qualquer largura. *\/\n.loop{display:grid; grid-template-columns:34px 1fr; gap:0 34px; margin-top:clamp(44px,6vh,76px);\n max-width:900px}\n.looprail{position:relative}\n.looprail::before{content:''; position:absolute; left:50%; top:8px; bottom:8px; width:2px;\n margin-left:-1px; background:var(--line)}\n.loopdot{position:absolute; left:50%; top:0; width:14px; height:14px; margin:-7px 0 0 -7px;\n border-radius:50%; background:var(--or-mid); box-shadow:0 0 0 6px rgba(242,106,33,.14);\n opacity:0; transition:top .55s cubic-bezier(.65,0,.35,1), opacity .3s ease}\n.loopdot.jump{transition:none}\n.looplines{display:flex; flex-direction:column; gap:clamp(24px,3.4vh,44px)}\n.loopline{font-size:clamp(21px,2.5vw,34px); font-weight:500; letter-spacing:-.03em; line-height:1.24;\n color:#BEB9AF; max-width:24ch; margin:0; transition:color .45s ease}\n.loopline b{font-weight:600}\n.loopline.lit{color:var(--ink)}\n@media(prefers-reduced-motion:reduce){\n .loopdot{display:none}\n .loopline{color:var(--ink)}\n}\n@media(max-width:900px){\n .loop{grid-template-columns:22px 1fr; gap:0 20px}\n .loopline{max-width:none}\n}\n\n\/* SESS\u00c3O 04 \u00b7 PARA QUEM \u00b7 faixa escura. A se\u00e7\u00e3o prende e a fileira atravessa na\n horizontal, no ritmo da rolagem, at\u00e9 o \u00faltimo card. S\u00f3 depois a p\u00e1gina solta. *\/\n.pq{background:var(--ink); color:var(--paper); padding:0}\n.pqtrack{height:640vh; position:relative}\n.pqstick{position:sticky; top:0; height:100vh; display:flex; flex-direction:column;\n justify-content:center; overflow:hidden; padding:clamp(44px,7vh,70px) 0}\n.pqstick > .wrap{width:100%; flex:0 0 auto}\n.pq .eyebrow{color:var(--or)}\n\/* tudo aqui e' dimensionado por ALTURA de tela, nao por largura: numa tela de 768px\n o sticky tem 100vh e o conteudo precisa caber dentro disso. min(vw,vh) garante que\n o texto encolhe tanto em notebook baixo quanto em janela estreita. *\/\n.pq h2{max-width:22ch; font-size:clamp(24px,min(4.1vw,5.2vh),56px)}\n.pq .eyebrow{margin-bottom:clamp(12px,2.2vh,26px)}\n.pq .lead{color:var(--muted-d); max-width:60ch; margin-top:clamp(12px,2vh,20px);\n font-size:clamp(14.5px,min(1.6vw,2.15vh),20px)}\n.pqcount{font-size:clamp(11.5px,1.6vh,13px); font-weight:600; letter-spacing:.02em;\n color:#5C6672; margin-top:clamp(10px,2vh,20px); font-variant-numeric:tabular-nums}\n.pqcount b{color:var(--or)}\n.pqview{overflow:hidden; margin-top:clamp(16px,3.2vh,54px); width:100%}\n.pqtape{display:flex; gap:20px; will-change:transform;\n padding-inline-start:max(24px,calc((100vw - var(--max))\/2))}\n.pqcard{flex:0 0 auto; height:clamp(228px,45vh,400px); aspect-ratio:3\/4; position:relative; overflow:hidden;\n border-radius:18px; border:1px solid var(--line-d); background:#1F262F; display:block;\n text-decoration:none; color:inherit; opacity:.5; transform-origin:center;\n transition:transform .32s cubic-bezier(.22,.61,.36,1), opacity .32s ease,\n border-color .32s ease, box-shadow .32s ease}\n\/* o card no centro da fileira se destaca sozinho, no ritmo da rolagem, sem precisar do mouse *\/\n.pqcard.focus{opacity:1; border-color:#454E5A; box-shadow:0 34px 66px -30px rgba(0,0,0,.9)}\n.pqcard:hover{opacity:1; border-color:var(--or)}\n.pqimg{position:absolute; inset:0}\n.pqimg img{width:100%; height:100%; object-fit:cover; display:block;\n transition:transform .6s cubic-bezier(.22,.61,.36,1), filter .35s ease;\n filter:grayscale(.4) brightness(.8)}\n.pqcard.focus .pqimg img{filter:none; transform:scale(1.05)}\n\/* degrad\u00ea de p\u00f4ster: preto subindo do rodap\u00e9, para o texto pousar sobre a foto *\/\n.pqimg::after{content:''; position:absolute; inset:0; pointer-events:none;\n background:linear-gradient(to top,\n rgba(6,8,11,.96) 0%, rgba(6,8,11,.86) 22%, rgba(6,8,11,.5) 44%,\n rgba(6,8,11,.14) 66%, rgba(6,8,11,0) 84%)}\n.pqbody{position:absolute; left:0; right:0; bottom:0; z-index:2;\n padding:clamp(14px,2.2vh,22px) clamp(14px,2.2vh,22px) clamp(16px,2.4vh,24px)}\n.pqtag{display:inline-block; font-size:clamp(8.5px,1.25vh,10px); font-weight:700;\n letter-spacing:.16em; text-transform:uppercase; padding:4px 9px; border-radius:2px;\n margin-bottom:clamp(7px,1.4vh,12px); backdrop-filter:blur(6px)}\n.pqtag.prov{color:var(--or); border:1px solid rgba(255,122,61,.5); background:rgba(255,122,61,.14)}\n.pqtag.conf{color:#A6D2E8; border:1px solid rgba(166,210,232,.42); background:rgba(166,210,232,.12)}\n.pqcard h3{font-size:clamp(15px,2.35vh,19px); color:#fff; margin-bottom:clamp(5px,1.1vh,9px);\n letter-spacing:-.022em; line-height:1.18}\n.pqq{font-size:clamp(12.5px,1.85vh,14.5px); line-height:1.42; color:rgba(255,255,255,.72);\n letter-spacing:-.01em; max-width:none}\n@media(max-width:900px){\n .pqtrack{height:auto}\n .pqstick{position:static; height:auto; padding:90px 0; overflow:visible}\n .pqview{overflow-x:auto; scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch}\n .pqtape{transform:none !important; padding-inline:24px; gap:14px}\n .pqcard{flex:0 0 76vw; scroll-snap-align:center}\n .pqcount{display:none}\n}\n\n\/* Telas baixas, tipo notebook 1366x768: aperta o que ainda sobrar. *\/\n@media (min-width:901px) and (max-height:800px){\n .shead .lead{font-size:15px; margin-top:14px}\n .steps{padding-top:20px}\n .steps b::before{top:-21px}\n .pq .lead{display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden}\n}\n\n\/* SESS\u00c3O 05 \u00b7 os dois identificadores. Placa e CPF entram de lados opostos e se\n aproximam conforme a rolagem, em velocidades diferentes, o que cria profundidade.\n O movimento \u00e9 1:1 com o scroll, sem sticky: a p\u00e1gina n\u00e3o prende aqui. *\/\n.idstage{position:relative; aspect-ratio:4\/3.3; min-height:300px}\n.idglow{position:absolute; left:50%; top:50%; width:78%; aspect-ratio:1; transform:translate(-50%,-50%);\n background:radial-gradient(circle, rgba(255,122,61,.20) 0%, rgba(255,122,61,0) 68%);\n pointer-events:none}\n.idstage img{position:absolute; display:block; height:auto; will-change:transform;\n filter:drop-shadow(0 34px 46px rgba(0,0,0,.6))}\n.idplaca{width:96%; left:6%; bottom:4%; z-index:2}\n.idcpf{width:56%; left:-4%; top:4%; z-index:3}\n@media(prefers-reduced-motion:reduce){ .idstage img{transform:none !important} }\n@media(max-width:900px){\n .idstage{aspect-ratio:4\/3; min-height:0; margin-top:38px}\n .idplaca{width:92%; left:8%}\n .idcpf{width:52%; left:0}\n .idstage img{transform:none !important}\n}\n\n\/* Os dois identificadores e o que vive em cada um. As pills acendem uma a uma\n conforme a se\u00e7\u00e3o sobe, como se os documentos fossem sendo presos ao CPF e \u00e0 placa.\n S\u00e3o os mesmos onze documentos que orbitam o selo na sess\u00e3o 02. *\/\n.ids{display:grid; grid-template-columns:1fr 1fr; gap:2px; margin-top:clamp(56px,7vh,88px)}\n.idcol{background:var(--ink-2); border:1px solid var(--line-d); padding:34px 32px 36px}\n.idcol .k{font-size:11px; font-weight:700; letter-spacing:.18em; text-transform:uppercase;\n color:var(--or); margin-bottom:16px; display:block}\n.idcol h3{color:var(--paper); font-size:20px; margin-bottom:8px}\n.idcol p{font-size:15.5px; line-height:1.55; color:var(--muted-d); margin-bottom:22px}\n.docs{display:flex; flex-wrap:wrap; gap:7px}\n.docs span{font-size:12.5px; font-weight:500; letter-spacing:.01em; padding:7px 12px; border-radius:2px;\n border:1px solid var(--line-d); color:#5F6874; background:transparent;\n transition:color .4s ease, border-color .4s ease, background .4s ease, transform .4s cubic-bezier(.34,1.56,.64,1)}\n.docs span.on{color:var(--or); border-color:rgba(255,122,61,.42); background:rgba(255,122,61,.09);\n transform:translateY(-2px)}\n@media(max-width:900px){\n .ids{grid-template-columns:1fr}\n .docs span{color:var(--or); border-color:rgba(255,122,61,.42); background:rgba(255,122,61,.09)}\n}\n\n\/* SESS\u00c3O 05 \u00b7 t\u00edtulo primeiro, depois a se\u00e7\u00e3o trava e as duas colunas se montam\n uma etapa por vez com o scroll: foto esquerda pousa, texto dela entra, foto direita\n pousa, texto dela entra. S\u00f3 ent\u00e3o a p\u00e1gina volta a descer. *\/\n.ctr{text-align:center}\n.certtrack{height:400vh; position:relative}\n.certstick{position:sticky; top:0; min-height:100vh; display:flex; flex-direction:column;\n justify-content:center; overflow:hidden; padding:clamp(50px,7vh,84px) 0}\n.certstick > .wrap{width:100%; flex:0 0 auto}\n.certhead h2{max-width:26ch; margin:0 auto}\n.certhead .eyebrow{margin-bottom:clamp(10px,1.8vh,20px)}\n.certcols{display:grid; grid-template-columns:1fr 1fr; gap:clamp(20px,3vw,44px);\n margin-top:clamp(28px,4.5vh,60px); align-items:start}\n.certcol figure{border-radius:18px; overflow:hidden; aspect-ratio:16\/11; background:var(--ink-2);\n will-change:transform,opacity; opacity:0;\n box-shadow:0 46px 80px -44px rgba(0,0,0,.9)}\n.certcol figure img{width:100%; height:100%; object-fit:cover; display:block}\n.certtext{margin-top:clamp(18px,2.8vh,32px); opacity:0; transform:translateY(20px);\n transition:opacity .55s ease, transform .55s cubic-bezier(.22,.61,.36,1)}\n.certtext.on{opacity:1; transform:none}\n.certtext h3{font-size:clamp(21px,2.9vh,34px); font-weight:600; letter-spacing:-.032em;\n line-height:1.1; margin-bottom:clamp(8px,1.4vh,14px);\n background:linear-gradient(95deg,var(--or) 0%, #FFB185 62%, var(--paper) 100%);\n -webkit-background-clip:text; background-clip:text; color:transparent}\n.certtext p{font-size:clamp(14px,1.95vh,17px); line-height:1.5; letter-spacing:-.012em;\n color:var(--muted-d); max-width:44ch}\n@media(prefers-reduced-motion:reduce){\n .certcol figure{opacity:1 !important; transform:none !important}\n .certtext{opacity:1; transform:none}\n}\n@media(max-width:900px){\n .certtrack{height:auto}\n .certstick{position:static; min-height:0; padding:90px 0; overflow:visible}\n .certcols{grid-template-columns:1fr; gap:44px}\n .certcol figure{aspect-ratio:4\/3; opacity:1 !important; transform:none !important}\n .certtext{opacity:1; transform:none}\n .certtext p{max-width:none}\n}\n\n\/* SESS\u00c3O 07 \u00b7 a sess\u00e3o institucional. Sem card, sem foto, sem selo: quatro linhas\n separadas por fio, que \u00e9 um padr\u00e3o que n\u00e3o aparece em nenhum outro lugar da p\u00e1gina.\n Movimento leve de prop\u00f3sito: 02, 04 e 05 j\u00e1 prendem a rolagem, aqui n\u00e3o pode prender. *\/\n.shift{margin-top:clamp(52px,7vh,84px); border-top:1px solid var(--rule,var(--line))}\n.shiftrow{display:grid; grid-template-columns:minmax(150px,220px) 1fr;\n gap:clamp(18px,4vw,68px); padding:clamp(26px,4vh,42px) 0;\n border-bottom:1px solid var(--line); align-items:baseline}\n.shiftrow .k{font-size:clamp(20px,2.4vw,31px); font-weight:600; letter-spacing:-.032em;\n line-height:1.1; color:var(--or-ink)}\n.shiftrow p{font-size:clamp(15.5px,1.5vw,20px); line-height:1.5; letter-spacing:-.014em;\n color:var(--ink); max-width:48ch}\n.shiftend{margin-top:clamp(46px,6vh,76px); font-size:clamp(19px,2.1vw,27px); font-weight:500;\n line-height:1.35; letter-spacing:-.025em; color:var(--ink); max-width:34ch}\n.shiftend b{font-weight:600; color:var(--or-ink)}\n.reveal{opacity:0; transform:translateY(20px);\n transition:opacity .65s ease, transform .65s cubic-bezier(.22,.61,.36,1)}\n.reveal.on{opacity:1; transform:none}\n@media(prefers-reduced-motion:reduce){ .reveal{opacity:1; transform:none} }\n@media(max-width:900px){\n .shiftrow{grid-template-columns:1fr; gap:10px}\n .shiftrow p{max-width:none}\n}\n\n\/* RODAP\u00c9 \u00b7 mapa do site completo. Resolve os p\u00fablicos que ainda n\u00e3o cabem na Home\n e abre lugar para Empresa, legal e conte\u00fado sem esticar a p\u00e1gina. *\/\nfooter{background:var(--paper-2); color:var(--muted); padding:clamp(58px,8vh,88px) 0 40px;\n font-size:14px; border-top:1px solid var(--line)}\n.fnote{font-size:12.5px; line-height:1.65; color:var(--muted); max-width:96ch;\n padding-bottom:clamp(28px,4vh,40px); border-bottom:1px solid var(--line)}\n.fnote p + p{margin-top:10px}\n.fgrid{display:grid; grid-template-columns:repeat(4,1fr); gap:clamp(26px,3.4vw,56px);\n padding:clamp(36px,5vh,54px) 0; align-items:start}\n\/* como na Apple: os grupos empilham dentro da coluna e todo t\u00edtulo tem o mesmo peso *\/\n.fcol h4{font-size:13px; font-weight:700; letter-spacing:.01em; color:var(--ink);\n margin-bottom:15px}\n.fcol h4 + ul + h4{margin-top:32px}\n.fcol ul{list-style:none; display:flex; flex-direction:column; gap:10px}\n.fcol a{color:var(--muted); text-decoration:none; font-size:13.5px; line-height:1.35;\n transition:color .2s ease}\n.fcol a:hover{color:var(--ink)}\n.fbase{border-top:1px solid var(--line); padding-top:26px; display:flex;\n justify-content:space-between; align-items:flex-start; gap:24px; flex-wrap:wrap}\n.fbase .flegal{font-size:12.5px; line-height:1.7; color:var(--muted); max-width:70ch}\n.fbase .logo img{height:22px}\n@media(max-width:900px){\n .fgrid{grid-template-columns:1fr 1fr; gap:34px 20px}\n .fcol a{font-size:13px}\n .fbase{flex-direction:column-reverse}\n}\n\n\/* SESS\u00c3O 02 \u00b7 a p\u00e1gina prende e o par\u00e1grafo se escreve palavra por palavra com a\n rolagem. Granularidade de palavra, e n\u00e3o de frase, para que todo movimento de dedo\n avance alguma coisa e nunca pare\u00e7a congelado. Um laranja s\u00f3, no fecho. *\/\n.solve{padding:0; background:var(--paper)}\n.solvetrack{height:300vh; position:relative}\n.solvestick{position:sticky; top:0; min-height:100vh; display:flex; align-items:center;\n overflow:hidden; padding:clamp(70px,10vh,120px) 0}\n.solvestick > .wrap{width:100%; flex:0 0 auto; position:relative; z-index:1}\n.solvebg{position:absolute; inset:-30% -12%; z-index:0; pointer-events:none; opacity:.5;\n background:repeating-linear-gradient(112deg,\n rgba(23,20,15,.045) 0 1px, rgba(23,20,15,0) 1px 74px);\n will-change:transform}\n.solvewrap{max-width:min(1120px,100%)}\n.solveline{font-size:clamp(23px,3.15vw,42px); font-weight:500; letter-spacing:-.03em;\n line-height:1.34; max-width:none; margin:0; display:inline}\n.solveline + .solveline::before{content:' '}\n.solveline .w{color:#D3CDC3; transition:color .45s ease}\n.solveline .w.on{color:var(--ink)}\n.solveline .w.hl.on{color:var(--or-mid)}\n@media(prefers-reduced-motion:reduce){\n .solvetrack{height:auto} .solvestick{position:static; min-height:0; padding:110px 0}\n .solveline .w{color:var(--ink)} .solveline .w.hl{color:var(--or-mid)} .solvebg{display:none}\n}\n@media(max-width:900px){\n .solvetrack{height:auto}\n .solvestick{position:static; min-height:0; padding:96px 0; overflow:visible}\n .solveline .w{color:var(--ink)} .solveline .w.hl{color:var(--or-mid)}\n}\n\n\/* CTA do topo: contorno laranja que se preenche da esquerda no hover *\/\n.navcta{position:relative; z-index:0; overflow:hidden; border-radius:999px;\n border:2px solid var(--or-btn); color:var(--or-ink); padding:9px 22px;\n font-size:14px; font-weight:600; letter-spacing:-.005em; transition:color .3s ease}\n.navcta::before{content:''; position:absolute; inset:0; z-index:-1; background:var(--or-btn);\n transform:scaleX(0); transform-origin:left center;\n transition:transform .36s cubic-bezier(.22,.61,.36,1)}\n.navcta:hover{color:#fff}\n.navcta:hover::before{transform:scaleX(1)}\n.navcta:focus-visible{outline:3px solid var(--or); outline-offset:3px}\n\n.twoway{display:grid; grid-template-columns:1fr 1fr; gap:2px; margin-top:64px}\n.way{border:1px solid var(--line-d); background:var(--ink-2); padding:52px 44px}\n.way .arrow{font-size:30px; color:var(--or); margin-bottom:22px; font-weight:300}\n.way .t{font-size:21px; font-weight:500; color:var(--paper); margin-bottom:14px; letter-spacing:-.015em}\n.way p{font-size:15.5px}\n\/* para quem, agrupado por lado *\/\n.final{text-align:center; padding:170px 0}\n.final h2{max-width:20ch; margin:0 auto}\n.final .lead{margin:30px auto 0}\n.final .btns{justify-content:center}\n@media(max-width:900px){\n .wrap,.navin{padding:0 24px}\n section{padding:90px 0}\n .g2,.hinge,.steps,.reg,.twoway,.vcards,.aud.c2,.aud.c3{grid-template-columns:1fr; gap:2px}\n .crow{grid-template-columns:1fr}\n .navlinks{display:none}\n .brk{display:none}\n .heroimg{height:300px}\n \/* no celular a imagem corta e sobra pouca \u00e1rea escura: o degrad\u00ea vira vertical e mais forte *\/\n .hero{padding:104px 0 88px; min-height:auto}\n .herobg{background-position:72% center}\n .hero::before{background:\n linear-gradient(to bottom,rgba(7,9,12,.93) 0%,rgba(7,9,12,.86) 45%,rgba(7,9,12,.72) 100%)}\n .btn{width:100%; text-align:center; padding:16px 24px}\n .btns{gap:10px}\n \/* no celular nada prende: a secao vira bloco estatico com tudo visivel *\/\n .strack{height:auto}\n .sstick{position:static; min-height:0; padding:90px 0; overflow:visible}\n .seal{width:180px}\n .steps{grid-template-columns:repeat(2,1fr); gap:26px 10px; padding-top:24px}\n .steps .baseline,.steps .fill{display:none}\n .steps b::before{top:-18px}\n .sline{height:auto}\n .sline p{position:static; opacity:1; transform:none; margin-bottom:10px}\n}\n<\/style>\n<\/head>\n<body>\n\n<nav>\n <div class=\"navin\">\n <a href=\"\/\" class=\"logo\"><img decoding=\"async\" src=\"https:\/\/nix.mobi\/wp-content\/uploads\/2026\/08\/Frame-836.png\" alt=\"Nix\"><\/a>\n <ul class=\"navlinks\">\n <li><a href=\"#cert\">Certifica\u00e7\u00e3o<\/a><\/li>\n <li><a href=\"#consulta\">Consulta<\/a><\/li>\n <li><a href=\"#quem\">Para quem<\/a><\/li>\n <li><a>Empresa<\/a><\/li>\n <\/ul>\n <a href=\"#final\" class=\"navcta\">Falar com o time<\/a>\n <\/div>\n<\/nav>\n\n\n<section class=\"hero dark\">\n <div class=\"herobg\">\n <div class=\"slide\"><\/div>\n <div class=\"slide\"><\/div>\n <div class=\"slide\"><\/div>\n <\/div>\n <div class=\"wrap\">\n <h1><span class=\"o\">A infraestrutura de<br class=\"brk\">certifica\u00e7\u00e3o<\/span> do transporte<br class=\"brk\">rodovi\u00e1rio de cargas.<\/h1>\n <p class=\"lead\">O Nix verifica os documentos e as condi\u00e7\u00f5es do motorista e do ve\u00edculo. Depois, deixa a resposta pronta para quem precisa decidir se aquele conjunto pode entrar, carregar ou rodar.<\/p>\n <div class=\"btns\">\n <a href=\"#cert\" class=\"btn btn-p\">Certificar minha opera\u00e7\u00e3o<\/a>\n <a href=\"#final\" class=\"btn btn-s\">Falar com o time<\/a>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"solve\" id=\"solve\">\n <div class=\"solvetrack\" id=\"solvetrack\">\n <div class=\"solvestick\">\n <span class=\"solvebg\" id=\"solvebg\" aria-hidden=\"true\"><\/span>\n <div class=\"wrap\">\n <div class=\"solvewrap\">\n <p class=\"solveline\"><span class=\"w\">O<\/span> <span class=\"w\">Nix<\/span> <span class=\"w\">faz<\/span> <span class=\"w\">a<\/span> <span class=\"w\">informa\u00e7\u00e3o<\/span> <span class=\"w\">verificada<\/span> <span class=\"w\">acompanhar<\/span> <span class=\"w\">o<\/span> <span class=\"w\">motorista<\/span> <span class=\"w\">e<\/span> <span class=\"w\">o<\/span> <span class=\"w\">ve\u00edculo<\/span> <span class=\"w\">por<\/span> <span class=\"w\">toda<\/span> <span class=\"w\">a<\/span> <span class=\"w\">cadeia.<\/span><\/p>\n <p class=\"solveline\"><span class=\"w\">A<\/span> <span class=\"w\">confer\u00eancia<\/span> <span class=\"w\">acontece<\/span> <span class=\"w\">uma<\/span> <span class=\"w\">vez<\/span> <span class=\"w\">e<\/span> <span class=\"w\">fica<\/span> <span class=\"w\">pronta<\/span> <span class=\"w\">para<\/span> <span class=\"w\">a<\/span> <span class=\"w\">pr\u00f3xima<\/span> <span class=\"w\">decis\u00e3o.<\/span><\/p>\n <p class=\"solveline\"><span class=\"w hl\">Mais<\/span> <span class=\"w hl\">seguran\u00e7a<\/span> <span class=\"w\">para<\/span> <span class=\"w\">quem<\/span> <span class=\"w\">transporta,<\/span> <span class=\"w\">contrata,<\/span> <span class=\"w\">libera,<\/span> <span class=\"w\">assegura<\/span> <span class=\"w\">e<\/span> <span class=\"w\">fiscaliza.<\/span><\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"scrolly\">\n <div class=\"strack\" id=\"strack\">\n <div class=\"sstick\" id=\"sstick\" data-step=\"0\">\n\n <div class=\"wrap shead\">\n <span class=\"eyebrow\">O que o Nix faz<\/span>\n <h2>Do documento <span class=\"o\">\u00e0 decis\u00e3o.<\/span><\/h2>\n <p class=\"lead\" style=\"margin-top:22px\">O Nix transforma o documento do motorista e do ve\u00edculo em informa\u00e7\u00e3o verificada, pronta para ser consultada por quem precisa decidir.<\/p>\n <\/div>\n\n <div class=\"wrap\">\n <div class=\"sealwrap\">\n <svg class=\"seal\" viewBox=\"0 0 200 200\" aria-hidden=\"true\">\n <circle class=\"glow\" cx=\"100\" cy=\"100\" r=\"96\"\/>\n <circle class=\"ring\" cx=\"100\" cy=\"100\" r=\"88\"\/>\n <circle class=\"prog\" cx=\"100\" cy=\"100\" r=\"88\"\/>\n <circle class=\"disc\" cx=\"100\" cy=\"100\" r=\"60\"\/>\n <g class=\"dots\">\n <circle class=\"dot\" cx=\"100\" cy=\"26\" r=\"4\" style=\"transition-delay:.02s\"\/>\n <circle class=\"dot\" cx=\"139\" cy=\"36\" r=\"4\" style=\"transition-delay:.06s\"\/>\n <circle class=\"dot\" cx=\"166\" cy=\"65\" r=\"4\" style=\"transition-delay:.10s\"\/>\n <circle class=\"dot\" cx=\"174\" cy=\"104\" r=\"4\" style=\"transition-delay:.14s\"\/>\n <circle class=\"dot\" cx=\"161\" cy=\"141\" r=\"4\" style=\"transition-delay:.18s\"\/>\n <circle class=\"dot\" cx=\"131\" cy=\"166\" r=\"4\" style=\"transition-delay:.22s\"\/>\n <circle class=\"dot\" cx=\"92\" cy=\"173\" r=\"4\" style=\"transition-delay:.26s\"\/>\n <circle class=\"dot\" cx=\"55\" cy=\"159\" r=\"4\" style=\"transition-delay:.30s\"\/>\n <circle class=\"dot\" cx=\"31\" cy=\"128\" r=\"4\" style=\"transition-delay:.34s\"\/>\n <circle class=\"dot\" cx=\"26\" cy=\"89\" r=\"4\" style=\"transition-delay:.38s\"\/>\n <circle class=\"dot\" cx=\"45\" cy=\"52\" r=\"4\" style=\"transition-delay:.42s\"\/>\n <\/g>\n <path class=\"check\" d=\"M76 101 l17 18 l33 -38\"\/>\n <\/svg>\n <\/div>\n\n <div class=\"steps\" id=\"steps\">\n <span class=\"baseline\"><\/span><span class=\"fill\" id=\"sfill\"><\/span>\n <b>Re\u00fane<\/b><b>Verifica<\/b><b>Certifica<\/b><b>Conecta<\/b>\n <\/div>\n\n <div class=\"sline\" id=\"sline\">\n <p>Os documentos chegam uma vez s\u00f3.<\/p>\n <p>Cada um \u00e9 conferido na fonte, mais a vistoria t\u00e9cnica.<\/p>\n <p>O que est\u00e1 em dia vira certifica\u00e7\u00e3o, com prazo.<\/p>\n <p>Qualquer ponto da cadeia consulta e v\u00ea a situa\u00e7\u00e3o.<\/p>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n\n <div class=\"wrap\" style=\"padding-bottom:80px\">\n <\/div>\n<\/section>\n\n\n<section>\n <div class=\"wrap\">\n <span class=\"eyebrow\">O que se repete<\/span>\n <h2>A mesma verifica\u00e7\u00e3o, <span class=\"o\">tr\u00eas vezes.<\/span><\/h2>\n\n <div class=\"loop\">\n <div class=\"looprail\"><span class=\"loopdot\"><\/span><\/div>\n <div class=\"looplines\">\n <p class=\"loopline\">A <b>transportadora<\/b> valida o agregado.<\/p>\n <p class=\"loopline\">O <b>embarcador<\/b> valida de novo antes de liberar a carga.<\/p>\n <p class=\"loopline\">O <b>terminal<\/b> valida outra vez no port\u00e3o.<\/p>\n <\/div>\n <\/div>\n\n <\/div>\n<\/section>\n\n\n<section class=\"pq\">\n <div class=\"pqtrack\" id=\"pqtrack\">\n <div class=\"pqstick\">\n\n <div class=\"wrap\">\n <span class=\"eyebrow\">Para quem<\/span>\n <h2>Uma certifica\u00e7\u00e3o.<br><span class=\"o\">Decis\u00f5es diferentes.<\/span><\/h2>\n <p class=\"lead\">Onze pontos da cadeia do transporte rodovi\u00e1rio. Uns certificam motorista e ve\u00edculo. Outros consultam antes de decidir. A fonte da resposta \u00e9 a mesma.<\/p>\n <p class=\"pqcount\"><b id=\"pqnow\">01<\/b> de 11<\/p>\n <\/div>\n\n <div class=\"pqview\" id=\"pqview\">\n <div class=\"pqtape\" id=\"pqtape\">\n\n <a class=\"pqcard\">\n <div class=\"pqimg\"><img decoding=\"async\" src=\"https:\/\/nix.mobi\/wp-content\/uploads\/2026\/08\/motoristas.jpg\" alt=\"Motoristas\" loading=\"lazy\"><\/div>\n <div class=\"pqbody\">\n <span class=\"pqtag prov\">Certifica<\/span>\n <h3>Motoristas<\/h3>\n <p class=\"pqq\">\"Como eu provo que estou apto sem refazer tudo a cada frete?\"<\/p>\n <\/div>\n <\/a>\n\n <a class=\"pqcard\">\n <div class=\"pqimg\"><img decoding=\"async\" src=\"https:\/\/nix.mobi\/wp-content\/uploads\/2026\/08\/agregado.jpg\" alt=\"Agregados\" loading=\"lazy\"><\/div>\n <div class=\"pqbody\">\n <span class=\"pqtag prov\">Certifica<\/span>\n <h3>Agregados<\/h3>\n <p class=\"pqq\">\"Toda transportadora nova me pede os mesmos documentos de novo.\"<\/p>\n <\/div>\n <\/a>\n\n <a class=\"pqcard\">\n <div class=\"pqimg\"><img decoding=\"async\" src=\"https:\/\/nix.mobi\/wp-content\/uploads\/2026\/08\/transportaores-pequenos-e-medios.jpg\" alt=\"Transportadoras pequenas e m\u00e9dias\" loading=\"lazy\"><\/div>\n <div class=\"pqbody\">\n <span class=\"pqtag prov\">Certifica<\/span>\n <h3>Transportadoras pequenas e m\u00e9dias<\/h3>\n <p class=\"pqq\">\"Preciso provar que meus agregados est\u00e3o em dia sem manter equipe s\u00f3 para isso.\"<\/p>\n <\/div>\n <\/a>\n\n <a class=\"pqcard\">\n <div class=\"pqimg\"><img decoding=\"async\" src=\"https:\/\/nix.mobi\/wp-content\/uploads\/2026\/08\/transportaores-enterprise.jpg\" alt=\"Transportadoras enterprise\" loading=\"lazy\"><\/div>\n <div class=\"pqbody\">\n <span class=\"pqtag prov\">Certifica<\/span>\n <h3>Transportadoras enterprise<\/h3>\n <p class=\"pqq\">\"Como eu padronizo a conformidade de centenas de agregados?\"<\/p>\n <\/div>\n <\/a>\n\n <a class=\"pqcard\">\n <div class=\"pqimg\"><img decoding=\"async\" src=\"https:\/\/nix.mobi\/wp-content\/uploads\/2026\/08\/agenciadores-de-frete.jpg\" alt=\"Agenciadores de frete\" loading=\"lazy\"><\/div>\n <div class=\"pqbody\">\n <span class=\"pqtag conf\">Consulta<\/span>\n <h3>Agenciadores de frete<\/h3>\n <p class=\"pqq\">\"Estou fechando frete com quem, exatamente?\"<\/p>\n <\/div>\n <\/a>\n\n <a class=\"pqcard\">\n <div class=\"pqimg\"><img decoding=\"async\" src=\"https:\/\/nix.mobi\/wp-content\/uploads\/2026\/08\/embarcadores.jpg\" alt=\"Embarcadores\" loading=\"lazy\"><\/div>\n <div class=\"pqbody\">\n <span class=\"pqtag conf\">Consulta<\/span>\n <h3>Embarcadores<\/h3>\n <p class=\"pqq\">\"Com quem eu estou embarcando esta carga?\"<\/p>\n <\/div>\n <\/a>\n\n <a class=\"pqcard\">\n <div class=\"pqimg\"><img decoding=\"async\" src=\"https:\/\/nix.mobi\/wp-content\/uploads\/2026\/08\/terminais-e-portos.jpg\" alt=\"Portos e terminais\" loading=\"lazy\"><\/div>\n <div class=\"pqbody\">\n <span class=\"pqtag conf\">Consulta<\/span>\n <h3>Portos e terminais<\/h3>\n <p class=\"pqq\">\"Esse conjunto pode entrar?\"<\/p>\n <\/div>\n <\/a>\n\n <a class=\"pqcard\">\n <div class=\"pqimg\"><img decoding=\"async\" src=\"https:\/\/nix.mobi\/wp-content\/uploads\/2026\/08\/polos-e-conds.jpg\" alt=\"Polos e condom\u00ednios industriais\" loading=\"lazy\"><\/div>\n <div class=\"pqbody\">\n <span class=\"pqtag conf\">Consulta<\/span>\n <h3>Polos e condom\u00ednios industriais<\/h3>\n <p class=\"pqq\">\"Quem est\u00e1 circulando dentro do polo hoje?\"<\/p>\n <\/div>\n <\/a>\n\n <a class=\"pqcard\">\n <div class=\"pqimg\"><img decoding=\"async\" src=\"https:\/\/nix.mobi\/wp-content\/uploads\/2026\/08\/gerenciadoras-de-rosco.jpg\" alt=\"Gerenciadoras de risco\" loading=\"lazy\"><\/div>\n <div class=\"pqbody\">\n <span class=\"pqtag conf\">Consulta<\/span>\n <h3>Gerenciadoras de risco<\/h3>\n <p class=\"pqq\">\"O ve\u00edculo tem condi\u00e7\u00e3o de rodar, al\u00e9m do perfil do motorista?\"<\/p>\n <\/div>\n <\/a>\n\n <a class=\"pqcard\">\n <div class=\"pqimg\"><img decoding=\"async\" src=\"https:\/\/nix.mobi\/wp-content\/uploads\/2026\/08\/seguradores.jpg\" alt=\"Seguradoras\" loading=\"lazy\"><\/div>\n <div class=\"pqbody\">\n <span class=\"pqtag conf\">Consulta<\/span>\n <h3>Seguradoras<\/h3>\n <p class=\"pqq\">\"O que eu sei do risco antes de precificar?\"<\/p>\n <\/div>\n <\/a>\n\n <a class=\"pqcard\">\n <div class=\"pqimg\"><img decoding=\"async\" src=\"https:\/\/nix.mobi\/wp-content\/uploads\/2026\/08\/governo.jpg\" alt=\"Governo\" loading=\"lazy\"><\/div>\n <div class=\"pqbody\">\n <span class=\"pqtag conf\">Consulta<\/span>\n <h3>Governo<\/h3>\n <p class=\"pqq\">\"Quem est\u00e1 cumprindo a exig\u00eancia?\"<\/p>\n <\/div>\n <\/a>\n\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n\n <div class=\"wrap\" style=\"padding:70px 0 90px\">\n <\/div>\n<\/section>\n\n\n<section class=\"dark\" style=\"padding-top:0\">\n\n <div class=\"certtrack\" id=\"certtrack\">\n <div class=\"certstick\">\n <div class=\"wrap\">\n\n <div class=\"certhead ctr\">\n <span class=\"eyebrow\">A certifica\u00e7\u00e3o<\/span>\n <h2>Duas verifica\u00e7\u00f5es. <span class=\"o\">Uma certifica\u00e7\u00e3o.<\/span><\/h2>\n <\/div>\n\n <div class=\"certcols\">\n <div class=\"certcol\">\n <figure><img decoding=\"async\" src=\"https:\/\/nix.mobi\/wp-content\/uploads\/2026\/08\/validacao-doc-1.jpg\" alt=\"Motorista com o NixID\" loading=\"lazy\"><\/figure>\n <div class=\"certtext\">\n <h3>Valida\u00e7\u00e3o documental<\/h3>\n <p>Os documentos exigidos s\u00e3o validados junto aos \u00f3rg\u00e3os que emitem, com intelig\u00eancia artificial checando autenticidade, e o vencimento continua sendo acompanhado depois disso.<\/p>\n <\/div>\n <\/div>\n <div class=\"certcol\">\n <figure><img decoding=\"async\" src=\"https:\/\/nix.mobi\/wp-content\/uploads\/2026\/08\/chacklist-1.jpg\" alt=\"Vistoria t\u00e9cnica do ve\u00edculo\" loading=\"lazy\"><\/figure>\n <div class=\"certtext\">\n <h3>Vistoria e checklist t\u00e9cnico<\/h3>\n <p>Vistoria aplicada ao motorista e ao ve\u00edculo, que registra a condi\u00e7\u00e3o de cada um. O prazo de validade \u00e9 definido pelo Nix, e vencido o prazo a vistoria \u00e9 refeita.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"wrap\">\n <div class=\"vsplit\"><\/div>\n\n <div class=\"g2\">\n <div>\n <h2>A certifica\u00e7\u00e3o fica <span class=\"o\">no CPF e na placa.<\/span><\/h2>\n <p class=\"lead\" style=\"margin-top:30px\">A empresa muda. O contrato muda. A viagem muda. O motorista e o ve\u00edculo s\u00e3o os mesmos. Por isso a certifica\u00e7\u00e3o fica neles, e toda consulta, venha de quem vier, come\u00e7a por um CPF ou por uma placa.<\/p>\n <\/div>\n <div class=\"idstage\" id=\"idstage\">\n <span class=\"idglow\"><\/span>\n <img decoding=\"async\" class=\"idplaca\" src=\"https:\/\/nix.mobi\/wp-content\/uploads\/2026\/08\/placa-2.png\" alt=\"Placa Mercosul\" loading=\"lazy\">\n <img decoding=\"async\" class=\"idcpf\" src=\"https:\/\/nix.mobi\/wp-content\/uploads\/2026\/08\/cpf-1.png\" alt=\"Cart\u00e3o de CPF\" loading=\"lazy\">\n <\/div>\n <\/div>\n\n <div class=\"ids\" id=\"ids\">\n <div class=\"idcol\">\n <span class=\"k\">No CPF<\/span>\n <h3>A condi\u00e7\u00e3o do motorista.<\/h3>\n <p>Licen\u00e7as, exames e habilita\u00e7\u00f5es, validados na fonte e acompanhados at\u00e9 o vencimento.<\/p>\n <div class=\"docs\">\n <span>CNH<\/span><span>ASO<\/span><span>NR 20<\/span><span>NR 35<\/span>\n <span>MOPP<\/span><span>Exame toxicol\u00f3gico<\/span>\n <\/div>\n <\/div>\n <div class=\"idcol\">\n <span class=\"k\">Na placa<\/span>\n <h3>A condi\u00e7\u00e3o do ve\u00edculo.<\/h3>\n <p>Registros, certificados de inspe\u00e7\u00e3o e o checklist t\u00e9cnico, com prazo de validade definido.<\/p>\n <div class=\"docs\">\n <span>RNTRC<\/span><span>CRLV<\/span><span>CIV<\/span><span>CIPP<\/span><span>Tac\u00f3grafo<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section>\n <div class=\"wrap\">\n <span class=\"eyebrow reveal\">O que vem depois<\/span>\n <h2 class=\"reveal\">Hoje \u00e9 uma resposta.<br><span class=\"o\">Amanh\u00e3 \u00e9 um hist\u00f3rico.<\/span><\/h2>\n <p class=\"lead reveal\" style=\"margin-top:30px;max-width:60ch\">Cada verifica\u00e7\u00e3o n\u00e3o termina em si. Ela vira registro, e registro que se acumula vira hist\u00f3rico de conformidade. \u00c9 a\u00ed que o setor muda.<\/p>\n\n <div class=\"shift\">\n <div class=\"shiftrow reveal\">\n <span class=\"k\">Seguro<\/span>\n <p>Conformidade registrada ao longo do tempo diz alguma coisa sobre risco. Hoje o pre\u00e7o ouve a mesma coisa de todo mundo.<\/p>\n <\/div>\n <div class=\"shiftrow reveal\">\n <span class=\"k\">Cr\u00e9dito<\/span>\n <p>Um ve\u00edculo com hist\u00f3rico \u00e9 um ativo diferente de um ve\u00edculo sem. Financiar passa a poder olhar para a opera\u00e7\u00e3o, e n\u00e3o s\u00f3 para a garantia.<\/p>\n <\/div>\n <div class=\"shiftrow reveal\">\n <span class=\"k\">Acesso<\/span>\n <p>O terminal passa a poder exigir certifica\u00e7\u00e3o v\u00e1lida com data marcada, apoiado no que j\u00e1 mede no pr\u00f3prio port\u00e3o.<\/p>\n <\/div>\n <div class=\"shiftrow reveal\">\n <span class=\"k\">Contrata\u00e7\u00e3o<\/span>\n <p>Escolher com quem rodar deixa de depender de indica\u00e7\u00e3o e passa a depender de crit\u00e9rio.<\/p>\n <\/div>\n <\/div>\n\n <p class=\"shiftend reveal\">O Nix n\u00e3o constr\u00f3i nenhuma dessas decis\u00f5es. Constr\u00f3i <b>o registro em que todas elas poderiam se apoiar.<\/b><\/p>\n <\/div>\n<\/section>\n\n\n<section class=\"final tint\" id=\"final\">\n <div class=\"wrap\">\n <h2>Comece consultando <span class=\"o\">quem j\u00e1 opera com voc\u00ea.<\/span><\/h2>\n <p class=\"lead\">Sem bloquear ningu\u00e9m e sem alterar procedimento.<\/p>\n <div class=\"btns\">\n <a href=\"#cert\" class=\"btn btn-p\">Certificar minha opera\u00e7\u00e3o<\/a>\n <a href=\"#final\" class=\"btn btn-s\">Falar com o time<\/a>\n <\/div>\n <\/div>\n<\/section>\n\n<footer>\n <div class=\"wrap\">\n\n <div class=\"fnote\">\n <p>A certifica\u00e7\u00e3o Nix atesta a validade dos documentos apresentados e a condi\u00e7\u00e3o registrada em vistoria na data em que ela foi feita, dentro do prazo indicado. Ela n\u00e3o substitui a fiscaliza\u00e7\u00e3o dos \u00f3rg\u00e3os competentes nem a responsabilidade de quem contrata, embarca ou libera.<\/p>\n <p>Os documentos exigidos variam conforme o ve\u00edculo, o implemento e o tipo de opera\u00e7\u00e3o.<\/p>\n <\/div>\n\n <div class=\"fgrid\">\n\n <div class=\"fcol\">\n <h4>Servi\u00e7os<\/h4>\n <ul>\n <li><a>Checklist online<\/a><\/li>\n <li><a>Checklist presencial<\/a><\/li>\n <li><a>Consulta Nix<\/a><\/li>\n <li><a>API de consulta<\/a><\/li>\n <\/ul>\n <h4>Conformidade<\/h4>\n <ul>\n <li><a>O que verificamos<\/a><\/li>\n <li><a>Normas aplic\u00e1veis<\/a><\/li>\n <\/ul>\n <\/div>\n\n <div class=\"fcol\">\n <h4>Ferramentas Nix<\/h4>\n <ul>\n <li><a>Aplicativo Nix<\/a><\/li>\n <li><a>Pollux<\/a><\/li>\n <li><a>Lynx<\/a><\/li>\n <li><a>Chort<\/a><\/li>\n <\/ul>\n <h4>Para certificar<\/h4>\n <ul>\n <li><a>Motoristas<\/a><\/li>\n <li><a>Agregados<\/a><\/li>\n <li><a>Transportadoras pequenas e m\u00e9dias<\/a><\/li>\n <li><a>Transportadoras enterprise<\/a><\/li>\n <\/ul>\n <\/div>\n\n <div class=\"fcol\">\n <h4>Para consultar<\/h4>\n <ul>\n <li><a>Agenciadores de frete<\/a><\/li>\n <li><a>Embarcadores<\/a><\/li>\n <li><a>Portos e terminais<\/a><\/li>\n <li><a>Polos e condom\u00ednios industriais<\/a><\/li>\n <li><a>Gerenciadoras de risco<\/a><\/li>\n <li><a>Seguradoras<\/a><\/li>\n <li><a>Governo<\/a><\/li>\n <\/ul>\n <\/div>\n\n <div class=\"fcol\">\n <h4>Nix<\/h4>\n <ul>\n <li><a>Empresa<\/a><\/li>\n <li><a href=\"#final\">Falar com o time<\/a><\/li>\n <li><a>Trabalhe conosco<\/a><\/li>\n <li><a>Imprensa<\/a><\/li>\n <\/ul>\n <h4>Base legal<\/h4>\n <ul>\n <li><a>Privacidade e LGPD<\/a><\/li>\n <li><a>Termos de Uso<\/a><\/li>\n <li><a>Avisos legais<\/a><\/li>\n <li><a>Mapa do site<\/a><\/li>\n <\/ul>\n <\/div>\n\n <\/div>\n\n <div class=\"fbase\">\n <div>\n <p class=\"flegal\">Nix Tecnologia e Solu\u00e7\u00f5es Log\u00edsticas LTDA · CNPJ 57.158.486\/0001-08<br>\n Hangar Business Park, Torre 2, sala 426 · Av. Lu\u00eds Viana Filho, 13223, S\u00e3o Crist\u00f3v\u00e3o · Salvador, BA · 41500-300<br>\n Copyright 2026 Nix. Todos os direitos reservados.<\/p>\n <\/div>\n <a href=\"\/\" class=\"logo\"><img decoding=\"async\" src=\"https:\/\/nix.mobi\/wp-content\/uploads\/2026\/08\/Frame-836.png\" alt=\"Nix\"><\/a>\n <\/div>\n\n <\/div>\n<\/footer>\n\n<script>\n\n \/* Sess\u00e3o 02 \u00b7 a p\u00e1gina prende e o texto se escreve palavra por palavra *\/\n (function(){\n var track=document.getElementById('solvetrack'),\n bg=document.getElementById('solvebg');\n if(!track) return;\n var words=Array.prototype.slice.call(track.querySelectorAll('.solveline .w')),\n n=words.length, ticking=false, last=-1;\n if(!n) return;\n if(window.matchMedia&&window.matchMedia('(prefers-reduced-motion: reduce)').matches){\n words.forEach(function(w){ w.classList.add('on'); }); return;\n }\n var LEAD_IN=0.08, LEAD_OUT=0.16; \/\/ folga no come\u00e7o e no fim para ler parado\n\n function frame(){\n ticking=false;\n if(!window.matchMedia('(min-width:901px)').matches){\n words.forEach(function(w){ w.classList.add('on'); }); return;\n }\n var r=track.getBoundingClientRect(), span=track.offsetHeight-window.innerHeight;\n if(span<=0) return;\n var raw=Math.min(1,Math.max(0,-r.top\/span));\n var p=Math.min(1,Math.max(0,(raw-LEAD_IN)\/(1-LEAD_IN-LEAD_OUT)));\n\n var lit=Math.round(p*n);\n if(lit!==last){\n last=lit;\n for(var i=0;i<n;i++) words[i].classList.toggle('on', i<lit);\n }\n \/\/ o fundo continua andando enquanto a pagina esta presa\n if(bg) bg.style.transform='translate3d(0,'+((raw-0.5)*180).toFixed(1)+'px,0)';\n }\n function onScroll(){ if(!ticking){ ticking=true; requestAnimationFrame(frame); } }\n window.addEventListener('scroll',onScroll,{passive:true});\n window.addEventListener('resize',onScroll);\n frame();\n })();\n\n \/* Reveal simples por entrada na tela, usado na sess\u00e3o institucional *\/\n (function(){\n var els=Array.prototype.slice.call(document.querySelectorAll('.reveal'));\n if(!els.length) return;\n if(window.matchMedia&&window.matchMedia('(prefers-reduced-motion: reduce)').matches){\n els.forEach(function(e){ e.classList.add('on'); }); return;\n }\n if(!('IntersectionObserver' in window)){\n els.forEach(function(e){ e.classList.add('on'); }); return;\n }\n var io=new IntersectionObserver(function(rows){\n rows.forEach(function(r){\n if(r.isIntersecting){ r.target.classList.add('on'); io.unobserve(r.target); }\n });\n },{rootMargin:'0px 0px -14% 0px'});\n \/\/ escalona a entrada dentro de cada grupo, para as linhas nao subirem em bloco\n els.forEach(function(e,i){ e.style.transitionDelay=(i%6*0.07).toFixed(2)+'s'; io.observe(e); });\n })();\n\n \/* Sess\u00e3o 05 \u00b7 quatro etapas comandadas pelo scroll, com a pagina travada:\n 1 pousa a foto esquerda, 2 entra o texto dela, 3 pousa a foto direita, 4 entra o texto dela *\/\n (function(){\n var track=document.getElementById('certtrack');\n if(!track) return;\n var figs =Array.prototype.slice.call(track.querySelectorAll('.certcol figure')),\n texts=Array.prototype.slice.call(track.querySelectorAll('.certtext')),\n ticking=false;\n if(figs.length<2) return;\n if(window.matchMedia&&window.matchMedia('(prefers-reduced-motion: reduce)').matches) return;\n\n \/\/ janelas de cada etapa dentro da pista, deixando folga no fim para ler o conjunto\n var W=[[0.06,0.26],[0.26,0.40],[0.42,0.62],[0.62,0.76]];\n function seg(p,i){ return Math.min(1,Math.max(0,(p-W[i][0])\/(W[i][1]-W[i][0]))); }\n function land(el,q){\n var e=1-Math.pow(1-q,3); \/\/ desacelera no fim: pousa\n el.style.transform='translate3d(0,'+((1-e)*-8).toFixed(2)+'vh,0) scale('+(1.34-0.34*e).toFixed(3)+')';\n el.style.opacity=Math.min(1,e*1.8).toFixed(3);\n }\n\n function frame(){\n ticking=false;\n if(!window.matchMedia('(min-width:901px)').matches){\n figs.forEach(function(f){ f.style.cssText=''; });\n texts.forEach(function(t){ t.classList.add('on'); });\n return;\n }\n var r=track.getBoundingClientRect(), span=track.offsetHeight-window.innerHeight;\n if(span<=0) return;\n var p=Math.min(1,Math.max(0,-r.top\/span));\n\n land(figs[0], seg(p,0));\n texts[0].classList.toggle('on', seg(p,1)>0.35);\n land(figs[1], seg(p,2));\n texts[1].classList.toggle('on', seg(p,3)>0.35);\n }\n function onScroll(){ if(!ticking){ ticking=true; requestAnimationFrame(frame); } }\n window.addEventListener('scroll',onScroll,{passive:true});\n window.addEventListener('resize',onScroll);\n frame();\n })();\n\n \/* Sess\u00e3o 05b \u00b7 placa e CPF em parallax, velocidades diferentes *\/\n (function(){\n var stage=document.getElementById('idstage');\n if(!stage) return;\n var placa=stage.querySelector('.idplaca'),\n cpf =stage.querySelector('.idcpf'),\n pills=Array.prototype.slice.call(document.querySelectorAll('#ids .docs span')),\n ticking=false;\n if(window.matchMedia&&window.matchMedia('(prefers-reduced-motion: reduce)').matches) return;\n function frame(){\n ticking=false;\n if(!window.matchMedia('(min-width:901px)').matches){\n placa.style.transform=''; cpf.style.transform=''; return;\n }\n var r=stage.getBoundingClientRect(), vh=window.innerHeight;\n \/\/ -1 quando a secao entra por baixo, +1 quando sai por cima\n var p=Math.max(-1,Math.min(1,1-2*((r.top+r.height\/2)\/vh)));\n placa.style.transform='translate3d('+(p*14).toFixed(1)+'px,'+(p*-26).toFixed(1)+'px,0) rotate('+(p*0.7).toFixed(2)+'deg)';\n cpf.style.transform ='translate3d('+(p*-20).toFixed(1)+'px,'+(p*-62).toFixed(1)+'px,0) rotate('+(p*-1.6).toFixed(2)+'deg)';\n\n \/\/ os documentos vao se prendendo a cada identificador conforme a secao sobe\n if(pills.length){\n var t=Math.max(0,Math.min(1,(p+0.75)\/1.15));\n pills.forEach(function(el,i){ el.classList.toggle('on', i < Math.round(t*pills.length)); });\n }\n }\n function onScroll(){ if(!ticking){ ticking=true; requestAnimationFrame(frame); } }\n window.addEventListener('scroll',onScroll,{passive:true});\n window.addEventListener('resize',onScroll);\n frame();\n })();\n\n \/* Sess\u00e3o 04 \u00b7 fileira Para quem: rolagem presa, deriva horizontal ate o ultimo card *\/\n (function(){\n var track=document.getElementById('pqtrack'),\n view =document.getElementById('pqview'),\n tape =document.getElementById('pqtape'),\n now =document.getElementById('pqnow');\n if(!track||!tape) return;\n var cards=Array.prototype.slice.call(tape.querySelectorAll('.pqcard')),\n ticking=false, last=-1;\n if(!cards.length) return;\n var LEAD_IN=0.10, LEAD_OUT=0.10;\n\n function frame(){\n ticking=false;\n if(!window.matchMedia('(min-width:901px)').matches){ tape.style.transform=''; return; }\n var r=track.getBoundingClientRect(),\n span=track.offsetHeight-window.innerHeight,\n n=cards.length,\n \/\/ desloca exatamente ate o ultimo card ocupar a posicao um, la na esquerda\n max=cards[n-1].offsetLeft-cards[0].offsetLeft;\n if(span<=0||max<=0) return;\n var raw=Math.min(1,Math.max(0,-r.top\/span));\n var p=Math.min(1,Math.max(0,(raw-LEAD_IN)\/(1-LEAD_IN-LEAD_OUT)));\n tape.style.transform='translate3d('+(-p*max).toFixed(1)+'px,0,0)';\n\n \/\/ o destaque e sempre quem esta na posicao um, alinhada com o texto da secao\n var pos=p*(n-1), best=Math.round(pos);\n cards.forEach(function(c,k){\n var t=Math.max(0,1-Math.abs(k-pos)\/1.15);\n c.style.transform='scale('+(0.95+0.07*t).toFixed(3)+')';\n c.style.opacity=(0.4+0.6*t).toFixed(3);\n c.classList.toggle('focus', k===best);\n });\n\n if(now && best+1!==last){ last=best+1; now.textContent=('0'+last).slice(-2); }\n }\n function onScroll(){ if(!ticking){ ticking=true; requestAnimationFrame(frame); } }\n window.addEventListener('scroll',onScroll,{passive:true});\n window.addEventListener('resize',onScroll);\n frame();\n })();\n\n \/* Sess\u00e3o 03 \u00b7 loop: um rel\u00f3gio s\u00f3 comanda ponto e texto *\/\n (function(){\n var loop=document.querySelector('.loop');\n if(!loop) return;\n var dot=loop.querySelector('.loopdot'),\n rail=loop.querySelector('.looprail'),\n lines=Array.prototype.slice.call(loop.querySelectorAll('.loopline'));\n if(!dot||!lines.length) return;\n if(window.matchMedia&&window.matchMedia('(prefers-reduced-motion: reduce)').matches) return;\n\n var i=0, HOLD=2400, tops=[];\n\n function measure(){\n var base=rail.getBoundingClientRect().top;\n tops=lines.map(function(l){\n var r=l.getBoundingClientRect();\n return r.top-base+r.height\/2;\n });\n }\n function paint(){\n dot.style.top=tops[i]+'px';\n dot.style.opacity=1;\n lines.forEach(function(l,k){ l.classList.toggle('lit', k===i); });\n }\n function tick(){\n if(i < lines.length-1){ i++; paint(); return; }\n \/\/ fim da volta: some, salta pro topo sem transicao, reaparece\n dot.style.opacity=0;\n setTimeout(function(){\n i=0;\n dot.classList.add('jump');\n dot.style.top=tops[0]+'px';\n void dot.offsetWidth; \/\/ forca reflow para o salto nao animar\n dot.classList.remove('jump');\n paint();\n },340);\n }\n\n measure(); paint();\n setInterval(tick,HOLD);\n window.addEventListener('resize',function(){ measure(); dot.style.top=tops[i]+'px'; });\n })();\n\n \/* Sess\u00e3o 02 \u00b7 selo central + r\u00e9gua de quatro passos *\/\n (function(){\n var track=document.getElementById('strack'),\n stick=document.getElementById('sstick'),\n seal =document.querySelector('.seal'),\n prog =document.querySelector('.seal .prog'),\n fill =document.getElementById('sfill'),\n verbs=Array.prototype.slice.call(document.querySelectorAll('.steps b')),\n lines=Array.prototype.slice.call(document.querySelectorAll('.sline p'));\n if(!track||!verbs.length) return;\n\n var n=verbs.length, ticking=false, last=-1;\n var LEAD_IN=0.12, LEAD_OUT=0.12; \/\/ folgas onde nada avanca\n var RING=2*Math.PI*88;\n\n function isDesktop(){ return window.matchMedia('(min-width:901px)').matches; }\n\n function frame(){\n ticking=false;\n if(!isDesktop()) return;\n var r=track.getBoundingClientRect(),\n span=track.offsetHeight-window.innerHeight;\n if(span<=0) return;\n var raw=Math.min(1,Math.max(0,-r.top\/span));\n var p=Math.min(1,Math.max(0,(raw-LEAD_IN)\/(1-LEAD_IN-LEAD_OUT)));\n\n \/\/ a barra laranja para no centro do verbo ativo, nao na borda do bloco\n var half=100\/(n*2);\n if(fill) fill.style.width=(half+p*(100-2*half)).toFixed(2)+'%';\n if(prog) prog.style.strokeDashoffset=(RING*(1-p)).toFixed(1);\n if(seal) seal.style.transform='scale('+(0.9+0.1*p)+')';\n\n var step=Math.min(n-1,Math.round(p*(n-1)));\n if(step!==last){\n last=step;\n stick.setAttribute('data-step',step);\n verbs.forEach(function(v,i){\n v.classList.toggle('on', i===step);\n v.classList.toggle('done', i<step);\n });\n lines.forEach(function(l,i){\n l.classList.toggle('on', i===step);\n l.classList.toggle('past', i<step);\n });\n }\n }\n function onScroll(){ if(!ticking){ ticking=true; requestAnimationFrame(frame); } }\n\n window.addEventListener('scroll',onScroll,{passive:true});\n window.addEventListener('resize',onScroll);\n verbs[0].classList.add('on'); lines[0].classList.add('on');\n frame();\n })();\n\n<\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"e-svg-base\" data-interaction-id=\"b0b537e\" data-e-type=\"widget\" data-id=\"b0b537e\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width: 100%; height: 100%; overflow: unset;\" width=\"50\" height=\"50\" viewBox=\"0 0 50 50\" fill=\"currentColor\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M24.9999 4.31543C25.4805 4.31543 25.9243 4.57296 26.1627 4.99024L36.1067 22.3922C36.3436 22.8067 36.3419 23.316 36.1022 23.7289C35.8626 24.1418 35.4213 24.396 34.9439 24.396H15.0559C14.5785 24.396 14.1372 24.1418 13.8976 23.7289C13.6579 23.316 13.6562 22.8067 13.8931 22.3922L23.8371 4.99024C24.0755 4.57296 24.5193 4.31543 24.9999 4.31543ZM24.9999 8.35413L17.3638 21.7174H32.636L24.9999 8.35413ZM8.98998 31.6843C8.68586 31.6843 8.39419 31.8051 8.17914 32.0202C7.96409 32.2352 7.84327 32.5269 7.84327 32.831V42.775C7.84327 43.0791 7.96409 43.3708 8.17914 43.5858C8.39419 43.8009 8.68586 43.9217 8.98998 43.9217H18.934C19.2381 43.9217 19.5297 43.8009 19.7448 43.5858C19.9598 43.3708 20.0807 43.0791 20.0807 42.775V32.831C20.0807 32.5269 19.9598 32.2352 19.7448 32.0202C19.5297 31.8051 19.2381 31.6843 18.934 31.6843H8.98998ZM6.2851 30.1261C7.00248 29.4088 7.97545 29.0057 8.98998 29.0057H18.934C19.9485 29.0057 20.9215 29.4088 21.6388 30.1261C22.3562 30.8435 22.7592 31.8165 22.7592 32.831V42.775C22.7592 43.7895 22.3562 44.7625 21.6388 45.4799C20.9215 46.1973 19.9485 46.6003 18.934 46.6003H8.98998C7.97545 46.6003 7.00248 46.1973 6.2851 45.4799C5.56772 44.7625 5.1647 43.7895 5.1647 42.775V32.831C5.1647 31.8165 5.56772 30.8435 6.2851 30.1261ZM30.0959 31.5824C31.7457 29.9326 33.9834 29.0058 36.3165 29.0058C38.6497 29.0058 40.8873 29.9326 42.5371 31.5824C44.187 33.2322 45.1138 35.4698 45.1138 37.803C45.1138 40.1362 44.187 42.3738 42.5371 44.0236C40.8873 45.6734 38.6497 46.6003 36.3165 46.6003C33.9834 46.6003 31.7457 45.6734 30.0959 44.0236C28.4461 42.3738 27.5193 40.1362 27.5193 37.803C27.5193 35.4698 28.4461 33.2322 30.0959 31.5824ZM36.3165 31.6843C34.6938 31.6843 33.1374 32.329 31.99 33.4764C30.8425 34.6239 30.1978 36.1802 30.1978 37.803C30.1978 39.4258 30.8425 40.9821 31.99 42.1296C33.1374 43.2771 34.6938 43.9217 36.3165 43.9217C37.9393 43.9217 39.4956 43.2771 40.6431 42.1296C41.7906 40.9821 42.4352 39.4258 42.4352 37.803C42.4352 36.1802 41.7906 34.6239 40.6431 33.4764C39.4956 32.329 37.9393 31.6843 36.3165 31.6843Z\" fill=\"currentColor\"><\/path><\/svg><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Nix \u2014 Home Certifica\u00e7\u00e3o Consulta Para quem Empresa Falar com o time A infraestrutura decertifica\u00e7\u00e3o do transporterodovi\u00e1rio de cargas. O Nix verifica os documentos e as condi\u00e7\u00f5es do motorista e do ve\u00edculo. Depois, deixa a resposta pronta para quem precisa decidir se aquele conjunto pode entrar, carregar ou rodar. Certificar minha opera\u00e7\u00e3o Falar com o […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-11","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/nix.mobi\/index.php?rest_route=\/wp\/v2\/pages\/11","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nix.mobi\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nix.mobi\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nix.mobi\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nix.mobi\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=11"}],"version-history":[{"count":40,"href":"https:\/\/nix.mobi\/index.php?rest_route=\/wp\/v2\/pages\/11\/revisions"}],"predecessor-version":[{"id":78,"href":"https:\/\/nix.mobi\/index.php?rest_route=\/wp\/v2\/pages\/11\/revisions\/78"}],"wp:attachment":[{"href":"https:\/\/nix.mobi\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=11"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}