/* Magic Scoop: concept landing. Hanken Grotesk (no lugar das grotescas do site) + DM Mono (no lugar da PP Fraktion Mono). Ver DIRECAO.md. */
@font-face{font-family:'Hanken Grotesk';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/hanken-grotesk-400.woff2) format('woff2')}
@font-face{font-family:'Hanken Grotesk';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/hanken-grotesk-500.woff2) format('woff2')}
@font-face{font-family:'Hanken Grotesk';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/hanken-grotesk-700.woff2) format('woff2')}
@font-face{font-family:'Hanken Grotesk';font-style:normal;font-weight:800;font-display:swap;src:url(fonts/hanken-grotesk-800.woff2) format('woff2')}
@font-face{font-family:'DM Mono';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/dm-mono-400.woff2) format('woff2')}
@font-face{font-family:'DM Mono';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/dm-mono-500.woff2) format('woff2')}

:root{
  --ink:#242848;--lime:#c4f464;--pine:#03332e;--cream:#faffef;--mint:#21b793;--orange:#ed712e;--blue:#375e9e;--soft:#cfe37c;
  --ease:cubic-bezier(.23,1,.32,1);
  --max:1200px;--pad:clamp(20px,4vw,56px);
  --sans:'Hanken Grotesk',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --mono:'DM Mono',ui-monospace,'SFMono-Regular',Menlo,monospace;
}
*{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;background:var(--ink);color:var(--ink);font:400 1.0625rem/1.55 var(--sans);font-optical-sizing:auto;touch-action:manipulation}
img{display:block;max-width:100%}
a{color:inherit}
::selection{background:var(--lime);color:var(--ink)}
:focus-visible{outline:3px solid currentColor;outline-offset:3px}
h1,h2,h3,p,ul,ol,dl,figure,blockquote{margin:0}
h1,h2,h3{font-weight:800;letter-spacing:-.03em;text-wrap:balance}
h1{font-size:clamp(2.4rem,4vw,3.75rem);line-height:.98}
h2{font-size:clamp(1.9rem,3.5vw,3.1rem);line-height:1.03}
h3{font-size:clamp(1.1rem,1.5vw,1.35rem);line-height:1.15;letter-spacing:-.02em}
p{text-wrap:pretty}
.count,.tally,.mg,.price,.post-date{font-variant-numeric:tabular-nums}

