@font-face{font-family:'Baloo 2';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/baloo-2-600.woff2) format('woff2')}
@font-face{font-family:'Baloo 2';font-style:normal;font-weight:800;font-display:swap;src:url(fonts/baloo-2-800.woff2) format('woff2')}
@font-face{font-family:'Nunito';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/nunito-400.woff2) format('woff2')}
@font-face{font-family:'Nunito';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/nunito-600.woff2) format('woff2')}
@font-face{font-family:'Nunito';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/nunito-700.woff2) format('woff2')}

:root{--verde:#005648;--escuro:#00342b;--menta:#10b193;--medio:#257960;--creme:#fffbeb;--pagina:#fcfbf9;--palido:#dce6dd;--tinta:#00342b}
*,*::before,*::after{box-sizing:border-box}
html{background:var(--pagina);scroll-behavior:smooth}
body{margin:0;background:var(--pagina);color:var(--tinta);font:400 17px/1.6 'Nunito',system-ui,sans-serif;overflow-x:clip}
img{display:block;max-width:100%;height:auto}
a{color:var(--verde)}
h1,h2,h3{font-family:'Baloo 2','Nunito',sans-serif;font-weight:800;color:var(--verde);margin:0 0 .4em}
h1{font-size:clamp(3.2rem,10vw,7.4rem);line-height:.92;letter-spacing:-.01em}
h1 em,h2 em{font-style:normal;color:var(--medio)}
h2{font-size:clamp(2.1rem,5vw,3.6rem);line-height:1.02;max-width:20ch}
h3{font-weight:600;font-size:1.25rem;line-height:1.2}
p{margin:0 0 1em}
:focus-visible{outline:3px solid var(--menta);outline-offset:3px}

/* pacote */
.pular{position:absolute;left:-999px;top:0;background:var(--verde);color:var(--creme);padding:12px 18px;z-index:50}
.pular:focus{left:12px;top:12px}
.rascunho{background:#fceaa2;color:var(--tinta);text-align:center;font-size:.85rem;font-weight:700;padding:8px 16px}
.pacote{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;padding:10px 20px;background:var(--pagina)}
.pacote-abas{display:flex;flex-wrap:wrap;gap:4px}
.pacote-abas a{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border-radius:999px;color:var(--verde);font-weight:700;font-size:.92rem;text-decoration:none}
.pacote-abas a[aria-current="page"]{background:var(--verde);color:var(--creme)}
.pacote-abas .curto{display:none}
.chat,.rodape-chat{display:inline-flex;align-items:center;min-height:44px;padding:0 22px;border-radius:999px;background:#ff8a70;color:var(--escuro);font-weight:700;text-decoration:none}
@media (max-width:760px){.pacote-abas .longo{display:none}.pacote-abas .curto{display:inline}.pacote-abas a{padding:0 7px;font-size:.82rem}.pacote{padding:8px 12px}}

.rodape{background:var(--escuro);color:var(--creme);text-align:center;padding:48px 20px}
.rodape p{max-width:640px;margin:0 auto 14px}
.rodape .rodape-chat{background:var(--creme);color:var(--verde)}
.rodape-fontes{font-size:.85rem;color:#cfe6dd}

/* base de seção */
.sec{overflow-x:clip;padding:clamp(56px,8vw,112px) 0}
.wrap{width:min(1180px,100% - 40px);margin-inline:auto}
.rotulo{display:inline-block;margin:0 0 18px;padding:6px 14px;border-radius:999px;font-weight:700;font-size:.82rem;letter-spacing:.06em;text-transform:uppercase;background:var(--palido);color:var(--verde)}
.lede{font-size:1.2rem;max-width:62ch}
.btn{display:inline-flex;align-items:center;min-height:48px;padding:0 30px;border-radius:999px;background:var(--verde);color:var(--creme);font-weight:700;text-decoration:none}
.btn-claro{background:var(--creme);color:var(--verde)}
.btn:hover{transform:translateY(-2px)}
.btn{transition:transform .2s ease}

/* fundos próprios */
.s-sniff{background-color:#fffbeb}
.s-ledger{background-color:#003f35;color:var(--creme)}
.s-fourteen{background-color:#10b193;color:var(--escuro)}
.s-easy{background-color:#257960;color:#fff}
.s-starter{background-color:#fffaec}
.s-tick{background-color:#00342b;color:var(--creme)}
.s-fussy{background-color:#fffbeb}
.s-final{background-color:#005648;color:var(--creme)}
.s-ledger h2,.s-tick h2,.s-tick h3,.s-final h2,.s-easy h2,.s-easy h3{color:var(--creme)}
.s-ledger h2 em,.s-final h2 em{color:var(--menta)}
.s-ledger .rotulo,.s-tick .rotulo,.s-final .rotulo,.s-easy .rotulo{background:var(--creme);color:var(--verde)}
.s-fourteen h2,.s-fourteen a{color:var(--escuro)}
.s-fourteen h2 em{color:var(--verde)}
.s-fourteen .rotulo{background:var(--escuro);color:var(--creme)}
.s-easy a:not(.btn){color:#fff}

/* reveal */
.rv{transition:opacity .6s ease,transform .6s ease}
.com-js .rv:not(.in){opacity:0;transform:translateY(20px)}
@media (prefers-reduced-motion:reduce){.rv{transition:none}.com-js .rv:not(.in){opacity:1;transform:none}}

/* 1 sniff */
.s-sniff h1{max-width:9ch}
.s-sniff .lede{margin-top:24px}
.tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;list-style:none;padding:0;margin:56px 0 0}
.tile{border-radius:28px;overflow:hidden;background:var(--palido);box-shadow:0 10px 24px rgba(0,52,43,.12)}
.tile:nth-child(odd){rotate:-1.6deg}
.tile:nth-child(even){rotate:1.2deg}
.tile:nth-child(3n+2){background:#f3e7c6}
.tile:nth-child(3n){background:#cfe9df}
.tile img{width:100%;aspect-ratio:4/3;object-fit:cover}
.tile span{display:block;padding:12px 18px;font-family:'Baloo 2',sans-serif;font-weight:600;font-size:1.15rem;color:var(--verde)}

/* 2 pantry */
.pantry-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:32px;align-items:stretch;margin-top:40px}
.pantry-foto{margin:0;position:relative;min-height:420px}
.pantry-foto>img:first-child{width:100%;height:100%;min-height:420px;object-fit:cover;border-radius:32px}
.sticker{position:absolute;right:-14px;bottom:-18px;width:150px;height:auto;border:6px solid var(--pagina);border-radius:22px;rotate:6deg}
.notas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.nota{background:var(--palido);border-radius:28px;padding:24px;color:var(--verde)}
.nota:nth-of-type(odd){rotate:-1.4deg}
.nota:nth-of-type(even){rotate:1.2deg}
.nota p{margin:0}
.nota h3{margin-bottom:.4em}
.pilula{margin:0;display:flex;align-items:center;min-height:56px;padding:0 20px;border-radius:999px;background:#efeee6;color:var(--verde);font-weight:700}
.nota-cta{display:flex;flex-direction:column;justify-content:space-between;min-height:150px;background:var(--medio);color:#fff;font-family:'Baloo 2',sans-serif;font-weight:800;font-size:1.5rem;line-height:1.1;text-decoration:none}

/* 3 ledger */
.ledger-head{text-align:right;margin-left:auto}
.ledger-head .rotulo{display:table;margin-left:auto}
.ledger-head h2{margin-left:auto}
.ledger-head .sub{font-size:1.3rem;margin:0}
.ledger-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:40px;align-items:stretch;margin-top:48px}
.ledger-fotos{display:grid;grid-template-rows:repeat(3,minmax(0,1fr));gap:14px;min-height:520px}
.ledger-fotos img{width:100%;height:100%;min-height:0;object-fit:cover;border-radius:22px}
.ledger{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;justify-content:center}
.ledger li{font-family:'Baloo 2',sans-serif;font-weight:600;font-size:clamp(1.3rem,2.4vw,2rem);line-height:1.1;padding:22px 0;border-bottom:1px solid rgba(255,251,235,.25)}
.ledger b{display:block;font-weight:800;font-size:clamp(3rem,7vw,5.6rem);color:var(--menta);line-height:1}

/* 4 fourteen */
.fourteen-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:stretch}
.fourteen-texto{align-self:center}
.fourteen-texto h2{max-width:14ch}
.flip{display:inline-flex;gap:8px;background:var(--escuro);padding:12px;border-radius:16px;margin:12px 0 24px}
.flip span{display:block;width:1.1em;text-align:center;background:var(--creme);color:var(--verde);border-radius:10px;font-family:'Baloo 2',sans-serif;font-weight:800;font-size:clamp(3rem,8vw,5.2rem);line-height:1.15}
.nota-fonte{font-size:.9rem}
.fourteen-cartao{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto minmax(0,1fr);gap:12px;background:var(--creme);border-radius:32px;padding:16px}
.fourteen-cartao img{width:100%;border-radius:18px;object-fit:contain;background:var(--creme);aspect-ratio:1/1}
.fourteen-cartao img:last-child{grid-column:1/-1;aspect-ratio:auto;height:100%;min-height:180px;object-fit:cover}

/* 5 ingredients */
.ing-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;list-style:none;padding:0;margin:40px 0}
.ing-grid li{background:var(--palido);border-radius:24px;overflow:hidden}
.ing-grid li:nth-child(even){margin-top:34px}
.ing-grid img{width:100%;aspect-ratio:4/3;object-fit:cover}
.ing-grid p{margin:0;padding:14px 16px;font-weight:700;color:var(--verde)}

/* 6 kitchen */
.s-kitchen{padding-block:clamp(48px,6vw,80px)}
.s-kitchen .wrap{text-align:center;max-width:780px}
.s-kitchen h2{margin-inline:auto}
.s-kitchen .stat{justify-content:center}
.mini-bowls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;list-style:none;padding:0;margin:32px auto 0;max-width:520px}
.mini-bowls img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:50%}

/* 7 stories */
.stories-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:40px;align-items:stretch;margin-top:40px}
.quotes{display:flex;flex-direction:column;gap:20px}
.quote{margin:0;background:var(--creme);border-radius:28px;padding:28px}
.quote:nth-child(even){margin-left:40px}
.quote blockquote{margin:0}
.quote p{margin:0;font-size:1.12rem}
.quote figcaption{margin-top:14px;font-weight:700;color:var(--medio)}
.stories-fotos{display:flex;flex-direction:column;gap:14px;min-height:560px}
.stories-fotos figure{flex:1 1 0;min-height:0;margin:0;overflow:hidden;border-radius:28px;background:var(--palido);border:5px solid var(--creme);box-shadow:0 10px 24px rgba(0,52,43,.12)}
.stories-fotos img{width:100%;height:100%;object-fit:cover}
.s-stories .wrap>p{max-width:72ch}

/* 8 easy */
.easy-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:stretch;margin-top:40px}
.easy-grid>img{width:100%;height:100%;min-height:380px;object-fit:cover;border-radius:28px}
.easy-cards{display:flex;flex-direction:column;gap:14px}
.card{background:var(--creme);color:var(--escuro);border-radius:22px;padding:20px 24px}
.card h3{color:var(--verde);margin-bottom:.2em}
.card p{margin:0}
.mini{font-size:.9rem;margin:0}

/* 9 starter */
.starter-grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:48px;align-items:start}
.starter-b{padding-top:6px}
.s-starter .wrap>.starter-foto{width:100%;aspect-ratio:21/9;object-fit:cover;border-radius:32px;margin-top:40px}
.s-starter .checks{margin-top:4px}
.checks{list-style:none;padding:0;margin:0 0 1em;display:grid;gap:10px}
.checks li{padding:12px 18px 12px 48px;background:var(--creme);border-radius:18px;position:relative;font-weight:600}
.checks li::before{content:"✓";position:absolute;left:18px;color:var(--medio);font-weight:800}

/* 10 tips */
#three-tips .wrap>:not(.tips-grid){text-align:center;margin-inline:auto;max-width:820px}
#three-tips .wrap>h2{max-width:22ch}
#three-tips .wrap>.rotulo{display:table;margin-inline:auto}
.tips-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:40px}
.tip{background:var(--palido);border-radius:24px;padding:16px 16px 22px}
.tip img{width:100%;border-radius:16px;margin-bottom:14px}
.tip-dica{font-weight:700;color:var(--verde)}
.stat{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;margin:28px 0;font-family:'Baloo 2',sans-serif;font-weight:600;font-size:1.3rem;line-height:1.1}
.stat b{font-weight:800;font-size:clamp(2.6rem,6vw,4.4rem);line-height:1;color:var(--medio)}
#three-tips .wrap>.stat{justify-content:center}
.s-easy .mini{font-size:1.05rem}
.s-easy .mini b{font-family:'Baloo 2',sans-serif;font-weight:800;font-size:1.6rem;color:var(--creme)}

/* hero: colagem à direita ocupa a coluna vazia do desktop */
.s-sniff .wrap{position:relative}
.hero-colagem{display:none;margin:0}
@media (min-width:1100px){
  .hero-colagem{display:block;position:absolute;right:0;top:12px;width:38%;max-width:470px;background:var(--menta);border:8px solid #fff;border-radius:32px;rotate:2deg;box-shadow:0 14px 30px rgba(0,52,43,.16)}
  .hero-main{width:100%;aspect-ratio:5/6;object-fit:contain;border-radius:24px}
  .hero-sticker{position:absolute;left:-46px;bottom:-26px;width:190px;height:auto;border:6px solid var(--pagina);border-radius:22px;rotate:-5deg;box-shadow:0 10px 22px rgba(0,52,43,.16)}
  .s-sniff .lede{max-width:52ch}
}

/* 11 brushing */
.brush-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:48px;align-items:start;margin-top:32px}
.brush-fotos{position:sticky;top:24px;display:grid;gap:16px}
.brush-fotos img{width:100%;border-radius:28px}
.passos{list-style:none;padding:0;margin:0 0 1.4em;counter-reset:p}
.passos li{counter-increment:p;position:relative;padding:4px 0 18px 58px}
.passos li::before{content:counter(p);position:absolute;left:0;top:2px;width:40px;height:40px;border-radius:50%;background:var(--verde);color:var(--creme);display:grid;place-items:center;font-weight:800}
.passos strong{display:block;color:var(--verde)}

/* 12 tick */
.tick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;list-style:none;padding:0;margin:40px 0 0}
.tick-grid li{background:rgba(255,251,235,.08);border-radius:24px;overflow:hidden;padding-bottom:22px}
.tick-grid img{width:100%;aspect-ratio:4/3;object-fit:cover;margin-bottom:16px}
.tick-grid h3,.tick-grid p{padding-inline:18px}
.tick-grid p{margin:0}

/* 13 move */
.move-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:48px;align-items:stretch;margin-top:32px}
.ways{list-style:none;padding:0;margin:0}
.ways li{border-top:1px solid rgba(0,86,72,.22);padding:18px 0 8px}
.ways p{margin:0 0 .8em}
.move-fotos{display:flex;flex-direction:column;gap:14px;min-height:520px}
.move-fotos img{flex:1 1 0;min-height:0;width:100%;object-fit:cover;border-radius:28px}
.move-fotos img:last-child{object-fit:contain;background:var(--palido)}

/* 14 fussy */
#fussy .wrap>.rotulo{display:table;margin-inline:auto}
#fussy .wrap>h2{margin-inline:auto;text-align:center;max-width:22ch}
.fussy-grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:44px;align-items:stretch;margin-top:36px}
.fussy-fotos{display:flex;flex-direction:column;gap:14px;min-height:480px}
.fussy-fotos img{flex:1 1 0;min-height:0;width:100%;object-fit:cover;border-radius:28px}

/* 15 questions */
.q-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:48px;align-items:start}
.q-lado{position:sticky;top:24px}
.q-lado img{width:100%;border-radius:28px;margin-top:20px}
.q-lista{display:grid;gap:12px}
details{background:#efeee6;border-radius:28px;padding:0 24px}
summary{min-height:56px;display:flex;align-items:center;cursor:pointer;font-weight:700;color:var(--verde)}
details[open]{padding-bottom:12px}
details p{margin:0 0 .8em}

/* 16 final */
.final-grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:48px;align-items:stretch}
.final-grid>img{width:100%;height:100%;min-height:360px;object-fit:cover;border-radius:32px}
.final-texto h2{max-width:18ch}
.s-final .stat b{color:var(--menta)}
.s-starter .stat,.s-fussy .stat{margin:20px 0}
.fussy-texto .stat{margin:8px 0 20px}

/* responsivo */
@media (max-width:1000px){
  .tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ing-grid,.tick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ing-grid li:nth-child(even){margin-top:0}
}
@media (max-width:900px){
  .starter-grid{grid-template-columns:minmax(0,1fr);gap:8px}
  .s-starter .wrap>.starter-foto{aspect-ratio:16/10}
  .pantry-grid,.ledger-grid,.fourteen-grid,.stories-grid,.easy-grid,.brush-grid,.move-grid,.fussy-grid,.q-grid,.final-grid,.tips-grid{grid-template-columns:minmax(0,1fr)}
  .brush-fotos,.q-lado{position:static}
  .pantry-foto,.pantry-foto>img:first-child,.easy-grid>img,.final-grid>img{min-height:0;height:auto;aspect-ratio:16/10}
  .ledger-fotos,.stories-fotos,.move-fotos,.fussy-fotos{min-height:0;display:grid;grid-template-rows:none}
  .ledger-fotos img,.stories-fotos img,.move-fotos img,.fussy-fotos img{height:auto;aspect-ratio:16/10;flex:none}
  .stories-fotos figure{flex:none}
  .stories-fotos img{height:auto;aspect-ratio:16/10}
  .quote:nth-child(even){margin-left:0}
  .notas{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:560px){
  .tick-grid{grid-template-columns:minmax(0,1fr)}
  .ledger-head{text-align:left}
  .ledger-head .rotulo,.ledger-head h2{margin-left:0}
}