/* =========================================================
   JR Ortiz · c2 · "O filme"
   Da primeira tela para baixo, a página é um filme editorial:
   uma ideia por tela, tipografia enorme, números gigantes,
   cenas que entram com a rolagem, pouco quadro e muito respiro.
   A linha verde (cinema.js) é o plano-sequência que costura tudo.
   Base = página parada (sem JavaScript ou com menos movimento).
   .js:not(.estatico) = o filme rodando.
   ========================================================= */

:root{
  --respiro:clamp(48px,6.2svh,76px);
  --c-vender:var(--vivo);--c-inv:var(--ouro);--c-ia:var(--verde);--c-pei:var(--papel);
  --tinta:rgba(242,239,231,.14);
  --corte:rgba(242,239,231,.08);
}

/* ---------- moldura de cena ---------- */
.f-cena{position:relative;padding:var(--respiro) var(--g) var(--respiro) calc(var(--g) + var(--trilho))}
.f-cena > *{max-width:var(--max)}
@media (max-width:860px){.f-cena{padding:44px 16px 44px var(--trilho)}}

/* ---------- tipografia do filme ---------- */
.f-palavra{position:relative;font-family:var(--disp);font-weight:900;font-stretch:62%;text-transform:uppercase;font-size:clamp(4.4rem,15vw,14rem);line-height:.8;letter-spacing:-.012em;color:var(--papel);margin-left:-.035em}
.f-palavra span{color:var(--vivo)}
.f-titulo{font-family:var(--disp);font-weight:800;font-stretch:70%;font-size:clamp(2.7rem,6.6vw,6.4rem);line-height:.9;letter-spacing:-.018em;color:var(--papel);text-wrap:balance}
.f-titulo em,.f-frase em,.f-citacao em{font-style:normal;color:var(--vivo)}
.f-frase{font-family:var(--disp);font-weight:600;font-stretch:84%;font-size:clamp(1.6rem,3vw,2.85rem);line-height:1.06;letter-spacing:-.018em;color:var(--papel);text-wrap:balance}
.f-lede{font-family:var(--disp);font-weight:600;font-stretch:88%;font-size:clamp(1.3rem,1.9vw,1.8rem);line-height:1.2;color:var(--papel);text-wrap:balance}
.f-lede b{font-weight:800}
.f-texto{font-size:clamp(1.0625rem,1.25vw,1.25rem);line-height:1.6;color:var(--suave);max-width:56ch;text-wrap:pretty}
.f-texto b{color:var(--papel)}
.f-rotulo{font-family:var(--mono);font-weight:500;font-size:.78rem;letter-spacing:.09em;text-transform:uppercase;color:var(--apagado)}
.f-num{font-family:var(--disp);font-weight:900;font-stretch:62%;line-height:.8;letter-spacing:-.02em;font-variant-numeric:lining-nums tabular-nums;color:var(--vivo)}
.f-cita{color:var(--apagado);font-size:1rem}

/* cabeçalho de capítulo: a palavra enorme e, ao lado, a frase */
.f-cab{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:end;gap:clamp(20px,3vw,56px)}
.f-cab > .estacao{left:calc(6px - var(--trilho));top:.42em;font-size:clamp(4.4rem,15vw,14rem)}
.f-cab .f-frase{max-width:22ch;padding-bottom:.25em}
@media (max-width:1100px){.f-cab{grid-template-columns:minmax(0,1fr);gap:18px}.f-cab .f-frase{padding:0}}
@media (max-width:860px){.f-cab > .estacao{left:calc(18px - var(--trilho))}}

/* título de cena e número de prova: sobem por trás de uma fresta, como num letreiro de cinema.
   O número já está no valor final; só a entrada anda. Quem vigia a entrada é o pai (filme.js). */
.js:not(.estatico) .f-revela,.js:not(.estatico) [data-revela]{clip-path:inset(100% -4% -14% -4%);transform:translateY(.24em);transition:clip-path 1.2s var(--ease),transform 1.2s var(--ease)}
.js:not(.estatico) .f-revela.vis,.js:not(.estatico) [data-revela].vis{clip-path:inset(-14% -4% -14% -4%);transform:none}
[data-revela]{display:inline-block}

/* marcadores da linha só no computador ou só no celular */
@media (max-width:860px){.estacao.pc{display:none}}
@media (min-width:861px){.estacao.cel{display:none}}
.f-pin .f-palavra{font-size:clamp(4.4rem,min(15vw,19svh),14rem)}
.f-pin .f-cab > .estacao{font-size:clamp(4.4rem,min(15vw,19svh),14rem)}

/* ---------- botões nas cores das portas ---------- */
.btn.cta{min-height:56px;padding:.8em 1.5em;text-align:left;line-height:1.08;flex-direction:column;align-items:flex-start;gap:2px;font-size:1rem}
.btn.cta span{display:block;font-weight:800}
.btn.cta.c-vender{--bg:var(--c-vender)}
.btn.cta.c-inv{--bg:var(--c-inv)}
.btn.cta.c-inv:hover{box-shadow:0 14px 32px -12px rgba(214,179,106,.55)}
.btn.cta.c-ia{--bg:var(--c-ia)}
.btn.cta.c-pei{--bg:var(--c-pei)}
.btn.cta.c-pei:hover{box-shadow:0 14px 32px -12px rgba(242,239,231,.4)}

/* =========================================================
   1 · DO SEU LADO DA MESA · AS CINCO PONTAS (créditos)
   ========================================================= */
.f-lado-cab{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(24px,4vw,72px);align-items:end}
.f-lado-cab .f-titulo{font-size:clamp(2.9rem,7.4vw,7.2rem)}
.f-lado-txt{display:grid;gap:16px;padding-bottom:.4em}
@media (max-width:1100px){.f-lado-cab{grid-template-columns:minmax(0,1fr);gap:22px}}

.f-cred-w{position:relative;margin-top:clamp(48px,7svh,80px)}
.f-cred-w > .no.entra{left:50%;top:-28px}
.f-cred-w > .no.sai{left:50%;bottom:-32px}
.f-creditos{position:relative;--f:clamp(2.2rem,4.7vw,4.5rem);display:grid;gap:clamp(12px,2svh,24px)}
.f-creditos li{position:relative;display:grid;grid-template-columns:minmax(0,1fr) clamp(56px,6vw,96px) minmax(0,1fr);align-items:start}
.f-creditos .estacao{left:50%;top:calc(var(--f) * .42)}
.f-cred-papel{grid-column:1;text-align:right;font-family:var(--disp);font-weight:900;font-stretch:62%;text-transform:uppercase;font-size:var(--f);line-height:.84;letter-spacing:-.01em;color:var(--papel);transition:color .8s var(--ease)}
.f-cred-faz{grid-column:3;font-family:var(--disp);font-weight:700;font-stretch:86%;font-size:clamp(1.15rem,1.55vw,1.5rem);line-height:1.15;color:var(--papel);padding-top:.15em;max-width:30ch}
.f-cred-prova{grid-column:3;margin-top:6px;font-size:1rem;line-height:1.45;color:var(--suave);max-width:46ch}
.f-cred-prova b{color:var(--vivo);font-weight:600}
.js:not(.estatico) .f-cred-papel{color:rgba(242,239,231,.2)}
.js:not(.estatico) .f-creditos li:has(.estacao.aceso) .f-cred-papel{color:var(--papel)}
.f-pais{display:flex;align-items:flex-end;flex-wrap:wrap;gap:8px clamp(18px,2vw,32px);margin-top:clamp(56px,8svh,88px)}
.f-pais .f-num{font-size:clamp(5rem,11vw,10rem);color:var(--vivo)}
.f-pais p{max-width:30ch;padding-bottom:.6em}
.f-pais .f-lede{max-width:24ch}
.f-pais .f-texto{font-size:1.0625rem}
@media (max-width:860px){
  .f-creditos{--f:clamp(2rem,10.5vw,2.8rem);gap:26px}
  .f-creditos li{grid-template-columns:minmax(0,1fr)}
  .f-creditos .estacao{left:calc(18px - var(--trilho));top:calc(var(--f) * .42)}
  .f-cred-papel,.f-cred-faz,.f-cred-prova{grid-column:1;text-align:left}
  .f-cred-faz{margin-top:8px}
  .f-pais p{padding-bottom:0}
}

/* =========================================================
   2 · TERRENO · a torre sobe
   ========================================================= */
.f-terreno{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(24px,4vw,64px);align-items:center;
  --a:clamp(0,calc((var(--p,1) - .1) * 5),1);--t:clamp(0,calc((var(--p,1) - .24) * 3.4),1)}
.f-terreno-txt{position:relative;display:grid;gap:clamp(18px,3svh,32px);align-content:center}
.f-terreno-txt .f-frase{max-width:18ch}
.f-dado{display:flex;align-items:flex-end;gap:14px}
.f-dado .f-num{font-size:clamp(4.6rem,9vw,8.4rem)}
.f-dado span{font-family:var(--disp);font-weight:700;font-stretch:86%;font-size:clamp(1.2rem,1.6vw,1.55rem);line-height:1.1;color:var(--papel);padding-bottom:.35em;max-width:12ch}
.f-terreno .f-texto{max-width:46ch}
.f-torre{margin:0;position:relative;display:flex;justify-content:center;align-items:center;grid-column:2;grid-row:1/span 2}
.f-terreno-dado{grid-column:1;grid-row:2;align-self:end}
.f-torre::before{content:"";position:absolute;inset:6% 4% 12%;background:radial-gradient(closest-side,rgba(79,191,127,.13),transparent 72%);pointer-events:none}
.f-torre svg{position:relative;width:100%;max-width:560px;max-height:76svh;overflow:visible}
@media (max-width:860px){
  .f-terreno{min-height:0;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;align-items:end}
  .f-terreno-txt{grid-column:1/-1;grid-row:1}
  .f-terreno .f-cab{grid-column:1/-1}
  .f-torre{grid-column:2;grid-row:2;margin-right:-10px}
  .f-terreno-dado{grid-column:1;grid-row:2;align-self:center}
  .f-torre svg{max-height:40svh}
  .f-terreno-dado{align-self:center}
  .f-torre .l-rot,.f-torre .l-rua-t{display:none}
}
/* o desenho */
.dw{fill:none;stroke-linejoin:round;stroke-linecap:round}
.dw .l-lote{stroke:var(--vivo);stroke-width:2;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--a))}
.dw .l-recuo{stroke:rgba(242,239,231,.45);stroke-width:1.4;stroke-dasharray:6 7;opacity:var(--a)}
.dw .l-predio{stroke:var(--ouro);stroke-width:2;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--a))}
.dw .l-rua{stroke:rgba(242,239,231,.35);stroke-width:1.2}
.dw .l-rot path{stroke:rgba(242,239,231,.55);stroke-width:1}
.dw text{font-family:var(--mono);font-size:17px;letter-spacing:.08em;text-transform:uppercase;fill:var(--suave);stroke:none}
.dw .l-rot,.dw .l-rua-t{opacity:clamp(0,calc(var(--a) * 1.6 - .5),1)}
.dw .l-rua-t{font-size:17px;fill:var(--apagado)}
.dw .tw path{stroke:var(--vivo);stroke-width:1.5}
.dw .tw-arestas{stroke-width:1.8;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--t))}
.dw .tw-janelas{stroke:rgba(242,239,231,.22)!important;stroke-width:1;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--t))}
.dw .andar{opacity:clamp(0,calc(var(--t) * 32 - var(--i)),1)}
.dw .andar path{stroke:rgba(79,191,127,.78)}
.dw .a-fund path{stroke:rgba(242,239,231,.45);stroke-dasharray:3 4}
.dw .a-coroa path{stroke:var(--ouro);stroke-width:1.6}
.dw .l-alto{opacity:clamp(0,calc(var(--t) * 3 - 2),1)}
html:not(.js) .f-terreno,.estatico .f-terreno,.estatico .f-produto{--a:1;--t:1}

/* =========================================================
   3 · CONTA · a viabilidade aberta, escrita como uma frase
   ========================================================= */