/* ---------- bloco do pacote (menu, faixa, rodapé) ---------- */
.pular{position:absolute;left:-9999px;top:8px;z-index:50;background:var(--lime);color:var(--ink);padding:10px 16px;border-radius:10px;font-weight:700;text-decoration:none}
.pular:focus{left:12px}
.rascunho{background:var(--soft);color:var(--ink);text-align:center;font:500 .8125rem/1.4 var(--sans);padding:7px 16px}
.pacote{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--cream);color:var(--ink);padding:10px var(--pad);border-bottom:2px solid var(--ink)}
.pacote-abas{display:flex;flex-wrap:wrap;gap:6px}
.pacote-abas a{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:999px;font:700 .9375rem/1 var(--sans);text-decoration:none;color:var(--ink);transition:background-color .2s ease}
.pacote-abas a[aria-current]{background:var(--lime);box-shadow:inset 0 0 0 2px var(--ink)}
.pacote-abas .curto{display:none}
@media (hover:hover) and (pointer:fine){.pacote-abas a:not([aria-current]):hover{background:var(--soft)}}
@media (min-width:861px) and (max-width:1100px){.pacote-abas .longo{display:none}.pacote-abas .curto{display:inline}}
.chat{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 20px;border-radius:999px;background:var(--ink);color:var(--cream);font:700 .9375rem/1 var(--sans);text-decoration:none;box-shadow:0 3px 0 #000;transition:transform .15s var(--ease),box-shadow .15s var(--ease)}
.chat:active{transform:translateY(2px);box-shadow:0 1px 0 #000}
.rodape{background:var(--ink);color:var(--cream);text-align:center;padding:36px var(--pad) 48px;font-size:.875rem;line-height:1.5}
.rodape p{max-width:72ch;margin:8px auto}
.rodape-chat{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 22px;border-radius:999px;background:var(--lime);color:var(--ink);font-weight:700;text-decoration:none;box-shadow:0 3px 0 #7fa11f}
.rodape-fontes{color:#d9dce8}

/* ---------- seções: fundo sólido + costura ---------- */
main section{position:relative;overflow-x:clip;background-color:var(--c);color:var(--fg);padding:clamp(48px,5vw,64px) 0 clamp(104px,8vw,112px)}
main section::after{content:'';position:absolute;inset:auto 0 0;height:96px;background:linear-gradient(to bottom in oklab,var(--c),var(--n));pointer-events:none}
.hold{position:relative;z-index:1;max-width:var(--max);margin-inline:auto;padding-inline:var(--pad)}
.on-ink{--fg:#faffef;--sub:#d9dce8;--acc:#c4f464}
.on-lime{--fg:#242848;--sub:#3b4272;--acc:#242848}
.on-cream{--fg:#242848;--sub:#4a5080;--acc:#03332e}
.on-pine{--fg:#faffef;--sub:#cfe37c;--acc:#c4f464}
.on-blue{--fg:#faffef;--sub:#e6ecf5;--acc:#c4f464}
.on-orange{--fg:#242848;--sub:#242848;--acc:#242848}
.on-mint{--fg:#242848;--sub:#03332e;--acc:#242848}
.head{text-align:center;max-width:880px;margin:0 auto 30px}
.sub{margin:14px auto 0;color:var(--sub);font-size:1.125rem;line-height:1.5;max-width:68ch}

/* ---------- botões (sombra de press, como --ms-press-shadow) ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 26px;border-radius:999px;border:2px solid var(--ink);font:700 1rem/1.15 var(--sans);text-decoration:none;text-align:center;transition:transform .15s var(--ease),box-shadow .15s var(--ease),background-color .2s ease}
.btn-lime{background:var(--lime);color:var(--ink);border-color:var(--lime);box-shadow:0 4px 0 #7fa11f}
.btn-line{background:transparent;color:var(--cream);border-color:var(--cream);box-shadow:0 4px 0 rgba(250,255,239,.3)}
.btn-ink{background:var(--ink);color:var(--cream);box-shadow:0 4px 0 #000}
.btn-line-ink{background:transparent;color:var(--ink);box-shadow:0 4px 0 rgba(36,40,72,.35)}
.btn-s{min-height:44px;padding:10px 20px}
.btn:active{transform:translateY(3px);box-shadow:0 1px 0 rgba(0,0,0,.4)}
@media (hover:hover) and (pointer:fine){.btn:hover{transform:translateY(-2px)}}
.cta-row{display:flex;flex-wrap:wrap;gap:14px}
.cta-center{text-align:center;margin-top:28px}

/* ---------- 1. top-scoop ---------- */
.top-grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:clamp(24px,4vw,64px);align-items:center}
.top-copy{text-align:left}
.wordmark{display:inline-block;background:#fff;padding:10px 16px;border-radius:14px;margin-bottom:22px}
.wordmark img{height:40px;width:auto}
.top-copy h1{max-width:12ch}
.lead{margin-top:18px;font-size:1.25rem;line-height:1.4;color:var(--sub);max-width:34ch}
.top-copy .cta-row{margin-top:26px}
.seals{list-style:none;padding:0;margin:26px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:420px}
.seals li{border:1.5px solid rgba(250,255,239,.4);border-radius:12px;padding:10px 12px;font:600 .9375rem/1.2 var(--sans);text-align:center;white-space:nowrap}
.top-photos{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);grid-template-rows:repeat(2,minmax(0,1fr));gap:14px;aspect-ratio:1/1;max-height:540px}
.ph{margin:0;border-radius:22px;overflow:hidden;background:#1b1e3a;min-height:0}
.ph-tall{grid-row:1/span 2}
.ph img{width:100%;height:100%;object-fit:cover}

/* ---------- 2. one-scoop ---------- */
.scoop-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,5vw,72px);align-items:center}
.scoop-wrap{position:relative;padding-right:clamp(40px,7vw,110px);padding-top:14px;max-width:640px;width:100%;justify-self:center}
.bowl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);gap:4px;aspect-ratio:4/3.1;background:var(--ink);border-top:12px solid var(--ink);border-radius:0 0 50% 50%/0 0 88% 88%;overflow:hidden}
.grain{overflow:hidden;min-width:0;min-height:0}
.grain img{width:100%;height:100%;object-fit:cover}
.handle{position:absolute;right:0;top:8px;width:clamp(80px,11vw,170px);height:20px;border-radius:0 12px 12px 0;background:var(--ink);transform:rotate(-7deg);transform-origin:left center}
.scoop-facts{text-align:center}
.tally{display:flex;align-items:baseline;justify-content:center;gap:4px;font:800 clamp(5rem,11vw,8.5rem)/.85 var(--sans);letter-spacing:-.05em}
.tally .plus{font-size:.7em}
.plain-list{list-style:none;padding:0;margin:22px auto 0;max-width:46ch;display:grid;gap:10px}
.plain-list li{background:var(--cream);border-radius:14px;padding:12px 18px;font-size:1rem;line-height:1.4}

/* ---------- 3. three-jobs ---------- */
.jobs-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,4vw,56px);align-items:center}
.jobs-photo{border-radius:26px;overflow:hidden;aspect-ratio:1/1;max-height:470px;width:100%;justify-self:center}
.jobs-photo img{width:100%;height:100%;object-fit:cover}
.jobs-list{display:grid;gap:12px}
.job{background:var(--ink);color:var(--cream);border-radius:20px;padding:16px 24px;text-align:center;display:grid;gap:4px}
.job-n{font:800 clamp(2rem,3.4vw,3rem)/1 var(--sans);letter-spacing:-.03em;color:var(--lime)}
.job-n span{font:500 .38em/1 var(--mono);letter-spacing:0;color:var(--cream);margin-left:4px}
.job-note{text-align:center;color:var(--sub);font-size:1rem;max-width:56ch;margin:6px auto 0}

/* ---------- abas (dose-ruler, stick-or-pouch) ---------- */
.tablist{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-bottom:24px}
.tab{min-height:44px;padding:0 24px;border-radius:999px;border:2px solid var(--acc);background:transparent;color:var(--fg);font:500 1rem/1 var(--mono);cursor:pointer;transition:background-color .2s ease,color .2s ease,transform .15s var(--ease)}
.tab.on{background:var(--acc);color:var(--c)}
.tab:active{transform:scale(.97)}
.com-js .panel:not(.on){display:none}
.panel.on{animation:panel-in .35s var(--ease)}
@keyframes panel-in{from{opacity:0}to{opacity:1}}

/* ---------- 4. dose-ruler ---------- */
.dose-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.dose-card{background:var(--cream);color:var(--ink);border-radius:22px;overflow:hidden;text-align:center;display:grid;grid-template-rows:auto 1fr}
.dose-img{margin:0;aspect-ratio:3/2;overflow:hidden}
.dose-img img{width:100%;height:100%;object-fit:cover}
.dose-body{padding:14px 16px 18px;display:grid;gap:8px;align-content:start}
.mg{font:500 .8125rem/1.3 var(--mono);color:#2f3560}
.dose-body p:not(.mg){font-size:.9375rem;line-height:1.45;color:#4a5080}
.dose-wide{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:none;max-width:960px;margin-inline:auto}
.dose-wide .dose-img{aspect-ratio:auto;min-height:260px}
.dose-wide .dose-body{padding:28px;align-content:center}
.track{height:10px;border-radius:99px;background:#dfe6c8;margin-top:6px;overflow:hidden}
.bar{display:block;height:100%;width:var(--w);border-radius:99px;background:var(--pine);transform-origin:left center}

/* ---------- 5. flavour-line ---------- */
.flavour-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.flavour{background:var(--cream);color:var(--ink);border-radius:24px;overflow:hidden;text-align:center;padding-bottom:20px;display:grid;gap:8px;align-content:start}
.flavour figure{aspect-ratio:4/3;overflow:hidden;margin-bottom:6px}
.flavour img{width:100%;height:100%;object-fit:cover}
.flavour h3,.flavour p{padding-inline:20px}
.flavour p{font-size:.9375rem;line-height:1.45;color:#4a5080}
.chip-grid{list-style:none;padding:0;margin:22px 0 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.chip-grid li{border:2px solid var(--lime);border-radius:14px;padding:12px 10px;text-align:center;font:500 .9375rem/1.3 var(--mono);display:grid;align-content:center}
.flavour-chips{list-style:none;padding:0;margin:4px 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.flavour-chips li{background:var(--ink);color:var(--cream);border-radius:12px;padding:9px 8px;font:500 .8125rem/1.25 var(--mono)}

/* ---------- 6. flavour-vote ---------- */
.vote-grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:20px;align-items:center}
.vote-photo{border-radius:24px;overflow:hidden;aspect-ratio:1200/630;width:100%}
.vote-photo img{width:100%;height:100%;object-fit:cover}
.contenders{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.contenders article{background:var(--cream);border-radius:18px;padding:16px;text-align:center;display:grid;gap:6px;align-content:start}
.contenders p{font-size:.9375rem;line-height:1.4;color:#4a5080}

/* ---------- 7. versus-the-shelf ---------- */
.versus-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.vs-card{border-radius:26px;padding:clamp(22px,3vw,36px);text-align:center;display:grid;gap:14px;align-content:center}
.vs-card h3{font-size:clamp(1.3rem,2vw,1.7rem)}
.vs-dark{background:var(--ink);color:var(--cream)}
.vs-dark h3{color:var(--lime)}
.vs-light{background:var(--lime);color:var(--ink)}
.vs-line{font-weight:700}
.vs-tags{list-style:none;padding:0;margin:4px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.vs-tags li{border:2px solid var(--lime);border-radius:12px;padding:10px;font:500 .875rem/1.3 var(--mono)}

/* ---------- 8. starter-kit ---------- */
.kit-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.kit-card{background:var(--cream);color:var(--ink);border-radius:22px;padding:18px;text-align:center;display:grid;gap:8px;align-content:center}
.kit-card figure{aspect-ratio:1/1;max-height:150px;border-radius:14px;overflow:hidden;margin:0 auto 4px;width:100%}
.kit-card img{width:100%;height:100%;object-fit:cover}
.kit-main{background:var(--ink);color:var(--cream);padding:22px 18px}
.kit-main h3{color:var(--lime)}
.kit-big{font:800 clamp(1.4rem,2.2vw,2rem)/1.05 var(--sans);letter-spacing:-.03em}
.kit-price{font:500 1rem/1.3 var(--mono)}
.plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:16px}
.plan{background:var(--pine);color:var(--cream);border-radius:22px;padding:20px;text-align:center;display:grid;gap:8px;align-content:start}
.plan h3{color:var(--lime)}
.plan p{font-size:.9375rem;line-height:1.4}

/* ---------- 9. stick-or-pouch ---------- */
.format-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(20px,3vw,40px);align-items:center}
.format-photos{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);grid-template-rows:repeat(2,minmax(0,1fr));gap:12px;aspect-ratio:1.4/1;max-height:420px}
.fp{margin:0;border-radius:20px;overflow:hidden;min-height:0}
.fp-a{grid-row:1/span 2}
.fp img{width:100%;height:100%;object-fit:cover}
.format-copy{background:var(--cream);color:var(--ink);border-radius:26px;padding:clamp(22px,3vw,32px);text-align:center;display:grid;gap:10px}
.format-tag{font:500 .875rem/1.3 var(--mono);color:#2f3560}
.format-price{font:800 clamp(1.6rem,2.6vw,2.2rem)/1 var(--sans);letter-spacing:-.03em;color:var(--pine)}
.format-copy p:not([class]){font-size:.9375rem;line-height:1.45;color:#4a5080}

/* ---------- 10. the-shelf ---------- */
.shelf-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.shelf-item{background:#fff;border-radius:22px;box-shadow:0 0 0 2px var(--soft);overflow:hidden;display:grid;grid-template-columns:minmax(0,150px) minmax(0,1fr);align-items:center;gap:6px 0}
.shelf-item figure{aspect-ratio:1/1;overflow:hidden;align-self:stretch}
.shelf-item img{width:100%;height:100%;object-fit:cover}
.shelf-gift{background:#dcefe8;display:grid;place-items:center;padding:18px}
.shelf-gift img{object-fit:contain}
.shelf-item>div{padding:14px 16px;text-align:center;display:grid;gap:6px}
.shelf-item p:not(.price){font-size:.875rem;line-height:1.4;color:#4a5080}
.price{font:500 .9375rem/1.3 var(--mono);color:var(--pine)}
.price s{color:#4a5080;margin-left:4px}

/* ---------- 11. how-to-scoop ---------- */
.how-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(20px,3vw,40px);align-items:center}
.how-photo{border-radius:26px;overflow:hidden;aspect-ratio:4/3;width:100%}
.how-photo img{width:100%;height:100%;object-fit:cover}
.steps{list-style:none;padding:0;display:grid;gap:12px}
.steps li{background:var(--cream);border-radius:20px;padding:16px 20px;display:grid;grid-template-columns:48px minmax(0,1fr);gap:16px;align-items:start;text-align:left}
.step-n{width:48px;height:48px;border-radius:50%;background:var(--ink);color:var(--lime);display:grid;place-items:center;font:800 1.25rem/1 var(--sans)}
.steps p{font-size:.9375rem;line-height:1.45;color:#4a5080;margin-top:4px}
.next-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px}
.next{background:var(--ink);color:var(--cream);border-radius:20px;padding:20px 24px;text-align:center;display:grid;gap:6px}
.next h3{color:var(--lime)}
.next p{font-size:.9375rem;line-height:1.45}

/* ---------- 12. inside-scoop ---------- */
.post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.post{background:var(--cream);color:var(--ink);border-radius:22px;padding:20px;text-align:center;display:grid;gap:8px;align-content:start}
.post-date{font:500 .8125rem/1.3 var(--mono);color:#2f3560}
.post h3{font-size:1.05rem}
.post p:not(.post-date){font-size:.875rem;line-height:1.45;color:#4a5080}
.post a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;font-weight:700;color:var(--pine);text-underline-offset:3px}

/* ---------- 13. label-proof ---------- */
#label-proof .sub{font-size:1rem}
.proof-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.proof-col{background:#fff;border-radius:22px;box-shadow:0 0 0 2px var(--soft);padding:20px;text-align:center;display:grid;gap:10px;align-content:center}
.proof-col p{font-size:.875rem;line-height:1.45;color:#4a5080}
.proof-col h3{font-size:1.1rem}
.proof-ledger figure{aspect-ratio:16/7;border-radius:14px;overflow:hidden}
.proof-ledger img{width:100%;height:100%;object-fit:cover}
.ledger{display:grid}
.ledger div{display:flex;justify-content:space-between;align-items:baseline;gap:10px;border-top:1px solid var(--soft);padding:7px 0;text-align:left}
.ledger dt{font-size:.8125rem;line-height:1.3}
.ledger dd{font:500 .8125rem/1.3 var(--mono);white-space:nowrap;color:var(--pine)}
.stevia{list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.stevia li{background:#eef5d6;border-radius:12px;padding:8px;display:grid;gap:2px}
.stevia span{font-size:.75rem;line-height:1.2;color:#4a5080}
.stevia b{font:500 1.05rem/1.2 var(--mono);color:var(--pine)}

/* ---------- 14. founders-and-vancouver ---------- */
.founders-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(20px,3vw,40px);align-items:center}
.founders-photo{border-radius:26px;overflow:hidden;aspect-ratio:1400/868;width:100%}
.founders-photo img{width:100%;height:100%;object-fit:cover}
.founders-copy{display:grid;gap:14px;text-align:center}
.founders-copy>p:first-child{font-size:1.0625rem;line-height:1.5}
.founders-names{font:800 1.35rem/1.15 var(--sans);letter-spacing:-.02em;color:var(--lime)}
.founders-names span{display:block;font:500 .875rem/1.3 var(--mono);letter-spacing:0;color:var(--cream);margin-top:4px}
.van-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.van{background:var(--ink);color:var(--cream);border-radius:20px;padding:18px;display:grid;gap:8px;align-content:center;justify-items:center}
.van h3{color:var(--lime);font-size:1.05rem}
.van p{font-size:.875rem;line-height:1.45}
.tally-s{font-size:clamp(3rem,5vw,4rem);color:var(--lime)}
.address{font:400 .8125rem/1.4 var(--mono);color:var(--sub)}

/* ---------- 15. ship-ledger ---------- */
.ship-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.ship{background:var(--cream);color:var(--ink);border-radius:22px;padding:22px;text-align:center;display:grid;gap:8px;align-content:start;justify-items:center}
.ship p{font-size:.9375rem;line-height:1.4;color:#4a5080}
.ship .ship-big{font:800 clamp(1.3rem,2vw,1.75rem)/1.1 var(--sans);letter-spacing:-.03em;color:var(--ink)}
.ship-flag{background:var(--orange);color:var(--ink)!important;border-radius:999px;padding:5px 14px;font:700 .875rem/1.3 var(--sans)!important}
.rule{border:0;height:3px;width:100%;background:var(--ink);margin:6px 0;transform-origin:left center}
.ship-notes{list-style:none;padding:0;margin:18px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.ship-notes li{border-top:2px solid var(--lime);padding-top:12px;text-align:center;font-size:.9375rem;line-height:1.45;color:var(--sub)}

/* ---------- 16. love-it-guarantee ---------- */
.guarantee-grid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:16px;align-items:stretch}
.days{background:var(--ink);color:var(--cream);border-radius:28px;padding:24px;text-align:center;display:grid;place-content:center;gap:8px}
.days-n{font:800 clamp(6rem,13vw,9.5rem)/.85 var(--sans);letter-spacing:-.05em;color:var(--lime)}
.days p:last-child{font:500 .9375rem/1.3 var(--mono)}
.terms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.terms article{background:var(--cream);border-radius:20px;padding:20px;text-align:center;display:grid;align-content:center}
.terms p{font-size:.9375rem;line-height:1.5}
.guarantee-foot{text-align:center;margin-top:20px;font-weight:700}

/* ---------- 17. verified-buyer ---------- */
.buyer-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:16px;align-items:stretch}
.quote{background:var(--cream);color:var(--ink);border-radius:28px;padding:clamp(24px,4vw,48px);text-align:center;display:grid;gap:18px;align-content:center}
.quote blockquote p{font:800 clamp(1.8rem,3.2vw,2.8rem)/1.08 var(--sans);letter-spacing:-.03em;text-wrap:balance}
.quote figcaption{font:500 .9375rem/1.3 var(--mono)}
.quote figcaption span{display:block;color:#4a5080;margin-top:2px}
.ratings{display:grid;gap:12px}
.rating{background:var(--lime);color:var(--ink);border-radius:20px;padding:16px 20px;text-align:center;display:grid;gap:4px}
.rating h3{font-size:1.05rem}
.rating p{font-size:.9375rem;line-height:1.35}
.rating .count{font:800 1.9rem/1 var(--sans);letter-spacing:-.03em;margin-right:2px}

/* ---------- 18. faq ---------- */
.faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 24px;align-items:start}
.faq-col{display:grid;gap:12px;align-content:start}
.qa{background:#fff;border-radius:16px;box-shadow:0 0 0 2px var(--soft)}
.qa summary{list-style:none;cursor:pointer;min-height:48px;padding:14px 52px 14px 20px;font:700 1rem/1.3 var(--sans);position:relative;text-align:left}
.qa summary::-webkit-details-marker{display:none}
.qa summary::after{content:'+';position:absolute;right:18px;top:50%;translate:0 -50%;font:500 1.5rem/1 var(--mono);transition:rotate .25s var(--ease)}
.qa[open] summary::after{rotate:45deg}
.qa p{padding:0 20px 18px;font-size:.9375rem;line-height:1.5;color:#4a5080;text-align:left}

/* ---------- 19. cta-final ---------- */
.close{text-align:center;max-width:820px}
.close h2{font-size:clamp(2.4rem,5vw,4rem)}
.close .sub{max-width:56ch}
.close .cta-row{justify-content:center;margin-top:26px}
.close-note{margin:26px auto 0;max-width:52ch;font:400 .9375rem/1.5 var(--sans);color:var(--sub)}

/* ---------- revelação ao rolar: estado escondido só sob .com-js ---------- */
.com-js .rv{transition-property:opacity,transform,clip-path;transition-duration:.32s;transition-timing-function:ease}
.com-js .rv.in{transition-duration:.9s;transition-timing-function:var(--ease);transition-delay:calc(var(--i,0)*80ms)}
.com-js .rv-wipe.in,.com-js .rv-wipe-up.in{transition-duration:1.1s}
.com-js .rv.in{opacity:1;transform:none}
.com-js .rv-wipe.in,.com-js .rv-wipe-up.in{clip-path:inset(0 0 0 0)}
.com-js .rv-up:not(.in){opacity:0;transform:translateY(26px)}
.com-js .rv-scale:not(.in){opacity:0;transform:scale(.9)}
.com-js .rv-draw:not(.in){transform:scaleX(0)}
.com-js .rv-wipe:not(.in){clip-path:inset(0 100% 0 0)}
.com-js .rv-wipe-up:not(.in){clip-path:inset(100% 0 0 0)}
.com-js .rv:not(.in):not(.rv-up):not(.rv-scale):not(.rv-draw):not(.rv-wipe):not(.rv-wipe-up){opacity:0}
@media (prefers-reduced-motion:reduce){
  .com-js .rv,.com-js .rv.in{transition-property:opacity;transition-duration:.4s;transition-delay:0s}
  .com-js .rv:not(.in){opacity:0;transform:none;clip-path:none}
  .panel.on{animation:none}
  .btn,.chat,.tab{transition:none}
}

/* ---------- responsivo ---------- */
@media (max-width:1000px){
  .dose-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .shelf-grid,.post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .proof-grid,.ship-grid,.ship-notes{grid-template-columns:minmax(0,1fr)}
  .kit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .plan-grid{grid-template-columns:minmax(0,1fr)}
  .flavour-grid{grid-template-columns:minmax(0,1fr);max-width:460px;margin-inline:auto}
  .vote-grid,.versus-grid,.format-grid,.how-grid,.founders-grid,.guarantee-grid,.buyer-grid,.faq-grid,.jobs-grid,.scoop-grid{grid-template-columns:minmax(0,1fr)}
  .chip-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .jobs-photo{max-height:380px;aspect-ratio:16/10}
  .proof-ledger figure{aspect-ratio:16/6}
}
@media (max-width:860px){
  .top-grid{grid-template-columns:minmax(0,1fr)}
  .top-photos{aspect-ratio:1/1;max-height:440px}
  .top-copy h1{max-width:none}
  .dose-wide{grid-template-columns:minmax(0,1fr)}
  .dose-wide .dose-img{min-height:0;aspect-ratio:3/2}
}
@media (max-width:640px){
  body{font-size:1rem}
  .shelf-grid,.post-grid,.terms,.van-grid,.next-grid,.contenders{grid-template-columns:minmax(0,1fr)}
  .shelf-item{grid-template-columns:minmax(0,110px) minmax(0,1fr)}
  .shelf-item>div{padding:12px}
  .dose-grid{gap:10px}
  .dose-body{padding:10px 10px 14px}
  .dose-body p:not(.mg){font-size:.8125rem}
  .mg{font-size:.6875rem}
  .kit-grid{gap:10px}
  .kit-card{padding:12px}
  .seals li{font-size:.8125rem;padding:9px 6px}
  .cta-row .btn{flex:1 1 100%}
  .tablist{gap:6px}
  .tab{padding:0 12px;font-size:.8125rem}
  .ledger dt{font-size:.75rem}
  .tally{font-size:clamp(5rem,28vw,7rem)}
  .scoop-wrap{padding-right:44px}
  .handle{width:70px}
  .sub{font-size:1rem}
}