.mentorias-page{background:var(--piano-3);color:var(--marble)}
.mentor-hero,.mentor-journey,.mentor-product{padding:var(--section-space) 0}
.mentor-product h2{margin-top:24px;font-size:clamp(48px,8vw,116px);font-weight:400;letter-spacing:-.07em;line-height:.88;text-wrap:balance}.mentor-product h2 span{color:var(--green-bright)}

.mentor-grid b{display:block;color:var(--green-bright);font-size:12px;letter-spacing:.22em;text-transform:uppercase}
/* Os dois blocos de etapas lado a lado; em cada um, o título e os pontos em lista (número à esquerda, nome e frase à direita). */
.mentor-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(32px,4vw,64px);margin-top:80px}
.mentor-columns .mentor-block{display:flex;flex-direction:column}
/* Títulos das colunas de etapas: grandes, em branco, centralizados entre dois traços na cor de destaque. */
.mentor-block-label{display:flex;align-items:center;justify-content:center;gap:14px;text-align:center;color:var(--marble);font-size:clamp(24px,2.2vw,34px);letter-spacing:-.04em;line-height:1.1;text-transform:none}
.mentor-block-label::before,.mentor-block-label::after{flex:none;width:28px;height:2px;content:"";background:var(--green-bright)}
/* Cada ponto num quadro de fundo sólido: o número grande na cor de destaque à esquerda (nos meses e semanas, "1º" / "1ª" com "Mês" / "Semana" pequeno abaixo, centralizado), nome e frase à direita.
   As duas colunas têm a mesma altura (os quadros da coluna com menos pontos ficam mais altos). */