.f-conta .f-cab{align-items:end}
.f-conta-lado{display:grid;gap:14px;padding-bottom:.2em}
.f-conta-lado .f-texto b{color:var(--papel)}
.f-citacao{font-family:var(--disp);font-weight:800;font-stretch:72%;font-size:clamp(2rem,3.9vw,3.8rem);line-height:.96;letter-spacing:-.015em;color:var(--papel);max-width:19ch;text-wrap:balance}
.f-calc{position:relative;margin-top:clamp(36px,5svh,60px)}
.f-calc-aviso{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:1rem;color:var(--suave);padding-bottom:18px;border-bottom:1px solid var(--tinta)}
.f-calc-corpo{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(28px,5vw,88px);padding-top:clamp(22px,3svh,36px)}
.f-falada{display:grid;gap:clamp(10px,1.4svh,16px);font-family:var(--corpo);font-weight:400;font-size:clamp(1.18rem,1.5vw,1.45rem);line-height:1.75;color:var(--suave);text-wrap:pretty}
.f-falada b{font-family:var(--disp);font-weight:800;font-stretch:84%;color:var(--papel);white-space:nowrap}
.f-falada input{font:800 1.08em/1.2 var(--disp);font-stretch:84%;color:var(--vivo);background:rgba(79,191,127,.06);border:0;border-bottom:2px solid rgba(79,191,127,.55);border-radius:6px 6px 0 0;padding:0 .2em;margin:0 .08em;width:calc(var(--w,5) * 1ch + .5em);text-align:center;font-variant-numeric:tabular-nums;caret-color:var(--vivo);transition:background .25s,border-color .25s}
.f-falada input:hover{background:rgba(79,191,127,.12)}
.f-falada input:focus{outline:none;background:rgba(79,191,127,.16);border-bottom-color:var(--vivo)}
.f-falada input:focus-visible{outline:2px solid var(--vivo);outline-offset:3px}
@supports (field-sizing:content){.f-falada input{field-sizing:content;min-width:2.2ch;width:auto}}
.f-falada .f-nota{font-size:1rem;line-height:1.55;color:var(--apagado);margin-top:6px;max-width:58ch}
.f-livro{display:grid;align-content:start}
.f-livro > div{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:4px 16px;padding:13px 0;border-top:1px solid var(--corte)}
.f-livro > div:first-child{border-top:0;padding-top:0}
.f-livro span{font-size:1rem;color:var(--suave)}
.f-livro b{font-family:var(--disp);font-weight:800;font-stretch:80%;font-size:clamp(1.3rem,1.7vw,1.6rem);line-height:1.1;color:var(--papel);text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.f-livro .formula{grid-column:1/-1;font-family:var(--mono);font-size:.78rem;letter-spacing:.02em;line-height:1.5;color:var(--apagado)}
.f-livro .forte{border-top:1px solid var(--tinta)}
.f-livro .forte span{color:var(--papel);font-weight:600}
.f-livro .forte b{font-size:clamp(2rem,3.4vw,3.2rem);font-weight:900;font-stretch:66%;color:var(--vivo)}
.f-livro .menos span::before{content:"− ";color:var(--apagado)}
.f-decide{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.25fr);gap:clamp(24px,3.4vw,64px);margin-top:clamp(32px,5svh,56px);padding-top:clamp(24px,3.4svh,36px);border-top:1px solid var(--tinta);align-items:start}
.f-regua{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;align-content:start}
.f-regua .f-num{font-size:clamp(4rem,6.6vw,6.4rem);transition:color .4s}
.f-regua.mal .f-num{color:var(--ouro)}
.f-regua span{font-family:var(--disp);font-weight:800;font-stretch:84%;font-size:clamp(1.15rem,1.5vw,1.45rem);color:var(--papel);line-height:1.1}
.f-regua small{font-size:.9375rem;line-height:1.45;color:var(--suave)}
.f-regua .trilho{position:relative;height:2px;margin:16px 0 22px;background:var(--tinta)}
.f-regua .trilho i{position:absolute;left:0;top:-2px;height:6px;border-radius:3px;width:clamp(0%,calc(var(--v,50) * 1%),100%);background:var(--vivo);transition:width .5s var(--ease),background .4s}
.f-regua.mal .trilho i{background:var(--ouro)}
.f-regua .trilho s{position:absolute;left:calc(var(--lim) * 1%);top:-10px;width:2px;height:22px;background:var(--ouro);text-decoration:none}
.f-regua .trilho em{position:absolute;left:calc(var(--lim) * 1%);top:16px;transform:translateX(-50%);font-family:var(--mono);font-style:normal;font-size:.75rem;letter-spacing:.06em;color:var(--ouro);white-space:nowrap}
.f-veredito{display:grid;gap:10px;align-content:start}
.f-veredito .ct-veredito{display:grid;gap:8px}
.f-veredito .ct-veredito b{font-family:var(--disp);font-weight:900;font-stretch:62%;text-transform:uppercase;font-size:clamp(4rem,6.6vw,6.4rem);line-height:.8;letter-spacing:-.01em;color:var(--vivo)}
.f-veredito .ct-veredito.mal b{color:var(--ouro)}
.f-veredito .ct-veredito-txt{font-family:var(--disp);font-weight:700;font-stretch:86%;font-size:clamp(1.15rem,1.5vw,1.45rem);line-height:1.15;color:var(--papel)}
.f-veredito p{font-size:.9375rem;line-height:1.5;color:var(--suave)}
.f-veredito p b{color:var(--papel)}
.f-calc-pe{margin-top:clamp(24px,3.4svh,40px);padding-top:16px;border-top:1px solid var(--corte);font-size:.9375rem;line-height:1.6;color:var(--suave);max-width:none}
.f-calc-pe b{color:var(--papel);font-weight:600}
@media (max-width:1100px){.f-calc-corpo{grid-template-columns:minmax(0,1fr)}.f-decide{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.f-veredito{grid-column:1/-1}}
@media (max-width:860px){
  .f-falada{font-size:1.125rem;line-height:1.95}
  .f-decide{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px 18px}
  .f-regua .f-num,.f-veredito .ct-veredito b{font-size:3.6rem}
  .f-regua small{display:none}
  .f-calc-pe{font-size:.9375rem}
}

/* =========================================================
   4 · PRODUTO
   ========================================================= */
.f-produto{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(24px,4vw,72px);align-items:center;--a:clamp(0,calc((var(--p,1) - .14) * 3.2),1)}
.f-produto > .f-cab{grid-column:1/-1;margin-bottom:-.5em}
.f-produto-txt{display:grid;gap:clamp(18px,3svh,30px);align-self:start}
.f-plantas{align-self:start}
.f-produto .f-frase{max-width:19ch}
.f-plantas{margin:0}
.f-plantas svg{width:100%;max-width:470px;overflow:visible}
.dw .l-planta{stroke:var(--vivo);stroke-width:2;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--a))}
.dw .l-planta2{stroke:var(--ouro);stroke-width:2;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--a))}
.dw .l-cota{stroke:rgba(242,239,231,.4);stroke-width:1;opacity:var(--a)}
.dw .l-t{font-family:var(--disp);font-weight:800;font-stretch:80%;font-size:24px;letter-spacing:0;text-transform:none;fill:var(--papel);opacity:clamp(0,calc(var(--a) * 2 - 1),1)}
.dw .l-pe{fill:var(--vivo);font-size:20px}
@media (max-width:860px){.f-produto{grid-template-columns:minmax(0,1fr)}.f-plantas svg{max-width:300px}}

/* =========================================================
   CENAS PRESAS NA TELA (Venda e Ritmo)
   Base: fluxo normal. No computador, com o filme rodando, a tela fica presa.
   ========================================================= */
.f-pin{position:relative}
.f-tela{position:relative;padding:var(--respiro) var(--g) var(--respiro) calc(var(--g) + var(--trilho))}
.f-tela > *{max-width:var(--max)}
@media (min-width:861px){
  .js:not(.estatico) .f-pin{height:calc(var(--pin,150) * 1svh)}
  .js:not(.estatico) .f-tela{position:sticky;top:0;height:100svh;padding-top:clamp(84px,11svh,112px);padding-bottom:clamp(24px,4svh,44px);display:flex;flex-direction:column}
}
@media (max-width:860px){.f-tela{padding:44px 16px 44px var(--trilho)}}

/* =========================================================
   5 · VENDA · o funil de uma videochamada real
   ========================================================= */
