/* Link Affiliattes — kit das páginas internas (18/10/2026).
   Carrega DEPOIS de la.css + la-c.css + la-encontro.css + la-rede.css. Vocabulário clonado da a referência
   (a referência container de 944, H1 56, H2 40, h3 de cartão 24, corpo 16/24 a 56% de branco, cartão de raio 40
   com borda em degradê, revelação ao entrar na tela), trocados cor (verde → vermelho da marca), fonte (Public Sans)
   e mídia (renders e prints próprios). Fundo único preto: nenhuma seção pinta fundo de ponta a ponta. */

:root{--lp-mut:rgba(255,255,255,.56);--lp-mut2:rgba(255,255,255,.66);--lp-w:944px}

/* ---------- molde ---------- */
.lp-s{position:relative;padding-block:var(--sec)}
.lp-in{width:min(100% - var(--pad)*2,var(--lp-w));margin-inline:auto}
.lp-in--l{width:min(100% - var(--pad)*2,1200px)}
.lp-head{display:grid;justify-items:center;gap:16px;max-width:720px;margin:0 auto clamp(32px,5vw,56px);text-align:center}
.lp-head--l{justify-items:start;text-align:left;margin-inline:0}
.lp-h1{font-size:clamp(2rem,1.1rem + 3.9vw,3.5rem);line-height:1;font-weight:600;letter-spacing:-.02em;text-wrap:balance;color:#fff}
.lp-h2{font-size:clamp(1.75rem,1.2rem + 2.2vw,2.5rem);line-height:1;font-weight:600;letter-spacing:-.02em;text-wrap:balance;color:#fff}
.lp-h1 .a,.lp-h2 .a{color:var(--red-hi)}
.lp-h1 .g,.lp-h2 .g{color:var(--lp-mut)}
.lp-p{font-size:1rem;line-height:1.5;color:var(--lp-mut);text-wrap:pretty}
.lp-p a,.lp-txt a{color:var(--red-hi);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.lp-p b,.lp-p strong{color:#fff;font-weight:600}
.lp-s .cap{max-width:none;text-align:center;margin-top:24px}

/* ---------- hero (cobre a tela inteira; a mesma língua da home: preto, brilho vermelho, horizonte aceso) ---------- */
.lp-hero{position:relative;isolation:isolate;min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:112px var(--pad) 96px;text-align:center;overflow:hidden;contain:paint;
  background:radial-gradient(60% 42% at 50% 0,rgba(217,45,32,.13) 0,transparent 72%)}
.lp-hero-c{display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;gap:clamp(16px,2vw,24px);width:min(100%,860px)}
/* tela baixa (celular deitado, notebook pequeno): o herói perde respiro, nunca conteúdo, para o botão principal continuar na primeira tela */
@media (max-height:600px){.lp-hero{padding-top:84px}.lp-hero-c{gap:10px}}
.lp-hero .lp-h1.rw{font-size:clamp(1.75rem,.9rem + 3.9vw,3.5rem);line-height:1;font-weight:600;letter-spacing:-.02em;color:#fff;max-width:100%}
.lp-hero .lp-h1 .line{text-wrap:balance;overflow-wrap:anywhere}
.lp-hero .lp-lede{max-width:38em;font-size:clamp(1rem,.95rem + .3vw,1.125rem);line-height:1.5;color:var(--lp-mut2);text-wrap:pretty}
.lp-hero .lp-sub{font-size:.9rem;color:var(--lp-mut)}
.lp-hero .lp-sub>a:not([class]){display:inline-flex;align-items:center;min-height:44px;color:var(--tx);text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(255,255,255,.3)}
.lp-hint{position:absolute;left:0;right:0;bottom:22px;display:grid;justify-items:center;gap:4px;font-size:.8rem;letter-spacing:.04em;color:var(--lp-mut);pointer-events:none;transition:opacity .4s}
.lp-hint svg{width:16px;height:16px;transform:rotate(90deg);animation:lp-desce 1.8s ease-in-out infinite;color:var(--red-hi)}
.lp-hint.off{opacity:0}
@keyframes lp-desce{0%,100%{translate:0 -2px}50%{translate:0 4px}}
/* trilha de navegação (a BreadcrumbList também vai no JSON-LD) */
.lp-bc{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:0 8px;font-size:.85rem;color:var(--lp-mut)}
.lp-bc a{display:inline-flex;align-items:center;min-height:44px;color:var(--lp-mut2);transition:color .2s}
.lp-bc li{display:flex;align-items:center;gap:8px}
.lp-bc li+li::before{content:"";width:5px;height:5px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;transform:rotate(45deg);opacity:.55}
.lp-bc [aria-current]{color:#fff}
@media (hover:hover) and (pointer:fine){.lp-bc a:hover{color:#fff}}

/* hero com a janela do painel em perspectiva, que some para o preto (a da a referência: terminal inclinado) */
.lp-hero--janela{justify-content:flex-start;padding-bottom:0}
.lp-persp{position:relative;width:min(100%,1120px);margin:clamp(28px,4vw,48px) auto 0;perspective:1600px;
  -webkit-mask:linear-gradient(#000 38%,#0000 94%);mask:linear-gradient(#000 38%,#0000 94%)}
.lp-persp-in{transform:rotateX(36deg) scale(.94);transform-origin:50% 0;border-radius:20px;overflow:hidden;box-shadow:0 0 0 1px rgba(255,255,255,.14) inset,0 40px 120px -30px rgba(217,45,32,.35)}
.lp-persp-in img{width:100%;height:auto}
@media (max-width:599px){.lp-persp-in{transform:rotateX(28deg) scale(.96)}}
@media (min-width:600px) and (max-width:1439px){.lp-hero--janela .lp-persp{width:min(100%,1120px,calc(70vw + 116px))}}

/* hero com a imagem cobrindo a tela inteira (cena própria, escurecida para o texto) */
.lp-hero--img::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,.55),rgba(0,0,0,.2) 40%,rgba(0,0,0,.78) 100%)}
.lp-hero-bg{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:var(--pos,50% 50%)}

/* ---------- passos: texto à esquerda, celular no meio e o selo à direita (a referência: linhas de 408) ---------- */
.lp-passos{display:grid;gap:56px}
.lp-passo{display:grid;justify-items:center;gap:28px;text-align:center}
.lp-passo-n{font-size:.875rem;line-height:20px;color:#fff;font-variant-numeric:tabular-nums}
.lp-passo-t{margin-top:8px;font-size:clamp(1.5rem,1.2rem + 1vw,1.75rem);line-height:1.04;font-weight:600;letter-spacing:-.02em;color:var(--lp-mut);text-wrap:balance}
.lp-passo-t b{font-weight:600;color:#fff}
.lp-passo-d{margin:12px auto 0;font-size:1rem;line-height:1.5;color:var(--lp-mut);max-width:30em;text-wrap:pretty}
.lp-passo-v{position:relative;width:min(280px,76%);aspect-ratio:328/360}
.lp-passo-m{position:absolute;inset:0;overflow:hidden;-webkit-mask:linear-gradient(#000 62%,#0000 98%);mask:linear-gradient(#000 62%,#0000 98%)}
.lp-passo-m .lp-cel{width:100%}
.lp-selo{position:absolute;right:-10%;bottom:4%;width:40%;aspect-ratio:1;border-radius:50%;overflow:hidden;pointer-events:none;
  box-shadow:0 0 0 1.5px rgba(255,96,80,.55),0 0 0 8px rgba(0,0,0,.9),0 24px 60px -12px rgba(217,45,32,.5)}
.lp-selo img{display:block;width:100%;height:100%;object-fit:cover;object-position:46% 50%}
@media (min-width:1024px){
  .lp-passos{gap:0}
  .lp-passo{grid-template-columns:minmax(0,376px) 328px 160px;justify-content:center;column-gap:33px;min-height:408px;align-items:center;justify-items:stretch;text-align:left}
  .lp-passo-v{width:328px;justify-self:center}
  .lp-passo-d{margin-left:0;max-width:24em}
  .lp-selo{right:-193px;bottom:12px;width:232px}
}

.js-ok .lp-passo{opacity:0;transform:translateY(72px);transition:transform .6s ease-out,opacity .6s ease-out}
.js-ok .lp-passo.on{opacity:1;transform:none}
.js-ok .lp-passo-t b{color:rgba(255,255,255,.56)}
.js-ok .lp-passo.on .lp-passo-t b{animation:rd-luz .6s .3s forwards}
@media (prefers-reduced-motion:reduce){.js-ok .lp-passo{transform:none;transition:opacity .3s}}

/* ---------- celular com a moldura do iPhone e o print real dentro (percentuais do simulador da extensão) ---------- */
.lp-cel{position:relative;aspect-ratio:878/1806}
.lp-cel-tela{position:absolute;left:4.328%;top:1.6611%;width:91.5718%;height:96.6777%;overflow:hidden;background:#0b0c0e;
  -webkit-mask:url(../../assets/iphone-17-pro-tela.svg?v=1) 0 0/100% 100% no-repeat;mask:url(../../assets/iphone-17-pro-tela.svg?v=1) 0 0/100% 100% no-repeat}
/* o print do sistema não tem barra de status: desce uma faixa escura sob a ilha dinâmica para ela não cobrir o cabeçalho */
.lp-cel-tela img{display:block;width:100%;height:auto;margin-top:12%}
.lp-cel-m{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}

/* ---------- janela do painel (o "Experimente aqui" da a referência: a tela real com um botão no meio) ---------- */
.lp-win{position:relative;border-radius:24px;padding:1px;background:linear-gradient(148deg,#3a3a3a,#111 80%)}
.lp-win-in{position:relative;border-radius:23px;overflow:hidden;background:#0b0c0e}
.lp-win-bar{display:flex;align-items:center;gap:6px;height:28px;padding:0 14px;background:#121417;border-bottom:1px solid var(--line)}
.lp-win-bar i{width:8px;height:8px;border-radius:50%;background:#2b2f35}
.lp-win-in img{display:block;width:100%;height:auto}
.lp-win-cta{position:absolute;left:50%;top:50%;translate:-50% -50%}
.lp-win-cta .btn{min-height:48px;box-shadow:0 0 0 1px rgba(255,255,255,.16) inset,0 18px 50px -8px rgba(217,45,32,.7)}

/* ---------- cartões de leitura: imagem 16:9, título 24/24 e "Saiba mais" (a base de conhecimento da a referência) ---------- */
.lp-kb{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}
.lp-kb-c{display:grid;align-content:start;gap:16px}
.lp-kb-img{position:relative;display:block;aspect-ratio:304/171;border-radius:24px;overflow:hidden;background:#0d0d0d;box-shadow:0 0 0 1px var(--line) inset}
.lp-kb-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.lp-kb-t{font-size:clamp(1.0625rem,.9rem + .8vw,1.5rem);line-height:1.08;font-weight:600;letter-spacing:-.02em;color:#fff;text-wrap:balance}
.lp-kb-c .rd-link{justify-self:start;margin-block:-12px 0;transform:none}
@media (min-width:768px){.lp-kb{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (hover:hover) and (pointer:fine){.lp-kb-c:hover .lp-kb-img img{transform:scale(1.04)}}

/* ---------- números (cartão grande + etiqueta pequena) ---------- */
.lp-num{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.lp-num .rd-card{display:grid;align-content:space-between;gap:12px;min-height:200px;padding:24px 20px;overflow:hidden}
.lp-num-v{font-size:clamp(2.5rem,1.4rem + 4.2vw,5rem);line-height:.95;font-weight:600;letter-spacing:-.04em;color:#fff;font-variant-numeric:tabular-nums}
.lp-num-v small{font-size:.38em;letter-spacing:-.02em;color:var(--lp-mut);font-weight:600;margin-left:.15em}
.lp-num-v .a{color:var(--red-hi)}
.lp-num-t{font-size:1rem;line-height:1.25;font-weight:600;color:#fff}
.lp-num-d{margin-top:4px;font-size:.9rem;line-height:1.4;color:var(--lp-mut)}
@media (min-width:768px){.lp-num{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.lp-num .rd-card{min-height:260px;padding:28px 24px}}
.lp-num--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.lp-num--3 .rd-card{padding:20px 14px;min-height:180px}
@media (min-width:768px){.lp-num--3{grid-template-columns:repeat(3,minmax(0,1fr))}.lp-num--3 .rd-card{padding:32px 28px;min-height:280px}}
.lp-num .lp-hl .rd-card,.lp-num .rd-card.lp-hl{background:linear-gradient(160deg,#e23428,#a81a12)}
.lp-num .lp-hl .lp-num-d{color:rgba(255,255,255,.88)}

/* ---------- cartão de texto + imagem (bento largo) ---------- */
.lp-duo{display:grid;gap:16px}
.lp-duo .rd-card{display:grid;gap:20px;align-content:start;overflow:hidden;padding:32px 24px}
.lp-duo .rd-card .lp-m{margin:auto -24px -32px}
.lp-duo .rd-h3{margin:0}
@media (min-width:768px){.lp-duo{grid-template-columns:1fr 1fr}.lp-duo .rd-card{padding:40px 32px}.lp-duo .rd-card .lp-m{margin:auto -32px -40px}}
.lp-m img{display:block;width:100%;height:auto}

/* ---------- texto corrido (SEO): bloco citável, listas, subtítulos ---------- */
.lp-txt{max-width:680px;margin-inline:auto;color:var(--lp-mut2);font-size:1.0625rem;line-height:1.65}
.lp-txt h2{margin:clamp(32px,5vw,48px) 0 14px;font-size:clamp(1.5rem,1.1rem + 1.6vw,2rem);line-height:1.1;font-weight:600;letter-spacing:-.02em;color:#fff;text-wrap:balance}
.lp-txt h2:first-child{margin-top:0}
.lp-txt h3{margin:28px 0 10px;font-size:1.25rem;line-height:1.2;font-weight:600;letter-spacing:-.01em;color:#fff}
.lp-txt p+p{margin-top:14px}
.lp-txt strong,.lp-txt b{color:#fff;font-weight:600}
.lp-txt ul,.lp-txt ol{margin:14px 0;display:grid;gap:10px}
.lp-txt ul li{position:relative;padding-left:22px}
.lp-txt ul li::before{content:"";position:absolute;left:2px;top:.72em;width:8px;height:8px;border-radius:50%;background:var(--red-hi)}
.lp-txt ol{counter-reset:n}
.lp-txt ol li{position:relative;padding-left:34px;counter-increment:n}
.lp-txt ol li::before{content:counter(n);position:absolute;left:0;top:.05em;width:24px;height:24px;display:grid;place-items:center;border-radius:8px;border:1.5px solid rgba(255,255,255,.5);font-size:.8rem;font-weight:600;color:#fff}
.lp-cite{max-width:680px;margin:0 auto clamp(28px,4vw,40px);padding:22px 24px;border-radius:24px;background:linear-gradient(160deg,rgba(217,45,32,.16),rgba(217,45,32,.04) 60%);box-shadow:0 0 0 1px rgba(255,84,72,.28) inset;color:#fff;font-size:1.0625rem;line-height:1.6}
.lp-cite small{display:block;margin-bottom:8px;font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--red-hi)}

/* ---------- tabela comparativa (<table> de verdade: cartão por linha no celular, tabela daqui para cima) ---------- */
.lp-tab-box{border-radius:24px}
.lp-tab{width:100%;border-collapse:separate;border-spacing:0}
.lp-tab caption{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.lp-tab thead{display:none}
.lp-tab tbody,.lp-tab tr,.lp-tab th,.lp-tab td{display:block}
.lp-tab tbody{display:grid;gap:12px}
.lp-tab tr{display:grid;gap:10px;padding:18px;border-radius:24px;background:#0f0f0f;box-shadow:0 0 0 1px var(--line) inset}
.lp-tab tbody th{font-size:1.0625rem;font-weight:600;text-align:left;color:#fff}
.lp-tab td{display:grid;grid-template-columns:minmax(0,40%) minmax(0,1fr);gap:12px;font-size:.95rem;line-height:1.4;color:var(--lp-mut2)}
.lp-tab td::before{content:attr(data-r);color:var(--lp-mut);font-size:.85rem}
.lp-tab tr.nos,.lp-tab tr.dest{background:linear-gradient(160deg,rgba(217,45,32,.14),#0f0f0f 70%);box-shadow:0 0 0 1px rgba(255,84,72,.4) inset}
.lp-tab tr.nos th::after{content:"nós";margin-left:10px;padding:3px 9px;border-radius:999px;background:rgba(255,84,72,.18);font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#ff9a92}
@media (min-width:768px){
  .lp-tab-box{overflow:hidden;box-shadow:0 0 0 1px var(--line) inset;background:#0c0c0c}
  .lp-tab{display:table}
  .lp-tab thead{display:table-header-group}
  .lp-tab tbody{display:table-row-group}
  .lp-tab tr{display:table-row;padding:0;border-radius:0;background:none;box-shadow:none}
  .lp-tab th,.lp-tab td{display:table-cell;padding:18px 20px;vertical-align:top;text-align:left}
  .lp-tab thead td,.lp-tab thead th{font-size:.8rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--lp-mut);border-bottom:1px solid var(--line)}
  .lp-tab td::before{display:none}
  .lp-tab tbody tr+tr th,.lp-tab tbody tr+tr td{border-top:1px solid var(--line)}
  .lp-tab tr.nos,.lp-tab tr.dest{background:linear-gradient(90deg,rgba(217,45,32,.12),transparent 80%);box-shadow:none}
  .lp-tab tr.nos th::after{display:none}
}

/* ---------- lista de verdades / "o que não somos" ---------- */
.lp-ck{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}
.lp-ck li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:start;padding:16px;border-radius:20px;background:#0f0f0f;box-shadow:0 0 0 1px var(--line) inset;font-size:.95rem;line-height:1.4;color:var(--lp-mut2)}
.lp-ck li b{display:block;margin-bottom:4px;color:#fff;font-weight:600}
.lp-ck .ic{width:20px;height:20px;margin-top:2px;color:var(--red-hi)}
.lp-ck--no .ic{color:var(--lp-mut)}
@media (min-width:900px){.lp-ck{grid-template-columns:repeat(3,minmax(0,1fr))}.lp-ck--2{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ---------- cartões de página irmã (links internos) ---------- */
.lp-rel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.lp-rel li{display:grid;grid-template-columns:minmax(0,1fr)}
.lp-rel a{position:relative;display:grid;align-content:space-between;gap:16px;min-height:150px;padding:18px;border-radius:24px;background:#0f0f0f;box-shadow:0 0 0 1px var(--line) inset;transition:box-shadow .3s,transform .25s var(--ease)}
.lp-rel b{padding-right:22px;font-size:1.0625rem;line-height:1.2;font-weight:600;letter-spacing:-.01em;color:#fff}
.lp-rel span{font-size:.9rem;line-height:1.4;color:var(--lp-mut)}
.lp-rel i{position:absolute;right:16px;top:16px;color:var(--red-hi)}
.lp-rel i .ic{width:18px;height:18px}
.lp-rel a:active{transform:scale(.98)}
@media (max-width:359.98px){.lp-rel a{padding:14px 12px;gap:12px}.lp-rel b{padding-right:16px;font-size:.9375rem}.lp-rel i{right:8px;top:8px}}
@media (min-width:768px){.lp-rel{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.lp-rel a{padding:24px;min-height:180px}}
@media (hover:hover) and (pointer:fine){.lp-rel a:hover{box-shadow:0 0 0 1px rgba(255,84,72,.5) inset;transform:translateY(-2px)}}

/* ---------- faixa de fatos curtos (carência, prazo, mínimo) ---------- */
.lp-fatos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;border-radius:24px;overflow:hidden;background:var(--line);box-shadow:0 0 0 1px var(--line)}
.lp-fatos>div{display:grid;gap:4px;align-content:start;padding:20px 18px;background:#000}
.lp-fatos b{font-size:clamp(1.5rem,1.1rem + 1.6vw,2.25rem);line-height:1;font-weight:600;letter-spacing:-.03em;color:#fff}
.lp-fatos span{font-size:.9rem;line-height:1.35;color:var(--lp-mut)}
@media (min-width:768px){.lp-fatos{grid-template-columns:repeat(4,minmax(0,1fr))}.lp-fatos>div{padding:28px 24px}}

/* ---------- abas (nichos, ferramentas) ---------- */
.lp-abas{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:20px}
.lp-abas button{min-height:44px;padding:0 18px;border-radius:999px;font-weight:600;font-size:.95rem;color:var(--lp-mut2);box-shadow:0 0 0 1px var(--line2) inset;transition:background .2s,color .2s}
.lp-abas button[aria-selected="true"]{background:#fff;color:#000;box-shadow:none}
.lp-painel[hidden]{display:none}
@media (hover:hover) and (pointer:fine){.lp-abas button[aria-selected="false"]:hover{background:rgba(255,255,255,.08);color:#fff}}

/* ---------- fechamento e FAQ nas páginas internas: a mesma peça da home, com a escala da a referência ---------- */
.closing .rw.lp-h2{font-size:clamp(2rem,1.1rem + 4vw,3.5rem);line-height:1.04;letter-spacing:-.025em;font-weight:600}
.lp-faq h2{font-size:clamp(1.75rem,1.1rem + 2.4vw,2.5rem);font-weight:600;letter-spacing:-.02em;line-height:1.05}

/* rodapé: quatro colunas (as quatro famílias de página) */
.lp-foot .foot-cols{grid-template-columns:1fr 1fr;gap:8px 16px}
.lp-foot .foot-cols h3 a{color:inherit}
.lp-foot .foot-cols li{display:flex}
.lp-foot .foot-cols a{display:flex;align-items:center;width:100%;line-height:1.25;padding-block:6px}
@media (max-width:699px){.lp-foot .foot-cols>div:last-child{grid-column:auto}.lp-foot .foot-cols>div:last-child ul{display:block}}
@media (min-width:700px){.lp-foot .foot-cols{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px 24px}}

/* link dentro da resposta do FAQ: área de toque de 44px sem mexer na entrelinha; link na legenda sempre sublinhado */
.lp-faq #faq-list p a{padding-block:12.5px}
.cap a{text-decoration:underline;text-underline-offset:3px}

/* trilha no celular: uma linha só; o último item (o nome da página) encurta com reticências em vez de quebrar com a seta solta */
@media (max-width:599px){
  .lp-bc{flex-wrap:nowrap;max-width:100%}
  .lp-bc li{flex:none}
  .lp-bc li:last-child{flex:0 1 auto;min-width:0}
  .lp-bc [aria-current]{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}

/* navegação das páginas internas: os cinco rótulos são mais largos que os da home e, entre 900 e 1099 px, "Dúvidas" e "Entrar" se sobrepunham.
   Até 1019 px vale o menu do celular (as abas só aparecem onde cabem CENTRADAS na tela, com as colunas laterais iguais); de 1020 a 1099 as abas encolhem um pouco */
@media (min-width:900px) and (max-width:1019px){
  .nav{display:flex}
  .nav-links,.nav-login{display:none}
  .nav-burger{display:grid!important}
  .nav-sheet:not([hidden]){display:grid!important}
}
@media (min-width:1020px) and (max-width:1099px){
  .nav-links{gap:2px}
  .nav-links a{padding-inline:6px;font-size:.9375rem}
  .nav-login{padding-inline:8px}
  .nav-actions{gap:4px}
}
.nav-wrap.scrolled .nav{background:rgba(14,16,19,.86)}

@media (prefers-reduced-motion:reduce){.lp-hint svg{animation:none}.lp-kb-img img{transition:none}}