.mentor-grid{display:flex;flex:1;flex-direction:column;gap:8px;margin-top:24px}
.mentor-grid article{display:grid;flex:1;grid-template-columns:72px minmax(0,1fr);grid-template-rows:auto auto;align-content:center;column-gap:20px;padding:18px 22px;border:1px solid var(--line);border-left:2px solid var(--green-bright);border-radius:2px;background:var(--piano)}
.mentor-grid b{display:grid;grid-row:span 2;align-self:center;justify-self:start;justify-items:center;font-size:clamp(36px,3.2vw,48px);font-weight:400;letter-spacing:-.05em;line-height:.9;text-transform:none}
.mentor-grid b small{margin:8px -.2em 0 0;color:var(--brown);font-size:14px;letter-spacing:.2em;line-height:1;text-transform:uppercase}
/* Nos movimentos do sprint e no Sistema 5D, um ícone de traço na cor de destaque no lugar do número. */
.mentor-grid-icon{display:grid;grid-row:span 2;align-self:center;color:var(--green-bright)}
.mentor-grid-icon svg{width:clamp(34px,2.8vw,42px);height:auto;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.mentor-grid h3{align-self:end;font-size:20px;font-weight:400;letter-spacing:-.03em}
.mentor-grid p{align-self:start;margin-top:4px;color:var(--brown);font-size:14px;line-height:1.5}/* "O que muda depois" / "O modelo de atuação": à esquerda, centralizados, título, chamada (até duas linhas) e a logo com escrita;
   à direita, os pontos em quadros de fundo sólido, um embaixo do outro. */
.mentor-split{--split-gap:clamp(32px,4vw,64px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--split-gap);align-content:center;align-items:center;min-height:calc(100svh - var(--nav-h));margin-top:clamp(24px,4vw,48px)}
.mentor-split-head{display:grid;justify-items:center;text-align:center}
/* Base do bloco: a mesma linha leve da divisão das colunas (agora na horizontal) e a logo da Manifesto com escrita, centralizada e grande. */
.mentor-split-foot{display:grid;grid-column:1/-1;justify-items:center;gap:clamp(28px,5vh,52px);margin-top:clamp(8px,2vh,24px)}
.mentor-split-foot::before{width:100%;height:1px;content:"";background:linear-gradient(90deg,transparent,var(--line-strong) 20%,var(--line-strong) 80%,transparent)}
.mentor-split-foot .mentor-logo{height:clamp(44px,4.6vw,84px)}
/* Chamada de frases curtas: uma por linha, alinhadas à esquerda dentro do bloco centralizado. */
.mentor-split-lines{max-width:none;text-align:left}
.mentor-split-lines span{display:block;white-space:nowrap}
/* Rótulo da página (.v2-eyebrow) e a chamada no estilo dos títulos das seções: grande, em branco, palavra final na cor de destaque. */
.mentor-split h3{max-width:20ch;margin-top:22px;color:var(--marble);font-size:clamp(32px,3.1vw,50px);font-weight:400;letter-spacing:-.05em;line-height:1.02;text-wrap:balance}
.mentor-split h3 em{color:var(--green-bright);font-style:normal}/* Os pontos, um por vez e centralizados na coluna (ícone, título e descrição, sem card): entra pela direita, para e sai pela esquerda dando lugar ao próximo;
   os traços abaixo marcam a posição. Sem animação (preferência do sistema), aparecem todos em lista. */
.mentor-rotator{position:relative;display:grid;justify-items:center;text-align:center}
/* Linha leve entre a chamada e o ponto em destaque (some nas pontas). */
.mentor-rotator::before{position:absolute;top:0;bottom:0;left:calc(var(--split-gap) / -2);width:1px;content:"";background:linear-gradient(transparent,var(--line-strong) 20%,var(--line-strong) 80%,transparent)}
.mentor-rotator ul{display:grid;list-style:none}
.mentor-rotator li{display:grid;justify-items:center;gap:14px}
.mentor-rotator.is-running li{grid-area:1/1;opacity:0;translate:48px 0;pointer-events:none;transition:opacity .45s ease,translate .7s var(--ease-out)}
.mentor-rotator.is-running li.is-active{opacity:1;translate:0 0;pointer-events:auto;transition-delay:.2s}
.mentor-rotator.is-running li.is-leaving{opacity:0;translate:-48px 0;transition-delay:0s}
.mentor-rotator:not(.is-running) ul{gap:36px}
.mentor-rotator .v2-product-icon{width:clamp(56px,4.2vw,72px);height:clamp(56px,4.2vw,72px);margin-bottom:6px}
.mentor-rotator .v2-product-icon svg{width:44%;height:44%}
.mentor-rotator h4{color:var(--marble);font-size:clamp(32px,3.1vw,50px);font-weight:400;letter-spacing:-.05em;line-height:1}
.mentor-rotator p{max-width:30ch;color:var(--brown);font-size:clamp(16px,1.2vw,19px);line-height:1.5}
.mentor-rotator-dots{display:flex;gap:8px;margin-top:clamp(24px,4vh,40px)}
.mentor-rotator-dots span{width:28px;height:2px;background:var(--line-strong);transition:background .3s ease}
.mentor-rotator-dots span.is-active{background:var(--green-bright)}
.mentor-rotator:not(.is-running) .mentor-rotator-dots{display:none}

.mentor-product--advisory{background:var(--piano-2)}
@media(max-width:850px){.mentor-split{grid-template-columns:1fr;gap:48px;min-height:0;margin-top:80px}.mentor-rotator::before{display:none}.mentor-columns{grid-template-columns:1fr;gap:48px}}
@media(max-width:620px){.mentor-columns{margin-top:58px}.mentor-grid article{grid-template-columns:60px minmax(0,1fr);column-gap:14px;padding:16px}.mentor-grid b{font-size:34px}.mentor-split{margin-top:58px}.mentor-split-lines span{white-space:normal}}

/* Abertura: chamada aberta à esquerda (tema do site: orgânico sem anúncios) e o vídeo de apresentação no aparelho
   à direita. No celular: chamada, vídeo, números e botões, nessa ordem. */
.mentor-hero{position:relative;display:grid;align-items:center;min-height:100svh;padding:calc(var(--nav-h) + 16px) 0 32px;background:var(--piano-3)}
.mentor-hero-in{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"copy media" "proof media";column-gap:clamp(48px,8vw,128px);align-items:center;max-width:1180px;text-align:center}
.mentor-hero-copy{grid-area:copy;align-self:end;justify-self:center;max-width:640px}
.mentor-hero .v2-eyebrow{justify-content:center}
.mentor-hero .v2-eyebrow::before{width:48px;height:1px;content:"";background:linear-gradient(270deg,color-mix(in srgb,var(--green-bright) 60%,transparent),transparent)}
/* Título: duas frases de duas linhas que se alternam (componente .hero-loop); a palavra final na cor de destaque. */
.mentor-hero h1{margin-top:24px;font-size:clamp(36px,4.4vw,62px);font-weight:400;letter-spacing:-.06em;line-height:.98}
.mentor-hero .hero-loop-phrase>span{white-space:nowrap;color:var(--marble)}
.mentor-hero h1 em{color:var(--green-bright);font-style:normal}
.mentor-hero-lead{max-width:520px;margin:28px auto 0;color:color-mix(in srgb,var(--marble) 72%,transparent);font-size:clamp(17px,1.4vw,20px);line-height:1.5}
.mentor-hero-media{grid-area:media;display:flex;justify-content:center}
/* O aparelho cabe inteiro na altura da tela (abaixo do cabeçalho). */
.mentor-hero-media .site-phone,.mentor-diag-media .site-phone{width:min(340px,30vw,calc((100svh - var(--nav-h) - 40px) * 9 / 19.5))}
.mentor-hero-proof{grid-area:proof;align-self:start;margin-top:36px}
/* Fluxo do método: três etapas com ícone, ligadas por uma linha que a luz percorre em sequência. */
.mentor-hero-flow{--step:3.6s;display:flex;justify-content:center;list-style:none}
.mentor-hero-flow li{position:relative;display:grid;justify-items:center;gap:8px;width:clamp(104px,11vw,150px)}
.mentor-hero-flow li+li::before{position:absolute;top:28px;right:calc(50% + 36px);left:calc(-50% + 36px);height:1px;content:"";background:linear-gradient(90deg,var(--line-strong),var(--line-strong)) no-repeat,linear-gradient(90deg,transparent,var(--green-bright),transparent) no-repeat;background-size:100% 100%,40% 100%;background-position:0 0,-60% 0;animation:mentor-flow-line var(--step) linear infinite}
.mentor-hero-flow li:nth-child(3)::before{animation-delay:calc(var(--step) / 3)}
.mentor-hero-flow .v2-product-icon{animation:mentor-flow-step var(--step) ease-in-out infinite}
.mentor-hero-flow li:nth-child(2) .v2-product-icon{animation-delay:calc(var(--step) / 3)}
.mentor-hero-flow li:nth-child(3) .v2-product-icon{animation-delay:calc(var(--step) * 2 / 3)}
.mentor-hero-flow small{margin-top:6px;color:var(--green-bright);font-size:10px;letter-spacing:.24em}
.mentor-hero-flow b{color:var(--marble);font-size:12px;font-weight:400;letter-spacing:.2em;text-transform:uppercase}
@keyframes mentor-flow-line{0%{background-position:0 0,-60% 0}33%,100%{background-position:0 0,160% 0}}
@keyframes mentor-flow-step{0%,100%{background:color-mix(in srgb,var(--green) 8%,transparent);box-shadow:none}12%{background:color-mix(in srgb,var(--green) 22%,transparent);box-shadow:0 0 24px color-mix(in srgb,var(--green) 35%,transparent)}30%{background:color-mix(in srgb,var(--green) 8%,transparent);box-shadow:none}}
@media(prefers-reduced-motion:reduce){.mentor-hero-flow li::before,.mentor-hero-flow .v2-product-icon{animation:none}}
.mentor-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:36px}
@media(max-width:850px){
  .mentor-hero{min-height:0}
  .mentor-hero-in{grid-template-columns:1fr;grid-template-areas:"copy" "media" "proof";row-gap:40px}
  .mentor-hero-media .site-phone{width:min(280px,72vw)}
  .mentor-hero-proof{margin-top:0}
}
@media(max-width:620px){
  .mentor-hero{padding:calc(var(--nav-h) + 36px) 0 56px}
  .mentor-hero h1{font-size:min(8.6vw,50px)}
  .mentor-hero-lead{margin-top:20px;font-size:16px}
  .mentor-hero-flow li{flex:1 1 0;width:auto;min-width:0}
  .mentor-hero-flow b{font-size:11px;letter-spacing:.14em}
  .mentor-actions{display:grid;margin-top:28px}
  .mentor-actions .v2-btn{width:100%}
}

