/* ============================================================
   O Prisma da Influência: cores do livro por cima do design system
   do O Conselheiro (site.css). Paleta tirada da capa:
   verde escuro #121845, verde médio #2433C9, verde vivo #7C8BFF, branco.
   A pervinca vai só nos botões e em pequenos sinais.
   Dois contextos: escuro (por omissão) e .claro.
   --t é a "tinta" em RGB, para contornos e véus.
============================================================ */
:root,
.claro .janela, .claro .chamada, .claro .escuro-ilha{
  --preto:#070A24;
  --cartao-a:#141A4A; --cartao-b:#0A0E2C;
  --t:240,242,255;
  --linha:rgba(240,242,255,.10); --linha-forte:rgba(240,242,255,.2);
  --texto:#F5F6FF; --texto-2:#C7CCF0; --texto-3:#9AA2D6;
  --acento:#EEF0FF; --sobre-acento:#070A24;
  color:var(--texto);
}
.claro, .barra{
  --cartao-a:#FFFFFF; --cartao-b:#E6E9F7;
  --t:11,16,51;
  --linha:rgba(11,16,51,.12); --linha-forte:rgba(11,16,51,.22);
  --texto:#0B1033; --texto-2:#3A4170; --texto-3:#565D8A;
  --acento:#2433C9; --sobre-acento:#FFFFFF;
  color:var(--texto);
}
:root{
  --branco:#F4F5FB;
  --verde:#7C8BFF; --verde-claro:#9AA6FF; --sobre-verde:#070A24;
  --verde-medio:#2433C9; --verde-escuro:#121845;
  --marca:linear-gradient(160deg,#2A3BB0 0%,#18237A 55%,#121845 100%);
  color-scheme:light dark;
}
html,body{ background:var(--preto); }
.claro{ background:var(--branco); }
:focus-visible{ outline-color:var(--verde); }

/* cartões, vidro, contornos */
.vidro{ background:rgba(10,14,44,.55); border-color:rgba(var(--t),.16); }
.claro .vidro{ background:rgba(255,255,255,.65); }
.claro .janela.vidro{ background:linear-gradient(135deg,#141A4A,#0A0E2C); border-color:rgba(11,16,51,.5); }
.contorno{ background:rgba(var(--t),.03); box-shadow:inset 0 0 0 1px rgba(var(--t),.12); }
.holofote::after{ background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%), rgba(var(--t),.08), transparent 60%); }
.ico-caixa{ width:48px; height:48px; border-radius:15px; display:grid; place-items:center; flex:none; box-shadow:inset 0 0 0 1px rgba(var(--t),.18); color:var(--texto); }
.ico-caixa svg{ width:22px; height:22px; }

/* botões: pervinca com texto azul-noite (contraste 6:1) */
.botao-principal, .claro .botao-principal, .barra .botao-principal{ background:var(--verde); color:var(--sobre-verde); box-shadow:0 0 0 1px rgba(255,255,255,.2) inset, 0 12px 34px -14px rgba(124,139,255,.7); }
.botao-principal:hover, .claro .botao-principal:hover, .barra .botao-principal:hover{ background:var(--verde-claro); box-shadow:0 0 0 1px rgba(255,255,255,.28) inset, 0 16px 40px -12px rgba(124,139,255,.8); }
.botao-linha{ background:rgba(var(--t),.03); }
.botao-linha:hover{ border-color:rgba(var(--t),.45); background:rgba(var(--t),.06); }
.botao-escuro{ background:var(--verde); color:var(--sobre-verde); }
.botao-escuro:hover{ background:var(--verde-claro); }

/* barra de cima */
.barra{ background:rgba(244,245,251,.94); backdrop-filter:blur(18px) saturate(1.3); -webkit-backdrop-filter:blur(18px) saturate(1.3); }
.barra.rolou{ background:rgba(244,245,251,.94); border-bottom-color:rgba(11,16,51,.12); }
.barra nav a:hover{ background:rgba(11,16,51,.06); }
.marca .selo-escala{ width:38px; height:38px; border-radius:12px; background:var(--verde-escuro); color:var(--verde); display:grid; place-items:center; flex:none; }
.marca .selo-escala svg{ width:20px; height:20px; }
@media (max-width:640px){ .marca .selo-escala{ width:34px; height:34px; } }

/* abertura */
.abertura{ padding-top:150px; }
.abertura-fundo .grelha{ background-image:linear-gradient(rgba(11,16,51,.08) 1px, transparent 1px), linear-gradient(90deg, rgba(11,16,51,.08) 1px, transparent 1px); }
.abertura-fundo .luz{ background:radial-gradient(closest-side, rgba(124,139,255,.16), rgba(36,51,201,.05) 55%, transparent); }
.abertura-fundo .foto{ display:none !important; }
@media (max-width:640px){ .abertura{ padding-top:120px; } }
.janela{ box-shadow:0 40px 110px -40px rgba(11,16,51,.6); }
.janela-topo{ border-bottom-color:rgba(var(--t),.1); }
.pontos i{ background:rgba(var(--t),.2); }
.pontos i:first-child{ background:var(--verde); }
.etiqueta{ box-shadow:inset 0 0 0 1px rgba(var(--t),.14); }
.etiqueta.viva{ color:var(--verde); box-shadow:inset 0 0 0 1px rgba(124,139,255,.4); display:inline-flex; align-items:center; gap:7px; }
.etiqueta.viva::before{ content:""; width:6px; height:6px; border-radius:50%; background:var(--verde); }
svg [stroke="#fff"]{ stroke:var(--acento); }
svg [fill="#fff"]{ fill:var(--acento); }

/* livro e etiquetas na abertura */
.produto{ position:relative; width:min(560px,100%); aspect-ratio:1/0.82; margin:-6px auto 6px; }
.produto .livro{ position:absolute; left:50%; top:50%; width:46%; transform:translate(-50%,-50%); z-index:1; }
.produto .livro img{ width:100%; height:auto; filter:drop-shadow(0 30px 34px rgba(11,16,51,.45)); }
.produto .orbitas{ position:absolute; inset:4%; border-radius:50%; border:1px dashed rgba(11,16,51,.16); }
.produto .orbitas::after{ content:""; position:absolute; inset:14%; border-radius:50%; border:1px dashed rgba(124,139,255,.28); }
.etapa{ position:absolute; z-index:2; transform:translate(-50%,-50%); display:inline-flex; align-items:center; gap:10px; padding:7px 14px 7px 7px; border-radius:16px; white-space:nowrap;
  background:rgba(255,255,255,.85); box-shadow:inset 0 0 0 1px rgba(11,16,51,.14), 0 16px 30px -18px rgba(11,16,51,.5); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); }
