/* GuruNanda: the seven-step morning on a dial. Flat colour bands from the store's own theme variables; no gradients. */
@font-face{font-family:'Assistant';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/assistant-400.woff2) format('woff2')}
@font-face{font-family:'Assistant';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/assistant-600.woff2) format('woff2')}
@font-face{font-family:'Assistant';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/assistant-700.woff2) format('woff2')}
@font-face{font-family:'Assistant';font-style:normal;font-weight:800;font-display:swap;src:url(fonts/assistant-800.woff2) format('woff2')}

:root{
  --teal:#00766a; --deep:#0e5750; --brown:#4f2c1d; --orange:#c74214; --amber:#f4b400;
  --white:#ffffff; --mist:#e3f3f0; --cream:#f5ece4; --studio:#ececec;
  --on-deep:#d9efea; --on-brown:#f0dfd3;
  --gut:clamp(20px,4.4vw,64px);
  --pad:clamp(56px,6vw,84px);
  --ease-out:cubic-bezier(0.23,1,0.32,1);
  --ease-in-out:cubic-bezier(0.77,0,0.175,1);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;font-family:'Assistant',system-ui,sans-serif;font-size:18px;line-height:1.55;color:var(--brown);background:var(--white);font-variant-numeric:lining-nums}
img{display:block;max-width:100%;height:auto}
h1,h2,h3,p,ul,ol,dl,dd,figure,blockquote{margin:0}
ul,ol{padding:0;list-style:none}
a{color:inherit}
::selection{background:var(--amber);color:var(--brown)}
:focus-visible{outline:3px solid var(--amber);outline-offset:3px}
h1,h2{font-weight:800;letter-spacing:-.028em;text-wrap:balance}
h2{font-size:clamp(30px,3.3vw,48px);line-height:1.04}
h3{font-size:20px;line-height:1.2;font-weight:700}
main section{overflow-x:clip;padding-block:var(--pad)}
.w{max-width:1280px;margin-inline:auto;padding-inline:var(--gut)}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* casca do pacote */
.pular{position:absolute;left:-999px;top:0;background:#fff;color:#000;padding:8px 12px;z-index:50}
.pular:focus{left:8px}
.rascunho{background:var(--brown);color:#fff;font-size:13px;line-height:1.4;text-align:center;padding:7px 16px}
.pacote{display:flex;align-items:center;gap:12px;padding:10px var(--gut);background:var(--white);border-bottom:1px solid #d2d5d9;position:relative;z-index:5}
.pacote-abas{display:flex;gap:4px;flex:1;min-width:0}
.pacote-abas a{padding:8px 14px;border-radius:4px;font-size:15px;font-weight:600;text-decoration:none;white-space:nowrap;color:var(--brown)}
.pacote-abas a[aria-current=page]{background:var(--teal);color:#fff}
.pacote-abas .curto{display:none}
.chat{flex:none;padding:9px 18px;border-radius:4px;background:var(--orange);color:#fff;font-weight:700;font-size:15px;text-decoration:none}
.rodape{background:var(--brown);color:var(--on-brown);text-align:center;padding:40px 20px 28px;font-size:15px}
.rodape p{max-width:720px;margin:0 auto 10px}
.rodape-chat{display:inline-block;margin-top:4px;font-weight:700;text-decoration:none;padding:10px 22px;border-radius:4px;background:#fff;color:var(--brown)}
.rodape .rodape-fontes{font-size:12px;line-height:1.5;margin-top:18px;color:var(--on-brown)}

/* botões */
.btn{display:inline-flex;align-items:center;min-height:48px;padding:0 22px;border-radius:4px;background:var(--orange);color:#fff;font-weight:700;font-size:16px;text-decoration:none;border:2px solid var(--orange);transition:transform .14s var(--ease-out)}
.btn:active{transform:scale(.97)}
.btn-line{background:transparent;border-color:currentColor;color:inherit}
.ask-from{font-size:15px;font-weight:600;margin-bottom:10px}
.sign{font-weight:700;font-size:20px}

/* 1. hero: o mostrador */
.method{background:var(--deep);color:#fff}
.method-grid{max-width:1560px;margin-inline:auto;padding-inline:var(--gut);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,540px) minmax(0,310px);gap:clamp(28px,3.4vw,56px);align-items:center}
.method h1{font-size:clamp(42px,4.5vw,72px);line-height:.98}
.method-sub{font-size:21px;line-height:1.35;font-weight:600;margin-top:22px;max-width:26ch;color:#fff}
.method-how{margin-top:14px;color:var(--on-deep);max-width:38ch}
.method-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.dial-wrap{min-width:0}
.dial{position:relative;width:100%;aspect-ratio:1;container-type:inline-size}
.dial-ring{position:absolute;inset:19cqw;width:62cqw;height:62cqw;transform:rotate(-90deg);overflow:visible}
.dial-track{fill:none;stroke:rgba(255,255,255,.12);stroke-width:26}
.arc{fill:none;stroke:#4f9d93;stroke-width:26;transition:stroke .2s ease}
.arc.on{stroke:var(--amber)}
.dial-hand{position:absolute;left:50%;top:50%;width:3px;height:27cqw;margin-left:-1.5px;margin-top:-27cqw;background:#fff;transform-origin:50% 100%;transform:rotate(47.41deg);transition:transform .42s var(--ease-in-out)}
.sem-js .dial-hand{display:none}
.dial-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:36cqw;height:36cqw;border-radius:50%;background:var(--deep);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.dial-time{font-size:9.2cqw;line-height:1;font-weight:800;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.dial-name{font-size:3.5cqw;font-weight:700;margin-top:1.2cqw}
.dial-count{font-size:max(13px,2.6cqw);color:var(--on-deep);margin-top:.4cqw}
.step-tab{position:absolute;left:50%;top:50%;width:17cqw;height:17cqw;margin:-8.5cqw 0 0 -8.5cqw;padding:0;border:0;background:none;border-radius:50%;cursor:pointer;transform:rotate(var(--a)) translateY(-41cqw) rotate(calc(var(--a) * -1));-webkit-tap-highlight-color:transparent}
.step-photo{display:block;width:100%;height:100%;border-radius:50%;overflow:hidden;border:3px solid #4f9d93;background:var(--studio);transition:transform .2s var(--ease-out),border-color .2s ease}
.step-photo img{width:100%;height:100%;object-fit:cover}
.step-tab[aria-selected=true] .step-photo{border-color:var(--amber);transform:scale(1.14)}
@media (hover:hover) and (pointer:fine){.step-tab:hover .step-photo{border-color:#fff}}
.dial-sum{margin-top:10px;text-align:center;font-size:15px;color:var(--on-deep);font-variant-numeric:tabular-nums}
.readout{min-width:0;align-self:center}
.step-panel{border-top:2px solid var(--amber);padding-top:16px}
.step-panel+.step-panel{margin-top:28px}
.com-js .step-panel+.step-panel{margin-top:0}
.step-no{display:flex;justify-content:space-between;gap:12px;font-size:15px;font-weight:600;color:var(--on-deep)}
.step-no b{color:var(--amber);font-weight:800;font-variant-numeric:tabular-nums}
.step-name{font-size:34px;line-height:1.05;margin:8px 0 12px}
.step-panel p:not(.step-no){color:var(--on-deep);font-size:17px}
.step-shop{display:inline-block;margin-top:16px;font-weight:700;color:#fff;text-underline-offset:5px}
.com-js .step-panel.swap{animation:swap .22s var(--ease-out)}
@keyframes swap{from{opacity:.25}to{opacity:1}}

/* 2. livro dos mais vendidos */
.ledger-sec{background:var(--white)}
.ledger-grid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(28px,4vw,64px);align-items:start}
.ledger-lead h2{font-size:clamp(28px,2.9vw,42px)}
.rating{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:22px 0 14px;font-weight:700;font-size:20px}
.rating b{font-size:44px;line-height:1;font-weight:800;color:var(--teal)}
.stars svg{display:block;fill:var(--amber)}
.ledger li{display:grid;grid-template-columns:56px minmax(0,1fr) 150px 110px 72px;gap:16px;align-items:center;padding:9px 0;border-top:1px solid #d9cdc5}
.ledger li:last-child{border-bottom:1px solid #d9cdc5}
.ledger img{width:56px;height:56px;object-fit:cover;border:1px solid #d9cdc5}
.l-name{font-weight:700;line-height:1.25;font-size:17px}
.l-rate,.l-rev{font-size:15px}
.l-rev{font-variant-numeric:tabular-nums}
.l-price{font-weight:800;text-align:right;font-variant-numeric:tabular-nums}

/* 3. pergunta e resposta */
.ask{background:var(--cream);padding-block:0}
.ask-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:stretch}
.ask-talk{padding:var(--pad) clamp(24px,4vw,64px) var(--pad) max(var(--gut),calc((100vw - 1280px)/2 + var(--gut)))}
.q{font-size:clamp(26px,2.7vw,40px);line-height:1.06;font-weight:800;letter-spacing:-.025em;color:var(--teal);text-wrap:balance}
h3.q{font-size:clamp(22px,2vw,28px);margin-top:26px}
.a{margin-top:10px;max-width:62ch}
.ask .sign{margin-top:24px}
.ask-photo{position:relative;min-height:320px}
.ask-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ask-photo figcaption{position:absolute;left:0;bottom:0;right:0;background:var(--brown);color:#fff;padding:14px 20px;font-size:16px;line-height:1.35;font-weight:600}

/* 4. três fórmulas e a régua */
.oils{background:var(--teal);color:#fff}
.oils-head{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,4vw,64px);align-items:end}
.formulas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:36px;border-top:1px solid rgba(255,255,255,.45)}
.formulas article{padding:22px 28px 22px 0}
.formulas article+article{padding-left:28px;border-left:1px solid rgba(255,255,255,.45)}
.formulas h3{font-size:22px;margin-bottom:10px}
.formulas p{font-size:17px}
.f-price{margin-top:12px;font-weight:600}
.f-price b{font-weight:800;font-variant-numeric:tabular-nums}
.oil-rule{margin-top:28px;border-top:1px solid rgba(255,255,255,.45);padding-top:20px}
.oil-rule h3{font-size:18px;margin-bottom:12px}
.oil-rule ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(24px,4vw,64px)}
.oil-rule li{display:grid;grid-template-columns:minmax(0,1fr) auto 104px;gap:14px;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.25);font-size:16px;align-items:baseline}
.oil-rule b{font-weight:700;white-space:nowrap}
.oil-rule i{font-style:normal;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}

/* 5. dois estudos */
.studies{background:var(--mist)}
.studies-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px clamp(32px,5vw,80px)}
.studies-head{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(24px,4vw,64px);align-items:end}
.study h3{font-size:19px;padding-top:14px;border-top:2px solid var(--brown)}
.study-fig{font-size:22px;font-weight:700;margin:10px 0 12px}
.study-fig b{font-size:clamp(60px,6vw,88px);line-height:.9;font-weight:800;letter-spacing:-.03em;color:var(--teal);font-variant-numeric:tabular-nums}
.shade{position:relative;height:22px;background:#c5e0db}
.shade-fill{position:absolute;left:0;top:0;bottom:0;width:calc(var(--v) * 100%);background:var(--teal);transform-origin:0 50%;transition:transform .8s var(--ease-out)}
.com-js .shade-fill.rv:not(.in){transform:scaleX(0)}
.shade-min{position:absolute;top:-5px;bottom:-5px;left:calc(var(--v) * 100%);width:2px;background:var(--brown)}
.shade-key{display:flex;justify-content:space-between;gap:12px;font-size:14px;font-weight:600;margin-top:8px}
.groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.group{display:grid;grid-template-columns:repeat(11,minmax(0,1fr));gap:5px}
.group i{aspect-ratio:1;border-radius:50%;background:#8dbfb7}
.group-b i{background:var(--teal)}
.study p:not(.study-fig):not(.shade-key){margin-top:12px;font-size:17px}

/* 6. índice dos estudos */
.library{background:var(--brown);color:#fff}
.library-head{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(24px,4vw,64px);align-items:start}
.library-head p{color:var(--on-brown)}
.shelves{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,3vw,48px);margin-top:32px}
.shelves h3{font-size:16px;color:var(--amber);padding-top:10px;border-top:1px solid rgba(255,255,255,.4);margin-bottom:8px}
.shelves ul+h3{margin-top:22px}
.shelves li{font-size:15.5px;line-height:1.36;color:var(--on-brown);padding:6px 0;border-bottom:1px solid rgba(255,255,255,.14)}

/* 7. Butter on Gums */
.brush{background:var(--white);padding-block:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.brush-photo{position:relative;min-height:420px}
.brush-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.brush-text{padding:var(--pad) max(var(--gut),calc((100vw - 1280px)/2 + var(--gut))) var(--pad) clamp(24px,4vw,64px)}
.brush-text h2{font-size:clamp(24px,2.2vw,30px);letter-spacing:-.02em}
.shout{font-size:clamp(46px,5.4vw,84px);line-height:.92;font-weight:800;letter-spacing:-.035em;color:var(--teal);margin:14px 0 18px;text-wrap:balance}
.brush-text p+p{margin-top:12px}
.rows{width:100%;border-collapse:collapse;margin-top:22px;font-size:17px}
.rows caption{text-align:left;font-weight:800;padding-bottom:6px}
.rows th,.rows td{border-top:1px solid #d9cdc5;padding:7px 0;font-weight:400;text-align:left}
.rows td{text-align:right;font-weight:800;font-variant-numeric:tabular-nums}

/* 8. water flosser */
.floss{background:var(--cream)}
.floss-top{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:clamp(24px,5vw,80px);align-items:center}
.floss-top h2{margin-bottom:16px}
.floss-top p+p{margin-top:12px}
.floss-top p{max-width:62ch}
.floss-photo img{aspect-ratio:5/4;object-fit:cover;width:100%}
.gauge{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin-top:32px;border-top:2px solid var(--brown)}
.gauge div{padding:14px 18px 0 0;position:relative}
.gauge div::before{content:"";position:absolute;left:0;top:0;width:2px;height:12px;background:var(--brown)}
.gauge dt{font-size:clamp(40px,4.4vw,64px);line-height:1;font-weight:800;letter-spacing:-.03em;color:var(--teal);font-variant-numeric:tabular-nums}
.gauge dd{font-size:15.5px;line-height:1.35;margin-top:6px;max-width:24ch}
.floss-shop{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:30px}
.floss-shop li{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:14px;align-items:center;font-size:16px;line-height:1.25;font-weight:600}
.floss-shop img{width:64px;height:64px;object-fit:cover;border:1px solid #d9cdc5}
.floss-shop b{font-weight:800;font-variant-numeric:tabular-nums}

/* 9. 15 segundos */
.scrape{background:var(--orange);color:#fff;padding-block:clamp(44px,4.6vw,64px)}
.scrape-grid{display:grid;grid-template-columns:auto minmax(0,1fr) 220px;gap:clamp(24px,4vw,64px);align-items:center}
.scrape-time{font-size:clamp(84px,12vw,184px);line-height:.82;font-weight:800;letter-spacing:-.05em;white-space:nowrap;font-variant-numeric:tabular-nums}
.scrape-text h2{font-size:clamp(26px,2.6vw,36px);margin-bottom:12px}
.scrape-text p+p{margin-top:10px}
.scrape-text p{max-width:60ch}
.scrape-photo img{width:100%;aspect-ratio:1;object-fit:cover;border:4px solid #fff}

/* 10. duas câmaras */
.chambers{padding-block:0;background:var(--white)}
.chambers-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);position:relative}
.chamber{padding:var(--pad) clamp(24px,4vw,64px)}
.chamber-a{background:var(--white);padding-left:max(var(--gut),calc((100vw - 1280px)/2 + var(--gut)));padding-right:calc(150px + clamp(16px,2vw,32px))}
.chamber-b{background:var(--mist);padding-right:max(var(--gut),calc((100vw - 1280px)/2 + var(--gut)));padding-left:calc(150px + clamp(16px,2vw,32px))}
.chamber h2{font-size:clamp(28px,2.8vw,40px);margin-bottom:26px}
.chamber-label{font-weight:800;color:var(--teal);font-size:17px}
.chamber-what{font-size:clamp(22px,2vw,28px);line-height:1.18;font-weight:700;margin:6px 0 16px;text-wrap:balance}
.chamber-bottle{position:absolute;left:50%;top:var(--pad);width:300px;margin-left:-150px;z-index:1}
.chamber-bottle img{width:100%;aspect-ratio:3/4;object-fit:cover;object-position:28% 50%;border:1px solid #cfd8d6}
.chamber-bottle figcaption{background:var(--brown);color:#fff;font-size:15px;line-height:1.3;font-weight:600;padding:12px 14px}
.trial{margin-top:24px;border-top:2px solid var(--brown);padding-top:12px}
.trial-row{display:grid;grid-template-columns:118px minmax(0,1fr) 50px;gap:12px;align-items:center;font-size:16px;font-weight:600;margin-top:8px}
.trial-bar{display:block;height:18px;background:#c5e0db}
.trial-bar i{display:block;height:100%;width:calc(var(--v) * 100%);min-width:3px;background:var(--teal);transform-origin:0 50%;transition:transform .8s var(--ease-out)}
.com-js .trial-bar i.rv:not(.in){transform:scaleX(0)}
.trial-row b{font-weight:800;text-align:right;font-variant-numeric:tabular-nums}
.trial-note{font-size:15px;line-height:1.4;margin-top:12px}

/* 11. prateleira */
.shelf-sec{background:var(--cream)}
.shelf-head{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:clamp(24px,4vw,64px);align-items:end}
.shelf{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));margin-top:36px}
.shelf li{display:flex;flex-direction:column;padding:0 12px}
.shelf img{width:100%;aspect-ratio:1;object-fit:cover;mix-blend-mode:multiply;border-bottom:3px solid var(--brown)}
.shelf li:nth-child(even) img{aspect-ratio:1/1.16}
.shelf li:nth-child(odd){padding-top:26px}
.shelf span{font-weight:700;font-size:16px;line-height:1.25;margin-top:12px}
.shelf b{font-weight:800;font-size:22px;margin-top:6px;font-variant-numeric:tabular-nums}
.shelf i{font-style:normal;font-size:14.5px;line-height:1.3;margin-top:2px}

/* 12. recibo */
.start{background:var(--deep);color:#fff}
.start-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(28px,5vw,80px);align-items:center}
.receipt{background:#fff;color:var(--brown);padding:30px 30px 26px;font-variant-numeric:tabular-nums}
.receipt h2{font-size:clamp(28px,2.6vw,36px)}
.receipt-note{margin-top:10px;font-weight:600}
.receipt-lines li,.receipt-gifts li,.receipt-total{display:flex;justify-content:space-between;gap:16px;padding:8px 0;border-bottom:1px dashed #b9a79b}
.receipt-lines{margin-top:10px;border-top:1px dashed #b9a79b}
.receipt-total{font-weight:800;font-size:22px;border-bottom:2px solid var(--brown)}
.receipt-gifts b{font-weight:700}
.receipt-free{color:var(--teal);border-bottom-color:var(--teal)}
.receipt-foot{margin-top:12px;font-size:15px}
.start-other{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:28px;align-items:center}
.start-other img{width:100%;aspect-ratio:1;object-fit:cover}
.start-other h3{font-size:24px;line-height:1.12}
.start-other p{color:var(--on-deep);margin-top:8px}
.start-other h3+p+h3{margin-top:26px}
.ladder{margin-top:14px;border-top:1px solid rgba(255,255,255,.4)}
.ladder li{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.4);font-variant-numeric:tabular-nums}
.ladder b{color:var(--amber);font-weight:800}
.start-other .start-fine{font-size:15px;font-weight:600;color:#fff;margin-top:14px}

/* 13. kids */
.kids{background:var(--amber)}
.kids-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:28px clamp(24px,4vw,64px);align-items:center}
.kids-text h2{margin-bottom:14px}
.kids-count{margin-top:12px;font-weight:700}
.kids-banner img{width:100%;aspect-ratio:1200/480;object-fit:cover;border:4px solid var(--brown)}
.kids-row{grid-column:1/-1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;border-top:2px solid var(--brown);padding-top:20px}
.kids-row li{display:flex;flex-direction:column}
.kids-row img{width:100%;aspect-ratio:1;object-fit:cover}
.kids-row span{font-weight:700;font-size:16px;line-height:1.25;margin-top:10px}
.kids-row b{font-weight:800;font-size:22px;margin-top:4px;font-variant-numeric:tabular-nums}
.kids-row i{font-style:normal;font-size:14.5px}

/* 14. história */
.story{background:var(--white)}
.story-top{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,9fr);gap:clamp(24px,4vw,64px);align-items:start}
.story-top h2{font-size:clamp(24px,2.2vw,30px);padding-top:10px;border-top:2px solid var(--brown)}
.story blockquote{font-size:clamp(30px,3.6vw,54px);line-height:1.04;font-weight:800;letter-spacing:-.028em;color:var(--teal);text-wrap:balance}
.story-cols{display:grid;grid-template-columns:5fr 4fr 3fr;gap:clamp(24px,3vw,44px);margin-top:36px;align-items:start}
.story-cols img{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:50% 30%}
.story-cols article:nth-child(2){margin-top:44px}
.story-cols article:nth-child(3){margin-top:88px}
.story-cols h3{margin:14px 0 6px}
.story-cols p{font-size:17px}

/* 15. farm alliance */
.farm{background:var(--cream)}
.farm-top{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,4vw,64px);align-items:center;padding-left:max(var(--gut),calc((100vw - 1280px)/2 + var(--gut)))}
.farm-map img{width:100%}
.farm-lead h2{font-size:clamp(26px,2.5vw,36px);margin-bottom:14px}
.farm-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,44px);margin-top:36px}
.farm-three li{padding-top:12px;border-top:2px solid var(--brown);font-size:17px}
.farm-three b{display:block;font-weight:800;color:var(--teal);font-size:22px;margin-bottom:4px}

/* 16. GC-MS */
.gcms{background:var(--mist)}
.gcms-grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:24px clamp(28px,5vw,80px);align-items:start}
.gcms-text{grid-row:span 2}
.gcms-text h2{margin-bottom:14px}
.gcms-text h3{margin:22px 0 8px;color:var(--teal);font-size:22px}
.gcms-flat{margin-top:18px;font-size:22px;line-height:1.25;font-weight:700}
.gcms-report{background:#fff;border:1px solid #b9d3ce;padding:12px}
.gcms-report img{width:100%;max-height:330px;object-fit:contain}
.gcms-report figcaption{font-size:14.5px;font-weight:600;margin-top:8px}
.gcms-lab img{width:100%;aspect-ratio:16/6;object-fit:cover}

/* 17. depoimentos */
.voices{background:var(--teal);color:#fff}
.voices h2{font-size:clamp(24px,2.2vw,30px);padding-top:10px;border-top:2px solid #fff;display:inline-block}
.voices-cols{columns:3;column-gap:clamp(28px,4vw,56px);margin-top:28px}
.voices figure{break-inside:avoid;margin-bottom:30px}
.v-title{font-size:23px;line-height:1.14;font-weight:800;letter-spacing:-.015em;margin-bottom:8px;text-wrap:balance}
.voices blockquote p:not(.v-title){font-size:16.5px;line-height:1.5}
.voices figcaption{font-weight:800;margin-top:8px;color:#fff;padding-top:8px;border-top:1px solid rgba(255,255,255,.45);display:inline-block}

/* 18. etiqueta */
.tag-sec{background:var(--white)}
.tag-grid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(28px,5vw,80px);align-items:start}
.tag-lead h2{margin-bottom:12px}
.tag-lead img{margin-top:22px;width:100%;aspect-ratio:4/3;object-fit:cover}
.tag{border:2px solid var(--brown)}
.tag div{display:grid;grid-template-columns:150px minmax(0,1fr);border-bottom:1px solid var(--brown)}
.tag div:last-child{border-bottom:0}
.tag dt{padding:11px 16px;font-weight:800;background:var(--cream);border-right:1px solid var(--brown)}
.tag dd{padding:11px 16px;font-size:17px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}

/* 19. rewards */
.earn{background:var(--brown);color:#fff}
.earn-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(28px,5vw,80px);align-items:start}
.earn-steps ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:26px;counter-reset:passo}
.earn-steps li{counter-increment:passo;border-top:2px solid var(--amber);padding-top:10px}
.earn-steps li::before{content:counter(passo);display:block;font-size:44px;line-height:1;font-weight:800;color:var(--amber)}
.earn-steps li h3{margin:8px 0 6px}
.earn-steps li p,.earn-share p{color:var(--on-brown);font-size:17px}
.earn-fine{margin-top:20px;font-size:15px;color:var(--on-brown)}
.earn-share{border:1px solid rgba(255,255,255,.4);padding:24px}
.earn-share h3{font-size:24px}
.earn-sum{display:grid;grid-template-columns:auto minmax(0,1fr);gap:2px 14px;align-items:baseline;margin:12px 0}
.earn-sum b{font-size:48px;line-height:1;font-weight:800;color:var(--amber)}
.earn-sum span{color:#fff;font-weight:600}
.earn-share .earn-mail{margin-top:14px;padding-top:14px;border-top:1px solid rgba(255,255,255,.4);color:#fff;font-weight:700}

/* 20. FAQ */
.faq{background:var(--mist)}
.faq-cols{columns:2;column-gap:clamp(28px,4vw,64px);margin-top:24px}
.faq details{break-inside:avoid;border-top:1px solid #9cc4bd;padding:14px 0}
.faq summary{font-weight:700;font-size:19px;line-height:1.25;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";flex:none;width:12px;height:12px;margin-top:5px;border-right:2px solid var(--teal);border-bottom:2px solid var(--teal);transform:rotate(45deg);transition:transform .18s var(--ease-out)}
.faq details[open] summary::after{transform:rotate(-135deg)}
.faq details p{margin-top:10px;font-size:17px;max-width:64ch}

/* 21. fechamento */
.close{background:var(--deep);color:#fff}
.close-grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,3fr) minmax(0,1.5fr) minmax(0,1.5fr);gap:clamp(20px,3vw,44px);align-items:center}
.close-text h2{font-size:clamp(30px,3.2vw,48px)}
.close .sign{margin-top:18px;color:var(--amber)}
.close-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.close-logo{background:#fff;padding:14px 18px;display:inline-block;margin-bottom:18px}
.close-logo img{width:150px}
.close-eco h3{font-size:18px;margin-bottom:8px}
.close-eco li{padding:7px 0;border-top:1px solid rgba(255,255,255,.3);font-size:16px;color:var(--on-deep)}
.close-photo img{width:100%;aspect-ratio:3/5;object-fit:cover}

/* ---------- composição v2: foto oficial sangrada de fundo, placas chapadas por cima, seções fundidas ---------- */
.bleed{position:relative;padding-block:0}
.bleed>.bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

/* 1. hero: placa do mostrador sobre a foto do passo 1 */
.method-slab{position:relative;width:44%;min-width:560px;background:var(--deep);padding:var(--pad) clamp(24px,3.4vw,56px);text-align:center}
.method h1{font-size:clamp(40px,3.7vw,62px)}
.method-sub,.method-how{margin-inline:auto}
.method-actions{justify-content:center}
.dial-wrap{max-width:500px;margin:36px auto 0}
.readout{max-width:500px;margin:28px auto 0;text-align:left}

/* 2. mais vendidos: título no centro, livro em duas colunas de página */
.ledger-grid{display:block}
.ledger-lead{text-align:center;max-width:880px;margin:0 auto 30px}
.ledger-lead p{margin-inline:auto}
.rating{justify-content:center}
.ledger{columns:2;column-gap:clamp(28px,4vw,64px)}
.ledger li{break-inside:avoid;grid-template-columns:56px minmax(0,1fr) 72px;gap:2px 16px;align-items:start;border-bottom:0}
.ledger li:last-child{border-bottom:0}
.ledger img{grid-column:1;grid-row:1/4}
.l-name{grid-column:2;grid-row:1}
.l-rate{grid-column:2;grid-row:2}
.l-rev{grid-column:2;grid-row:3}
.l-price{grid-column:3;grid-row:1}

/* 3. Ask Puneet sobre a foto do frasco */
.ask>.bg{object-position:0 50%}
.ask-talk{position:relative;margin-left:auto;width:48%;background:var(--cream);padding:var(--pad) var(--gut) var(--pad) clamp(24px,3.4vw,56px)}
.ask-cap{position:absolute;left:0;bottom:0;max-width:min(520px,48%);background:var(--brown);color:#fff;padding:14px 20px;font-size:16px;line-height:1.35;font-weight:600}

/* 4. fórmulas */
.oils-head{display:block}
.oils-head p{max-width:72ch;margin-top:14px}

/* 5, 14, 16. seções fundidas: o segundo bloco é uma faixa interna de outra cor */
.studies,.farm,.tag-sec{padding-bottom:0}
.library,.gcms,.faq{margin-top:var(--pad);padding-block:var(--pad)}

/* 7. water flosser: a régua de medidas abre a seção */
.floss-head{text-align:center}
.floss .gauge{margin-top:26px}
.floss-top{margin-top:36px}

/* 10. prateleira */
.shelf-head{display:block;text-align:center;max-width:860px;margin-inline:auto}
.shelf-head p{margin-top:12px}

/* 12. kids: a foto oficial é a seção */
.kids{min-height:clamp(560px,46.5vw,880px);display:flex;flex-direction:column;justify-content:space-between}
.kids-text{position:relative;align-self:flex-start;margin:clamp(24px,3vw,48px) 0 0 var(--gut);max-width:310px;background:var(--amber);padding:20px 22px}
.kids-text h2{font-size:clamp(28px,2.4vw,36px);margin-bottom:10px}
.kids-text p{font-size:16px;line-height:1.45}
.kids-row{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0 20px;background:#fff;padding:14px var(--gut);border-top:4px solid var(--brown)}
.kids-row li{display:grid;grid-template-columns:72px minmax(0,1fr);gap:0 12px;align-content:center}
.kids-row img{width:72px;height:72px;aspect-ratio:1;object-fit:cover;grid-row:1/4;align-self:center}
.kids-row span{font-size:14.5px;line-height:1.22;margin-top:0}
.kids-row b{font-size:18px;margin-top:2px}

/* 13. história: placa branca sobre o campo de lavanda */
.story-slab{position:relative;width:50%;background:#fff;padding:var(--pad) clamp(24px,3.4vw,56px) var(--pad) max(var(--gut),calc((100vw - 1280px)/2 + var(--gut)))}
.story-slab h2{font-size:clamp(22px,2vw,28px);padding-top:10px;border-top:2px solid var(--brown);display:inline-block;margin-bottom:16px}
.story blockquote{font-size:clamp(28px,2.7vw,42px)}
.story-cols{display:block;margin-top:26px}
.story-cols article{padding-top:16px;border-top:1px solid #d9cdc5}
.story-cols article+article{margin-top:18px}
.story-cols article:nth-child(n){margin-top:18px}
.story-cols h3{margin:0 0 6px}
.story-cols .com-foto{display:grid;grid-template-columns:132px minmax(0,1fr);gap:0 18px}
.story-cols .com-foto img{width:132px;height:132px;aspect-ratio:1;object-fit:cover;grid-row:1/3}

/* 14. mapa inteiro na largura da página */
.farm-lead h2{max-width:30ch}
.farm-lead p{max-width:74ch}
.farm-map{margin-top:30px}

/* 15. depoimentos */
.voices h2{display:block;text-align:center;border-top:0;padding-top:0;font-size:clamp(28px,3vw,44px)}

/* 18. fechamento: duas placas e o Puneet entre elas */
.close{display:flex;justify-content:space-between;align-items:stretch;min-height:clamp(560px,48vw,820px)}
.close>.bg{object-position:50% 22%}
.close-text{position:relative;width:35%;background:var(--deep);padding:var(--pad) clamp(20px,2.6vw,40px) var(--pad) var(--gut);display:flex;flex-direction:column;justify-content:center}
.close-text h2{font-size:clamp(26px,2.5vw,38px)}
.close-eco{position:relative;width:23%;background:var(--deep);padding:var(--pad) var(--gut) var(--pad) clamp(20px,2.4vw,36px);display:flex;flex-direction:column;justify-content:center}
.close-logo{align-self:flex-start}
.close-pair{display:flex;gap:10px;margin-top:16px}
.close-pair img{width:calc(50% - 5px);aspect-ratio:3/4;object-fit:cover}

/* ---------- larguras ---------- */
@media (max-width:1180px){
  .method-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}
  .method-lead{grid-column:1/-1}
  .method-sub,.method-how{max-width:60ch}
  .shelf{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:28px}
  .scrape-grid{grid-template-columns:auto minmax(0,1fr)}
  .scrape-photo{grid-column:1/-1;max-width:220px}
}
@media (max-width:900px){
  body{font-size:17px}
  .method-grid,.ledger-grid,.ask-grid,.oils-head,.studies-grid,.studies-head,.library-head,.brush,.floss-top,.chambers-grid,.shelf-head,.start-grid,.kids-grid,.story-top,.farm-top,.farm-three,.gcms-grid,.tag-grid,.earn-grid{grid-template-columns:minmax(0,1fr)}
  .method-grid{gap:28px}
  .dial-wrap{max-width:460px;width:100%;margin-inline:auto}
  .ask-talk,.brush-text{padding:var(--pad) var(--gut)}
  .brush-photo img{position:static;aspect-ratio:4/3}
  .brush-photo{min-height:0}
  .formulas{grid-template-columns:minmax(0,1fr)}
  .formulas article,.formulas article+article{padding:18px 0;border-left:0}
  .formulas article+article{border-top:1px solid rgba(255,255,255,.45)}
  .oil-rule ul,.shelves{grid-template-columns:minmax(0,1fr)}
  .gauge{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:18px}
  .gauge div:last-child{grid-column:1/-1}
  .floss-shop{grid-template-columns:minmax(0,1fr);gap:12px}
  .chamber,.chamber-a,.chamber-b{padding:var(--pad) var(--gut)}
  .chamber-a{padding-bottom:32px}
  .chamber-b{padding-top:32px}
  .chamber-bottle{position:static;width:auto;margin:0;padding:0 var(--gut) 32px;background:var(--white)}
  .chamber-bottle img{aspect-ratio:1}
  .farm-top{padding-left:0}
  .farm-lead{padding-inline:var(--gut)}
  .receipt-total{font-size:19px}
  .receipt-total b{white-space:nowrap}
  .start-other{grid-template-columns:minmax(0,1fr)}
  .start-other img{aspect-ratio:16/10}
  .story-cols{grid-template-columns:minmax(0,1fr)}
  .gcms-text{grid-row:auto}
  .voices-cols{columns:1}
  .faq-cols{columns:1}
  .earn-steps ol{grid-template-columns:minmax(0,1fr)}
  .tag div{grid-template-columns:minmax(0,1fr)}
  .tag dt{border-right:0;border-bottom:1px solid var(--brown);padding:8px 14px}
  .tag dd{padding:10px 14px}
  .scrape-grid{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:600px){
  .oil-rule li{grid-template-columns:minmax(0,1fr) auto;row-gap:0}
  .oil-rule li span{grid-column:1/-1}
  .oil-rule i{text-align:right}
  .shelf{grid-template-columns:repeat(2,minmax(0,1fr))}
  .shelf li{padding:0 8px}
  .shelf li:nth-child(odd){padding-top:0}
  .shelf li:nth-child(even) img{aspect-ratio:1}
  .step-name{font-size:30px}
  .trial-row{grid-template-columns:104px minmax(0,1fr) 44px}
  .receipt{padding:22px 18px}
  .group{gap:3px}
}
/* composição v2 em tela estreita: a foto vira faixa em cima e a placa ocupa a largura */
@media (max-width:900px){
  .method>.bg,.ask>.bg,.kids>.bg,.story>.bg,.close>.bg{position:static;height:auto}
  .method>.bg{aspect-ratio:4/3;object-position:60% 30%}
  .ask>.bg{aspect-ratio:16/10}
  .kids>.bg{aspect-ratio:2370/1100}
  .story>.bg{aspect-ratio:1;object-position:60% 50%}
  .close>.bg{aspect-ratio:1;object-position:50% 20%}
  .method-slab,.ask-talk,.story-slab,.close-text,.close-eco{width:auto;min-width:0}
  .method-slab{padding-inline:var(--gut)}
  .story-slab{padding:var(--pad) var(--gut)}
  .ask-cap{position:static;max-width:none}
  .ledger{columns:1}
  .kids,.close{display:block;min-height:0}
  .kids-text{max-width:none;margin:0;padding:24px var(--gut)}
  .kids-row{grid-template-columns:minmax(0,1fr);gap:12px;padding:18px var(--gut)}
  .close-text,.close-eco{padding:var(--pad) var(--gut)}
  .close-eco{padding-top:0}
  .close-pair{max-width:360px}
}
@media (max-width:480px){
  .story-cols .com-foto{grid-template-columns:96px minmax(0,1fr)}
  .story-cols .com-foto img{width:96px;height:96px}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .dial-hand,.step-photo,.shade-fill,.trial-bar i,.btn,.faq summary::after{transition:none}
  .com-js .shade-fill.rv:not(.in),.com-js .trial-bar i.rv:not(.in){transform:none}
  .step-tab[aria-selected=true] .step-photo{transform:none}
}