/* Diagnóstico gratuito: aparelho com a conversa do diagnóstico (mesmas perguntas da ferramenta) e, ao lado,
   o que é, as quatro etapas e a chamada. No celular: título e texto, o vídeo, as etapas e a chamada. */
/* Cabe numa tela, como a abertura: mesmo espaçamento e o aparelho do mesmo tamanho. */
.mentor-diag{display:grid;align-items:center;min-height:100svh;padding:calc(var(--nav-h) + 16px) 0 32px;background:var(--piano-3)}
.mentor-diag-in{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"media copy";column-gap:clamp(48px,8vw,128px);align-items:center;max-width:1180px}
.mentor-diag-media{grid-area:media;display:flex;justify-content:center}
.mentor-diag-copy{grid-area:copy;max-width:600px;text-align:center}
.mentor-diag .v2-eyebrow{justify-content:center}
.mentor-diag .v2-eyebrow::before{width:48px;height:1px;content:"";background:linear-gradient(270deg,color-mix(in srgb,var(--green-bright) 60%,transparent),transparent)}
/* Título no mesmo estilo da abertura: duas frases de duas linhas que se alternam (.hero-loop), a palavra final na cor de destaque. */
.mentor-diag h2{margin-top:20px;font-size:clamp(30px,3.4vw,46px);font-weight:400;letter-spacing:-.06em;line-height:.98}
.mentor-diag .hero-loop-phrase>span{white-space:nowrap;color:var(--marble)}
.mentor-diag h2 em{color:var(--green-bright);font-style:normal}
.mentor-diag-lead{max-width:540px;margin:18px auto 0;color:color-mix(in srgb,var(--marble) 72%,transparent);font-size:clamp(15px,1.1vw,17px);line-height:1.55;text-wrap:balance}
.mentor-diag-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px;margin-top:26px;list-style:none;text-align:left}
.mentor-diag-steps li{display:flex;gap:16px;align-items:center}
.mentor-diag-steps .v2-product-icon{flex:none;width:58px;height:58px}
.mentor-diag-steps .v2-product-icon svg{width:27px;height:27px;stroke-width:1.6}
/* Ícone do WhatsApp: o mesmo do rodapé, desenhado em preenchimento (não em traço). */
.mentor-diag-steps .v2-product-icon svg.is-fill{width:26px;height:26px;fill:currentColor;stroke:none}
.mentor-diag-steps b{display:block;color:var(--green-bright);font-size:16px;font-weight:400}
.mentor-diag-steps p{margin-top:3px;color:var(--brown);font-size:13px;line-height:1.45}
.mentor-diag-cta{display:grid;justify-items:center;gap:12px;margin-top:28px}
.mentor-diag-cta p{color:var(--brown);font-size:11px;letter-spacing:.2em;text-transform:uppercase}

@media(max-width:850px){
  /* No celular: título e texto, o vídeo, e depois as etapas e o botão (o bloco de texto se abre com display:contents). */
  .mentor-diag-in{display:flex;flex-direction:column;align-items:center}
  .mentor-diag-copy{display:contents}
  .mentor-diag-copy>*{width:100%;max-width:640px}
  .mentor-diag .v2-eyebrow{order:1}
  .mentor-diag h2{order:2}
  .mentor-diag-lead{order:3}
  .mentor-diag-media{order:4;margin-top:32px}
  .mentor-diag-steps{order:5;margin-top:36px}
  .mentor-diag-cta{order:6}
  .mentor-diag{min-height:0;padding:var(--section-space) 0}
  .mentor-diag h2{font-size:min(7.4vw,46px)}
  .mentor-diag-media .site-phone{width:min(280px,72vw)}
}
@media(max-width:620px){
  .mentor-diag h2{font-size:min(7.4vw,40px)}
  .mentor-diag-steps{grid-template-columns:1fr;gap:18px}
  .mentor-diag-cta .v2-btn{width:100%}
}

/* Os dois produtos: o título de venda no alto e, abaixo, a VSL centralizada e em destaque
   (cantos de enquadramento na cor de destaque e brilho ao fundo), fechando com a logo da Manifesto. No celular, a versão vertical na mesma moldura. */
