@font-face{font-family:"Poppins";src:url("fonts/poppins-700.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Poppins";src:url("fonts/poppins-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Poppins";src:url("fonts/poppins-800.woff2") format("woff2");font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:"Poppins";src:url("fonts/poppins-500.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Poppins";src:url("fonts/poppins-400-italic.woff2") format("woff2");font-weight:400;font-style:italic;font-display:swap}

:root{
  --roxo:#5f39a4;
  --roxo-fundo:#4a2c85;
  --tinta:#222222;
  --texto:#4c4c4c;
  --mudo:#5b5c65;
  --tile:#f6f6f6;
  --tile-2:#f2f2f2;
  --branco:#ffffff;
  --pelicula:#4a54d6;
  --lilas:#e9e1f7;
  --linha:#dcdcdc;
  --max:1360px;
  --ease:cubic-bezier(.23,1,.32,1);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-padding-top:16px;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body{margin:0;font-family:"Poppins",system-ui,-apple-system,"Segoe UI",sans-serif;font-size:1rem;line-height:1.6;color:var(--texto);background:var(--branco);background-color:#ffffff}
img{display:block;max-width:100%;height:auto}
h1,h2,h3,p,ul,ol,dl,dd,figure,blockquote{margin:0}
ul,ol{padding:0;list-style:none}
a,button,label,input{touch-action:manipulation}
::selection{background:var(--roxo);color:#fff}
:focus-visible{outline:3px solid var(--roxo);outline-offset:3px}
section{overflow-x:clip}
.largura{max-width:var(--max);margin-inline:auto;padding-inline:40px}

/* tipografia */
h1,h2,h3{font-weight:800;color:var(--tinta);text-wrap:balance}
h2{font-size:clamp(1.75rem,3.4vw,3rem);line-height:1.02;letter-spacing:-.015em;text-transform:uppercase}
h3{font-size:.8125rem;line-height:1.3;letter-spacing:.01em;text-transform:uppercase;font-weight:700}
.preco{color:var(--roxo);font-weight:700;font-size:.9375rem;font-variant-numeric:tabular-nums}
.preco s{color:var(--mudo);font-weight:400;margin-left:.35em}

/* botões e links: retângulo roxo chapado, como na home */
.botoes{display:flex;gap:12px;flex-wrap:wrap}
.botao{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 32px;background:var(--roxo);color:#fff;font-weight:700;font-size:.875rem;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;border:2px solid var(--roxo);transition-property:background-color,color,transform;transition-duration:.16s;transition-timing-function:ease-out}
.botao-claro{background:#fff;color:var(--roxo)}
.botao:active{transform:scale(.97)}
.link-forte{display:inline-block;padding:12px 0;color:var(--tinta);font-weight:700;font-size:.75rem;letter-spacing:.04em;text-transform:uppercase;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:2px}
@media (hover:hover) and (pointer:fine){
  .botao:hover{background:var(--roxo-fundo);border-color:var(--roxo-fundo);color:#fff}
  .botao-claro:hover{background:var(--lilas);color:var(--roxo-fundo);border-color:var(--roxo)}
  .link-forte:hover{color:var(--roxo)}
}

/* ---------- bloco do pacote (menu, faixa, rodapé) ---------- */
.pular{position:absolute;left:8px;top:-80px;z-index:100;background:var(--tinta);color:#fff;padding:10px 16px;font-size:.875rem}
.pular:focus{top:8px}
.rascunho{background:var(--tinta);color:#fff;font-size:.75rem;line-height:1.4;text-align:center;padding:6px 12px}
.pacote{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 24px;background:#fff;border-bottom:1px solid var(--linha)}
.pacote-abas{display:flex;gap:2px;flex-wrap:wrap}
.pacote-abas a{display:inline-flex;align-items:center;min-height:44px;padding:8px 14px;color:var(--texto);font-size:.8125rem;font-weight:500;text-decoration:none;border-bottom:3px solid transparent}
.pacote-abas a[aria-current="page"]{color:var(--roxo);font-weight:700;border-bottom-color:var(--roxo)}
.pacote-abas .curto{display:none}
.chat{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 20px;background:var(--roxo);color:#fff;font-weight:700;font-size:.8125rem;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;white-space:nowrap}
@media (hover:hover) and (pointer:fine){
  .pacote-abas a:hover{color:var(--roxo)}
  .chat:hover{background:var(--roxo-fundo)}
}
@media (max-width:860px){
  .pacote{padding:8px 12px}
  .pacote-abas .longo{display:none}
  .pacote-abas .curto{display:inline}
}
.rodape{background:var(--tinta);background-color:#222222;color:#fff;padding:40px 40px 48px;font-size:.875rem;line-height:1.6}
.rodape p{max-width:760px;margin-inline:auto 0;margin-inline-start:0}
.rodape p+p{margin-top:16px}
.rodape-chat{display:inline-flex;align-items:center;min-height:44px;padding:8px 22px;background:var(--roxo);color:#fff;font-weight:700;font-size:.8125rem;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;border:2px solid #fff}
.rodape-fontes{color:#d0d0d0}

/* ---------- 1. hero ---------- */
.masque{position:relative;display:grid;align-items:center;height:clamp(560px,46vw,660px);background-color:#ffffff}
.masque-foto{position:absolute;inset:0}
.masque-foto img{width:100%;height:100%;object-fit:cover;object-position:right center}
.masque-texto{position:relative;z-index:1;width:100%;max-width:var(--max);margin-inline:auto;padding:80px 40px}
.masque-texto h1{font-size:clamp(2.25rem,4.6vw,4rem);line-height:1;letter-spacing:-.02em;text-transform:uppercase;max-width:9ch;color:var(--tinta)}
.masque-tag{margin-top:20px;max-width:30ch;font-size:1.0625rem;color:#2f2f2f;font-weight:500}
.masque-texto .botoes{margin-top:32px}

/* ---------- 2. cinta ---------- */
.cinta{background-color:var(--roxo);padding:20px 24px;text-align:center}
.cinta p{color:#fff;font-weight:700;font-size:.8125rem;letter-spacing:.03em;line-height:1.5}

/* ---------- 3. peel & reveal ---------- */
.peel{background-color:var(--tile);padding:96px 0}
.peel-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:72px;align-items:center}
.peel-palco{position:relative;width:100%;max-width:640px;aspect-ratio:1/1;overflow:hidden;background:#fff;--p:100;justify-self:center}
.peel-foto{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.peel-pelicula{position:absolute;inset:0;background-color:var(--pelicula);clip-path:polygon(calc(var(--p)*1.3%) 0,100% 0,100% 100%,calc(var(--p)*1.3% - 30%) 100%)}
.peel-borda{position:absolute;inset:0;background:rgba(255,255,255,.75);clip-path:polygon(calc(var(--p)*1.3% - 3%) 0,calc(var(--p)*1.3%) 0,calc(var(--p)*1.3% - 30%) 100%,calc(var(--p)*1.3% - 33%) 100%)}
.peel-texto{display:grid;gap:20px;align-content:start}
.lide{font-size:1.0625rem;color:var(--tinta);max-width:52ch}
.peel-controle{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:center;padding:12px 0}
.peel-controle label{font-weight:800;text-transform:uppercase;font-size:.875rem;letter-spacing:.04em;color:var(--roxo)}
.peel-controle input{width:100%;height:44px;margin:0;background:transparent;accent-color:var(--roxo);cursor:grab}
.passos{display:grid;gap:12px;counter-reset:passo}
.passos li{padding:16px 18px;border-left:4px solid var(--linha);background:#fff;font-size:.9375rem;line-height:1.55;transition-property:border-color,background-color;transition-duration:.25s;transition-timing-function:ease}
.passos li.ativo{border-left-color:var(--roxo);background:#fff}
.passos li:not(.ativo){color:var(--mudo)}
.stain-go{padding-top:8px;border-top:1px solid var(--linha)}
.stain-go h3{margin:16px 0 6px;color:var(--roxo);font-size:.9375rem}
.stain-go p{font-size:.9375rem}

/* ---------- 4. minutos ---------- */
.minutos{background-color:#ffffff;padding:104px 0}
.minutos-in{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:72px;align-items:center}
.gigante{font-weight:800;font-size:clamp(4.5rem,12vw,10.5rem);line-height:.82;letter-spacing:-.05em;color:var(--roxo);font-variant-numeric:tabular-nums;white-space:nowrap}
.minutos-frase{margin-top:28px;font-size:clamp(1.125rem,1.7vw,1.5rem);line-height:1.3;text-transform:none;letter-spacing:-.005em;font-weight:700;color:var(--tinta);max-width:26ch}
.regua{display:grid;gap:30px}
.regua-titulo{font-weight:700;font-size:.8125rem;letter-spacing:.04em;text-transform:uppercase;color:var(--mudo)}
.regua-linha{display:grid;gap:8px}
.regua-nome{font-weight:700;color:var(--tinta);font-size:1rem}
.regua-trilho{height:28px;background:var(--tile-2)}
.regua-barra{display:block;height:100%;width:var(--w);background-color:var(--roxo);transform-origin:left center}
.regua-nota{font-size:.9375rem;color:var(--texto);font-variant-numeric:tabular-nums}
.regua-eixo{display:flex;justify-content:space-between;font-size:.75rem;font-weight:700;color:var(--mudo);font-variant-numeric:tabular-nums;border-top:2px solid var(--tinta);padding-top:8px}

/* ---------- 5. mais queridos ---------- */
.queridos{background-color:#fff;padding:72px 0 88px}
.vitrine-titulo{text-align:center;font-size:1.125rem;letter-spacing:.01em;color:var(--texto);margin-bottom:24px}
.vitrine{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.quadro{position:relative;display:grid;grid-template-rows:auto;align-content:start;gap:6px}
.quadro-foto{display:block;background-color:var(--tile)}
.quadro-foto img{width:100%;aspect-ratio:1/1;object-fit:contain;outline:1px solid rgba(0,0,0,.05);outline-offset:-1px}
.quadro h3{margin-top:12px}
.quadro-desc{font-size:.8125rem;line-height:1.5;color:var(--mudo)}
.selo{position:absolute;z-index:1;top:10px;left:10px;padding:4px 12px;background:var(--roxo);color:#fff;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em}
.bolinhas{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;margin-top:4px}
.ponto{flex:none;display:inline-block;width:22px;height:22px;border-radius:50%;background-color:var(--c,#ccc);box-shadow:inset 0 0 0 1px rgba(0,0,0,.16)}
.mais{font-size:.875rem;color:var(--texto);white-space:nowrap}

/* ---------- 6 e 7. metades ---------- */
.meia{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);background-color:var(--tile);min-height:540px}
.meia-texto{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:16px;padding:64px max(40px,calc((100vw - var(--max))/2 + 40px)) 64px 40px}
.meia-esq .meia-texto{padding:64px 40px 64px 64px}
.meia-dir .meia-texto{padding:64px 64px 64px max(40px,calc((100vw - var(--max))/2 + 40px))}
.meia-texto h2{font-size:clamp(1.75rem,3.2vw,3rem);max-width:14ch;color:var(--tinta)}
.meia-texto p{color:var(--tinta);max-width:44ch}
.meia-foto{position:relative;min-height:380px;overflow:hidden;background-color:var(--tile-2)}
.meia-foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.meia-mini{display:grid;grid-template-columns:96px minmax(0,1fr);gap:16px;align-items:center;margin-top:8px}
.meia-mini img{width:96px;height:96px;object-fit:contain;background:#fff}
.meia-mini p{font-size:.875rem;color:var(--mudo)}
.meia-esq .meia-foto{order:0}
.meia-esq .meia-texto{order:1}

/* ---------- 8. cartela ---------- */
.cartela{background-color:#fff;padding:96px 0 40px}
.cartela-titulo{margin-bottom:56px;max-width:16ch}
.linha{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:56px;align-items:start;padding:48px 0;border-top:1px solid var(--linha)}
.linha-quadro{position:sticky;top:24px;background-color:var(--tile)}
.linha-quadro img{width:100%;aspect-ratio:1/1;object-fit:cover}
.linha-corpo{min-width:0;display:grid;gap:16px}
.linha-corpo h3{font-size:1.125rem;line-height:1.2;color:var(--tinta)}
.desc{max-width:60ch;color:var(--texto)}
.tons{display:grid;gap:10px 14px;margin-top:8px}
.tons-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.tons-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.tons li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:start;padding:12px;background-color:var(--tile);overflow-wrap:anywhere}
.tom{font-size:.8125rem;line-height:1.4;color:var(--mudo)}
.tom b{display:block;font-size:.875rem;color:var(--tinta);font-weight:700}
.tom i{display:block;margin-top:2px;font-style:normal;font-weight:700;color:var(--roxo);font-variant-numeric:tabular-nums}
.faixa-cab{display:flex;align-items:center;justify-content:space-between;gap:12px}
.faixa-dica{font-size:.8125rem;color:var(--mudo)}
.faixa-botoes{display:flex;gap:8px}
.seta{width:44px;height:44px;border:2px solid var(--roxo);background:#fff;color:var(--roxo);font-size:1.5rem;line-height:1;font-weight:700;cursor:pointer;transition-property:background-color,color;transition-duration:.16s}
.seta:active{transform:scale(.96)}
@media (hover:hover) and (pointer:fine){.seta:hover{background:var(--roxo);color:#fff}}
.faixa{overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:var(--roxo) var(--tile-2);padding-bottom:12px}
.tons-faixa{display:flex;gap:10px;margin-top:0;width:max-content}
.tons-faixa li{width:196px;scroll-snap-align:start}

/* ---------- 9. ofertas ---------- */
.ofertas{background-color:var(--roxo);padding:104px 0 96px;color:#fff}
.ofertas h2{color:#fff}
.ofertas-titulo{max-width:18ch}
.ofertas-sub{margin-top:16px;color:var(--lilas);font-weight:500}
.escada{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:end;margin-top:56px}
.degrau{background-color:#fff;color:var(--tinta);padding:24px 22px;display:flex;flex-direction:column;justify-content:space-between;gap:24px}
.d1{min-height:300px}.d2{min-height:360px}.d3{min-height:420px}.d4{min-height:480px;background-color:var(--lilas)}
.degrau-pontos{display:grid;grid-template-columns:repeat(4,28px);gap:8px}
.degrau-pontos i{display:block;width:28px;height:28px;border-radius:50%;background-color:var(--roxo)}
.degrau-q{font-weight:800;font-size:1.375rem;line-height:1.15;color:var(--tinta);text-transform:uppercase}
.degrau-p{display:block;margin-top:6px;color:var(--roxo);font-size:1.625rem;font-variant-numeric:tabular-nums}
.degrau-melhor{align-self:flex-start;padding:4px 12px;background:var(--roxo);color:#fff;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em}
.degrau-brinde{border-top:2px solid var(--tinta);padding-top:14px}
.brinde-v{font-weight:800;font-size:1.125rem;color:var(--roxo);font-variant-numeric:tabular-nums}
.brinde-n{font-size:.9375rem;color:var(--texto)}
.garantia{font-weight:800;font-size:1.25rem;line-height:1.3;color:var(--roxo);padding-left:32px;border-left:2px solid var(--tinta)}
.assina{display:grid;grid-template-columns:minmax(0,220px) minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:center;margin-top:56px;padding:28px;background-color:#fff;color:var(--tinta)}
.assina img{width:100%;aspect-ratio:1/1;object-fit:contain;background-color:var(--tile)}
.assina-selo{font-weight:800;font-size:.875rem;letter-spacing:.02em;color:var(--roxo)}
.assina-preco{margin-top:8px;font-weight:800;font-size:2rem;line-height:1.1;color:var(--tinta);font-variant-numeric:tabular-nums}
.assina-preco s{color:var(--mudo);font-weight:400;font-size:1.25rem}
.assina-preco span{display:inline-block;margin-left:10px;padding:2px 10px;background:var(--roxo);color:#fff;font-size:.8125rem;vertical-align:middle}
.assina-quando{margin-top:4px;font-size:.8125rem;font-weight:700;color:var(--texto);letter-spacing:.02em}
.assina-lista{margin-top:16px;display:grid;gap:4px;font-size:.9375rem}
.assina-lista li{padding-left:22px;position:relative}
.assina-lista li::before{content:"";position:absolute;left:0;top:.55em;width:10px;height:10px;background:var(--roxo)}

/* ---------- 10. cofres ---------- */
.cofres{background-color:#fff;padding:104px 0}
.cofres-titulo{margin-bottom:48px}
.cofres-grade{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:36px 16px}
.cofres-grade li{display:grid;align-content:start;gap:6px}
.cofres-grade img{width:100%;aspect-ratio:1/1;object-fit:cover;background-color:var(--tile);outline:1px solid rgba(0,0,0,.05);outline-offset:-1px}
.cofres-grade h3{margin-top:8px;color:var(--tinta)}

/* ---------- 11. looks ---------- */
.looks{background-color:var(--tile);padding:96px 0 104px}
.looks-titulo{font-size:clamp(3rem,10vw,8.5rem);line-height:.88;letter-spacing:-.04em;color:var(--roxo);margin-bottom:48px}
.looks-grade{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}
.receita{display:flex;flex-direction:column;gap:14px;background:#fff;padding:20px 20px 28px}
.receita img{width:100%;aspect-ratio:1/1;object-fit:cover;background-color:var(--tile)}
.receita h3{font-size:1.0625rem;margin-top:6px;color:var(--tinta)}
.receita blockquote{font-size:.875rem;line-height:1.6;color:var(--texto)}
.receita-rot{margin-top:auto;font-weight:700;font-size:.75rem;letter-spacing:.04em;text-transform:uppercase;color:var(--roxo);padding-top:8px;border-top:2px solid var(--tinta)}
.receita ul{display:grid;gap:4px;font-size:.875rem;color:var(--tinta)}

/* ---------- 12. blading ---------- */
.blading{background-color:#fff;padding:104px 0}
.blading-topo{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:64px;align-items:center}
.blading-frase{font-weight:700;font-size:clamp(1.5rem,3vw,2.5rem);line-height:1.15;letter-spacing:-.015em;color:var(--tinta)}
.blading-fala h2{margin-top:28px;color:var(--roxo);font-size:clamp(1.25rem,2vw,1.75rem)}
.blading-card{background-color:var(--tile);padding:24px}
.blading-card img{width:100%;aspect-ratio:1349/989;object-fit:contain}
.blading-tres{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:72px}
.blading-tres article{display:flex;flex-direction:column;gap:14px}
.blading-tres img{width:100%;aspect-ratio:4/3;object-fit:cover;background-color:var(--tile)}
.blading-tres h3{font-size:1rem;color:var(--tinta);margin-top:6px}

/* ---------- 13. fundadores ---------- */
.fundadores{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:stretch;min-height:600px;background-color:#ffffff}
.fundadores-foto{position:relative;min-height:420px;overflow:hidden;background-color:var(--tile-2)}
.fundadores-foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.fundadores-texto{align-self:center;padding:80px 64px 80px max(40px,calc((100vw - var(--max))/2 + 40px))}
.fundadores-texto blockquote{max-width:38ch;font-size:clamp(1.125rem,1.7vw,1.5rem);line-height:1.5;font-weight:500;letter-spacing:-.005em;color:var(--tinta)}
.fundadores-texto figcaption{margin-top:20px;font-weight:800;text-transform:uppercase;font-size:.875rem;letter-spacing:.03em;color:var(--roxo)}

/* ---------- 14. especialistas ---------- */
.especialistas{background-color:var(--tile-2);padding:104px 0}
.esp{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:72px;align-items:start}
.esp-lado{position:sticky;top:24px;display:grid;gap:20px;align-content:start}
.esp-lado p{color:var(--tinta);max-width:44ch}
.esp-lado img{width:100%;max-width:420px;aspect-ratio:1/1;object-fit:cover}
.esp-lista{display:grid;gap:0}
.esp-lista li{padding:28px 0;border-top:2px solid var(--tinta)}
.esp-lista h3{font-size:1.25rem;color:var(--tinta);margin-bottom:10px}
.esp-lista p{max-width:66ch}
.esp-nota{margin-top:14px;padding:14px 16px;background:#fff;color:var(--tinta);font-size:.9375rem}

/* ---------- 15. prova ---------- */
.prova{background-color:var(--roxo);color:#fff;padding:104px 0}
.prova h2{color:#fff}
.prova-cab{display:flex;align-items:flex-end;justify-content:space-between;gap:32px}
.prova-titulo{max-width:18ch}
.prova-sub{font-weight:800;font-size:clamp(1.5rem,3.2vw,2.75rem);line-height:1;letter-spacing:-.02em;color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap}
.contagens{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:48px;border-top:2px solid #fff}
.contagens li{display:flex;flex-direction:column;gap:6px;padding:24px 20px 24px 0;min-width:0}
.cont,.cont-estatico{font-weight:800;font-size:clamp(1.75rem,3.4vw,3rem);line-height:1;letter-spacing:-.03em;color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap}
.cont-rot,.cont-pre{font-size:.9375rem;color:var(--lilas);font-weight:500}
.vozes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:40px}
.voz{display:flex;flex-direction:column;gap:12px;background:#fff;color:var(--tinta);padding:28px 24px}
.voz h3{font-size:1rem;color:var(--tinta)}
.voz blockquote{font-size:.9375rem;line-height:1.6;color:var(--texto)}
.voz figcaption{margin-top:auto;padding-top:8px;font-weight:700;color:var(--roxo)}

/* ---------- 16. perguntas ---------- */
.perguntas{background-color:#fff;padding:104px 0}
.perguntas-titulo{margin-bottom:40px}
.faq{border-top:2px solid var(--tinta)}
.faq-par{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:48px;padding:24px 0;border-bottom:1px solid var(--linha)}
.faq dt{font-weight:700;color:var(--tinta);font-size:1.0625rem;line-height:1.35}
.faq dd{margin:0;max-width:70ch}

/* ---------- 17. wonderyou ---------- */
.wonderyou{background-color:#fff;padding:24px 0 104px}
.wy-titulo{font-size:clamp(2.5rem,6.5vw,5rem);letter-spacing:-.03em;color:var(--texto)}
.wy-sub{margin-top:8px;color:var(--mudo)}
.wy-grade{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:32px}
.wy-grade img{width:100%;aspect-ratio:1/1;object-fit:cover}
.wy-fecho{margin-top:28px;font-weight:500;color:var(--tinta);max-width:44ch}

/* ---------- 18. entre ---------- */
.entre{background-color:var(--tile-2);padding:88px 0}
.entre-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:end}
.entre h2{font-size:clamp(2rem,4.6vw,3.75rem);color:var(--texto)}
.entre-corpo{display:grid;gap:24px;justify-items:start}
.entre-corpo p{max-width:40ch;color:var(--tinta)}

/* ---------- movimento (estado escondido só sob .com-js) ---------- */
.com-js .rv{transition-property:opacity,transform,clip-path;transition-duration:.9s;transition-timing-function:var(--ease);transition-delay:calc(var(--i,0)*70ms)}
.com-js .rv-up:not(.in){opacity:0;transform:translateY(22px)}
.com-js .rv-wipe:not(.in){clip-path:inset(0 100% 0 0)}
.com-js .rv-wipeup:not(.in){clip-path:inset(100% 0 0 0)}
.com-js .rv-bar:not(.in){transform:scaleX(0)}
.com-js .masque-foto img{animation:assenta 1.6s var(--ease) both}
@keyframes assenta{from{transform:scale(1.04)}to{transform:scale(1)}}

@media (prefers-reduced-motion:reduce){
  .com-js .rv{transition-property:opacity;transition-duration:.3s;transition-delay:0s}
  .com-js .rv-up:not(.in),.com-js .rv-bar:not(.in){transform:none;opacity:0}
  .com-js .rv-wipe:not(.in),.com-js .rv-wipeup:not(.in){clip-path:none;opacity:0}
  .com-js .masque-foto img{animation:none}
}

/* ---------- celular ---------- */
@media (max-width:1100px){
  .tons-4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .linha{grid-template-columns:minmax(0,240px) minmax(0,1fr);gap:32px}
  .escada{grid-template-columns:repeat(2,minmax(0,1fr))}
  .d1,.d2,.d3,.d4{min-height:0}
  .cofres-grade{grid-template-columns:repeat(2,minmax(0,1fr))}
  .looks-grade{grid-template-columns:minmax(0,1fr)}
  .receita img{max-width:520px}
  .vozes{grid-template-columns:repeat(2,minmax(0,1fr))}
  .contagens{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:860px){
  .largura{padding-inline:20px}
  .peel,.minutos,.cartela,.ofertas,.cofres,.looks,.blading,.especialistas,.prova,.perguntas{padding-block:64px}
  .peel-in,.minutos-in,.blading-topo,.esp,.entre-in{grid-template-columns:minmax(0,1fr);gap:40px}
  .esp-lado{position:static}
  .prova-cab{flex-direction:column;align-items:flex-start;gap:16px}
  .peel-controle{grid-template-columns:minmax(0,1fr)}
  .vitrine{grid-template-columns:minmax(0,1fr)}
  .meia{grid-template-columns:minmax(0,1fr)}
  .meia-texto,.meia-esq .meia-texto,.meia-dir .meia-texto{padding:48px 20px}
  .meia-dir .meia-foto{order:-1}
  .meia-foto{min-height:340px}
  .linha{grid-template-columns:minmax(0,1fr);gap:24px}
  .linha-quadro{position:static;max-width:320px}
  .blading-tres{grid-template-columns:minmax(0,1fr);margin-top:48px}
  .faq-par{grid-template-columns:minmax(0,1fr);gap:8px}
  .wy-grade{grid-template-columns:repeat(2,minmax(0,1fr))}
  .assina{grid-template-columns:minmax(0,1fr);padding:20px}
  .garantia{padding-left:0;border-left:0;padding-top:16px;border-top:2px solid var(--tinta)}
  .assina img{max-width:200px}
  .rodape{padding:32px 20px 40px}
}
@media (max-width:760px){
  .masque{display:block;height:auto;background-color:#fff}
  .masque-foto{position:static;aspect-ratio:1625/1917;max-height:68svh;overflow:hidden}
  .masque-foto img{object-position:center top}
  .masque-texto{padding:28px 20px 40px}
  .masque-texto h1{max-width:12ch}
  .fundadores{display:block;min-height:0}
  .fundadores-foto{min-height:0;aspect-ratio:1/1;max-height:420px}
  .fundadores-texto{padding:48px 20px}
  .cinta p{font-size:.75rem}
}
@media (max-width:600px){
  .contagens li{padding-right:12px}
  .cont,.cont-estatico{font-size:clamp(1.5rem,7.4vw,2.25rem)}
  .vozes{grid-template-columns:minmax(0,1fr)}
  .escada{grid-template-columns:minmax(0,1fr)}
  .cofres-grade{gap:28px 12px}
  .tons-3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cartela-titulo{margin-bottom:32px}
  .regua-nota{font-size:.875rem}
}