: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} }