@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/barlow-condensed-600.woff2) format('woff2')}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:800;font-display:swap;src:url(fonts/barlow-condensed-800.woff2) format('woff2')}
@font-face{font-family:'Space Mono';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/space-mono-400.woff2) format('woff2')}
@font-face{font-family:'Space Mono';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/space-mono-700.woff2) format('woff2')}
@font-face{font-family:'Arimo';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/arimo-400.woff2) format('woff2')}
@font-face{font-family:'Arimo';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/arimo-500.woff2) format('woff2')}
@font-face{font-family:'Arimo';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/arimo-700.woff2) format('woff2')}

:root{
  --olive:#0f1100; --olive-2:#1a1c07; --olive-3:#2a2d10;
  --teal:#123c4a; --lime:#def625; --lime-deep:#b2c51e;
  --sky:#00b4e7; --sky-ink:#00769e; --orange:#ff5c00; --navy:#09023d; --navy-2:#120a55;
  --page:#f4f7fa; --paper:#fff; --tile:#e6ecf3;
  --tx:#2b3b58; --tx-2:#4d5e80; --mist:#b1b9c8;
  --display:'Barlow Condensed','Arial Narrow',sans-serif;
  --mono:'Space Mono',ui-monospace,monospace;
  --body:'Arimo','Helvetica Neue',Arial,sans-serif;
  --max:1280px; --gut:clamp(16px,5.5vw,80px);
  --ease:cubic-bezier(.23,1,.32,1);
  --foco:var(--navy);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:76px;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body{margin:0;background:var(--page);color:var(--tx);font:400 1rem/1.55 var(--body);touch-action:manipulation}
img{display:block;max-width:100%;height:auto}
ul,ol{margin:0;padding:0;list-style:none}
h1,h2,h3,p,figure,blockquote,address{margin:0}
address{font-style:normal}
a{color:inherit}
button{font:inherit;color:inherit;cursor:pointer}
section{overflow-x:clip}
::selection{background:var(--lime);color:var(--olive)}
:focus-visible{outline:3px solid var(--foco);outline-offset:3px}
.vao{width:min(100% - 2*var(--gut),var(--max));margin-inline:auto}

/* ---------- chrome do pacote (colado do prompt) ---------- */
.pular{position:absolute;left:12px;top:-60px;z-index:100;background:var(--lime);color:var(--olive);padding:10px 16px;border-radius:50px;font:700 .8rem var(--mono);text-decoration:none}
.pular:focus{top:8px}
.rascunho{background:var(--olive-2);color:var(--mist);text-align:center;font:400 .8rem/1.4 var(--body);padding:6px 12px}
.pacote{position:sticky;top:0;z-index:60;display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--olive);padding:8px var(--gut);border-bottom:1px solid var(--olive-3)}
.pacote-abas{display:flex;gap:4px;flex-wrap:nowrap}
.pacote-abas a{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border-radius:50px;color:var(--mist);text-decoration:none;font:500 .875rem var(--body);white-space:nowrap;transition:background-color .2s ease,color .2s ease}
.pacote-abas a[aria-current="page"]{background:var(--lime);color:var(--olive);font-weight:700}
.pacote-abas .curto{display:none}
.chat{display:inline-flex;align-items:center;min-height:40px;padding:0 18px;border-radius:50px;border:1px solid var(--lime);color:var(--lime);text-decoration:none;font:700 .8rem var(--mono);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;transition:background-color .2s ease,color .2s ease}
.rodape{background:#080a00;color:var(--mist);text-align:center;padding:36px var(--gut) 44px;display:grid;gap:10px;font-size:.875rem}
.rodape-chat{display:inline-flex;align-items:center;min-height:44px;padding:0 22px;border-radius:50px;background:var(--lime);color:var(--olive);text-decoration:none;font:700 .8rem var(--mono);text-transform:uppercase;letter-spacing:.04em}
.rodape-fontes{color:var(--mist)}
@media (hover:hover) and (pointer:fine){
  .pacote-abas a:hover{background:var(--olive-3);color:#fff}
  .pacote-abas a[aria-current="page"]:hover{background:var(--lime);color:var(--olive)}
  .chat:hover{background:var(--lime);color:var(--olive)}
}

/* ---------- peças comuns ---------- */
.titulo-claro{font:500 clamp(1.6rem,2.3vw,2.1rem)/1.15 var(--body);color:var(--navy);letter-spacing:-.01em;text-wrap:balance}
.titulo-escuro{font:500 clamp(1.6rem,2.3vw,2.1rem)/1.15 var(--body);color:#fff;letter-spacing:-.01em;text-wrap:balance}
.pilula-branca,.pilula-contorno,.pilula-laranja,.pilula-preta,.pilula-lime-botao{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 26px;border-radius:50px;font:700 .8125rem var(--mono);text-transform:uppercase;letter-spacing:.05em;text-decoration:none;white-space:nowrap;transition:transform .16s var(--ease),background-color .2s ease,color .2s ease;border:1.5px solid transparent}
.pilula-branca{background:#fff;color:var(--navy)}
.pilula-contorno{border-color:rgba(255,255,255,.7);color:#fff}
.pilula-laranja{background:var(--orange);color:var(--olive)}
.pilula-preta{background:var(--olive);color:#fff}
.pilula-lime-botao{background:var(--lime);color:var(--olive)}
.pilula-branca:active,.pilula-contorno:active,.pilula-laranja:active,.pilula-preta:active,.pilula-lime-botao:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){
  .pilula-branca:hover{background:var(--lime)}
  .pilula-contorno:hover{background:#fff;color:var(--navy)}
  .pilula-laranja:hover{background:#ff7a2e}
  .pilula-preta:hover{background:var(--navy)}
  .pilula-lime-botao:hover{background:#fff}
}
.pilula-lime{display:inline-block;background:var(--lime);color:var(--olive);font:700 .6875rem/1 var(--mono);text-transform:uppercase;letter-spacing:.05em;padding:8px 12px;border-radius:50px}

.cartao-foto{border-radius:14px;overflow:hidden;background:var(--olive);border:1px solid rgba(255,255,255,.14);min-width:0}
.cartao-foto>a{display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit}
.cartao-moldura{position:relative;flex:1 1 auto;min-height:0;aspect-ratio:3/4;background:var(--olive-2);overflow:hidden}
.cartao-moldura img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}
.cartao-moldura .pilula-lime{position:absolute;left:14px;top:14px;max-width:calc(100% - 28px)}
.legenda-solida{padding:14px 16px 18px;background:var(--olive);color:#fff}
.legenda-solida h3{font:800 clamp(1.3rem,1.9vw,1.75rem)/1 var(--display);text-transform:uppercase;letter-spacing:.005em}
.legenda-solida p{margin-top:8px;font-size:.9375rem;color:var(--mist)}
.cartao-claro{background:#fff;border-color:#d8e0ea}
.cartao-claro .legenda-solida{background:#fff;color:var(--navy)}
@media (hover:hover) and (pointer:fine){.cartao-foto:hover .cartao-moldura img{transform:scale(1.04)}}
.cartao-recorte{display:flex;flex-direction:column;gap:10px;background:#fff;border:1px solid #d8e0ea;border-radius:14px;padding:14px;min-width:0}
.cartao-recorte img{width:100%;aspect-ratio:1/1;object-fit:contain;background:var(--tile);border-radius:10px;padding:10px}
.cartao-recorte p{font:400 .75rem/1.35 var(--mono);color:var(--tx);text-transform:uppercase;letter-spacing:.02em}

/* ---------- revelação (estado escondido só sob .com-js) ---------- */
.com-js .rv{transition:opacity .32s ease,transform .32s ease,clip-path .32s ease}
.com-js .rv.in{transition:opacity .9s var(--ease),transform .9s var(--ease),clip-path 1s var(--ease);transition-delay:calc(var(--i,0)*70ms)}
.com-js .rv-sobe:not(.in){opacity:0;transform:translateY(26px)}
.com-js .rv-cai:not(.in){opacity:0;transform:translateY(-44px) rotate(var(--tilt,0deg))}
.com-js .rv-escala:not(.in){opacity:0;transform:scale(.94)}
.com-js .rv-da-esquerda:not(.in){opacity:0;transform:translateX(-4%)}
.com-js .rv-da-direita:not(.in){opacity:0;transform:translateX(4%)}
.com-js .rv-barra:not(.in){transform:scaleX(0)}
.com-js .rv-cortina:not(.in){clip-path:inset(0 0 100% 0)}
.com-js .rv-risca:not(.in){clip-path:inset(0 100% 0 0)}
.com-js .rv-risca-foto:not(.in){clip-path:inset(0 0 0 100%)}
.com-js .rv-cortina.in,.com-js .rv-risca.in,.com-js .rv-risca-foto.in{clip-path:inset(0 0 0 0)}

/* ---------- 1 ticker ---------- */
.faixa-lima{--foco:var(--olive);background-color:var(--lime);color:var(--olive);display:flex;align-items:center;gap:12px;height:48px;padding-inline:0 var(--gut)}
.faixa-janela{flex:1;min-width:0;overflow:hidden}
.faixa-trilho{display:flex;width:max-content;animation:faixa-corre 44s linear infinite}
.faixa-trilho li{padding-inline-end:56px;font:700 .8125rem/48px var(--mono);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}
.faixa-lima.parada .faixa-trilho{animation-play-state:paused}
@keyframes faixa-corre{to{transform:translateX(-50%)}}
.faixa-pausa{flex:none;min-height:36px;padding:0 16px;border-radius:50px;border:1.5px solid var(--olive);background:transparent;font:700 .6875rem var(--mono);text-transform:uppercase;letter-spacing:.05em}
.faixa-pausa[aria-pressed="true"]{background:var(--olive);color:var(--lime)}

/* ---------- 2 hero ---------- */
.largada{--foco:var(--lime);background-color:var(--teal);color:#fff;min-height:max(640px,calc(100svh - 140px));display:flex}
.largada-miolo{display:flex;flex-direction:column;justify-content:space-between;gap:28px;padding-block:28px 44px}
.largada-tag{max-width:46rem;font-size:.9375rem;color:var(--mist);text-wrap:pretty}
.flat-lay{display:flex;align-items:flex-start;padding-inline:8px}
.flat-lay li{flex:1 1 0;min-width:0;max-width:240px;margin-inline-start:-14px;transform:rotate(var(--tilt,0deg))}
.flat-lay li:first-child{margin-inline-start:0}
.flat-lay li:nth-child(odd){margin-top:16px}
.flat-lay li:nth-child(1){--tilt:-3deg}.flat-lay li:nth-child(2){--tilt:2deg}.flat-lay li:nth-child(3){--tilt:-1.5deg}.flat-lay li:nth-child(4){--tilt:3deg}
.flat-lay li:nth-child(5){--tilt:-2.5deg}.flat-lay li:nth-child(6){--tilt:1.5deg}.flat-lay li:nth-child(7){--tilt:-3deg}.flat-lay li:nth-child(8){--tilt:2deg}
.peca{position:relative;display:flex;flex-direction:column;gap:8px;width:100%;padding:10px 10px 12px;border-radius:16px;border:1.5px solid rgba(255,255,255,.2);background:rgba(255,255,255,.07);transition:transform .22s var(--ease),border-color .2s ease,background-color .2s ease}
.peca img{width:100%;aspect-ratio:1/1;object-fit:contain}
.peca-nome{font:400 .625rem/1.3 var(--mono);text-transform:uppercase;letter-spacing:.03em;color:var(--mist);text-align:left;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.6em}
.peca[aria-pressed="true"]{border-color:var(--lime);background:rgba(222,246,37,.16)}
.peca[aria-pressed="true"]::after{content:"✓";position:absolute;right:8px;top:8px;width:22px;height:22px;border-radius:50%;background:var(--lime);color:var(--olive);font:700 .75rem/22px var(--mono);text-align:center}
.peca:active{transform:scale(.96)}
@media (hover:hover) and (pointer:fine){.peca:hover{transform:translateY(-8px);border-color:rgba(255,255,255,.6)}}
.largada-base{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:end;gap:32px}
.largada-texto{min-width:0}
.largada h1{font:800 clamp(3.3rem,9vw,8rem)/.88 var(--display);text-transform:uppercase;letter-spacing:-.005em;text-wrap:balance}
.largada-sub{margin-top:14px;font:500 clamp(1.05rem,1.5vw,1.3rem)/1.35 var(--body)}
.largada-botoes{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.bolsa{width:100%;min-height:240px;padding:22px 24px;border-radius:18px;border:1.5px solid rgba(255,255,255,.28);background:rgba(15,17,0,.7)}
.bolsa-titulo{font:700 .75rem var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--lime)}
.bolsa-conta{margin-top:2px;font:800 2.2rem/1 var(--display);font-variant-numeric:tabular-nums}
.bolsa-lista{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.bolsa-lista:empty{display:none}
.bolsa-lista button{border:0;border-radius:50px;background:var(--lime);color:var(--olive);padding:6px 10px;font:700 .625rem/1.2 var(--mono);text-transform:uppercase;letter-spacing:.03em;text-align:left}
.bolsa-dica{margin-top:8px;font-size:.8125rem;color:var(--mist)}

/* ---------- 3 pocket ---------- */
.bolso{--foco:var(--lime);background-color:var(--olive);color:#fff;padding-block:48px 28px}
.bolso-caixa{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);border:1px solid rgba(255,255,255,.22);border-radius:14px;background:var(--olive-2)}
.bolso-oferta{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:18px;padding:32px;border-inline-end:1px solid rgba(255,255,255,.22)}
.bolso-frase{font:500 1.25rem/1.3 var(--body)}
.bolso-marcas{padding:28px 32px}
.bolso-titulo{font:500 1.125rem var(--body);color:#fff}
.marcas-grade{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px}
.marcas-grade a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:6px 10px;border:1.5px solid rgba(255,255,255,.4);border-radius:50px;text-decoration:none;text-align:center;font:700 .6875rem/1.2 var(--mono);text-transform:uppercase;letter-spacing:.04em;transition:background-color .2s ease,color .2s ease}
.bolso-todas{display:inline-block;margin-top:16px;color:var(--lime);font:700 .75rem var(--mono);text-transform:uppercase;letter-spacing:.05em}
@media (hover:hover) and (pointer:fine){.marcas-grade a:hover{background:var(--lime);color:var(--olive);border-color:var(--lime)}}

/* ---------- 4 musette (bento) ---------- */
.musette{--foco:var(--lime);background-color:var(--olive);padding-block:32px 72px}
.musette .titulo-escuro{margin-bottom:22px}
.musette-grade{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:560px;gap:20px}
.musette-grade .cartao-largo{grid-column:span 2}
.musette-grade .cartao-moldura{aspect-ratio:auto}

/* ---------- 5 fórmula ---------- */
.formula{padding-block:88px 96px}
.formula-grade{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:clamp(32px,5vw,80px);align-items:start}
.formula-titulo{font:800 clamp(3rem,7.4vw,6.6rem)/.88 var(--display);text-transform:uppercase;color:var(--navy);letter-spacing:-.005em}
.formula-lede{margin-top:20px;max-width:40rem;font:400 1.125rem/1.55 var(--body);color:var(--tx);text-wrap:pretty}
.rota-abas{display:flex;flex-wrap:wrap;gap:8px;margin-top:32px}
.rota-abas button{min-height:44px;padding:0 20px;border-radius:50px;border:1.5px solid var(--navy);background:transparent;color:var(--navy);font:700 .75rem var(--mono);text-transform:uppercase;letter-spacing:.04em;transition:background-color .2s ease,color .2s ease,transform .16s var(--ease)}
.rota-abas button[aria-selected="true"]{background:var(--olive);color:#fff;border-color:var(--olive)}
.rota-abas button:active{transform:scale(.97)}
.rota-painel{margin-top:26px}
.rota-painel[hidden]{display:none}
.rota-meta{font:700 .8125rem var(--mono);text-transform:uppercase;letter-spacing:.04em;color:var(--tx-2);padding-bottom:12px}
.rota-linhas>li{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);gap:20px;align-items:baseline;padding-block:18px;border-top:2px solid var(--navy)}
.rotulo{font:800 clamp(2.1rem,4.4vw,4rem)/.9 var(--display);text-transform:uppercase;color:var(--navy);letter-spacing:-.005em;text-wrap:balance}
.rota-linhas p{font:400 1.0625rem/1.5 var(--body);color:var(--tx)}
.rota-linhas p+p{margin-top:6px}
.formula-fecho{margin-top:32px;max-width:40rem;padding-top:20px;border-top:2px solid var(--navy);font:500 1.0625rem/1.55 var(--body);color:var(--navy)}
.formula-foto{position:sticky;top:96px;align-self:start}
.formula-foto img{width:100%;max-width:460px;margin-inline:auto;aspect-ratio:3/4;object-fit:cover;border-radius:14px}

/* ---------- 6 uma regra ---------- */
.uma-regra{background-color:var(--olive);color:#fff}
.uma-regra-metades{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.metade-azul,.metade-preta{display:flex;min-height:560px}
.metade-azul{background-color:var(--sky);color:var(--olive)}
.metade-preta{background-color:var(--olive);color:#fff}
.metade-miolo{display:flex;flex-direction:column;width:100%;padding:48px clamp(20px,4vw,56px)}
.metade-azul .metade-miolo{padding-inline-start:max(var(--gut),calc((100vw - var(--max))/2))}
.metade-miolo h2{font:500 clamp(1.3rem,1.9vw,1.65rem)/1.2 var(--body);max-width:28rem;margin-bottom:22px}
.metade-nome{font:700 .8125rem var(--mono);text-transform:uppercase;letter-spacing:.05em}
.metade-preta .metade-nome{color:var(--lime)}
.metade-numero{margin-top:auto;padding-bottom:.14em;font:800 clamp(7rem,17vw,16rem)/.8 var(--display);letter-spacing:-.02em}
.metade-numero span{font-size:.4em}
.metade-preta .metade-numero{color:var(--lime)}
.metade-miolo>p:not(.metade-nome):not(.metade-numero){font-size:1.0625rem;max-width:30rem;margin-top:8px}
.metade-miolo>.metade-numero+p{margin-top:20px}
.uma-regra-regua{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding-block:0}
.regua-cel{padding:32px 28px 36px;border-inline-start:1px solid rgba(255,255,255,.22);color:#fff;font:400 1.0625rem/1.5 var(--body)}
.regua-cel:first-child{border-inline-start:0;padding-inline-start:0;font:700 1.25rem/1.3 var(--body)}

/* ---------- 7 vitrine ---------- */
.vitrine{padding-block:96px 88px}
.vitrine .titulo-claro{margin-bottom:26px}
.vitrine-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.vitrine-4 .cartao-moldura{aspect-ratio:3/4}

/* ---------- 8 nomio ---------- */
.nomio{padding-block:0 96px}
.partido-branco{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);background:#fff;border:1px solid #d8e0ea;border-radius:14px;overflow:hidden}
.partido-produto{display:flex;align-items:center;justify-content:center;background:var(--tile);padding:40px}
.partido-produto img{width:100%;max-width:520px;aspect-ratio:1/1;object-fit:contain}
.partido-texto{display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding:clamp(24px,4vw,48px)}
.partido-texto h2{font:800 clamp(3rem,6vw,5rem)/.9 var(--display);text-transform:uppercase;color:var(--navy)}
.partido-corpo{font:400 1.125rem/1.55 var(--body);color:var(--tx)}
.partido-corpo strong{color:var(--olive)}
.partido-cita{padding-inline-start:16px;border-inline-start:3px solid var(--lime-deep);color:var(--tx-2)}
.partido-sub{font:700 1rem var(--body);color:var(--olive)}
.partido-lista{width:100%}
.partido-lista li{padding-block:9px;border-top:1px solid #d8e0ea;color:var(--tx-2)}
.partido-lista li:last-child{border-bottom:1px solid #d8e0ea}

/* ---------- 9 trilho ---------- */
.trilho-sec{padding-block:8px 96px}
.trilho-topo{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:22px}
.trilho-setas{display:flex;gap:8px}
.seta{width:44px;height:44px;border-radius:50%;border:1.5px solid var(--navy);background:#fff;color:var(--navy);font:700 1rem var(--mono);transition:background-color .2s ease,transform .16s var(--ease)}
.seta:active{transform:scale(.94)}
@media (hover:hover) and (pointer:fine){.seta:hover{background:var(--navy);color:#fff}}
.trilho{overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin;padding-bottom:12px}
.trilho-lista{display:flex;gap:16px;width:max-content;padding-inline:max(var(--gut),calc((100vw - var(--max))/2))}
.trilho-lista>li{flex:none;width:300px;scroll-snap-align:start}
.trilho .cartao-moldura{aspect-ratio:3/5}
.trilho-capa{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:24px;padding:26px;border-radius:14px;background:var(--lime);color:var(--olive)}
.trilho-capa-titulo{font:800 clamp(2.6rem,4vw,3.6rem)/.9 var(--display);text-transform:uppercase}
.trilho-capa .pilula-preta{--foco:var(--olive)}
.trilho .cartao-foto{background:#fff}

/* ---------- 10 try it ---------- */
.amostras{padding-block:24px 96px}
.amostras-grade{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(28px,5vw,72px);align-items:start}
.amostras-esq{position:sticky;top:96px;display:flex;flex-direction:column;gap:20px}
.amostras-fotos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.cartao-recorte.cartao-recorte{padding:12px}
.amostras-fotos .cartao-recorte{background:var(--tile);border-color:#d8e0ea}
.amostras-fotos .cartao-recorte img{background:transparent;padding:6px}
.amostras-cita{background:#fff;border:1px solid #d8e0ea;border-radius:14px;padding:26px;display:grid;gap:12px}
.amostras-cita-titulo{font:500 1.375rem/1.2 var(--body);color:var(--navy)}
.amostras-cita footer{font:700 .75rem var(--mono);text-transform:uppercase;letter-spacing:.03em;color:var(--tx-2)}
.amostras-razao{display:grid;gap:28px;padding-top:6px}
.amostras-razao>li{padding-top:18px;border-top:2px solid var(--navy);display:grid;gap:10px}
.razao-cab{display:flex;align-items:baseline;justify-content:space-between;gap:16px}
.razao-cab h3{font:800 clamp(1.8rem,2.6vw,2.4rem)/.95 var(--display);text-transform:uppercase;color:var(--navy)}
.razao-preco{flex:none;font:700 1.25rem var(--mono);color:var(--olive);font-variant-numeric:tabular-nums;background:var(--lime);padding:6px 14px;border-radius:50px}

/* ---------- 11 escada ---------- */
.escada{padding-block:0 96px}
.escada-grade{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(28px,5vw,72px);align-items:start}
.escada-texto{position:sticky;top:96px;display:grid;gap:16px}
.escada-nota{font:500 1.125rem/1.4 var(--body);color:var(--navy)}
.escada-barras{display:grid;gap:22px}
.escada-nome{font:400 .9375rem/1.4 var(--body);color:var(--tx)}
.escada-trilha{display:flex;align-items:center;gap:14px;margin-top:8px}
.barra{display:block;height:28px;border-radius:50px;background:var(--navy);width:var(--w,100%);transform-origin:left center;flex:none;max-width:calc(100% - 4.5rem)}
.escada-trilha .barra{width:calc(var(--w,100%) - 4.5rem*var(--w-k,0))}
.escada-barras li:first-child .barra{background:var(--lime);box-shadow:inset 0 0 0 2px var(--olive)}
.escada-valor{font:700 1.125rem var(--mono);color:var(--olive);font-variant-numeric:tabular-nums}
.barra-lime{background:var(--lime);height:24px}

/* ---------- 12 prateleira ---------- */
.prateleira{padding-block:0 96px}
.prateleira .titulo-claro{margin-bottom:24px}
.duas-formas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.forma{display:flex;flex-direction:column;gap:12px;padding:32px;border-radius:14px;background:#fff;border:1px solid #d8e0ea}
.forma h3{font:800 clamp(2rem,3.2vw,2.9rem)/.9 var(--display);text-transform:uppercase;color:var(--navy)}
.forma-assina{background:var(--olive);border-color:var(--olive);color:#fff}
.forma-assina h3{color:var(--lime)}
.forma-numero{font:700 1rem var(--mono);color:var(--lime)}
.forma-nota{font-size:.875rem;color:var(--mist)}
.prateleira-grade{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:20px}

/* ---------- 13 prazos ---------- */
.prazos{--foco:var(--lime);background-color:var(--olive);color:#fff;padding-block:72px 64px}
.prazos-trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:28px}
.prazos-trio li{border-top:1px solid rgba(255,255,255,.28);padding-top:14px}
.prazo-num{font:800 clamp(4.6rem,10vw,9rem)/.85 var(--display);color:var(--lime);white-space:nowrap}
.prazo-un{margin-top:8px;font:700 .75rem var(--mono);text-transform:uppercase;letter-spacing:.05em;color:var(--mist)}
.prazo-metodo{margin-top:4px;font:500 1.25rem var(--body)}
.prazos-nota{margin-top:32px;max-width:52rem;font-size:.9375rem;color:var(--mist)}

/* ---------- 14 pelotão ---------- */
.pelotao{--foco:var(--lime);background-color:var(--olive);color:#fff;padding-block:24px 96px;border-top:1px solid var(--olive-3)}
.pelotao-abre{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(28px,5vw,72px);align-items:center;padding-top:56px}
.pelotao h2{font:800 clamp(3rem,7vw,6.4rem)/.88 var(--display);text-transform:uppercase}
.pelotao-deck{margin-top:20px;font:400 1.1875rem/1.5 var(--body);color:var(--mist)}
.pelotao-grito{margin-top:24px;font:800 clamp(1.8rem,3vw,2.8rem)/1 var(--display);text-transform:uppercase;color:var(--lime)}
.pelotao-texto>p:last-child{margin-top:16px;color:#fff}
.pelotao-foto img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:14px}
.pelotao-sub{margin-top:64px;font:500 clamp(1.4rem,2vw,1.8rem)/1.2 var(--body)}
.pelotao-lede{margin-top:12px;max-width:46rem;color:var(--mist)}
.pelotao-numeros{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:28px}
.pelotao-numeros li{padding:24px;border:1px solid rgba(255,255,255,.2);border-radius:14px;background:var(--olive-2)}
.num-grande{font:800 clamp(3rem,4.6vw,4.6rem)/.9 var(--display);color:var(--lime);font-variant-numeric:tabular-nums;white-space:nowrap}
.pelotao-numeros p:last-child{margin-top:12px;color:var(--mist)}
.garrafas{display:grid;gap:14px;margin-top:22px}
.garrafas li{display:grid;grid-template-columns:minmax(0,15rem) minmax(0,1fr);align-items:center;gap:18px}
.garrafa-nome{font:700 .8125rem var(--mono);text-transform:uppercase;letter-spacing:.03em}
.garrafas .barra{max-width:100%}
.pelotao-fecho{margin-top:36px;max-width:46rem;padding-inline-start:18px;border-inline-start:3px solid var(--lime);color:#fff}

/* ---------- 15 bolsos ---------- */
.bolsos{--foco:var(--lime);background-color:var(--olive);color:#fff;padding-block:0 96px}
.bolsos .titulo-escuro{max-width:40rem;margin-bottom:26px}
.bolsos-grade{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.bolso-equipe{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:30px;border:1px solid rgba(255,255,255,.18);border-radius:14px;background:var(--olive-2)}
.bolso-equipe h3{font:800 clamp(1.9rem,2.8vw,2.6rem)/.95 var(--display);text-transform:uppercase}
.bolso-equipe p{color:var(--mist)}
.bolso-equipe .pilula-lime{margin-top:auto}

/* ---------- 16 pilha ---------- */
.pilha{--foco:var(--lime);background-color:var(--navy);color:#fff;padding-block:88px 96px}
.pilha-deck{margin-top:14px;max-width:44rem;color:var(--mist)}
.pilha-trilho{position:relative;margin-top:36px}
.pilha-linha{position:absolute;left:0;right:0;top:108px;height:3px;background:var(--sky);transform-origin:left center}
.pilha-passos{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.passo{display:flex;flex-direction:column;gap:12px;padding:16px 16px 24px;border-radius:14px;background:var(--navy-2);border:1px solid rgba(255,255,255,.16)}
.passo-topo{display:flex;align-items:center;justify-content:center;height:190px;border-radius:10px;background:var(--tile);overflow:hidden}
.passo-topo img{width:100%;height:100%;object-fit:contain;padding:8px}
.passo-topo img[src*="lifestyle-17"]{object-fit:cover;padding:0}
.passo-texto{background:var(--lime);color:var(--olive)}
.passo-texto p{font:800 clamp(3rem,5vw,4.6rem)/.9 var(--display);text-transform:uppercase}
.passo h3{font:800 1.9rem/.95 var(--display);text-transform:uppercase;color:var(--lime)}
.passo p{color:#fff}
.passo .passo-texto p{color:var(--olive)}
.pilha-fecho{margin-top:36px;font:800 clamp(1.8rem,3.2vw,3rem)/1 var(--display);text-transform:uppercase;color:var(--lime)}

/* ---------- 17 compradores ---------- */
.compradores{background-color:var(--teal);color:#fff;padding-block:80px 96px}
.compradores-titulo{text-align:center;font:800 clamp(2.2rem,4.4vw,3.6rem)/1 var(--display);text-transform:uppercase;letter-spacing:.005em}
.compradores-grade{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:40px;align-items:start}
.cartao-compra,.cartao-nota{border-radius:14px;padding:24px;background:#fff;color:var(--tx);display:grid;gap:10px}
.cartao-compra:nth-child(2){margin-top:28px}
.cartao-compra:nth-child(3){margin-top:12px}
.cartao-compra h3{font:500 1.375rem/1.2 var(--body);color:var(--navy)}
.cartao-compra p{font-size:.9375rem}
.estrelas{font-size:1.1rem;letter-spacing:.1em;color:var(--sky-ink)}
.compra-autor{font:700 1rem var(--body);color:var(--navy);margin-top:6px}
.compra-lugar{font-size:.8125rem;color:var(--tx-2)}
.compra-selo{font:700 .75rem var(--body);color:var(--navy)}
.cartao-nota{background:var(--lime);color:var(--olive);align-content:center;justify-items:start;margin-top:44px}
.nota-grande{font:800 clamp(5rem,8vw,7.5rem)/.8 var(--display);font-variant-numeric:tabular-nums}
.cartao-nota .estrelas{color:var(--olive)}

/* ---------- 18 insider ---------- */
.insider{padding-block:96px 96px}
.insider .titulo-claro{margin-bottom:24px}
.insider-caixa{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:0;background:#fff;border:1px solid #d8e0ea;border-radius:14px}
.insider-destaque{position:sticky;top:96px;align-self:start;display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:32px;border-inline-end:1px solid #d8e0ea}
.insider-destaque img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:10px;margin-bottom:8px}
.insider-cat{font:500 .875rem var(--body);color:var(--sky-ink)}
.insider-destaque h3,.insider-lista h3{font:800 clamp(1.5rem,2.2vw,2rem)/1.02 var(--display);text-transform:uppercase;color:var(--navy)}
.insider-data{font:400 .75rem var(--mono);color:var(--tx-2)}
.insider-deck{font-size:.9375rem;color:var(--tx)}
.insider-lista{padding:32px}
.insider-lista>li{display:grid;gap:6px;padding-block:18px;border-top:1px solid #d8e0ea}
.insider-lista>li:first-child{border-top:0;padding-top:0}
.insider-lista>li:last-child{padding-bottom:0}

/* ---------- 19 feed zone ---------- */
.zona{--foco:var(--olive);background-color:var(--lime);color:var(--olive);padding-block:96px 104px}
.zona-titulo{max-width:70rem;font:800 clamp(2.8rem,7vw,6.4rem)/.9 var(--display);text-transform:uppercase;letter-spacing:-.005em;text-wrap:balance}
.zona-linha{margin-top:64px}
.zona-marco{display:grid;grid-template-columns:minmax(0,.4fr) minmax(0,1fr);gap:clamp(16px,4vw,56px);align-items:start;padding-block:24px 28px;border-top:2px solid var(--olive)}
.zona-ano{font:800 clamp(3.4rem,8vw,7.4rem)/.85 var(--display);text-transform:uppercase;white-space:nowrap}
.zona-marco h3{font:700 1.25rem/1.25 var(--body)}
.zona-marco p+p,.zona-marco h3+p{margin-top:8px}
.zona-marco div{max-width:44rem;font-size:1.0625rem}
.zona-rodape{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:48px}
.zona-fundador,.zona-musette{display:flex;flex-direction:column;gap:12px;padding:32px;border-radius:14px}
.zona-fundador{background:var(--olive);color:#fff}
.zona-fundador h3{font:800 2.4rem/.95 var(--display);text-transform:uppercase;color:var(--lime)}
.zona-fundador p{color:var(--mist)}
.zona-musette{background:#fff}
.zona-musette h3{font:800 2.4rem/.95 var(--display);text-transform:uppercase}
.zona-musette-fim{font:700 1.125rem var(--body)}

/* ---------- 20 fecho ---------- */
.fecho{--foco:var(--lime);background-color:var(--olive);color:#fff;padding-block:80px 44px}
.fecho-grade{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,1.1fr) minmax(0,.8fr);gap:clamp(24px,3vw,48px);align-items:start}
.fecho h2{font:700 1.25rem var(--body);margin-bottom:12px}
.fecho p{color:var(--mist)}
.fecho p+p{margin-top:10px}
.fecho a:not(.pilula-lime-botao){color:#fff}
.fecho-selo{margin-top:14px;font:700 .75rem var(--mono);text-transform:uppercase;letter-spacing:.05em;color:var(--lime)!important}
.fecho-cadastro .pilula-lime-botao{margin-top:18px}
.fecho-fda{margin-top:56px;padding-top:20px;border-top:1px solid rgba(255,255,255,.2);text-align:center;font-size:.875rem}

/* ---------- responsivo ---------- */
@media (max-width:1100px){
  .musette-grade{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto}
  .musette-grade .cartao-moldura{aspect-ratio:3/4}
  .musette-grade .cartao-largo .cartao-moldura{aspect-ratio:4/3}
  .vitrine-4,.prateleira-grade,.pilha-passos,.compradores-grade{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cartao-compra:nth-child(n),.cartao-nota{margin-top:0}
  .pilha-linha{display:none}
  .fecho-grade{grid-template-columns:repeat(2,minmax(0,1fr))}
  .marcas-grade{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
  .formula-grade,.amostras-grade,.escada-grade,.pelotao-abre,.insider-caixa,.partido-branco,.bolso-caixa{grid-template-columns:minmax(0,1fr)}
  .formula-foto,.amostras-esq,.escada-texto{position:static}
  .formula-foto img{max-width:420px}
  .formula-foto{order:-1}
  .bolso-oferta{border-inline-end:0;border-bottom:1px solid rgba(255,255,255,.22)}
  .insider-destaque{position:static;border-inline-end:0;border-bottom:1px solid #d8e0ea}
  .uma-regra-metades,.uma-regra-regua,.duas-formas,.bolsos-grade,.zona-rodape,.pelotao-numeros,.prazos-trio{grid-template-columns:minmax(0,1fr)}
  .metade-azul,.metade-preta{min-height:440px}
  .metade-azul .metade-miolo{padding-inline-start:var(--gut)}
  .regua-cel,.regua-cel:first-child{border-inline-start:0;padding-inline:0;border-top:1px solid rgba(255,255,255,.22)}
  .regua-cel:first-child{border-top:0}
  .largada-base{flex-direction:column;align-items:stretch}
  .bolsa{width:100%}
  .garrafas li{grid-template-columns:minmax(0,1fr)}
  .rota-linhas>li{grid-template-columns:minmax(0,1fr);gap:6px}
  .zona-marco{grid-template-columns:minmax(0,1fr);gap:8px}
}
@media (max-width:860px){
  .pacote{position:static;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:8px 10px}
  .pacote-abas{display:contents}
  .pacote-abas a,.chat{justify-content:center;min-height:44px;padding:0 6px;text-align:center;font-size:.8125rem;border:1px solid var(--olive-3)}
  .pacote-abas a[aria-current="page"]{border-color:var(--lime)}
  .chat{font-size:.6875rem;border-color:var(--lime)}
}
@media (max-width:640px){
  .pacote{padding-inline:10px}
  .flat-lay{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding-inline:0}
  .flat-lay li,.flat-lay li:first-child{margin:0;max-width:none}
  .flat-lay li:nth-child(odd){margin-top:0}
  .peca{padding:6px}
  .peca-nome{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);min-height:0}
  .bolso-oferta,.bolso-marcas{padding:22px 18px}
  .musette-grade{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .legenda-solida{padding:10px 10px 14px}
  .legenda-solida h3{font-size:1.15rem}
  .cartao-moldura .pilula-lime{left:8px;top:8px;font-size:.5625rem;padding:6px 8px}
  .vitrine-4,.prateleira-grade{gap:12px}
  .trilho-lista>li{width:240px}
  .compradores-grade,.pilha-passos,.fecho-grade{grid-template-columns:minmax(0,1fr)}
  .forma,.bolso-equipe,.zona-fundador,.zona-musette{padding:24px}
  .formula{padding-block:56px 64px}
  .vitrine,.insider,.zona{padding-block:64px}
  .amostras,.escada,.prateleira,.bolsos,.pilha,.compradores,.nomio,.trilho-sec{padding-bottom:64px}
  .razao-cab{flex-direction:column;gap:8px}
  .insider-destaque,.insider-lista{padding:20px}
  .partido-produto{padding:20px}
  .pelotao-abre{padding-top:32px}
  .faixa-lima{height:44px}
  .faixa-trilho li{line-height:44px}
}

/* ---------- movimento reduzido: só opacidade ---------- */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .faixa-trilho{animation:none}
  .com-js .rv-sobe:not(.in),.com-js .rv-cai:not(.in),.com-js .rv-escala:not(.in),.com-js .rv-da-esquerda:not(.in),.com-js .rv-da-direita:not(.in){transform:none}
  .com-js .rv-barra:not(.in){transform:none;opacity:0}
  .com-js .rv-cortina:not(.in),.com-js .rv-risca:not(.in),.com-js .rv-risca-foto:not(.in){clip-path:none;opacity:0}
  .com-js .rv,.com-js .rv.in{transition:opacity .3s ease;transition-delay:0s}
  .cartao-moldura img,.peca,.pilula-branca,.pilula-laranja{transition:none}
}