.mentor-journey{display:grid;align-items:center;min-height:100svh;padding:calc(var(--nav-h) + 12px) 0 20px;background:var(--piano-3)}
.mentor-journey-in{display:flex;flex-direction:column;align-items:center;gap:clamp(16px,2.8vh,30px)}
.mentor-journey-top{text-align:center}
/* Título: duas frases de uma linha que se alternam (.hero-loop). */
.mentor-journey h2{margin-top:12px;font-size:clamp(28px,2.8vw,42px);font-weight:400;letter-spacing:-.05em;line-height:1.05;color:var(--marble)}
.mentor-journey .hero-loop-phrase>span{white-space:nowrap;color:var(--marble)}
.mentor-journey h2 em{color:var(--green-bright);font-style:normal}
.mentor-vsl{--canto:clamp(22px,2.4vw,36px);position:relative;width:min(1120px,100%,calc((100svh - var(--nav-h) - 215px) * 16 / 9));padding:clamp(8px,.8vw,12px)}
.mentor-vsl::before{position:absolute;inset:0;content:"";pointer-events:none;background:
  linear-gradient(var(--green-bright),var(--green-bright)) top left/var(--canto) 2px,linear-gradient(var(--green-bright),var(--green-bright)) top left/2px var(--canto),
  linear-gradient(var(--green-bright),var(--green-bright)) top right/var(--canto) 2px,linear-gradient(var(--green-bright),var(--green-bright)) top right/2px var(--canto),
  linear-gradient(var(--green-bright),var(--green-bright)) bottom left/var(--canto) 2px,linear-gradient(var(--green-bright),var(--green-bright)) bottom left/2px var(--canto),
  linear-gradient(var(--green-bright),var(--green-bright)) bottom right/var(--canto) 2px,linear-gradient(var(--green-bright),var(--green-bright)) bottom right/2px var(--canto);background-repeat:no-repeat}
.mentor-vsl::after{position:absolute;inset:12% 8%;z-index:-1;content:"";background:color-mix(in srgb,var(--green) 30%,transparent);filter:blur(90px);pointer-events:none}
.mentor-vsl-screen{position:relative;overflow:hidden;aspect-ratio:16/9;border:1px solid color-mix(in srgb,var(--marble) 14%,transparent);border-radius:2px;background:var(--black);box-shadow:0 40px 100px color-mix(in srgb,var(--black) 60%,transparent)}
.mentor-vsl-screen video{display:block;width:100%;height:100%;object-fit:cover}
.mentor-vsl--v{display:none}
/* Logo da Manifesto com escrita fechando a VSL e a abertura de cada produto. */
.mentor-logo{display:block;width:auto;height:clamp(22px,1.8vw,30px);opacity:.9}
.mentor-product-intro .mentor-logo{height:clamp(32px,2.8vw,46px)}
.mentor-vsl--v .mentor-vsl-screen{aspect-ratio:9/16}

/* Logo abaixo da VSL: os dois produtos, cada um com o seu prazo acima, lado a lado e do mesmo tamanho
   (o sprint em card escuro, o conselho na cor de destaque; símbolo da Manifesto no alto e o nome em destaque). */
.mentor-steps{display:grid;align-items:center;min-height:100svh;padding:calc(var(--nav-h) + 24px) 0 40px;background:var(--piano-3)}
.mentor-steps-in{display:flex;flex-direction:column;align-items:center;text-align:center}
.mentor-steps h2{margin-top:14px;font-size:clamp(28px,2.8vw,42px);font-weight:400;letter-spacing:-.05em;line-height:1.05;text-wrap:balance;color:var(--marble)}
.mentor-steps h2 em{color:var(--green-bright);font-style:normal}
.mentor-stairs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;width:min(960px,100%);margin-top:clamp(18px,2.6vh,28px);list-style:none;text-align:left}
.mentor-stair{display:flex;flex-direction:column;gap:clamp(16px,2.4vh,24px);min-width:0}
/* Acima de cada card, centralizado, o prazo da etapa. */
.mentor-stair-claim{font-size:clamp(26px,2.6vw,40px);font-weight:400;letter-spacing:-.05em;line-height:1;white-space:nowrap;text-align:center;color:var(--marble)}
.mentor-stair-claim em{color:var(--green-bright);font-style:normal}
.mentor-stair-card{position:relative;isolation:isolate;display:flex;flex:1;flex-direction:column;gap:8px;width:100%;font:inherit;text-align:left;cursor:pointer;min-height:clamp(230px,32vh,300px);overflow:hidden;padding:clamp(22px,2.2vw,32px);border:1px solid var(--line-strong);border-radius:2px;background:color-mix(in srgb,var(--marble) 4%,transparent);color:var(--marble);transition:border-color .25s ease,translate .25s var(--ease-out)}
.mentor-stair-card::before{position:absolute;right:-18%;bottom:-24%;z-index:-1;width:80%;aspect-ratio:1019.75/483.26;content:"";background:currentColor;opacity:.06;-webkit-mask:url(../assets/brand/symbol.svg) center/contain no-repeat;mask:url(../assets/brand/symbol.svg) center/contain no-repeat}
.mentor-stair-card:hover,.mentor-stair-card:focus-visible{border-color:var(--green);translate:0 -3px}
/* Seletor (mesma dinâmica dos cases da home): o card escolhido ganha contorno de destaque e "Vendo agora". */
.mentor-steps-hint{margin-top:clamp(20px,3vh,32px);color:var(--brown);font-size:11px;letter-spacing:.24em;text-transform:uppercase}
.mentor-stair-card[aria-pressed="true"]{box-shadow:0 0 0 2px var(--green-bright)}
.mentor-stair-now,.mentor-stair-card[aria-pressed="true"] .mentor-stair-see{display:none}
.mentor-stair-card[aria-pressed="true"] .mentor-stair-now{display:inline}
.mentor-product[hidden]{display:none}

