/* =====================================================================
   Mentoria VPM · LP high ticket · versão principal (v3)
   Tipografia da ID: Sets Grotesk L (gancho pesado em caixa alta + continuação fina).
   Serifa (Newsreader itálico) só em pontos de destaque: assinatura e uma chamada.
   Cor: escuros profundos com contraste quente; degradês com textura no padrão da ID,
   nas cores da página (Profundidade, Maré, Noturno quente, Névoa, Areia, Aurora).
   Escala modular (base 16 → 17 px; razão 1,2 → 1,25) e espaço em grade de 8 px.
   ===================================================================== */
@font-face{font-family:"Sets Grotesk L";src:url("../fonts/sets-grotesk-l-300.woff2") format("woff2");font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:"Sets Grotesk L";src:url("../fonts/sets-grotesk-l-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Sets Grotesk L";src:url("../fonts/sets-grotesk-l-600.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Sets Grotesk L";src:url("../fonts/sets-grotesk-l-900.woff2") format("woff2");font-weight:900;font-style:normal;font-display:swap}
@font-face{font-family:"Newsreader";src:url("../fonts/newsreader-italic.woff2") format("woff2");font-weight:400;font-style:italic;font-display:swap}

:root{
  --noite:#0F1416;--noite-2:#151C1F;--noite-3:#1C2427;--noite-4:#263034;
  --pet-escuro:#1A3A43;--pet:#265665;--pet-medio:#337386;--azul:#4090A8;--azul-claro:#B3D3DC;--azul-nevoa:#D9E5E6;
  --verde:#ABD4A7;
  --areia:#F3ECE2;--papel:#FAF6F0;--areia-2:#EAE0D3;--areia-3:#D9CBB8;
  --bege:#D8C4A8;--luz:#E7C9A2;--terra:#8C6248;--terra-2:#6E4A36;
  --tinta:#171C1D;--texto:#3B4143;--suave:#5E6466;
  --claro:#F3ECE2;--texto-claro:#D9D2C7;--suave-claro:#A9A196;
  --linha:rgba(23,28,29,.13);--linha-clara:rgba(216,196,168,.2);

  /* degradês com textura (receitas da ID, cores da página) */
  --g-profundidade:linear-gradient(100deg,#0D0D0D 0%,#1A3A43 55%,#265665 100%);
  --g-mare:linear-gradient(90deg,#1A3A43 0%,#265665 28%,#337386 50%,#265665 72%,#1A3A43 100%);
  --g-noturno:linear-gradient(125deg,#0B0908 0%,#221A15 60%,#3E3127 100%);
  --g-nevoa:linear-gradient(110deg,#F3ECE2 0%,#D9E5E6 50%,#EAE0D3 100%);
  --g-areia:linear-gradient(135deg,#FAF6F0 0%,#EFE6DA 55%,#E3D5C2 100%);
  --g-aurora:linear-gradient(120deg,#C9DDE2 0%,#E9E1D3 55%,#F3ECE2 100%);

  --t-1:clamp(.75rem,.73rem + .095vw,.8125rem);
  --t0:clamp(1rem,.977rem + .095vw,1.0625rem);
  --t1:clamp(1.125rem,1.06rem + .286vw,1.3125rem);
  --t2:clamp(1.3125rem,1.178rem + .571vw,1.6875rem);
  --t3:clamp(1.625rem,1.38rem + 1.048vw,2.3125rem);
  --t4:clamp(1.875rem,1.5rem + 1.6vw,3rem);
  --t5:clamp(2.25rem,1.71rem + 2.286vw,3.75rem);
  --t6:clamp(2.75rem,1.98rem + 3.238vw,4.875rem);

  --margem:clamp(1.25rem,.786rem + 1.905vw,2.5rem);
  --gutter:clamp(1rem,.814rem + .762vw,1.5rem);
  --bloco:clamp(2rem,1.6rem + 1.8vw,3.25rem);
  --secao:clamp(4rem,3.25rem + 3vw,6rem);
  --raio:clamp(1.5rem,.943rem + 2.286vw,3rem);
  --raio-c:clamp(1.25rem,1.064rem + .762vw,1.75rem);
  --max:75rem;
  --esq:max(var(--margem),calc((100vw - var(--max)) / 2));

  --sans:"Sets Grotesk L",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --serif:"Newsreader","Iowan Old Style",Georgia,serif;
  --ease:cubic-bezier(.22,1,.36,1);--ease-s:cubic-bezier(.2,0,0,1);--ease-in:cubic-bezier(.4,0,1,1);--ease-io:cubic-bezier(.65,0,.35,1);
  --grao:url("../textura/grao.svg");
}

/* ---------- base ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:88px;color-scheme:light}
body{margin:0;background:var(--noite);color:var(--texto);font-family:var(--sans);font-size:var(--t0);line-height:1.62;letter-spacing:.003em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:clip}
img,video,svg,canvas{display:block;max-width:100%}
img{height:auto}
h1,h2,h3,h4,p,ul,ol,figure,blockquote,table{margin:0}
ul,ol{padding:0;list-style:none}
a{color:inherit}
button{font:inherit;color:inherit}
h1,h2,h3,h4{font-weight:inherit;text-wrap:balance}
p,li{text-wrap:pretty}
.container{width:min(var(--max),100% - 2*var(--margem));margin-inline:auto}
.nw{white-space:nowrap}
.sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
:focus-visible{outline:2px solid var(--terra-2);outline-offset:4px}
.escuro :focus-visible,.topo :focus-visible,.barra-aplicar :focus-visible,.modal-video :focus-visible{outline-color:var(--bege)}
.pular{position:fixed;left:12px;top:-80px;z-index:90;background:var(--bege);color:var(--tinta);padding:.75rem 1.1rem;border-radius:999px;font-weight:600;text-decoration:none}
.pular:focus{top:12px}

/* temas */
.escuro{background:var(--noite);color:var(--texto-claro)}
.claro{background:var(--areia);color:var(--texto)}
.dobra{position:relative;isolation:isolate;padding-block:var(--secao) calc(var(--secao) + .75rem)}
.folha{z-index:1;margin-top:calc(var(--raio) * -1);border-radius:var(--raio) var(--raio) 0 0}
/* sinapses: veios da ID em movimento, em camada presa à tela enquanto a seção rola (memória constante no celular) */
.sinapses-trilho{position:absolute;inset:0;z-index:-1;pointer-events:none;clip-path:inset(0 round var(--raio) var(--raio) 0 0)}
.sinapses{position:sticky;top:0;display:block;width:100%;height:100svh;opacity:.5}
.sinapses[data-sinapses="escuro"]{opacity:.55}
html:not(.js) .sinapses-trilho{display:none}
.textura::after{content:"";position:absolute;inset:0;z-index:-1;background:var(--grao);background-size:240px;opacity:.34;mix-blend-mode:soft-light;pointer-events:none;border-radius:inherit}
.g-profundidade{background:var(--g-profundidade)}
.g-mare{background:var(--g-mare)}
.g-noturno{background:var(--g-noturno)}
.g-nevoa{background:var(--g-nevoa)}
.g-areia{background:var(--g-areia)}
.g-aurora{background:var(--g-aurora)}

/* ponte entre dobras: degradê com textura, no padrão das peças da ID */
.ponte{position:relative;isolation:isolate;height:clamp(5rem,3.1rem + 8vw,10rem);background:linear-gradient(180deg,var(--de) 0%,var(--meio) 52%,var(--para) 100%)}
.ponte::after{content:"";position:absolute;inset:0;background:var(--grao);background-size:240px;opacity:.38;mix-blend-mode:soft-light;pointer-events:none}
.ponte--nevoa{--de:#0F1416;--meio:#3E6F7C;--para:#E4E6E1}
.ponte--noite{--de:#EAE0D3;--meio:#5D6B6B;--para:#0F1416}

/* tipografia de seção: gancho pesado + continuação fina (gesto da ID) */
.rotulo{font-size:var(--t-1);font-weight:600;line-height:1.3;letter-spacing:.16em;text-transform:uppercase}
.claro .rotulo{color:var(--terra-2)}
.escuro .rotulo{color:var(--bege)}
.titulo{max-width:24ch}
.t-forte{display:block;font-size:var(--t4);font-weight:900;line-height:.98;letter-spacing:-.012em;text-transform:uppercase}
.t-fino{display:block;margin-top:.32em;font-size:var(--t3);font-weight:300;line-height:1.16;letter-spacing:-.008em}
.claro .t-forte{color:var(--tinta)}
.claro .t-fino{color:var(--texto)}
.escuro .t-forte{color:var(--bege)}
.escuro .t-fino{color:var(--claro)}
.lead{font-size:var(--t1);font-weight:300;line-height:1.5;max-width:48ch}
.claro .lead{color:var(--texto)}
.escuro .lead{color:var(--texto-claro)}
.prosa>*+*{margin-top:var(--e,1rem)}
.prosa p{max-width:62ch}
.prosa>.colapso{margin-top:0}
.destaque{font-weight:600}
.claro .destaque{color:var(--tinta)}
.escuro .destaque{color:var(--claro)}
.assinatura{display:flex;align-items:center;gap:14px;font-size:10.5px;font-weight:600;line-height:1;letter-spacing:.3em;text-transform:uppercase;white-space:nowrap}
.assinatura i{flex:0 1 120px;height:1px;background:currentColor;opacity:.5}
.assinatura span+i+span{font-weight:300}
.serif{font-family:var(--serif);font-style:italic;font-weight:400;letter-spacing:0}
.barra-id{display:block;width:min(100%,16rem);height:7px;background:var(--azul);transform-origin:left}
.aspas{display:block;width:44px;height:30px}

/* botões */
.botao{display:inline-flex;align-items:center;gap:1rem;min-height:56px;padding:0 .5rem 0 1.5rem;border-radius:999px;font-size:.9375rem;font-weight:600;line-height:1.2;letter-spacing:.01em;text-decoration:none;white-space:nowrap;transition:background-color .2s var(--ease-s),color .2s var(--ease-s),transform .16s var(--ease-s)}
.botao:active{transform:translateY(1px)}
.botao__seta{display:inline-grid;place-items:center;flex:none;width:48px;height:32px;border:1px solid currentColor;border-radius:999px}
.botao__seta svg{width:22px;height:12px;transition:transform .32s var(--ease)}
.botao:hover .botao__seta svg{transform:translateX(4px)}
.botao--claro{background:var(--bege);color:var(--tinta)}
.botao--claro:hover{background:var(--luz)}
.botao--escuro{background:var(--noite);color:var(--claro)}
.botao--escuro:hover{background:var(--pet-escuro)}
.botao--compacto{min-height:44px;padding:0 .35rem 0 1.1rem;font-size:.8125rem;gap:.6rem}
.botao--compacto .botao__seta{width:38px;height:26px}
.botao--compacto .botao__seta svg{width:16px}
@media (max-width:389px){.botao{font-size:.875rem;padding-left:1.15rem;gap:.6rem}.botao__seta{width:42px}}

.ler-mais{display:none;align-items:center;gap:.6rem;min-height:44px;margin-top:1.5rem;padding:0 1rem 0 1.2rem;border:1px solid currentColor;border-radius:999px;background:none;font-size:.875rem;font-weight:600;cursor:pointer;transition:background-color .2s var(--ease-s),color .2s var(--ease-s)}
.js .ler-mais{display:inline-flex}
.ler-mais svg{width:13px;height:13px;transition:transform .32s var(--ease)}
.ler-mais[aria-expanded="true"] svg{transform:rotate(180deg)}
.claro .ler-mais{color:var(--tinta)}
.claro .ler-mais:hover{background:var(--tinta);color:var(--areia)}
.escuro .ler-mais{color:var(--claro)}
.escuro .ler-mais:hover{background:var(--claro);color:var(--tinta)}
.colapso{display:grid;grid-template-rows:1fr}
.colapso>div{min-height:0;overflow:hidden}
.colapso>div>*:first-child{margin-top:1rem}
.js .colapso{grid-template-rows:0fr;transition:grid-template-rows .45s var(--ease)}
.js .colapso>div{opacity:0;transition:opacity .25s var(--ease-in)}
.js .colapso[data-aberto]{grid-template-rows:1fr}
.js .colapso[data-aberto]>div{opacity:1;transition:opacity .45s .08s var(--ease)}

.cta-faixa{display:flex;justify-content:center;margin-top:var(--bloco)}
/* condensação de 01/11: no celular, fotos em formato mais baixo e cartões da conta na altura do texto */
@media (max-width:1023px){:root{--quem-ar:4/3;--cit-ar:1/1}}
@media (max-width:759px){.perdas .perda{min-height:0;padding:1.25rem 1.35rem;gap:.6rem}}

/* seta de rolagem entre dobras */
.seta-rolagem{position:absolute;left:50%;bottom:calc(var(--raio) + 1rem);z-index:3;display:block;width:44px;height:44px;margin-left:-22px;border-radius:50%;opacity:.75;transition:opacity .2s var(--ease-s)}
.seta-rolagem:hover{opacity:1}
.seta-rolagem span{position:absolute;left:16px;width:12px;height:12px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg)}
.seta-rolagem span:first-child{top:9px}
.seta-rolagem span:last-child{top:18px;opacity:.55}
.claro .seta-rolagem{color:var(--terra-2)}
.escuro .seta-rolagem{color:var(--bege)}
.dobra--ponte .seta-rolagem{bottom:1.25rem}

/* ---------- topo ---------- */
.topo{position:fixed;top:12px;left:0;right:0;z-index:60;padding-inline:12px;pointer-events:none}
.topo__barra{pointer-events:auto;position:relative;display:flex;align-items:center;gap:1rem;max-width:calc(var(--max) + 3rem);height:60px;margin-inline:auto;padding:0 8px 0 22px;color:var(--claro);background:rgba(15,20,22,.8);-webkit-backdrop-filter:blur(16px) saturate(1.15);backdrop-filter:blur(16px) saturate(1.15);border:1px solid var(--linha-clara);border-radius:999px;box-shadow:0 18px 40px -26px rgba(0,0,0,.75)}
.marca{display:flex;flex-direction:column;gap:5px;margin-right:auto;padding-block:7px;margin-block:-7px;line-height:1;text-decoration:none;color:inherit}
.marca__nome{font-size:.75rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.marca__sub{font-size:.9rem;color:var(--bege)}
.menu{display:none}
.menu ul{display:flex;gap:clamp(.9rem,1.4vw,1.6rem)}
.menu a{position:relative;display:block;padding:.6rem 0;font-size:.8125rem;font-weight:400;color:var(--texto-claro);text-decoration:none;white-space:nowrap;transition:color .2s var(--ease-s)}
.menu a::after{content:"";position:absolute;left:0;right:0;bottom:5px;height:1px;background:var(--bege);transform:scaleX(0);transform-origin:left;transition:transform .32s var(--ease)}
.menu a:hover,.menu a[aria-current]{color:var(--claro)}
.menu a:hover::after,.menu a[aria-current]::after{transform:none}
.topo .botao--compacto{display:none}
.mov{display:inline-grid;place-items:center;flex:none;width:40px;height:40px;padding:0;border:1px solid var(--linha-clara);border-radius:50%;background:none;color:var(--bege);cursor:pointer}
.mov svg{width:14px;height:14px}
.mov .ic-play{display:none}
.mov[aria-pressed="true"] .ic-pausa,.mov-linha[aria-pressed="true"] .ic-pausa{display:none}
.mov[aria-pressed="true"] .ic-play,.mov-linha[aria-pressed="true"] .ic-play{display:block}
.topo__barra .mov{display:none}
.menu-botao{display:inline-flex;align-items:center;gap:.6rem;height:44px;padding:0 1rem 0 1.1rem;border:1px solid var(--linha-clara);border-radius:999px;background:none;color:var(--claro);font-size:.8125rem;font-weight:600;cursor:pointer}
.menu-botao__icone{position:relative;width:16px;height:10px}
.menu-botao__icone::before,.menu-botao__icone::after{content:"";position:absolute;left:0;right:0;height:1.5px;background:currentColor;transition:transform .32s var(--ease),top .32s var(--ease)}
.menu-botao__icone::before{top:1px}
.menu-botao__icone::after{top:7.5px}
.menu-botao[aria-expanded="true"] .menu-botao__icone::before{top:4.25px;transform:rotate(45deg)}
.menu-botao[aria-expanded="true"] .menu-botao__icone::after{top:4.25px;transform:rotate(-45deg)}
.topo__progresso{position:absolute;left:28px;right:28px;bottom:-1px;height:1.5px;overflow:hidden;pointer-events:none}
.topo__progresso i{display:block;height:100%;background:var(--bege);transform:scaleX(var(--prog,0));transform-origin:left}
.menu-painel{pointer-events:auto;width:min(24rem,100%);margin:8px 0 0 auto;padding:.5rem;color:var(--claro);background:rgba(15,20,22,.95);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--linha-clara);border-radius:26px;box-shadow:0 24px 50px -28px rgba(0,0,0,.8);animation:painel .26s var(--ease)}
.menu-painel[hidden]{display:none}
.menu-painel ul{display:grid}
.menu-painel li a{display:flex;align-items:center;justify-content:space-between;min-height:50px;padding:0 1rem;border-radius:16px;font-size:1rem;color:var(--texto-claro);text-decoration:none}
.menu-painel li a::after{content:"";width:7px;height:7px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;transform:rotate(45deg);opacity:.5}
.menu-painel li a:hover,.menu-painel li a[aria-current]{background:var(--noite-3);color:var(--claro)}
.menu-painel .botao{display:flex;justify-content:space-between;margin:.5rem .25rem .25rem}
.mov-linha{display:flex;align-items:center;gap:.75rem;width:calc(100% - .5rem);margin:.25rem;padding:.5rem .75rem;border:0;border-radius:16px;background:none;color:var(--suave-claro);font-size:.875rem;cursor:pointer}
.mov-linha .mov{width:32px;height:32px}
@keyframes painel{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@media (min-width:760px){.topo{top:16px;padding-inline:16px}.topo .botao--compacto{display:inline-flex}}
@media (min-width:1180px){.menu{display:block}.menu-botao,.menu-painel{display:none!important}.topo__barra .mov{display:inline-grid}.topo__barra{gap:clamp(1rem,1.8vw,2rem)}}

/* ---------- 01 · abertura ---------- */
.hero{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(120% 90% at 18% 30%,#173540 0%,#0F1416 62%)}
.fluido{position:absolute;inset:0;z-index:-3;width:100%;height:100%;opacity:0;transition:opacity 1.2s var(--ease)}
.fluido.pronto{opacity:1}
.hero__veu{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(11,16,18,.66) 0%,rgba(11,16,18,.28) 48%,rgba(11,16,18,0) 70%),linear-gradient(0deg,rgba(11,16,18,.5) 0%,rgba(11,16,18,0) 30%);pointer-events:none}
.hero__conteudo{display:flex;flex-direction:column;justify-content:space-between;gap:3.5rem;min-height:100svh;padding-top:calc(76px + 3.5rem);padding-bottom:3rem}
.hero .assinatura{color:var(--bege)}
.hero__titulo{margin-top:1.75rem;color:var(--claro)}
.hero__titulo .fino{display:block;max-width:20ch;font-size:clamp(1.75rem,1.29rem + 1.905vw,3rem);font-weight:300;line-height:1.1;letter-spacing:-.012em}
.hero__titulo .forte{display:block;margin-top:.2em;font-size:clamp(2.25rem,1.6rem + 2.67vw,4rem);font-weight:900;line-height:.95;letter-spacing:-.015em;text-transform:uppercase;color:var(--bege)}
.hero .barra-id{margin-top:1.75rem}
.hero__sub{margin-top:1.5rem;max-width:40ch;font-size:var(--t1);font-weight:300;line-height:1.5;color:var(--texto-claro)}
.hero .botao{margin-top:2.25rem}
.selos{display:grid;border-top:1px solid var(--linha-clara)}
.selos li{display:grid;grid-template-columns:8.5rem 1fr;gap:1rem;align-items:baseline;padding:1rem 0;border-bottom:1px solid var(--linha-clara)}
.selos strong{font-size:var(--t-1);font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:var(--bege)}
.selos span{font-size:var(--t0);line-height:1.4;color:var(--texto-claro)}
/* Celular e tablet em pé: sem foto na primeira dobra (pedido de 29/10); o texto ocupa a tela toda. */
.hero__foto{display:none}
@media (max-width:1023px){.hero__conteudo{padding-bottom:5.5rem}}
.hero__foto img{width:100%;height:100%;object-fit:cover;object-position:50% 22%}
.hero .seta-rolagem{bottom:1.5rem}
@media (min-width:760px){
  .selos{grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--linha-clara)}
  .selos li{display:block;padding:1.5rem 1.5rem 1.5rem 0;border-bottom:0}
  .selos li+li{padding-left:1.5rem;border-left:1px solid var(--linha-clara)}
  .selos strong{display:block;margin-bottom:.5rem}
}
@media (min-width:1024px){
  .hero__texto,.selos{width:min(39rem,calc(56vw - var(--esq) - 3rem))}
  .hero__foto{display:block;position:absolute;top:0;right:0;bottom:0;z-index:-1;width:46%;margin:0;max-height:none;aspect-ratio:auto;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 28%);mask-image:linear-gradient(90deg,transparent 0%,#000 28%)}
  .hero__foto img{object-position:50% 30%}
}

/* ---------- nota (chamada) ---------- */
.nota{overflow:hidden;background:var(--g-nevoa)}
.nota .fluido{z-index:-2}
.nota__veu{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(243,236,226,.35),rgba(243,236,226,.1));pointer-events:none}
.carta{position:relative;display:grid;grid-template-columns:minmax(0,1fr);max-width:66rem;margin-inline:auto;overflow:hidden;background:var(--papel);border:1px solid rgba(217,203,184,.8);border-radius:var(--raio-c);box-shadow:0 60px 100px -70px rgba(23,28,29,.55),0 2px 0 rgba(23,28,29,.03)}
.carta__foto{position:relative;margin:0;aspect-ratio:4/3;overflow:hidden}
.carta__foto img{width:100%;height:100%;object-fit:cover;object-position:50% 25%}
.carta__foto::after{content:"";position:absolute;left:0;bottom:0;width:32%;height:7px;background:var(--azul)}
.carta__corpo{display:flex;flex-direction:column;gap:1.75rem;padding:clamp(1.75rem,1rem + 3vw,3.25rem)}
.carta__corpo .assinatura{color:var(--terra-2);font-size:10px}
@media (max-width:479px){.carta__corpo .assinatura{letter-spacing:.2em;gap:10px}}
.carta__frase{color:var(--tinta)}
.carta__frase .forte{display:block;font-size:var(--t4);font-weight:900;line-height:1;letter-spacing:-.01em;text-transform:uppercase}
.carta__frase .fino{display:block;margin-top:.4rem;font-size:var(--t3);font-weight:300;line-height:1.25}
.carta__chamada{display:grid;gap:1rem;padding:1.25rem 1.25rem 1.25rem 1.5rem;background:var(--areia-2);border-radius:18px}
.carta__chamada p{font-weight:600;line-height:1.45;color:var(--tinta)}
.carta__chamada .botao{justify-self:start}
.carta__fala{padding-top:1.5rem;border-top:1px solid var(--areia-3)}
.carta__fala .aspas{width:34px;height:23px;margin-bottom:.9rem;color:var(--azul)}
.carta__fala blockquote p{font-size:var(--t1);font-weight:300;line-height:1.5;color:var(--texto)}
.carta__fala figcaption{display:flex;align-items:center;gap:.9rem;margin-top:1.25rem}
.avatar{width:48px;height:48px;border-radius:50%;object-fit:cover}
.carta__fala figcaption .serif{font-size:1.25rem;color:var(--tinta)}
@media (min-width:900px){.carta{grid-template-columns:5fr 7fr}.carta__foto{aspect-ratio:auto;min-height:100%}.carta__foto img{object-position:50% 20%}}

/* ---------- 02 · quem é (capa da ID) ---------- */
.quem{overflow:clip;--qf:clamp(12rem,8rem + 9vw,16rem);padding-bottom:calc(var(--qf) + clamp(2rem,1.5rem + 2vw,3.5rem));background:linear-gradient(180deg,rgba(34,67,77,0) 0%,#22434D 24%,#254650 27.8%,#294A54 31.6%,#2D4F59 35.4%,#335660 39.2%,#3A5E68 43%,#446771 46.8%,#4F727B 50.6%,#5C7E87 54.4%,#6B8A93 58.2%,#7B979E 62%,#8CA4AA 65.8%,#9CB1B5 69.6%,#ADBDBF 73.4%,#BCC8C8 77.2%,#C9D2D0 81%,#D5DAD7 84.8%,#DFE1DC 88.6%,#E7E6E0 92.4%,#EEEAE3 96.2%,#F3EEE6 100%) bottom/100% var(--qf) no-repeat,var(--g-profundidade)}
.quem.textura::after{-webkit-mask-image:linear-gradient(180deg,#000 0,#000 calc(100% - var(--qf) * .5),transparent 100%);mask-image:linear-gradient(180deg,#000 0,#000 calc(100% - var(--qf) * .5),transparent 100%)}
.evolucao::before{content:"";position:absolute;left:0;right:0;top:0;z-index:-1;height:clamp(4rem,3rem + 4vw,7rem);background:linear-gradient(180deg,#F3EEE6 0%,rgba(243,238,230,0) 100%);pointer-events:none}
.quem__grade{display:grid;gap:var(--bloco)}
.quem__foto{position:relative;margin:0;aspect-ratio:var(--quem-ar,1/1);overflow:hidden;border-radius:4px;background:var(--noite-3)}
.quem__foto img{width:100%;height:100%;object-fit:cover;object-position:50% 30%;transform-origin:50% 40%}
.quem__foto::after{content:"";position:absolute;left:0;bottom:0;width:30%;height:7px;background:var(--azul)}
.quem__veu{position:absolute;inset:0 0 auto;height:110px;padding:18px;background:linear-gradient(rgba(11,16,18,.6),rgba(11,16,18,0));color:var(--claro);z-index:1}
.quem__veu .assinatura{font-size:10px;letter-spacing:.26em}
.nome{color:var(--claro)}
.nome span{display:block;overflow:hidden;padding-bottom:.04em}
.nome span i{display:block;font-style:normal;font-size:var(--t4);font-weight:900;line-height:.92;letter-spacing:-.02em;text-transform:uppercase}
.quem .barra-id{margin-top:1.25rem}
.quem__lead{margin-top:1.75rem;max-width:40ch;font-size:var(--t1);font-weight:300;line-height:1.35;color:var(--claro)}
.quem__texto .prosa{margin-top:1.75rem}
.quem__texto .prosa p{color:var(--texto-claro)}
.fala{margin:1.75rem 0;padding-left:1.25rem;border-left:3px solid var(--azul)}
.fala p{max-width:30ch;font-size:var(--t2);font-weight:300;line-height:1.3;color:var(--claro)!important}
.fala figcaption{margin-top:.75rem;font-size:var(--t-1);font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--bege)}
.prosa>.fala:last-child{margin-bottom:0}
.pergunta{font-size:var(--t2);font-weight:900;text-transform:uppercase;letter-spacing:-.005em;color:var(--bege)!important}
@media (min-width:1024px){
  .quem__grade{grid-template-columns:repeat(12,1fr);gap:var(--gutter)}
  .quem__lado{grid-column:1/6;position:sticky;top:max(96px,calc(50svh - min(17vw,15.2rem)));align-self:start}
  .quem__texto{grid-column:7/13;padding-top:.5rem}
}
@media (prefers-reduced-motion:no-preference){
  .js .quem__foto{clip-path:inset(0 100% 0 0)}
  .js .quem__foto img{transform:scale(1.16)}
  .js .quem__foto.visto{clip-path:inset(0 0 0 0);transition:clip-path 1.1s var(--ease)}
  .js .quem__foto.visto img{transform:scale(1);transition:transform 1.9s var(--ease)}
  .js .nome span i{transform:translateY(105%)}
  .js .nome.visto span i{transform:none;transition:transform .9s var(--ease)}
  .js .nome.visto span:nth-child(2) i{transition-delay:.1s}.js .nome.visto span:nth-child(3) i{transition-delay:.2s}
  .js .quem .barra-id{transform:scaleX(0)}
  .js .quem .barra-id.visto{transform:none;transition:transform .9s .35s var(--ease)}
}

/* ---------- o que mudou a partir dali (quadro compacto) ---------- */
.evolucao{background:var(--g-areia)}
.quadro{position:relative;isolation:isolate;overflow:hidden;padding:clamp(1.5rem,.9rem + 2.4vw,3rem);border-radius:var(--raio);background:radial-gradient(110% 80% at 70% 20%,#2A2019 0%,#110E0C 65%);color:var(--texto-claro);box-shadow:0 60px 100px -60px rgba(23,28,29,.6)}
.quadro .fluido{border-radius:inherit}
.quadro__veu{position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,rgba(14,11,9,.2),rgba(14,11,9,.62));pointer-events:none}
.quadro__topo{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1rem}
.quadro__titulo .t-forte{font-size:var(--t4)}
.quadro__titulo .t-fino{font-size:var(--t3)}
.grafico{position:relative;margin-top:2rem}
.barras{display:grid;gap:1rem}
.barra{display:grid;gap:.4rem;outline-offset:6px}
.barra__valor{opacity:calc(.3 + var(--p,1) * .7);font-size:var(--t2);font-weight:900;line-height:1;letter-spacing:-.01em;text-transform:uppercase;color:var(--claro);font-variant-numeric:tabular-nums lining-nums}
.barra__valor b{font-weight:300;color:var(--bege)}
.barra__corpo{position:relative;display:block;height:8px;background:rgba(216,196,168,.1);border-radius:8px;overflow:hidden}
.barra__corpo i{position:absolute;inset:0;width:max(4%,calc(var(--h) * 1%));background:linear-gradient(90deg,var(--terra),var(--luz));border-radius:8px;transform:scaleX(var(--p,1));transform-origin:left}
.barra__texto{font-size:.875rem;line-height:1.35;color:var(--texto-claro)}
.barras:hover .barra:not(:hover),.barras:focus-within .barra:not(:focus-within){opacity:.45}
.barra{transition:opacity .3s var(--ease-s)}
.grafico__linha{display:none}
.credenciais{display:grid;gap:.25rem;margin-top:1.75rem;border-top:1px solid var(--linha-clara)}
.credenciais li{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding:.85rem 0;border-bottom:1px solid var(--linha-clara)}
.credenciais strong{font-size:var(--t2);font-weight:900;line-height:1;letter-spacing:-.01em;text-transform:uppercase;color:var(--claro);font-variant-numeric:tabular-nums lining-nums;white-space:nowrap}
.credenciais li>span{font-size:.875rem;color:var(--suave-claro);text-align:right}
@media (min-width:1024px){
  .barras{grid-template-columns:repeat(5,1fr);align-items:end;gap:var(--gutter);height:min(42vh,340px)}
  .barra{display:flex;flex-direction:column;justify-content:flex-end;gap:.75rem;height:100%}
  .barra__corpo{width:100%;height:calc((100% - 6.5rem) * var(--h) / 100);min-height:10px;background:none;border-radius:10px 10px 2px 2px}
  .barra__corpo i{width:100%;border-radius:inherit;background:linear-gradient(0deg,var(--terra) 0%,var(--luz) 100%);transform:scaleY(var(--p,1));transform-origin:bottom}
  .barra__texto{min-height:2.7em}
  .grafico__linha{display:block;position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
  .grafico__linha polyline{fill:none;stroke:var(--luz);stroke-width:1.5;stroke-dasharray:4 6;opacity:.7}
  .grafico__linha circle{fill:var(--luz);opacity:0;transition:opacity .3s var(--ease-s)}
  .grafico__linha circle.on{opacity:1}
  .credenciais{grid-template-columns:repeat(3,1fr);gap:var(--gutter);border-bottom:0}
  .credenciais li{display:grid;gap:.4rem;padding:1.25rem 0 0;border-bottom:0}
  .credenciais li+li{padding-left:var(--gutter);border-left:1px solid var(--linha-clara)}
  .credenciais li>span{text-align:left}
}

/* ---------- liberdade: texto em bloco único e fotos em fluxo em volta (01/11, v2) ---------- */
.liberdade{padding-block:0;overflow:clip}
.liberdade__palco{position:relative;display:grid;place-items:center;min-height:max(92svh,44rem);padding:6.5rem var(--margem) calc(5.5rem + var(--raio));overflow:hidden}
.liberdade__fotos{position:absolute;inset:0;pointer-events:none}
.lib-foto{position:absolute;left:0;top:0;width:var(--w);aspect-ratio:4/5;overflow:hidden;border-radius:14px;box-shadow:0 30px 60px -30px rgba(0,0,0,.9);will-change:transform,opacity}
.lib-foto[data-forma="quadrada"]{aspect-ratio:1;border-radius:18px}
.lib-foto[data-forma="paisagem"]{aspect-ratio:3/2}
.lib-foto[data-anel="0"]{--w:clamp(5.25rem,4rem + 3.2vw,8.5rem)}
.lib-foto[data-anel="1"]{--w:clamp(6.75rem,4.9rem + 4.6vw,12rem)}
.lib-foto[data-anel="2"]{--w:clamp(8.25rem,5.6rem + 6.4vw,15.5rem)}
.lib-foto img{width:100%;height:100%;object-fit:cover;object-position:50% 34%}
.js .lib-foto{opacity:0}
.liberdade__veu{position:absolute;inset:0;z-index:5;background:radial-gradient(ellipse 40% 38% at 50% 50%,rgba(11,9,8,.84) 0%,rgba(11,9,8,.58) 50%,rgba(11,9,8,0) 100%);pointer-events:none}
.liberdade__texto{position:relative;z-index:10;width:min(46rem,100%);text-align:center;text-shadow:0 2px 24px rgba(0,0,0,.7)}
.liberdade__texto p{font-size:var(--t1);font-weight:300;line-height:1.5;color:var(--texto-claro);text-wrap:balance}
.liberdade__texto p+p{margin-top:1.1em}
.liberdade__texto p:first-child{font-size:var(--t2);font-weight:400;line-height:1.32;color:var(--claro)}
.liberdade__texto p:last-child{font-weight:600;color:var(--bege)}
@media (max-width:759px){
  .liberdade__palco{display:block;min-height:0;padding:calc(4rem + 8.25rem) var(--margem) calc(8.25rem + 3rem + var(--raio))}
  .liberdade__veu{background:radial-gradient(ellipse 72% 40% at 50% 50%,rgba(11,9,8,.86) 0%,rgba(11,9,8,.56) 52%,rgba(11,9,8,0) 100%)}
}

/* ---------- 03 · para quem: perfis ao lado do vídeo, especialidades com o eletro (01/11, v2) ---------- */
.para{overflow:hidden;background:radial-gradient(48% 40% at 86% 24%,rgba(231,201,162,.1) 0%,rgba(231,201,162,0) 72%),radial-gradient(55% 45% at 6% 92%,rgba(64,144,168,.1) 0%,rgba(64,144,168,0) 72%),var(--noite-2)}
.para::after{content:"";position:absolute;left:0;right:0;bottom:0;z-index:-1;height:clamp(5rem,4rem + 6vw,10rem);background:linear-gradient(180deg,rgba(11,16,19,0) 0%,#0B1013 100%);pointer-events:none}
.para__kicker{font-size:var(--t2);line-height:1.2;color:var(--bege)}
.para__titulo{margin-top:1rem;font-size:var(--t3);font-weight:300;line-height:1.24;letter-spacing:-.008em;color:var(--claro);text-wrap:balance}
.para__titulo strong{display:inline-block;font-weight:900;text-transform:uppercase;letter-spacing:-.01em;color:var(--bege);position:relative}
.para__titulo strong::after{content:"";position:absolute;left:0;right:0;bottom:-.08em;height:3px;background:var(--azul);transform-origin:left}
.js .para__titulo strong::after{transform:scaleX(0);transition:transform .9s .35s var(--ease)}
.js .para__titulo.visto strong::after{transform:none}
.para__corpo{display:grid;gap:var(--bloco);margin-top:var(--bloco);align-items:center}
.para__perfis{display:grid;gap:var(--gutter)}
.para__esp{margin-top:calc(var(--bloco) * 1.25);padding-top:var(--bloco);border-top:1px solid var(--linha-clara)}
.esp__titulo{max-width:22ch;font-size:var(--t2);font-weight:300;line-height:1.25;letter-spacing:-.005em;color:var(--claro)}
.esp__titulo b{font-weight:900;text-transform:uppercase;color:var(--bege)}
.esp__trilha{position:relative;margin-top:1.75rem}
.para .ecg__nomes{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:0}
.para .ecg__tracado{height:clamp(110px,7vw + 70px,170px)}
.para .ecg__outras{margin-top:1.5rem}
.para .criterio{max-width:60ch;font-size:var(--t1);line-height:1.45;color:var(--claro)}
@media (min-width:1024px){
  .para__corpo{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(2rem,5vw,5rem)}
  .para__video .celular{width:min(286px,20.5vw)}
  .para__esp{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);grid-template-rows:auto 1fr;column-gap:clamp(2rem,4vw,4.5rem);align-items:start}
  .esp__titulo{grid-column:1;grid-row:1}
  .para .ecg__outras{grid-column:1;grid-row:2;align-self:end}
  .esp__trilha{grid-column:2;grid-row:1/3;margin-top:0}
}
@media (max-width:1023px){.para__video{order:-1}.para__video .celular{width:min(270px,62vw)}}
@media (max-width:759px){.para .ecg__nomes{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}
.perfil{padding:1.5rem;background:rgba(28,36,39,.75);border:1px solid var(--linha-clara);border-radius:var(--raio-c)}
.perfil h3{font-size:var(--t-1);font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--bege)}
.perfil:nth-child(2) h3{color:var(--azul-claro)}
.perfil .forte{margin-top:.6rem;font-size:var(--t1);font-weight:600;line-height:1.3;color:var(--claro)}
.perfil p{font-size:var(--t0);line-height:1.6}
.perfil p+p{margin-top:.6rem}
.para__video{position:relative;display:grid;place-items:center;padding-block:1.5rem}
.para__video::before{content:"";position:absolute;width:130%;aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,rgba(231,201,162,.26),rgba(231,201,162,0));pointer-events:none}
.celular{position:relative;display:block;width:min(320px,76vw);aspect-ratio:9/19.3;padding:11px;border:0;border-radius:52px;background:linear-gradient(150deg,#3a4448 0%,#0d1012 45%,#20272a 100%);box-shadow:0 0 0 1px rgba(216,196,168,.28),inset 0 0 0 2px #050607,0 60px 100px -40px rgba(0,0,0,.95);cursor:pointer;transform-style:preserve-3d;transition:transform .5s var(--ease)}
.celular::before{content:"";position:absolute;top:22px;left:50%;z-index:4;width:84px;height:24px;margin-left:-42px;border-radius:20px;background:#050607}
.celular::after{content:"";position:absolute;right:-3px;top:120px;width:3px;height:64px;border-radius:2px;background:#2a3236}
.celular__tela{position:relative;display:block;width:100%;height:100%;overflow:hidden;border-radius:42px;background:#000}
.celular__tela img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.celular:hover .celular__tela img{transform:scale(1.04)}
.celular__play{position:absolute;inset:0;z-index:2;display:grid;place-items:center;background:linear-gradient(180deg,rgba(0,0,0,0) 45%,rgba(0,0,0,.6))}
.celular__disco{position:relative;display:grid;place-items:center;width:78px;height:78px;border-radius:50%;background:rgba(243,236,226,.95);color:var(--tinta);box-shadow:0 16px 40px -14px rgba(0,0,0,.8)}
.celular__disco::before,.celular__disco::after{content:"";position:absolute;inset:-10px;border:1.5px solid rgba(243,236,226,.7);border-radius:50%;opacity:0}
.celular__disco svg{width:24px;height:24px;margin-left:3px}
.celular__rotulo{position:absolute;left:0;right:0;bottom:30px;font-size:.75rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;text-align:center;color:var(--claro)}
@media (prefers-reduced-motion:no-preference){
  html:not(.parado) .celular__disco::before{animation:halo 2.4s var(--ease) infinite}
  html:not(.parado) .celular__disco::after{animation:halo 2.4s 1.2s var(--ease) infinite}
}
@keyframes halo{0%{opacity:.8;transform:scale(.9)}100%{opacity:0;transform:scale(1.55)}}


/* vídeo: tela cheia ou miniplayer no canto (a página continua rolando) */
.modal-video{padding:0;border:0;background:transparent;color:var(--claro);overflow:visible}
.modal-video[open]{display:grid;place-items:center}
.modal-video:modal{width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;overflow:hidden;animation:modal-in .45s var(--ease)}
.modal-video::backdrop{background:rgba(6,8,9,.86);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.modal-video__celular{position:relative;height:min(88dvh,calc((100vw - 2rem) * 19.3 / 9));aspect-ratio:9/19.3;padding:12px;border-radius:56px;background:linear-gradient(150deg,#3a4448 0%,#0d1012 45%,#20272a 100%);box-shadow:0 0 0 1px rgba(216,196,168,.3),inset 0 0 0 2px #050607,0 80px 140px -40px rgba(0,0,0,1)}
.modal-video__celular::before{content:"";position:absolute;top:24px;left:50%;z-index:4;width:90px;height:26px;margin-left:-45px;border-radius:20px;background:#050607}
.modal-video__tela{position:relative;width:100%;height:100%;overflow:hidden;border-radius:44px;background:#000}
.modal-video__tela video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.modal-video__barra{position:fixed;top:clamp(12px,3vw,28px);right:clamp(12px,3vw,28px);z-index:5;display:flex;gap:.5rem}
.modal-video__btn{position:relative;display:inline-flex;align-items:center;gap:.55rem;min-height:48px;padding:0 1.1rem 0 .9rem;border:1px solid rgba(243,236,226,.4);border-radius:999px;background:rgba(15,20,22,.72);color:var(--claro);font-size:.875rem;font-weight:600;cursor:pointer;transition:background-color .2s var(--ease-s),color .2s var(--ease-s)}
.modal-video__btn svg{width:16px;height:16px;flex:none}
.modal-video__btn:hover{background:var(--claro);color:var(--tinta)}
.modal-video [data-ampliar]{display:none}
.modal-video[open]:not(:modal){position:fixed;inset:auto clamp(12px,2vw,24px) clamp(12px,2vw,24px) auto;z-index:70;width:auto;height:auto;max-width:none;max-height:none;margin:0;display:block;animation:mini-in .4s var(--ease)}
.modal-video[open]:not(:modal) .modal-video__celular{height:min(38svh,330px);padding:7px;border-radius:30px;box-shadow:0 0 0 1px rgba(216,196,168,.4),inset 0 0 0 1.5px #050607,0 30px 60px -20px rgba(0,0,0,.85)}
.modal-video[open]:not(:modal) .modal-video__celular::before{top:12px;width:46px;height:13px;margin-left:-23px}
.modal-video[open]:not(:modal) .modal-video__tela{border-radius:24px}
.modal-video[open]:not(:modal) .modal-video__barra{position:absolute;top:-16px;right:-12px;gap:.35rem}
.modal-video[open]:not(:modal) .modal-video__btn{width:40px;min-height:40px;padding:0;justify-content:center;background:var(--noite);border-color:rgba(216,196,168,.55)}
.modal-video[open]:not(:modal) .modal-video__btn span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.modal-video[open]:not(:modal) [data-minimizar]{display:none}
.modal-video[open]:not(:modal) [data-ampliar]{display:inline-flex}
@media (max-width:759px){.modal-video[open]:not(:modal){bottom:calc(92px + env(safe-area-inset-bottom))}.modal-video[open]:not(:modal) .modal-video__celular{height:min(30svh,250px);padding:5px;border-radius:24px}.modal-video[open]:not(:modal) .modal-video__tela{border-radius:19px}.modal-video[open]:not(:modal) .modal-video__celular::before{top:9px;width:36px;height:10px;margin-left:-18px}}
@keyframes modal-in{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}
@keyframes mini-in{from{opacity:0;transform:translateY(20px) scale(.92)}to{opacity:1;transform:none}}
::view-transition-old(celular),::view-transition-new(celular){animation-duration:.55s;animation-timing-function:cubic-bezier(.22,1,.36,1)}

/* ---------- especialidades: eletro sem monitor nem quadriculado (dentro do "Para quem", 01/11 v2) ---------- */
.ecg__nomes li{display:flex;flex-direction:column;align-items:center;gap:.35rem;text-align:center;transition:transform .4s var(--ease)}
.ecg__num{font-size:.6875rem;font-weight:600;letter-spacing:.18em;color:rgba(217,210,199,.5);transition:color .3s var(--ease-s)}
.ecg__nome{font-size:clamp(1rem,.84rem + .55vw,1.375rem);font-weight:300;line-height:1.15;color:rgba(243,236,226,.68);transition:color .3s var(--ease-s)}
.ecg__nomes li.ativo{transform:translateY(-4px)}
.ecg__nomes li.ativo .ecg__nome{font-weight:900;color:var(--claro)}
.ecg__nomes li.ativo .ecg__num{color:var(--bege)}
.ecg__tracado{display:block;width:100%;height:clamp(150px,10vw + 110px,230px)}
.ecg__base{fill:none;stroke:rgba(179,211,220,.16);stroke-width:1.5}
.ecg__linha{fill:none;stroke:#9FD0DD;stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}
.ecg__cabeca{fill:#E9F6FA;filter:drop-shadow(0 0 8px rgba(179,211,220,.95))}
.ecg__pulso{fill:none;stroke:#B3D3DC;stroke-width:1.5;opacity:0}
.ecg__outras p{display:inline-block;max-width:52ch;padding:1rem 1.4rem;border-radius:18px;background:var(--bege);font-size:clamp(1rem,.95rem + .25vw,1.125rem);font-weight:600;line-height:1.45;color:var(--tinta);box-shadow:0 18px 40px -22px rgba(0,0,0,.85);transition:box-shadow .5s var(--ease-s)}
.ecg__outras.ativo p{box-shadow:0 0 0 4px rgba(231,201,162,.35),0 18px 40px -22px rgba(0,0,0,.85)}
.criterio{margin-top:var(--bloco);max-width:58ch;padding-left:1.25rem;border-left:3px solid var(--azul);font-size:var(--t2);font-weight:300;line-height:1.35;color:var(--tinta)}
.ecg__lista{display:none}
@media (max-width:759px){
  .ecg__lista{display:grid;gap:.25rem;margin-top:.5rem}
  .ecg__lista li{display:flex;align-items:baseline;gap:.75rem;padding:.55rem .85rem;border-radius:12px;transition:background-color .3s var(--ease-s)}
  .ecg__lista .ecg__nome{font-size:1.0625rem}
  .ecg__lista li.ativo{background:rgba(216,196,168,.16)}
  .ecg__lista li.ativo .ecg__nome{font-weight:900;color:var(--claro)}
  .ecg__lista li.ativo .ecg__num{color:var(--bege)}
}

/* ---------- 04 · filosofia (VPM) ---------- */
.filosofia{padding:0;overflow:clip;background:#0B1013}
.vpm-palco__fixo .fluido{z-index:-2}
.vpm-palco{position:relative;height:170vh}
.vpm-palco__fixo{position:sticky;top:0;height:100svh;display:grid;place-items:center;overflow:hidden}
.vpm-palco__veu{position:absolute;inset:0;z-index:-1;background:radial-gradient(80% 70% at 50% 50%,rgba(11,16,19,.1),rgba(11,16,19,.75));pointer-events:none}
.vpm-linhas-rev{position:relative;display:grid;gap:clamp(.25rem,1vw,.75rem);width:min(var(--max),100% - 2*var(--margem))}
.vpm-lin{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:.35em}
.vpm-lin__palavra{display:inline-flex;white-space:nowrap}
.vpm-lin__l{display:inline-block;font-size:clamp(2.625rem,.814rem + 7.43vw,7.5rem);font-weight:900;line-height:.86;letter-spacing:-.04em;color:var(--bege);transform-origin:50% 50%}
.vpm-lin__resto{display:inline-block;margin-left:-.02em;font-size:clamp(2.625rem,.814rem + 7.43vw,7.5rem);font-weight:900;line-height:.86;letter-spacing:-.04em;text-transform:uppercase;color:var(--claro)}
.vpm-lin__cont{display:inline-block;font-size:clamp(1.5rem,1.1rem + 1.6vw,2.75rem);font-weight:300;line-height:1.1;color:var(--texto-claro)}
.vpm-on .vpm-lin__resto{clip-path:inset(0 calc((1 - var(--r,1)) * 100%) 0 0)}
.vpm-on .vpm-lin__cont{opacity:var(--c,1);transform:translateY(calc((1 - var(--c,1)) * 12px))}
.vpm-palco__assina{position:absolute;left:50%;bottom:clamp(1.5rem,4vh,3rem);transform:translateX(-50%);color:var(--suave-claro)}

.manifesto{position:relative;padding-block:var(--secao)}
.manifesto__grade{display:grid;gap:var(--bloco)}
.manifesto__abre{max-width:30ch;font-size:var(--t3);font-weight:300;line-height:1.25;color:var(--claro)}
.paradas{margin-top:2.5rem;display:grid;gap:0}
.parada{display:grid;grid-template-columns:2.5rem 1fr;align-items:center;gap:1rem;min-height:16vh;border-top:1px solid var(--linha-clara)}
.parada:last-child{border-bottom:1px solid var(--linha-clara)}
.parada__n{font-size:.75rem;font-weight:600;letter-spacing:.18em;color:var(--suave-claro);transition:color .4s var(--ease-s)}
.parada__nome{font-size:var(--t4);font-weight:900;line-height:1;letter-spacing:-.02em;text-transform:uppercase;color:rgba(243,236,226,.18);transition:color .5s var(--ease-s)}
.parada.ativa .parada__nome{color:var(--claro)}
.parada.ativa .parada__n{color:var(--bege)}
.manifesto__fecho{display:grid;gap:1.5rem;margin-top:var(--bloco)}
.manifesto__fecho p{max-width:46ch;font-size:var(--t1);font-weight:300;line-height:1.55;color:var(--texto-claro)}
.manifesto__fecho p strong{font-weight:600;color:var(--bege)}
.manifesto__fecho p:last-child{font-size:var(--t2);font-weight:600;line-height:1.3;color:var(--claro)}
.arquivo{position:sticky;top:96px;align-self:start}
.arquivo__moldura{position:relative;aspect-ratio:4/5;overflow:hidden;border-radius:18px;background:#0e1417;box-shadow:0 50px 90px -50px rgba(0,0,0,.9)}
.arquivo__moldura img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.06);transition:opacity .7s var(--ease),transform 1.6s var(--ease),clip-path .9s var(--ease);clip-path:inset(0 0 100% 0)}
.arquivo__moldura img.on{opacity:1;transform:none;clip-path:inset(0 0 0 0)}
.arquivo__moldura::after{content:"";position:absolute;left:0;bottom:0;width:30%;height:7px;background:var(--azul);z-index:2}
.arquivo__conta{display:flex;justify-content:space-between;margin-top:.9rem;font-size:.75rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--suave-claro)}
.arquivo__conta b{color:var(--bege);font-weight:600}
@media (min-width:1024px){.manifesto__grade{grid-template-columns:repeat(12,1fr);gap:var(--gutter)}.manifesto__texto{grid-column:1/7;grid-row:1}.arquivo{grid-column:8/13;grid-row:1;top:120px}}
@media (max-width:1023px){.arquivo{top:72px;z-index:3;margin-inline:calc(var(--margem) * -1)}.arquivo::after{content:"";position:absolute;left:0;right:0;top:calc(100% - 18px);height:4.5rem;z-index:-1;background:var(--g-profundidade);-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 30%,transparent 100%);mask-image:linear-gradient(180deg,#000 0%,#000 30%,transparent 100%);pointer-events:none}.arquivo__moldura{aspect-ratio:auto;height:34svh;border-radius:0 0 18px 18px}.arquivo__moldura img{object-position:50% 30%}.arquivo__conta{display:none}.parada{min-height:12vh}}

/* repertório (claro): título em linha só com peso, lista alinhada em colunas */
.repertorio{background:var(--g-areia)}
.titulo-linha{font-size:var(--t3);font-weight:300;line-height:1.18;letter-spacing:-.012em;color:var(--tinta);text-wrap:balance}
.titulo-linha b{font-weight:900;letter-spacing:-.015em}
.escuro .titulo-linha{color:var(--claro)}
.escuro .titulo-linha b{color:var(--bege)}
.repertorio__grade{display:grid;gap:2rem;margin-top:2rem}
.antes__abre{font-size:var(--t1);font-weight:300;color:var(--texto)}
.antes{display:grid;grid-template-columns:max-content max-content 1fr;margin-block:.9rem 1.4rem;border-top:1px solid var(--linha)}
.antes li{display:grid;grid-template-columns:subgrid;grid-column:1/-1;align-items:baseline;padding-block:1rem;border-bottom:1px solid var(--linha)}
.antes__a{padding-right:1.25rem;font-size:clamp(1.25rem,.95rem + 1.25vw,2.125rem);font-weight:900;line-height:1;letter-spacing:-.01em;text-transform:uppercase;color:var(--tinta)}
.antes__de{padding-right:1.25rem;font-size:.6875rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--terra);white-space:nowrap}
.antes__b{font-size:clamp(1.125rem,.95rem + .7vw,1.625rem);font-weight:300;line-height:1.1;color:var(--suave)}
.antes__fecho{max-width:30ch;font-size:var(--t2);font-weight:600;line-height:1.25;color:var(--tinta)}
.repertorio__parto{max-width:46ch;padding-left:1.25rem;border-left:3px solid var(--azul);font-size:var(--t1);font-weight:300;line-height:1.55;color:var(--texto)}
@media (max-width:599px){
  .antes{grid-template-columns:max-content 1fr}
  .antes li{row-gap:.45rem}
  .antes__a{grid-column:1/-1}
}
@media (min-width:1024px){.repertorio__grade{grid-template-columns:7fr 5fr;gap:calc(var(--gutter) * 3);align-items:end}.repertorio__parto{margin-bottom:.6rem}}

/* conhecimento → decisão → movimento → resultado: animação pequena ao lado do texto */
.transformar{position:relative;isolation:isolate;display:grid;gap:1.75rem;margin-top:var(--bloco);padding:clamp(1.5rem,1rem + 2vw,3rem);overflow:hidden;border-radius:var(--raio);background:var(--g-profundidade);color:var(--texto-claro);box-shadow:0 50px 100px -60px rgba(23,28,29,.7)}
.transformar__frase{font-size:var(--t2);font-weight:300;line-height:1.38;color:var(--texto-claro)}
.transformar__frase .w{padding:0 .14em;border-radius:6px;font-weight:600;color:var(--claro);-webkit-box-decoration-break:clone;box-decoration-break:clone;transition:color .4s var(--ease-s),background-color .4s var(--ease-s)}
.transformar__frase .w.on{background:var(--bege);color:var(--tinta)}
.transformar__etapas{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;margin-top:1.6rem}
.transformar__etapas li{display:grid;gap:.3rem;padding-top:.7rem;border-top:2px solid rgba(243,236,226,.16);font-size:clamp(.5625rem,.5rem + .3vw,.75rem);font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:rgba(243,236,226,.42);transition:color .4s var(--ease-s),border-color .4s var(--ease-s)}
.transformar__etapas b{font-size:1rem;font-weight:900;letter-spacing:0;color:inherit}
@media (max-width:599px){.transformar__etapas{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem .75rem}.transformar__etapas li{font-size:.6875rem}}
.transformar__etapas li.on{border-color:var(--bege);color:var(--claro)}
.transformar__anima{margin:0;align-self:center}
.transformar__anima svg{display:block;width:100%;height:auto;overflow:visible}
.tr-elo{stroke:rgba(179,211,220,.4);stroke-width:1;fill:none}
.tr-no{fill:#D6E9EE}
.tr-galho{fill:none;stroke-width:2.2;stroke-linecap:round}
.tr-galho--escolha{stroke:rgba(216,196,168,.32)}
.tr-galho--outro{stroke:rgba(243,236,226,.3);stroke-dasharray:3 7}
.tr-rastro{fill:none;stroke:var(--luz);stroke-width:3.2;stroke-linecap:round}
.tr-decisao{fill:var(--bege);transform-box:fill-box;transform-origin:center}
.tr-ponto{fill:#FFF4E3;filter:drop-shadow(0 0 7px rgba(231,201,162,.95))}
.tr-marco{fill:#1A3A43;stroke:var(--bege);stroke-width:1.5}
.tr-marco.on{fill:var(--bege)}
.tr-barra{fill:url(#tr-grad)}
.tr-ok{transform-box:fill-box;transform-origin:center}
.tr-ok circle{fill:var(--azul)}
.tr-ok path{fill:none;stroke:#fff;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.tr-rot{font-family:var(--sans);font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;fill:rgba(243,236,226,.35);transition:fill .4s var(--ease-s)}
.tr-rot.on{fill:var(--bege)}
@media (min-width:900px){.transformar{grid-template-columns:7fr 5fr;gap:calc(var(--gutter) * 2);align-items:center}}

/* vídeo motion V · P · M */
.vpm-video{background:var(--g-mare)}
.vpm-video__grade{display:grid;gap:var(--bloco);align-items:center}
.vpm-video__tela{position:relative;aspect-ratio:1/1;overflow:hidden;border-radius:var(--raio);background:#0b1215;box-shadow:0 60px 110px -50px rgba(0,0,0,.9)}
.vpm-video__tela video,.vpm-video__tela img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.vpm-video__som{position:absolute;right:14px;bottom:14px;z-index:2;display:inline-flex;align-items:center;gap:.5rem;min-height:40px;padding:0 .9rem;border:1px solid rgba(243,236,226,.35);border-radius:999px;background:rgba(11,16,19,.6);color:var(--claro);font-size:.75rem;font-weight:600;letter-spacing:.06em;cursor:pointer}
.vpm-video__som svg{width:16px;height:16px}
.vpm-itens{display:grid;gap:0}
.vpm-item{display:grid;grid-template-columns:3.25rem 1fr;gap:.25rem 1rem;padding-block:1.5rem;border-top:1px solid rgba(243,236,226,.18)}
.vpm-item:last-child{border-bottom:1px solid rgba(243,236,226,.18)}
.vpm-item__l{grid-row:span 2;font-size:2.75rem;font-weight:900;line-height:.9;color:var(--bege)}
.vpm-item h3{font-size:var(--t1);font-weight:900;text-transform:uppercase;letter-spacing:.01em;color:var(--claro)}
.vpm-item h3 span{font-weight:300;text-transform:none;letter-spacing:0}
.vpm-item p{font-size:.9375rem;line-height:1.55;color:var(--texto-claro)}
@media (min-width:1024px){.vpm-video__grade{grid-template-columns:6fr 6fr;gap:calc(var(--gutter) * 3)}}

/* citação com retrato P&B */
.citacao{background:var(--areia)}
.citacao__grade{display:grid;overflow:hidden;border-radius:var(--raio);background:var(--papel);border:1px solid var(--areia-3)}
.citacao__foto{position:relative;margin:0;aspect-ratio:var(--cit-ar,4/5);max-height:38rem;overflow:hidden}
.citacao__foto img{width:100%;height:100%;object-fit:cover;object-position:40% 20%}
.citacao__texto{display:flex;flex-direction:column;justify-content:center;gap:1.5rem;padding:clamp(2rem,1rem + 4vw,4.5rem)}
.citacao__texto .aspas{color:var(--azul)}
.citacao__texto blockquote .forte{display:block;font-size:var(--t4);font-weight:900;line-height:.98;letter-spacing:-.012em;text-transform:uppercase;color:var(--tinta)}
.citacao__texto blockquote .fino{display:block;margin-top:.5rem;font-size:var(--t3);font-weight:300;line-height:1.15;color:var(--texto)}
.citacao__texto figcaption{display:flex;flex-direction:column;gap:.75rem;padding-top:1.25rem;border-top:1px solid var(--areia-3)}
.citacao__texto figcaption .serif{font-size:1.375rem;color:var(--tinta)}
.citacao__texto figcaption .assinatura{color:var(--terra-2);font-size:10px}
@media (min-width:860px){.citacao__grade{grid-template-columns:5fr 7fr}.citacao__foto{aspect-ratio:auto;max-height:none;min-height:32rem}}

/* ---------- trecho fixo com rolagem guiada (pilares, jornada, bônus) ---------- */
.pin{position:relative}
.js .pin{height:var(--pin-h,auto)}
.js .pin__palco{position:sticky;top:0;height:100svh;display:flex;flex-direction:column;justify-content:center;padding:calc(76px + 1rem) 0 1.25rem;overflow:hidden}
@media (max-width:759px){.js .pin__palco{padding:calc(66px + 1.1rem) 0 calc(82px + env(safe-area-inset-bottom))}}

/* ---------- 05 · os pilares: a rolagem passa por cada botão ---------- */
.pilares{padding-bottom:calc(var(--secao) * .45);background:radial-gradient(90% 70% at 50% 0%,#17343c 0%,#0F1416 60%)}
.pilares__cab{display:grid;justify-items:center;gap:1.25rem;text-align:center}
.pilares__cab .titulo{max-width:28ch}
.pilares__cab .lead{max-width:56ch}
.pilares__palco{display:flex;flex-direction:column;gap:1rem;width:min(var(--max),100% - 2*var(--margem));height:100%;margin-inline:auto}
.comando{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem}
.btn-pilar{position:relative;display:grid;justify-items:center;align-content:center;gap:.3rem;min-height:70px;padding:.55rem .35rem .95rem;border:1px solid rgba(216,196,168,.32);border-radius:18px;background:rgba(28,36,39,.7);color:var(--claro);text-align:center;cursor:pointer;overflow:hidden;transition:border-color .3s var(--ease-s),background-color .3s var(--ease-s),color .3s var(--ease-s),box-shadow .3s var(--ease)}
.btn-pilar:hover{border-color:var(--bege)}
.btn-pilar__icone{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:rgba(216,196,168,.12);color:var(--bege);transition:background-color .3s var(--ease-s),color .3s var(--ease-s)}
.btn-pilar__icone svg{width:20px;height:20px}
.btn-pilar__num{display:none}
.btn-pilar__nome{font-size:.6875rem;font-weight:900;letter-spacing:.02em;text-transform:uppercase;line-height:1}
.btn-pilar__barra{position:absolute;left:14%;right:14%;bottom:7px;height:3px;border-radius:3px;background:rgba(216,196,168,.18);overflow:hidden}
.btn-pilar__barra i{display:block;height:100%;background:var(--bege);transform:scaleX(0);transform-origin:left}
.btn-pilar[aria-selected="true"]{background:var(--bege);border-color:var(--bege);color:var(--tinta);box-shadow:0 20px 44px -22px rgba(231,201,162,.6)}
.btn-pilar[aria-selected="true"] .btn-pilar__icone{background:var(--tinta);color:var(--bege)}
.btn-pilar[aria-selected="true"] .btn-pilar__barra{background:rgba(23,28,29,.18)}
.btn-pilar[aria-selected="true"] .btn-pilar__barra i{background:var(--tinta)}
.btn-pilar .onda{position:absolute;width:24px;height:24px;margin:-12px 0 0 -12px;border-radius:50%;background:rgba(243,236,226,.55);pointer-events:none;animation:onda .7s var(--ease) forwards}
@keyframes onda{from{transform:scale(0);opacity:.8}to{transform:scale(14);opacity:0}}
@media (min-width:760px){
  .comando{gap:.85rem}
  .btn-pilar{grid-template-columns:auto 1fr;justify-items:start;text-align:left;gap:.15rem .85rem;min-height:84px;padding:.85rem 1.1rem 1.15rem}
  .btn-pilar__icone{grid-row:span 2;width:46px;height:46px;border-radius:14px}
  .btn-pilar__icone svg{width:24px;height:24px}
  .btn-pilar__num{display:block;font-size:.6875rem;font-weight:600;letter-spacing:.18em;color:var(--suave-claro)}
  .btn-pilar[aria-selected="true"] .btn-pilar__num{color:var(--terra-2)}
  .btn-pilar__nome{font-size:clamp(1rem,.85rem + .4vw,1.3125rem)}
  .btn-pilar__barra{left:1.1rem;right:1.1rem;bottom:.6rem}
}
.palco-pilar{flex:1;min-height:0;display:grid;grid-template-rows:minmax(0,31%) minmax(0,1fr);overflow:hidden;border:1px solid var(--linha-clara);border-radius:var(--raio);background:rgba(17,24,27,.72)}
.palco{position:relative;min-height:0;overflow:hidden;background:radial-gradient(80% 80% at 50% 45%,#1d2a2e 0%,#121a1c 70%)}
.palco3d{position:absolute;inset:0;width:100%;height:100%}
.palco3d__rotulos{position:absolute;inset:0;pointer-events:none}
.palco3d__rotulos span{position:absolute;left:0;top:0;padding:.22rem .6rem;border:1px solid rgba(216,196,168,.26);border-radius:999px;background:rgba(15,20,22,.7);font-size:.6875rem;font-weight:600;line-height:1.2;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;color:var(--texto-claro);opacity:0;will-change:transform,opacity;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.palco3d__rotulos .rot-destaque{border-color:rgba(216,196,168,.65);color:var(--bege)}
@media (max-width:759px){.palco3d__rotulos span{padding:.16rem .45rem;font-size:.5625rem;letter-spacing:.06em}}
.palco::after{content:"";position:absolute;inset:0;background:var(--grao);background-size:240px;opacity:.25;mix-blend-mode:soft-light;pointer-events:none}
.cena{position:absolute;inset:0;display:grid;place-items:center;opacity:0;transform:scale(.96);transition:opacity .45s var(--ease),transform .6s var(--ease)}
.cena.ativa{opacity:1;transform:none}
.cena svg{width:auto;height:94%;max-width:96%;overflow:visible}
.cena text{font-family:var(--sans);font-size:15px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;fill:var(--texto-claro)}
.cena .t-cena{font-size:20px;font-weight:300;letter-spacing:0;text-transform:none;fill:var(--bege)}
.paineis{position:relative;min-height:0}
.pilar{position:absolute;inset:0;display:flex;flex-direction:column;overflow:hidden;visibility:hidden;opacity:0;transform:translateX(calc(var(--dir,1) * -16px));transition:opacity .16s var(--ease-in),transform .16s var(--ease-in),visibility 0s .16s}
.pilar__cab{flex:none;padding:clamp(1.1rem,.8rem + 1.4vw,2.25rem) clamp(1.25rem,.9rem + 1.5vw,2.5rem) .25rem}
.pilar__cab h3{margin-top:.5rem}
.pilar__corpo{flex:1;min-height:0;overflow:hidden;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 1.6rem,#000 calc(100% - 1.75rem),transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 1.6rem,#000 calc(100% - 1.75rem),transparent 100%)}
.pilar.ativo{visibility:visible;opacity:1;transform:none;transition:opacity .45s .18s var(--ease),transform .55s .18s var(--ease),visibility 0s}
.pilar__rolo{padding:1.4rem clamp(1.25rem,.9rem + 1.5vw,2.5rem) clamp(1.5rem,1rem + 1.5vw,2.5rem);will-change:transform}
.pilar__rolo>*+*{margin-top:1rem}
.pilar h3{font-size:var(--t2);font-weight:300;line-height:1.15;color:var(--claro)}
.pilar h3 b{font-weight:900;text-transform:uppercase;color:var(--bege)}
.pilar p{max-width:58ch;color:var(--texto-claro)}
.lista{display:grid;gap:.6rem}
.lista li{position:relative;padding-left:1.4rem;line-height:1.5;color:var(--texto-claro)}
.lista li::before{content:"";position:absolute;left:0;top:.62em;width:7px;height:7px;border-radius:2px;background:var(--azul)}
.fecho{padding:1rem 1.25rem;border-radius:16px;background:rgba(216,196,168,.08);font-size:var(--t1);font-weight:300;line-height:1.45;color:var(--claro)}
.degraus ol{display:grid;gap:.6rem}
.degraus li{display:grid;grid-template-columns:auto 1fr;gap:.1rem 1rem;padding:.9rem 1rem;border-radius:16px;background:rgba(216,196,168,.06);border:1px solid var(--linha-clara)}
.degraus__n{grid-row:span 2;font-size:var(--t2);font-weight:900;line-height:1;color:var(--bege)}
.degraus__nome{font-weight:600;color:var(--claro)}
.degraus__texto{font-size:.9375rem;line-height:1.5;color:var(--texto-claro)}
@media (max-width:759px){.cena text{font-size:24px;letter-spacing:.02em;text-transform:none}.cena .d-rot{font-size:20px}.cena .t-cena{font-size:28px}.chip text{font-size:21px}.btn-pilar{padding-inline:.2rem}.btn-pilar__nome{font-size:clamp(.5625rem,2.45vw,.6875rem);letter-spacing:0}.pilar h3{font-size:var(--t2)}}
@media (min-width:1024px){.palco-pilar{grid-template-rows:none;grid-template-columns:1fr 1fr}}
/* cenas */
.c-linha{stroke:rgba(216,196,168,.4);stroke-width:1.5;fill:none}
.c-tracejado{stroke:rgba(216,196,168,.45);stroke-width:1.5;stroke-dasharray:3 7;fill:none}
.chip rect{fill:#1f2a2e;stroke:rgba(216,196,168,.6);stroke-width:1.2}
.chip text{font-size:14px;fill:var(--claro)}
.chip{transform-box:fill-box;transform-origin:center;transform:translate(var(--bx),var(--by))}
.a-funil{fill:rgba(216,196,168,.06);stroke:rgba(216,196,168,.5);stroke-width:1.2}
.a-p{fill:var(--luz)}
.d-degrau{fill:#1f2a2e;stroke:rgba(216,196,168,.45);stroke-width:1.2}
.d-bola{fill:var(--luz)}
.cena .d-rot{font-size:13px}
.e-anel{fill:none;stroke:rgba(216,196,168,.4);stroke-width:1.5;stroke-dasharray:2 8}
.e-raio{stroke:rgba(216,196,168,.22);stroke-width:1}
.e-no{fill:#1f2a2e;stroke:var(--bege);stroke-width:1.5;transform-box:fill-box;transform-origin:center}
.e-centro{fill:#18363f;stroke:var(--azul-claro);stroke-width:1.2}
.e-paciente{fill:var(--luz)}
@media (max-width:759px){.cena text{font-size:19px;letter-spacing:.02em;text-transform:none}.cena .d-rot{font-size:17px}.cena .t-cena{font-size:24px}.chip text{font-size:18px}}
@media (prefers-reduced-motion:no-preference){
  html:not(.parado) .cena--oferta.ativa .chip{animation:oferta 9s var(--ease-io) infinite both}
  html:not(.parado) .cena--oferta.ativa .o-quadro,html:not(.parado) .cena--oferta.ativa .o-titulo,html:not(.parado) .cena--oferta.ativa .o-linha{animation:oferta-quadro 9s var(--ease-io) infinite both}
  html:not(.parado) .cena--atracao.ativa .a-p{animation:var(--anim) 4.8s var(--ease-in) infinite both;animation-delay:var(--d)}
  html:not(.parado) .cena--conversao.ativa .d-bola{animation:degraus-bola 6.4s var(--ease-io) infinite both}
  html:not(.parado) .cena--conversao.ativa .d-degrau{animation:var(--anim) 6.4s linear infinite both}
  html:not(.parado) .cena--entrega.ativa .e-giro{animation:gira 10s linear infinite}
  html:not(.parado) .cena--entrega.ativa .e-no{animation:pulso 10s linear infinite;animation-delay:var(--d)}
}
@keyframes oferta{0%,12%{transform:translate(var(--ax),var(--ay)) rotate(var(--ar));opacity:.5}32%,80%{transform:translate(var(--bx),var(--by)) rotate(0deg);opacity:1}94%,100%{transform:translate(var(--ax),var(--ay)) rotate(var(--ar));opacity:.5}}
@keyframes oferta-quadro{0%,24%{opacity:0}38%,78%{opacity:1}90%,100%{opacity:0}}
@keyframes a-passa{0%{transform:translate(0,0);opacity:0}8%{opacity:1}35%{transform:translate(calc(var(--dx) * .4),150px)}65%{transform:translate(calc(var(--dx) * .8),285px)}92%{transform:translate(var(--dx),410px);opacity:1}100%{transform:translate(var(--dx),430px);opacity:0}}
@keyframes a-sai1{0%{transform:translate(0,0);opacity:0}8%{opacity:1}35%{transform:translate(calc(var(--dx) * .4),150px);opacity:1}60%{transform:translate(calc(var(--dx) * .4 + var(--fora)),200px);opacity:0}100%{opacity:0}}
@keyframes a-sai2{0%{transform:translate(0,0);opacity:0}8%{opacity:1}35%{transform:translate(calc(var(--dx) * .4),150px)}65%{transform:translate(calc(var(--dx) * .8),285px);opacity:1}88%{transform:translate(calc(var(--dx) * .8 + var(--fora)),330px);opacity:0}100%{opacity:0}}
@keyframes degraus-bola{0%{transform:translate(0,0);opacity:0}4%{opacity:1}6%{transform:translate(0,0)}14%{transform:translate(65px,-110px)}20%,30%{transform:translate(130px,-70px)}38%{transform:translate(195px,-180px)}44%,54%{transform:translate(260px,-140px)}62%{transform:translate(325px,-250px)}68%,88%{transform:translate(390px,-210px);opacity:1}94%{transform:translate(390px,-210px);opacity:0}100%{transform:translate(0,0);opacity:0}}
@keyframes luz1{0%,2%{fill:#1f2a2e}6%,90%{fill:#3a3127}96%,100%{fill:#1f2a2e}}
@keyframes luz2{0%,18%{fill:#1f2a2e}22%,90%{fill:#3a3127}96%,100%{fill:#1f2a2e}}
@keyframes luz3{0%,42%{fill:#1f2a2e}46%,90%{fill:#3a3127}96%,100%{fill:#1f2a2e}}
@keyframes luz4{0%,66%{fill:#1f2a2e}70%,90%{fill:#3a3127}96%,100%{fill:#1f2a2e}}
@keyframes gira{to{transform:rotate(360deg)}}
@keyframes pulso{0%,4%{transform:scale(1);fill:#1f2a2e}8%{transform:scale(1.35);fill:var(--bege)}18%,100%{transform:scale(1);fill:#1f2a2e}}

/* ---------- base dos quatro pilares: o pilar grego vira arranha-céu com a rolagem ---------- */
.base{padding-block:0;background:var(--areia)}
.base__grade{display:grid}
.base__planta{position:relative;order:2;height:135svh;background-color:#EFE6DA;background-image:linear-gradient(rgba(38,86,101,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(38,86,101,.1) 1px,transparent 1px),linear-gradient(rgba(38,86,101,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(38,86,101,.045) 1px,transparent 1px);background-size:48px 48px,48px 48px,12px 12px,12px 12px}
.base__planta-fixo{position:sticky;top:66px;height:calc(100svh - 150px);display:grid;place-items:center;padding:1rem var(--margem)}
.planta{display:block;width:auto;height:100%;max-width:100%;overflow:hidden}
.planta .p-traco{fill:none;stroke:var(--pet);stroke-width:2;stroke-linecap:round}
.planta .p-laje{fill:rgba(140,98,72,.12);stroke:var(--terra);stroke-width:2}
.planta .p-coluna{fill:rgba(38,86,101,.06);stroke:var(--pet);stroke-width:2}
.planta .p-capitel{fill:#EFE6DA;stroke:var(--pet);stroke-width:2}
.planta .p-estria{stroke:var(--pet);stroke-width:1;opacity:.55}
.planta .p-entab{fill:#EFE6DA;stroke:var(--pet);stroke-width:2}
.planta .p-fino{stroke:var(--pet);stroke-width:1;opacity:.55}
.planta .p-frontao{fill:rgba(38,86,101,.05);stroke:var(--pet);stroke-width:2;stroke-linejoin:round}
.planta .p-fachada{fill:rgba(64,144,168,.07);stroke:var(--pet);stroke-width:2}
.planta .p-andar{stroke:var(--pet);stroke-width:1;opacity:.5}
.planta .p-vidro{stroke:var(--azul);stroke-width:1;opacity:.45}
.planta .p-antena{stroke:var(--pet);stroke-width:2;stroke-linecap:round}
.planta .p-luz{fill:var(--azul)}
.planta text{font-family:var(--sans);font-size:13px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;fill:var(--tinta)}
.planta .p-rot-coluna{font-size:12px;fill:var(--pet);stroke:#EFE6DA;stroke-width:4px;paint-order:stroke;stroke-linejoin:round}
.planta .p-rot-base{font-size:13px;fill:var(--terra-2)}
.planta .p-vpm{font-weight:900;letter-spacing:-.02em;fill:var(--pet);stroke:#EFE6DA;stroke-width:4px;paint-order:stroke}
.planta .p-cota{fill:none;stroke:var(--terra);stroke-width:1;stroke-dasharray:4 4}
.planta .p-cota-txt{font-size:10px;letter-spacing:.2em;fill:var(--terra)}
.base__texto{order:1;padding:var(--bloco) var(--margem) 2rem}
.base__texto>p{color:var(--texto)}
.base__texto .titulo{margin-top:.9rem}
.base__corpo{margin-top:1.75rem}
.base__corpo>p:first-child{font-size:var(--t1);font-weight:300;line-height:1.5;color:var(--tinta)}
.base__extra{order:3;padding:2rem var(--margem) 1rem}
.base__fotos{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}
.base__fotos figure{margin:0}
.base__fotos img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:16px}
.base__fotos figcaption{margin-top:.5rem;font-size:.6875rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--terra-2)}
.base__citacao{margin-top:1.75rem;font-size:var(--t3);font-weight:900;line-height:1;letter-spacing:-.01em;text-transform:uppercase;color:var(--pet)}
@media (min-width:1024px){
  .base__grade{grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr;min-height:135svh}
  .base__planta{order:0;grid-column:1;grid-row:1/3;height:auto;border-radius:var(--raio) 0 0 0}
  .base__planta-fixo{top:84px;height:calc(100svh - 108px);padding:1.25rem clamp(2rem,4vw,4rem) 1.25rem var(--esq)}
  .base__texto{order:0;grid-column:2;grid-row:1;padding:var(--secao) var(--esq) 1.5rem clamp(2rem,4vw,4rem)}
  .base__extra{order:0;grid-column:2;grid-row:2;padding:1rem var(--esq) 1rem clamp(2rem,4vw,4rem)}
}

/* ---------- 06 · como funciona: linha do tempo guiada pela rolagem (computador e celular) ---------- */
.jornada{--jt-fade:clamp(12rem,8rem + 9vw,16rem);--jb-fade:clamp(12rem,8rem + 9vw,16rem);--cta-gap:clamp(4.5rem,5.5rem - 1vw,5.5rem);
  padding-top:calc(var(--jt-fade) + clamp(1.25rem,1rem + 1vw,2rem));padding-bottom:calc(var(--cta-gap) + var(--jb-fade));
  /* entrada e saída em degradês longos e suaves (cores da paleta interpoladas em OKLab, pontas lentas): areia → névoa → petróleo → noite → azul-névoa do bônus */
  background:linear-gradient(180deg,#EEEAE2 0%,#E6E6E0 5%,#DDE1DD 10%,#D2DAD8 15%,#C6D2D1 20%,#B7C7C9 25%,#A6BBBF 30%,#94ACB2 35%,#809DA4 40%,#6D8D95 45%,#5B7C84 50%,#496B74 55%,#3B5B64 60%,#2F4C55 65%,#243F48 70%,#1D333B 75%,#192A30 80%,#162227 85%,#131C20 90%,#11181A 95%,#0F1416 100%) top/100% var(--jt-fade) no-repeat,
    linear-gradient(180deg,#0F1416 0%,#11181A 5%,#131C1F 10%,#152126 15%,#19282E 20%,#1C3139 25%,#223C45 30%,#2C4851 35%,#37565F 40%,#44666F 45%,#54757E 50%,#65858D 55%,#75949C 60%,#87A3AA 65%,#98B0B6 70%,#A6BCC1 75%,#B3C6CB 80%,#BECED2 85%,#C6D5D8 90%,#CDDADD 95%,#D3DFE1 100%) bottom/100% var(--jb-fade) no-repeat,
    var(--noite)}
.jornada>.seta-rolagem{bottom:calc(var(--jb-fade) - 1.25rem)}
/* o grão some nas pontas claras dos degradês e as sinapses do bônus entram aos poucos: emendas sem linha */
.jornada.textura::after{-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 calc(var(--jt-fade) * .45),#000 calc(100% - var(--jb-fade) * .45),transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 calc(var(--jt-fade) * .45),#000 calc(100% - var(--jb-fade) * .45),transparent 100%)}
.bonus-dobra .sinapses-trilho{-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 clamp(8rem,5rem + 8vw,13rem));mask-image:linear-gradient(180deg,transparent 0,#000 clamp(8rem,5rem + 8vw,13rem))}
.base::after{content:"";position:absolute;left:0;right:0;bottom:0;z-index:1;height:clamp(3rem,2.4rem + 2.6vw,5.5rem);background:linear-gradient(180deg,rgba(238,234,226,0) 0%,#EEEAE2 100%);pointer-events:none}
.bonus-dobra{padding-top:calc(var(--secao) * .8)}
.base>.cta-faixa{padding-bottom:clamp(4.5rem,3.5rem + 3vw,6.5rem)}
.base>.seta-rolagem{bottom:.35rem}
.bonus-dobra::before{content:"";position:absolute;left:0;right:0;top:0;z-index:-1;height:clamp(5rem,3.5rem + 5vw,9rem);background:linear-gradient(180deg,#D3DFE1 0%,rgba(211,223,225,.62) 40%,rgba(211,223,225,0) 100%);pointer-events:none}
.jornada__cab{display:grid;gap:.9rem;justify-items:center;text-align:center}
.jornada__cab .titulo-linha{max-width:none}
.jornada__intro{max-width:70ch;font-size:var(--t0);line-height:1.55;color:var(--texto-claro)}
.jornada__intro strong{font-weight:600;color:var(--claro)}
@media (min-width:1024px){.jornada__cab .titulo-linha{font-size:min(var(--t3),2.3vw);white-space:nowrap}}
.marcos{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.25rem;width:min(60rem,100%);margin-inline:auto}
.marcos-nav{display:flex;align-items:flex-start;gap:clamp(.4rem,1vw,1rem);width:min(66rem,100%);margin-inline:auto}
.marcos-nav .marcos{flex:1;min-width:0;width:auto}
.trilha__seta{flex:none;display:grid;place-items:center;width:48px;height:48px;margin-top:4px;padding:0;border:1px solid rgba(216,196,168,.45);border-radius:50%;background:rgba(15,20,22,.6);color:var(--claro);cursor:pointer;transition:background-color .2s var(--ease-s),color .2s var(--ease-s),opacity .2s var(--ease-s),transform .16s var(--ease-s)}
.trilha__seta svg{width:20px;height:20px}
.trilha__seta:hover{background:var(--bege);color:var(--tinta)}
.trilha__seta:active{transform:scale(.94)}
.trilha__seta:disabled{opacity:.3;cursor:default;background:rgba(15,20,22,.6);color:var(--claro)}
html:not(.js) .trilha__seta{display:none}
.marcos::before,.marcos::after{content:"";position:absolute;top:27px;left:10%;right:10%;height:2px;border-radius:2px}
.marcos::before{background:var(--linha-clara)}
.marcos::after{background:var(--bege);transform-origin:left;transform:scaleX(var(--prog,0))}
.marco{position:relative;z-index:1;display:grid;justify-items:center;gap:.55rem;padding:0;border:0;background:none;color:var(--suave-claro);cursor:pointer;text-align:center}
.marco__n{display:grid;place-items:center;width:56px;height:56px;border:1.5px solid rgba(216,196,168,.5);border-radius:50%;background:var(--noite-2);font-size:1.125rem;font-weight:900;color:var(--claro);transition:background-color .35s var(--ease-s),border-color .35s var(--ease-s),color .35s var(--ease-s),transform .35s var(--ease),box-shadow .35s var(--ease)}
.marco:hover .marco__n{transform:scale(1.08);border-color:var(--bege)}
.marco__nome{max-width:13ch;font-size:.6875rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;line-height:1.35;transition:color .3s var(--ease-s)}
.marco.feito .marco__n{background:var(--pet);border-color:var(--pet)}
.marco[aria-selected="true"] .marco__n{background:var(--bege);border-color:var(--bege);color:var(--tinta);box-shadow:0 0 0 8px rgba(216,196,168,.16)}
.marco[aria-selected="true"] .marco__nome{color:var(--claro)}
.trilha .pin__palco{justify-content:flex-start}
.trilho-h{flex:1;min-height:0;margin-top:1.25rem;overflow:hidden}
.trilho-h__faixa{--card-w:min(70rem,86vw);--card-gap:3vw;display:flex;gap:var(--card-gap);height:100%;padding-inline:calc((100vw - var(--card-w)) / 2);will-change:transform}
.etapa{flex:0 0 var(--card-w);height:100%;overflow:hidden;border:1px solid var(--linha-clara);border-radius:var(--raio);background:linear-gradient(160deg,rgba(38,86,101,.3) 0%,rgba(28,36,39,.75) 60%);text-align:left;-webkit-mask-image:linear-gradient(180deg,#000 calc(100% - 2.25rem),transparent 100%);mask-image:linear-gradient(180deg,#000 calc(100% - 2.25rem),transparent 100%)}
.etapa__rolo{padding:clamp(1.5rem,1rem + 2vw,2.75rem);will-change:transform}
.etapa__rotulo{display:flex;align-items:center;gap:.75rem}
.etapa__rotulo b{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--bege);color:var(--tinta);font-size:.875rem;font-weight:900;letter-spacing:0}
.etapa h3{margin-top:1rem;max-width:22ch;font-size:var(--t2);font-weight:300;line-height:1.15;color:var(--claro)}
.etapa h3+p{margin-top:1rem}
.etapa p{max-width:58ch;color:var(--texto-claro)}
.etapa__grade{display:grid;gap:1.5rem;margin-top:1.5rem}
.etapa__foto{margin:0;overflow:hidden;border-radius:18px;aspect-ratio:16/9}
.etapa__foto img{width:100%;height:100%;object-fit:cover;object-position:55% 30%}
.leitura{width:100%;border-collapse:separate;border-spacing:0;font-size:.9375rem;overflow:hidden;border-radius:18px;background:rgba(15,20,22,.55);border:1px solid var(--linha-clara)}
.leitura th,.leitura td{padding:.8rem 1rem;text-align:left;vertical-align:top;border-bottom:1px solid var(--linha-clara)}
.leitura tr:last-child th,.leitura tr:last-child td{border-bottom:0}
.leitura thead th{font-size:.6875rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--suave-claro);background:rgba(216,196,168,.06)}
.leitura tbody th{width:30%;font-weight:900;text-transform:uppercase;font-size:.8125rem;letter-spacing:.04em;color:var(--bege)}
.leitura td{line-height:1.5;color:var(--texto-claro)}
.etapa .fecho{margin-top:1rem}
@media (max-width:759px){.leitura thead{display:none}.leitura,.leitura tbody,.leitura tr{display:block}.leitura tr{padding:.85rem 1rem;border-bottom:1px solid var(--linha-clara)}.leitura tr:last-child{border-bottom:0}.leitura th,.leitura td{display:block;width:auto;padding:0;border:0}.leitura td{margin-top:.3rem}}
.blocos30{display:grid;gap:.75rem}
.blocos30 li{display:grid;gap:.4rem;padding:1.25rem 1.4rem;border-radius:20px;background:rgba(15,20,22,.55);border:1px solid var(--linha-clara)}
.blocos30 li:first-child{background:var(--bege);border-color:var(--bege)}
.etapa .blocos30 li:first-child p,.blocos30 li:first-child strong{color:var(--tinta)}
.blocos30 strong{font-size:var(--t1);font-weight:900;text-transform:uppercase;line-height:1.15;color:var(--claro)}
.recursos{display:grid;gap:.75rem}
.recursos li{display:grid;gap:.4rem;padding:1.25rem 1.4rem;border-radius:20px;background:rgba(15,20,22,.55);border:1px solid var(--linha-clara)}
.recursos__num{font-size:var(--t2);font-weight:900;line-height:1;color:var(--bege)}
.recursos h4{font-size:var(--t1);font-weight:600;color:var(--claro)}
.etapa .recursos p{font-size:var(--t0)}
.situacoes{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}
.situacoes li{padding:.55rem 1rem;border-radius:999px;border:1px solid var(--linha-clara);background:rgba(15,20,22,.4);font-size:.875rem;color:var(--claro)}
.etapa .individual{padding:1.25rem 1.4rem;border-radius:20px;border:1px solid var(--bege);color:var(--claro);font-size:var(--t1);font-weight:300;line-height:1.45}
.cadeia{display:grid;gap:1.1rem}
.cadeia li{position:relative;padding:1rem 1.25rem;border-radius:18px;background:rgba(15,20,22,.55);border:1px solid var(--linha-clara);color:var(--claro);line-height:1.45}
.cadeia li+li::before{content:"";position:absolute;left:1.5rem;top:-1.1rem;width:2px;height:1.1rem;background:var(--bege);opacity:.5}
.jornada .citacao-veios{margin-top:var(--bloco)}
@media (max-width:1023px){
  .marco__n{width:44px;height:44px;font-size:1rem}
  .trilha__seta{width:44px;height:44px;margin-top:0}
  .marcos{gap:0}
  .marcos::before,.marcos::after{top:21px}
  .marco__nome{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .trilho-h{margin-top:1rem}
  .trilho-h__faixa{--card-w:calc(100vw - 2 * var(--margem));--card-gap:14px}
}
@media (min-width:1024px){.etapa__grade{grid-template-columns:5fr 7fr;gap:2.5rem;align-items:start}}
@media (min-width:1024px) and (max-height:820px){.etapa__foto{display:none}}

/* cartão de aquarela (citação curta) */
.citacao-veios{position:relative;max-width:56rem;margin-inline:auto;padding:clamp(2.25rem,1.5rem + 3vw,4rem) clamp(1.5rem,.8rem + 3vw,4rem);background:var(--areia) url("../textura/veios.svg") center/100% 100% no-repeat;border-radius:var(--raio-c);text-align:center;color:var(--tinta)}
.citacao-veios .assinatura{justify-content:center;margin-bottom:1.25rem;color:var(--terra-2);font-size:10px}
.citacao-veios .aspas{margin-inline:auto;color:var(--azul)}
.citacao-veios blockquote{max-width:42ch;margin:1rem auto 0}
.citacao-veios .forte{display:block;font-size:var(--t2);font-weight:900;line-height:1.1;text-transform:uppercase;color:var(--tinta)}
.citacao-veios .fino{display:block;margin-top:.5rem;font-size:var(--t1);font-weight:300;line-height:1.45;color:var(--texto)}

/* ---------- 07 · bônus: texto ao lado das abas, cartões em camadas com ‹ › ---------- */
.bonus-dobra{background:var(--g-aurora);overflow-x:clip}
.deck{display:grid;gap:1.75rem}
.deck__lado{display:grid;gap:1rem;align-content:start}
.bonus__titulo .t-forte{font-size:var(--t4);line-height:.92}
.bonus__titulo .t-fino{font-size:var(--t3)}
.deck__abas{display:none}
.deck__aba{position:relative;display:grid;grid-template-columns:2.25rem 1fr;align-items:baseline;width:100%;padding:.9rem 0 1rem;border:0;border-top:1px solid var(--linha);background:none;text-align:left;color:var(--suave);cursor:pointer;transition:color .3s var(--ease-s)}
.deck__aba b{font-size:.75rem;font-weight:600;letter-spacing:.16em;color:inherit}
.deck__aba span{font-size:var(--t1);font-weight:900;text-transform:uppercase;letter-spacing:-.005em;color:inherit}
.deck__aba i{position:absolute;left:0;bottom:-1px;width:100%;height:2px;background:var(--pet);transform:scaleX(var(--p,0));transform-origin:left}
.deck__aba:hover,.deck__aba[aria-current="true"]{color:var(--tinta)}
.deck__pontos{display:flex;gap:.5rem;margin:0 var(--margem) .85rem}
.deck__ponto{position:relative;flex:1;height:44px;padding:0;border:0;background:none;color:var(--suave);font-size:.625rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;text-align:left;cursor:pointer}
.deck__ponto::before{content:"";position:absolute;left:0;right:0;bottom:6px;height:3px;border-radius:3px;background:var(--areia-3)}
.deck__ponto i{position:absolute;left:0;right:0;bottom:6px;height:3px;border-radius:3px;background:var(--pet);transform:scaleX(var(--p,0));transform-origin:left}
.deck__ponto[aria-current="true"]{color:var(--tinta)}
.deck__area{position:relative;flex:1;min-height:0;margin-inline:var(--margem)}
.deck__trilho{position:relative;height:100%}
.cartao{position:absolute;inset:0;display:flex;flex-direction:column;overflow:hidden;border-radius:var(--raio);background:var(--papel);border:1px solid var(--areia-3);box-shadow:0 40px 80px -50px rgba(23,28,29,.45);transform-origin:50% 60%;will-change:transform,opacity}
.cartao__anima{position:relative;flex:0 0 40%;min-height:0;overflow:hidden;background:linear-gradient(150deg,#1A3A43 0%,#0F1416 100%)}
.cartao__anima svg{position:absolute;inset:0;width:100%;height:100%}
.cartao__anima text{font-family:var(--sans);font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;fill:var(--texto-claro)}
.cartao__texto{flex:1;min-height:0;overflow:hidden;-webkit-mask-image:linear-gradient(180deg,#000 calc(100% - 1.5rem),transparent 100%);mask-image:linear-gradient(180deg,#000 calc(100% - 1.5rem),transparent 100%)}
.cartao__rolo{display:flex;flex-direction:column;gap:.6rem;padding:clamp(1.25rem,.9rem + 1.5vw,2.25rem);will-change:transform}
.cartao .rotulo{font-size:var(--t-1)}
.cartao .cartao__valor{font-size:var(--t4);font-weight:900;line-height:.95;letter-spacing:-.02em;text-transform:uppercase;color:var(--tinta);font-variant-numeric:lining-nums}
.cartao__valor small{font-size:.42em;font-weight:300;text-transform:none;letter-spacing:0}
.cartao .cartao__valor--longo{font-size:var(--t3)}
.cartao h3{font-size:var(--t2);font-weight:600;line-height:1.2;color:var(--tinta)}
.cartao p{max-width:56ch;font-size:var(--t0);line-height:1.6;color:var(--texto)}
.cartao .nota-pequena{font-size:.8125rem;color:var(--suave)}
.js .cartao .cartao__texto,.js .cartao .cartao__anima svg{transition:opacity .35s var(--ease)}
.js .cartao:not(.vivo) .cartao__texto,.js .cartao:not(.vivo) .cartao__anima svg{opacity:0}
.deck__seta{position:absolute;top:20%;z-index:200;display:grid;place-items:center;width:46px;height:46px;margin-top:-23px;padding:0;border:1px solid rgba(23,28,29,.14);border-radius:50%;background:var(--papel);color:var(--tinta);box-shadow:0 12px 28px -12px rgba(23,28,29,.55);cursor:pointer;transition:background-color .2s var(--ease-s),color .2s var(--ease-s),opacity .2s var(--ease-s)}
.deck__seta svg{width:20px;height:20px}
.deck__seta:hover{background:var(--tinta);color:var(--areia)}
.deck__seta:disabled{opacity:.3;cursor:default}
.deck__seta--prev{left:10px}
.deck__seta--next{right:10px}
@media (min-width:1024px){
  .deck{grid-template-columns:5fr 7fr;gap:calc(var(--gutter) * 2.5);align-items:start}
  .deck__lado{position:sticky;top:calc(76px + 6svh);padding-top:1rem}
  .deck__abas{display:grid;margin-top:1.25rem;border-bottom:1px solid var(--linha)}
  .deck__pontos{display:none}
  .deck__area{margin-inline:28px}
  .deck__seta{top:22%}
  .deck__palco{overflow:visible}
  .deck__seta--prev{left:-26px}
  .deck__seta--next{right:-26px}
  .cartao__anima{flex-basis:44%}
}

/* animações dos bônus */
.b-no{fill:#1f3a42;stroke:var(--bege);stroke-width:1.5}
.b-pessoa{fill:var(--bege)}
.b-elo{stroke:rgba(216,196,168,.5);stroke-width:1.2;fill:none}
.b-elo.vivo{stroke:var(--luz);stroke-width:1.8}
.b-faisca{fill:var(--luz)}
.b-centro{fill:rgba(64,144,168,.25);stroke:var(--azul-claro);stroke-width:1.5}
.b-hora{stroke:rgba(216,196,168,.25);stroke-width:1}
.b-bloco rect{rx:10px;fill:var(--f)}
.b-bloco text{font-size:12px}
.b-agora{stroke:var(--luz);stroke-width:2}
.b-voce{fill:var(--luz)}
.b-seg{fill:none;stroke-width:22;stroke-linecap:butt}
.b-seg--feito{stroke:#2f6474}
.b-seg--novo{stroke:rgba(216,196,168,.18)}
.b-seg--novo.on{stroke:var(--bege)}
.b-mes{fill:var(--luz)}
.b-forn{fill:#1f3a42;stroke:var(--azul-claro);stroke-width:1.5}
.b-fluxo{stroke:var(--luz);stroke-width:2;stroke-dasharray:4 10;fill:none}
.b-margem{fill:var(--bege)}
@media (prefers-reduced-motion:no-preference){
  html:not(.parado) .cartao.vivo .b-fluxo{animation:fluxo 1.6s linear infinite}
  html:not(.parado) .cartao.vivo .b-margem{animation:margem 4s var(--ease-io) infinite}
  html:not(.parado) .cartao.vivo .b-forn{animation:respira 3s var(--ease-io) infinite;animation-delay:var(--d,0s)}
}
@keyframes fluxo{to{stroke-dashoffset:-28}}
@media (prefers-reduced-motion:no-preference){html:not(.parado) .cartao.vivo .b-agora-g{animation:agenda 9s linear infinite}html:not(.parado) .cartao.vivo .b-bloco rect{animation:bloco 9s linear infinite;animation-delay:calc((var(--t) - 9) * 1s)}}
@keyframes agenda{from{transform:translateY(0)}to{transform:translateY(250px)}}
@keyframes bloco{0%,14%{fill:rgba(231,201,162,.42)}22%,100%{fill:var(--f)}}
@keyframes margem{0%,10%{transform:scaleY(.35)}55%,85%{transform:scaleY(1)}100%{transform:scaleY(.35)}}
@keyframes respira{0%,100%{opacity:.7}50%{opacity:1}}

/* ---------- 08 · a conta + fechamento ---------- */
.conta{padding-bottom:0;background:radial-gradient(70% 42% at 10% 4%,rgba(64,144,168,.17) 0%,rgba(64,144,168,0) 72%),radial-gradient(55% 38% at 92% 74%,rgba(64,144,168,.13) 0%,rgba(64,144,168,0) 72%),linear-gradient(180deg,#12242B 0%,#0F1D22 46%,#13282F 76%,#0D171A 100%)}
.conta.folha{box-shadow:0 -28px 70px -34px rgba(13,29,34,.55)}
.bonus-dobra::after{content:"";position:absolute;left:0;right:0;bottom:0;z-index:-1;height:clamp(7rem,5rem + 8vw,14rem);background:linear-gradient(180deg,rgba(201,221,226,0) 0%,rgba(168,197,205,.42) 100%);pointer-events:none}
.conta__cab{display:grid;gap:1.25rem}
.conta__cab .titulo{max-width:22ch}
.vazamento{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;margin-top:var(--bloco)}
.vazamento i{height:6px;border-radius:6px;background:var(--bege);transform-origin:left;transition:transform .6s var(--ease),opacity .6s var(--ease)}
.vazamento i.perdida{transform:scaleX(.2);opacity:.25}
.perdas{display:grid;gap:var(--gutter);margin-top:1.25rem}
.perda{position:relative;display:flex;flex-direction:column;gap:1rem;min-height:10rem;padding:1.5rem;border-radius:var(--raio-c);background:rgba(12,26,31,.66);border:1px solid var(--linha-clara);transition:border-color .5s var(--ease-s),background-color .5s var(--ease-s),transform .5s var(--ease)}
.perda.acesa{border-color:rgba(216,196,168,.65);background:rgba(28,58,67,.62);transform:translateY(-4px)}
.perda__num{font-size:var(--t4);font-weight:900;line-height:1;color:var(--bege)}
.perda p{font-size:var(--t1);font-weight:600;line-height:1.25;color:var(--claro)}
.conta__fecho{margin-top:var(--bloco);max-width:30ch;font-size:var(--t3);font-weight:300;line-height:1.2;color:var(--claro)}
.conta__fecho b{font-weight:900;text-transform:uppercase;color:var(--bege)}
@media (min-width:760px){.perdas{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1180px){.perdas{grid-template-columns:repeat(5,1fr)}.conta__cab{grid-template-columns:7fr 5fr;align-items:end;gap:var(--gutter)}}
.fechamento{display:grid;margin-top:var(--bloco)}
.fechamento__foto{position:relative;margin:0;overflow:hidden;-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 16%,#000 82%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0%,#000 16%,#000 82%,transparent 100%)}
.fechamento__foto img{width:100%;height:100%;aspect-ratio:4/5;max-height:60svh;object-fit:cover;object-position:50% 25%}
.fechamento__texto{display:flex;flex-direction:column;justify-content:center;padding:var(--bloco) var(--margem) var(--secao)}
.fechamento__chamada{font-size:var(--t-1);font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--bege)}
.fechamento__pergunta{margin-top:1.25rem}
.fechamento__pergunta p{max-width:24ch;font-size:var(--t3);font-weight:300;line-height:1.1;letter-spacing:-.01em;color:var(--claro)}
.fechamento__fecho{max-width:44ch;margin-top:1.5rem;font-size:var(--t1);font-weight:300;line-height:1.5;color:var(--texto-claro)}
.fechamento .cta-luz{margin-top:2.25rem;align-self:flex-start}
.cta-luz{position:relative;display:inline-flex;border-radius:999px}
.cta-luz .botao{position:relative;z-index:1;margin:0}
.cta-luz__anel{position:absolute;left:-5px;top:-5px;z-index:2;overflow:visible;pointer-events:none}
.cta-luz__anel rect{fill:none;stroke-width:2}
.cta-luz__trilho{stroke:rgba(231,201,162,.28)}
.cta-luz__ponto{stroke:#FFF1DC;stroke-dasharray:70 930;stroke-linecap:round;opacity:0;filter:drop-shadow(0 0 3px #FFE7C2) drop-shadow(0 0 9px rgba(231,201,162,.95))}
@media (prefers-reduced-motion:no-preference){
  html:not(.parado) .cta-luz.vivo .cta-luz__ponto{opacity:1;animation:cta-giro 3.2s linear infinite}
  html:not(.parado) .cta-luz.vivo .botao{animation:cta-pulso 2.4s var(--ease-io) infinite}
}
@keyframes cta-giro{to{stroke-dashoffset:-1000}}
@keyframes cta-pulso{0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(231,201,162,.55)}50%{transform:scale(1.04);box-shadow:0 0 0 14px rgba(231,201,162,0)}}
.aviso{max-width:52ch;margin-top:1.25rem;font-size:.875rem;line-height:1.55;color:var(--suave-claro)}
@media (min-width:1024px){
  .fechamento{grid-template-columns:7fr 5fr;min-height:min(52rem,96vh)}
  .fechamento__texto{order:-1;padding:var(--secao) clamp(2rem,4vw,4rem) var(--secao) var(--esq)}
  .fechamento__foto img{max-height:none;aspect-ratio:auto}
  .fechamento__foto{-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 32%),linear-gradient(180deg,transparent 0%,#000 14%,#000 80%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 0%,#000 32%),linear-gradient(180deg,transparent 0%,#000 14%,#000 80%,transparent 100%);mask-composite:intersect}
}

/* ---------- rodapé e barra fixa ---------- */
.rodape{padding-block:4rem calc(4rem + 84px);background:#0B0F10;color:var(--suave-claro);font-size:.875rem}
.rodape__grade{display:grid;gap:1.5rem;align-items:center}
.carimbo{justify-self:start;padding:.75rem 1rem;border:1px solid rgba(216,196,168,.45);color:var(--texto-claro);font-size:.8125rem;line-height:1.55;letter-spacing:.02em}
.carimbo__nome{font-size:1rem;font-weight:900;text-transform:uppercase;letter-spacing:.04em;color:var(--claro)}
.carimbo .nw+.nw{margin-left:1rem}
.rodape__direitos{display:grid;gap:.4rem}
.rodape__direitos a{display:inline-flex;align-items:center;min-height:44px;color:var(--bege);text-underline-offset:3px}
.rodape .assinatura{color:var(--bege)}
@media (min-width:760px){.rodape{padding-bottom:4rem}.rodape__grade{grid-template-columns:auto 1fr auto;gap:3rem}.rodape .assinatura{justify-content:center}.rodape__direitos{text-align:right}}
.barra-aplicar{position:fixed;left:0;right:0;bottom:0;z-index:55;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:rgba(15,20,22,.92);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--linha-clara);transform:translateY(110%);transition:transform .22s var(--ease-in)}
.barra-aplicar[data-visivel]{transform:none;transition:transform .32s var(--ease)}
.barra-aplicar .botao{display:flex;justify-content:space-between;width:100%;min-height:52px}
@media (min-width:760px){.barra-aplicar{display:none}}

/* ---------- movimento geral ---------- */
@media (prefers-reduced-motion:no-preference){
  .hero__foto img{animation:assenta 1.6s var(--ease) both}
  .hero__titulo .fino{animation:sobe-leve .9s var(--ease) both}
  .hero__titulo .forte{animation:sobe-leve .9s .08s var(--ease) both}
  .hero__sub,.hero .botao,.hero .assinatura{animation:sobe .9s var(--ease) both}
  .hero__sub{animation-delay:.14s}.hero .botao{animation-delay:.24s}
  .hero .barra-id{animation:traco 1s .3s var(--ease) both}
  .selos li{animation:sobe .7s var(--ease) both;animation-delay:calc(.45s + var(--i,0) * 70ms)}
  html:not(.parado) .seta-rolagem span{animation:seta 2.2s var(--ease-io) infinite}
  html:not(.parado) .seta-rolagem span:last-child{animation-delay:.2s}
  html:not(.parado) .celular{animation:flutua 7s var(--ease-io) infinite}
  .js [data-revela]{opacity:0;transform:translateY(18px);transition:opacity .7s var(--ease),transform .7s var(--ease);transition-delay:calc(var(--i,0) * 70ms)}
  .js [data-revela].visto{opacity:1;transform:none}
  .js .base__citacao,.js .colunas span{transition-delay:.1s}
}
@keyframes assenta{from{transform:scale(1.07)}to{transform:none}}
@keyframes sobe{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes sobe-leve{from{transform:translateY(14px)}to{transform:none}}
@keyframes traco{from{transform:scaleX(0)}to{transform:none}}
@keyframes seta{0%{opacity:0;transform:translateY(-6px) rotate(45deg)}35%{opacity:1}75%,100%{opacity:0;transform:translateY(8px) rotate(45deg)}}
@keyframes flutua{0%,100%{translate:0 0}50%{translate:0 -8px}}
html.parado *,html.parado *::before,html.parado *::after{animation-play-state:paused!important}

/* sem JavaScript: tudo visível */
html:not(.js) .vpm-palco{height:auto}
html:not(.js) .vpm-palco__fixo{position:relative;height:auto;padding-block:6rem}
html:not(.js) .liberdade__fotos,html:not(.js) .lib-nav{display:none}
html:not(.js) .pilar{position:relative;inset:auto;visibility:visible;opacity:1;transform:none;margin-bottom:1rem}
html:not(.js) .pilar__corpo{-webkit-mask-image:none;mask-image:none}
html:not(.js) .palco-pilar{display:block}
html:not(.js) .palco{height:300px}
html:not(.js) .trilho-h__faixa{flex-direction:column;gap:1rem;padding:0 var(--margem)}
html:not(.js) .etapa{flex:none;height:auto;-webkit-mask-image:none;mask-image:none}
html:not(.js) .deck__trilho{height:auto}
html:not(.js) .cartao{position:relative;inset:auto;margin-bottom:1rem}
html:not(.js) .deck__seta,html:not(.js) .deck__pontos{display:none}
html:not(.js) .base__planta{height:auto}
html:not(.js) .base__planta-fixo{position:relative;height:auto}
html:not(.js) .arquivo__moldura img:first-child{opacity:1;transform:none;clip-path:none}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;transition-delay:0s!important}
  .js .lib-foto{opacity:1}
}