.etapa .ico-caixa{ width:36px; height:36px; border-radius:11px; color:var(--verde-medio); }
.etapa .ico-caixa svg{ width:18px; height:18px; }
.etapa small{ display:block; font-size:11px; color:var(--texto-3); line-height:1.2; font-variant-numeric:tabular-nums; }
.etapa b{ display:block; font-weight:500; font-size:15px; line-height:1.2; letter-spacing:-.02em; color:var(--texto); }
.etapa.quente{ background:var(--verde); box-shadow:0 16px 30px -14px rgba(124,139,255,.7); }
.etapa.quente b,.etapa.quente small{ color:var(--sobre-verde); }
.etapa.quente .ico-caixa{ background:var(--sobre-verde); color:var(--verde); box-shadow:none; }
.e1{ left:13%; top:20%; } .e2{ left:87%; top:16%; } .e3{ left:90%; top:62%; } .e4{ left:70%; top:92%; } .e5{ left:14%; top:78%; }
@media (prefers-reduced-motion:no-preference){
  .produto .livro{ animation:boia 6s ease-in-out infinite; }
  .etapa{ animation:boia-etapa 5s ease-in-out infinite; }
  .e2{ animation-delay:-1s; } .e3{ animation-delay:-2.2s; } .e4{ animation-delay:-3.1s; } .e5{ animation-delay:-1.7s; }
  @keyframes boia{ 50%{ transform:translate(-50%,-53%) rotate(-1deg); } }
  @keyframes boia-etapa{ 50%{ transform:translate(-50%,calc(-50% - 8px)); } }
}
@media (max-width:600px){
  .produto{ aspect-ratio:1/0.95; }
  .produto .livro{ width:52%; }
  .etapa{ gap:7px; padding:5px 10px 5px 5px; border-radius:12px; }
  .etapa .ico-caixa{ width:28px; height:28px; border-radius:9px; }
  .etapa .ico-caixa svg{ width:15px; height:15px; }
  .etapa b{ font-size:13px; } .etapa small{ font-size:10px; }
  .e1{ left:20%; top:12%; } .e2{ left:80%; top:12%; } .e3{ left:83%; top:70%; } .e4{ left:60%; top:93%; } .e5{ left:18%; top:82%; }
}

/* painel da operação (a janela que endireita) */
.painel-op{ display:grid; grid-template-columns:220px minmax(0,1fr); }
.painel-lado{ padding:18px 14px; border-right:1px solid rgba(var(--t),.1); display:flex; flex-direction:column; gap:4px; }
.painel-lado .rotulo{ font-size:12.5px; color:var(--texto-3); padding:0 10px 10px; }
.estagio{ display:flex; align-items:center; gap:11px; padding:10px; border-radius:12px; font-size:14.5px; color:var(--texto-2); }
.estagio svg{ width:18px; height:18px; }
.estagio .estado{ margin-left:auto; width:18px; height:18px; border-radius:50%; display:grid; place-items:center; background:rgba(var(--t),.08); }
.estagio .estado svg{ width:11px; height:11px; }
.estagio.feito .estado{ background:rgba(124,139,255,.18); color:var(--verde); }
.estagio.agora{ background:rgba(var(--t),.06); color:var(--texto); box-shadow:inset 0 0 0 1px rgba(124,139,255,.4); }
.estagio.agora > svg{ color:var(--verde); }
.estagio.agora .estado{ background:var(--verde); color:var(--sobre-verde); }
.painel-centro{ padding:20px 22px 16px; min-width:0; }
.kpis{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin-bottom:14px; }
.kpi{ padding:14px 16px; border-radius:14px; }
.kpi small{ display:block; font-size:12.5px; color:var(--texto-3); margin-bottom:6px; }
.kpi b{ font-weight:500; font-size:clamp(17px,2.2vw,24px); letter-spacing:-.04em; font-variant-numeric:tabular-nums; }
.kpi b.sobe{ color:var(--verde); }
.grafico-op{ padding:14px 16px 10px; border-radius:14px; }
.grafico-op .topo{ display:flex; justify-content:space-between; gap:10px; font-size:13px; color:var(--texto-3); margin-bottom:8px; }
.grafico-op .topo b{ font-weight:500; color:var(--texto); font-size:14.5px; }
.grafico-op svg{ width:100%; height:auto; }
.grafico-op .dias{ display:flex; justify-content:space-between; padding:6px 2% 0; font-size:11.5px; color:var(--texto-3); }
@media (max-width:820px){
  .painel-op{ grid-template-columns:1fr; }
  .painel-lado{ border-right:0; border-bottom:1px solid rgba(var(--t),.1); flex-direction:row; flex-wrap:wrap; gap:6px; padding:12px; }
  .painel-lado .rotulo{ width:100%; padding:0 4px 4px; }
  .estagio{ padding:7px 10px; font-size:13px; gap:7px; box-shadow:inset 0 0 0 1px rgba(var(--t),.1); }
  .estagio .estado{ display:none; }
}
@media (max-width:560px){ .painel-centro{ padding:12px; } .kpis{ grid-template-columns:1fr 1fr; } .kpis .kpi:last-child{ grid-column:1/-1; } }