/* Primeira composição de cada produto (para onde a tela rola ao escolher): ocupa a tela; título numa linha,
   o período à direita e os três pilares em cards com ícone, nome e uma frase. */
.mentor-product{padding-top:calc(var(--nav-h) + 24px)}
.mentor-product-intro{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(30px,5.5vh,56px);min-height:calc(100svh - var(--nav-h) - 48px)}
.mentor-product-top{display:grid;justify-items:center;text-align:center}
.mentor-product-top h2{margin-top:12px;font-size:clamp(42px,5.4vw,84px);white-space:nowrap}
/* Nome que alterna com uma frase (.hero-loop) e o período numa linha só, com os dias na cor de destaque. */
.mentor-product-top .hero-loop-phrase>span{white-space:nowrap;color:var(--marble)}
.mentor-product-top h2 em{color:var(--green-bright);font-style:normal}
/* Divisor entre o título e a linha do período: o símbolo da Manifesto entre dois traços que somem nas pontas. */
.mentor-divider{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:clamp(18px,3vh,28px);color:var(--marble)}
.mentor-divider::before,.mentor-divider::after{width:clamp(72px,9vw,140px);height:1px;content:"";background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--green-bright) 60%,transparent))}
.mentor-divider::after{scale:-1 1}
.mentor-divider svg{width:30px;height:auto;fill:currentColor}
.mentor-period-line{margin-top:clamp(12px,1.8vh,18px);color:color-mix(in srgb,var(--marble) 82%,transparent);font-size:clamp(13px,1.2vw,18px);letter-spacing:.2em;line-height:1.6;text-transform:uppercase;text-wrap:balance}
.mentor-period-line b{color:var(--green-bright);font-weight:400}
.mentor-pillar-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:min(1080px,100%);list-style:none}
.mentor-pillar-cards li{display:grid;align-content:start;gap:10px;padding:clamp(18px,1.8vw,26px);border:1px solid var(--line-strong);border-radius:2px;background:color-mix(in srgb,var(--marble) 4%,transparent)}
.mentor-pillar-cards .v2-product-icon{width:48px;height:48px;margin-bottom:clamp(4px,1.2vh,12px)}
.mentor-pillar-cards h3{font-size:clamp(21px,1.8vw,27px);font-weight:400;letter-spacing:-.04em;line-height:1}
.mentor-pillar-cards p{max-width:34ch;color:var(--brown);font-size:14px;line-height:1.55}
.mentor-stair-mark{width:52px;height:auto;margin-bottom:14px;fill:currentColor}
.mentor-stair-card small{color:var(--green-bright);font-size:10px;letter-spacing:.24em;text-transform:uppercase}
.mentor-stair-card strong{font-size:clamp(28px,2.6vw,38px);font-weight:400;letter-spacing:-.04em;line-height:1}
.mentor-stair-card p{max-width:36ch;margin-top:8px;color:var(--brown);font-size:14px;line-height:1.5}
.mentor-stair-link{align-self:flex-start;margin-top:auto;padding-top:16px;font-size:10.5px;letter-spacing:.2em;text-decoration:underline;text-underline-offset:4px;text-transform:uppercase}
.mentor-stair--advisory .mentor-stair-card{border-color:var(--green);background:var(--green);color:var(--on-green)}
.mentor-stair--advisory .mentor-stair-card::before{opacity:.14}
.mentor-stair--advisory .mentor-stair-card small{color:var(--on-green)}
.mentor-stair--advisory .mentor-stair-card p{color:color-mix(in srgb,var(--on-green) 78%,transparent)}
.mentor-stair--advisory .mentor-stair-card:hover,.mentor-stair--advisory .mentor-stair-card:focus-visible{border-color:var(--green-hover);background:var(--green-hover)}

/* Durante a leitura de uma mentoria, um atalho discreto no centro inferior leva para a outra. */
.mentor-switch{position:fixed;left:50%;bottom:max(20px,calc(env(safe-area-inset-bottom) + 16px));z-index:44;display:flex;align-items:center;gap:12px;padding:8px 8px 8px 14px;border:1px solid color-mix(in srgb,var(--marble) 18%,transparent);border-radius:2px;background:color-mix(in srgb,var(--piano-3) 88%,transparent);box-shadow:0 16px 40px color-mix(in srgb,var(--black) 42%,transparent);backdrop-filter:blur(14px);translate:-50% 14px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s ease,translate .35s var(--ease-out),visibility 0s linear .35s}
.mentor-switch:not([hidden]){opacity:1;visibility:visible;translate:-50% 0;pointer-events:auto;transition-delay:0s}
.mentor-switch-label{display:grid;justify-items:center;gap:7px;color:var(--brown);font-size:9px;letter-spacing:.18em;text-transform:uppercase;white-space:nowrap}
.mentor-switch-label img{display:block;width:26px;height:auto;opacity:.9}
.mentor-switch-option{display:grid;gap:2px;padding:9px 14px;border:1px solid var(--green);border-radius:2px;background:var(--green);color:var(--on-green);font:inherit;font-size:14px;letter-spacing:-.01em;text-align:left;white-space:nowrap;cursor:pointer;transition:background .2s ease}
.mentor-switch-option small{font-size:9px;letter-spacing:.18em;text-transform:uppercase;opacity:.75}
.mentor-switch-option[hidden]{display:none}
.mentor-switch-option:hover,.mentor-switch-option:focus-visible{border-color:var(--green-hover);background:var(--green-hover)}
body.is-menu-open .mentor-switch{opacity:0;visibility:hidden;pointer-events:none}
/* Com o atalho na tela, o WhatsApp entra nele e o botão flutuante sai (um elemento só no rodapé); o menu abre centralizado acima. */
.mentor-switch-wpp{display:grid;flex:none;place-items:center;width:48px;height:48px;border:1px solid var(--green);border-radius:50%;background:var(--green);color:var(--on-green);cursor:pointer;transition:background .2s ease}
.mentor-switch-wpp:hover,.mentor-switch-wpp:focus-visible{background:var(--green-hover)}
.mentor-switch-wpp svg{width:22px;height:22px;fill:currentColor}
body.has-product-switch .site-float-contact{opacity:0;visibility:hidden;pointer-events:none}
body.has-product-switch .site-float-menu{right:auto;left:50%;bottom:calc(max(20px,env(safe-area-inset-bottom)) + 84px);translate:-50% 0}