.f-venda .f-cab .f-frase{max-width:17ch}
.f-funil{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(28px,5vw,96px);align-items:center;margin-top:clamp(40px,6svh,72px)}
.f-funil-txt h3{font-family:var(--disp);font-weight:800;font-stretch:80%;font-size:clamp(1.3rem,1.8vw,1.7rem);color:var(--papel);line-height:1.1}
.f-funil-txt > p{margin-top:10px;font-size:1rem;line-height:1.55;color:var(--suave);max-width:50ch}
.f-etapas{display:grid;gap:9px;margin-top:22px}
.f-etapas li{display:grid;grid-template-columns:4.4ch minmax(0,1fr) 3.6ch;align-items:center;gap:4px 14px;transition:opacity .5s var(--ease)}
.f-etapas b{font-family:var(--disp);font-weight:900;font-stretch:70%;font-size:1.6rem;line-height:1;color:var(--papel);text-align:right;font-variant-numeric:tabular-nums}
.f-etapas span{font-size:1rem;color:var(--suave);line-height:1.25}
.f-etapas em{font-style:normal;font-family:var(--mono);font-size:.78rem;color:var(--apagado);text-align:right}
.f-etapas em.forte{color:var(--vivo)}
.f-etapas .barra{grid-column:2/-1;height:4px;border-radius:2px;background:var(--corte);overflow:hidden}
.f-etapas .barra i{display:block;height:100%;width:calc(var(--v) / 654 * 100%);min-width:3px;background:var(--vivo);border-radius:2px;transform-origin:left;transition:transform .8s var(--ease)}
.f-etapas li:last-child b{color:var(--vivo)}
.js:not(.estatico) .f-venda[data-et] .f-etapas li{opacity:.28}
.js:not(.estatico) .f-venda[data-et] .f-etapas li.ja{opacity:1}
.js:not(.estatico) .f-venda[data-et] .f-etapas li:not(.ja) .barra i{transform:scaleX(0)}
.f-palco{position:relative;display:grid;justify-items:start;align-content:center;min-height:clamp(260px,44svh,460px)}
.f-palco b{font-family:var(--disp);font-weight:900;font-stretch:62%;font-size:clamp(9rem,25vw,24rem);line-height:.78;letter-spacing:-.03em;color:var(--vivo);font-variant-numeric:tabular-nums}
.f-palco span{margin-top:14px;font-family:var(--disp);font-weight:700;font-stretch:86%;font-size:clamp(1.3rem,2vw,1.9rem);line-height:1.1;color:var(--papel);max-width:22ch}
.f-palco em{font-style:normal;font-family:var(--mono);font-size:.82rem;letter-spacing:.06em;color:var(--apagado);margin-top:10px;min-height:1.3em}
.f-palco.troca b,.f-palco.troca span{animation:troca .6s var(--ease)}
@keyframes troca{from{opacity:0;transform:translateY(.14em);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}
.f-palco.cinza b{color:var(--papel)}
.f-funil-fim{margin-top:clamp(20px,3svh,36px);display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(28px,5vw,96px);align-items:start}
.f-funil-fim .f-lede{max-width:30ch}
.f-funil-fim .f-lede b{color:var(--vivo)}
.f-funil-fim small{display:block;margin-top:8px;font-size:.875rem;line-height:1.5;color:var(--apagado)}
.f-legenda{display:flex;gap:16px;align-items:center}
.f-legenda img{width:56px;height:56px;border-radius:50%;object-fit:cover;filter:grayscale(.2)}
.f-legenda blockquote p{font-family:var(--disp);font-weight:700;font-stretch:86%;font-size:clamp(1.25rem,1.8vw,1.7rem);line-height:1.15;color:var(--papel)}
.f-legenda blockquote em{font-style:normal;color:var(--vivo)}
.f-legenda figcaption{margin-top:6px;font-size:.9375rem;line-height:1.4;color:var(--suave)}
.f-legenda figcaption b{color:var(--papel)}
@media (min-width:861px){
  .js:not(.estatico) .f-venda .f-funil{flex:1;min-height:0;margin-top:clamp(18px,3svh,40px)}
  .js:not(.estatico) .f-venda .f-funil-fim{transition:opacity .7s var(--ease),transform .7s var(--ease)}
  .js:not(.estatico) .f-venda:not(.fim) .f-funil-fim{opacity:0;transform:translateY(16px)}
}
@media (max-width:1100px){.f-funil,.f-funil-fim{grid-template-columns:minmax(0,1fr)}.f-palco{min-height:0}}
@media (max-width:860px){.f-palco{display:none}.f-etapas b{font-size:1.45rem}}

/* =========================================================
   6 · RITMO · o prédio vendendo, mês a mês
   ========================================================= */
.f-ritmo .f-cab .f-frase{max-width:18ch}
.f-ritmo-palco{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,3.4fr) minmax(0,4.6fr);gap:clamp(24px,3.4vw,64px);align-items:end;margin-top:clamp(36px,5svh,64px)}
.f-compra{display:grid;gap:0;align-self:end}
.f-compra h3{font-family:var(--disp);font-weight:800;font-stretch:80%;font-size:clamp(1.2rem,1.6vw,1.5rem);color:var(--papel);margin-bottom:12px}
.f-compra .linha{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;padding:9px 0;border-top:1px solid var(--corte)}
.f-compra .linha span{font-size:1rem;color:var(--suave)}
.f-compra .linha b{font-family:var(--disp);font-weight:800;font-stretch:80%;font-size:1.45rem;color:var(--papel);font-variant-numeric:tabular-nums}
.f-compra .linha.menos b{color:var(--ouro)}
.f-compra .linha.igual{border-top:1px solid var(--tinta)}
.f-compra .linha.igual b{font-size:clamp(3rem,5vw,4.6rem);font-weight:900;font-stretch:62%;line-height:.9;color:var(--vivo)}
.f-compra p{margin-top:12px;font-size:1rem;line-height:1.5;color:var(--suave)}
.f-compra p b{color:var(--papel)}
.f-predio{margin:0;position:relative;display:grid;justify-items:center}
.f-predio svg{width:100%;max-width:300px;max-height:56svh;overflow:visible}
.f-predio .u{fill:transparent;stroke:rgba(242,239,231,.22);stroke-width:1;transition:fill .35s,stroke .35s}
.f-predio .u.r{fill:rgba(214,179,106,.85);stroke:var(--ouro)}
.f-predio .u.v{fill:var(--vivo);stroke:var(--vivo)}
.f-predio .casca{fill:none;stroke:rgba(242,239,231,.5);stroke-width:1.4}
.f-predio .chao{stroke:rgba(242,239,231,.35);stroke-width:1.2}
.f-predio figcaption{margin-top:10px;display:flex;gap:14px;flex-wrap:wrap;justify-content:center;font-family:var(--mono);font-size:.75rem;letter-spacing:.06em;color:var(--suave);text-transform:uppercase}
.f-predio figcaption i{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:6px;vertical-align:-1px}
.f-predio figcaption .k-l{box-shadow:inset 0 0 0 1px rgba(242,239,231,.4)}
.f-predio figcaption .k-r{background:var(--ouro)}
.f-predio figcaption .k-v{background:var(--vivo)}
.f-placar{display:grid;gap:18px;align-self:end}
.f-placar-topo{display:flex;justify-content:space-between;align-items:center;gap:12px}
.f-placar-topo strong{font-family:var(--disp);font-weight:800;font-stretch:80%;font-size:clamp(1.2rem,1.6vw,1.5rem);color:var(--papel)}
.f-placar-n{display:grid;grid-template-columns:auto auto auto;justify-content:start;gap:clamp(18px,2.6vw,40px)}
.f-placar-n div{display:grid;gap:4px}
.f-placar-n b{font-family:var(--disp);font-weight:900;font-stretch:62%;font-size:clamp(3.6rem,6.4vw,6.2rem);line-height:.82;color:var(--papel);font-variant-numeric:tabular-nums}
.f-placar-n .v b{color:var(--vivo)}
.f-placar-n small{font-size:.875rem;color:var(--apagado)}
.f-barras-mes{position:relative;display:grid;grid-template-columns:repeat(24,minmax(0,1fr));gap:3px;align-items:end;height:92px;padding-top:6px;border-bottom:1px solid var(--tinta)}
.f-barras-mes i{display:block;height:calc(var(--h) * 100%);background:rgba(242,239,231,.12);border-radius:2px 2px 0 0;transition:background .3s}
.f-barras-mes i.on{background:var(--vivo)}
.f-barras-mes::after{content:"";position:absolute;left:0;right:0;bottom:calc(2.5 / 5 * (100% - 6px));border-top:1.5px dashed rgba(214,179,106,.75)}
.f-placar .f-rotulo{display:block;margin-top:-8px}
.f-sit{font-family:var(--disp);font-weight:700;font-stretch:86%;font-size:clamp(1.15rem,1.5vw,1.45rem);line-height:1.2;color:var(--papel);min-height:2.4em}
.f-ritmo-pe{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,72px);margin-top:clamp(28px,4svh,48px)}
.f-ritmo-pe p{font-size:1rem;line-height:1.55;color:var(--suave);max-width:56ch}
.f-ritmo-pe b{color:var(--papel)}
@media (min-width:861px){.js:not(.estatico) .f-ritmo .f-ritmo-palco{flex:1;min-height:0}}
@media (max-width:1100px){.f-ritmo-palco{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.f-compra{grid-column:1/-1}.f-ritmo-pe{grid-template-columns:minmax(0,1fr)}}
@media (max-width:860px){
  .f-ritmo-palco{grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:16px;align-items:center}
  .f-predio svg{max-height:none}
  .f-placar-n{grid-template-columns:auto auto;gap:14px 20px}
  .f-placar-n b{font-size:3rem}
  .f-placar-n .so-pc{display:none}
  .f-barras-mes{height:64px;grid-column:1/-1}
  .f-placar{gap:12px}
}

/* =========================================================
   7 · DE 2002 ATÉ HOJE
   ========================================================= */
.f-hist-cab{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,4vw,72px);align-items:end}
.f-historia .f-acende{font-family:var(--disp);font-weight:700;font-stretch:84%;font-size:clamp(1.8rem,3.6vw,3.4rem);line-height:1.06;letter-spacing:-.018em;color:var(--papel);max-width:30ch;text-wrap:balance}
.f-anos-w{position:relative;margin-top:clamp(40px,6svh,72px)}
.f-anos-w > .no.entra{left:calc(6px - var(--trilho));top:0}
.f-anos-w > .no.sai{right:0;top:0}
.f-anos-w > .no.volta{left:calc(6px - var(--trilho));bottom:-36px}
.f-anos{position:relative;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:clamp(12px,1.6vw,26px);padding-right:30px}
.f-anos li{position:relative;padding-top:34px}
.f-anos li > .estacao{left:7px;top:0}
.f-anos li > .no.para{left:-22px;top:0}
.f-anos .corte{position:absolute;left:-15px;top:-11px;width:2px;height:22px;background:var(--ouro);transform:rotate(24deg)}
.f-ano{display:block;font-family:var(--disp);font-weight:900;font-stretch:62%;font-size:clamp(2.4rem,3.8vw,3.7rem);line-height:.86;color:var(--papel);font-variant-numeric:tabular-nums}
.f-anos p{margin-top:10px;font-size:1rem;line-height:1.45;color:var(--suave)}
.f-anos .queda .f-ano{color:var(--ouro)}
.f-anos .hoje .f-ano{color:var(--vivo)}
@media (max-width:860px){
  .f-anos{grid-template-columns:minmax(0,1fr);gap:14px;padding-right:0}
  .f-anos-w > .no.entra{left:calc(18px - var(--trilho))}
  .f-anos-w > .no.volta{left:calc(18px - var(--trilho));bottom:-16px}
  .f-anos li{padding-top:0;display:grid;grid-template-columns:5.6rem minmax(0,1fr);gap:14px;align-items:baseline}
  .f-anos li > .estacao{left:calc(18px - var(--trilho));top:.9em}
  .f-anos li > .no.para{left:calc(18px - var(--trilho));top:-14px}
  .f-anos .corte{left:calc(18px - var(--trilho) - 8px);top:-8px;transform:rotate(-64deg);width:2px}
  .f-ano{font-size:2.2rem}
  .f-anos p{margin-top:0}
}

/* =========================================================
   8 · POR QUE CONFIAR
   ========================================================= */
.f-confiar-cab{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(24px,4vw,72px);align-items:end}
.f-confiar-cab .f-frase{padding-bottom:.3em}
.f-quatro{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(18px,2.4vw,40px);margin-top:clamp(32px,5svh,56px)}
.f-quatro li{padding-top:16px;border-top:1px solid var(--tinta)}
.f-quatro b{display:block;font-family:var(--disp);font-weight:800;font-stretch:84%;font-size:clamp(1.2rem,1.5vw,1.45rem);line-height:1.12;color:var(--papel)}
.f-quatro span{display:block;margin-top:8px;font-size:1rem;line-height:1.5;color:var(--suave)}
.f-confiar-baixo{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,3svh,36px) clamp(24px,4vw,72px);margin-top:clamp(32px,5svh,56px);align-items:start}
.f-voz blockquote p{font-family:var(--disp);font-weight:700;font-stretch:84%;font-size:clamp(1.4rem,2.2vw,2.1rem);line-height:1.12;color:var(--papel);text-wrap:balance}
.f-voz blockquote em{font-style:normal;color:var(--vivo)}
.f-voz figcaption{display:flex;gap:14px;align-items:center;margin-top:18px}
.f-voz img{width:52px;height:52px;border-radius:50%;object-fit:cover}
.f-voz figcaption span{font-size:.9375rem;line-height:1.4;color:var(--suave)}
.f-voz figcaption b{display:block;color:var(--papel)}
.f-papeis h3{font-family:var(--disp);font-weight:800;font-stretch:84%;font-size:clamp(1.2rem,1.5vw,1.45rem);color:var(--papel)}
.f-papeis > p{margin-top:6px;font-size:1rem;line-height:1.5;color:var(--suave)}
.f-papeis ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.6vw,22px);margin-top:16px}
.f-papeis a{display:grid;gap:8px;text-decoration:none;color:inherit}
.f-papeis img{width:100%;border-radius:6px;background:#e9e5da;filter:saturate(.6);transition:transform .45s var(--ease),filter .45s}
.f-papeis a:hover img{transform:translateY(-3px);filter:none}
.f-papeis b{font-family:var(--disp);font-weight:800;font-stretch:80%;font-size:1.25rem;color:var(--papel);line-height:1.1}
.f-papeis small{font-size:.875rem;line-height:1.4;color:var(--suave)}
.f-palcos{grid-column:1/-1;padding-top:16px;border-top:1px solid var(--tinta);font-size:.9375rem;line-height:1.7;color:var(--suave);max-width:none}
.f-palcos b{color:var(--papel)}
@media (max-width:1100px){.f-quatro{grid-template-columns:repeat(2,minmax(0,1fr))}.f-confiar-cab,.f-confiar-baixo{grid-template-columns:minmax(0,1fr)}}
@media (max-width:560px){.f-quatro{grid-template-columns:minmax(0,1fr);gap:18px}.f-papeis ul{grid-template-columns:minmax(0,1fr);gap:16px}}

/* =========================================================
   9 · AS QUATRO PORTAS · quatro cartazes, dois a dois
   ========================================================= */
.f-portas-cab{display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:clamp(24px,4vw,72px);align-items:center}
.f-portas-cab .f-titulo{font-size:clamp(2.7rem,5vw,5.4rem)}
.f-portas-cab .f-texto{padding-top:0}
.f-portas-cab .f-texto b{color:var(--papel)}
.f-cartazes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(44px,6svh,64px) clamp(28px,4vw,72px);margin-top:clamp(32px,5svh,56px)}
.f-porta{position:relative;--cor:var(--vivo);display:flex;flex-direction:column;gap:14px;padding-top:22px;border-top:2px solid var(--cor)}
.f-porta > .estacao{left:calc(6px - var(--trilho));top:0}
.f-porta.p-inv{--cor:var(--c-inv)}.f-porta.p-ia{--cor:var(--c-ia)}.f-porta.p-pei{--cor:var(--c-pei)}
.f-porta-palavra{font-family:var(--disp);font-weight:900;font-stretch:62%;text-transform:uppercase;font-size:clamp(3.4rem,6.4vw,6rem);line-height:.82;letter-spacing:-.01em;color:var(--cor)}
.f-porta h3{font-family:var(--disp);font-weight:700;font-stretch:86%;font-size:clamp(1.05rem,1.25vw,1.2rem);line-height:1.2;color:var(--suave)}
.f-porta-promessa{font-family:var(--disp);font-weight:700;font-stretch:84%;font-size:clamp(1.4rem,2vw,1.95rem);line-height:1.08;letter-spacing:-.01em;color:var(--papel);text-wrap:balance;min-height:2.16em}
.f-porta-promessa em{font-style:normal;color:var(--cor)}
.f-porta-mais{display:flex;flex-direction:column;gap:14px}
.f-cena-porta{position:relative;display:grid;gap:8px;align-content:start;padding:16px 0;border-top:1px solid var(--corte);border-bottom:1px solid var(--corte)}
.f-cena-porta p{font-size:.9375rem;line-height:1.5;color:var(--suave)}
.f-cena-porta p b{color:var(--papel)}
.f-cena-porta .grande{font-family:var(--disp);font-weight:700;font-stretch:86%;font-size:clamp(1.1rem,1.4vw,1.3rem);line-height:1.15;color:var(--papel)}
.f-cena-porta .selo-ex{vertical-align:middle;margin-left:4px}
.p-vender .f-cena-porta{grid-template-columns:auto minmax(0,1fr);gap:4px clamp(16px,2vw,28px);align-items:center}
.p-vender .f-cena-porta .f-num{color:var(--cor);font-size:clamp(5rem,9vw,8.6rem)}
.p-vender .f-cena-porta > div{display:grid;gap:4px;justify-items:start}
.p-vender .f-cena-porta .selo-ex{margin:0 0 4px}
.p-vender .meus-campos{grid-column:1/-1}
.f-recebe{font-size:.9375rem;line-height:1.55;color:var(--suave)}
.f-recebe b{color:var(--papel);font-weight:600}
.f-recebe .f-prova{display:block;margin-top:6px;color:var(--suave)}
.f-porta-pe{display:grid;grid-template-columns:minmax(0,2.6fr) minmax(0,1fr) minmax(0,.7fr);gap:clamp(14px,2vw,32px)}
.f-porta-pe dt{font-family:var(--mono);font-weight:500;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--apagado)}
.f-porta-pe dd{margin:4px 0 0;font-size:.9375rem;line-height:1.4;color:var(--papel)}
.f-porta-pe dd.comb{font-family:var(--disp);font-weight:700;font-stretch:86%;font-size:1.05rem;line-height:1.25}
.f-porta-acao{margin-top:auto;padding-top:8px;display:grid;gap:10px;justify-items:start}
.f-porta-acao p{font-size:.9375rem;color:var(--suave)}
.f-cenarios{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 16px}
.f-cenarios div{display:grid;gap:4px;align-content:start}
.f-cenarios span{font-size:.875rem;line-height:1.25;color:var(--suave)}
.f-cenarios b{font-family:var(--disp);font-weight:900;font-stretch:64%;font-size:clamp(2rem,2.8vw,2.7rem);line-height:.9;color:var(--papel);font-variant-numeric:tabular-nums}
.f-cenarios b small{display:block;font-family:var(--corpo);font-weight:500;font-size:.875rem;color:var(--suave);margin-top:4px}
.f-cenarios .base b{color:var(--c-inv)}
.f-hoje{width:100%;border-collapse:collapse}
.f-hoje caption{caption-side:top;text-align:left;font-family:var(--disp);font-weight:700;font-stretch:86%;font-size:clamp(1.1rem,1.4vw,1.3rem);color:var(--papel);padding-bottom:10px}
.f-hoje th{font-family:var(--mono);font-weight:500;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--apagado);text-align:left;padding:0 10px 6px 0}
.f-hoje td{padding:5px 10px 5px 0;border-top:1px solid var(--corte);font-size:.875rem;line-height:1.3;vertical-align:top}
.f-hoje td:first-child{color:var(--papel);font-weight:600}
.f-hoje td:nth-child(2){color:var(--apagado);text-decoration:line-through;text-decoration-color:rgba(242,239,231,.35)}
.f-hoje td:nth-child(3){color:#7FCB9E}
.f-cena-porta .f-compromisso{font-family:var(--disp);font-weight:800;font-stretch:72%;font-size:clamp(1.9rem,3vw,2.9rem);line-height:.95;letter-spacing:-.015em;color:var(--papel);text-wrap:balance}
.f-alunos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px;margin-top:6px}
.f-alunos figure{margin:0;display:grid;grid-template-columns:36px minmax(0,1fr);gap:4px 10px;align-items:start}
.f-alunos img{width:36px;height:36px;border-radius:50%;object-fit:cover;grid-row:1/span 2}
.f-alunos blockquote p{font-size:.9375rem;line-height:1.35;color:var(--papel)}
.f-alunos figcaption{font-size:.8125rem;line-height:1.35;color:var(--suave)}
.f-alunos figcaption b{color:var(--papel);font-weight:600}
.meus-n{background:none;border:0;padding:6px 0;font:500 .9375rem var(--corpo);color:var(--papel);text-decoration:underline;text-decoration-color:var(--verde);text-underline-offset:.22em;cursor:pointer}
.meus-n:hover{text-decoration-color:var(--vivo)}
.meus-campos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.meus-campos[hidden]{display:none!important}
.meus-campos label{display:grid;gap:4px;font-size:.875rem;color:var(--suave)}
.meus-campos input{width:100%;font:800 1.2rem var(--disp);font-stretch:84%;color:var(--vivo);background:rgba(79,191,127,.06);border:0;border-bottom:2px solid rgba(79,191,127,.55);border-radius:6px 6px 0 0;padding:6px 8px}
.meus-campos input:focus-visible{outline:2px solid var(--vivo);outline-offset:2px}
@media (max-width:1100px){.f-portas-cab{grid-template-columns:minmax(0,1fr)}.f-cartazes{grid-template-columns:minmax(0,1fr)}}
@media (max-width:860px){
  .f-cartazes{gap:44px}
  .f-porta > .estacao{left:calc(18px - var(--trilho))}
  .f-porta-promessa{min-height:0}
  .f-porta-pe{grid-template-columns:1fr 1fr}
  .f-porta-pe > div:first-child{grid-column:1/-1}
  .f-cenarios{grid-template-columns:repeat(2,minmax(0,1fr))}
  .f-alunos{grid-template-columns:minmax(0,1fr)}
  .meus-campos{grid-template-columns:minmax(0,1fr)}
  .so-pc{display:none}
}
.fechado{display:none!important}
.abre-cel{justify-self:start;align-self:flex-start;background:none;border:0;padding:8px 0;font:600 1rem var(--corpo);color:var(--papel);text-decoration:underline;text-decoration-color:var(--verde);text-underline-offset:.22em;cursor:pointer}

