:root{
 --green-900:#143E2A;
 --green-700:#1F5A3C;
 --green-500:#2F6B46;
 --green-100:#EDF2EE;
 --terra:#C87A32;
 --terra-dark:#A96023;
 --paper:#FBF9F4;
 --paper-2:#F3F1E9;
 --ink:#1E211F;
 --muted:#5C6862;
 --rule:#DFDACE;
 --shadow:0 18px 46px -22px rgba(20,62,42,.45);
 --wrap:1080px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth; -webkit-text-size-adjust:100%}
body{
 margin:0; background:var(--paper); color:var(--ink);
 font-family:Caladea,Georgia,"Times New Roman",serif;
 font-size:17.5px; line-height:1.62;
}
img{max-width:100%; height:auto; display:block}
a{color:var(--green-500)}
.wrap{max-width:var(--wrap); margin:0 auto; padding:0 22px}
.narrow{max-width:720px}
h1,h2,h3,h4,.sans{font-family:Poppins,"Helvetica Neue",Helvetica,Arial,sans-serif}
h1,h2,h3{color:var(--green-900); line-height:1.2; margin:0 0 .4em}
h2{font-size:clamp(1.5rem,3.2vw,2.05rem); letter-spacing:-.01em}
h3{font-size:1.12rem; letter-spacing:-.005em}
p{margin:0 0 1em}
.lede{font-size:1.12rem; color:var(--muted)}
.eyebrow{
 font-family:Poppins,Arial,sans-serif; font-size:.68rem; font-weight:600;
 letter-spacing:.2em; text-transform:uppercase; color:var(--terra);
 margin:0 0 .8em;
}
.rule-acc{width:56px; height:3px; background:var(--terra); border:0; margin:0 0 1.3em}
.topbar{
 background:var(--green-900); color:#EAF1EC;
 font-family:Poppins,Arial,sans-serif; font-size:.78rem; letter-spacing:.02em;
}
.topbar .wrap{display:flex; align-items:center; justify-content:space-between;
 gap:14px; padding-top:11px; padding-bottom:11px; flex-wrap:wrap}
