@font-face{font-family:'Josefin Sans';font-style:normal;font-weight:300;font-display:swap;src:url(fonts/josefin-sans-300.woff2) format('woff2')}
@font-face{font-family:'Josefin Sans';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/josefin-sans-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:700;font-display:swap;src:url(fonts/arimo-700.woff2) format('woff2')}

:root{--ink:#272d45;--or:#e55302;--or-d:#b83f00;--indigo:#1c29a7;--pink:#fdf3f1;--sky:#cfe3f5;--grey:#ebebeb;--peach:#ffb98f;--night:#1b1f33}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:#1a1b18;font-family:'Arimo',Arial,sans-serif;font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
h1,h2,h3,h4{font-family:'Josefin Sans','Arimo',sans-serif;margin:0 0 .5em;line-height:1.08;color:inherit}
h1{font-weight:300;font-size:clamp(44px,8.4vw,116px);letter-spacing:-.01em;line-height:.96}
h2{font-weight:300;font-size:clamp(30px,4.6vw,56px)}
h3{font-weight:700;font-size:18px;line-height:1.25}
h4{font-weight:700;font-size:16px;text-transform:uppercase;letter-spacing:.04em}
p{margin:0 0 1em}
ul,ol{margin:0;padding:0}
:focus-visible{outline:3px solid var(--indigo);outline-offset:3px}

/* bloco do pacote */
.pular{position:absolute;left:-999px;top:0;background:#000;color:#fff;padding:12px 18px;z-index:100;min-height:44px}
.pular:focus{left:8px;top:8px}
.rascunho{background:var(--ink);color:#fff;text-align:center;font-size:13px;line-height:1.4;padding:8px 12px}
.pacote{position:sticky;top:0;z-index:50;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 12px;padding:4px clamp(8px,2vw,24px);background:#fff;border-bottom:1px solid #d2d5d9}
.pacote-abas{display:flex;flex-wrap:wrap;gap:2px}
.pacote-abas a{display:inline-flex;align-items:center;min-height:44px;padding:0 10px;font-size:14px;text-decoration:none;color:var(--ink);border-bottom:3px solid transparent}
.pacote-abas a[aria-current="page"]{border-bottom-color:var(--or-d);font-weight:700}
.pacote-abas .curto{display:none}
.chat{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 20px;border-radius:999px;background:var(--or-d);color:#fff;font-weight:700;font-size:14px;text-decoration:none;margin-left:auto}
.rodape{background:#111;color:#e9e9e9;padding:40px clamp(16px,4vw,40px);font-size:14px}
.rodape p{max-width:760px;margin:0 0 12px}
.rodape a{color:#fff}
.rodape-chat{display:inline-flex;align-items:center;min-height:44px}
.rodape-fontes{color:#c9c9c9;font-size:13px}

/* base das seções */
.s{position:relative;overflow-x:clip;padding:clamp(56px,8vw,112px) 0}
.wrap{max-width:1200px;margin:0 auto;padding:0 clamp(16px,4vw,40px)}
.eyebrow{font-weight:700;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--or-d);margin-bottom:12px}
.sub{max-width:56ch;font-size:19px}
.fine{font-size:14px;max-width:80ch}
.ghost{display:block;font-family:'Josefin Sans',sans-serif;font-weight:300;font-size:clamp(96px,16vw,200px);line-height:.8;color:var(--or);margin:0 0 18px;letter-spacing:-.03em}
.btn,.btn-ink,.btn-line{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 28px;font-weight:700;font-size:14px;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;border:2px solid transparent}
.btn{background:var(--or);color:#000}
.btn-ink{background:#000;color:#fff}
.btn-line{min-height:44px;border-color:var(--ink);color:var(--ink);padding:0 18px;letter-spacing:.08em}
.btn:hover,.btn-ink:hover{filter:brightness(1.12)}
.btn-line:hover{background:var(--ink);color:#fff}
.bullets{list-style:none;margin:0 0 1.2em}
.bullets li{padding:10px 0 10px 22px;border-top:1px solid rgba(0,0,0,.15);position:relative}
.bullets li::before{content:"";position:absolute;left:0;top:1.15em;width:10px;height:10px;border-radius:50%;background:var(--or)}
cite{display:block;font-style:normal;font-weight:700;font-size:14px;margin-top:6px}

/* revelação */
.rv{transition:opacity .6s ease,transform .6s ease}
.com-js .rv:not(.in){opacity:0;transform:translateY(18px)}
@media (prefers-reduced-motion:reduce){.rv{transition:none}.com-js .rv:not(.in){opacity:1;transform:none}html{scroll-behavior:auto}}

/* 1 den: título + índice das poses, depois palco de ponta a ponta */
.s-den{background-color:#cfe3f5;color:var(--ink);padding-bottom:36px}
.s-den .eyebrow{color:var(--ink)}
.den-top{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:clamp(24px,4vw,56px);align-items:end}
.den-top .eyebrow{grid-column:1/-1}
.den-top h1{grid-column:1;margin-bottom:0}
.den-top .stance-nav{grid-column:2;display:grid;gap:10px;margin:0;justify-self:start;width:min(100%,260px)}
.lede{font-size:21px;line-height:1.45}
.stance-nav{list-style:none;display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 0}
.stance-nav a{display:flex;align-items:center;gap:12px;min-height:48px;padding:0 18px;border:2px solid var(--ink);text-decoration:none;font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:13px}
.stance-nav a b{font-family:'Josefin Sans',sans-serif;font-size:22px;font-weight:300}
.stance-nav a:hover{background:var(--ink);color:#fff}
.den-stage{position:relative;margin-top:36px}
.den-art{position:relative;padding-bottom:36px}
.den-banner{width:100%}
.den-card{position:absolute;left:16px;bottom:0;width:34vw;max-width:260px;border:6px solid #fff;box-shadow:0 18px 40px rgba(39,45,69,.25)}
.den-copy{background:#fff;padding:24px 20px;margin:0 16px}
.den-copy p:last-child{margin-bottom:0}
@media (min-width:1100px){
  .s-den{padding-bottom:110px}
  .den-art{padding-bottom:0}
  .den-card{left:auto;bottom:-56px;right:calc(max(16px,50% - 560px) + 560px);width:240px}
  .den-copy{position:absolute;top:44px;right:max(16px,calc(50% - 560px));width:520px;margin:0;padding:32px 36px}
}
@media (max-width:760px){.den-top{display:block}.den-top .stance-nav{display:flex;width:auto;margin-top:20px}}

/* 2 prateleira */
.s-shelf h2,.s-shelf .sub{text-align:center;margin-left:auto;margin-right:auto}
.shelf{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:36px}
.card{background:var(--pink);padding:0 0 18px;display:flex;flex-direction:column}
.card img{width:100%;aspect-ratio:1/1;object-fit:cover;margin-bottom:14px}
.card h3,.card p,.card a{margin-left:16px;margin-right:16px}
.card h3{min-height:3.7em}
.rate{font-size:13px;margin-bottom:6px}
.rate span{color:var(--or-d);letter-spacing:2px}
.price{font-weight:700;font-size:20px;margin-bottom:2px}
.size{font-size:13px;color:#444;margin-bottom:12px}
.card a{align-self:flex-start;margin-top:auto}

/* 3 imprensa */
.s-press{background-color:#272d45;color:#fff}
.s-press .eyebrow{color:var(--peach)}
.press-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,5vw,64px);align-items:start}
.press-fig,.most-fig,.refill-fig,.faq-fig,.last-fig,.pose-photos,.melt-photos{position:sticky;top:96px;align-self:start;margin:0}
.press-fig img{width:100%;max-width:480px}
.press-body h2{text-align:right}
.press{list-style:none}
.press li{padding:18px 0;border-top:1px solid rgba(255,255,255,.28)}
.press h3{color:var(--peach);text-transform:uppercase;letter-spacing:.1em;font-size:15px;margin-bottom:6px}
.press p{margin:0 0 8px;max-width:62ch}

/* 4 dermatologistas: colagem deslocada */
.s-derm h2{max-width:20ch}
.derm-trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:36px 0 40px;align-items:start}
.derm-trio figure{margin:0}
.derm-trio img{width:100%;aspect-ratio:3/4;object-fit:cover}
.derm-trio figure:nth-child(2){margin-top:56px}
.derm-trio figure:nth-child(3){margin-top:18px}
.derm-trio figcaption{font-family:'Josefin Sans',sans-serif;font-weight:700;margin-top:8px}
.derm-text{display:flex;flex-wrap:wrap;gap:28px 48px}
.derm-text blockquote{flex:1 1 380px;margin:0;padding:24px 28px;background:var(--grey);font-size:19px}
.derm-text blockquote p{margin:0}
.derm-says{list-style:none;flex:1 1 380px}
.derm-says li{padding:0 0 18px;margin-bottom:18px;border-bottom:1px solid #ccc}
.derm-says p{margin:0}

/* 5 testes clínicos */
.s-most{background-color:#e55302;color:#000}
.s-most .eyebrow{color:#000}
.most-grid,.pose-grid,.melt-grid,.refill-grid,.faq-grid,.last-grid{display:grid;gap:clamp(24px,5vw,64px);align-items:start}
.most-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}
.most-fig img{width:100%;max-width:580px}
.five{margin:0 0 1.4em 1.2em;font-weight:700}
.five li{padding:2px 0}

/* 6 placar */
.s-score{background-color:#1b1f33;color:#fff}
.s-score h2{margin-bottom:.3em}
.num{font-family:'Josefin Sans',sans-serif;font-weight:300;color:var(--peach);line-height:1}
.score-top{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 18px;font-size:18px}
.score-top .num{font-size:clamp(64px,9vw,112px)}
.dist{list-style:none;display:flex;flex-wrap:wrap;gap:6px 22px;margin:0 0 40px;font-size:15px}
.ruler{list-style:none;display:flex;gap:28px;margin:0 0 44px}
.ruler li{flex:1 1 0;min-width:0;border-top:3px solid var(--peach);padding-top:14px}
.ruler p{font-size:15px;margin:0}
.stats{list-style:none;display:flex;flex-wrap:wrap;gap:30px 24px;margin:0 0 28px}
.stats li{flex:0 0 calc(25% - 18px);min-width:0}
.stats .num{display:block;font-size:clamp(48px,6vw,76px);margin-bottom:6px}
.stats span{font-size:15px;display:block}

/* 7 a 10 poses */
.pose-grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
.pose-grid.rev .pose-photos{order:-1}
.pose-photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.pose-photos .p-big{grid-column:1/-1;width:100%}
.pose-photos img{width:100%}
.s-night{background-color:#fdf3f1}
.steps{list-style:none;column-count:2;column-gap:32px;margin:0 0 1.4em}
.steps li{break-inside:avoid;padding:12px 0;border-top:2px solid var(--ink)}
.steps h4{margin-bottom:4px}
.steps p{margin:0;font-size:15px}
.s-morning h2,.s-morning .eyebrow{text-align:right}
.s-morning .ghost{text-align:right}
.s-guard{background-color:#1c29a7;color:#fff}
.s-guard .eyebrow{color:var(--peach)}
.s-guard :focus-visible{outline-color:#fff}
.guard-head{max-width:820px}
.guard-facts{list-style:none;display:flex;flex-wrap:wrap;gap:12px;margin:12px 0 26px}
.guard-facts li{flex:1 1 calc(50% - 12px);min-width:0;padding:14px 18px;border:1px solid rgba(255,255,255,.55);font-size:15px}
.guard-quote{font-family:'Josefin Sans',sans-serif;font-weight:300;font-size:clamp(22px,2.6vw,32px);line-height:1.3;max-width:34em;margin:0 0 32px}
.guard-quote cite{font-family:'Arimo',sans-serif}
.guard-photos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.guard-photos img{width:100%;max-width:360px}
.melt-grid{grid-template-columns:minmax(0,6fr) minmax(0,6fr)}
.melt-photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.melt-photos img{width:100%;aspect-ratio:1/1;object-fit:cover}
.melt-photos .m-b{object-position:center 38%}

/* 11 pacotes */
.s-bundles{background-color:#ebebeb}
.s-bundles h2,.s-bundles .sub{text-align:center;margin-left:auto;margin-right:auto}
.bundle-list{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:32px}
.bcard{display:flex;gap:16px;background:#fff;padding:12px;min-width:0}
.bcard img{flex:0 0 130px;width:130px;height:130px;object-fit:cover}
.bcard div{min-width:0}
.bcard h3{font-size:15px;margin-bottom:4px}
.bcard p{font-size:14px;margin:0 0 4px;line-height:1.45}
.bcard .price{font-weight:700;font-size:17px}
.bcard s{color:#555;font-weight:400;font-size:14px}

/* 12 recargas */
.s-refill{background-color:#e55302;color:#000}
.refill-grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
.s-refill h2{text-align:right}
.ledger{list-style:none;margin:20px 0}
.ledger li{border-top:2px solid #000;padding:14px 0}
.ledger h3{margin-bottom:4px}
.ledger p{margin:0 0 2px;font-size:15px}
.refill-fig img{width:100%;max-width:440px;margin-left:auto}

/* 13 fundadoras */
.founder-cols{column-count:2;column-gap:48px;margin-top:20px}
.founder-cols p{break-inside:avoid}
.founder-facts{list-style:none;display:flex;flex-wrap:wrap;gap:12px;margin:10px 0 34px}
.founder-facts li{flex:1 1 200px;min-width:0;padding:14px 16px;background:var(--grey);font-weight:700;font-size:15px}
.founder-fig{margin:0;background:#cfe3f5}
.founder-fig img{width:100%;max-width:1100px;margin:0 auto}

/* 14 vozes */
.big-quote{margin:24px 0 40px;max-width:none}
.big-quote p{font-family:'Josefin Sans',sans-serif;font-weight:300;font-size:clamp(26px,3.6vw,46px);line-height:1.2;margin-bottom:10px;color:var(--ink)}
.voices{column-count:3;column-gap:36px}
.voices blockquote{break-inside:avoid;margin:0 0 24px;padding:20px;border-left:4px solid var(--or)}
.voices p{margin:0 0 8px;font-size:16px}

/* 15 perguntas */
.s-faq{background-color:#fdf3f1}
.faq-grid{grid-template-columns:minmax(0,4fr) minmax(0,8fr)}
.faq-fig img{width:100%;max-width:440px}
.faq{margin:0}
.faq div{padding:16px 0;border-top:1px solid rgba(0,0,0,.25)}
.faq dt{font-family:'Josefin Sans',sans-serif;font-weight:700;font-size:19px;margin-bottom:6px}
.faq dd{margin:0;font-size:16px}

/* 16 diário */
.concerns{list-style:none;column-count:2;column-gap:40px;margin:16px 0 36px;max-width:980px}
.concerns li{break-inside:avoid;padding:10px 0;border-top:1px solid #ccc;font-size:15px}
.notes{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.notes img{width:100%;height:170px;object-fit:cover;margin-bottom:10px}
.notes h3{font-size:16px}

/* 17 fecho */
.s-last{background-color:#272d45;color:#fff}
.last-grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
.last-body h2{font-weight:700;font-size:clamp(34px,5vw,64px)}
.last-body p:nth-of-type(1){font-family:'Josefin Sans',sans-serif;font-size:28px;color:var(--peach)}
.last-fig img{width:100%;max-width:480px}
.s-last :focus-visible{outline-color:#fff}

@media (max-width:900px){
  .ruler{flex-direction:column;gap:18px}
  .stats li{flex-basis:calc(50% - 12px)}
  .notes{grid-template-columns:repeat(2,minmax(0,1fr))}
  .shelf{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
  body{font-size:16px}
  .pacote-abas{flex:1 1 100%}
  .pacote-abas a{padding:0 8px;font-size:13px}
  .pacote-abas .longo{display:none}
  .pacote-abas .curto{display:inline}
  .press-grid,.most-grid,.pose-grid,.melt-grid,.refill-grid,.faq-grid,.last-grid{grid-template-columns:minmax(0,1fr)}
  .press-fig,.most-fig,.refill-fig,.faq-fig,.last-fig,.pose-photos,.melt-photos{position:static}
  .pose-grid.rev .pose-photos{order:0}
  .press-body h2,.s-refill h2,.s-morning h2,.s-morning .eyebrow,.s-morning .ghost{text-align:left}
  .derm-trio{grid-template-columns:minmax(0,1fr)}
  .derm-trio figure:nth-child(n){margin-top:0}
  .derm-trio img{max-width:360px}
  .steps,.founder-cols,.voices,.concerns{column-count:1}
  .guard-facts li{flex-basis:100%}
  .guard-photos{grid-template-columns:minmax(0,1fr)}
  .bundle-list{grid-template-columns:minmax(0,1fr)}
  .bcard img{flex-basis:96px;width:96px;height:96px}
  .card h3{min-height:0}
  .notes img{height:130px}
  .refill-fig img{margin-left:0}
}

/* conserto-axe (R1d): cor do texto ajustada ao contraste exigido; mesma matiz */
.guard-head > .ghost[aria-hidden="true"]{color:#eb5502}

/* rodada 2: fundos e composições (trava de diversidade) */
.s-derm{background-color:#ebebeb}
.s-derm h2{margin-left:auto;margin-right:auto;text-align:center}
.derm-text{align-items:start}
.derm-text blockquote{background:#fff}
.s-founders{background-color:#cfe3f5}
.s-founders h2,.s-notes h2,.s-chorus h2{text-align:center}
.founder-facts li{background:#fff}
.founder-fig img{max-width:none;aspect-ratio:5/2;object-fit:cover;object-position:left center}
.s-chorus{background-color:#272d45;color:#fff}
.s-chorus :focus-visible{outline-color:#fff}
.big-quote{text-align:center}
.big-quote p{color:#fff}
.s-chorus cite{color:var(--peach)}
.bundle-list{grid-template-columns:minmax(0,1fr);max-width:900px;margin-left:auto;margin-right:auto}
.bcard{align-items:center}
@media (min-width:901px){
  .notes li:first-child{grid-column:span 2;grid-row:span 2}
  .notes li:first-child img{height:400px}
  .notes li:first-child h3{font-size:22px}
  .notes li:last-child{grid-column:span 2}
  .notes li:last-child img{object-position:center 30%}
}
@media (max-width:760px){
  .dist{display:grid;grid-template-columns:1fr 1fr;gap:6px 18px}
  .dist li:last-child{grid-column:1/-1}
}
/* pré-gate: largura limitada ao tamanho natural da foto (sem modelo) */
img[src$="lifestyle-03-n-shop-files-export-banner-lion-pose-png.webp"]{max-width:1584px!important;max-height:672px!important;margin-left:auto;margin-right:auto}