@font-face{font-family:"Lato";src:url("fonts/lato-100-italic.ttf") format("truetype");font-weight:100;font-style:italic;font-display:swap}
@font-face{font-family:"Lato";src:url("fonts/lato-300-italic.ttf") format("truetype");font-weight:300;font-style:italic;font-display:swap}
@font-face{font-family:"Lato";src:url("fonts/lato-400-italic.ttf") format("truetype");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"Lato";src:url("fonts/lato-700-italic.ttf") format("truetype");font-weight:700;font-style:italic;font-display:swap}
@font-face{font-family:"Lato";src:url("fonts/lato-900-italic.ttf") format("truetype");font-weight:900;font-style:italic;font-display:swap}
@font-face{font-family:"Lato";src:url("fonts/lato-100.ttf") format("truetype");font-weight:100;font-style:normal;font-display:swap}
@font-face{font-family:"Lato";src:url("fonts/lato-300.ttf") format("truetype");font-weight:300;font-style:normal;font-display:swap}

:root{--ink:#202322;--gray:#f7f7f7;--red:#fe4a5c;--cream:#ecd68a;--brown:#653f2b;--mint:#aee8bc;--blue:#5e93db;--yellow:#fcd700;--pad:clamp(20px,6vw,90px)}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:"Lato",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;font-weight:300;font-size:17px;line-height:1.55;color:var(--ink);background:#fff;overflow-x:clip}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
h1,h2,h3{font-weight:700;margin:0}
p{margin:0 0 1em}
ul,ol,dl{margin:0;padding:0}
section{overflow-x:clip;position:relative}
:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
.strip :focus-visible,.wall :focus-visible,.desk :focus-visible,.cta :focus-visible,.pacote :focus-visible,.rodape :focus-visible{outline-color:var(--yellow)}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* bloco do pacote */
.pular{position:absolute;left:8px;top:-60px;z-index:50;background:#fff;color:#000;padding:12px 16px;font-weight:700;min-height:44px}
.pular:focus{top:8px}
.rascunho{background:var(--yellow);color:#111;text-align:center;font-size:14px;line-height:1.35;padding:8px 12px;font-weight:700}
.pacote{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;padding:8px clamp(10px,3vw,40px);background:#111;color:#fff}
.pacote-abas{display:flex;flex-wrap:wrap;gap:2px}
.pacote-abas a{display:inline-flex;align-items:center;min-height:44px;padding:0 12px;font-size:14px;font-weight:700;color:#fff;text-decoration:none;letter-spacing:.02em}
.pacote-abas a[aria-current="page"]{background:#fff;color:#111}
.pacote-abas a:hover{text-decoration:underline}
.pacote-abas .curto{display:none}
.chat{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 20px;background:var(--yellow);color:#111;font-weight:700;text-decoration:none;font-size:14px}
.chat:hover{background:#fff}
.rodape{background:#111;color:#fff;padding:36px var(--pad);font-size:15px}
.rodape p{max-width:760px}
.rodape a{color:#fff}
.rodape-chat{display:inline-flex;align-items:center;min-height:44px;padding:0 4px;font-weight:700}
.rodape-fontes{color:#d0d0d0;font-size:14px;margin-bottom:0}
@media (max-width:640px){.pacote-abas .longo{display:none}.pacote-abas .curto{display:inline}.pacote-abas a{padding:0 9px;font-size:13px}}

/* revelação: estado invisível só sob .com-js */
.com-js .rv{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}
.com-js .rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.com-js .rv{opacity:1;transform:none;transition:none}}

/* peças comuns */
.elem{display:inline-flex;align-items:center;justify-content:center;width:58px;height:58px;border:2px solid currentColor;margin-bottom:16px}
.elem i{font-style:normal;font-weight:900;font-size:24px;letter-spacing:.02em}
.btn{display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:0 28px;background:var(--ink);color:#fff;border:2px solid var(--ink);border-radius:0;font-weight:700;font-size:15px;letter-spacing:.08em;text-transform:uppercase;text-decoration:none}
.btn:hover{background:#fff;color:var(--ink)}
.btn.dark{background:#111;border-color:#111;color:#fff}
.btn.dark:hover{background:transparent;color:#111}
.btn.light{background:#fff;border-color:#fff;color:#000}
.btn.light:hover{background:transparent;color:#fff}
h2{font-size:clamp(1.8rem,3.6vw,2.9rem);line-height:1.1;margin-bottom:.5em}
h3{font-size:1.35rem;line-height:1.2;margin-bottom:.4em}
.intro{font-size:1.15rem}
.small{font-size:.95rem}

/* 1 hero */
.hero{min-height:720px;display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);align-items:stretch;background-color:#c4c5c6;color:#111}
.hero-img{order:2;width:100%;height:100%;min-height:720px;object-fit:cover;object-position:100% center}
.hero-in{align-self:center;max-width:660px;margin-left:clamp(20px,11vw,170px);padding:60px 24px 60px 0}
.eyebrow{font-weight:700;font-size:1rem;margin-bottom:.7em}
.hero h1{font-size:clamp(2.2rem,4.4vw,3.8rem);line-height:1.03;letter-spacing:-.01em;margin-bottom:.4em}
.lead{font-size:clamp(1.2rem,2.2vw,1.7rem);line-height:1.3;margin-bottom:1.4em}
@media (max-width:800px){.hero{min-height:0;grid-template-columns:minmax(0,1fr)}.hero-img{order:0;min-height:0;height:380px;object-position:85% center}.hero-in{margin:0 20px;padding:32px 0 40px}}

/* 2 faixa */
.strip{background-color:#000;color:#fff;padding:26px var(--pad)}
.strip-list{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px 38px}
.strip-list li{font-weight:700;font-size:1.05rem;padding:6px 0}
@media (max-width:700px){.strip-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 20px}.strip-list li:last-child{grid-column:1/-1}}

/* 3 linha */
.line{padding:96px var(--pad) 80px}
.line-head{text-align:left;max-width:760px;margin:0 0 48px}
.line-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.lcard{background:#fff;box-shadow:0 0 0 1px #dcdcdc;padding-bottom:22px}
.lcard img{width:100%;margin-bottom:18px}
.lcard h3,.lcard p{padding:0 20px}
.lcard h3{font-size:1.5rem}
.lcard .use{color:#3d3d3d;border-top:1px solid #dcdcdc;padding-top:14px;margin:16px 0 0;font-size:.95rem}
.line-note{text-align:left;margin:40px 0 0;max-width:720px;color:#3d3d3d}
@media (max-width:1000px){.line-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.line-grid{grid-template-columns:minmax(0,1fr)}}

/* 4 faixas de cor */
.bands{background-color:var(--red)}
.bands-list{list-style:none;display:flex}
.bands-list li{flex:1 1 0;min-width:0;display:flex;align-items:center;justify-content:center;min-height:110px;padding:12px;font-weight:700;font-size:1.1rem;color:#111;text-align:center}
.b1{background:var(--red)}.b2{background:var(--cream)}.b3{background:var(--brown);color:#fff!important}.b4{background:var(--mint)}.b5{background:var(--blue)}
@media (max-width:560px){.bands-list{flex-direction:column}.bands-list li{min-height:56px}}

/* 5 periodic */
.periodic{min-height:700px;display:grid;place-items:center;padding:80px 20px;background-color:#eceae6}
.periodic .bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.periodic-in{position:relative;z-index:1;background:#fff;color:#000;width:100%;max-width:1100px;padding:clamp(24px,4vw,52px);text-align:center}
.periodic-in h2{font-size:clamp(2rem,4vw,3.2rem)}
.tiles{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:30px 0}
.tiles li{position:relative;border:1px solid #000;margin:0 0 0 -1px;padding:34px 12px 22px;display:flex;flex-direction:column;align-items:center}
.tiles .sym{position:absolute;top:8px;left:10px;font-weight:900;font-size:14px;letter-spacing:.04em}
.tiles b{font-size:clamp(3.4rem,7vw,5.2rem);line-height:1;font-weight:900}
.tiles span:last-child{font-size:1.05rem;margin-top:6px}
.mix{font-size:1.3rem;margin-bottom:.1em;font-weight:700}
.mix2{font-size:1.3rem}
@media (max-width:760px){.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.tiles li{margin:-1px 0 0 -1px}}

/* 6 ingredientes */
.ingr{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(28px,5vw,64px);padding:100px var(--pad)}
.ing{list-style:none;margin:34px 0}
.ing li{border:2px solid #000;background:#fff;padding:22px 26px;margin:0 0 26px}
.ing li:nth-child(odd){margin-right:7%}
.ing li:nth-child(even){margin-left:7%}
.ing h3{font-size:1.7rem}
.caution{border-left:6px solid var(--red);padding-left:20px;color:#2b2b2b}
.ingr-pics{position:sticky;top:24px;align-self:start;display:grid;gap:20px}
.ingr-pics img{width:100%;aspect-ratio:4/3;object-fit:cover}
@media (max-width:900px){.ingr{grid-template-columns:minmax(0,1fr)}.ingr-pics{position:static}.ing li:nth-child(n){margin-left:0;margin-right:0}}

/* 7 parede de sabores */
.wall{background-color:#212322;color:#fff;padding:96px var(--pad)}
.wall-head{margin-left:auto;max-width:820px;text-align:right;margin-bottom:46px}
.wall-head p{color:#ececec}
.wall-grid{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.wall-grid li{padding:20px 12px 16px;text-align:center;color:#111}
.wall-grid img{width:100%;max-width:210px;height:260px;object-fit:contain;margin:0 auto}
.wall-grid span{display:block;margin-top:12px;font-weight:700;font-size:15px;line-height:1.25}
.w1{background:var(--red)}.w2{background:var(--yellow)}.w3{background:var(--brown);color:#fff!important}.w4{background:var(--mint)}.w5{background:var(--blue)}
.wall-note{max-width:820px;margin:44px 0 0;color:#ececec}
@media (max-width:760px){.wall-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wall-head{text-align:left}}

/* 8 prateleira */
.shelf{padding:96px var(--pad)}
.shelf-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:56px;align-items:end;margin-bottom:40px}
.shelf-head .elem{grid-column:1/-1}
.shelf-head h2,.shelf-head p{margin:0}
@media (max-width:800px){.shelf-head{grid-template-columns:minmax(0,1fr);row-gap:14px}}
.shelf-grid{list-style:none;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:14px}
.shelf-grid a{display:flex;flex-direction:column;min-height:44px;height:100%;background:var(--gray);padding:10px;text-decoration:none;color:var(--ink)}
.shelf-grid a:hover span{text-decoration:underline}
.shelf-grid img{width:100%;aspect-ratio:1;object-fit:contain}
.shelf-grid span{display:block;margin-top:8px;font-size:14px;line-height:1.3;font-weight:700}
@media (max-width:1100px){.shelf-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shelf-grid img{max-width:420px;margin:0 auto}}

/* 9 mesa da ciência */
.desk{background-color:#212322;color:#fff;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(28px,5vw,64px);padding:96px var(--pad)}
.desk-stats{list-style:none;display:flex;flex-wrap:wrap;gap:12px 48px;margin:28px 0}
.desk-stats li{display:flex;flex-direction:column}
.desk-stats b{font-size:clamp(2rem,4vw,3.2rem);line-height:1;font-weight:900}
.desk-block{margin:0 0 28px}
.desk-block h3{color:var(--yellow)}
.press{list-style:none}
.press li{border-left:4px solid var(--yellow);padding:4px 0 4px 16px;margin:0 0 14px}
.desk-end{color:#ececec}
.desk-pics{display:grid;grid-template-rows:minmax(0,1fr) minmax(0,1fr);gap:18px;align-self:stretch;max-width:600px;contain:size}
.desk-pics img{width:100%;height:100%;min-height:0;object-fit:cover}
@media (max-width:900px){.desk{grid-template-columns:minmax(0,1fr)}.desk-pics{grid-template-rows:none;contain:none}.desk-pics img{height:auto;aspect-ratio:16/10;min-height:0}}

/* 10 pelo planeta */
.good{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(28px,5vw,64px);padding:100px var(--pad)}
.good-text h3{margin-top:1.4em}
.good-pics{display:grid;grid-template-rows:repeat(4,minmax(0,1fr));gap:16px;align-self:stretch;max-width:560px;contain:size}
.good-pics img{width:100%;height:100%;min-height:0;object-fit:cover}
@media (max-width:900px){.good{grid-template-columns:minmax(0,1fr)}.good-pics{grid-template-rows:none;contain:none}.good-pics img{height:auto;aspect-ratio:16/10;min-height:0}}

/* 11 na esquina */
.corner{background-color:var(--yellow);color:#111;display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(28px,5vw,64px);padding:84px var(--pad)}
.promo{display:inline-block;background:#111;color:var(--yellow);font-weight:700;font-size:1.3rem;padding:8px 16px}
.corner-pics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-self:stretch}
.corner-pics img{width:100%;height:100%;min-height:360px;object-fit:cover}
@media (max-width:900px){.corner{grid-template-columns:minmax(0,1fr)}.corner-pics img{min-height:0;height:auto;aspect-ratio:3/4}}

/* 12 seis razões */
.six{padding:100px var(--pad)}
.six-head{max-width:900px;margin:0 0 40px;text-align:left}
.six-wide{width:100%;max-width:1100px;aspect-ratio:16/6;object-fit:cover;margin:0 auto 56px}
.six-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(28px,5vw,64px);align-items:start}
.six-card{position:sticky;top:24px;background:var(--gray);padding:28px}
.six-card img{width:100%;max-width:340px;margin:0 auto 20px}
.six-card h3{margin-top:1em}
.reasons{list-style:none}
.reasons li{border-top:2px solid #000;padding:22px 0 10px}
.reasons h3{font-size:1.45rem}
@media (max-width:900px){.six-grid{grid-template-columns:minmax(0,1fr)}.six-card{position:static}.six-wide{aspect-ratio:16/9}}

/* 13 perguntas */
.faq{padding:96px var(--pad)}
.faq-head{margin-bottom:36px}
.faq-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 56px}
.faq-list dt{font-weight:700;font-size:1.3rem;line-height:1.25;margin-bottom:8px}
.faq-list dd{margin:0}
@media (max-width:800px){.faq-list{grid-template-columns:minmax(0,1fr)}}

/* 14 fechamento */
.cta{background-color:#000;color:#fff;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:48px;align-items:center;padding:96px var(--pad)}
.cta h2{font-size:clamp(2.2rem,5vw,4rem)}
.cta-logo{margin:0;background:#fff;padding:28px;width:300px;max-width:100%}
.cta-logo img{width:100%;max-width:240px;margin:0 auto}
@media (max-width:800px){.cta{grid-template-columns:minmax(0,1fr)}}

/* nitidez: largura limitada ao tamanho natural da foto (orquestrador, sem modelo) */
img[src$="lifestyle-17-cdn-shop-files-soy-resize-png.webp"]{max-width:632px!important;max-height:534px!important;margin-left:auto;margin-right:auto}