.topbar a{color:#EAF1EC; text-decoration:none}
.brandmark{font-weight:600; letter-spacing:.16em; text-transform:uppercase}
.topnav{display:flex; gap:20px}
.topnav a:hover{color:var(--terra)}
.hero{background:var(--green-900); color:#F1F5F2; padding:52px 0 60px}
.hero .grid{display:grid; grid-template-columns:1fr 340px; gap:52px; align-items:center}
.hero h1{
 color:#fff; font-size:clamp(2rem,4.6vw,3.05rem); letter-spacing:-.02em;
 margin:0 0 .45em;
}
.hero .lede{color:#C9DBCF; font-size:1.16rem}
.hero .cover{box-shadow:var(--shadow); border-radius:3px}
.hero .stats{
 display:flex; gap:30px; flex-wrap:wrap; margin:26px 0 30px;
 border-top:1px solid rgba(255,255,255,.16); padding-top:22px;
}
.hero .stats b{
 display:block; font-family:Poppins,Arial,sans-serif; font-size:1.6rem;
 color:#fff; line-height:1.1; font-weight:600;
}
.hero .stats span{font-family:Poppins,Arial,sans-serif; font-size:.7rem;
 letter-spacing:.14em; text-transform:uppercase; color:#8FB09C}
.btn{
 display:inline-block; font-family:Poppins,Arial,sans-serif; font-weight:600;
 font-size:.95rem; letter-spacing:.01em; text-decoration:none;
 padding:15px 30px; border-radius:4px; border:2px solid transparent;
 transition:transform .12s ease, background .15s ease, color .15s ease;
}
.btn:active{transform:translateY(1px)}
.btn-primary{background:var(--terra); color:#fff}
.btn-primary:hover{background:var(--terra-dark)}
.btn-ghost{border-color:rgba(255,255,255,.4); color:#fff}
.btn-ghost:hover{border-color:#fff; background:rgba(255,255,255,.08)}
.btn-dark{background:var(--green-700); color:#fff}
.btn-dark:hover{background:var(--green-900)}
.btn-row{display:flex; gap:14px; flex-wrap:wrap; align-items:center}
.price{font-family:Poppins,Arial,sans-serif; font-size:.9rem; color:#8FB09C}
.price s{opacity:.6}
section{padding:64px 0}
section.tint{background:var(--paper-2)}
section.green{background:var(--green-700); color:#EAF1EC}
section.green h2{color:#fff}
section.green .lede{color:#BFD5C7}
.cols-2{display:grid; grid-template-columns:1fr 1fr; gap:44px; align-items:start}
.cols-3{display:grid; grid-template-columns:repeat(3,1fr); gap:26px}
.card{
 background:#fff; border:1px solid var(--rule); border-radius:6px;
 padding:26px 24px;
}
.card h3{margin-bottom:.35em}
.card p:last-child{margin-bottom:0}
.card .num{
 font-family:Poppins,Arial,sans-serif; font-weight:600; font-size:.72rem;
 letter-spacing:.16em; color:var(--terra); display:block; margin-bottom:.9em;
}
.chapters{list-style:none; margin:0; padding:0}
.chapters li{
 display:flex; gap:16px; padding:13px 0; border-bottom:1px solid var(--rule);
}
.chapters li:last-child{border-bottom:0}
.chapters .n{
 font-family:Poppins,Arial,sans-serif; font-weight:600; color:var(--terra);
 min-width:26px; font-size:.95rem;
}
.chapters .t{font-weight:600; color:var(--green-900)}
.chapters .d{color:var(--muted); display:block; font-size:.94rem}
.cats{display:flex; flex-wrap:wrap; gap:9px; margin-top:8px}
.cats span{
 font-family:Poppins,Arial,sans-serif; font-size:.8rem;
 background:#fff; border:1px solid var(--rule); color:var(--green-900);
 padding:7px 13px; border-radius:100px;
}
.cats span i{font-style:normal; color:var(--terra); font-weight:600}
.look{display:grid; grid-template-columns:repeat(3,1fr); gap:20px}
.look figure{margin:0}
.look img{border:1px solid var(--rule); border-radius:3px; box-shadow:0 10px 26px -18px rgba(0,0,0,.5)}
.look figcaption{
 font-family:Poppins,Arial,sans-serif; font-size:.78rem; color:var(--muted);
 margin-top:10px;
}
.pull{
 border-left:3px solid var(--terra); padding:4px 0 4px 20px;
 font-size:1.15rem; color:var(--green-900); margin:0 0 1.2em;
}
.faq{border-top:1px solid var(--rule)}
.faq details{border-bottom:1px solid var(--rule); padding:16px 0}
.faq summary{
 cursor:pointer; font-family:Poppins,Arial,sans-serif; font-weight:600;
 color:var(--green-900); list-style:none; display:flex; justify-content:space-between;
 gap:16px; align-items:flex-start;
}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+"; color:var(--terra); font-size:1.3rem; line-height:1}
.faq details[open] summary::after{content:"–"}
.faq details p{margin:.85em 0 0; color:var(--muted)}
.leadband{display:grid; grid-template-columns:230px 1fr; gap:38px; align-items:center}
.leadband img{border-radius:3px; border:1px solid rgba(255,255,255,.22);
 box-shadow:0 20px 44px -20px rgba(0,0,0,.6)}
section.tint .leadband img{border-color:var(--rule)}
.bonus-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:22px; margin-top:8px}
.dl{
 background:#fff; border:1px solid var(--rule); border-radius:6px; padding:24px 22px;
 display:flex; flex-direction:column; gap:10px;
}
.dl .kind{font-family:Poppins,Arial,sans-serif; font-size:.68rem; letter-spacing:.16em;
 text-transform:uppercase; color:var(--terra)}
.dl h3{margin:0}
.dl p{color:var(--muted); font-size:.95rem; margin:0; flex:1}
.dl a{
 font-family:Poppins,Arial,sans-serif; font-weight:600; font-size:.9rem;
 text-decoration:none; color:var(--green-500);
}
.dl a::after{content:" →"}
.note{
 background:var(--green-100); border-left:3px solid var(--green-500);
 padding:18px 22px; border-radius:0 4px 4px 0; color:var(--muted); font-size:.97rem;
}
.note strong{color:var(--green-900)}
footer{background:var(--green-900); color:#9FBCAA; padding:44px 0 52px;
 font-family:Poppins,Arial,sans-serif; font-size:.85rem}
footer a{color:#C9DBCF; text-decoration:none}
footer a:hover{color:#fff}
footer .fgrid{display:flex; justify-content:space-between; gap:26px; flex-wrap:wrap}
footer .fnav{display:flex; gap:20px; flex-wrap:wrap}
footer .fine{margin-top:26px; padding-top:20px; border-top:1px solid rgba(255,255,255,.13);
 color:#7C9A88; font-size:.78rem; max-width:760px}
@media (max-width:900px){
 .hero .grid{grid-template-columns:1fr; gap:34px}
 .hero .cover{max-width:250px; margin:0 auto}
 .cols-2,.cols-3,.look,.bonus-grid{grid-template-columns:1fr}
 .leadband{grid-template-columns:1fr; text-align:left}
 .leadband img{max-width:190px}
 section{padding:48px 0}
}
@media (max-width:560px){
 body{font-size:16.5px}
 .topnav{gap:14px; font-size:.74rem}
 .hero .stats{gap:20px}
}
@font-face{font-family:Caladea;src:url(/assets/fonts/caladea-regular.woff2) format("woff2");
 font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Caladea;src:url(/assets/fonts/caladea-bold.woff2) format("woff2");
 font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:Caladea;src:url(/assets/fonts/caladea-italic.woff2) format("woff2");
 font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:Poppins;src:url(/assets/fonts/poppins-400.woff2) format("woff2");
 font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Poppins;src:url(/assets/fonts/poppins-500.woff2) format("woff2");
 font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:Poppins;src:url(/assets/fonts/poppins-700.woff2) format("woff2");
 font-weight:600 700;font-style:normal;font-display:swap}
.pricetag{
 font-family:Poppins,Arial,sans-serif; font-size:2.6rem; font-weight:600;
 color:var(--green-900); margin:.35em 0 .15em; letter-spacing:-.02em;
 font-variant-numeric:tabular-nums;
}
.skip{
 position:absolute; left:-9999px; top:0; z-index:100;
 background:var(--terra); color:#fff; padding:12px 20px; border-radius:0 0 4px 0;
 font-family:Poppins,Arial,sans-serif; font-size:.9rem; text-decoration:none;
}
.skip:focus{left:0}
a:focus-visible, button:focus-visible, summary:focus-visible, input:focus-visible{
 outline:2px solid var(--terra); outline-offset:3px;
}
.sr-only{
 position:absolute; width:1px; height:1px; padding:0; margin:-1px;
 overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0;
}
.grid2{display:grid; grid-template-columns:1fr 1fr; gap:18px}
@media (max-width:560px){ .grid2{grid-template-columns:1fr} }
.prodhead{padding:36px 0 4px; max-width:820px}
.prodhead h1{font-size:clamp(1.85rem,4vw,2.5rem); margin:0 0 .3em; letter-spacing:-.015em}
.prodhead .sub{color:var(--muted); font-size:1.06rem; margin:0}
.product{display:grid; grid-template-columns:minmax(0,1fr) minmax(340px,415px);
 gap:44px; align-items:start; padding:22px 0 10px}
.gallery{position:relative; min-width:0}
.gallery input{position:absolute; width:1px; height:1px; opacity:0; pointer-events:none}
.gmain{position:relative; background:var(--paper-2); border:1px solid var(--rule);
 border-radius:6px; padding:26px 22px; display:grid; place-items:center; min-height:420px}
.gmain figure{margin:0; display:none; width:100%}
.gmain img{margin:0 auto; max-height:520px; width:auto;
 border:1px solid var(--rule); border-radius:3px;
 box-shadow:0 14px 34px -20px rgba(0,0,0,.55)}
.gmain figcaption{font-family:Poppins,Arial,sans-serif; font-size:.8rem;
 color:var(--muted); margin-top:14px; text-align:center}
#g1:checked~.gmain figure:nth-of-type(1),
#g2:checked~.gmain figure:nth-of-type(2),
#g3:checked~.gmain figure:nth-of-type(3),
#g4:checked~.gmain figure:nth-of-type(4){display:block}
.gthumbs{display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin-top:14px}
.gthumbs label{display:block; cursor:pointer; border:1px solid var(--rule);
 border-radius:4px; padding:6px; background:#fff; transition:border-color .15s}
.gthumbs label:hover{border-color:var(--green-500)}
.gthumbs img{border-radius:2px; aspect-ratio:3/4; object-fit:contain;
 object-position:center; background:var(--paper-2); width:100%; height:auto}
#g1:checked~.gthumbs label:nth-of-type(1),
#g2:checked~.gthumbs label:nth-of-type(2),
#g3:checked~.gthumbs label:nth-of-type(3),
#g4:checked~.gthumbs label:nth-of-type(4){border-color:var(--terra);
 box-shadow:0 0 0 1px var(--terra)}
.buypanel{position:sticky; top:18px; min-width:0; background:#fff;
 border:1px solid var(--rule); border-radius:6px; padding:26px 26px 24px}
.openingtag{font-family:Poppins,Arial,sans-serif; font-size:.68rem; font-weight:700;
 letter-spacing:.16em; text-transform:uppercase; color:#fff; background:var(--terra);
 display:inline-block; padding:6px 11px; border-radius:3px; margin:0 0 16px}
.pricerow{display:flex; align-items:baseline; gap:12px; flex-wrap:wrap; margin:0 0 6px}
.pricerow .was{font-family:Poppins,Arial,sans-serif; font-size:1.3rem; color:var(--muted);
 text-decoration:line-through; text-decoration-thickness:2px}
.pricerow .now{font-family:Poppins,Arial,sans-serif; font-size:2.9rem; font-weight:600;
 color:var(--green-900); letter-spacing:-.02em; font-variant-numeric:tabular-nums;
 line-height:1}
.pricerow .saves{font-family:Poppins,Arial,sans-serif; font-size:.75rem; font-weight:700;
 letter-spacing:.08em; text-transform:uppercase; color:var(--green-700);
 background:var(--green-100); border-radius:3px; padding:5px 9px}
.pricerow-center{justify-content:center; margin-bottom:10px}
.green .pricerow .was{color:#9FBCAA}
.green .pricerow .now{color:#fff}
.perrecipe{font-size:.93rem; color:var(--muted); margin:0 0 18px}
.buybtn{display:block; width:100%; text-align:center; font-size:1.02rem; padding:17px 20px}
.microtrust{display:flex; gap:14px; flex-wrap:wrap; justify-content:center;
 font-family:Poppins,Arial,sans-serif; font-size:.76rem; color:var(--muted);
 margin:14px 0 0; letter-spacing:.02em}
.microtrust span{display:inline-flex; align-items:center; gap:5px}
.microtrust span::before{content:"\2713"; color:var(--terra); font-weight:700}
.microtrust-light{justify-content:center; color:#BFD5C7; margin-top:16px}
.microtrust-light span::before{color:#E7B27A}
.taxnote{font-size:.8rem; color:var(--muted); margin:16px 0 0; line-height:1.55}
.specs{list-style:none; margin:20px 0 0; padding:0; border-top:1px solid var(--rule)}
.specs li{display:flex; gap:11px; padding:11px 0; border-bottom:1px solid var(--rule);
 font-family:Poppins,Arial,sans-serif; font-size:.85rem; color:var(--muted);
 line-height:1.5}
.specs li:last-child{border-bottom:0}
.specs .tick{color:var(--terra); font-weight:700; flex:0 0 auto}
.specs b{color:var(--green-900); font-weight:600}
.btn-outline{border-color:var(--green-700); color:var(--green-700)}
.btn-outline:hover{background:var(--green-100)}
.buybox{padding:26px 0 40px}
.buybox-head{display:flex; align-items:center; justify-content:space-between; gap:16px;
 flex-wrap:wrap; margin:0 0 16px}
.backlink{background:none; border:0; cursor:pointer; padding:8px 0;
 font-family:Poppins,Arial,sans-serif; font-size:.9rem; font-weight:600;
 color:var(--green-700)}
.backlink:hover{color:var(--terra)}
.buybox-note{margin:0; font-family:Poppins,Arial,sans-serif; font-size:.8rem;
 color:var(--muted)}
.checkout-mount{background:#fff; border:1px solid var(--rule); border-radius:6px;
 overflow:hidden; height:780px}
.stickybuy{position:fixed; left:0; right:0; bottom:0; z-index:60; display:none;
 align-items:center; gap:14px; padding:11px 16px calc(11px + env(safe-area-inset-bottom));
 background:#fff; border-top:1px solid var(--rule);
 box-shadow:0 -8px 24px -18px rgba(0,0,0,.5)}
.stickybuy .sb-price{display:flex; align-items:baseline; gap:8px; flex:0 0 auto}
.stickybuy .was{font-family:Poppins,Arial,sans-serif; font-size:.9rem; color:var(--muted);
 text-decoration:line-through}
.stickybuy .now{font-family:Poppins,Arial,sans-serif; font-size:1.35rem; font-weight:600;
 color:var(--green-900)}
.stickybuy .btn{flex:1 1 auto; text-align:center; padding:13px 18px}
@media (max-width:900px){
 .product{grid-template-columns:1fr; gap:26px; padding-top:16px}
 .buypanel{position:static}
 .gmain img{max-height:400px}
 .gmain{min-height:0; padding:20px 16px}
 .prodhead{padding-top:26px}
 .checkout-mount{height:1500px}
 .stickybuy[hidden]{display:none}
 .stickybuy{display:flex}
 body{padding-bottom:0}
}
.h2like{font-size:clamp(1.5rem,3.2vw,2.05rem); letter-spacing:-.01em}
.mailbox{font-family:Poppins,Arial,sans-serif; font-size:clamp(1.02rem,2.2vw,1.25rem);
 font-weight:600; margin:14px 0 14px; word-break:break-word}
.mailbox a{color:var(--green-900); text-decoration:none;
 border-bottom:3px solid var(--terra); padding-bottom:2px}
.mailbox a:hover{color:var(--terra)}
.contactgrid{display:grid; grid-template-columns:minmax(0,1.25fr) minmax(280px,.85fr);
 gap:34px; align-items:start; margin-top:28px}
.cform{background:#fff; border:1px solid var(--rule); border-radius:6px; padding:28px}
.cform label{display:block; font-family:Poppins,Arial,sans-serif; font-weight:600;
 font-size:.86rem; color:var(--green-900); margin:18px 0 7px}
.cform label:first-of-type{margin-top:0}
.cform input[type=email], .cform select, .cform textarea{
 width:100%; font-family:Poppins,Arial,sans-serif; font-size:.98rem;
 padding:13px 14px; border:1px solid var(--rule); border-radius:4px;
 background:var(--paper); color:var(--ink); line-height:1.45}
.cform textarea{resize:vertical; min-height:150px}
.cform input:focus, .cform select:focus, .cform textarea:focus{
 outline:2px solid var(--green-500); outline-offset:1px; border-color:var(--green-500)}
.cform .hint{display:block; font-family:Poppins,Arial,sans-serif; font-size:.8rem;
 color:var(--muted); margin-top:7px; line-height:1.5}
.cform .btn{margin-top:22px; width:100%; text-align:center; border:0; cursor:pointer;
 font-size:.98rem}
.cform .btn:disabled{opacity:.6; cursor:default}
.cform .cnote{font-size:.82rem; color:var(--muted); margin:16px 0 0; line-height:1.55}
.cform h3{margin-top:0}
.cside{background:var(--green-100); border-radius:6px; padding:26px 24px;
 font-size:.95rem}
.cside h3{margin-top:0}
.cside p{color:var(--muted)}
.cside b{color:var(--green-900)}
.gate-err{background:#FBEDE6; border-left:3px solid #A2452B; color:#7A3520;
 padding:12px 14px; border-radius:0 4px 4px 0; margin:16px 0 0; font-size:.9rem}
@media (max-width:860px){
 .contactgrid{grid-template-columns:1fr; gap:22px}
}
.gate{background:#fff; border:1px solid var(--rule); border-radius:6px;
 padding:26px 26px 22px; max-width:560px; margin:28px 0 0; color:var(--ink)}
.gate h3{margin:0 0 .5em; color:var(--green-900)}
.gate .gate-sub{margin:0; color:var(--muted); font-size:.95rem}
.gate .why{font-size:.88rem; color:var(--muted); margin:16px 0 0; line-height:1.6}
.gate form{display:flex; gap:10px; flex-wrap:wrap; margin:18px 0 0}
.gate input[type=email]{flex:1 1 230px; min-width:0; font-family:Poppins,Arial,sans-serif;
 font-size:.98rem; padding:14px 15px; border:1px solid var(--rule);
 border-radius:4px; background:var(--paper); color:var(--ink)}
.gate input[type=email]:focus{outline:2px solid var(--green-500); outline-offset:1px;
 border-color:var(--green-500)}
.gate button{flex:0 0 auto; cursor:pointer; border:0}
.gate button:disabled{opacity:.6; cursor:default}
.gthumbs{grid-template-columns:repeat(5,1fr)}
#g5:checked~.gmain figure:nth-of-type(5){display:block}
#g5:checked~.gthumbs label:nth-of-type(5){border-color:var(--terra);
 box-shadow:0 0 0 1px var(--terra)}
.gmain figcaption em{font-style:italic; color:var(--green-700)}
.tocwrap{margin-top:34px}
.tocgrid{display:grid; grid-template-columns:repeat(auto-fill,minmax(250px,1fr));
 gap:16px}
.toccard{background:#fff; border:1px solid var(--rule); border-radius:6px;
 padding:18px 18px 16px}
.toccard h3{display:flex; align-items:baseline; justify-content:space-between; gap:10px;
 font-size:.98rem; margin:0 0 10px; padding-bottom:9px;
 border-bottom:1px solid var(--rule)}
.toccard .tc-count{font-family:Poppins,Arial,sans-serif; font-size:.72rem; font-weight:700;
 color:var(--terra); background:var(--green-100); border-radius:3px; padding:3px 8px;
 flex:0 0 auto}
.toccard ul{list-style:none; margin:0; padding:0}
.toccard li{display:flex; justify-content:space-between; gap:10px; padding:4px 0;
 font-family:Poppins,Arial,sans-serif; font-size:.82rem; color:var(--muted);
 line-height:1.45}
.toccard li i{font-style:normal; color:var(--green-700); font-weight:600;
 font-variant-numeric:tabular-nums; flex:0 0 auto}
.tocfoot{margin:22px 0 0; font-size:.95rem; color:var(--muted); max-width:760px}
.tocfoot strong{color:var(--green-900)}
@media (max-width:520px){
 .gthumbs{grid-template-columns:repeat(5,1fr); gap:7px}
 .gthumbs label{padding:4px}
}