/* Depoimentos: título, seletor com as logos dos clientes (como os cases da home) e, para o cliente escolhido,
   os resultados e a fala à esquerda e o vídeo de depoimento no aparelho à direita. Cabe numa tela no computador. */
.mentor-cases{display:grid;align-items:center;min-height:100svh;padding:calc(var(--nav-h) + 20px) 0 24px;background:var(--piano-3)}
.mentor-cases-in{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:". media" "top media" "picker media" "info media" ". media";grid-template-rows:1fr auto auto auto 1fr;column-gap:clamp(48px,7vw,120px);align-content:center;max-width:1180px}
.mentor-cases-top{grid-area:top}
.mentor-cases h2{margin-top:14px;font-size:clamp(28px,2.8vw,42px);font-weight:400;letter-spacing:-.05em;line-height:1.05;color:var(--marble)}
.mentor-cases h2 em{color:var(--green-bright);font-style:normal}
/* Seletor no estilo dos cards de escolha dos cases da home: logo, "Case 0X", nome e a faixa "Ver depoimento" / "Vendo agora". */
.mentor-case-picker{display:grid;grid-area:picker;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:560px;margin-top:clamp(18px,3vh,28px)}
.mentor-case-pick{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;padding:16px 12px 0;border:1px solid var(--line-strong);border-radius:2px;background:color-mix(in srgb,var(--marble) 3%,transparent);color:var(--marble);font:inherit;text-align:center;cursor:pointer;transition:border-color .3s ease,background .3s ease,translate .3s var(--ease-out)}
.mentor-case-pick img{width:auto;height:clamp(40px,4.4vh,52px);object-fit:contain}
.mentor-case-pick small{color:var(--green-bright);font-size:10px;letter-spacing:.24em;text-transform:uppercase}
.mentor-case-pick strong{font-size:15px;font-weight:400;line-height:1.2}
.mentor-case-pick-cta{align-self:stretch;margin-top:8px;padding:10px 0;border-top:1px solid var(--line);font-size:10px;letter-spacing:.22em;text-transform:uppercase}
.mentor-case-pick-now,.mentor-case-pick[aria-pressed="true"] .mentor-case-pick-see{display:none}
.mentor-case-pick[aria-pressed="true"] .mentor-case-pick-now{display:inline;color:var(--green-bright)}
.mentor-case-pick:hover,.mentor-case-pick:focus-visible{border-color:color-mix(in srgb,var(--green) 55%,transparent);translate:0 -3px}
.mentor-case-pick:hover .mentor-case-pick-see{color:var(--green-bright)}
.mentor-case-pick[aria-pressed="true"]{border-color:var(--green);background:color-mix(in srgb,var(--green) 7%,transparent)}
/* O cliente escolhido: o texto entra na coluna da esquerda (centralizada na altura) e o vídeo ocupa a coluna da direita, na altura da seção. */
.mentor-case{display:contents}
.mentor-case[hidden]{display:none}
.mentor-case-info{display:flex;grid-area:info;flex-direction:column;align-items:flex-start;min-width:0;margin-top:clamp(24px,4.5vh,44px)}
.mentor-case-person{display:flex;align-items:center;gap:14px}
.mentor-case-logo{display:grid;flex:none;place-items:center;width:52px;height:52px;border:1px solid var(--line-strong);border-radius:2px;background:var(--piano)}
.mentor-case-logo img{width:100%;height:100%;padding:5px;object-fit:contain}
.mentor-case-person p{display:grid;gap:8px}
.mentor-case-person strong{color:var(--marble);font-size:clamp(24px,2.2vw,32px);font-weight:400;letter-spacing:-.03em;line-height:1}
.mentor-case-person span{color:var(--green-bright);font-size:11px;letter-spacing:.22em;line-height:1.4;text-transform:uppercase}
.mentor-case-quote{position:relative;max-width:56ch;margin-top:20px;padding-left:28px}
.mentor-case-quote::before{position:absolute;top:-6px;left:0;color:color-mix(in srgb,var(--marble) 18%,transparent);font-family:Georgia,serif;font-size:44px;line-height:1;content:"“"}
.mentor-case-quote p{color:var(--sand);font-size:clamp(16px,1.15vw,18.5px);line-height:1.6}
.mentor-case-numbers{display:flex;gap:10px;width:100%;max-width:60ch;margin-top:24px;list-style:none}
.mentor-case-numbers li{display:grid;flex:1 1 0;gap:8px;min-width:0;padding:16px 12px;border:1px solid var(--line);border-radius:2px;background:linear-gradient(180deg,color-mix(in srgb,var(--marble) 4%,transparent),transparent);text-align:center}
.mentor-case-numbers b{color:var(--green-bright);font-size:clamp(20px,1.7vw,26px);font-weight:400;letter-spacing:-.02em;line-height:1;white-space:nowrap}
.mentor-case-numbers span{color:var(--brown);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase}
/* Aparelho na mesma regra da abertura e do diagnóstico, um pouco maior: até 360 px, encolhendo para caber na altura da tela. */
.mentor-case-media{display:flex;grid-area:media;align-self:center;justify-content:center}
.mentor-case-media .site-phone{width:min(360px,30vw,calc((100svh - var(--nav-h) - 60px) * 9 / 19.5))}