/* =========================================================
   10 · FECHO · a linha termina dentro do botão; as perguntas ao lado
   ========================================================= */
.f-fecho{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4.4fr);gap:clamp(32px,5vw,96px);align-items:start}
.f-fecho .f-titulo{font-size:clamp(2.9rem,5.4vw,5.2rem);max-width:15ch}
.f-passos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 clamp(16px,2vw,28px);margin-top:clamp(28px,4svh,48px)}
.f-passos li{display:grid;grid-template-columns:2rem minmax(0,1fr);gap:4px 12px;align-items:baseline;align-content:start;padding:14px 0 0;border-top:1px solid var(--tinta)}
.f-passos .n{grid-row:1/span 2;font-family:var(--disp);font-weight:900;font-stretch:62%;font-size:2.6rem;line-height:.8;color:var(--vivo)}
.f-passos strong{font-family:var(--disp);font-weight:800;font-stretch:84%;font-size:clamp(1.15rem,1.45vw,1.4rem);color:var(--papel);line-height:1.1}
.f-passos span:not(.n){grid-column:2;font-size:.9375rem;line-height:1.45;color:var(--suave)}
.f-passos em{grid-column:2;font-style:normal;font-family:var(--mono);font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;color:var(--vivo)}
.f-escolha{position:relative;margin-top:clamp(28px,4svh,48px)}
.f-escolha > p:first-child{font-family:var(--disp);font-weight:700;font-stretch:86%;font-size:clamp(1.2rem,1.6vw,1.5rem);color:var(--papel)}
.f-botoes{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}
.f-botoes > .no{left:-10px;top:28px}
.f-botoes .btn.cta{width:100%}
.f-botoes .btn.cta.c-vender{transition:box-shadow .8s var(--ease),transform .45s var(--ease)}
.f-botoes:has(.no.aceso) .btn.cta.c-vender{box-shadow:0 0 0 6px rgba(79,191,127,.16),0 0 40px rgba(79,191,127,.45)}
.f-escolha .f-nota{margin-top:14px;font-size:.9375rem;color:var(--suave)}
.f-escolha .f-nota a{color:var(--papel)}
.f-faq h3{font-family:var(--disp);font-weight:800;font-stretch:72%;font-size:clamp(2rem,3vw,2.9rem);line-height:.95;color:var(--papel)}
.f-faq dl{display:grid;gap:0;margin-top:clamp(18px,3svh,32px)}
.f-faq dl > div{padding:14px 0;border-top:1px solid var(--tinta)}
.f-faq dt{font-family:var(--disp);font-weight:800;font-stretch:84%;font-size:clamp(1.15rem,1.4vw,1.35rem);color:var(--papel);line-height:1.12}
.f-faq dd{margin:8px 0 0;font-size:.9375rem;line-height:1.55;color:var(--suave)}
.f-faq dd b{color:var(--papel);font-weight:600}
@media (max-width:1100px){.f-fecho{grid-template-columns:minmax(0,1fr)}}
@media (max-width:860px){.f-botoes{grid-template-columns:minmax(0,1fr)}.f-passos{grid-template-columns:minmax(0,1fr)}.f-passos li{padding-bottom:12px}}

/* acabamento das superfícies do navegador */
input::selection{background:var(--vivo);color:var(--pedra)}

/* perguntas: no celular abrem num toque (sem JavaScript, ficam abertas) */
.f-faq dt button{all:unset;display:flex;justify-content:space-between;align-items:baseline;gap:12px;width:100%;cursor:pointer}
.f-faq dt button::after{content:"+";font-family:var(--mono);font-size:1.1rem;color:var(--vivo);transition:transform .3s var(--ease)}
.f-faq dt button[aria-expanded="true"]::after{transform:rotate(45deg)}
.f-faq dt button:focus-visible{outline:2px solid var(--vivo);outline-offset:4px;border-radius:4px}
/* rodapé mais baixo */
.rodape{padding-top:36px;padding-bottom:26px;gap:18px}
.f-alunos-t{font-size:.9375rem;color:var(--suave)}
.f-alunos-t b{color:var(--papel)}
@media (max-width:760px){.rodape nav a.so-pc-r{display:none}.rodape{padding:28px 16px 22px var(--trilho)}}
@media (max-width:860px){.f-creditos{gap:20px}.f-cred-prova{margin-top:4px}}
@media (max-width:1100px){.f-hist-cab{grid-template-columns:minmax(0,1fr);gap:18px}}
@media (max-width:860px){
  .f-terreno-dado{padding-bottom:0}
  .f-placar-topo{flex-direction:column;align-items:flex-start;gap:6px}
  .f-placar-n{grid-template-columns:minmax(0,1fr);gap:8px}
  .f-placar-n b{font-size:2.6rem}
  .f-placar-topo strong{font-size:1.1rem}
}
@media (max-width:860px){.f-plantas .l-rot{display:none}.dw .l-pe{font-size:24px}}
/* telas mais baixas (1280 × 800, notebook): as cenas presas encolhem para caber inteiras */
@media (min-width:861px) and (max-height:860px){
  .f-pin .f-palavra,.f-pin .f-cab > .estacao{font-size:clamp(4rem,min(15vw,15.5svh),14rem)}
  .f-pin .f-frase{font-size:clamp(1.35rem,2.3vw,2.2rem)}
  .f-predio svg{max-height:44svh}
  .f-compra h3{margin-bottom:6px}
  .f-compra .linha{padding:6px 0}
  .f-compra .linha.igual b{font-size:3rem}
  .f-placar{gap:12px}
  .f-placar-n b{font-size:clamp(3rem,5vw,4.6rem)}
  .f-barras-mes{height:60px}
  .f-ritmo-pe{margin-top:16px}
  .f-palco b{font-size:clamp(8rem,19vw,17rem)}
  .f-etapas{gap:6px;margin-top:14px}
  .f-funil-txt > p{font-size:.9375rem}
}

/* =========================================================
   Base que a porta Vender também usa (na página inicial já vem do bloco da abertura)
   ========================================================= */
