/* ==========================================================================
   fix-limpo — 30/10. Carregado por último, de propósito, com !important.
   O dono via linhas retas cortando cards e "luz sobrando" em toda a página.
   Causa: dezenas de backdrop-filter, a camada de grão em mix-blend-mode e luzes
   presas à tela. O navegador pinta isso em pedaços e a emenda aparece em
   elementos altos. O fundo aqui é quase preto: o desfoque não entrega nada que
   se veja, então sai de tudo em vez de ser remendado caso a caso.
   Regra: peça nova nesta página não usa backdrop-filter nem mix-blend-mode.
   ========================================================================== */
*, *::before, *::after {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    mix-blend-mode: normal !important;
}

/* o grão era invisível (2,2%) e obrigava a página inteira a se recompor */
body::after, .hero-bg-noise { display: none !important; }

/* a luz ambiente fica no topo da PÁGINA, não presa ao topo da tela */
body { position: relative; }
body::before { position: absolute !important; inset: 0 0 auto 0 !important; height: 100vh; }

/* A CAUSA REAL, achada no navegador de verdade: luz decorativa ATRÁS das seções.
   Em caixa de 2 a 3 mil px de altura (celular) o degradê vira um feixe com borda
   reta, e o que passa por cima parece cortado. Luz de fundo fica só na hero e
   dentro dos próprios cards. Nunca atrás de seção ou de grade de cards. */
#launcher::before, #whatsapp::before, #mcp::before, #analytics::before, #gerenciador::before,
#planos::before, #duvidas::before, #video::before,
.bento::before, .plans::before, .scrolly::before { display: none !important; }
@media (max-width: 900px) {
    #atribuicao .feat::before, #atribuicao .feat::after { display: none !important; }
}
.lch2-peca { filter: none !important; }

/* sem desfoque atrás, o que flutua sobre a página precisa ser opaco pra ler */
.nav.stuck { background: rgba(5, 10, 8, .95) !important; }
.menu-mob { background: rgb(8, 10, 9) !important; }

/* Marca nova: o R com a seta, sem quadrado em volta, vetor tirado do arquivo do dono */
.brand-tok { width: auto; height: auto; flex: 0 0 auto; background: none !important; border: 0 !important; box-shadow: none !important; }
.brand-tok svg { display: block; width: 32px; height: 32px; color: inherit; filter: drop-shadow(0 0 7px rgba(37, 227, 148, .4)); }
#mcp .rel-tok { background: none; box-shadow: none; }
#mcp .rel-tok svg { width: 20px; height: 20px; }

/* Com "reduzir movimento" (comum no Mac) a janela do painel não anima: ela fica reta
   e parada, então não pode herdar a margem negativa da animação e subir na hero. */
@media (prefers-reduced-motion: reduce) {
    .scrolly { height: auto !important; margin-top: 32px !important; padding: 0 0 48px !important; }
    .scrolly-sticky { position: static !important; height: auto !important; padding-top: 0 !important; display: flex; justify-content: center; }
}