:root{
  --tinta:#131019; --tinta-2:#1C1724; --linha-escura:#302939;
  --roxo:#6513D9; --roxo-claro:#B294F8; --roxo-fundo:#EEE7FC;
  --grafite:#4B4B4D; --papel:#FFFFFF; --nevoa:#F3F1F7; --linha:#DDD7E6;
  --texto:#1B1821; --texto-2:#5B5666; --claro:#EDE9F3; --claro-2:#ABA4B7;
  --nota:#FFE27A; --nota-texto:#3B2F00;
  --f-display:"Futura PT","Futura","Jost","Century Gothic",system-ui,sans-serif;
  --f-rotulo:"Futura Condensed ExtraBold","Barlow Condensed","Arial Narrow",system-ui,sans-serif;
  --gutter:clamp(16px,4vw,56px); --max:1180px;
}
*{box-sizing:border-box}
body{margin:0;background:var(--papel);color:var(--texto);font-family:var(--f-display);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3,p,ol,ul,blockquote,figure{margin:0}
ol,ul{padding:0;list-style:none}
h1,h2,h3{font-weight:400;line-height:1.12;text-wrap:balance}
:focus-visible{outline:2px solid var(--roxo-claro);outline-offset:3px}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}

.wrap{max-width:var(--max);margin-inline:auto;padding-inline:var(--gutter)}
.sec{padding-block:clamp(64px,9vw,112px)}
.escuro{background:var(--tinta);color:var(--claro)}
.nevoa{background:var(--nevoa)}
.rotulo{font-family:var(--f-rotulo);font-weight:600;text-transform:uppercase;letter-spacing:.14em;font-size:.86rem;color:var(--roxo)}
.escuro .rotulo{color:var(--roxo-claro)}
.h2{font-size:clamp(2rem,4.2vw,3.1rem);letter-spacing:-.01em;margin-top:14px}
.lead{font-size:1.14rem;color:var(--texto-2);max-width:60ch}
.escuro .lead{color:var(--claro-2)}
.it{font-style:italic;font-weight:300}

/* movimento: entrada no carregamento e revelação suave, sempre a partir de conteúdo visível */
@media (prefers-reduced-motion:no-preference){
  .entra{animation:subir .8s cubic-bezier(.2,.7,.2,1) both}
  .entra.d1{animation-delay:.08s}.entra.d2{animation-delay:.16s}.entra.d3{animation-delay:.24s}.entra.d4{animation-delay:.32s}
  .js .revela{transform:translateY(22px);transition:transform .8s cubic-bezier(.2,.7,.2,1)}
  .js .revela.visto{transform:none}
}
@keyframes subir{from{opacity:.25;transform:translateY(16px)}to{opacity:1;transform:none}}