/* faixa fina */
.faixa{ padding:16px 0; }
.faixa-trilho{ animation-duration:40s; }
.faixa-trilho ul{ gap:26px; padding-right:26px; }
.faixa-trilho li{ font-size:clamp(15px,1.25vw,17px); letter-spacing:-.01em; color:rgba(var(--t),.7); }
.faixa-trilho li.sep{ width:6px; height:6px; background:var(--verde); }

/* problema: cadeia */
.cadeia{ display:flex; flex-direction:column; gap:10px; }
.elo{ display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1.15fr); align-items:center; gap:14px; padding:20px 22px; }
.elo .a{ color:var(--texto); font-size:17px; letter-spacing:-.02em; }
.elo .b{ color:var(--texto-2); font-size:17px; letter-spacing:-.02em; display:flex; align-items:center; gap:8px; }
.elo .b svg{ width:18px; height:18px; color:#B3261E; flex:none; }
.elo .seta-elo{ width:36px; height:36px; border-radius:50%; display:grid; place-items:center; box-shadow:inset 0 0 0 1px var(--linha-forte); color:var(--texto-3); }
.elo .seta-elo svg{ width:15px; height:15px; }
.elo.suave{ grid-template-columns:auto 1fr; background:transparent; border-style:dashed; }
@media (max-width:560px){ .elo{ grid-template-columns:1fr; gap:10px; padding:18px; } .elo .seta-elo{ transform:rotate(90deg); width:30px; height:30px; } }
.chamada{ background:var(--marca); color:#F5F6FF; }
.chamada::before{ background:radial-gradient(80% 60% at 100% 0%, rgba(255,255,255,.14), transparent 60%), radial-gradient(70% 55% at 0% 100%, rgba(0,0,0,.2), transparent 65%); }
.chamada h3{ color:#F5F6FF; }

/* para ti */
.para{ display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:16px; }
.para .cartao{ grid-column:span 2; padding:28px; display:flex; flex-direction:column; gap:16px; }
.para .cartao.largo{ grid-column:span 3; }
.para h3{ font-size:19px; line-height:1.3; letter-spacing:-.02em; margin-bottom:8px; }
.para p{ font-size:15.5px; }
.para .ico-caixa{ color:var(--verde-medio); }
@media (max-width:980px){ .para{ grid-template-columns:1fr 1fr; } .para .cartao,.para .cartao.largo{ grid-column:span 1; } .para .cartao:last-child{ grid-column:1/-1; } }
@media (max-width:600px){ .para{ grid-template-columns:1fr; } .para .cartao:last-child{ grid-column:auto; } }

/* prova: números */
.prova-topo{ display:flex; justify-content:space-between; align-items:flex-end; gap:40px; flex-wrap:wrap; margin-bottom:56px; }
.prova-topo .cabeca{ margin-bottom:0; }
.prova-topo .lado{ max-width:340px; }
.numeros{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
.numero{ padding:28px 26px; display:flex; flex-direction:column; min-height:250px; }
.numero .quando{ display:flex; align-items:center; gap:8px; font-size:13px; color:var(--texto-3); margin-bottom:auto; }
.numero .quando svg{ width:16px; height:16px; color:var(--verde); }
.numero .valor{ font-size:clamp(36px,3.4vw,48px); line-height:1; letter-spacing:-.05em; margin:34px 0 14px; white-space:nowrap; font-variant-numeric:tabular-nums; }
.numero .valor small{ font-size:max(13px,.38em); letter-spacing:-.01em; color:var(--texto-3); margin-left:4px; }
.numero p{ font-size:15px; }
.numero.destaque{ background:var(--marca); border-color:#2A3BB0; }
.numero.destaque .valor,.numero.destaque p,.numero.destaque .quando{ color:#F5F6FF; }
.numero.destaque .valor small{ color:#C7CCF0; }
.numero.destaque .quando svg{ color:var(--verde); }
.salto{ display:flex; align-items:center; gap:8px; margin-top:18px; font-size:13.5px; color:#F5F6FF; flex-wrap:wrap; }
.salto span:first-child{ padding:4px 10px; border-radius:8px; background:rgba(0,0,0,.2); }
.salto svg{ width:16px; height:16px; }
@media (max-width:1000px){ .numeros{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:560px){ .numeros{ grid-template-columns:1fr; } .numero{ min-height:0; } }

/* método: cadeia de 5 passos que acende */
.nao-e span.sim{ color:var(--texto); box-shadow:inset 0 0 0 1px rgba(124,139,255,.4); border-color:transparent; }
.passos-escala{ position:relative; display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:14px; padding:14px; border-radius:30px; }
.passos-escala::before{ content:""; position:absolute; left:10%; right:10%; top:50%; height:1px; background:linear-gradient(90deg, rgba(var(--t),.15), var(--verde)); }
.passos-escala .no{ position:relative; flex-direction:column; text-align:center; padding:26px 16px; gap:14px; justify-content:center; background:var(--preto); }
.passos-escala .no b{ font-size:17px; }
.passos-escala .no.aceso{ background:#141A4A; }
.passos-escala .no:last-child.aceso{ background:var(--verde); box-shadow:none; }
.passos-escala .no:last-child.aceso b{ color:var(--sobre-verde); }
.passos-escala .no:last-child.aceso .ico-caixa{ background:var(--sobre-verde); color:var(--verde); }
.porque{ display:grid; grid-template-columns:1fr 1fr 1.2fr; gap:16px; margin-top:16px; }
.porque div{ padding:24px 26px; font-size:17px; letter-spacing:-.02em; color:var(--texto-2); }
.porque div.chave{ color:var(--texto); font-size:19px; box-shadow:inset 0 0 0 1px rgba(124,139,255,.45); }
.porque div.chave span{ color:var(--verde); }
@media (max-width:860px){
  .passos-escala{ grid-template-columns:1fr; }
  .passos-escala::before{ left:50%; right:auto; top:8%; bottom:8%; width:1px; height:auto; background:linear-gradient(180deg, rgba(var(--t),.15), var(--verde)); }
  .passos-escala .no{ flex-direction:row; justify-content:flex-start; padding:14px 18px; }
  .porque{ grid-template-columns:1fr; }
}

/* o que recebes */
.recebes{ display:grid; grid-template-columns:1.25fr 1fr; grid-template-rows:auto auto; gap:16px; }
.recebes .cartao{ padding:32px; display:flex; flex-direction:column; }
.recebes .grande{ grid-row:span 2; }
.recebes .tipo{ display:inline-flex; align-items:center; gap:8px; font-size:13.5px; color:var(--verde); margin-bottom:10px; }
.recebes .tipo svg{ width:17px; height:17px; }
.recebes h3{ margin-bottom:12px; }
.recebes p{ font-size:16px; max-width:460px; }
.recebes .local{ display:flex; align-items:center; gap:10px; margin-top:16px; font-size:15px; color:var(--texto-2); }
.recebes .local svg{ width:18px; height:18px; color:var(--verde); }
.video{ position:relative; margin-top:auto; padding-top:28px; }
.video .ecra-video{ position:relative; aspect-ratio:16/10; border-radius:18px; overflow:hidden; box-shadow:inset 0 0 0 1px rgba(var(--t),.16); }
.video img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:55% 0%; }
.video .veu{ position:absolute; inset:0; background:linear-gradient(180deg, rgba(7,10,36,.15), rgba(7,10,36,.85)); }
.video .duracao{ position:absolute; left:16px; top:14px; font-size:12.5px; padding:6px 12px; border-radius:999px; background:rgba(7,10,36,.6); box-shadow:inset 0 0 0 1px rgba(var(--t),.2); }
.video .tocar{ position:absolute; left:20px; bottom:48px; width:52px; height:52px; border-radius:50%; background:var(--verde); color:var(--sobre-verde); display:grid; place-items:center; box-shadow:0 0 0 8px rgba(124,139,255,.16); }
.video .tocar svg{ width:18px; height:18px; margin-left:3px; }
.video .progresso{ position:absolute; left:18px; right:18px; bottom:16px; display:flex; align-items:center; gap:12px; font-size:12.5px; color:var(--texto-2); }
.video .progresso span.pista{ flex:1; height:4px; border-radius:4px; background:rgba(var(--t),.18); overflow:hidden; }
.video .progresso span.pista i{ display:block; height:100%; width:34%; background:var(--verde); }
.livro-cartao{ display:flex; align-items:flex-end; gap:20px; }
.livro-cartao img{ width:96px; flex:none; filter:drop-shadow(0 16px 16px rgba(0,0,0,.45)); transform:rotate(-3deg); }
.modelos{ display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:auto; padding-top:20px; }
.modelos div{ display:flex; align-items:center; gap:10px; padding:12px 14px; border-radius:12px; font-size:14.5px; color:var(--texto-2); }
.modelos svg{ width:18px; height:18px; color:var(--verde); flex:none; }
.cta-meio{ display:flex; flex-direction:column; align-items:center; gap:12px; margin-top:44px; }
.cta-meio span{ display:inline-flex; align-items:center; gap:8px; font-size:14px; color:var(--texto-3); }
.cta-meio span svg{ width:17px; height:17px; color:var(--verde); }
@media (max-width:900px){ .recebes{ grid-template-columns:1fr; } .recebes .grande{ grid-row:auto; } }
@media (max-width:560px){ .recebes .cartao{ padding:24px 22px; } .modelos{ grid-template-columns:1fr; } .livro-cartao{ flex-direction:column; align-items:flex-start; } }

/* objeções */
.objecoes{ display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.objecao{ padding:30px; display:flex; flex-direction:column; gap:14px; }
.objecao .q{ display:flex; gap:14px; align-items:flex-start; }
.objecao .q svg{ width:24px; height:24px; color:var(--verde-medio); flex:none; margin-top:3px; }
.objecao h3{ font-size:21px; line-height:1.3; letter-spacing:-.03em; }
.objecao .r{ padding-left:38px; }
.objecao .r p{ font-size:16px; }
.objecao .r p + p{ margin-top:10px; }
.objecao .curta{ color:var(--verde-medio); font-size:18px; }
.objecao.inteira{ grid-column:1/-1; }
.objecao .forte{ margin:6px 0; padding:16px 20px; background:rgba(124,139,255,.1); box-shadow:inset 0 0 0 1px rgba(124,139,255,.28); border-radius:14px; color:var(--texto); font-size:17px; }
@media (max-width:800px){ .objecoes{ grid-template-columns:1fr; } .objecao{ padding:24px 22px; } .objecao .r{ padding-left:0; } }

/* previsível */
.adivinhar{ display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:center; }
.adivinhar .palavra{ margin-top:22px; font-size:clamp(34px,4.4vw,54px); line-height:1.02; letter-spacing:-.05em; color:var(--verde); }
.verificar{ list-style:none; border-radius:30px; overflow:hidden; }
.verificar li{ display:flex; align-items:center; gap:16px; padding:18px 22px; font-size:18px; letter-spacing:-.02em; border-bottom:1px solid var(--linha); color:var(--texto); }
.verificar li:last-child{ border-bottom:0; }
.verificar .ico-caixa{ width:42px; height:42px; border-radius:12px; color:var(--verde); }
@media (max-width:900px){ .adivinhar{ grid-template-columns:1fr; gap:36px; } }

/* mentor */
.mentor-numeros{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); margin-top:30px; border-top:1px solid var(--linha); }
.mentor-numeros div{ padding:20px 20px 4px; border-left:1px solid var(--linha); }
.mentor-numeros div:first-child{ padding-left:0; border-left:0; }
.mentor-numeros b{ display:block; font-weight:500; font-size:clamp(28px,3vw,36px); letter-spacing:-.05em; color:var(--verde); line-height:1; margin-bottom:10px; font-variant-numeric:tabular-nums; }
.mentor-numeros span{ font-size:14.5px; color:var(--texto-3); line-height:1.45; display:block; }
.retrato img{ filter:none; }
.retrato::after{ background:linear-gradient(0deg, rgba(7,10,36,.65), transparent 45%); }
.pilula{ background:var(--acento); color:var(--sobre-acento); }
.pilula svg{ color:var(--verde); }
@media (max-width:560px){ .mentor-numeros div{ padding:16px 10px 4px; } .mentor-numeros b{ font-size:26px; } .mentor-numeros span{ font-size:13px; } }

/* caso de sucesso: antes e depois */
.caso{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,480px); gap:60px; align-items:center; }
.caso .quem{ display:inline-flex; align-items:center; gap:10px; padding:6px 14px 6px 6px; border-radius:999px; box-shadow:inset 0 0 0 1px var(--linha-forte); font-size:14px; color:var(--texto-2); margin-bottom:22px; }
.caso .quem b{ font-weight:500; background:var(--verde-medio); color:#fff; padding:3px 10px; border-radius:999px; font-size:12.5px; }
.caso p + p{ margin-top:14px; }
.caso .nota-caso{ margin-top:22px; padding:16px 20px; background:rgba(124,139,255,.1); box-shadow:inset 0 0 0 1px rgba(124,139,255,.28); border-radius:14px; color:var(--texto); font-size:17px; }
.comparar-fotos{ position:relative; width:100%; aspect-ratio:4/5; border-radius:30px; overflow:hidden; margin:0; box-shadow:inset 0 0 0 1px var(--linha-forte), 0 30px 70px -40px rgba(11,16,51,.6); touch-action:pan-y; }
.comparar-fotos img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.comparar-fotos .antes{ clip-path:inset(0 calc(100% - var(--pos)) 0 0); }
.comparar-fotos .lbl{ position:absolute; top:16px; z-index:3; padding:6px 14px; border-radius:999px; font-size:13px; color:#fff; background:rgba(7,10,36,.65); backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); }
.comparar-fotos .lbl.a{ left:16px; } .comparar-fotos .lbl.b{ right:16px; }
.comparar-fotos .linha-c{ position:absolute; top:0; bottom:0; left:var(--pos); width:2px; background:var(--verde); transform:translateX(-50%); z-index:2; pointer-events:none; }
.comparar-fotos .pega{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:50px; height:50px; border-radius:50%; background:var(--verde); color:var(--sobre-verde); display:flex; align-items:center; justify-content:center; gap:2px; box-shadow:0 10px 30px -8px rgba(0,0,0,.6); }
.comparar-fotos .pega svg{ width:14px; height:14px; }
.comparar-fotos .pega .vira{ transform:rotate(180deg); }
.comparar-fotos input{ position:absolute; inset:0; width:100%; height:100%; margin:0; opacity:0; cursor:ew-resize; z-index:4; -webkit-appearance:none; appearance:none; }
.comparar-fotos input:focus-visible ~ .linha-c .pega{ outline:2px solid #fff; outline-offset:3px; }
@media (max-width:900px){ .caso{ grid-template-columns:1fr; gap:36px; } .comparar-fotos{ max-width:440px; margin:0 auto; order:-1; } }

/* preços */
.precos-fundo{ background:radial-gradient(closest-side, rgba(124,139,255,.18), transparent); }
.plano.destaque{ background:var(--marca); border-color:#2A3BB0; color:#F5F6FF; box-shadow:0 30px 90px -30px rgba(0,0,0,.6); }
.plano.destaque::before{ background:radial-gradient(80% 60% at 100% 0%, rgba(255,255,255,.12), transparent 60%), radial-gradient(70% 55% at 0% 100%, rgba(0,0,0,.22), transparent 65%); }
.plano.destaque h3,.plano.destaque .valor,.plano.destaque li svg{ color:#F5F6FF; }
.plano.destaque li svg{ color:var(--verde); }
.plano.destaque .plano-tipo,.plano.destaque .plano-preco .antes{ color:rgba(245,246,255,.7); }
.plano.destaque .desc,.plano.destaque li,.plano.destaque .unidade{ color:rgba(245,246,255,.88); }
.plano.destaque .plano-preco{ border-color:rgba(245,246,255,.2); }
.plano li svg{ color:var(--verde); }
.promo{ background:var(--verde); color:var(--sobre-verde); }
.confianca-pag{ max-width:980px; margin:20px auto 0; display:flex; justify-content:center; gap:10px 28px; flex-wrap:wrap; font-size:14px; color:var(--texto-2); }
.confianca-pag span{ display:inline-flex; align-items:center; gap:8px; }
.confianca-pag svg{ width:17px; height:17px; color:var(--verde); }
.tres-passos{ max-width:980px; margin:30px auto 0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.tres-passos div{ padding:20px; font-size:16.5px; color:var(--texto); letter-spacing:-.02em; }
.tres-passos small{ display:block; color:var(--verde); font-size:13px; margin-bottom:8px; font-variant-numeric:tabular-nums; }
@media (max-width:560px){ .tres-passos{ grid-template-columns:1fr; } }

/* perguntas */
.pergunta-item.aberta .mais{ background:var(--verde-medio); color:#fff; }

/* fecho */
.fecho .nascer{ background:radial-gradient(closest-side, rgba(124,139,255,.32), rgba(36,51,201,.3) 55%, transparent); }
.fecho .horizonte{ border-top-color:rgba(240,242,255,.45); box-shadow:0 -30px 80px -20px rgba(124,139,255,.25); background:var(--preto); }
.perguntas-fecho{ display:flex; flex-direction:column; align-items:center; gap:10px; margin:0 auto 34px; max-width:660px; }
.perguntas-fecho .velha{ font-size:18px; color:var(--texto-3); text-decoration:line-through; text-decoration-color:rgba(240,242,255,.5); }
.perguntas-fecho .entao{ display:block; font-size:14px; color:var(--texto-3); }
.perguntas-fecho .nova{ font-size:clamp(21px,2.6vw,30px); line-height:1.2; letter-spacing:-.04em; color:var(--texto); }
.resumo{ display:inline-flex; flex-direction:column; align-items:center; gap:16px; padding:28px 30px; border-radius:30px; }
.resumo .nome{ font-size:22px; letter-spacing:-.04em; }
.resumo .sub{ margin:0; font-size:15px; color:var(--texto-2); max-width:420px; }
.resumo .itens{ display:flex; gap:8px; flex-wrap:wrap; justify-content:center; }
.resumo .itens span{ display:inline-flex; align-items:center; gap:7px; font-size:13.5px; color:var(--texto-2); padding:6px 12px; border-radius:999px; box-shadow:inset 0 0 0 1px var(--linha-forte); }
.resumo .itens svg{ width:15px; height:15px; color:var(--verde); }
@media (max-width:640px){ .resumo{ padding:24px 18px; width:100%; } }

.aviso-resultados{ font-size:12.5px; color:var(--texto-3); margin-top:10px; }
.seccao-escura-pos-clara{ padding-top:130px !important; }
@media (max-width:720px){ .seccao-escura-pos-clara{ padding-top:88px !important; } }
.passos-escala{ background:linear-gradient(135deg,#141A4A,#0A0E2C); box-shadow:0 30px 70px -40px rgba(11,16,51,.6); }
/* o livro é dimensionado pela altura, para nunca passar por cima do título */
.produto .livro{ width:auto; height:90%; }
.produto .livro img{ width:auto; height:100%; }
.abertura h1{ font-size:clamp(34px,4.6vw,62px); }
@media (max-width:600px){ .produto{ margin-bottom:18px; } .produto .livro{ width:auto; height:72%; } }
/* sombra do livro em gradientes (o drop-shadow fica recortado e duro no Safari do telemóvel) */
.produto .livro img{ filter:none; position:relative; z-index:1; }
.produto .livro::before{ content:""; position:absolute; inset:6% -14% -4% -6%; background:radial-gradient(closest-side, rgba(11,16,51,.30), rgba(11,16,51,.12) 60%, transparent); pointer-events:none; }
.produto .livro::after{ content:""; position:absolute; left:-4%; right:-12%; bottom:-7%; height:14%; background:radial-gradient(closest-side, rgba(11,16,51,.45), rgba(11,16,51,.16) 60%, transparent); pointer-events:none; }


/* ============================================================
   Próprio d'O Prisma da Influência
============================================================ */
.espectro{ background:linear-gradient(90deg,#7C8BFF 0%,#A58CFF 30%,#D68AFF 55%,#FF8AC6 78%,#FFC48A 100%); -webkit-background-clip:text; background-clip:text; color:transparent; }

/* barra escura, porque a abertura também é escura */
.barra{ --t:240,242,255; --linha:rgba(240,242,255,.10); --linha-forte:rgba(240,242,255,.2); --texto:#F5F6FF; --texto-2:#C7CCF0; --texto-3:#9AA2D6; color:var(--texto); background:rgba(7,10,36,.8); }
.barra.rolou{ background:rgba(7,10,36,.94); border-bottom-color:rgba(240,242,255,.1); }
.barra nav a:hover{ background:rgba(240,242,255,.08); }
.marca .selo-escala{ box-shadow:inset 0 0 0 1px rgba(124,139,255,.45); }
.nome-curto{ display:none; }

/* ---------- abertura: a luz que entra no prisma ---------- */
.pr-abertura{ padding:150px 0 70px; background:var(--preto); }
.pr-abertura .abertura-fundo .grelha{ background-image:linear-gradient(rgba(240,242,255,.05) 1px, transparent 1px), linear-gradient(90deg, rgba(240,242,255,.05) 1px, transparent 1px); }
.pr-abertura .abertura-fundo .luz{ top:68%; background:radial-gradient(closest-side, rgba(36,51,201,.45), rgba(36,51,201,.12) 55%, transparent); }
.pr-abertura h1{ font-size:clamp(38px,5vw,70px); color:var(--texto); }
.pr-abertura h1 span{ display:block; }
.pr-kicker{ display:block; margin-bottom:18px; font-size:15px; color:var(--texto-3); }
.refracao{ position:relative; max-width:1100px; margin:50px auto 0; aspect-ratio:1100/440; }
.raios{ position:absolute; inset:0; width:100%; height:100%; overflow:visible; }
.raio{ fill:none; stroke-width:3; stroke-linecap:round; }
.rotulos text{ fill:#F5F6FF; font-size:18px; letter-spacing:-.01em; }
.prisma-livro{ position:absolute; left:50%; top:50%; height:92%; width:auto; transform:translate(-50%,-50%) rotate(-3deg); filter:drop-shadow(0 30px 40px rgba(0,0,0,.6)); }
@media (prefers-reduced-motion:no-preference){
  .anima .raio{ stroke-dasharray:1; stroke-dashoffset:1; animation:raio-entra 1.1s cubic-bezier(.3,.7,.2,1) forwards; animation-delay:var(--d); }
  .anima .rotulos text{ opacity:0; animation:rotulo-entra .6s ease forwards 1.9s; }
  @keyframes raio-entra{ to{ stroke-dashoffset:0; } }
  @keyframes rotulo-entra{ to{ opacity:1; } }
}
.raios-lista{ display:none; list-style:none; flex-wrap:wrap; justify-content:center; gap:8px; margin-top:22px; }
.raios-lista li{ display:inline-flex; align-items:center; gap:8px; font-size:13.5px; color:var(--texto-2); padding:6px 12px; border-radius:999px; box-shadow:inset 0 0 0 1px rgba(var(--t),.16); }
.raios-lista li::before{ content:""; width:8px; height:8px; border-radius:50%; background:var(--c); }
@media (max-width:760px){
  .pr-abertura{ padding:110px 0 60px; }
  .rotulos{ display:none; }
  .raios-lista{ display:flex; }
  .refracao{ margin-top:34px; aspect-ratio:1100/560; }
}
@media (max-width:560px){ .barra .nome-longo{ display:none; } .barra .nome-curto{ display:inline; } }

/* ---------- o mapa de posicionamento ---------- */
.pr-mapa{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,520px); gap:64px; align-items:center; }
.quadrantes-lista{ list-style:none; margin-top:28px; display:flex; flex-direction:column; }
.quadrantes-lista li{ padding:14px 0; border-bottom:1px solid var(--linha); font-size:15.5px; color:var(--texto-2); }
.quadrantes-lista b{ display:block; font-weight:500; font-size:17px; color:var(--texto); letter-spacing:-.02em; margin-bottom:2px; }
.quadrantes-lista li.alvo b{ color:var(--acento); }
.mapa-grafico{ --p:1; position:relative; aspect-ratio:1; display:grid; grid-template-columns:1fr 1fr; grid-template-rows:1fr 1fr; gap:6px; padding:0 0 34px 34px; }
.mapa-grafico .q{ position:relative; border-radius:18px; background:rgba(255,255,255,.65); box-shadow:inset 0 0 0 1px var(--linha); padding:14px 16px; }
.mapa-grafico .q span{ font-size:14px; color:var(--texto-3); }
.mapa-grafico .q-autoridade{ background:linear-gradient(135deg, rgba(36,51,201,.12), rgba(124,139,255,.2)); box-shadow:inset 0 0 0 1px rgba(36,51,201,.35); }
.mapa-grafico .q-autoridade span{ color:var(--acento); font-weight:500; }
.mapa-grafico .trilho{ position:absolute; left:34px; right:0; top:0; bottom:34px; width:calc(100% - 34px); height:calc(100% - 34px); pointer-events:none; overflow:visible; }
.mapa-grafico .trilho path{ fill:none; stroke:var(--acento); stroke-width:2; stroke-dasharray:.012 .018; vector-effect:non-scaling-stroke; opacity:.6; }
.ponto-tu{ position:absolute; z-index:2; left:calc(34px + (100% - 34px) * (.22 + .54 * var(--p))); top:calc((100% - 34px) * (.78 - .56 * var(--p))); transform:translate(-50%,-50%); display:inline-flex; align-items:center; gap:8px; font-size:13.5px; font-weight:500; color:#fff; background:var(--acento); padding:6px 12px 6px 6px; border-radius:999px; box-shadow:0 10px 24px -10px rgba(36,51,201,.8); }
.ponto-tu i{ width:16px; height:16px; border-radius:50%; background:#fff; box-shadow:0 0 0 4px rgba(255,255,255,.3); }
.mapa-grafico .eixo{ position:absolute; font-size:12.5px; color:var(--texto-3); }
.mapa-grafico .eixo-x{ left:34px; right:0; bottom:6px; text-align:center; }
.mapa-grafico .eixo-x::after, .mapa-grafico .eixo-y::after{ content:" →"; }
.mapa-grafico .eixo-y{ left:0; top:calc(50% - 17px); transform:translate(-38%,-50%) rotate(-90deg); white-space:nowrap; }
@media (max-width:900px){ .pr-mapa{ grid-template-columns:1fr; gap:40px; } .mapa-grafico{ max-width:520px; width:100%; margin:0 auto; } }
@media (max-width:420px){ .mapa-grafico .q{ padding:10px 12px; } .mapa-grafico .q span{ font-size:12.5px; } }

/* ---------- o problema: afirmações em lista editorial ---------- */
.afirmacoes{ list-style:none; border-top:1px solid var(--linha); }
.afirmacoes li{ display:grid; grid-template-columns:80px minmax(0,1fr); gap:20px; align-items:baseline; padding:28px 0; border-bottom:1px solid var(--linha); font-size:clamp(21px,2.6vw,32px); line-height:1.25; letter-spacing:-.035em; color:var(--texto); }
.afirmacoes span{ font-size:14px; letter-spacing:0; color:var(--verde); font-variant-numeric:tabular-nums; }
.pr-veredicto{ margin-top:60px; font-size:clamp(24px,3vw,38px); line-height:1.2; letter-spacing:-.04em; color:var(--texto-2); }
.pr-veredicto span{ color:var(--verde); }
@media (max-width:600px){ .afirmacoes li{ grid-template-columns:1fr; gap:6px; padding:22px 0; } }

/* ---------- para quem: faixa de perfis ---------- */
.perfis{ display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); border-radius:26px; box-shadow:inset 0 0 0 1px var(--linha); background:rgba(255,255,255,.55); overflow:hidden; }
.perfis > div{ padding:28px 22px; font-size:15px; color:var(--texto-2); border-left:1px solid var(--linha); }
.perfis > div:first-child{ border-left:0; }
.perfis svg{ display:block; width:26px; height:26px; color:var(--acento); margin-bottom:22px; }
.perfis b{ display:block; font-weight:500; font-size:17px; color:var(--texto); letter-spacing:-.02em; margin-bottom:4px; }
@media (max-width:980px){ .perfis{ grid-template-columns:1fr 1fr; } .perfis > div{ border-left:0; border-top:1px solid var(--linha); } .perfis > div:nth-child(-n+2){ border-top:0; } .perfis > div:nth-child(even){ border-left:1px solid var(--linha); } .perfis > div:last-child{ grid-column:1/-1; border-left:0; } }
@media (max-width:520px){ .perfis{ grid-template-columns:1fr; } .perfis > div, .perfis > div:nth-child(even){ border-left:0; border-top:1px solid var(--linha); } .perfis > div:first-child{ border-top:0; } }

/* ---------- as cinco faces ---------- */
.faces{ display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:64px; align-items:center; }
.faces-gema svg{ width:100%; height:auto; max-width:440px; display:block; margin:0 auto; filter:drop-shadow(0 30px 60px rgba(36,51,201,.35)); }
.faces .cabeca{ margin-bottom:28px; }
.faces-lista{ list-style:none; counter-reset:f; }
.faces-lista li{ counter-increment:f; display:grid; grid-template-columns:44px minmax(0,1fr); column-gap:16px; padding:18px 0; border-bottom:1px solid var(--linha); font-size:15.5px; color:var(--texto-2); }
.faces-lista li::before{ content:counter(f, decimal-leading-zero); grid-row:span 2; width:36px; height:36px; border-radius:50%; display:grid; place-items:center; font-size:12.5px; color:var(--preto); background:var(--c); font-variant-numeric:tabular-nums; }
.faces-lista b{ display:block; font-weight:500; font-size:19px; color:var(--texto); letter-spacing:-.02em; margin-bottom:2px; }
@media (max-width:900px){ .faces{ grid-template-columns:1fr; gap:30px; } .faces-gema svg{ max-width:280px; } }

/* ---------- o que recebes ---------- */
.pr-entregas{ display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.entrega{ display:grid; grid-template-columns:auto minmax(0,1fr); gap:24px; align-items:center; padding:22px 26px 22px 22px; }
.entrega > img{ height:170px; width:auto; transform:rotate(-3deg); filter:drop-shadow(0 16px 18px rgba(11,16,51,.35)); }
.entrega-video{ position:relative; width:170px; aspect-ratio:4/5; border-radius:16px; overflow:hidden; }
.entrega-video img{ width:100%; height:100%; object-fit:cover; object-position:60% 0%; }
.entrega-video .tocar{ position:absolute; left:12px; bottom:12px; width:42px; height:42px; border-radius:50%; display:grid; place-items:center; background:var(--verde); color:var(--sobre-verde); }
.entrega-video .tocar svg{ width:15px; height:15px; margin-left:2px; }
.tipo-e{ display:inline-flex; align-items:center; gap:8px; font-size:13.5px; color:var(--acento); margin-bottom:8px; }
.tipo-e svg{ width:17px; height:17px; }
.tipo-e em{ font-style:normal; color:var(--texto-3); }
.entrega h3{ margin-bottom:8px; }
.entrega p{ font-size:15.5px; }
.aprender-titulo{ margin:56px 0 18px; }
.aprender{ list-style:none; counter-reset:a; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.aprender li{ counter-increment:a; padding:20px 20px 22px; border-radius:20px; box-shadow:inset 0 0 0 1px var(--linha); background:rgba(255,255,255,.55); font-size:15.5px; line-height:1.4; color:var(--texto); }
.aprender li::before{ content:counter(a, decimal-leading-zero); display:block; margin-bottom:18px; font-size:26px; letter-spacing:-.04em; color:var(--acento); }
@media (max-width:980px){ .pr-entregas{ grid-template-columns:1fr; } .aprender{ grid-template-columns:1fr 1fr; } }
@media (max-width:520px){ .entrega{ grid-template-columns:1fr; } .entrega > img{ height:150px; } .entrega-video{ width:100%; aspect-ratio:16/10; } .aprender{ grid-template-columns:1fr; } }

/* ---------- autor: faixa com foto ---------- */
.pr-autor{ position:relative; overflow:hidden; background:var(--preto); padding:130px 0; }
.pr-autor-foto{ position:absolute; right:0; top:0; bottom:0; width:52%; }
.pr-autor-foto img{ width:100%; height:100%; object-fit:cover; object-position:50% 25%; filter:grayscale(1) contrast(1.05); }
.pr-autor-foto::after{ content:""; position:absolute; inset:0; background:linear-gradient(90deg, var(--preto) 0%, rgba(7,10,36,.7) 30%, rgba(7,10,36,.15) 70%, rgba(36,51,201,.25) 100%); }
.pr-autor .contentor{ position:relative; }
.pr-autor-texto{ max-width:560px; }
.pr-autor-texto h2{ font-size:clamp(38px,4.6vw,60px); }
.pr-autor .mentor-numeros{ margin-top:30px; }
@media (max-width:860px){
  .pr-autor{ padding:0 0 80px; }
  .pr-autor-foto{ position:relative; width:100%; height:380px; }
  .pr-autor-foto::after{ background:linear-gradient(0deg, var(--preto) 0%, rgba(7,10,36,.2) 60%, transparent); }
  .pr-autor-texto{ margin-top:-60px; }
}