.rail-e{left:calc(var(--g) + 6px)}
@media (max-width:860px){.rail-e{left:18px}}
.topo .btn.peq{white-space:nowrap}
@media (max-width:600px){.topo .btn.peq{font-size:.85rem;padding:.6em .9em}.hud{display:none}}
.hud{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);opacity:0;pointer-events:none;transition:opacity .5s var(--ease)}
.hud.on{opacity:1}
.hud ol{display:flex;align-items:center}
.hud li{font-family:var(--mono);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--apagado);display:flex;align-items:center;white-space:nowrap;transition:color .4s}
.hud li+li::before{content:"";display:block;width:clamp(10px,2vw,26px);height:1.5px;margin:0 clamp(6px,.8vw,10px);background:rgba(242,239,231,.16)}
.hud li.feito{color:var(--papel)}.hud li.agora{color:var(--vivo)}
.hud li.feito+li::before,.hud li.agora::before{background:var(--vivo)}
.topo:has(.hud.on) nav .so-pc{opacity:0;pointer-events:none}
@media (max-width:1240px){.hud li:not(.agora){display:none}.hud li.agora::before{content:attr(data-n) " · ";display:inline;width:auto!important;height:auto!important;margin:0!important;background:none!important;color:var(--apagado)}}
.eco{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* =========================================================
   RODADA 9 · c2b · seis pontas, nesta ordem: terreno, viabilidade,
   arquitetura, capital, venda, tecnologia. Sem calculadora.
   ========================================================= */
.f-palavra-longa,.f-cab > .estacao:has(+ .f-palavra-longa){font-size:clamp(2.9rem,10.6vw,10.2rem)}

/* viabilidade: a régua, sem conta de digitar */
.f-viab{--a:clamp(0,calc((var(--p,1) - .12) * 3.2),1)}
.f-viab-corpo{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(28px,5vw,96px);align-items:center;margin-top:clamp(28px,4svh,48px)}
.f-viab-txt{display:grid;gap:clamp(20px,3svh,32px)}
.f-viab .f-citacao{max-width:22ch}
.f-reguas-ideia{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,3vw,48px)}
.f-reguas-ideia div{display:grid;gap:8px;padding-top:14px;border-top:1px solid var(--tinta)}
.f-reguas-ideia .f-num{font-size:clamp(3.6rem,6.4vw,6rem);color:var(--ouro)}
.f-reguas-ideia p{font-size:1rem;line-height:1.5;color:var(--suave)}
.f-reguas-ideia strong{color:var(--papel);font-weight:600}
.f-viab .f-dado .f-num{font-size:clamp(4.4rem,8vw,7.6rem)}
.f-folha{margin:0}
.f-folha svg{width:100%;max-width:520px}
.dw .l-folha{stroke:rgba(242,239,231,.4);stroke-width:1.4;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--a))}
.f-folha .dw text{font-size:19px}
.dw .l-barra{stroke-width:12;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:calc(1 - clamp(0,calc(var(--a) * 1.6 - var(--i) * .12),1))}
.dw .l-b1{stroke:var(--papel)}
.dw .l-b2{stroke:rgba(242,239,231,.38)}
.dw .l-b3{stroke:var(--vivo)}
.dw .l-regua path{stroke:var(--ouro);stroke-width:2;stroke-dasharray:4 4}
.dw .l-regua text{fill:var(--ouro)}
.dw .l-regua{opacity:clamp(0,calc(var(--a) * 2 - 1),1)}
html:not(.js) .f-viab,.estatico .f-viab{--a:1}
@media (max-width:1100px){.f-viab-corpo{grid-template-columns:minmax(0,1fr)}.f-folha svg{max-width:440px}}
@media (max-width:560px){.f-reguas-ideia{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.f-reguas-ideia .f-num{font-size:3rem}}

/* arquitetura */
.f-arq-nums{display:flex;flex-wrap:wrap;gap:12px clamp(24px,4vw,56px)}
.f-arq-nums .f-num{font-size:clamp(4.4rem,8vw,7.6rem)}
.f-arq .f-texto b{color:var(--papel)}

/* capital */
.f-capital .f-cab .f-frase{max-width:18ch}
.f-capital-corpo{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(28px,5vw,96px);align-items:start;margin-top:clamp(32px,5svh,56px)}
.f-capital-itens{display:grid;gap:0}
.f-capital-itens li{display:grid;gap:4px;padding:14px 0;border-top:1px solid var(--tinta)}
.f-capital-itens b{font-family:var(--disp);font-weight:800;font-stretch:84%;font-size:clamp(1.2rem,1.6vw,1.5rem);color:var(--papel);line-height:1.1}
.f-capital-itens span{font-size:1rem;line-height:1.5;color:var(--suave)}
.f-cenas3{margin:0;display:grid;gap:16px}
.f-cenas3 figcaption{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-family:var(--disp);font-weight:700;font-stretch:86%;font-size:clamp(1.15rem,1.5vw,1.4rem);color:var(--papel)}
.f-cenas3 > p{font-size:1rem;line-height:1.5;color:var(--suave)}
.f-barras-c{position:relative;display:grid;gap:14px;--col:clamp(8.5rem,14vw,11rem)}
.f-barras-c div{display:grid;grid-template-columns:var(--col) minmax(0,1fr) 4.6rem;align-items:center;gap:14px}
.f-barras-c span{font-size:1rem;color:var(--suave)}
.f-barras-c div i{display:block;height:14px;border-radius:7px;width:calc(var(--m) / 30 * 100%);background:rgba(242,239,231,.3)}
.f-barras-c .base i{background:var(--ouro)}
.f-barras-c b{font-family:var(--disp);font-weight:900;font-stretch:64%;font-size:clamp(1.8rem,2.6vw,2.4rem);color:var(--papel);text-align:right;font-variant-numeric:tabular-nums}
.f-barras-c .base b{color:var(--ouro)}
.f-barras-c .regua{position:absolute;top:-10px;bottom:-10px;left:calc(var(--col) + 14px + (100% - var(--col) - 4.6rem - 28px) * 25 / 30);border-left:2px dashed rgba(214,179,106,.75)}
.f-barras-c .regua em{position:absolute;top:100%;left:6px;margin-top:4px;font-family:var(--mono);font-style:normal;font-size:.75rem;letter-spacing:.06em;color:var(--ouro);white-space:nowrap}
@media (max-width:1100px){.f-capital-corpo{grid-template-columns:minmax(0,1fr)}}
@media (max-width:560px){.f-barras-c{--col:6.6rem}.f-barras-c span{font-size:.875rem}.f-barras-c b{font-size:1.6rem}}

/* tecnologia */
.f-tec-corpo{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(28px,5vw,96px);align-items:center;margin-top:clamp(28px,4svh,48px)}
.f-tec-txt{display:grid;gap:18px}
.f-tec-prova em{font-style:normal;color:var(--vivo)}
.f-tec-tab caption{text-align:right;padding-bottom:8px}
.f-tec-tab td{font-size:1rem;padding:10px 12px 10px 0}
.f-tec-tab th{padding-bottom:10px}
@media (max-width:1100px){.f-tec-corpo{grid-template-columns:minmax(0,1fr)}}
@media (max-width:560px){.f-tec-tab td{font-size:.875rem}}

/* credibilidade: uma ideia por bloco */
.f-bloco{margin-top:clamp(44px,7svh,80px);padding-top:clamp(20px,3svh,32px);border-top:1px solid var(--tinta)}
.f-bloco-t{font-family:var(--disp);font-weight:800;font-stretch:76%;font-size:clamp(1.8rem,3vw,2.9rem);line-height:1;letter-spacing:-.012em;color:var(--papel);max-width:30ch;text-wrap:balance}
.f-bloco-cab{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(24px,4vw,72px);align-items:end}
.f-hist .f-bloco-t{font-weight:700;font-stretch:84%}
.f-anos.f-anos-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.f-hist .f-anos-w{margin-top:clamp(28px,4svh,48px)}
.f-papeis2 ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,3vw,56px);margin-top:clamp(24px,3.4svh,40px)}
.f-papeis2 li{display:grid;grid-template-columns:72px minmax(0,1fr);gap:4px 18px;align-items:start}
.f-papeis2 a{grid-row:1/span 2;display:block;border-radius:6px;overflow:hidden;box-shadow:0 0 0 1px var(--tinta);transition:transform .4s var(--ease),box-shadow .4s}
.f-papeis2 a:hover{transform:translateY(-3px);box-shadow:0 0 0 1px var(--vivo)}
.f-papeis2 img{width:72px;height:96px;object-fit:cover;object-position:top;background:#e9e5da;filter:saturate(.5)}
.f-papeis2 .f-num{font-size:clamp(2.2rem,3.4vw,3.3rem);color:var(--papel)}
.f-papeis2 p{font-size:1rem;line-height:1.45;color:var(--suave)}
.f-vozes ul{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(18px,2.6vw,44px);margin-top:clamp(24px,3.4svh,40px)}
.f-vozes li{display:grid;gap:14px;align-content:space-between}
.f-vozes blockquote p{font-family:var(--disp);font-weight:700;font-stretch:86%;font-size:clamp(1.1rem,1.35vw,1.3rem);line-height:1.2;color:var(--papel)}
.f-vozes li > span{display:grid;grid-template-columns:40px minmax(0,1fr);gap:0 12px;align-items:center;font-size:.875rem;line-height:1.35;color:var(--suave)}
.f-vozes img{grid-row:1/span 2;width:40px;height:40px;border-radius:50%;object-fit:cover}
.f-vozes li > span b{color:var(--papel);font-weight:600}
.f-falei-grade{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,3vw,56px);margin-top:clamp(24px,3.4svh,40px)}
.f-falei-grade h4{font-family:var(--mono);font-weight:500;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--vivo);margin-bottom:10px}
.f-falei-grade li{font-family:var(--disp);font-weight:700;font-stretch:86%;font-size:clamp(1.05rem,1.3vw,1.25rem);line-height:1.2;color:var(--papel);padding:7px 0;border-top:1px solid var(--corte)}
.f-falei-grade p{font-size:1rem;line-height:1.5;color:var(--suave)}
.f-falei-grade .f-livro-t{font-family:var(--disp);font-weight:700;font-stretch:86%;font-size:clamp(1.25rem,1.7vw,1.6rem);line-height:1.15;color:var(--papel);margin-bottom:10px}
.f-falei-grade .f-livro-t em{font-style:normal}
@media (max-width:1100px){.f-vozes ul{grid-template-columns:repeat(2,minmax(0,1fr))}.f-bloco-cab{grid-template-columns:minmax(0,1fr)}}
@media (max-width:860px){
  .f-anos.f-anos-4{grid-template-columns:minmax(0,1fr)}
  .f-papeis2 ul,.f-falei-grade{grid-template-columns:minmax(0,1fr);gap:22px}
  .f-vozes ul{grid-template-columns:minmax(0,1fr);gap:22px}
}

