/* Página inicial: seções no estilo da referência (escuro com blocos claros), na paleta da Vela. */
main { overflow: hidden; }
.h2-secao { padding: 104px 0; }
.h2-secao h2, .h2-papel h2, .h2-gelo h2 { margin-top: 14px; font-size: clamp(1.9rem, 4.2vw, 3.1rem); }
.h2-secao h2 em, .h2-papel h2 em, .h2-gelo h2 em, .h2-titulo em { font-style: normal; color: var(--azul-claro); }
.mono { font-family: 'JetBrains Mono', ui-monospace, monospace; }
.nota { margin-top: 16px; color: var(--mudo); font-size: .8rem; }

/* topo */
.h2-hero { padding: 64px 0 72px; position: relative; }
.h2-luz { position: absolute; inset: -200px -10% auto 30%; height: 900px; background: radial-gradient(circle at 60% 35%, rgba(0, 50, 225, .5), transparent 58%); filter: blur(40px); pointer-events: none; }
.h2-hero-grade { position: relative; display: grid; grid-template-columns: 1.25fr .75fr; gap: 56px; align-items: center; }
.h2-titulo { margin-top: 22px; font-size: clamp(2.4rem, 5.6vw, 4.4rem); font-weight: 800; line-height: 1.04; }
.sobrancelha { display: block; margin-bottom: 18px; font: 600 .78rem/1.3 'JetBrains Mono', monospace; letter-spacing: .16em; text-transform: uppercase; color: var(--azul-claro); }
.h2-digita { margin: 20px 0 0; color: var(--mudo); font-size: 1rem; }
.h2-digita .mono { color: var(--texto); }
.cursor { display: inline-block; width: 9px; height: 1.05em; margin-left: 3px; vertical-align: -3px; background: var(--azul-claro); animation: piscar 1s steps(1) infinite; }
@keyframes piscar { 50% { opacity: 0; } }
.h2-nota { margin-top: 18px; font-size: .84rem; color: var(--mudo); }
.h2-nota a { color: var(--suave); }
.estrelas { color: #FBBC05; letter-spacing: 2px; }
.h2-cartao { position: relative; padding: 24px; border-radius: 26px; background: linear-gradient(170deg, rgba(25, 28, 74, .95), rgba(12, 13, 43, .95)); border: 1px solid var(--linha-forte); box-shadow: 0 40px 90px -40px rgba(0, 50, 225, .9); }
.h2-cartao-topo { display: flex; align-items: center; justify-content: space-between; padding: 22px; border-radius: 18px; background: radial-gradient(circle at 30% 20%, rgba(63, 111, 255, .45), transparent 60%), #0A0B26; border: 1px solid var(--linha); }
.h2-cartao-topo img { height: 52px; width: auto; }
.ao-vivo { display: inline-flex; align-items: center; gap: 6px; padding: 5px 10px; border-radius: 999px; background: rgba(61, 214, 140, .12); color: var(--verde); font: 600 .68rem 'JetBrains Mono', monospace; text-transform: uppercase; letter-spacing: .1em; }
.ao-vivo::before { content: ''; width: 7px; height: 7px; border-radius: 50%; background: var(--verde); box-shadow: 0 0 10px var(--verde); animation: piscar 1.6s steps(1) infinite; }
.h2-foto { position: relative; margin: 0; border-radius: 18px; overflow: hidden; border: 1px solid var(--linha); aspect-ratio: 840 / 695; background: #0A0B26; }
.h2-foto img { width: 100%; height: 100%; object-fit: cover; }
.h2-foto .ao-vivo { position: absolute; top: 12px; right: 12px; background: rgba(9, 10, 34, .78); backdrop-filter: blur(6px); }
.h2-foto figcaption { position: absolute; inset: auto 0 0 0; padding: 40px 16px 14px; background: linear-gradient(0deg, rgba(9, 10, 34, .95), transparent); display: grid; gap: 2px; }
.h2-foto figcaption b { font-size: 1.05rem; }
.h2-foto figcaption span { color: var(--suave); font-size: .8rem; }
.h2-selo { margin: 14px 0 0; display: inline-block; padding: 5px 10px; border-radius: 8px; background: rgba(100, 150, 240, .12); color: var(--azul-claro); font-size: .7rem; letter-spacing: .08em; text-transform: uppercase; }
.h2-cartao-nome { margin: 18px 0 6px; font-weight: 700; font-size: 1.05rem; }
.h2-cartao-nome small { display: block; margin-top: 4px; font-weight: 400; font-size: .78rem; color: var(--mudo); }
.h2-checks { list-style: none; margin: 14px 0 0; padding: 0; display: grid; gap: 11px; }
.h2-checks li { display: grid; grid-template-columns: 20px 1fr; gap: 10px; font-size: .9rem; color: var(--suave); }
.h2-checks li b { color: var(--texto); font-weight: 600; }
.h2-checks svg { width: 18px; height: 18px; margin-top: 2px; padding: 2px; border-radius: 50%; color: #fff; background: var(--azul); }
.h2-checks.claro li { color: var(--suave); }
.h2-cartao-pe { margin-top: 18px; padding-top: 14px; border-top: 1px solid var(--linha); color: var(--mudo); font: 500 .72rem 'JetBrains Mono', monospace; letter-spacing: .08em; text-transform: uppercase; }

/* prova */
.h2-prova { padding: 24px 0 64px; }
.h2-prova-grade { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid var(--linha); }
.h2-prova-grade > div { padding: 34px 26px 0 0; }
.h2-prova-grade > div + div { padding-left: 26px; border-left: 1px solid var(--linha); }
.h2-prova strong { display: block; font-size: clamp(2.6rem, 5vw, 4rem); font-weight: 800; letter-spacing: -.04em; line-height: 1; }
.h2-prova p { margin: 12px 0 10px; color: var(--suave); font-size: .9rem; }
.h2-prova .mono { color: var(--azul-claro); font-size: .7rem; letter-spacing: .12em; text-transform: uppercase; }
.h2-faixa { margin-top: 56px; display: flex; align-items: center; gap: 22px; overflow: hidden; border-block: 1px solid var(--linha); padding: 16px 0; }
.h2-faixa-rotulo { flex: none; position: relative; z-index: 2; padding: 4px 18px 4px max(16px, calc((100vw - 1120px) / 2)); background: var(--abismo); box-shadow: 24px 0 24px var(--abismo); color: var(--mudo); font-size: .7rem; letter-spacing: .14em; text-transform: uppercase; }
main section[id] { scroll-margin-top: 84px; }
.h2-faixa-trilho { display: flex; gap: 38px; width: max-content; animation: correr 40s linear infinite; }
.h2-faixa-trilho span { display: inline-flex; align-items: center; gap: 10px; color: var(--suave); font: 500 .86rem 'JetBrains Mono', monospace; white-space: nowrap; }
.h2-faixa-trilho span::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: var(--azul-claro); }
@keyframes correr { to { transform: translateX(-50%); } }

/* bloco claro arredondado */
.h2-papel { padding: 0; }
.h2-papel > .wrap { padding: 88px 64px; border-radius: 32px; background: var(--papel); color: var(--tinta); }
.h2-papel h2, .h2-gelo h2 { color: var(--tinta); }
.h2-papel h2 em, .h2-gelo h2 em { color: var(--azul); }
.h2-papel .selo, .h2-gelo .selo { color: var(--azul); }
.h2-papel-grade { display: grid; grid-template-columns: .9fr 1.1fr; gap: 56px; align-items: center; }
.h2-papel .texto-corrido p { color: var(--tinta-suave); }
.h2-papel .resposta { color: var(--tinta) !important; }
.h2-papel .btn { margin-top: 8px; }

/* passos */
.passos { margin-top: 44px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; position: relative; }
.passo { text-align: left; font-family: inherit; color: var(--texto); padding: 22px; border-radius: 18px; border: 1px solid var(--linha); background: var(--casco); cursor: pointer; transition: border-color .3s, background .3s, transform .3s; }
.passo .mono { color: var(--mudo); font-size: .7rem; letter-spacing: .12em; text-transform: uppercase; }
.passo b { display: block; margin: 10px 0 6px; font-size: 1.05rem; }
.passo small { color: var(--mudo); font-size: .84rem; line-height: 1.5; }
.passo.ativo { border-color: var(--azul-vivo); background: linear-gradient(170deg, rgba(0, 50, 225, .22), var(--casco)); transform: translateY(-3px); }
.passo.ativo .mono { color: var(--azul-claro); }
.passo-detalhe { margin-top: 16px; padding: 20px 24px; border-radius: 16px; border: 1px solid var(--linha); background: var(--superficie); min-height: 96px; }
.passo-detalhe p { display: none; margin: 0; color: var(--suave); }
.passo-detalhe p.ativo { display: block; }
.passo-detalhe b { color: var(--texto); margin-right: 6px; }

/* painel do cliente */
.painel { margin-top: 44px; border-radius: 22px; border: 1px solid var(--linha-forte); background: #0B0C2A; box-shadow: 0 50px 100px -50px rgba(0, 50, 225, .9); overflow: hidden; }
.painel-barra { display: flex; align-items: center; gap: 6px; padding: 12px 16px; background: #14163D; border-bottom: 1px solid var(--linha); }
.painel-barra i { width: 9px; height: 9px; border-radius: 50%; background: var(--linha-forte); }
.painel-barra span { margin-left: 10px; padding: 4px 12px; border-radius: 8px; background: #0B0C2A; color: var(--suave); font: 500 .72rem 'JetBrains Mono', monospace; }
.painel-corpo { padding: 26px; }
.painel-cab small { color: var(--azul-claro); font-size: .68rem; letter-spacing: .14em; text-transform: uppercase; }
.painel-cab b { display: block; margin-top: 6px; font-size: 1.3rem; }
.painel-kpis { margin-top: 18px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
.painel-kpis div { padding: 16px; border-radius: 14px; background: var(--superficie); border: 1px solid var(--linha); }
.painel-kpis strong { display: block; font-size: 1.9rem; font-weight: 800; letter-spacing: -.03em; transition: color .3s; }
.painel-kpis span { color: var(--mudo); font-size: .8rem; }
.painel-colunas { margin-top: 14px; display: grid; grid-template-columns: 1.2fr .8fr; gap: 14px; }
.painel-bloco { padding: 18px; border-radius: 14px; background: var(--superficie); border: 1px solid var(--linha); }
.painel-bloco > small { display: block; margin-bottom: 12px; color: var(--mudo); font-size: .68rem; letter-spacing: .12em; text-transform: uppercase; }
.post { padding: 14px; border-radius: 12px; background: #0B0C2A; border: 1px solid var(--linha); transition: border-color .3s, opacity .3s; }
.post + .post { margin-top: 10px; }
.post b { font-size: .92rem; }
.post p { margin: 4px 0 10px; color: var(--mudo); font-size: .84rem; }
.post-acoes { display: flex; gap: 8px; }
.post-acoes button { font: 600 .8rem 'Sora', sans-serif; padding: 7px 14px; border-radius: 999px; border: 0; cursor: pointer; background: var(--azul); color: #fff; }
.post-acoes button.leve { background: transparent; color: var(--suave); border: 1px solid var(--linha-forte); }
.post.aprovado { border-color: rgba(61, 214, 140, .5); }
.post.aprovado .post-acoes { color: var(--verde); font: 600 .78rem 'JetBrains Mono', monospace; }
.painel-lista { list-style: none; margin: 0; padding: 0; display: grid; gap: 2px; }
.painel-lista li { display: flex; justify-content: space-between; gap: 10px; padding: 10px 0; border-bottom: 1px solid var(--linha); font-size: .86rem; }
.painel-lista em { font-style: normal; color: var(--verde); font: 500 .72rem 'JetBrains Mono', monospace; white-space: nowrap; }
.painel-link { display: inline-block; margin-top: 14px; color: var(--azul-claro); font-weight: 600; font-size: .9rem; text-decoration: none; }
.painel-beneficios { margin-top: 36px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 22px; }
.painel-beneficios b { display: block; margin-bottom: 6px; }
.painel-beneficios p { margin: 0; color: var(--mudo); font-size: .88rem; }

/* serviços */
.servicos { margin-top: 44px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.servico { position: relative; padding: 22px; border-radius: 22px; border: 1px solid var(--linha); background: var(--casco); transition: border-color .3s, transform .3s; }
.servico:hover { border-color: var(--linha-forte); transform: translateY(-3px); }
.servico .num { color: var(--azul-claro); font-size: .72rem; }
.servico h3 { margin: 6px 0 8px; font-size: 1.15rem; }
.servico p { margin: 0; color: var(--mudo); font-size: .9rem; }
.servico .mais { display: inline-block; margin-top: 12px; color: var(--azul-claro); font-weight: 600; font-size: .88rem; text-decoration: none; }
.ilus { height: 150px; margin-bottom: 18px; border-radius: 16px; background: #0A0B26; border: 1px solid var(--linha); position: relative; overflow: hidden; display: grid; place-items: center; padding: 16px; }
.ilus-busca { place-items: stretch; align-content: center; gap: 8px; }
.busca-campo { padding: 9px 14px; border-radius: 999px; background: #fff; color: #202124; font-size: .82rem; }
.busca-ad { padding: 10px 12px; border-radius: 10px; background: rgba(0, 50, 225, .18); border: 1px solid rgba(63, 111, 255, .5); }
.busca-ad small { display: block; color: var(--azul-claro); font: 600 .62rem 'JetBrains Mono', monospace; text-transform: uppercase; }
.busca-ad b { font-size: .86rem; }
.busca-outro { height: 10px; width: 70%; border-radius: 6px; background: var(--linha); }
.alvo { position: relative; width: 110px; height: 110px; }
.alvo i { position: absolute; inset: 0; border-radius: 50%; border: 1px solid var(--azul-claro); animation: onda 3s ease-out infinite; opacity: 0; }
.alvo i:nth-child(2) { animation-delay: 1s; } .alvo i:nth-child(3) { animation-delay: 2s; }
@keyframes onda { 0% { transform: scale(.2); opacity: .9; } 100% { transform: scale(1.3); opacity: 0; } }
.pilula-ilus { position: absolute; right: 16px; bottom: 16px; padding: 6px 12px; border-radius: 999px; background: var(--verde); color: #062B12; font: 600 .7rem 'JetBrains Mono', monospace; }
.ilus-mapa { background: linear-gradient(0deg, #1B1E4E 2px, transparent 2px) 0 0 / 24px 24px, linear-gradient(90deg, #1B1E4E 2px, transparent 2px) 0 0 / 24px 24px, #0A0B26; }
.pino { position: absolute; top: 30px; left: 46%; width: 22px; height: 22px; border-radius: 50% 50% 50% 0; transform: rotate(-45deg); background: #EA4335; }
.mapa-cartao { position: absolute; bottom: 14px; left: 14px; right: 14px; padding: 10px 12px; border-radius: 10px; background: #fff; color: #202124; display: flex; justify-content: space-between; font-size: .84rem; }
.ilus-chat { place-items: stretch; align-content: center; gap: 8px; }
.bolha { max-width: 82%; padding: 8px 12px; border-radius: 12px; font-size: .78rem; line-height: 1.35; }
.bolha.eles { background: #1B1E4E; color: var(--texto); }
.bolha.nos { justify-self: end; background: #DCF8C6; color: #1F4D2B; }
.ilus-crm { grid-template-columns: repeat(3, 1fr); gap: 8px; align-items: start; }
.ilus-crm > div { display: grid; gap: 6px; }
.ilus-crm small { color: var(--mudo); font: 500 .6rem 'JetBrains Mono', monospace; text-transform: uppercase; }
.ilus-crm i { height: 30px; border-radius: 8px; background: #1B1E4E; border: 1px solid var(--linha); }
.ilus-crm i.ganho { background: rgba(61, 214, 140, .2); border-color: rgba(61, 214, 140, .5); }
.ilus-time { place-items: stretch; align-content: center; gap: 10px; }
.ilus-time > div { display: grid; grid-template-columns: 44px 1fr 36px; gap: 8px; align-items: center; font-size: .78rem; color: var(--suave); }
.ilus-time i { height: 8px; border-radius: 6px; background: linear-gradient(90deg, var(--azul) var(--p), #1B1E4E var(--p)); }
.ilus-time b { font: 600 .72rem 'JetBrains Mono', monospace; }
.post-mini { width: 86%; padding: 12px; border-radius: 12px; background: #14163D; border: 1px solid var(--linha); display: grid; gap: 4px; font-size: .8rem; }
.post-mini span { color: var(--mudo); font-size: .72rem; }
.post-mini button { justify-self: start; margin-top: 6px; padding: 5px 12px; border-radius: 999px; border: 0; background: var(--azul); color: #fff; font: 600 .72rem 'Sora', sans-serif; }
.site-mini { width: 70px; height: 120px; border-radius: 14px; border: 2px solid var(--linha-forte); padding: 12px 8px; display: grid; gap: 6px; align-content: start; }
.site-mini i { height: 10px; border-radius: 4px; background: #1B1E4E; }
.site-mini i:first-child { height: 34px; background: linear-gradient(135deg, var(--azul), var(--azul-vivo)); }
.site-mini i.botao-zap { margin-top: 18px; height: 14px; border-radius: 999px; background: var(--zap); }
.barras { width: 90%; height: 100%; display: flex; align-items: end; gap: 8px; }
.barras i { flex: 1; height: var(--h); border-radius: 6px 6px 2px 2px; background: linear-gradient(180deg, var(--azul-vivo), rgba(0, 50, 225, .3)); }

/* método */
.metodo { margin-top: 44px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; counter-reset: m; }
.metodo > div { padding: 28px; border-radius: 22px; border: 1px solid var(--linha); background: linear-gradient(170deg, var(--superficie), var(--casco)); }
.metodo .mono { color: var(--azul-claro); font-size: .74rem; letter-spacing: .12em; text-transform: uppercase; }
.metodo h3 { margin: 12px 0 10px; font-size: 1.25rem; }
.metodo p { margin: 0; color: var(--mudo); font-size: .92rem; }

/* comparação (bloco claro) */
.h2-gelo { padding: 0; }
.h2-gelo > .wrap { padding: 88px 64px; border-radius: 32px; background: #EEF2F8; color: var(--tinta); }
.comparacao { margin-top: 40px; display: grid; grid-template-columns: 1fr 1fr; gap: 18px; align-items: start; }
.comp { padding: 28px; border-radius: 22px; }
.comp.comum { background: #fff; border: 1px solid #DCE3EE; }
.comp.vela { background: var(--tinta); color: var(--texto); box-shadow: 0 30px 60px -30px rgba(16, 18, 46, .6); transform: translateY(-10px); }
.comp-titulo { display: block; margin-bottom: 16px; font-size: .74rem; letter-spacing: .14em; text-transform: uppercase; color: var(--tinta-suave); }
.comp.vela .comp-titulo { color: var(--azul-claro); }
.comp > div { padding: 12px 0; border-top: 1px solid #E5EAF2; display: grid; gap: 2px; }
.comp.vela > div { border-color: var(--linha); grid-template-columns: 22px 1fr; column-gap: 10px; }
.comp.vela > div svg { grid-row: span 2; width: 18px; height: 18px; margin-top: 2px; padding: 2px; border-radius: 50%; background: var(--azul); color: #fff; }
.comp small { font-size: .66rem; letter-spacing: .12em; text-transform: uppercase; color: #8A90AA; }
.comp.vela small { color: var(--mudo); }
.comp > div span { font-size: .95rem; }
.comp.comum > div span { color: #6B6F8C; text-decoration: line-through; text-decoration-color: rgba(220, 38, 38, .5); }

/* CRM */
.crm { margin-top: 40px; border-radius: 22px; border: 1px solid var(--linha-forte); background: #0B0C2A; overflow: hidden; }
.crm-cab { display: flex; flex-wrap: wrap; align-items: baseline; gap: 12px; padding: 16px 22px; background: #14163D; border-bottom: 1px solid var(--linha); }
.crm-cab span { color: var(--mudo); font-size: .74rem; }
.crm-colunas { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; padding: 18px; }
.crm-col { display: grid; gap: 10px; align-content: start; }
.crm-col > small { color: var(--mudo); font-size: .68rem; letter-spacing: .1em; text-transform: uppercase; }
.crm-col > small b { margin-left: 6px; padding: 1px 7px; border-radius: 999px; background: var(--superficie); color: var(--texto); }
.crm-card { padding: 12px; border-radius: 12px; background: var(--superficie); border: 1px solid var(--linha); display: grid; gap: 3px; animation: entra .6s ease both; }
.crm-card b { font-size: .9rem; }
.crm-card span { color: var(--mudo); font-size: .78rem; }
.crm-card em { justify-self: start; margin-top: 4px; padding: 2px 8px; border-radius: 999px; font-style: normal; font: 600 .68rem 'JetBrains Mono', monospace; background: rgba(100, 150, 240, .15); color: var(--azul-claro); }
.crm-col:last-child .crm-card em { background: rgba(61, 214, 140, .15); color: var(--verde); }
@keyframes entra { from { opacity: 0; transform: translateY(8px); } }

/* abas Google x Meta */
.abas { margin-top: 36px; }
.abas-botoes { display: inline-flex; gap: 6px; padding: 6px; border-radius: 999px; border: 1px solid var(--linha); background: var(--casco); }
.abas-botoes button { font: 600 .9rem 'Sora', sans-serif; padding: 10px 18px; border-radius: 999px; border: 0; background: transparent; color: var(--suave); cursor: pointer; }
.abas-botoes button[aria-selected="true"] { background: var(--azul); color: #fff; }
.aba { display: none; margin-top: 18px; padding: 28px; border-radius: 22px; border: 1px solid var(--linha); background: var(--casco); max-width: 760px; }
.aba.ativo { display: block; }
.aba h3 { font-size: 1.3rem; margin-bottom: 10px; }
.aba p { color: var(--suave); }
.aba ul { margin: 0; padding-left: 18px; color: var(--mudo); display: grid; gap: 6px; }
.aba b { color: var(--texto); }

/* simulador */
.simulador { margin-top: 40px; display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.sim-entradas, .sim-resultado { padding: 26px; border-radius: 22px; border: 1px solid var(--linha); background: var(--casco); }
.sim-entradas { display: grid; gap: 22px; }
.sim-entradas label { display: grid; gap: 10px; font-size: .9rem; color: var(--suave); }
.sim-entradas output { float: right; color: var(--azul-claro); font: 600 .9rem 'JetBrains Mono', monospace; }
.sim-entradas input[type=range] { width: 100%; accent-color: var(--azul-vivo); }
.sim-entradas select, .sim-entradas input[type=number], .h2-form input, .h2-form select { width: 100%; padding: 12px 14px; border-radius: 12px; border: 1px solid var(--linha-forte); background: #0A0B26; color: var(--texto); font: inherit; }
.sim-resultado { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; align-content: start; }
.sim-resultado > div:not(.sim-barras) { padding: 16px; border-radius: 14px; background: var(--superficie); }
.sim-resultado small { color: var(--mudo); font-size: .66rem; letter-spacing: .1em; text-transform: uppercase; }
.sim-resultado strong { display: block; margin-top: 4px; font-size: 1.7rem; font-weight: 800; letter-spacing: -.02em; }
.sim-barras { grid-column: span 2; display: grid; gap: 10px; }
.sim-barras > div { display: grid; grid-template-columns: 120px 1fr 92px; gap: 10px; align-items: center; font-size: .84rem; color: var(--suave); }
.sim-barras i { height: 10px; border-radius: 6px; background: var(--azul); width: 0; transition: width .5s; }
.sim-barras i[data-b="vol"] { background: var(--verde); }
.sim-barras b { text-align: right; font: 600 .82rem 'JetBrains Mono', monospace; }
.sim-resultado .nota { grid-column: span 2; margin: 0; }

#resultados .resultados { margin-top: 36px; }

/* glossário */
.glossario { margin: 40px 0 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
.glossario > div { padding: 20px; border-radius: 18px; background: #fff; border: 1px solid var(--borda-papel); }
.glossario dt { font-weight: 700; color: var(--tinta); }
.glossario dd { margin: 8px 0 0; color: var(--tinta-suave); font-size: .88rem; }
.glossario dd span { display: block; margin-top: 12px; padding-top: 10px; border-top: 1px dashed var(--borda-papel); color: var(--azul); font-size: .74rem; }

/* nichos */
.nichos-nuvem { margin-top: 32px; display: flex; flex-wrap: wrap; gap: 10px; }
.nichos-nuvem a { padding: 10px 16px; border-radius: 999px; border: 1px solid var(--linha); background: var(--casco); color: var(--suave); text-decoration: none; font-size: .9rem; transition: border-color .2s, color .2s; }
.nichos-nuvem a:hover { border-color: var(--azul-claro); color: var(--texto); }

/* perguntas */
.h2-faq-grade { display: grid; grid-template-columns: .8fr 1.2fr; gap: 56px; align-items: start; }
.h2-secao .faq details { border-bottom: 1px solid var(--linha); }
.h2-secao .faq summary { color: var(--texto); }
.h2-secao .faq details p { color: var(--suave); }

/* final */
.h2-final { position: relative; }
.h2-final::before { content: ''; position: absolute; inset: 10% -10% auto auto; width: 700px; height: 700px; background: radial-gradient(circle, rgba(0, 50, 225, .35), transparent 60%); filter: blur(40px); pointer-events: none; }
.h2-final-grade { position: relative; display: grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items: start; }
.h2-endereco { margin-top: 26px; color: var(--mudo); font-size: .88rem; }
.h2-endereco a { color: var(--suave); }
.h2-form { padding: 28px; border-radius: 24px; border: 1px solid var(--linha-forte); background: rgba(12, 13, 43, .9); display: grid; gap: 14px; }
.h2-form label { display: grid; gap: 8px; color: var(--mudo); font: 500 .72rem 'JetBrains Mono', monospace; letter-spacing: .1em; text-transform: uppercase; }
.h2-form input, .h2-form select { text-transform: none; letter-spacing: 0; font: 400 .95rem 'Sora', sans-serif; }
.h2-form .btn { justify-content: space-between; margin-top: 6px; }
.h2-form small { color: var(--mudo); font-size: .76rem; text-align: center; }

/* entrada suave ao rolar */
.revela { opacity: 0; transform: translateY(18px); transition: opacity .7s, transform .7s; }
.revela.visivel { opacity: 1; transform: none; }

@media (max-width: 1000px) {
  .h2-hero-grade, .h2-papel-grade, .h2-final-grade, .h2-faq-grade, .simulador, .comparacao { grid-template-columns: 1fr; }
  .h2-prova-grade { grid-template-columns: 1fr 1fr; }
  .h2-prova-grade > div:nth-child(3) { padding-left: 0; border-left: 0; }
  .passos, .painel-kpis, .painel-beneficios, .glossario { grid-template-columns: 1fr 1fr; }
  .painel-colunas, .crm-colunas { grid-template-columns: 1fr 1fr; }
  .servicos { grid-template-columns: 1fr 1fr; }
  .comp.vela { transform: none; }
}
@media (max-width: 640px) {
  .h2-secao { padding: 72px 0; }
  .h2-hero { padding: 36px 0 48px; }
  .h2-papel > .wrap, .h2-gelo > .wrap { padding: 52px 22px; border-radius: 24px; }
  .h2-prova-grade, .passos, .painel-kpis, .painel-beneficios, .glossario, .servicos, .painel-colunas, .crm-colunas, .metodo { grid-template-columns: 1fr; }
  .h2-prova-grade > div, .h2-prova-grade > div + div { padding: 24px 0 0; border-left: 0; }
  .sim-resultado { grid-template-columns: 1fr; }
  .sim-barras, .sim-resultado .nota { grid-column: auto; }
  .sim-barras > div { grid-template-columns: 1fr 80px; }
  .sim-barras i { grid-column: span 2; grid-row: 2; }
  .abas-botoes { display: flex; flex-wrap: wrap; border-radius: 18px; }
}
@media (prefers-reduced-motion: reduce) {
  .h2-faixa-trilho, .alvo i, .cursor, .ao-vivo::before, .crm-card { animation: none !important; }
  .alvo i { opacity: .5; transform: scale(.45); } .alvo i:nth-child(2) { transform: scale(.75); } .alvo i:nth-child(3) { transform: scale(1.05); }
  .revela { opacity: 1; transform: none; }
}