/* "Para quem é": uma indagação ao leitor depois de todo o conteúdo. Título em pergunta, três perguntas em quadros
   (pergunta e frase), o fechamento e a logo da Manifesto. Centralizado, numa tela no computador. */
.mentor-fit{display:grid;align-items:center;min-height:100svh;padding:calc(var(--nav-h) + 24px) 0 40px;background:var(--piano-3)}
.mentor-fit-in{display:grid;justify-items:center;gap:clamp(28px,5vh,52px);text-align:center}
.mentor-fit h2{max-width:22ch;margin-top:16px;font-size:clamp(32px,3.6vw,56px);font-weight:400;letter-spacing:-.05em;line-height:1.02;text-wrap:balance;color:var(--marble)}
.mentor-fit h2 em,.mentor-fit-close em{color:var(--green-bright);font-style:normal}
.mentor-fit-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:min(1080px,100%);list-style:none;text-align:left}
.mentor-fit-list li{display:grid;align-content:start;gap:12px;padding:clamp(20px,2vw,28px);border:1px solid var(--line-strong);border-radius:2px;background:var(--piano)}
.mentor-fit-list h3{color:var(--marble);font-size:clamp(20px,1.7vw,25px);font-weight:400;letter-spacing:-.03em;line-height:1.15}
.mentor-fit-list p{color:var(--brown);font-size:15px;line-height:1.55}
.mentor-fit .mentor-logo{height:clamp(32px,2.8vw,46px)}
.mentor-fit-close{color:color-mix(in srgb,var(--marble) 82%,transparent);font-size:clamp(18px,1.5vw,22px);letter-spacing:-.02em}

/* Planos em tabela: benefícios nas linhas e os dois planos nas colunas; o sprint marca os seus e mostra os demais com um traço apagado,
   o conselho (coluna destacada com o selo "Completo") marca todos. Cabe numa tela no computador. */
.mentor-plans{display:grid;align-items:center;min-height:100svh;padding:calc(var(--nav-h) + 24px) 0 40px;background:var(--piano-3)}
.mentor-plans-in{display:grid;justify-items:center;gap:clamp(22px,3.6vh,40px)}
.mentor-plans-top{text-align:center}
.mentor-plans h2{margin-top:14px;font-size:clamp(30px,3.2vw,50px);font-weight:400;letter-spacing:-.05em;line-height:1.02;color:var(--marble)}
.mentor-plans h2 em{color:var(--green-bright);font-style:normal}
.mentor-plan-table-wrap{width:min(1140px,100%)}
.mentor-plan-table{width:100%;border-collapse:collapse;table-layout:fixed}
.mentor-plan-table td:first-child,.mentor-plan-table th[scope="row"]{width:44%}
.mentor-plan-table thead th{position:relative;padding:16px 20px 12px;vertical-align:bottom;text-align:center;font-weight:400}
.mentor-plan-name{display:block;color:var(--marble);font-size:clamp(19px,min(1.9vw,3.4vh),30px);letter-spacing:-.03em;line-height:1.1}
.mentor-plan-table thead small{display:block;margin-top:6px;color:var(--green-bright);font-size:clamp(10px,.75vw,12px);letter-spacing:.22em;text-transform:uppercase}
.mentor-plan-table thead strong{display:block;margin-top:8px;color:var(--marble);font-size:clamp(24px,min(2.7vw,4.8vh),44px);font-weight:400;letter-spacing:-.05em;line-height:1;white-space:nowrap}
.mentor-plan-table thead strong em{margin-left:4px;color:var(--brown);font-size:clamp(13px,1vw,16px);font-style:normal;letter-spacing:0}
.mentor-plan-note{display:block;margin-top:6px;color:var(--brown);font-size:clamp(12px,.9vw,14px)}
.mentor-plan-table tbody th,.mentor-plan-table tbody td{padding:clamp(3px,calc((100svh - 640px) * .045),12px) 24px;line-height:1.3;border-top:1px solid var(--line)}
.mentor-plan-table tbody th{color:var(--marble);font-size:clamp(14px,min(1.15vw,2vh),19px);font-weight:400;text-align:left}
.mentor-plan-table tbody td{text-align:center}
.mentor-plan-table svg{width:clamp(17px,1.3vw,22px);height:clamp(17px,1.3vw,22px);vertical-align:middle;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.mentor-plan-table .is-in svg{color:var(--green-bright)}
.mentor-plan-table .is-out svg{color:color-mix(in srgb,var(--marble) 28%,transparent)}
.mentor-plan-table tfoot td{padding:clamp(16px,2.6vh,24px) 0 0;text-align:center}
.mentor-plan-table .v2-btn{justify-content:center;width:min(420px,100%);padding-block:13px}
/* Coluna do plano completo: faixa de destaque do cabeçalho à última linha, com o selo sobre a borda. Abaixo, um botão só, para o formulário. */
.mentor-plan-table .is-full{background:color-mix(in srgb,var(--green) 7%,transparent);box-shadow:inset 1px 0 var(--green),inset -1px 0 var(--green)}
.mentor-plan-table thead .is-full{box-shadow:inset 1px 0 var(--green),inset -1px 0 var(--green),inset 0 1px var(--green)}
.mentor-plan-table tbody tr:last-child .is-full{box-shadow:inset 1px 0 var(--green),inset -1px 0 var(--green),inset 0 -1px var(--green)}
.mentor-plan-badge{position:absolute;top:0;left:50%;padding:5px 10px;background:var(--green);color:var(--on-green);font-size:10px;letter-spacing:.2em;text-transform:uppercase;translate:-50% -50%}

/* Fechamento: centralizado e numa tela, como as demais composições; o símbolo da Manifesto no alto e dois caminhos (formulário e diagnóstico gratuito). */
.mentor-final{display:grid;align-items:center;min-height:100svh;padding:calc(var(--nav-h) + 24px) 0 40px;background:var(--piano-3)}
.mentor-final-in{display:grid;justify-items:center;text-align:center}
.mentor-final h2{margin-top:18px;font-size:clamp(40px,5.4vw,88px);font-weight:400;letter-spacing:-.06em;line-height:.95}
.mentor-final h2 span{display:block;color:var(--marble)}
.mentor-final h2 em{color:var(--green-bright);font-style:normal}
.mentor-final-lead{max-width:540px;margin-top:clamp(20px,3.4vh,32px);color:color-mix(in srgb,var(--marble) 72%,transparent);font-size:clamp(16px,1.3vw,19px);line-height:1.55;text-wrap:balance}
.mentor-final-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:clamp(28px,4.6vh,44px)}
.mentor-final-mark{width:clamp(52px,4.4vw,72px);height:auto;margin-bottom:clamp(20px,3.6vh,32px);fill:var(--marble)}