/* ---------- barra da proposta (não faz parte do site) ---------- */
.barra{position:sticky;top:0;z-index:20;background:var(--grafite);color:#fff;font-size:.9rem}
.barra .wrap{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;padding-block:8px}
.barra strong{font-family:var(--f-rotulo);letter-spacing:.12em;text-transform:uppercase;font-weight:600;font-size:.82rem;margin-right:auto}
.barra [role=tablist]{display:flex;flex-wrap:wrap;gap:4px}
.barra button{font:inherit;color:#fff;background:transparent;border:1px solid rgba(255,255,255,.28);padding:4px 12px;cursor:pointer;border-radius:2px}
.barra button[aria-selected=true]{background:#fff;color:var(--grafite);border-color:#fff}
.barra #alterna-notas{border-color:var(--nota);color:var(--nota)}
.nota{display:inline-block;background:var(--nota);color:var(--nota-texto);font-family:var(--f-display);font-size:.82rem;line-height:1.45;padding:6px 10px;max-width:48ch;border-radius:2px;font-style:normal;letter-spacing:0;text-transform:none;font-weight:400}
.nota b{font-family:var(--f-rotulo);letter-spacing:.1em;text-transform:uppercase;margin-right:6px;font-weight:600}
body.sem-notas .nota{display:none}

/* ---------- topo do site ---------- */
.site-topo{background:var(--tinta);border-bottom:1px solid var(--linha-escura)}
.site-topo .wrap{display:flex;align-items:center;gap:28px;padding-block:18px}
.site-topo img{height:34px;width:auto}
.menu{display:flex;gap:22px;margin-left:auto;font-size:.95rem;color:var(--claro-2)}
.menu a{text-decoration:none;transition:color .2s}
.menu a:hover{color:#fff}
.acoes{display:flex;gap:10px}
.btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--f-rotulo);font-weight:600;text-transform:uppercase;letter-spacing:.1em;font-size:.92rem;text-decoration:none;padding:11px 18px;border:1px solid transparent;border-radius:2px;cursor:pointer;white-space:nowrap;transition:background .2s,transform .2s}
.btn:hover{transform:translateY(-1px)}
.btn-roxo{background:var(--roxo);color:#fff}
.btn-roxo:hover{background:#5410B8}
.btn-linha{border-color:currentColor}
.escuro .btn-linha{color:var(--claro)}
.site-topo .btn-linha{color:#fff;border-color:var(--roxo-claro);background:rgba(178,148,248,.12)}
.site-topo .btn-linha:hover{background:rgba(178,148,248,.26)}
@media (max-width:980px){.menu{display:none}.acoes{margin-left:auto}.acoes .btn-linha{display:none}}
@media (max-width:980px){.site-topo .acoes .btn-linha{display:inline-flex}.site-topo .acoes .btn{padding:9px 12px;font-size:.8rem;letter-spacing:.08em}}

/* ---------- hero: a reação catalisada ---------- */
.hero .wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(24px,5vw,64px);align-items:center;padding-block:clamp(56px,8vw,100px)}
.hero h1{font-size:clamp(2.6rem,6vw,5rem);letter-spacing:-.02em;font-weight:300;margin-block:18px 26px}
.hero h1 em{font-style:normal;color:var(--roxo-claro);font-weight:400}
.hero p.lead{margin-bottom:34px}
.hero .cta{display:flex;flex-wrap:wrap;gap:12px}
.reacao{width:100%}
.reacao svg{width:100%;height:auto;display:block}
.reacao figcaption{color:var(--claro-2);font-size:.98rem;margin-top:12px;max-width:46ch;font-style:italic;font-weight:300}
@media (max-width:860px){.hero .wrap{grid-template-columns:1fr}}

/* ---------- ícones autorais (arco da marca) ---------- */
.ico{width:26px;height:26px;color:var(--roxo);flex:none}
.ico-claro{color:var(--roxo-claro)}

/* ---------- quem somos ---------- */
.tese-abre{font-size:clamp(1.5rem,3vw,2.3rem);line-height:1.25;font-weight:300;max-width:26ch;margin-top:22px}
.tese-abre em{font-style:normal;color:var(--roxo)}
.marca-anatomia{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(28px,5vw,64px);align-items:center;margin-top:52px}
.marca-anatomia.primeira{margin-top:clamp(28px,4vw,42px)}
.tese-abre.depois-da-marca{margin-top:clamp(52px,7vw,78px);max-width:30ch}
.marca-alvo{position:relative;padding:0}
.marca-base{width:100%;height:auto;transition:opacity .35s,filter .35s}
.marca-alvo:hover .marca-base,.marca-alvo:focus-within .marca-base{opacity:.2;filter:grayscale(1)}
.marca-alvo button{position:absolute;border:0;background:transparent;cursor:pointer;padding:0;overflow:hidden;font-size:0;color:transparent}
.marca-alvo button img{position:absolute;max-width:none;opacity:0;transition:opacity .3s}
.marca-alvo button:hover img,.marca-alvo button:focus-visible img{opacity:1}
.marca-alvo button::after{content:"";position:absolute;left:0;right:0;bottom:6%;height:2px;background:var(--roxo);opacity:0;transition:opacity .3s}
.marca-alvo button:hover::after,.marca-alvo button:focus-visible::after{opacity:1}
.marca-alvo .m-autoral{left:0;top:2%;width:100%;height:56%}
.marca-alvo .m-autoral img{width:100%;left:0;top:-3.6%}
.marca-alvo .m-allnew{left:28%;top:62%;width:32%;height:36%}
.marca-alvo .m-allnew img{width:312.5%;left:-87.5%;top:-172.2%}
.marca-alvo .m-escola{left:59%;top:64%;width:41%;height:26%}
.marca-alvo .m-escola img{width:243.9%;left:-143.9%;top:-246.2%}
@media (hover:none){.marca-alvo .marca-base{opacity:1!important;filter:none!important}.marca-alvo button[aria-pressed=true]::after{opacity:1}}
.marca-dica{margin-top:12px;font-size:.88rem;color:var(--texto-2)}
.marca-detalhe{border-top:2px solid var(--roxo);padding-top:20px;min-height:210px}
.marca-detalhe h3{font-size:clamp(1.6rem,3vw,2.2rem);font-weight:300;margin:8px 0 10px}
.marca-detalhe p{color:var(--texto-2);max-width:44ch}
@media (prefers-reduced-motion:no-preference){.marca-detalhe.troca{animation:subir .45s cubic-bezier(.2,.7,.2,1)}}
.proposito{margin-top:64px;padding-top:34px;border-top:1px solid var(--linha);text-align:center}
.proposito p{font-size:clamp(1.5rem,3vw,2.3rem);font-weight:300;line-height:1.25;max-width:24ch;margin-inline:auto}
.proposito p em{font-style:normal;color:var(--roxo)}
@media (max-width:860px){.marca-anatomia{grid-template-columns:1fr}.marca-detalhe{min-height:0}}

/* ---------- competência transformadora ---------- */
.comp{margin-top:44px;border-top:1px solid var(--texto)}
.comp-linha{display:grid;grid-template-columns:minmax(150px,1.1fr) repeat(5,1fr);gap:10px 14px;align-items:center;padding-block:18px;border-bottom:1px solid var(--linha)}
.comp-quem{font-size:1.02rem;line-height:1.3}
.comp-cabec .comp-col{display:flex;flex-direction:column;gap:2px}
.comp-cabec b{font-weight:500;font-size:.98rem;line-height:1.15}
.comp-cabec small{font-style:italic;font-weight:300;font-size:.86rem;color:var(--texto-2)}
.comp-cel{height:14px;border-radius:2px}
.comp-cel.cheio{background:var(--roxo)}
.comp-cel.vazio{border:1px dashed #B9B1C7}
.comp-cel span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.comp-linha.nossa{background:var(--papel)}
.comp-linha.nossa .comp-quem{font-weight:500;color:var(--roxo)}
@media (max-width:820px){
  .comp-linha{grid-template-columns:1fr;gap:8px}
  .comp-cabec{display:none}
  .comp-cel{height:auto;display:flex;align-items:center;gap:10px;border:0;border-radius:0;padding:0;font-size:.96rem;color:var(--texto-2)}
  .comp-cel::before{content:"";width:22px;height:10px;border-radius:2px;flex:none}
  .comp-cel.cheio::before{background:var(--roxo)}
  .comp-cel.vazio::before{border:1px dashed #B9B1C7}
  .comp-cel::after{content:attr(data-nome)}
  .comp-cel.vazio::after{opacity:.55}
}
.lei{margin-top:40px;font-size:1.2rem;font-style:italic;font-weight:300;max-width:62ch}

/* ---------- projeto pedagógico ---------- */
.pedagogico{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(28px,5vw,64px);align-items:center;margin-top:40px}
.venn{width:100%;max-width:520px;height:auto;display:block;margin-inline:auto;overflow:visible}
.venn .zona{cursor:pointer;outline:none}
.venn .circ{fill:#6513D9;fill-opacity:.1;stroke:#6513D9;stroke-width:1.5;transition:fill-opacity .35s,stroke-width .35s}
.venn[data-ativo="human"] .c-human,.venn[data-ativo="hard"] .c-hard,.venn[data-ativo="tech"] .c-tech{fill-opacity:.4;stroke-width:2.5}
.venn[data-ativo="lideranca"] .c-human,.venn[data-ativo="lideranca"] .c-hard,.venn[data-ativo="dados"] .c-hard,.venn[data-ativo="dados"] .c-tech,.venn[data-ativo="empatia"] .c-human,.venn[data-ativo="empatia"] .c-tech{fill-opacity:.24}
.venn[data-ativo="centro"] .circ{fill-opacity:.18}
.venn .hot{fill:#FFFFFF;fill-opacity:0}
.venn .zona:hover .hot,.venn .zona:focus-visible .hot{fill-opacity:.35}
.venn .zona:focus-visible .circ{stroke:#B294F8;stroke-width:3}
.venn text{pointer-events:none}
@media (prefers-reduced-motion:no-preference){
  .venn .g-circ{transform-box:fill-box;transform-origin:center;transition:transform 1.1s cubic-bezier(.2,.7,.2,1)}
  .js .venn-wrap.revela .g-human{transform:translate(-28px,-16px)}
  .js .venn-wrap.revela .g-hard{transform:translate(28px,-16px)}
  .js .venn-wrap.revela .g-tech{transform:translate(0,28px)}
  .js .venn-wrap.revela.visto .g-circ{transform:none}
  .venn .nucleo{transform-box:fill-box;transform-origin:center;animation:respira 3.6s ease-in-out infinite}
}
@keyframes respira{50%{transform:scale(1.1)}}
.detalhe{border-top:2px solid var(--roxo);padding-top:20px;min-height:300px}
.detalhe h3{font-size:clamp(1.8rem,3.4vw,2.6rem);font-weight:300;letter-spacing:-.01em;margin:8px 0 2px}
.detalhe .verbo{font-style:italic;font-weight:300;color:var(--roxo);font-size:1.2rem}
.detalhe p.txt{color:var(--texto-2);margin-top:14px;max-width:48ch}
.detalhe ul{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.detalhe li{font-size:.88rem;padding:5px 10px;background:var(--roxo-fundo);color:var(--roxo);border-radius:2px}
.dica-venn{margin-top:20px;font-size:.9rem;color:var(--texto-2)}
@media (prefers-reduced-motion:no-preference){.detalhe.troca{animation:subir .45s cubic-bezier(.2,.7,.2,1)}}
@media (max-width:860px){.pedagogico{grid-template-columns:1fr}.detalhe{min-height:0}}

/* ---------- método EducAção (home): o ciclo vem da página Método; aqui fica o vocabulário ---------- */
.vocab{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:64px;border-top:1px solid var(--linha-escura)}
.vocab div{padding:22px 22px 0 0}
.vocab p{color:var(--claro-2);font-size:1rem}
.vocab p b{display:block;color:#fff;font-weight:400;font-size:1.3rem;margin-top:2px}
@media (max-width:860px){.vocab{grid-template-columns:1fr}}

/* ---------- duas portas ---------- */
.portas{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,3vw,32px);margin-top:44px}
.porta{background:var(--papel);border:1px solid var(--linha);padding:clamp(24px,3.5vw,40px);display:flex;flex-direction:column;gap:18px}
.porta h3{font-size:clamp(1.5rem,2.6vw,2rem)}
.porta .sub{color:var(--texto-2)}
.passos{counter-reset:p;display:grid;gap:0;border-top:1px solid var(--linha)}
.passos li{display:grid;grid-template-columns:30px 1fr;gap:12px;padding-block:13px;border-bottom:1px solid var(--linha);align-items:start}
.passos li{grid-template-columns:34px 1fr}
.passos .ico{width:28px;height:28px;margin-top:1px}
.passos .num{font-family:var(--f-rotulo);font-weight:600;color:var(--roxo);font-size:.9rem;letter-spacing:.08em;margin-right:8px}
.passos b,.ofertas b{font-weight:500}
.passos span{display:block;color:var(--texto-2);font-size:.95rem}
.ofertas{display:grid;gap:0;border-top:1px solid var(--linha)}
.ofertas li{padding-block:14px;border-bottom:1px solid var(--linha);display:grid;grid-template-columns:26px 1fr;gap:4px 12px;align-items:start}
.ofertas .ico{grid-row:span 2;width:24px;height:24px;margin-top:3px}
.ofertas .linha1{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 12px;align-items:baseline}
.ofertas span.d{color:var(--texto-2);font-size:.95rem}
.chip{display:inline-flex;align-items:center;gap:6px;font-family:var(--f-rotulo);font-weight:600;letter-spacing:.08em;text-transform:uppercase;font-size:.74rem;padding:3px 8px;border-radius:2px;background:var(--roxo-fundo);color:var(--roxo);white-space:nowrap}
.chip.cinza{background:var(--nevoa);color:var(--texto-2)}
.porta .btn{align-self:flex-start;margin-top:auto}
.porta{overflow:hidden}
.porta-foto{--p:clamp(24px,3.5vw,40px);width:calc(100% + 2*var(--p));height:auto;max-width:none;margin:calc(-1*var(--p)) calc(-1*var(--p)) 4px;aspect-ratio:1200/560;object-fit:cover;filter:saturate(.85)}
@media (max-width:860px){.portas{grid-template-columns:1fr}}

/* ---------- como funciona uma jornada ---------- */
.jornada{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,3vw,30px);margin-top:44px}
.bloco-j{background:var(--papel);border:1px solid var(--linha);padding:clamp(20px,3vw,30px);display:flex;flex-direction:column;gap:12px}
.bloco-j h3{font-family:var(--f-rotulo);font-weight:600;text-transform:uppercase;letter-spacing:.13em;font-size:.95rem;color:var(--roxo)}
.bloco-j ol,.bloco-j ul{display:grid;gap:0;border-top:1px solid var(--linha)}
.bloco-j li{padding-block:11px;border-bottom:1px solid var(--linha);font-size:.96rem}
.bloco-j li.com-ico{display:grid;grid-template-columns:24px 1fr;gap:10px;align-items:start}
.bloco-j li .ico{width:22px;height:22px;margin-top:2px}
.bloco-j li b{font-weight:500;display:block}
.bloco-j li span{color:var(--texto-2);font-size:.9rem;display:block}
.bloco-j .num{font-family:var(--f-rotulo);font-weight:600;color:var(--roxo);margin-right:7px}
@media (max-width:900px){.jornada{grid-template-columns:1fr}}

/* ---------- case ---------- */
.case{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(28px,5vw,80px);margin-top:44px;align-items:start}
.numeral-rot{font-family:var(--f-rotulo);font-weight:600;letter-spacing:.14em;text-transform:uppercase;font-size:.9rem;color:var(--roxo)}
.numeral{font-weight:300;font-size:clamp(6rem,14vw,10rem);line-height:.85;color:var(--roxo);letter-spacing:-.04em}
.numeral-leg{font-size:1.2rem;margin-top:12px;max-width:22ch}
.titulo-projetos{font-size:clamp(1.3rem,2.4vw,1.75rem);font-weight:400;margin:10px 0 20px}
.projetos{border-top:1px solid var(--linha)}
.projetos li{display:flex;justify-content:space-between;gap:16px;padding-block:14px;border-bottom:1px solid var(--linha);font-size:1.2rem;transition:padding .25s,color .25s}
.projetos li:hover{padding-left:10px;color:var(--roxo)}
.projetos b{font-weight:400;display:block}
.projetos span{display:block;font-size:.92rem;line-height:1.5;color:var(--texto-2);margin-top:3px;max-width:52ch}
.projetos li small{font-family:var(--f-rotulo);letter-spacing:.1em;text-transform:uppercase;color:var(--texto-2);font-size:.78rem;padding-top:6px;white-space:nowrap}
.provas{display:flex;flex-wrap:wrap;gap:14px 32px;margin-top:30px;padding-top:22px;border-top:1px solid var(--linha);align-items:flex-start}
.prova b{display:block;font-weight:500;font-size:1.25rem;line-height:1.2;font-variant-numeric:tabular-nums}
.prova span{color:var(--texto-2);font-size:.95rem}
.depo{margin-top:36px;padding:24px 28px;background:var(--nevoa);font-style:italic;font-weight:300;font-size:1.15rem;color:var(--texto-2)}
.link-seta{display:inline-block;margin-top:18px;font-family:var(--f-rotulo);font-weight:600;letter-spacing:.1em;text-transform:uppercase;font-size:.9rem;color:var(--roxo);text-decoration:none}
.link-seta:hover{text-decoration:underline}
@media (max-width:860px){.case{grid-template-columns:1fr}}

/* ---------- talks ---------- */
.talks{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,80px);align-items:start}
.talks h2 .it{color:var(--roxo-claro)}
.ao-vivo{display:inline-flex;align-items:center;gap:8px;font-family:var(--f-rotulo);font-weight:600;letter-spacing:.12em;text-transform:uppercase;font-size:.8rem;color:var(--claro)}
.ponto{width:8px;height:8px;border-radius:50%;background:var(--roxo-claro);position:relative}
@media (prefers-reduced-motion:no-preference){.ponto::after{content:"";position:absolute;inset:-5px;border-radius:50%;border:1px solid var(--roxo-claro);animation:pulso 1.8s ease-out infinite}}
@keyframes pulso{from{transform:scale(.4);opacity:1}to{transform:scale(1.6);opacity:0}}
.ficha{display:grid;grid-template-columns:auto 1fr;gap:6px 22px;margin-block:28px;font-size:1rem}
.ficha dt{font-family:var(--f-rotulo);letter-spacing:.12em;text-transform:uppercase;color:var(--claro-2);font-size:.82rem;padding-top:3px}
.ficha dd{margin:0}
.formato{border-top:1px solid var(--linha-escura)}
.formato li{padding-block:18px;border-bottom:1px solid var(--linha-escura)}
.formato b{font-weight:400;font-size:1.3rem;display:block}
.formato span{color:var(--claro-2);font-size:.95rem}
@media (max-width:860px){.talks{grid-template-columns:1fr}}

/* ---------- comunidade ---------- */
.comunidade{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,72px);align-items:center;margin-top:44px}
.circulos svg{width:100%;max-width:460px;height:auto;display:block;margin-inline:auto}
.escada{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;align-items:end;height:260px}
.degrau{display:flex;flex-direction:column;justify-content:flex-start;padding:10px 8px;font-size:.92rem;line-height:1.2}
.degrau small{font-family:var(--f-rotulo);letter-spacing:.08em;text-transform:uppercase;font-size:.7rem;display:block;margin-bottom:4px;opacity:.8}
.g1{height:34%;background:#DCD0FA;color:var(--texto)}
.g2{height:50%;background:#C4AEF6;color:var(--texto)}
.g3{height:66%;background:#A283F1;color:#fff}
.g4{height:82%;background:#8150E6;color:#fff}
.g5{height:100%;background:var(--roxo);color:#fff}
@media (prefers-reduced-motion:no-preference){.js .escada.revela .degrau{transform-origin:bottom;transform:scaleY(.2);transition:transform .9s cubic-bezier(.2,.7,.2,1)}.js .escada.revela.visto .degrau{transform:none}.js .escada .g2{transition-delay:.08s!important}.js .escada .g3{transition-delay:.16s!important}.js .escada .g4{transition-delay:.24s!important}.js .escada .g5{transition-delay:.32s!important}}
.escada-leg{color:var(--texto-2);font-size:.95rem;margin-top:14px}
.com-rodape{display:flex;flex-wrap:wrap;gap:16px 28px;align-items:center;margin-top:28px}
@media (max-width:860px){.comunidade{grid-template-columns:1fr}}

/* ---------- artigos ---------- */
.artigos{margin-top:40px;border-top:1px solid var(--texto)}
.artigos li{border-bottom:1px solid var(--linha)}
.artigos li a{display:grid;grid-template-columns:220px 1fr 180px;gap:20px;align-items:baseline;padding:22px 0;text-decoration:none;transition:background .25s,padding-left .25s}
.artigos li a:hover,.artigos li a:focus-visible{background:var(--nevoa);padding-left:12px}
.artigos li a:hover h3{color:var(--roxo)}
.artigos .pilar{font-family:var(--f-rotulo);font-weight:600;letter-spacing:.1em;text-transform:uppercase;font-size:.78rem;color:var(--roxo)}
.artigos h3{font-size:clamp(1.3rem,2.4vw,1.7rem)}
.artigos .autor{color:var(--texto-2);font-size:.95rem;text-align:right}
@media (max-width:820px){.artigos li a{grid-template-columns:1fr;gap:4px}.artigos .autor{text-align:left}}

/* ---------- sócios ---------- */
.socios{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,56px);margin-top:44px}
.socio{display:grid;grid-template-columns:96px 1fr;gap:22px;align-items:start}
.mono{width:96px;height:120px;background:var(--nevoa);border:1px solid var(--linha);display:grid;place-items:center;font-weight:300;font-size:2rem;color:var(--roxo)}
.retrato{width:96px;height:120px;object-fit:cover;object-position:center 20%;border:1px solid var(--linha);filter:grayscale(1) contrast(1.05);transition:filter .4s}
.socio:hover .retrato{filter:none}
.socio h3{font-size:1.6rem}
.socio .papel{font-family:var(--f-rotulo);letter-spacing:.12em;text-transform:uppercase;font-size:.82rem;color:var(--texto-2);margin:4px 0 12px}
.socio p.bio{color:var(--texto-2);font-size:1rem;margin-bottom:12px}
@media (max-width:860px){.socios{grid-template-columns:1fr}}

/* ---------- perguntas ---------- */
.perguntas{margin-top:40px;border-top:1px solid var(--linha)}
.perguntas details{border-bottom:1px solid var(--linha)}
.perguntas summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;padding-block:20px;font-size:clamp(1.1rem,2vw,1.35rem)}
.perguntas summary::-webkit-details-marker{display:none}
.perguntas summary::after{content:"+";font-weight:300;font-size:1.6rem;line-height:1;color:var(--roxo);transition:transform .3s}
.perguntas details[open] summary::after{transform:rotate(45deg)}
.perguntas details p{color:var(--texto-2);padding-bottom:22px;max-width:68ch}
.duas-col{display:grid;grid-template-columns:.7fr 1.3fr;gap:clamp(28px,5vw,80px)}
.faq-grupos{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,56px);margin-top:40px}
.faq-grupo .perguntas{margin-top:14px}
@media (max-width:860px){.duas-col{grid-template-columns:1fr}.faq-grupos{grid-template-columns:1fr}}

/* ---------- fecho: o encerramento de cada página ---------- */
/* fundo claro; o roxo entra só como detalhe (fio, assinatura, botão e o arco da marca em marca-d'água) */
.fecho{position:relative;overflow:hidden;isolation:isolate;background:var(--papel);color:var(--texto);border-top:1px solid var(--linha)}
.fecho::before{content:"";position:absolute;z-index:-1;right:-5%;top:50%;transform:translateY(-50%);width:min(640px,72vw);aspect-ratio:17.4/14;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='3 7 17.4 14'%3E%3Cpath fill='%236513D9' d='M4 20C5.6 13 8 8 11 8s6.4 5.6 8.4 12c-2.6-4.8-5.4-7.4-8.2-7.4S6 15 4 20Z'/%3E%3C/svg%3E") no-repeat center/contain;opacity:.06}
.fecho blockquote{position:relative;margin:0;padding-top:30px;font-style:italic;font-weight:300;font-size:clamp(2.2rem,5.2vw,3.9rem);line-height:1.12;letter-spacing:-.015em;max-width:20ch;text-wrap:balance}
.fecho blockquote::before{content:"";position:absolute;top:0;left:0;width:56px;height:3px;background:var(--roxo)}
.fecho cite{display:flex;align-items:center;gap:14px;font-style:normal;font-family:var(--f-rotulo);font-weight:600;letter-spacing:.16em;text-transform:uppercase;font-size:.84rem;margin-top:24px;color:var(--roxo)}
.fecho cite::before{content:"";width:36px;height:1px;background:currentColor}
.fecho .mtp{margin-top:clamp(44px,6vw,64px);padding-top:28px;border-top:1px solid var(--linha);display:flex;flex-wrap:wrap;justify-content:space-between;gap:22px 40px;align-items:center}
.fecho .mtp p{font-size:clamp(1.25rem,2.4vw,1.65rem);font-weight:300;line-height:1.3;max-width:34ch}

/* botão de destaque: a ação principal da página */
.btn-destaque{font-size:1.02rem;padding:16px 26px;gap:11px}
.btn-destaque .seta{display:inline-block;font-family:var(--f-display);font-size:1.15em;line-height:1;transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.btn-destaque:hover .seta,.btn-destaque:focus-visible .seta{transform:translateX(6px)}
.fecho .btn-destaque{font-size:1.1rem;padding:20px 34px}
.ico-wa{width:20px;height:20px;flex:none}

/* projetos do case: cada linha leva ao cartão do projeto no Acervo */
.projetos.links li{padding-block:0}
.projetos.links li:hover{padding-left:0;color:inherit}
.projetos.links a{flex:1;display:flex;justify-content:space-between;gap:16px;padding-block:14px;text-decoration:none;color:inherit;transition:padding .25s,color .25s}
.projetos.links a:hover,.projetos.links a:focus-visible{padding-left:10px;color:var(--roxo)}
.projetos.links a:hover small,.projetos.links a:focus-visible small{color:var(--roxo)}
.projetos small .seta{display:inline-block;margin:0 0 0 8px;font-size:1.1em;line-height:1;color:inherit;opacity:0;transform:translateX(-6px);transition:opacity .25s,transform .25s}
.projetos.links a:hover .seta,.projetos.links a:focus-visible .seta{opacity:1;transform:none}
@media (prefers-reduced-motion:no-preference){
  .js .projetos.links.revela li{transform:translateY(16px);transition:transform .7s cubic-bezier(.2,.7,.2,1)}
  .js .projetos.links.revela.visto li{transform:none}
  .js .projetos.links li:nth-child(2){transition-delay:.08s}
  .js .projetos.links li:nth-child(3){transition-delay:.16s}
  .js .projetos.links li:nth-child(4){transition-delay:.24s}
  .js .projetos.links li:nth-child(5){transition-delay:.32s}
}

/* ---------- rodapé ---------- */
.rodape{background:var(--tinta);color:var(--claro-2);font-size:.95rem}
.rodape .wrap{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:32px;padding-block:56px}
.rodape img{height:30px;width:auto;margin-bottom:16px}
.rodape h4{margin:0 0 10px;font-family:var(--f-rotulo);letter-spacing:.12em;text-transform:uppercase;font-weight:600;font-size:.82rem;color:#fff}
.rodape ul{display:grid;gap:6px}
.rodape a{text-decoration:none}
.rodape a:hover{color:#fff}
.rodape .base{grid-column:1/-1;border-top:1px solid var(--linha-escura);padding-top:20px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;font-size:.85rem}
@media (max-width:860px){.rodape .wrap{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.rodape .wrap{grid-template-columns:1fr}}

/* ---------- vistas de apoio ---------- */
.doc{background:var(--nevoa);min-height:80vh}
.doc .wrap{padding-block:clamp(40px,6vw,72px)}
.doc h1{font-size:clamp(2.2rem,4.6vw,3.4rem);font-weight:300;letter-spacing:-.01em;margin:10px 0 14px}
.doc h2{font-size:1.6rem;margin:56px 0 18px}
.funil{display:flex;flex-wrap:wrap;align-items:stretch;gap:0;margin-top:28px;background:var(--papel);border:1px solid var(--linha)}
.funil div{flex:1 1 180px;padding:18px 20px;border-right:1px solid var(--linha)}
.funil div:last-child{border-right:0}
.funil small{font-family:var(--f-rotulo);letter-spacing:.1em;text-transform:uppercase;color:var(--roxo);font-size:.78rem;display:block}
.funil b{font-weight:500;display:block;margin:2px 0}
.funil span{color:var(--texto-2);font-size:.92rem}
@media (max-width:700px){.funil div{flex-basis:100%;border-right:0;border-bottom:1px solid var(--linha)}}
.fase-tit{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.fase-tit span{color:var(--texto-2);font-size:1rem}
.paginas{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:16px}
.pag{background:var(--papel);border:1px solid var(--linha);padding:20px;display:flex;flex-direction:column;gap:8px}
.pag h3{font-size:1.3rem}
.pag p{font-size:.95rem;color:var(--texto-2)}
.pag dl{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;margin:6px 0 0;font-size:.9rem}
.pag dt{font-family:var(--f-rotulo);letter-spacing:.1em;text-transform:uppercase;font-size:.74rem;color:var(--texto-2);padding-top:3px}
.pag dd{margin:0}
.tabela{overflow-x:auto;background:var(--papel);border:1px solid var(--linha)}
table{border-collapse:collapse;width:100%;min-width:760px;font-size:.95rem}
th,td{text-align:left;vertical-align:top;padding:12px 16px;border-bottom:1px solid var(--linha)}
th{font-family:var(--f-rotulo);letter-spacing:.1em;text-transform:uppercase;font-weight:600;font-size:.78rem;color:var(--texto-2);background:var(--nevoa)}
td:first-child{font-weight:500;width:30%}
td small{color:var(--texto-2)}
.estado{font-family:var(--f-rotulo);font-weight:600;letter-spacing:.08em;text-transform:uppercase;font-size:.74rem;padding:3px 8px;border-radius:2px;white-space:nowrap}
.estado.ok{background:#DDF3E4;color:#1D5B32}
.estado.prop{background:var(--roxo-fundo);color:var(--roxo)}
.stack{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.stack div{background:var(--papel);border:1px solid var(--linha);padding:18px}
.stack b{display:block;font-weight:500;margin-bottom:4px}
.stack span{color:var(--texto-2);font-size:.95rem}

/* ---------- páginas internas do site ---------- */
.pagina[hidden]{display:none}
.capa{background:var(--tinta);color:var(--claro);padding-block:clamp(46px,7vw,84px)}
.capa .mig{font-family:var(--f-rotulo);font-weight:600;letter-spacing:.12em;text-transform:uppercase;font-size:.78rem;color:var(--claro-2);display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.capa .mig a{text-decoration:none;cursor:pointer}
.capa .mig a:hover{color:#fff}
.capa h1{font-size:clamp(2.3rem,5.2vw,4rem);font-weight:300;letter-spacing:-.02em;margin:16px 0 20px;max-width:20ch}
.capa .lead{font-size:1.16rem;color:var(--claro-2);max-width:62ch}
.capa .cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.capa.clara{background:var(--roxo-fundo);color:var(--texto)}
.capa.clara .lead,.capa.clara .mig{color:var(--texto-2)}
.capa.clara .mig a:hover{color:var(--roxo)}
.menu a.aqui{color:#fff;box-shadow:inset 0 -2px 0 var(--roxo-claro)}
.menu a,.rodape a,.mig a{cursor:pointer}
/* no celular o menu vira faixa rolável: é a navegação entre as páginas */
@media (max-width:980px){
  .site-topo .wrap{flex-wrap:wrap;gap:12px 18px}
  .menu{display:flex;order:3;width:100%;margin-left:0;gap:20px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none;-ms-overflow-style:none}
  .menu::-webkit-scrollbar{display:none}
  .menu a{white-space:nowrap;font-size:.92rem}
}

.grade{display:grid;grid-template-columns:repeat(auto-fit,minmax(262px,1fr));gap:clamp(16px,2.4vw,26px);margin-top:40px}
.grade.duas{grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}
.cartao{background:var(--papel);border:1px solid var(--linha);padding:clamp(20px,3vw,30px);display:flex;flex-direction:column;gap:12px}
.escuro .cartao{background:var(--tinta-2);border-color:var(--linha-escura)}
.cartao h3{font-size:1.35rem}
.cartao p{color:var(--texto-2);font-size:.98rem}
.escuro .cartao p{color:var(--claro-2)}
.cartao .rotulo{font-size:.78rem}
.cartao .btn,.cartao .link-seta{align-self:flex-start;margin-top:auto}
.cartao ul.marcas{display:grid;gap:0;border-top:1px solid var(--linha)}
.escuro .cartao ul.marcas{border-color:var(--linha-escura)}
.cartao ul.marcas li{padding-block:10px;border-bottom:1px solid var(--linha);font-size:.95rem}
.cartao ul.marcas li b{font-weight:500;display:block}
.cartao ul.marcas li span{color:var(--texto-2);font-size:.9rem;display:block}
.escuro .cartao ul.marcas li span{color:var(--claro-2)}
.cartao ul.marcas .num{font-family:var(--f-rotulo);font-weight:600;color:var(--roxo);margin-right:7px}
.escuro .cartao ul.marcas li{border-color:var(--linha-escura)}

/* ---------- capa em duas colunas (Instituições) ---------- */
.capa.dupla .wrap{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(28px,5vw,66px);align-items:start}
.capa.dupla h1{max-width:none}
.capa-card{background:var(--tinta-2);border:1px solid var(--linha-escura);padding:clamp(22px,3vw,30px);display:grid;gap:13px;margin-top:40px;align-content:start}
.capa-card h2{font-size:clamp(1.25rem,2.2vw,1.5rem);font-weight:400;line-height:1.2}
.capa-card p{color:var(--claro-2);font-size:.99rem}
.capa-card ul{display:grid;gap:0;border-top:1px solid var(--linha-escura);margin-top:4px}
.capa-card li{display:grid;grid-template-columns:24px 1fr;gap:11px;align-items:start;padding-block:11px;border-bottom:1px solid var(--linha-escura);font-size:.95rem}
.capa-card .ico{width:22px;height:22px;margin-top:2px;color:var(--roxo-claro)}
@media (max-width:900px){.capa.dupla .wrap{grid-template-columns:1fr}.capa-card{margin-top:10px}}

/* ---------- jornada em recursos visuais (Instituições) ---------- */
.bloco-visual{margin-top:clamp(42px,6vw,62px)}
.trilho{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(16px,2.4vw,26px);margin-top:22px}
.trilho::before{content:"";position:absolute;left:4px;right:0;top:13px;height:1px;background:var(--linha)}
.trilho::after{content:"";position:absolute;left:4px;right:0;top:12px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--roxo) 0%,var(--roxo) 42%,#E9DEFF 50%,var(--roxo) 58%,var(--roxo) 100%);background-size:260% 100%;background-position:100% 0;transform-origin:left center}
.trilho li{position:relative;padding-top:36px}
.trilho li::after{content:"";position:absolute;top:8px;left:0;width:11px;height:11px;border-radius:50%;background:var(--roxo);box-shadow:0 0 0 4px var(--nevoa);z-index:1}
.trilho .ico{width:26px;height:26px;margin-bottom:10px}
.trilho b{display:block;font-weight:500;font-size:1.06rem}
.trilho span{display:block;color:var(--texto-2);font-size:.93rem;margin-top:5px;max-width:34ch}
@media (prefers-reduced-motion:no-preference){
  .js .trilho.revela::after{transform:scaleX(0);transition:transform 1.6s cubic-bezier(.45,0,.2,1) .15s}
  .js .trilho.revela.visto::after{transform:scaleX(1);animation:percorre 3.6s linear 2s infinite}
  .js .trilho.revela li::after{transform:scale(0);transition:transform .5s cubic-bezier(.3,1.7,.5,1)}
  .js .trilho.revela.visto li::after{transform:scale(1)}
  .js .trilho li:nth-child(1)::after{transition-delay:.15s}
  .js .trilho li:nth-child(2)::after{transition-delay:.55s}
  .js .trilho li:nth-child(3)::after{transition-delay:.95s}
  .js .trilho li:nth-child(4)::after{transition-delay:1.35s}
  .js .trilho.revela li > *{transform:translateY(12px);transition:transform .8s cubic-bezier(.2,.7,.2,1)}
  .js .trilho.revela.visto li > *{transform:none}
  .js .trilho li:nth-child(2) > *{transition-delay:.4s}
  .js .trilho li:nth-child(3) > *{transition-delay:.8s}
  .js .trilho li:nth-child(4) > *{transition-delay:1.2s}
}
@keyframes percorre{from{background-position:100% 0}to{background-position:0% 0}}
@media (max-width:820px){.trilho{grid-template-columns:1fr 1fr}.trilho::before,.trilho::after{display:none}.trilho li{border-top:1px solid var(--linha)}}
@media (max-width:480px){.trilho{grid-template-columns:1fr}}

.fases{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:22px}
.fases li{position:relative;background:var(--papel);border:1px solid var(--linha);padding:17px 13px 15px;font-size:.96rem;line-height:1.24;font-weight:500;transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s}
.fases li::before{content:"";position:absolute;left:-1px;right:-1px;top:-1px;height:3px;background:var(--cor,var(--roxo));transform-origin:left center}
.fases li:hover{transform:translateY(-4px);box-shadow:0 16px 30px -20px rgba(101,19,217,.6)}
.fases li:nth-child(1){--cor:#DCD0FA}
.fases li:nth-child(2){--cor:#C4AEF6}
.fases li:nth-child(3){--cor:#A283F1}
.fases li:nth-child(4){--cor:#8150E6}
.fases li:nth-child(5){--cor:#7127E2}
.fases li:nth-child(6){--cor:#6513D9}
@media (prefers-reduced-motion:no-preference){
  .js .fases.revela li::before{transform:scaleX(0);transition:transform .5s cubic-bezier(.4,0,.2,1)}
  .js .fases.revela.visto li::before{transform:scaleX(1)}
  .js .fases li:nth-child(2)::before{transition-delay:.3s}
  .js .fases li:nth-child(3)::before{transition-delay:.6s}
  .js .fases li:nth-child(4)::before{transition-delay:.9s}
  .js .fases li:nth-child(5)::before{transition-delay:1.2s}
  .js .fases li:nth-child(6)::before{transition-delay:1.5s}
}
.fases .n{display:block;font-family:var(--f-rotulo);font-weight:600;color:var(--roxo);font-size:.84rem;letter-spacing:.09em;margin-bottom:7px}
.fases .d{display:block;font-weight:400;color:var(--texto-2);font-size:.88rem;margin-top:5px;line-height:1.35}
@media (max-width:980px){.fases{grid-template-columns:repeat(3,1fr)}}
@media (max-width:560px){.fases{grid-template-columns:repeat(2,1fr)}}

.escada.quatro{grid-template-columns:repeat(4,1fr);height:224px}
@media (max-width:480px){.escada.quatro{grid-template-columns:repeat(4,minmax(0,1fr))}.escada.quatro .degrau{padding-inline:6px}}
.escada .degrau{transition:filter .3s}
.escada .degrau:hover{filter:brightness(1.08)}
.escada.quatro .g5{position:relative;overflow:hidden}
@media (prefers-reduced-motion:no-preference){
  .escada.quatro .g5::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.24) 50%,transparent 65%);transform:translateX(-110%)}
  .js .escada.quatro.visto .g5::after{animation:varre 4.6s ease-in-out 1.4s infinite}
}
@keyframes varre{0%{transform:translateX(-110%)}45%,100%{transform:translateX(110%)}}

/* ---------- roteiro: passos com trilho que se preenche conforme a leitura ---------- */
.linha.roteiro{position:relative;padding-left:40px;border-top:0}
.linha.roteiro > li{position:relative;border-bottom:0;border-top:1px solid var(--linha)}
.linha.roteiro > li::before{content:"";position:absolute;left:-39px;top:23px;width:16px;height:16px;border-radius:50%;background:var(--papel);border:2px solid #CBC3D8;z-index:2;transition:background-color .4s,border-color .4s,box-shadow .6s}
.nevoa .linha.roteiro > li::before{background:var(--nevoa)}
.linha.roteiro > li.ativo::before{background:var(--roxo);border-color:var(--roxo);box-shadow:0 0 0 6px rgba(101,19,217,.14)}
.roteiro-trilho,.roteiro-fill{position:absolute;left:8px;width:2px;border-radius:2px;pointer-events:none}
.roteiro-trilho{background:#DDD7E6;z-index:0}
.roteiro-fill{background:linear-gradient(var(--roxo-claro),var(--roxo));z-index:1;height:0}
@media (prefers-reduced-motion:no-preference){
  .js .linha.roteiro > li > *{transition:opacity .5s}
  .js .linha.roteiro > li:not(.ativo) > *{opacity:.5}
}
.linha .modulos{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px;counter-reset:m}
.linha .modulos li{display:block;padding:4px 10px;border:1px solid #D3C1F5;background:var(--papel);color:var(--roxo);font-size:.84rem;line-height:1.35;border-radius:2px;counter-increment:m}
.linha .modulos li::before{content:counter(m) " · ";font-family:var(--f-rotulo);font-weight:600}

/* ---------- depoimentos ---------- */
.depoimentos{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:clamp(16px,2.4vw,26px);margin-top:clamp(40px,5vw,58px)}
.depo-card{margin:0;background:var(--tinta-2);border:1px solid var(--linha-escura);padding:clamp(22px,3vw,32px);display:flex;flex-direction:column;gap:14px;transition:border-color .3s,transform .35s cubic-bezier(.2,.7,.2,1)}
.depo-card::before{content:"\201C";display:block;height:.42em;font-size:4.6rem;line-height:.9;font-weight:300;color:var(--roxo-claro)}
.depo-card blockquote{margin:0;font-weight:300;font-size:clamp(1.08rem,1.7vw,1.24rem);line-height:1.5;color:var(--claro)}
.depo-card figcaption{margin-top:auto;padding-top:6px;font-family:var(--f-rotulo);font-weight:600;letter-spacing:.12em;text-transform:uppercase;font-size:.76rem;color:var(--claro-2)}
.depo-card:hover{border-color:#4A2B84}
.js .depoimentos .depo-card:nth-child(2){transition-delay:.12s}
.js .depoimentos .depo-card:nth-child(3){transition-delay:.24s}

/* ---------- capa do case: o sinal clínico vira impacto ---------- */
.capa-case .wrap{align-items:center}
.sinal{margin:0}
.sinal svg{width:100%;height:auto;display:block}
.sinal figcaption{color:var(--claro-2);font-size:.95rem;margin-top:10px;font-style:italic;font-weight:300;max-width:44ch}
.sinal-ecg,.sinal-linha{stroke-dasharray:1;stroke-dashoffset:0}
@media (prefers-reduced-motion:no-preference){
  .sinal-ecg{animation:sinalEcg 8s cubic-bezier(.45,0,.3,1) infinite}
  .sinal-linha{animation:sinalLinha 8s ease-in-out infinite}
  .sinal-arco,.sinal-rot{animation:sinalArco 8s ease infinite}
  .sinal-ponto{transform-box:fill-box;transform-origin:center;animation:sinalPonto 8s ease infinite}
  .sinal-onda{transform-box:fill-box;transform-origin:center;animation:sinalOnda 8s ease-out infinite}
}
@keyframes sinalEcg{0%{stroke-dashoffset:1;opacity:1}38%{stroke-dashoffset:0}90%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:0}}
@keyframes sinalLinha{0%,36%{stroke-dashoffset:1;opacity:1}54%{stroke-dashoffset:0}90%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:0}}
@keyframes sinalArco{0%,52%{opacity:0}62%,90%{opacity:1}100%{opacity:0}}
@keyframes sinalPonto{0%,54%{opacity:0;transform:scale(.3)}60%{opacity:1;transform:scale(1.15)}64%,90%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(1)}}
@keyframes sinalOnda{0%,60%{opacity:0;transform:scale(1)}62%{opacity:.9;transform:scale(1)}84%{opacity:0;transform:scale(3.2)}100%{opacity:0;transform:scale(1)}}
.escuro .numeral,.escuro .numeral-rot{color:var(--roxo-claro)}

.linha{border-top:1px solid var(--linha);margin-top:40px}
.escuro .linha{border-color:var(--linha-escura)}
.linha li{display:grid;grid-template-columns:132px 1fr;gap:8px 28px;padding-block:20px;border-bottom:1px solid var(--linha)}
.escuro .linha li{border-color:var(--linha-escura)}
.linha .quando{font-family:var(--f-rotulo);font-weight:600;letter-spacing:.1em;text-transform:uppercase;font-size:.8rem;color:var(--roxo);padding-top:6px}
.escuro .linha .quando{color:var(--roxo-claro)}
.linha b{font-weight:400;font-size:1.25rem;display:block}
.linha span{color:var(--texto-2);font-size:.96rem;display:block;max-width:66ch}
.escuro .linha span{color:var(--claro-2)}
@media (max-width:700px){.linha li{grid-template-columns:1fr;gap:4px}}

.proj{background:var(--papel);border:1px solid var(--linha);border-left:3px solid var(--roxo);scroll-margin-top:86px;padding:clamp(20px,3vw,30px);display:grid;gap:16px;margin-top:16px}
.proj .topo-proj{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 16px;align-items:baseline}
.proj h3{font-size:clamp(1.35rem,2.6vw,1.85rem)}
.proj .psm{display:grid;grid-template-columns:repeat(3,1fr);gap:18px 28px;border-top:1px solid var(--linha);padding-top:16px}
.proj .psm b{font-family:var(--f-rotulo);font-weight:600;letter-spacing:.1em;text-transform:uppercase;font-size:.76rem;color:var(--roxo);display:block;margin-bottom:5px}
.proj .psm span{color:var(--texto-2);font-size:.96rem}
@media (max-width:760px){.proj .psm{grid-template-columns:1fr}}

.form{background:var(--papel);border:1px solid var(--linha);padding:clamp(22px,3.4vw,36px);display:grid;gap:14px;max-width:640px;margin-top:32px}
.escuro .form{background:var(--tinta-2);border-color:var(--linha-escura)}
.campo{display:grid;gap:5px}
.campo label{font-family:var(--f-rotulo);font-weight:600;letter-spacing:.1em;text-transform:uppercase;font-size:.76rem;color:var(--texto-2)}
.escuro .campo label{color:var(--claro-2)}
.campo input,.campo select,.campo textarea{font:inherit;font-size:1rem;padding:11px 13px;border:1px solid var(--linha);background:var(--nevoa);color:var(--texto);border-radius:2px;width:100%}
.escuro .campo input,.escuro .campo select,.escuro .campo textarea{background:var(--tinta);border-color:var(--linha-escura);color:var(--claro)}
.campo textarea{min-height:110px;resize:vertical}
.duplo{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media (max-width:560px){.duplo{grid-template-columns:1fr}}
.consent{display:flex;gap:10px;align-items:flex-start;font-size:.88rem;color:var(--texto-2)}
.escuro .consent{color:var(--claro-2)}
.consent input{width:auto;margin-top:4px;flex:none}
.consent a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.consent a:hover{color:var(--roxo)}
.form .btn{justify-self:start}
.recibo{display:none;background:var(--roxo-fundo);color:var(--roxo);padding:12px 16px;font-size:.95rem}
.form.enviado .recibo{display:block}
.form.enviado .btn[type=submit]{display:none}
.form.enviando .btn[type=submit]{opacity:.6;cursor:wait}
.erro-envio{background:#FEE4E2;color:#B42318;padding:12px 16px;font-size:.95rem}
.erro-envio[hidden]{display:none}
.isca{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}

.citacao{border-left:3px solid var(--roxo);padding:4px 0 4px 22px;font-style:italic;font-weight:300;font-size:1.18rem;color:var(--texto-2);max-width:62ch;margin-top:28px}
.escuro .citacao{color:var(--claro-2);border-color:var(--roxo-claro)}
.citacao cite{display:block;font-style:normal;font-family:var(--f-rotulo);letter-spacing:.12em;text-transform:uppercase;font-size:.78rem;margin-top:10px;color:var(--texto-2)}
.manif{font-size:clamp(1.5rem,3.4vw,2.4rem);font-weight:300;line-height:1.28;max-width:24ch;text-wrap:balance}
.manif em{font-style:italic;color:var(--roxo)}
.escuro .manif em{color:var(--roxo-claro)}

.pilares{display:grid;grid-template-columns:repeat(auto-fit,minmax(224px,1fr));gap:0;border-top:1px solid var(--linha);margin-top:40px}
.pilares div{padding:20px 26px 20px 0}
.pilares b{font-family:var(--f-rotulo);font-weight:600;letter-spacing:.1em;text-transform:uppercase;font-size:.85rem;color:var(--roxo);display:block;margin-bottom:6px}
.pilares span{color:var(--texto-2);font-size:.96rem;display:block}

.glossario{border-top:1px solid var(--linha);margin-top:36px}
.glossario div{display:grid;grid-template-columns:240px 1fr;gap:6px 28px;padding-block:16px;border-bottom:1px solid var(--linha)}
.escuro .glossario,.escuro .glossario div{border-color:var(--linha-escura)}
.glossario b{font-weight:500;font-size:1.1rem}
.glossario span{color:var(--texto-2);font-size:.98rem}
.escuro .glossario span{color:var(--claro-2)}
@media (max-width:700px){.glossario div{grid-template-columns:1fr}}

.fila-num{display:flex;flex-wrap:wrap;gap:22px 56px;margin-top:36px}
.fila-num div b{display:block;font-weight:300;font-size:clamp(2.3rem,5vw,3.3rem);line-height:1;color:var(--roxo);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.fila-num div span{color:var(--texto-2);font-size:.95rem;display:block;margin-top:6px;max-width:24ch}
.escuro .fila-num div b{color:var(--roxo-claro)}
.escuro .fila-num div span{color:var(--claro-2)}

.aviso{background:var(--roxo-fundo);border:1px solid #D3C1F5;padding:18px 22px;margin-top:30px;font-size:.98rem;color:var(--texto);max-width:80ch}
.aviso b{font-weight:500}
.escuro .aviso{background:rgba(101,19,217,.18);border-color:#4A2B84;color:var(--claro)}

.legal h3{font-size:1.25rem;margin-top:36px}
.legal p{color:var(--texto-2);margin-top:10px;max-width:76ch}
.legal ul{margin-top:10px;display:grid;gap:8px}
.legal ul li{padding-left:20px;position:relative;color:var(--texto-2);max-width:76ch}
.legal ul li::before{content:"";position:absolute;left:0;top:.8em;width:10px;height:2px;background:var(--roxo)}

.tira{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.proximas{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1px;background:var(--linha);border:1px solid var(--linha);margin-top:44px}
.proximas a{background:var(--papel);padding:22px 24px;text-decoration:none;display:grid;gap:5px;transition:background .25s}
.proximas a:hover{background:var(--roxo-fundo)}
.proximas small{font-family:var(--f-rotulo);font-weight:600;letter-spacing:.1em;text-transform:uppercase;font-size:.74rem;color:var(--texto-2)}
.proximas b{font-weight:400;font-size:1.25rem;color:var(--roxo)}
.proximas span{color:var(--texto-2);font-size:.93rem}
/* ================= páginas mais visuais: Método, Profissionais, Talks, Ideias e Sobre ================= */
.sec:not(.nevoa):not(.escuro) .trilho li::after{box-shadow:0 0 0 4px var(--papel)}
.trilho.tres{grid-template-columns:repeat(3,1fr)}
@media (max-width:820px){.trilho.tres{grid-template-columns:1fr 1fr}}
@media (max-width:480px){.trilho.tres{grid-template-columns:1fr}}
.escuro .trilho::before{background:var(--linha-escura)}
.escuro .trilho::after{background:linear-gradient(90deg,var(--roxo-claro) 0%,var(--roxo-claro) 42%,#fff 50%,var(--roxo-claro) 58%,var(--roxo-claro) 100%);background-size:260% 100%;background-position:100% 0}
.escuro .trilho li::after{background:var(--roxo-claro);box-shadow:0 0 0 4px var(--tinta)}
.escuro .trilho span{color:var(--claro-2)}
.cartao-ico .ico{width:30px;height:30px}

/* método: três eixos */
.eixos{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,2vw,22px);margin-top:40px}
.eixo{border:1px solid var(--linha);padding:clamp(22px,3vw,30px);display:grid;gap:6px;align-content:start;transition:border-color .3s,transform .35s cubic-bezier(.2,.7,.2,1)}
.eixo:hover{border-color:#C9B5F5;transform:translateY(-3px)}
.eixo .ico{width:32px;height:32px;margin-bottom:10px}
.eixo-verbo{font-size:clamp(1.5rem,2.6vw,1.9rem);font-weight:300;font-style:italic;line-height:1.15;color:var(--roxo)}
.eixo-d{color:var(--texto-2);font-size:.96rem;margin-top:6px}
@media (max-width:820px){.eixos{grid-template-columns:1fr}}

/* método: o ciclo dos cinco movimentos */
.ciclo-bloco{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(24px,5vw,64px);align-items:center;margin-top:36px}
.ciclo-fig{margin:0}
.ciclo{width:100%;max-width:560px;height:auto;display:block;margin-inline:auto;overflow:visible}
.ciclo-nome{font-family:var(--f-display);font-weight:300;font-size:34px;fill:var(--texto)}
.ciclo-sub{font-family:var(--f-display);font-style:italic;font-weight:300;font-size:14px;fill:var(--texto-2)}
.ciclo .no{cursor:pointer;outline:none}
.ciclo .no circle{fill:#fff;stroke:#C9B5F5;stroke-width:2;transition:fill .35s,stroke .35s}
.ciclo .no text{font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-weight:600;font-size:18px;fill:var(--roxo);transition:fill .35s}
.ciclo .no .no-rot{font-size:14px;letter-spacing:.14em;fill:var(--texto-2)}
.ciclo .no:hover circle,.ciclo .no:focus-visible circle{stroke:var(--roxo)}
.ciclo .no:focus-visible circle{stroke-width:3}
.ciclo .no.ativo circle{fill:var(--roxo);stroke:var(--roxo)}
.ciclo .no.ativo text{fill:#fff}
.ciclo .no.ativo .no-rot{fill:var(--roxo)}
@media (prefers-reduced-motion:no-preference){.ciclo-painel.troca{animation:subir .45s cubic-bezier(.2,.7,.2,1)}}
.ciclo-painel{border-top:2px solid var(--roxo);padding-top:20px;min-height:300px}
.ciclo-painel h3{font-size:clamp(2.2rem,4.4vw,3.2rem);font-weight:300;letter-spacing:-.02em;margin-top:6px}
.cp-verbo{font-style:italic;font-weight:300;color:var(--roxo);font-size:1.2rem;margin-top:2px}
.cp-txt{color:var(--texto);font-size:1.08rem;margin-top:16px;max-width:40ch}
.cp-onde{margin-top:22px;padding-top:14px;border-top:1px solid var(--linha);font-size:.95rem;color:var(--texto-2)}
.cp-onde span{display:block;font-family:var(--f-rotulo);font-weight:600;letter-spacing:.12em;text-transform:uppercase;font-size:.74rem;margin-bottom:3px}
.cp-onde b{font-weight:400;color:var(--texto)}
.ciclo-dica{margin-top:18px;font-size:.88rem;color:var(--texto-2)}
.ciclo-leg{margin-top:26px;font-style:italic;font-weight:300;color:var(--texto-2)}
.ciclo-trilha{stroke:#DDD7E6}
@media (max-width:860px){.ciclo-bloco{grid-template-columns:1fr}.ciclo-painel{min-height:0}}
/* o mesmo ciclo em fundo escuro (home) */
.escuro .ciclo-trilha{stroke:var(--linha-escura)}
.escuro .ciclo-nome{fill:#fff}
.escuro .ciclo-sub{fill:var(--claro-2)}
.escuro .ciclo .orbita circle{fill:var(--roxo-claro)}
.escuro .ciclo .no circle{fill:var(--tinta-2);stroke:#4A2B84}
.escuro .ciclo .no text{fill:var(--roxo-claro)}
.escuro .ciclo .no .no-rot{fill:var(--claro-2)}
.escuro .ciclo .no:hover circle,.escuro .ciclo .no:focus-visible circle{stroke:var(--roxo-claro)}
.escuro .ciclo .no.ativo circle{fill:var(--roxo);stroke:var(--roxo)}
.escuro .ciclo .no.ativo text{fill:#fff}
.escuro .ciclo .no.ativo .no-rot{fill:var(--roxo-claro)}
.escuro .ciclo-painel{border-color:var(--roxo-claro)}
.escuro .ciclo-painel h3{color:#fff}
.escuro .cp-verbo{color:var(--roxo-claro)}
.escuro .cp-txt{color:var(--claro)}
.escuro .cp-onde{border-color:var(--linha-escura);color:var(--claro-2)}
.escuro .cp-onde b{color:var(--claro)}
.escuro .ciclo-dica,.escuro .ciclo-leg{color:var(--claro-2)}

/* certificados: desenho próprio com os elementos da marca (couro escuro, roxo, arco, roseta de segurança e selo) */
.certs{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,3vw,40px);margin-top:40px;align-items:start}
.cert-item{margin:0;container-type:inline-size}
.cert{container-type:inline-size;position:relative;isolation:isolate;aspect-ratio:1.414/1;overflow:hidden;color:#fff;padding:6.2cqw 7.4cqw 5.4cqw;display:flex;flex-direction:column;align-items:flex-start;background:radial-gradient(120% 90% at 100% 0%,rgba(101,19,217,.34),transparent 55%),radial-gradient(90% 80% at 0% 100%,rgba(101,19,217,.18),transparent 60%),#15131a url("couro.jpg") center/cover;background-blend-mode:normal,normal,multiply;box-shadow:0 26px 48px -26px rgba(19,16,25,.75);transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s}
.cert::before{content:"";position:absolute;inset:2.4cqw;border:1px solid rgba(178,148,248,.55);pointer-events:none;z-index:-1}
.cert::after{content:"";position:absolute;inset:3.3cqw;border:1px solid rgba(255,255,255,.1);pointer-events:none;z-index:-1;background:linear-gradient(var(--roxo-claro),var(--roxo-claro)) left top/5cqw 2px no-repeat,linear-gradient(var(--roxo-claro),var(--roxo-claro)) left top/2px 5cqw no-repeat,linear-gradient(var(--roxo-claro),var(--roxo-claro)) right bottom/5cqw 2px no-repeat,linear-gradient(var(--roxo-claro),var(--roxo-claro)) right bottom/2px 5cqw no-repeat}
.cert-motivo{position:absolute;z-index:-1;right:8cqw;top:13cqw;width:30cqw;height:auto;aspect-ratio:260/200;color:var(--roxo-claro);opacity:.32}
.cert-b .cert-motivo{aspect-ratio:260/220;width:33cqw;right:5cqw;top:10cqw;opacity:.42}
.cert-local{position:relative;align-self:flex-end;text-align:center;font-size:1.8cqw;line-height:1.35;color:rgba(255,255,255,.8);margin:0 1cqw}
.cert-bh{padding-top:9.8cqw}
.cert-bh svg{position:absolute;left:50%;top:0;transform:translateX(-50%);width:23cqw;height:auto;aspect-ratio:240/92;color:#fff;opacity:.34}
.cert-a .cert-txt{font-size:2.5cqw;max-width:72cqw}
.cert-a .cert-txt + .cert-txt{margin-top:1.2cqw}
.cert-b .cert-txt{font-size:2.3cqw}
.cert-lema{margin-top:1.4cqw;font-style:italic;font-weight:300;font-size:2.5cqw;line-height:1.4;color:var(--roxo-claro);max-width:66cqw}
.cert-topo{display:flex;justify-content:space-between;align-items:flex-start;width:100%}
.cert-logo{width:21cqw;height:auto}
.cert-cod{display:grid;justify-items:end;font-family:var(--f-rotulo);font-weight:600;letter-spacing:.14em;text-transform:uppercase;font-size:1.45cqw;color:rgba(255,255,255,.55)}
.cert-cod b{font-weight:600;font-size:1.9cqw;color:var(--roxo-claro);letter-spacing:.18em}
.cert-tipo{margin-top:5cqw;font-family:var(--f-rotulo);font-weight:600;letter-spacing:.3em;text-transform:uppercase;font-size:2.9cqw;color:var(--roxo-claro);display:flex;align-items:center;gap:2cqw}
.cert-tipo::after{content:"";width:12cqw;height:1px;background:linear-gradient(90deg,var(--roxo-claro),transparent)}
.cert-concede{margin-top:2.4cqw;font-size:2.7cqw;color:rgba(255,255,255,.7)}
.cert-nome{margin-top:.6cqw;font-weight:300;font-size:7.2cqw;line-height:1.08;letter-spacing:-.01em}
.cert-txt{margin-top:1.8cqw;font-size:2.75cqw;line-height:1.45;color:rgba(255,255,255,.82);max-width:66cqw}
.cert-txt b{font-weight:500;color:#fff;border-bottom:1px solid var(--roxo-claro)}
.cert-meta{display:flex;gap:5cqw;margin-top:3.4cqw;padding-top:1.8cqw;border-top:1px solid rgba(255,255,255,.14);width:68cqw}
.cert-meta span{display:grid;gap:.3cqw;font-size:2.5cqw}
.cert-meta small{font-family:var(--f-rotulo);font-weight:600;letter-spacing:.14em;text-transform:uppercase;font-size:1.65cqw;color:var(--roxo-claro)}
.cert-base{display:flex;justify-content:space-between;align-items:flex-end;width:100%;margin-top:auto}
.cert-assin{display:flex;gap:5cqw}
.cert-assin span{display:grid;font-size:2.1cqw;line-height:1.3;border-top:1px solid rgba(255,255,255,.4);padding-top:1cqw;min-width:21cqw}
.cert-assin small{font-size:1.5cqw;color:rgba(255,255,255,.6)}
.cert-selo{width:17cqw;height:17cqw;flex:none;margin:0 -1cqw -1.4cqw 0;filter:drop-shadow(0 1cqw 1.6cqw rgba(0,0,0,.45))}
/* competência: faixa roxa lateral, time em duas colunas, lema */
.cert-b{padding-left:17cqw}
.cert-faixa{position:absolute;left:3.3cqw;top:3.3cqw;bottom:3.3cqw;width:9.6cqw;background:linear-gradient(180deg,#7B35EA,#4A0FA3);display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:3cqw 0}
.cert-faixa svg{width:5.4cqw;height:auto}
.cert-faixa span{writing-mode:vertical-rl;transform:rotate(180deg);font-family:var(--f-rotulo);font-weight:600;letter-spacing:.3em;text-transform:uppercase;font-size:1.7cqw;color:rgba(255,255,255,.9)}
.cert-b::after{left:14.2cqw}
.cert-b .cert-nome{display:none}
.cert-time{display:grid;grid-template-columns:1fr 1fr;gap:.6cqw 4cqw;margin-top:1.4cqw;padding:1.6cqw 2.2cqw;border-left:2px solid var(--roxo-claro);background:rgba(101,19,217,.16);font-size:2.7cqw;font-weight:300}
.cert-b .cert-txt{max-width:70cqw}
.cert-txt b{white-space:nowrap}
.cert-item:hover .cert{transform:translateY(-4px);box-shadow:0 36px 56px -28px rgba(19,16,25,.8)}
.cert-item figcaption{margin-top:18px;color:var(--texto-2);font-size:.96rem;max-width:48ch}
.cert-item figcaption b{display:block;font-family:var(--f-rotulo);font-weight:600;letter-spacing:.12em;text-transform:uppercase;font-size:.8rem;color:var(--roxo);margin-bottom:4px}
@media (max-width:760px){.certs{grid-template-columns:1fr}}

/* fotos reais: moldura com canto roxo, legenda discreta */
.foto{margin:0;position:relative}
.foto img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover}
.foto::before{content:"";position:absolute;right:-12px;top:-12px;width:38%;height:38%;border-top:3px solid var(--roxo);border-right:3px solid var(--roxo);pointer-events:none;z-index:1}
.escuro .foto::before{border-color:var(--roxo-claro)}
.foto figcaption{margin-top:12px;font-size:.88rem;line-height:1.45;color:var(--texto-2);font-style:italic;font-weight:300;max-width:40ch}
.escuro .foto figcaption{color:var(--claro-2)}
.capa-foto{justify-self:end;width:100%;max-width:400px;align-self:center}
.capa.dupla.com-foto .wrap{align-items:center}
.com-foto-sec{display:grid;grid-template-columns:1.35fr .65fr;gap:clamp(28px,5vw,64px);align-items:start}
.com-foto-sec .foto{position:sticky;top:96px;margin-top:10px}
@media (max-width:900px){.capa-foto{justify-self:start;max-width:340px}.com-foto-sec{grid-template-columns:1fr}.com-foto-sec .foto{position:static;max-width:360px}}
.galeria{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:34px}
.galeria figure{margin:0;overflow:hidden}
.galeria img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.galeria figure:hover img{transform:scale(1.05)}
.galeria figcaption{padding-top:10px;font-size:.84rem;line-height:1.4;color:var(--texto-2)}
@media (prefers-reduced-motion:no-preference){
  .js .galeria.revela figure{transform:translateY(22px);transition:transform .8s cubic-bezier(.2,.7,.2,1)}
  .js .galeria.revela.visto figure{transform:none}
  .js .galeria figure:nth-child(2){transition-delay:.08s}
  .js .galeria figure:nth-child(3){transition-delay:.16s}
  .js .galeria figure:nth-child(4){transition-delay:.24s}
}
@media (max-width:760px){.galeria{grid-template-columns:1fr 1fr}}
.case-foto{margin-top:34px;max-width:300px}


/* vocabulário em ícones */
.vocabulario{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--linha);border:1px solid var(--linha);margin-top:36px}
.vocabulario li{background:var(--nevoa);padding:22px 22px 24px;display:grid;grid-template-columns:34px 1fr;gap:4px 14px;align-items:start;transition:background .3s}
.vocabulario li:hover{background:#fff}
.vocabulario .ico{width:28px;height:28px;grid-row:span 2}
.vocabulario b{font-weight:500;font-size:1.06rem}
.vocabulario span{color:var(--texto-2);font-size:.92rem}
@media (max-width:860px){.vocabulario{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.vocabulario{grid-template-columns:1fr}}

/* profissionais: mentoria e soluções */
.mentoria-topo{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px 40px}
.data-turma{border:1px solid #D3C1F5;background:var(--roxo-fundo);color:var(--roxo);padding:14px 20px;font-size:1.25rem;font-weight:300;line-height:1.2}
.data-turma span{display:block;font-family:var(--f-rotulo);font-weight:600;letter-spacing:.14em;text-transform:uppercase;font-size:.74rem;margin-bottom:4px}
.fatos{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--linha);border:1px solid var(--linha);margin-top:36px}
.fatos li{background:#fff;padding:22px 20px;display:grid;gap:4px;align-content:start}
.fatos .ico{width:30px;height:30px;margin-bottom:10px}
.fatos b{font-weight:500;font-size:1.08rem}
.fatos span{color:var(--texto-2);font-size:.92rem}
@media (max-width:860px){.fatos{grid-template-columns:1fr 1fr}}
.solucao{background:#fff;border:1px solid var(--linha);padding:clamp(24px,3.6vw,40px);margin-top:26px}
.solucao-cab{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
.solucao-cab h3{font-size:clamp(1.7rem,3.2vw,2.3rem);font-weight:300;margin-top:6px}
.solucao-d{color:var(--texto-2);font-size:1.06rem;max-width:62ch;margin-top:12px}
.fila-num.compacta{margin-top:26px;gap:18px 48px}
.fila-num.compacta div b{font-size:clamp(2rem,4vw,2.6rem)}
.jornadas{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.jornadas li{display:inline-flex;align-items:center;gap:8px;padding:8px 14px 8px 10px;border:1px solid #D3C1F5;background:var(--roxo-fundo);color:var(--roxo);font-size:.92rem}
.jornadas .ico{width:20px;height:20px}
.solucao .link-seta{margin-top:22px}
.fases.quatro{grid-template-columns:repeat(4,1fr);margin-top:26px}
.fases.quatro li:nth-child(1){--cor:#C4AEF6}
.fases.quatro li:nth-child(2){--cor:#A283F1}
.fases.quatro li:nth-child(3){--cor:#8150E6}
.fases.quatro li:nth-child(4){--cor:#6513D9}
@media (max-width:760px){.fases.quatro{grid-template-columns:1fr 1fr}}

/* talks: carrossel do topo */
.carrossel{position:relative;background:var(--tinta);color:var(--claro);overflow:hidden}
.car-slides{display:grid}
.car-slide{grid-area:1/1;opacity:0;visibility:hidden;transition:opacity .8s ease,visibility 0s linear .8s}
.car-slide.ativo{opacity:1;visibility:visible;transition:opacity .8s ease}
.car-grade{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(24px,5vw,64px);align-items:center;padding-block:clamp(46px,7vw,80px) 24px;min-height:clamp(420px,50vw,520px)}
.carrossel .mig{font-family:var(--f-rotulo);font-weight:600;letter-spacing:.12em;text-transform:uppercase;font-size:.78rem;color:var(--claro-2);display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:14px}
.carrossel .mig a{text-decoration:none}
.carrossel .mig a:hover{color:#fff}
.carrossel h1,.car-tit{font-size:clamp(2.1rem,4.6vw,3.5rem);font-weight:300;letter-spacing:-.02em;line-height:1.1;margin:14px 0 18px;max-width:20ch}
.car-tit .it{color:var(--roxo-claro)}
.carrossel .lead{color:var(--claro-2);max-width:54ch}
.carrossel .cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.car-arte{width:100%;max-width:380px;height:auto;justify-self:center}
.onda{opacity:.25}
@media (prefers-reduced-motion:no-preference){.car-slide.ativo .onda{animation:ondas 2.8s ease-out infinite}.car-slide.ativo .o2{animation-delay:.35s}.car-slide.ativo .o3{animation-delay:.7s}}
@keyframes ondas{0%{opacity:.1}30%{opacity:.9}100%{opacity:.1}}
.car-edicao{border:1px solid var(--linha-escura);background:var(--tinta-2);padding:clamp(22px,3vw,32px)}
.car-num{font-weight:300;font-size:clamp(4.5rem,9vw,7rem);line-height:.9;color:var(--roxo-claro);letter-spacing:-.04em}
.car-edicao dl{display:grid;grid-template-columns:auto 1fr;gap:8px 18px;margin:18px 0 0}
.car-edicao dt{font-family:var(--f-rotulo);letter-spacing:.12em;text-transform:uppercase;color:var(--claro-2);font-size:.8rem;padding-top:3px}
.car-edicao dd{margin:0}
.car-controles{display:flex;align-items:center;gap:14px;padding-bottom:30px}
.car-seta{all:unset;cursor:pointer;width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--linha-escura);color:var(--claro);transition:border-color .25s,color .25s}
.car-seta:hover{border-color:var(--roxo-claro);color:#fff}
.car-pontos{display:flex;gap:8px}
.car-pontos button{all:unset;cursor:pointer;width:34px;height:4px;background:var(--linha-escura);position:relative;overflow:hidden}
.car-pontos button[aria-selected=true]{background:#4A2B84}
.car-pontos button[aria-selected=true]::after{content:"";position:absolute;inset:0;background:var(--roxo-claro);transform-origin:left;animation:progresso var(--car-tempo,7s) linear forwards}
.carrossel.pausado .car-pontos button[aria-selected=true]::after{animation-play-state:paused}
.carrossel.sem-auto .car-pontos button[aria-selected=true]::after,.carrossel.reinicia .car-pontos button::after{animation:none}
.carrossel.sem-auto .car-pontos button[aria-selected=true]{background:var(--roxo-claro)}
@keyframes progresso{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.car-pontos button:focus-visible,.car-seta:focus-visible{outline:2px solid var(--roxo-claro);outline-offset:3px}
@media (max-width:860px){.car-grade{grid-template-columns:1fr;min-height:0}.car-arte{max-width:240px}}

/* talks: o que é e o que não é · edições */
.e-nao-e{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(16px,3vw,32px);margin-top:36px}
.e-col{border:1px solid var(--linha);padding:clamp(22px,3vw,32px)}
.e-col.nao{background:var(--nevoa);border-color:transparent}
.e-rot{display:flex;align-items:center;gap:10px;font-family:var(--f-rotulo);font-weight:600;letter-spacing:.14em;text-transform:uppercase;font-size:.84rem;color:var(--roxo)}
.e-col.nao .e-rot{color:var(--texto-2)}
.e-rot svg{width:22px;height:22px}
.e-col ul{display:grid;gap:0;margin-top:14px;border-top:1px solid var(--linha)}
.e-col li{padding-block:12px;border-bottom:1px solid var(--linha);font-size:1.06rem}
.e-col.nao li{color:var(--texto-2)}
@media (max-width:760px){.e-nao-e{grid-template-columns:1fr}}
.edicoes{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:clamp(16px,2.4vw,26px);margin-top:36px}
.edicao{background:#fff;border:1px solid var(--linha);padding:clamp(22px,3vw,30px);display:grid;gap:10px;align-content:start}
.edicao.atual{border-color:var(--roxo);box-shadow:inset 0 3px 0 var(--roxo)}
.edicao.futura{background:transparent;border-style:dashed;border-color:#C9C1D6}
.edicao-topo{display:flex;justify-content:space-between;align-items:center}
.edicao-num{font-weight:300;font-size:2.6rem;line-height:1;color:var(--roxo);letter-spacing:-.03em}
.edicao.futura .edicao-num{color:#B8AECB}
.edicao-quando{font-family:var(--f-rotulo);font-weight:600;letter-spacing:.12em;text-transform:uppercase;font-size:.8rem;color:var(--texto-2)}
.edicao h3{font-size:1.3rem;line-height:1.25}
.edicao-case{color:var(--texto-2);font-size:.95rem}

/* ideias: ideias centrais e artigos em cartão */
.ideias-centrais{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(14px,2vw,22px);margin-top:36px}
.ideias-centrais li{border-top:3px solid var(--roxo);padding:22px 4px 0;display:grid;gap:8px;align-content:start}
.ideias-centrais .ico{width:32px;height:32px;margin-bottom:6px}
.ideias-centrais b{font-weight:400;font-size:1.25rem;line-height:1.2}
.ideias-centrais span{color:var(--texto-2);font-size:.94rem}
@media (max-width:900px){.ideias-centrais{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.ideias-centrais{grid-template-columns:1fr}}
.artigos-grade{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:clamp(16px,2.4vw,26px);margin-top:36px}
.artigo-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--linha);text-decoration:none;color:inherit;overflow:hidden;transition:transform .4s cubic-bezier(.2,.7,.2,1),box-shadow .4s}
a.artigo-card:hover,a.artigo-card:focus-visible{transform:translateY(-5px);box-shadow:0 24px 40px -28px rgba(101,19,217,.55)}
.capa-art{display:block;width:100%;height:auto;aspect-ratio:400/220;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
a.artigo-card:hover .capa-art{transform:scale(1.04)}
.artigo-corpo{padding:20px 22px 24px;display:grid;gap:8px}
.artigo-corpo .pilar{font-family:var(--f-rotulo);font-weight:600;letter-spacing:.1em;text-transform:uppercase;font-size:.76rem;color:var(--roxo)}
.artigo-corpo h3{font-size:1.28rem;line-height:1.25;transition:color .3s}
a.artigo-card:hover h3{color:var(--roxo)}
.artigo-corpo .autor{color:var(--texto-2);font-size:.92rem}
.artigo-card.em-breve{background:transparent;border-style:dashed;border-color:#C9C1D6}

/* sobre: tese com foto, os dois caminhos, identidade */
.tese-autor{display:grid;grid-template-columns:.7fr 1.3fr;gap:clamp(28px,5vw,72px);align-items:center}
.tese-foto{margin:0;position:relative}
.tese-foto img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:center 18%;filter:grayscale(1) contrast(1.04);transition:filter .6s}
.tese-foto:hover img{filter:none}
.tese-foto::after{content:"";position:absolute;left:-14px;bottom:-14px;width:46%;height:46%;border-left:3px solid var(--roxo);border-bottom:3px solid var(--roxo);pointer-events:none}
.tese-frase{margin:14px 0 0;font-weight:300;font-size:clamp(1.7rem,3.4vw,2.6rem);line-height:1.22;letter-spacing:-.01em;text-wrap:balance}
.tese-frase cite{display:flex;align-items:center;gap:14px;margin-top:22px;font-style:normal;font-family:var(--f-rotulo);font-weight:600;letter-spacing:.14em;text-transform:uppercase;font-size:.82rem;color:var(--roxo)}
.tese-frase cite::before{content:"";width:36px;height:1px;background:currentColor}
@media (max-width:820px){.tese-autor{grid-template-columns:1fr}.tese-foto{max-width:320px}}
.caminhos{margin:36px 0 0}
.caminhos svg{width:100%;max-width:760px;height:auto;display:block}
.caminhos-leg{display:grid;grid-template-columns:1fr 1fr;gap:16px 32px;margin-top:22px;max-width:760px}
.caminhos-leg p{padding-left:16px;border-left:3px solid #B8AECB;color:var(--texto-2);font-size:.98rem}
.caminhos-leg p.leg-way{border-color:var(--roxo)}
.caminhos-leg b{display:block;font-family:var(--f-rotulo);font-weight:600;letter-spacing:.12em;text-transform:uppercase;font-size:.8rem;color:var(--texto);margin-bottom:4px}
.caminhos-leg .leg-way b{color:var(--roxo)}
@media (prefers-reduced-motion:no-preference){
  .js .caminhos.revela .cw-arco{opacity:0;transform-box:fill-box;transform-origin:left bottom;transform:scale(.6);transition:opacity .9s ease .5s,transform 1.1s cubic-bezier(.2,.7,.2,1) .5s}
  .js .caminhos.revela.visto .cw-arco{opacity:1;transform:none}
  .js .caminhos.revela .cw-ponto{opacity:0;transition:opacity .5s ease 1.4s}
  .js .caminhos.revela.visto .cw-ponto{opacity:1}
}
@media (max-width:620px){.caminhos-leg{grid-template-columns:1fr}}
.proposito-sobre{margin-top:26px;padding:clamp(28px,4vw,44px) 0;border-top:1px solid var(--linha);border-bottom:1px solid var(--linha);text-align:center}
.proposito-sobre p:last-child{font-size:clamp(1.5rem,3vw,2.3rem);font-weight:300;line-height:1.25;max-width:26ch;margin:10px auto 0}
.valores{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--linha);border:1px solid var(--linha);margin-top:16px}
.valores li{background:#fff;padding:24px 20px;display:grid;gap:6px;align-content:start}
.valores .ico{width:30px;height:30px;margin-bottom:8px}
.valores b{font-weight:500;font-size:1.08rem}
.valores span{color:var(--texto-2);font-size:.92rem}
@media (max-width:860px){.valores{grid-template-columns:1fr 1fr}}

/* método: a cadeia da Competência Transformadora */
.cadeia{margin-top:44px}
.cadeia ol{position:relative;display:grid;grid-template-columns:repeat(5,1fr)}
.cadeia ol::before{content:"";position:absolute;left:10%;right:10%;top:34px;height:2px;background:var(--roxo);transform-origin:left}
.cadeia li{position:relative;display:grid;justify-items:center;text-align:center;gap:4px;padding:0 6px}
.c-no{width:68px;height:68px;border-radius:50%;display:grid;place-items:center;background:var(--roxo);color:#fff;position:relative;z-index:1;margin-bottom:10px;box-shadow:0 0 0 6px #fff}
.c-no .ico{width:28px;height:28px;color:#fff}
.cadeia b{font-weight:500;font-size:1.02rem}
.cadeia li > span:last-child{font-style:italic;font-weight:300;color:var(--roxo);font-size:.95rem}
.cadeia-marcas{display:grid;grid-template-columns:repeat(5,1fr);row-gap:14px;margin-top:24px}
.cadeia-marcas p{font-family:var(--f-rotulo);font-weight:600;letter-spacing:.12em;text-transform:uppercase;font-size:.76rem;padding-top:10px;text-align:center}
.m-trad{grid-column:1/3;border-top:2px solid #C9C1D6;color:var(--texto-2)}
.m-cat{grid-column:1/6;border-top:3px solid var(--roxo);color:var(--roxo)}
@media (prefers-reduced-motion:no-preference){
  .js .cadeia.revela ol::before{transform:scaleX(0);transition:transform 1.4s cubic-bezier(.45,0,.2,1) .1s}
  .js .cadeia.revela.visto ol::before{transform:scaleX(1)}
  .js .cadeia.revela .c-no{transform:scale(.3);opacity:.35;transition:transform .55s cubic-bezier(.3,1.6,.5,1),opacity .4s}
  .js .cadeia.revela.visto .c-no{transform:none;opacity:1}
  .js .cadeia li:nth-child(2) .c-no{transition-delay:.3s}
  .js .cadeia li:nth-child(3) .c-no{transition-delay:.6s}
  .js .cadeia li:nth-child(4) .c-no{transition-delay:.9s}
  .js .cadeia li:nth-child(5) .c-no{transition-delay:1.2s}
}
@media (max-width:760px){.cadeia ol{grid-template-columns:1fr;gap:14px}.cadeia ol::before{display:none}.cadeia li{grid-template-columns:56px 1fr;justify-items:start;text-align:left;align-items:center;column-gap:14px}.c-no{width:52px;height:52px;margin:0;grid-row:span 2}.cadeia-marcas{display:none}}

/* profissionais: a jornada de 100 dias */
.cem-dias{margin-top:40px;padding:clamp(22px,3vw,34px);background:var(--nevoa)}
.roadmap{position:relative;height:98px;margin:34px 4px 0}
.roadmap::before{content:"";position:absolute;left:0;right:0;top:9px;height:2px;background:#DDD7E6}
.roadmap::after{content:"";position:absolute;left:0;right:0;top:8px;height:4px;border-radius:4px;background:linear-gradient(90deg,var(--roxo-claro),var(--roxo));transform-origin:left}
.roadmap li{position:absolute;top:0;left:var(--pos);transform:translateX(-50%);display:grid;justify-items:center;text-align:center;gap:2px;padding-top:30px;width:128px}
.roadmap li::before{content:"";position:absolute;top:1px;left:50%;width:18px;height:18px;margin-left:-9px;border-radius:50%;background:#fff;border:3px solid var(--roxo);z-index:1;transition:transform .45s cubic-bezier(.3,1.7,.5,1)}
.roadmap li:first-child{transform:none;justify-items:start;text-align:left}
.roadmap li:first-child::before{left:0;margin-left:0}
.roadmap li:last-child{transform:translateX(-100%);justify-items:end;text-align:right}
.roadmap li:last-child::before{left:auto;right:0;margin-left:0;background:var(--roxo)}
.roadmap b{font-family:var(--f-rotulo);font-weight:600;letter-spacing:.1em;text-transform:uppercase;font-size:.84rem;color:var(--roxo)}
.roadmap span{font-size:.9rem;color:var(--texto-2);line-height:1.3}
.roadmap-leg{margin-top:10px;color:var(--texto-2);font-size:.96rem}
@media (prefers-reduced-motion:no-preference){
  .js .cem-dias.revela .roadmap::after{transform:scaleX(0);transition:transform 2.2s cubic-bezier(.45,0,.2,1) .2s}
  .js .cem-dias.revela.visto .roadmap::after{transform:scaleX(1)}
  .js .cem-dias.revela .roadmap li::before{transform:scale(0)}
  .js .cem-dias.revela.visto .roadmap li::before{transform:scale(1)}
  .js .roadmap li:nth-child(1)::before{transition-delay:.2s}
  .js .roadmap li:nth-child(2)::before{transition-delay:.62s}
  .js .roadmap li:nth-child(3)::before{transition-delay:1.04s}
  .js .roadmap li:nth-child(4)::before{transition-delay:1.46s}
  .js .roadmap li:nth-child(5)::before{transition-delay:1.88s}
  .js .roadmap li:nth-child(6)::before{transition-delay:2.3s}
}
@media (max-width:760px){
  .roadmap{height:auto;margin:24px 0 0;display:grid;gap:16px;padding-left:30px}
  .roadmap::before{left:8px;right:auto;top:0;bottom:0;width:2px;height:auto}
  .roadmap::after{left:7px;right:auto;top:0;bottom:0;width:4px;height:auto;transform-origin:top}
  .roadmap li,.roadmap li:first-child,.roadmap li:last-child{position:relative;left:auto;transform:none;justify-items:start;text-align:left;padding-top:0;width:auto}
  .roadmap li::before,.roadmap li:first-child::before,.roadmap li:last-child::before{left:-30px;right:auto;margin-left:0;top:1px}
  .js .cem-dias.revela .roadmap::after{transform:scaleY(0)}
  .js .cem-dias.revela.visto .roadmap::after{transform:scaleY(1)}
}

/* transformers: três círculos e manifesto em destaque */
.circulos-bloco{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,72px);align-items:center;margin-top:40px}
.circulos-lista{display:grid;border-top:1px solid var(--linha)}
.circulos-lista li{display:grid;grid-template-columns:34px 1fr;gap:14px;padding-block:20px;border-bottom:1px solid var(--linha)}
.circulos-lista .ico{width:30px;height:30px}
.circulos-lista b{display:block;font-weight:500;font-size:1.15rem}
.circulos-lista span{color:var(--texto-2);font-size:.96rem}
@media (max-width:860px){.circulos-bloco{grid-template-columns:1fr}}
.manifesto-curto blockquote{margin:28px 0 0;font-weight:300;font-style:italic;font-size:clamp(1.6rem,3.4vw,2.5rem);line-height:1.25;max-width:30ch;color:#fff;border-left:3px solid var(--roxo-claro);padding-left:24px}
.manifesto-curto .lead{margin-top:22px}

/* sobre: manifesto completo e identidade */
.manifesto-grade{display:grid;grid-template-columns:.7fr 1.3fr;gap:clamp(28px,5vw,80px);align-items:start}
.manifesto-arco{display:block;width:min(220px,60%);height:auto;margin-top:36px}
.manifesto-texto p{font-size:clamp(1.06rem,1.6vw,1.22rem);line-height:1.62;color:var(--claro);font-weight:300;margin-bottom:18px;max-width:60ch}
.manifesto-texto p.manifesto-fecho{font-size:clamp(1.3rem,2.2vw,1.6rem);line-height:1.4;font-style:italic;color:#fff;border-left:3px solid var(--roxo-claro);padding-left:20px}
.manifesto-texto p.manifesto-assin{display:flex;flex-wrap:wrap;gap:6px 30px;margin-top:26px;font-family:var(--f-rotulo);font-weight:600;letter-spacing:.12em;text-transform:uppercase;font-size:.8rem;color:var(--claro-2)}
@media (max-width:860px){.manifesto-grade{grid-template-columns:1fr}.manifesto-arco{width:120px}}
.proposito-sobre .rotulo{color:var(--roxo)}
.cartao.ident{border-top:3px solid var(--roxo)}
.cartao.ident .ico{width:30px;height:30px}
.cartao.ident p:last-child{color:var(--texto);font-size:1.06rem}


/* telas estreitas (até 360 px): as grades não passam da largura da tela */
@media (max-width:360px){
  .paginas{grid-template-columns:repeat(auto-fill,minmax(min(270px,100%),1fr))}
  .grade{grid-template-columns:repeat(auto-fit,minmax(min(262px,100%),1fr))}
  .grade.duas{grid-template-columns:repeat(auto-fit,minmax(min(340px,100%),1fr))}
  .depoimentos{grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr))}
  .edicoes,.artigos-grade{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr))}
  .escada{grid-template-columns:repeat(5,minmax(0,1fr))}
  .escada .degrau{padding-inline:4px;font-size:.8rem}
  .btn-destaque{white-space:normal;padding-inline:18px}
}