:root{--ink:#1c2321;--green:#1f4d3a;--green-deep:#163a2b;--leaf:#e6efe8;--paper:#fff;--sand:#f5f2ec;--amber:#d99a2b;--amber-deep:#b57d16;--line:#d9ded9;--muted:#5b6661;--display:'Fraunces',Georgia,serif;--body:'Nunito Sans',system-ui,sans-serif}
*{box-sizing:border-box;margin:0;padding:0}
html{font-size:18px;-webkit-text-size-adjust:100%}
body{font-family:var(--body);color:var(--ink);background:var(--paper);line-height:1.55}
img{max-width:100%;display:block}
a{color:var(--green)}
.wrap{max-width:1040px;margin:0 auto;padding:0 16px}
.narrow{max-width:760px}
h1,h2,h3{font-family:var(--display);line-height:1.1;font-weight:700}
h1{font-size:clamp(2rem,5.5vw,3.4rem)}
h2{font-size:clamp(1.6rem,3.6vw,2.3rem);margin-bottom:.6em}
h3{font-size:1.25rem;margin-bottom:.3em}
p{margin-bottom:1em}
.btn{display:inline-block;background:var(--amber);color:var(--ink);font-weight:700;padding:16px 28px;border-radius:999px;text-decoration:none;font-size:1.05rem;border:0;cursor:pointer;transition:background .15s}
.btn:hover,.btn:focus-visible{background:var(--amber-deep);outline:3px solid var(--ink);outline-offset:3px}
.btn-ghost{background:transparent;border:2px solid #fff;color:#fff;margin-top:12px}
.btn-ghost:hover{background:rgba(255,255,255,.12)}
.small{font-size:.85rem;color:var(--muted)}
.light{color:#cfe0d6;margin-top:18px}
.big{font-size:1.4rem}
.ph{background:#fff3d6;border:1px dashed var(--amber-deep);padding:2px 6px;border-radius:4px;font-size:.85rem;color:#6b4a00}
.top{background:var(--green-deep);color:#fff;font-size:.9rem;padding:8px 0}
.top .wrap{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.top a{color:#fff;font-weight:700;text-decoration:none}
header.nav{border-bottom:1px solid var(--line);padding:14px 0}
header.nav .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.brand{font-family:var(--display);font-size:1.3rem;color:var(--green);text-decoration:none;font-weight:700}
.links{display:flex;gap:18px;flex-wrap:wrap;font-size:.95rem}
.links a{text-decoration:none;color:var(--ink);font-weight:600}
.links a.on,.links a:hover{color:var(--green);text-decoration:underline}
.hero{background:var(--leaf);padding:48px 0 40px}
.hero .wrap{display:grid;gap:32px;grid-template-columns:1fr;align-items:center}
@media(min-width:760px){.hero .wrap{grid-template-columns:1.1fr .9fr}}
.hero h1{color:var(--green-deep);margin-bottom:.4em}
.hero .lead{font-size:1.15rem;max-width:34ch}
.hero .proof{display:flex;flex-wrap:wrap;gap:10px 22px;margin:18px 0 26px;font-size:.95rem;font-weight:600}
.hero .proof span::before{content:"\2713  ";color:var(--green)}
.bottle{background:#fff;border-radius:18px;display:grid;place-items:center;padding:12px;border:1px solid var(--line)}
.bottle img{width:100%;height:auto;max-height:520px;object-fit:contain}
section{padding:56px 0}
.alt{background:var(--sand)}
.two{display:grid;gap:28px;grid-template-columns:1fr}
@media(min-width:760px){.two{grid-template-columns:1fr 1fr}}
.ing{display:grid;gap:14px;grid-template-columns:1fr}
@media(min-width:640px){.ing{grid-template-columns:1fr 1fr}}
.ing div{border-left:4px solid var(--green);padding:6px 0 6px 16px}
.ing strong{display:block;font-size:1.05rem}
.dose{margin-top:18px}
.facts{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px;display:grid;place-items:center;color:var(--muted);text-align:center}
.facts img{width:100%;max-width:460px;height:auto}
.offer{background:var(--green-deep);color:#fff}
.offer h2{color:#fff}
.offer .intro{max-width:60ch}
.packs{display:grid;gap:14px;grid-template-columns:1fr;margin:24px 0}
@media(min-width:760px){.packs{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}
.pack{background:#fff;color:var(--ink);border-radius:14px;padding:22px 18px;position:relative;border:3px solid transparent;cursor:pointer;display:block}
.pack input{position:absolute;opacity:0;pointer-events:none}
.pack:has(input:checked){border-color:var(--amber)}
.pack .tag{position:absolute;top:-14px;left:18px;background:var(--amber);color:var(--ink);font-weight:700;font-size:.8rem;padding:4px 10px;border-radius:999px}
.pack .n{font-family:var(--display);font-size:1.5rem;font-weight:700}
.pack .per{color:var(--muted);font-size:.9rem}
.pack .price{font-size:1.9rem;font-weight:700;margin:8px 0 2px}
.pack .ship{font-size:.9rem;font-weight:600;color:var(--green)}
.pack .was{color:var(--muted);text-decoration:line-through;font-size:.9rem}
.offer .btn{width:100%;text-align:center;font-size:1.15rem}
@media(min-width:760px){.offer .btn{width:auto;margin-right:12px}}
.offer .guar{display:flex;gap:14px;align-items:flex-start;margin-top:22px;max-width:60ch}
.offer .guar .check{font-size:2rem}
.offer .guar b{font-size:1.05rem}
.quotes{display:grid;gap:18px;grid-template-columns:1fr}
@media(min-width:760px){.quotes{grid-template-columns:1fr 1fr 1fr}}
blockquote{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px;font-size:1rem}
blockquote footer{margin-top:12px;font-weight:700;color:var(--green)}
.steps{display:grid;gap:20px;grid-template-columns:1fr}
@media(min-width:760px){.steps{grid-template-columns:1fr 1fr 1fr}}
.steps h3{color:var(--green)}
.cards{display:grid;gap:18px;grid-template-columns:1fr}
@media(min-width:640px){.cards{grid-template-columns:1fr 1fr}}
@media(min-width:960px){.cards{grid-template-columns:repeat(4,1fr)}}
.card{display:block;background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;text-decoration:none;color:var(--ink)}
.card:hover{border-color:var(--green)}
.card .thumb{background:#fff;border-radius:10px;aspect-ratio:1;display:grid;place-items:center;margin-bottom:14px;overflow:hidden}
.card .thumb img{width:100%;height:100%;object-fit:contain}
.card h3{color:var(--green)}
.card .more{color:var(--green);font-weight:700}
details{border-top:1px solid var(--line);padding:14px 0}
details:last-of-type{border-bottom:1px solid var(--line)}
summary{font-weight:700;cursor:pointer;font-size:1.05rem;list-style:none;display:flex;justify-content:space-between;gap:12px}
summary::after{content:"+";color:var(--green);font-size:1.4rem;line-height:1}
details[open] summary::after{content:"\2013"}
details p{margin:10px 0 0;color:#2d3733}
.form{background:#fff;border:1px solid var(--line);border-radius:16px;padding:26px}
.form label{display:block;font-weight:700;margin:12px 0 6px}
.form input,.form select{width:100%;font:inherit;padding:14px;border:1px solid #9aa5a0;border-radius:10px;background:#fff}
.form input:focus,.form select:focus{outline:3px solid var(--amber);border-color:var(--green)}
.consent{display:flex;gap:12px;align-items:flex-start;margin:16px 0;font-size:.85rem;line-height:1.45;color:#2d3733}
.consent input{width:auto;margin-top:4px;transform:scale(1.3)}
.consent label{margin:0;font-weight:400}
.form .btn{width:100%;margin-top:6px;text-align:center}
.legal h2{font-size:1.3rem;margin-top:1.6em}
.legal ul,.legal ol{margin:0 0 1em 1.3em}
.legal li{margin-bottom:.5em}
.disc{font-size:.85rem;color:var(--muted);border:1px solid var(--line);border-radius:10px;padding:14px;margin:28px 0 36px}
footer.site{background:var(--ink);color:#cfd6d2;padding:36px 0;font-size:.9rem}
footer.site a{color:#fff}
footer.site .fbrand{color:#fff;font-size:1.1rem}
footer.site .cols{display:grid;gap:22px;grid-template-columns:1fr}
@media(min-width:760px){footer.site .cols{grid-template-columns:1.2fr 1fr 1fr}}
footer.site ul{list-style:none}
footer.site li{margin-bottom:6px}
footer.site .copy{margin-top:22px}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}