/* Perguntas frequentes (acordeão do sistema, .v2-faq): no tom das demais seções. */
.mentor-faq{padding:calc(var(--section-space) + 20px) 0 var(--section-space);background:var(--piano-3)}

@media(max-width:850px){
  .mentor-journey,.mentor-steps,.mentor-cases,.mentor-fit,.mentor-plans,.mentor-final{min-height:0;padding:var(--section-space) 0}
  .mentor-final-actions{flex-direction:column;align-items:stretch;width:min(360px,100%)}
  .mentor-plan-table td:first-child,.mentor-plan-table th[scope="row"]{width:38%}
  .mentor-fit-list{grid-template-columns:1fr}
  .mentor-cases-in{grid-template-columns:1fr;grid-template-areas:"top" "picker" "media" "info";justify-items:center;text-align:center}
  .mentor-cases .v2-eyebrow{justify-content:center}
  .mentor-case-picker{width:100%}
  .mentor-case-media{margin-top:32px}
  .mentor-case-info{align-items:center;max-width:440px;text-align:center}
  .mentor-case-quote{padding-left:0}
  .mentor-case-quote::before{position:static;display:block;margin-bottom:-14px}
  .mentor-case-media .site-phone{width:min(280px,72vw)}
  .mentor-product{padding-top:var(--section-space)}
  .mentor-product-intro{min-height:0}
  .mentor-product-top h2{white-space:normal}
  .mentor-product-top .hero-loop-phrase>span{white-space:normal;text-wrap:balance}
  .mentor-pillar-cards{grid-template-columns:1fr;gap:10px}
  .mentor-stair-card{min-height:0}
  .mentor-vsl{width:100%}
}
@media(max-width:620px){
  .mentor-journey h2{font-size:min(7.4vw,36px)}
  .mentor-journey .hero-loop-phrase>span{white-space:normal;text-wrap:balance}
  .mentor-steps h2{font-size:min(7.4vw,36px)}
  .mentor-stair-claim{font-size:min(7.6vw,32px)}
  .mentor-stair+.mentor-stair{margin-top:20px}
  .mentor-stairs{grid-template-columns:1fr;gap:10px}
  .mentor-stair-card{padding:20px 18px}
  .mentor-stair-mark{width:44px;margin-bottom:10px}
  .mentor-stair-card p{font-size:13px}
  .mentor-case-numbers{flex-wrap:nowrap;gap:8px}.mentor-case-numbers li{min-width:0;padding:14px 6px}.mentor-case-numbers b{font-size:18px}.mentor-case-numbers span{font-size:9px;letter-spacing:.06em}
  .mentor-case-picker{gap:8px}
  .mentor-plan-table thead th,.mentor-plan-table tbody th,.mentor-plan-table tbody td,.mentor-plan-table tfoot td{padding-inline:8px}
  .mentor-plan-name{font-size:15px}
  .mentor-plan-table thead strong{font-size:19px;white-space:normal}
  .mentor-plan-table thead small{font-size:8.5px;letter-spacing:.12em}
  .mentor-plan-table tbody th{font-size:13px}
  .mentor-plan-table .v2-btn{padding-inline:6px;font-size:9px;letter-spacing:.1em}
  .mentor-case-pick{padding:12px 6px 0}
  .mentor-case-pick img{height:36px}
  .mentor-case-pick small{font-size:9px;letter-spacing:.16em}
  .mentor-case-pick strong{font-size:12.5px}
  .mentor-case-pick-cta{font-size:9px;letter-spacing:.12em}
  .mentor-vsl--h{display:none}
  .mentor-vsl--v{display:block;width:min(300px,80vw)}
}