/* as quatro portas numa fileira */
.f-fileira{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,2vw,32px);margin-top:clamp(32px,5svh,56px)}
.f-fileira > .estacao{left:calc(6px - var(--trilho));top:0}
.f-porta4{--cor:var(--vivo);display:flex;flex-direction:column;gap:12px;padding-top:18px;border-top:2px solid var(--cor)}
.f-porta4.p-inv{--cor:var(--c-inv)}.f-porta4.p-ia{--cor:var(--c-ia)}.f-porta4.p-pei{--cor:var(--c-pei)}
.f-simbolo{width:44px;height:44px;fill:none;stroke:var(--cor);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.f-simbolo .trac{stroke-dasharray:3 4;stroke:var(--ouro)}
.f-porta4 .f-porta-palavra{font-size:clamp(2.4rem,3.6vw,3.4rem);color:var(--cor)}
.f-porta4 h3{font-family:var(--disp);font-weight:700;font-stretch:86%;font-size:1rem;line-height:1.25;color:var(--suave);min-height:2.5em}
.f-porta-frase{font-family:var(--disp);font-weight:700;font-stretch:84%;font-size:clamp(1.2rem,1.5vw,1.45rem);line-height:1.12;color:var(--papel);min-height:3.4em}
.f-porta4 ul{display:grid;gap:0;margin-bottom:6px}
.f-porta4 li{padding:8px 0 8px 18px;position:relative;border-top:1px solid var(--corte);font-size:.9375rem;line-height:1.35;color:var(--suave)}
.f-porta4 li::before{content:"";position:absolute;left:0;top:.95em;width:8px;height:8px;border-radius:50%;background:var(--cor)}
.f-porta4 .btn.cta{width:100%;font-size:.9375rem}
.f-porta4 ul{flex:1}
.f-porta-mais4{font-size:.9375rem}
@media (max-width:1100px){.f-fileira{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 24px}}
@media (max-width:860px){.f-fileira{grid-template-columns:minmax(0,1fr);gap:36px}.f-fileira > .estacao{left:calc(18px - var(--trilho))}.f-porta4 h3,.f-porta-frase{min-height:0}}

/* perguntas numa fileira e o fecho limpo */
.f-faq4 dl{grid-template-columns:repeat(4,minmax(0,1fr));gap:0 clamp(20px,2.6vw,44px)}
.f-faq4 .f-titulo{font-size:clamp(2.4rem,4.4vw,4.2rem)}
@media (max-width:1100px){.f-faq4 dl{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.f-faq4 dl{grid-template-columns:minmax(0,1fr)}}
.f-fecho2{display:block}
.f-fecho2 .f-titulo{max-width:18ch}
.f-fecho2 .f-passos{grid-template-columns:repeat(3,minmax(0,1fr))}
.f-fecho2 .f-botoes{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:1100px){.f-fecho2 .f-botoes{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:860px){.f-fecho2 .f-passos,.f-fecho2 .f-botoes{grid-template-columns:minmax(0,1fr)}}
.f-arraste{display:none}
@media (max-width:860px){
  .f-arraste{display:block;margin-top:14px;font-size:.9375rem;color:var(--suave)}
  .f-fileira{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;margin-top:20px;margin-right:-16px;padding:0 16px 14px 0;scrollbar-width:thin}
  .f-porta4{flex:0 0 84%;scroll-snap-align:start}
  .f-fileira > .estacao{position:absolute}
}
.f-hist .f-bloco-t{max-width:44ch}
.f-portas4 .f-portas-cab{align-items:start}
.f-fecho2 .f-titulo{max-width:26ch}
.f-cenas3 > p{margin-top:18px}

/* rodada 9b · a inteligência artificial envolve as cinco pontas */
.f-ia-campo{margin-top:clamp(48px,7svh,80px);padding:clamp(60px,8svh,84px) clamp(16px,3vw,48px) clamp(28px,4svh,40px);border:1.5px solid rgba(79,191,127,.16);border-radius:22px;transition:border-color 1s var(--ease),box-shadow 1s var(--ease),background 1s var(--ease)}
.f-ia-campo > .no.entra{top:30px}
.f-ia-campo > .no.sai{bottom:44px}
.f-ia-rotulo{position:absolute;top:24px;right:clamp(18px,2.6vw,40px);font-family:var(--mono);font-weight:500;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--vivo);opacity:.45;transition:opacity 1s var(--ease)}
.f-ia-pe{margin:clamp(24px,3.4svh,36px) 0 0 auto;width:min(44%,34ch);text-align:right;font-size:1rem;line-height:1.5;color:var(--suave);opacity:.45;transition:opacity 1s var(--ease)}
.f-ia-pe b{color:var(--vivo);font-weight:600}
.f-ia-campo:has(li:last-child .estacao.aceso),html:not(.js) .f-ia-campo,.estatico .f-ia-campo{border-color:var(--vivo);background:radial-gradient(120% 80% at 50% 0%,rgba(79,191,127,.07),transparent 70%);box-shadow:0 0 0 6px rgba(79,191,127,.05)}
.f-ia-campo:has(li:last-child .estacao.aceso) :is(.f-ia-rotulo,.f-ia-pe),html:not(.js) .f-ia-campo :is(.f-ia-rotulo,.f-ia-pe),.estatico .f-ia-campo :is(.f-ia-rotulo,.f-ia-pe){opacity:1}
@media (max-width:860px){
  .f-ia-campo{margin-left:-12px;padding:52px 12px 22px 12px}
  .f-ia-campo .f-creditos .estacao{left:calc(18px - var(--trilho) - 1.5px)}
  .f-ia-rotulo{right:auto;left:12px;top:20px}
  .f-ia-pe{width:auto;text-align:left;margin-left:0}
}
.f-palavra-ia{line-height:.84}
.f-ia-quadro{position:relative;margin-top:clamp(32px,5svh,56px);padding:clamp(48px,6svh,60px) clamp(18px,3vw,44px) clamp(22px,3svh,32px);border:1.5px solid var(--vivo);border-radius:22px;background:radial-gradient(120% 90% at 50% 0%,rgba(79,191,127,.08),transparent 70%)}
.f-ia-quadro .f-ia-rotulo{opacity:1;left:clamp(18px,3vw,44px);right:auto}
.f-ia-quadro ol{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.f-ia-quadro ol::before{content:"";position:absolute;left:6px;right:6px;top:6px;height:2px;background:rgba(79,191,127,.35)}
.f-ia-quadro li{position:relative;padding-top:24px;font-family:var(--disp);font-weight:900;font-stretch:64%;text-transform:uppercase;font-size:clamp(1.4rem,2.4vw,2.3rem);line-height:.9;color:var(--papel)}
.f-ia-quadro li::before{content:"";position:absolute;left:0;top:0;width:14px;height:14px;border-radius:50%;background:var(--vivo);box-shadow:0 0 0 5px rgba(79,191,127,.15)}
.f-ia .f-tec-corpo{margin-top:clamp(32px,5svh,56px)}
@media (max-width:860px){.f-ia-quadro ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}.f-ia-quadro ol::before{display:none}.f-ia-quadro li{font-size:1.5rem}}
.f-palavra-ia{font-size:clamp(2.9rem,6.6vw,6.4rem)}
.so-cel{display:none}
@media (max-width:860px){.so-cel{display:inline}}
.f-ia-campo{padding-top:clamp(56px,7svh,68px)}
.f-bloco{margin-top:clamp(36px,5svh,56px)}
@media (min-width:861px){.f-ia-campo > .f-ia-rotulo{top:18px;right:auto;left:clamp(16px,3vw,48px)}.f-ia-campo > .no.entra{top:50px}}
@media (min-width:861px){
  .f-ia-campo{padding-bottom:44px}
  .f-ia-campo > .f-ia-rotulo{top:20px}
  .f-ia-campo > .no.entra{top:40px}
  .f-ia-campo{padding-top:76px}
  .f-ia-pe{margin:clamp(20px,3svh,30px) 0 0 0;width:min(44%,40ch);text-align:left}
  .f-ia-campo > .no.sai{bottom:20px}
  .f-lado .f-pais{margin-top:clamp(36px,5svh,56px)}
}
@media (min-width:861px){.f-ia-campo > .no.entra{top:54px}.f-ia-campo{padding-top:88px}.f-ia-campo > .f-ia-rotulo{top:18px}}
.f-faq4{padding-bottom:calc(var(--respiro) * .6)}
.f-faq4 dl{margin-top:14px}.f-portas4{padding-bottom:calc(var(--respiro) * .8)}

/* =========================================================
   RODADA 10 · c2b · pedidos do JR, parte por parte
   ========================================================= */
/* etiquetas das partes: só com ?etapas no endereço */
.etapas [data-etapa]{position:relative}
.etapas [data-etapa]::after{content:attr(data-etapa);position:absolute;top:78px;right:var(--g);z-index:60;font:500 .78rem/1 var(--mono);letter-spacing:.1em;color:var(--pedra);background:var(--ouro);padding:6px 9px;border-radius:6px;pointer-events:none}

/* 02 · a IA envolvendo as cinco pontas: quadro sólido, de outra cor, com o título na borda */
.f-ia-campo,.f-ia-campo:has(li:last-child .estacao.aceso),html:not(.js) .f-ia-campo,.estatico .f-ia-campo{background:linear-gradient(180deg,#1B3A28 0%,#132B1D 100%);border:3px solid var(--vivo);border-radius:28px;box-shadow:0 0 0 8px rgba(79,191,127,.07),0 40px 90px -50px rgba(79,191,127,.45)}
.f-ia-titulo{position:absolute;z-index:2;top:0;left:clamp(16px,3vw,48px);transform:translateY(-54%);margin:0;padding:0 16px;background:var(--pedra);font-family:var(--disp);font-weight:900;font-stretch:64%;text-transform:uppercase;font-size:clamp(1.7rem,3.2vw,3rem);line-height:1;letter-spacing:.005em;color:var(--vivo)}
.f-ia-campo .f-ia-pe{opacity:1;color:var(--papel)}
.f-ia-campo .f-ia-pe b{color:var(--vivo)}
.js:not(.estatico) .f-ia-campo .f-cred-papel{color:rgba(242,239,231,.28)}
.js:not(.estatico) .f-ia-campo li:has(.estacao.aceso) .f-cred-papel{color:var(--papel)}
@media (min-width:861px){.f-ia-campo{padding-top:92px}.f-ia-campo > .no.entra{top:56px}}
@media (max-width:860px){.f-ia-titulo{left:10px;font-size:1.45rem;padding:0 10px}.f-ia-campo{padding-top:46px}}

/* 03 · Terreno: a frase em uma ou duas linhas */
.f-terreno .f-frase-larga{max-width:none;font-size:clamp(1.3rem,2.3vw,2.25rem);line-height:1.1}

/* 04 · Viabilidade: o print do resultado da Viabilidade Minuto */
.f-print{margin:0;justify-self:center;display:grid;gap:10px}
.f-print img{width:100%;max-width:420px;height:auto;border-radius:14px;box-shadow:0 0 0 1px var(--tinta),0 40px 80px -40px rgba(0,0,0,.9)}
.f-print figcaption{font-family:var(--mono);font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;color:var(--apagado)}
@media (max-width:860px){.f-print img{max-width:300px}}
@media (min-width:861px) and (max-height:820px){.f-print img{max-width:360px}}

/* 05 · Arquitetura: sem foto (ordem do JR): traço, tipografia e número, como os outros capítulos */

/* 06 · Capital: estruturação de funding */
.f-capital .f-cab .f-frase{max-width:20ch}
.f-capital-txt{display:grid;gap:16px;align-content:center}
.f-capital-txt .f-lede{max-width:30ch}
.f-fluxo{margin:0;display:grid;grid-template-columns:minmax(0,1fr) clamp(56px,8vw,130px) minmax(0,1fr);align-items:stretch;padding-top:30px}
.f-fluxo-col{position:relative;display:grid;grid-template-rows:1fr 1fr;gap:14px}
.f-fluxo-rot{position:absolute;bottom:calc(100% + 10px);left:0;font-family:var(--mono);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--apagado)}
.f-fluxo-col b{display:flex;align-items:center;justify-content:center;text-align:center;min-height:clamp(64px,9svh,84px);padding:12px 14px;border-radius:14px;box-shadow:inset 0 0 0 1.5px var(--ouro);background:rgba(214,179,106,.06);font-family:var(--disp);font-weight:800;font-stretch:84%;font-size:clamp(1.05rem,1.5vw,1.4rem);line-height:1.1;color:var(--papel)}
.f-fluxo-col:last-child b{box-shadow:inset 0 0 0 1.5px var(--vivo);background:rgba(79,191,127,.08)}
.f-fluxo-setas{width:100%;height:100%;overflow:visible}
.f-fluxo-setas path{fill:none;stroke:rgba(214,179,106,.7);stroke-width:2;vector-effect:non-scaling-stroke}

/* 07 · Venda: o funilzinho ao lado do número, a legenda sem encostar no 11 */
.f-palco2{display:grid;gap:clamp(16px,2.6svh,28px);align-content:center}
.f-venda .f-palco{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;justify-items:stretch;gap:clamp(16px,2.4vw,40px);min-height:0}
.f-palco-n{display:grid;justify-items:start}
.f-venda .f-palco b{font-size:clamp(6rem,min(15vw,21svh),14rem)}
.f-funilzinho{width:clamp(84px,8.4vw,140px);height:auto;overflow:visible}
.f-funilzinho .seg{fill:transparent;stroke:rgba(242,239,231,.24);stroke-width:1.5;stroke-linejoin:round;transition:fill .6s var(--ease),stroke .6s var(--ease)}
.f-funilzinho .seg.ja,html:not(.js) .f-funilzinho .seg,.estatico .f-funilzinho .seg{stroke:var(--vivo);fill:rgba(79,191,127,.12)}
.f-funilzinho .seg.agora,html:not(.js) .f-funilzinho .seg:last-child,.estatico .f-funilzinho .seg:last-child{fill:rgba(79,191,127,.6)}
.f-funil-nota{margin-top:12px;font-size:.875rem;line-height:1.45;color:var(--apagado)}
@media (min-width:861px){
  .js:not(.estatico) .f-venda .f-legenda{transition:opacity .7s var(--ease),transform .7s var(--ease)}
  .js:not(.estatico) .f-venda:not(.fim) .f-legenda{opacity:0;transform:translateY(14px)}
}
@media (min-width:861px) and (max-height:820px){.f-venda .f-palco b{font-size:clamp(5rem,min(13vw,17svh),11rem)}.f-funilzinho{width:clamp(70px,7vw,110px)}.f-funil-txt > p{font-size:.875rem;line-height:1.45}.f-etapas li{gap:2px 12px}.f-etapas b{font-size:1.35rem}}

/* 09 · IA: centralizado */
.f-ia-centro{display:grid;justify-items:center;text-align:center;gap:clamp(20px,3svh,34px);margin:0 auto;max-width:1120px}
.f-ia-centro .f-palavra{margin-left:0}
.f-ia-centro .f-frase{max-width:26ch}
.f-ia-centro .f-ia-quadro{width:100%;margin-top:clamp(18px,3svh,28px);background:linear-gradient(180deg,#1B3A28 0%,#132B1D 100%);border:3px solid var(--vivo);border-radius:28px;text-align:left}
.f-ia-quadro .f-ia-titulo{font-size:clamp(1.4rem,2.4vw,2.2rem)}
.f-ia-tres{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,3vw,48px);width:100%}
.f-ia-tres li{display:grid;gap:6px;padding-top:14px;border-top:1px solid var(--tinta)}
.f-ia-tres b{font-family:var(--disp);font-weight:800;font-stretch:84%;font-size:clamp(1.2rem,1.6vw,1.5rem);line-height:1.1;color:var(--papel)}
.f-ia-tres span{font-size:1rem;line-height:1.5;color:var(--suave)}
.f-ia-prova em{font-style:normal;color:var(--vivo)}
@media (max-width:860px){.f-ia-tres{grid-template-columns:minmax(0,1fr);text-align:left}.f-ia-centro{justify-items:start;text-align:left}}

/* 10 · 41 cidades e a história */
.f-pais-cred{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px clamp(28px,4vw,72px);margin-top:clamp(32px,5svh,56px)}
.f-pais-cred .f-dado .f-num{font-size:clamp(4.6rem,9vw,8.6rem)}
.f-pais-cred .f-texto{max-width:30ch;padding-bottom:.6em}

/* 11 · depoimentos maiores, nomes alinhados */
.f-titulo-m{font-size:clamp(2.4rem,4.4vw,4.2rem)}
.f-vozes-lista{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(18px,2.4vw,40px);margin-top:clamp(28px,4svh,48px)}
.f-vozes-lista li{display:grid;grid-template-rows:1fr auto;gap:24px;padding-top:22px;border-top:2px solid var(--vivo)}
.f-vozes-lista blockquote p{font-family:var(--disp);font-weight:700;font-stretch:86%;font-size:clamp(1.3rem,1.75vw,1.7rem);line-height:1.18;color:var(--papel)}
.quem{display:grid;grid-template-columns:54px minmax(0,1fr);grid-template-rows:auto 2.9em;column-gap:12px;row-gap:2px}
.quem img{grid-row:1/span 2;width:54px;height:54px;border-radius:50%;object-fit:cover}
.quem b{font-size:1rem;font-weight:600;color:var(--papel);align-self:end}
.quem span{font-size:.875rem;line-height:1.4;color:var(--suave)}
@media (max-width:1100px){.f-vozes-lista{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:860px){.f-vozes-lista{grid-template-columns:minmax(0,1fr);gap:28px}.quem{grid-template-rows:auto auto}}

/* 12 · onde eu já falei: cartões com peso e o livro como objeto */
.f-falei-cartoes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2.4vw,36px);margin-top:clamp(28px,4svh,48px)}
.f-falei-c{padding:clamp(20px,2.4vw,34px);border-radius:22px;background:linear-gradient(165deg,rgba(30,58,43,.7),rgba(15,23,18,.7));box-shadow:inset 0 0 0 1px rgba(79,191,127,.25)}
.f-falei-n{display:flex;align-items:baseline;gap:12px;margin-bottom:14px}
.f-falei-n .f-num{font-size:clamp(4.2rem,6.6vw,6.4rem)}
.f-falei-n span{font-family:var(--disp);font-weight:900;font-stretch:64%;text-transform:uppercase;font-size:clamp(1.6rem,2.4vw,2.3rem);color:var(--papel)}
.f-falei-c li{font-family:var(--disp);font-weight:700;font-stretch:86%;font-size:clamp(1.05rem,1.3vw,1.25rem);line-height:1.2;color:var(--papel);padding:8px 0;border-top:1px solid rgba(242,239,231,.1)}
.f-livro-c{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(16px,2vw,28px);align-items:start}
.f-livro-c .f-falei-n .f-num{font-size:clamp(3.6rem,5vw,5rem)}
.f-livro-c .f-livro-t{font-family:var(--disp);font-weight:700;font-stretch:86%;font-size:clamp(1.15rem,1.5vw,1.4rem);line-height:1.15;color:var(--papel);margin-bottom:10px}
.f-livro-c .f-livro-t em{font-style:normal}
.f-livro-c p{font-size:.9375rem;line-height:1.5;color:var(--suave)}
.f-capa{position:relative;width:clamp(96px,8vw,128px);aspect-ratio:2/3;border-radius:4px 10px 10px 4px;background:linear-gradient(160deg,#2a5a3e,#14301f);box-shadow:inset 8px 0 0 rgba(10,16,13,.45),inset 0 0 0 1px rgba(242,239,231,.18),0 24px 40px -18px rgba(0,0,0,.9);padding:14px 10px 12px 18px;display:flex;flex-direction:column;gap:6px;transform:rotate(-3deg)}
.f-capa-t{font-family:var(--disp);font-weight:900;font-stretch:64%;text-transform:uppercase;font-size:1rem;line-height:.95;color:var(--papel)}
.f-capa-s{font-size:.75rem;line-height:1.25;color:rgba(242,239,231,.75)}
.f-capa-cap{margin-top:auto;font-family:var(--mono);font-size:.75rem;color:var(--ouro)}
@media (max-width:1100px){.f-falei-cartoes{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.f-livro-c{grid-column:1/-1}}
@media (max-width:860px){.f-falei-cartoes{grid-template-columns:minmax(0,1fr)}}

/* 14 · fecho com sentido */
.f-fecho-sub{margin-top:18px;max-width:40ch;color:var(--suave)}
.f-fecho2 .f-titulo em{font-style:normal;color:var(--vivo)}
.f-falei-c li{padding:6px 0}
.f-fecho2 .f-titulo{font-size:clamp(2.8rem,5.4vw,5.2rem)}
@media (max-width:860px){.f-fecho2 .f-passos li{padding-bottom:8px}.f-falei-n{margin-bottom:6px}}
.f-pais-cred .f-texto{flex-basis:100%;max-width:none;padding-bottom:0}
.f-pais-cred .f-dado span{max-width:14ch}
.f-falei-cartoes{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.3fr)}
@media (max-width:1100px){.f-falei-cartoes{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
@media (max-width:860px){.f-falei-cartoes{grid-template-columns:minmax(0,1fr)}}
.quem{grid-template-rows:auto 4.3em}
@media (max-width:860px){.quem{grid-template-rows:auto auto}}
.f-fecho-sub{font-size:clamp(1.2rem,1.8vw,1.7rem);line-height:1.2}
.f-ia-saida{position:relative;height:34px}
.f-ia-saida > .no.sai{left:50%;top:50%;bottom:auto}
@media (min-width:861px){.f-ia-campo .f-ia-pe{width:auto;max-width:72ch;margin:6px 0 0}.f-ia-campo{padding-bottom:36px}}
@media (max-width:860px){.f-ia-saida{display:none}}
.f-cab2{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(24px,4vw,72px);align-items:end}
.f-cab2 .f-texto{padding-bottom:.4em}
.f-fecho2 .f-cab2 .f-fecho-sub{margin-top:0;padding-bottom:.3em}
@media (max-width:1100px){.f-cab2{grid-template-columns:minmax(0,1fr);gap:14px}}
.f-livro-c .f-livro-q{margin-top:12px;padding-top:12px;border-top:1px solid rgba(242,239,231,.12);font-family:var(--disp);font-weight:700;font-stretch:86%;font-size:1.05rem;line-height:1.25;color:var(--papel)}
@media (max-width:860px){.f-falei-cartoes{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.f-livro-c{grid-column:1/-1}.f-falei-c{padding:16px 14px}.f-falei-n .f-num{font-size:3.6rem}.f-falei-n span{font-size:1.3rem}}
.etapas [data-etapa]::after{right:10px}

/* =========================================================
   RODADA 11 · c2b · soleira entre capítulos, Venda tipográfica, proporção
   ========================================================= */
/* soleira: mais respiro antes, régua de largura inteira, número do capítulo e um nó grande na linha */
.f-cena.f-cap-sec{padding-top:calc(var(--respiro) + clamp(60px,8svh,84px))}
.f-soleira{position:absolute;z-index:3;top:clamp(26px,3.6svh,40px);left:calc(var(--g) + var(--trilho));right:var(--g);display:flex;align-items:center;gap:16px;padding-top:14px;border-top:1px solid rgba(242,239,231,.2);font-family:var(--mono);font-weight:500;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--apagado);pointer-events:none}
.f-soleira b{font-weight:500;color:var(--vivo)}
.f-soleira > .estacao{left:calc(6px - var(--trilho));top:0}
.estacao.estacao-grande{width:24px;height:24px;margin:-12px 0 0 -12px;box-shadow:inset 0 0 0 2.5px var(--vivo),0 0 0 5px rgba(79,191,127,.08)}
.estacao.estacao-grande.aceso{box-shadow:0 0 0 7px rgba(79,191,127,.18),0 0 30px rgba(79,191,127,.55)}
.f-pin.f-cap-sec{position:relative}
.f-pin .f-soleira{top:clamp(22px,3svh,34px)}
/* fundos alternados, para marcar o bloco */
#viabilidade,#capital,#inteligencia-artificial{background:linear-gradient(180deg,#0F1A14 0%,#0D1712 100%)}
@media (max-width:860px){
  .f-cena.f-cap-sec{padding-top:104px}
  .f-soleira{top:30px;left:var(--trilho);right:16px;gap:12px}
  .f-soleira > .estacao{left:calc(18px - var(--trilho))}
  .f-pin .f-soleira{top:30px}
  .f-pin.f-cap-sec .f-tela{padding-top:104px}
}

/* 07 · Venda: o funil tipográfico, na largura inteira, o 11 como clímax */
.f-venda2 .f-cab{grid-template-columns:auto minmax(0,1fr);align-items:end}
.f-venda-lado{display:grid;gap:10px;padding-bottom:.25em}
.f-venda2 .f-cab .f-frase{max-width:26ch}
.f-venda-caso{font-size:.9375rem;line-height:1.5;color:var(--suave);max-width:72ch}
.f-tfunil{--n0:clamp(3.2rem,10.4svh,7.6rem);display:grid;gap:clamp(4px,.9svh,10px);margin-top:clamp(18px,3svh,32px)}
.f-tfunil li{display:grid;grid-template-columns:calc(var(--n0) * 1.62) minmax(0,1fr);align-items:end;gap:0 clamp(16px,2vw,28px);transition:opacity .6s var(--ease)}
.f-tfunil > li > b{font-family:var(--disp);font-weight:900;font-stretch:62%;font-size:calc(var(--n0) * var(--s,1));line-height:.82;letter-spacing:-.02em;color:var(--papel);font-variant-numeric:tabular-nums}
.f-tf-info{display:grid;gap:7px;padding-bottom:.3em}
.f-tf-rot{font-family:var(--disp);font-weight:700;font-stretch:86%;font-size:clamp(1rem,1.35vw,1.3rem);line-height:1.1;color:var(--papel)}
.f-tf-cota{position:relative;display:block;height:16px;border-bottom:1px solid rgba(242,239,231,.12)}
.f-tf-cota i{position:absolute;left:0;bottom:-2px;height:3px;width:calc(var(--v) / 654 * 100%);min-width:3px;background:var(--vivo);transform-origin:left;transition:transform .9s var(--ease)}
.f-tf-cota i::before,.f-tf-cota i::after{content:"";position:absolute;bottom:-4px;width:1px;height:12px;background:rgba(242,239,231,.7)}
.f-tf-cota i::before{left:0}.f-tf-cota i::after{right:0}
.f-tf-cota em{position:absolute;bottom:5px;left:calc(var(--v) / 654 * 100% + 12px);font-style:normal;font-family:var(--mono);font-size:.75rem;letter-spacing:.06em;color:var(--apagado);white-space:nowrap}
.f-tfunil li:first-child .f-tf-cota em{left:auto;right:0}
.f-tfunil .f-tf-fim{grid-template-columns:auto minmax(0,1fr);margin-top:clamp(4px,1svh,12px)}
.f-tfunil > .f-tf-fim > b{font-size:clamp(7rem,23svh,15rem);color:var(--vivo)}
.f-tf-fim .f-tf-info{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:end;gap:clamp(20px,3vw,56px);padding-bottom:.5em}
.f-tf-txt .f-tf-rot{font-size:clamp(1.35rem,2.2vw,2.1rem)}
.f-tf-txt small{display:block;margin-top:10px;font-family:var(--mono);font-size:.75rem;letter-spacing:.04em;line-height:1.5;color:var(--suave)}
.f-tf-fim .f-legenda{align-items:flex-start}
@media (min-width:861px){
  .js:not(.estatico) .f-venda2[data-et] .f-tfunil li{opacity:.14}
  .js:not(.estatico) .f-venda2[data-et] .f-tfunil li.ja{opacity:1}
  .js:not(.estatico) .f-venda2[data-et] .f-tfunil li:not(.ja) .f-tf-cota i{transform:scaleX(0)}
}
@media (min-width:861px) and (max-height:820px){.f-tfunil{--n0:clamp(2.8rem,9.6svh,6rem)}.f-tfunil > .f-tf-fim > b{font-size:clamp(6rem,21svh,11rem)}.f-venda-caso{font-size:.875rem}}
@media (max-width:860px){
  .f-venda2 .f-cab{grid-template-columns:minmax(0,1fr)}
  .f-tfunil{--n0:2.9rem}
  .f-tf-rot{font-size:1rem}
  .f-tfunil > .f-tf-fim > b{font-size:6.4rem}
  .f-tf-fim .f-tf-info{grid-template-columns:minmax(0,1fr)}
  .f-tfunil .f-tf-fim{grid-template-columns:minmax(0,1fr)}
}

/* rodada 11 · menu enxuto, sempre visível; os capítulos numa faixa fina logo abaixo */
.f-nav{display:flex;align-items:center;gap:clamp(14px,2vw,28px)}
.f-nav summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:8px;font-size:1rem;font-weight:500;color:var(--suave);padding:8px 2px;border-radius:8px;transition:color .25s}
.f-nav summary::-webkit-details-marker{display:none}
.f-nav summary:hover,.f-nav details[open] > summary{color:var(--papel)}
.f-nav summary:focus-visible{outline:2px solid var(--vivo);outline-offset:4px}
.f-drop,.f-menu{position:relative}
.f-drop > summary::after{content:"";width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .25s var(--ease)}
.f-drop[open] > summary::after{transform:translateY(2px) rotate(-135deg)}
.f-drop > .f-drop-lista{position:absolute;z-index:80;top:calc(100% + 14px);left:-14px;width:min(380px,80vw)}
.f-drop-lista{display:grid;gap:2px;padding:10px;border-radius:16px;background:rgba(15,23,18,.98);box-shadow:inset 0 0 0 1px rgba(242,239,231,.12),0 30px 60px -20px rgba(0,0,0,.85)}
.f-drop-lista a{display:flex;gap:12px;align-items:center;padding:12px 14px;border-radius:10px;color:var(--papel)!important;text-decoration:none;font-size:.9375rem!important;line-height:1.3}
.f-drop-lista a:hover,.f-drop-lista a:focus-visible{background:rgba(79,191,127,.12);outline:none}
.f-drop-lista i{width:10px;height:10px;border-radius:50%;background:var(--cor);flex:none}
.f-menu > summary{width:44px;height:44px;justify-content:center;padding:0;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(242,239,231,.25);color:var(--papel)}
.f-menu > summary svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.f-menu[open] > summary{box-shadow:inset 0 0 0 1.5px var(--vivo)}
.f-menu-painel{position:absolute;z-index:80;top:calc(100% + 12px);right:0;width:min(380px,calc(100vw - 32px));max-height:calc(100svh - 90px);overflow:auto;padding:16px;border-radius:18px;background:#0C130F;box-shadow:inset 0 0 0 1px rgba(242,239,231,.12),0 30px 70px -20px rgba(0,0,0,.9);display:grid;gap:10px}
.f-menu-lista a{display:block;padding:10px 12px;border-radius:10px;font-family:var(--disp);font-weight:800;font-stretch:80%;font-size:1.5rem!important;color:var(--papel)!important;text-decoration:none}
.f-menu-lista a:hover,.f-menu-lista a:focus-visible{background:rgba(79,191,127,.12);outline:none}
.f-menu-rot{margin:6px 12px 0;font-family:var(--mono);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--apagado)}
.f-menu-portas{background:none;box-shadow:none;padding:0}
.f-menu-btn{justify-content:center;margin-top:4px;color:var(--pedra)!important}
.topo nav .so-pc,.topo:has(.hud.on) nav .so-pc{opacity:1;pointer-events:auto}
@media (max-width:760px){.topo nav .so-pc{display:none}}
/* a faixa dos capítulos: abaixo do menu, nunca no lugar dele */
.topo .hud{left:0;right:0;top:100%;transform:none;display:flex;justify-content:center;padding:7px var(--g);background:rgba(10,16,13,.88);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(242,239,231,.06);border-bottom:1px solid rgba(242,239,231,.08)}
/* ritmo: o palco no meio, sem vão entre o título e as telas */
.js:not(.estatico) .f-ritmo .f-ritmo-palco{align-items:center;align-content:center}
@media (max-width:860px){.f-cena.f-cap-sec{padding-top:92px}.f-pin.f-cap-sec .f-tela{padding-top:92px}.f-soleira{top:26px}.f-pin .f-soleira{top:26px}}
/* as cenas presas começam abaixo do menu e da faixa dos capítulos */
@media (min-width:861px){.js:not(.estatico) .f-tela{padding-top:118px}}
@media (min-width:861px) and (max-height:820px){.js:not(.estatico) .f-tela{padding-top:112px;padding-bottom:18px}.f-pin .f-palavra,.f-pin .f-cab > .estacao{font-size:clamp(3.6rem,min(14vw,13.5svh),12rem)}}

/* rodada 11b · Venda: cada etapa é uma linha só (número, rótulo e barra na mesma linha de base) */
.f-tfunil li:not(.f-tf-fim){grid-template-columns:calc(var(--n0) * 1.62) clamp(13rem,22vw,20rem) minmax(0,1fr);align-items:baseline}
.f-tfunil li:not(.f-tf-fim) .f-tf-info{display:contents}
.f-tfunil li:not(.f-tf-fim) .f-tf-cota{height:12px;align-self:baseline}
@media (max-width:860px){
  .f-tfunil li:not(.f-tf-fim){grid-template-columns:4.7rem minmax(0,1fr);row-gap:4px}
  .f-tfunil li:not(.f-tf-fim) .f-tf-cota{grid-column:2}
}
/* a cena presa começa abaixo do menu mais a faixa dos capítulos, com folga (altura medida no filme.js) */
@media (min-width:861px){
  .js:not(.estatico) .f-tela{padding-top:calc(var(--topo-h,104px) + 24px)}
}
@media (min-width:861px) and (max-height:820px){.js:not(.estatico) .f-tela{padding-top:calc(var(--topo-h,104px) + 18px)}}

/* =========================================================
   VERSÃO D · o texto da D no visual da c2b
   ========================================================= */
.f-texto-g{font-size:clamp(1.15rem,1.5vw,1.4rem);line-height:1.5;color:var(--suave);max-width:46ch}

/* 02 · a dor: a frase grande e uma mesa só, com fios para todo lado */
.f-dor{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(28px,4vw,72px);align-items:center;min-height:min(100svh,920px);--a:clamp(0,calc((var(--p,1) - .12) * 2.6),1)}
.f-dor-txt{display:grid;gap:clamp(20px,3svh,32px)}
.f-dor-frase{font-size:clamp(2.4rem,4.6vw,4.6rem);line-height:.96;max-width:17ch}
.f-dor-apoio{max-width:24ch;color:var(--papel)}
.f-dor-apoio em{color:var(--ouro)}
.f-mesa,.f-tela-unica{position:relative;margin:0}
.f-mesa svg,.f-tela-unica svg{display:block;width:100%;height:auto;overflow:visible}
.dw .l-fio{stroke:var(--ouro);stroke-width:2;stroke-dasharray:1;stroke-dashoffset:calc(1 - clamp(0,calc(var(--a) * 1.8 - var(--i) * .16),1))}
.dw .l-mesa{stroke:var(--papel);stroke-width:2.2;stroke-dasharray:1;stroke-dashoffset:calc(1 - clamp(0,calc(var(--a) * 3),1))}
.dw .l-papel{stroke:rgba(242,239,231,.35);stroke-width:1.2;opacity:var(--a)}
.dw .l-cad{stroke:rgba(242,239,231,.45);stroke-width:1.6;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--a))}
.dw .l-no{fill:var(--pedra);stroke:var(--ouro);stroke-width:2;opacity:clamp(0,calc(var(--a) * 2 - .6),1)}
.f-rot{position:absolute;transform:translate(-50%,calc(-100% - 12px));font-family:var(--mono);font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--papel);white-space:nowrap;pointer-events:none}
.f-rot.r-d{transform:translate(-100%,18px)}
.f-rot.r-e{transform:translate(0,18px)}
.f-tela-unica .f-rot.r-e{transform:translate(-100%,-50%);padding-right:4px}
.f-rot.r-t{transform:translate(0,-50%);font-family:var(--disp);font-weight:800;font-stretch:84%;font-size:clamp(.9375rem,1.3vw,1.2rem);letter-spacing:0;text-transform:none}
html:not(.js) .f-dor,.estatico .f-dor,html:not(.js) .f-ia-d,.estatico .f-ia-d,html:not(.js) .f-onde,.estatico .f-onde{--a:1}
@media (max-width:1100px){.f-dor{grid-template-columns:minmax(0,1fr);min-height:0}.f-mesa{max-width:520px}}

/* 10 · IA: os mesmos fios, agora entrando numa tela só */
.f-ia-d{--a:clamp(0,calc((var(--p,1) - .16) * 2.4),1)}
.f-ia-d .f-texto-g{text-align:center;max-width:52ch}
.f-tela-unica{max-width:900px;margin:clamp(28px,4svh,48px) auto 0;display:grid;gap:12px}
.f-tela-unica figcaption{display:flex;gap:12px;align-items:center;justify-content:center;font-size:.9375rem;color:var(--suave)}
.dw .l-fio2{stroke:var(--vivo);stroke-width:2;stroke-dasharray:1;stroke-dashoffset:calc(1 - clamp(0,calc(var(--a) * 1.8 - var(--i) * .14),1))}
.dw .l-no2{fill:var(--pedra);stroke:var(--vivo);stroke-width:2}
.dw .l-tela{stroke:var(--vivo);stroke-width:2.4;stroke-dasharray:1;stroke-dashoffset:calc(1 - clamp(0,calc(var(--a) * 2.4),1))}
.dw .l-painel{fill:rgba(79,191,127,.08);stroke:rgba(79,191,127,.45);stroke-width:1.2;opacity:clamp(0,calc(var(--a) * 2 - 1),1)}
.dw .l-barra{stroke:var(--vivo);stroke-width:6;stroke-linecap:round;opacity:clamp(0,calc(var(--a) * 2 - 1),1)}
.dw .l-led{fill:var(--vivo)}
.f-ia-d .f-ia-prova{text-align:center;margin-top:clamp(20px,3svh,32px)}
@media (max-width:860px){.f-ia-d .f-texto-g{text-align:left}.f-tela-unica .f-rot.r-e{font-size:.75rem}.f-tela-unica figcaption{justify-content:flex-start}}

/* 11 · onde já funcionou: 41 cidades, mapa em traço */
.f-onde{--a:clamp(0,calc((var(--p,1) - .12) * 2.6),1)}
.f-onde-grade{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(28px,5vw,96px);align-items:center}
.f-onde-txt{display:grid;gap:clamp(20px,3svh,32px)}
.f-onde-tit{display:flex;align-items:flex-end;gap:clamp(14px,2vw,28px);margin:0}
.f-onde-tit .f-num{font-size:clamp(7rem,15vw,14rem)}
.f-onde-tit .f-titulo{font-size:clamp(2.2rem,4vw,3.8rem);padding-bottom:.25em;max-width:9ch}
.f-onde .f-dado .f-num{font-size:clamp(3.6rem,6.4vw,6rem)}
.f-anos.f-anos-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.f-onde .f-anos-w{margin-top:clamp(12px,2svh,24px)}
.f-mapa{margin:0;display:grid;gap:10px;justify-items:center}
.f-mapa svg{width:100%;max-width:440px;height:auto;overflow:visible}
.dw .l-brasil{fill:rgba(79,191,127,.05);stroke:rgba(242,239,231,.55);stroke-width:1.4;stroke-dasharray:1;stroke-dashoffset:calc(1 - clamp(0,calc(var(--a) * 1.6),1))}
.dw .l-ponto{fill:var(--vivo);opacity:clamp(0,calc(var(--a) * 3 - 1 - var(--i) * .03),1)}
.f-mapa figcaption{font-family:var(--mono);font-size:.75rem;letter-spacing:.06em;color:var(--apagado)}
@media (max-width:1100px){.f-onde-grade{grid-template-columns:minmax(0,1fr)}.f-mapa svg{max-width:320px}}
@media (max-width:860px){.f-anos.f-anos-3{grid-template-columns:minmax(0,1fr)}.f-onde-tit .f-num{font-size:6.4rem}}

/* 13 · qual porta é a sua: um seletor de quatro, rápido de bater o olho */
.f-seletor{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.6vw,24px);margin-top:clamp(32px,5svh,56px)}
.f-seletor a{--cor:var(--vivo);position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:28px;min-height:clamp(220px,30svh,280px);padding:clamp(20px,2.2vw,30px);border-radius:22px;background:linear-gradient(165deg,rgba(30,58,43,.55),rgba(15,23,18,.6));box-shadow:inset 0 0 0 1px rgba(242,239,231,.12);text-decoration:none;color:var(--papel);transition:transform .45s var(--ease),box-shadow .45s var(--ease),background .45s var(--ease)}
.f-seletor a.p-inv{--cor:var(--c-inv)}.f-seletor a.p-ia{--cor:var(--c-ia)}.f-seletor a.p-pei{--cor:var(--c-pei)}
.f-seletor a:hover,.f-seletor a:focus-visible{transform:translateY(-4px);box-shadow:inset 0 0 0 2px var(--cor),0 30px 60px -30px rgba(0,0,0,.9);outline:none}
.f-sel-p{font-family:var(--disp);font-weight:800;font-stretch:80%;font-size:clamp(1.35rem,2vw,1.9rem);line-height:1.08}
.f-sel-r{display:flex;align-items:center;gap:10px;font-family:var(--mono);font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--suave)}
.f-sel-r::before{content:"";width:12px;height:12px;border-radius:50%;box-shadow:inset 0 0 0 2px var(--cor);transition:background .3s}
.f-seletor a:hover .f-sel-r::before,.f-seletor a:focus-visible .f-sel-r::before{background:var(--cor)}
.f-sel-r b{margin-left:auto;font-family:var(--disp);font-weight:900;font-stretch:64%;font-size:1.4rem;letter-spacing:0;text-transform:uppercase;color:var(--cor)}
.f-sel-r b::after{content:" →";font-family:var(--corpo);font-weight:500}
@media (max-width:1100px){.f-seletor{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.f-seletor{grid-template-columns:minmax(0,1fr)}.f-seletor a{min-height:0;gap:18px}}

/* 15 · sete perguntas */
.f-faq7 dl{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:1100px){.f-faq7 dl{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.f-faq7 dl{grid-template-columns:minmax(0,1fr)}}
/* 16 · fecho: passos curtos */
.f-fecho2 .f-passos strong{font-size:clamp(1.1rem,1.4vw,1.35rem);line-height:1.2}
.f-sel-r b{font-size:clamp(1rem,1.25vw,1.2rem);text-align:right;line-height:1.05}
.f-dor{grid-template-columns:minmax(0,5fr) minmax(0,6fr)}
.f-mesa svg{max-width:640px;margin-left:auto}
.f-dor{min-height:0}
.f-onde .f-anos-w{margin-top:clamp(30px,4svh,44px)}
.f-ia-saida{height:46px}
@media (max-width:860px){.f-tela-unica .f-rot.r-e{transform:translate(-30%,calc(-100% - 8px));padding:0;font-size:.75rem}}
.f-qual .f-cab2{align-items:start}.f-qual .f-cab2 .f-texto{padding-top:.6em}
@media (max-width:1100px){.f-dor{grid-template-columns:minmax(0,1fr)}.f-mesa svg{margin:0 auto}}
/* r-D2: tela da IA cabe abaixo do menu e da faixa; rótulo e barra nunca se tocam */
.f-tela-unica{max-width:min(900px,calc((100svh - 300px) * 1.6))}
@media (max-width:860px){.f-tela-unica{max-width:900px}}
[data-cap],.f-ia-d .f-frase{scroll-margin-top:calc(var(--topo-h,103px) + 24px)}
.f-tela-palco{position:relative}
.f-tela-unica{max-width:min(900px,calc((100svh - 330px) * 1.5))}
@media (max-width:860px){.f-tela-unica{max-width:900px}}
@media (max-width:860px){.f-tela-unica .f-rot.r-t{font-size:.8125rem;transform:translate(0,-35%)}}