:root{--ink:#2e2119;--ink2:#5c4433;--gold:#b8451f;--gold2:#9a3717;--gold3:#e08a4e;
 --paper:#FCF5EA;--line:#EBD9C2;--box:#F7E9D6;--red:#8f2d15;--green:#3d6b5a}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
.planformer{font-size:12.5px;font-style:italic;color:#9a8b7a;margin:0 0 2px}
.alsoformer{font-size:14px;font-style:italic;color:#9a8b7a;margin:0 0 4px}

.formerly{font-family:Georgia,serif;font-style:italic;color:#e8d9c8;opacity:.8;font-size:19px;margin:4px 0 8px}
@media(max-width:640px){.formerly{font-size:14.5px;margin:2px 0 4px}}

.bullets{list-style:none;max-width:820px;margin:26px auto 0;text-align:left}
.bullets li{padding:11px 2px;border-bottom:1px dotted #d8ccb4;font-size:17.5px;line-height:1.5}
.bullets .pg{color:#9a8b7a;font-size:15px;white-space:nowrap}
.tocclose{max-width:820px;margin:24px auto 0;font-size:17px;color:var(--ink2);text-align:center;font-style:italic}
@media(max-width:640px){.bullets li{font-size:16px;padding:9px 2px}}

.math .mathcol li{display:block;padding:9px 0}
.math .mathcol li b{display:block;margin-top:2px;color:#a3341f}
.math .mathcol ul{line-height:1.5}
.math .mtotal{margin-top:18px;border-top:2px solid #d8ccb4;padding-top:14px}

.vslwrap{margin:10px auto 26px;max-width:860px}
.lookcta{text-align:center;margin-top:34px}
@media(max-width:640px){.lookcta{padding-right:18px}.lookcta .cta{font-size:19px;padding:16px 24px;display:block;margin:0 auto;max-width:340px}}

@media(max-width:640px){
 .mathcol{padding:20px 18px}
 .mathcol ul{font-size:16.5px;line-height:1.55}
 .mathcol li{display:block;padding:9px 0}
 .mathcol li b{display:block;margin-top:2px}
 .mtotal{font-size:21px}
 .mathcol h3{font-size:20px}
}

@media(max-width:640px){
 .ch{gap:10px;margin-bottom:2px}
 .chn{width:26px;height:26px;font-size:13px;line-height:26px}
 .cht{font-size:16.5px}
 .chd{display:none}
}

@media(max-width:640px){
 .hero{padding:14px 0 44px}
 .wrapc{padding:14px 16px 36px}
 .headc h1{font-size:31px;line-height:1.14;margin-bottom:8px}
 .subhead{display:none}
 .downarrow{display:none}
 .soundbar{font-size:14.5px;padding:8px 16px;white-space:nowrap}
 .soundbar .sbfull{display:none}
 
 .bigcta{font-size:21px;padding:16px 18px 13px}
}
@media(min-width:641px){.soundbar .sbshort{display:none}}

/* ===== redesigned top (Silas-style structure, our brand) ===== */
.wrapc{max-width:960px;margin:0 auto;padding:56px 24px 64px;text-align:center;position:relative;z-index:2}
.headc h1{font-size:60px;line-height:1.12;margin:6px 0 18px;color:#FBF6EE;max-width:860px;margin-left:auto;margin-right:auto}
.subhead{font-size:23px;color:#e8d9c8;opacity:.92;max-width:720px;margin:0 auto 10px;line-height:1.45}
.downarrow{color:var(--gold2);font-size:22px;margin:18px 0 6px;animation:bob 1.6s ease-in-out infinite}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(7px)}}


.soundbar{display:inline-block;background:#a3341f;color:#fff;font-size:17px;font-weight:bold;letter-spacing:.02em;margin-bottom:12px;padding:10px 20px;border-radius:999px;box-shadow:0 6px 18px rgba(0,0,0,.35)}
.vslframe{position:relative}
.playbig{position:absolute;inset:0;display:flex;flex-direction:column;gap:14px;align-items:center;justify-content:center;cursor:pointer;background:rgba(20,10,8,.18);border:0;border-radius:12px;width:100%;padding:0}
.playbig span{width:96px;height:96px;border-radius:50%;background:#a3341f;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px rgba(0,0,0,.5);animation:pulse 1.8s ease-in-out infinite}
.playbig span::after{content:"";display:block;margin-left:8px;border-style:solid;border-width:19px 0 19px 32px;border-color:transparent transparent transparent #fff}
.playbig b{color:#fff;font-size:18px;text-shadow:0 2px 8px rgba(0,0,0,.8)}
@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.07)}}

.vslwrap video{width:100%;display:block;border-radius:12px;background:#000;box-shadow:0 18px 50px rgba(0,0,0,.45);border:1px solid rgba(255,220,192,.25)}
.bigcta{display:block;max-width:640px;margin:0 auto;background:linear-gradient(180deg,#d0714f,#a3341f);color:#fff;text-decoration:none;font-weight:bold;font-size:27px;padding:20px 30px 16px;border-radius:14px;box-shadow:0 14px 36px rgba(0,0,0,.4)}
.bigcta small{display:block;font-weight:normal;font-size:14.5px;opacity:.92;margin-top:7px;letter-spacing:.02em}
.seeinside{display:inline-block;margin:20px auto 4px;color:var(--gold2);font-size:18px;font-weight:bold;text-decoration:underline}
.fmtline{max-width:640px;margin:22px auto 0;font-size:15.5px;line-height:1.55;color:#e8d9c8;background:rgba(0,0,0,.24);border:1px solid rgba(255,220,192,.28);border-left:4px solid var(--gold3);border-radius:10px;padding:12px 16px;text-align:left}
@media(max-width:640px){.headc h1{font-size:38px}.bigcta{font-size:22px}.subhead{font-size:18px}}
/* editorial section numbers */
body{counter-reset:sec}
section>.wrap>h2{position:relative}
section>.wrap>h2::before{counter-increment:sec;content:counter(sec,decimal-leading-zero);display:block;font-size:15px;letter-spacing:.4em;color:#b06a3e;margin-bottom:8px}
/* reveal on scroll */
@media(prefers-reduced-motion:no-preference){
 /* Hidden ONLY once JS has confirmed it can reveal it again. Four elements carry class=rvl
    in the markup, so without this gate a device with JS off, a JS error before this script,
    or no IntersectionObserver would leave them invisible for good. */
 html.reveal-ready .rvl{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s ease}
 html.reveal-ready .rvl.on{opacity:1;transform:none}}
/* math comparison */
.mathgrid{display:flex;gap:26px;flex-wrap:wrap;margin-top:26px}
.mathcol{flex:1 1 320px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:26px 28px}
.mathcol.bad{border-top:5px solid #9a8b7a}
.mathcol.good{border-top:5px solid #2e5d43}
.mathcol h3{font-size:22px;margin-bottom:14px}
.mathcol ul{list-style:none;font-size:17.5px;line-height:1.9}
.mathcol li{display:flex;justify-content:space-between;border-bottom:1px dotted #d8ccb4;padding:4px 0}
.mtotal{font-size:26px;font-weight:bold;margin-top:16px;display:flex;justify-content:space-between}
.mathcol.good .mtotal{color:#2e5d43}
.mathnote{font-size:14.5px;color:var(--ink2);margin-top:16px}
/* author block */
.author .wrap{display:flex;flex-direction:column;gap:30px;align-items:center;text-align:center;max-width:820px}
.author img{width:300px;max-width:80%;border-radius:14px;box-shadow:0 16px 40px rgba(0,0,0,.18)}
.author .acol{max-width:760px}
.author .sig{font-style:italic;font-size:26px;color:#7A5C42;margin-top:14px}

/* ===== VSL (video at the top, Silas-style placement, our design) ===== */


.vslwrap video{width:100%;display:block;border-radius:12px;background:#000;box-shadow:0 18px 50px rgba(0,0,0,.45);border:1px solid rgba(255,220,192,.25)}

.cta2{display:inline-block;margin:12px 12px 0 0;padding:15px 26px;border:2px solid var(--gold2);border-radius:10px;color:var(--gold2);font-weight:bold;text-decoration:none;font-size:16.5px}
.cta2:hover{background:var(--gold2);color:#fff}
@media(max-width:640px){.cta2{display:block;text-align:center;margin:12px 0 0}}

body{font-family:Georgia,'Times New Roman',serif;color:var(--ink);background:var(--paper);line-height:1.6}
.wrap{max-width:1080px;margin:0 auto;padding:0 24px}

/* ===== SALE BANNER ===== */
.bar{position:sticky;top:0;z-index:50;background:linear-gradient(90deg,#7a2612,#8f2d15 50%,#7a2612);
 color:#fff;text-align:center;padding:11px 16px;font-size:16px;box-shadow:0 3px 14px rgba(0,0,0,.35)}
.bar b{color:#ffd9b0}
.bar .cd{display:inline-flex;gap:6px;margin-left:10px;vertical-align:middle;font-variant-numeric:tabular-nums}
.bar .cd span{background:rgba(0,0,0,.28);border-radius:5px;padding:3px 8px;font-weight:bold;min-width:44px;display:inline-block}
.bar .cd small{display:block;font-size:9px;letter-spacing:.08em;opacity:.8;font-weight:normal}

/* ===== HERO ===== */
.hero{background:radial-gradient(1100px 500px at 75% -10%,rgba(224,138,78,.18),transparent 60%),
 linear-gradient(165deg,#241a12,#3d2c1e 55%,#523a26);color:var(--paper);padding:60px 0 78px;position:relative;overflow:hidden}
.hero:before{content:"";position:absolute;inset:0;opacity:.06;pointer-events:none;
 background:repeating-linear-gradient(115deg,#000 0 2px,transparent 2px 8px)}
.hero .wrap{display:flex;gap:56px;align-items:center;flex-wrap:wrap;position:relative}
.covwrap{position:relative;flex:none}
.covwrap img{width:340px;max-width:100%;border-radius:10px;box-shadow:0 28px 70px rgba(0,0,0,.6)}
.saletag{position:absolute;top:-16px;right:-16px;background:var(--red);color:#fff;
 width:96px;height:96px;border-radius:50%;display:flex;flex-direction:column;align-items:center;
 justify-content:center;font-weight:bold;transform:rotate(12deg);box-shadow:0 8px 22px rgba(0,0,0,.45);border:3px solid #ffd9b0}
.saletag b{font-size:30px;line-height:1}.saletag small{font-size:12px;letter-spacing:.05em}
.hcol{flex:1;min-width:300px}
.eyebrow{letter-spacing:.28em;font-size:13px;color:var(--gold3);font-weight:bold;margin-bottom:16px}
h1{font-size:56px;line-height:1.03;margin-bottom:18px}
.hero .sub{font-size:22px;font-style:italic;color:var(--line);margin-bottom:26px}
.pricerow{display:flex;align-items:baseline;gap:14px;margin-bottom:24px}
.pricerow .now{font-size:52px;font-weight:bold;color:var(--gold3)}
.pricerow .was{font-size:28px;text-decoration:line-through;opacity:.6;color:#d8c3ac}
.pricerow .save{background:var(--green);color:#fff;font-size:14px;font-weight:bold;padding:5px 11px;border-radius:20px;letter-spacing:.04em}
.cta{display:inline-block;background:linear-gradient(180deg,#e08a4e,#9a3717);color:#fff;text-decoration:none;
 font-weight:bold;font-size:23px;padding:19px 48px;border-radius:10px;box-shadow:0 10px 30px rgba(154,55,23,.5);
 transition:.15s;border:1px solid #eeae7e}
.cta:hover{transform:translateY(-2px);box-shadow:0 14px 38px rgba(154,55,23,.6)}
.microtrust{margin-top:16px;font-size:15px;color:var(--line);opacity:.9}
.microtrust span{margin-right:16px}

/* ===== SECTIONS ===== */
section{padding:64px 0}
h2{font-size:38px;margin-bottom:12px;text-align:center;color:var(--ink)}
.lead{font-size:20px;text-align:center;max-width:760px;margin:0 auto 40px;color:var(--ink2)}
.pitch{background:var(--box)}
.pitch .prow{display:flex;gap:44px;align-items:center;max-width:900px;margin:0 auto;flex-wrap:wrap}
.pitch .pimg{flex:none;width:230px;max-width:100%;border-radius:12px;box-shadow:0 16px 40px rgba(46,33,25,.2)}
.pitch .ptext{flex:1;min-width:280px}
.pitch p{font-size:19px;margin:0 0 18px}
.pitch p.big{font-size:25px;font-weight:bold;color:var(--ink);margin-bottom:22px}
.chlist{max-width:820px;margin:0 auto}
.ch{display:flex;gap:22px;padding:20px 0;border-bottom:1px solid var(--line)}
.chn{flex:none;width:52px;height:52px;border-radius:50%;background:linear-gradient(180deg,#e08a4e,#9a3717);
 color:#fff;font-weight:bold;font-size:22px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(154,55,23,.35)}
.cht{font-size:21px;font-weight:bold;margin-bottom:4px}
.chd{color:var(--ink2);font-size:17px}
.stats{background:linear-gradient(160deg,#241a12,#3d2c1e);color:var(--paper)}
.statgrid{display:flex;gap:36px;justify-content:center;flex-wrap:wrap;text-align:center}
.stat b{display:block;font-size:56px;color:var(--gold3);line-height:1}
.stat span{font-size:16px;color:var(--line)}

/* ===== THE CHOICE (single vs bundle) ===== */
.buy{background:var(--box);text-align:center}
.plans{display:flex;gap:22px;justify-content:center;align-items:stretch;flex-wrap:wrap;max-width:1120px;margin:0 auto}
.plan{flex:1 1 300px;max-width:352px;background:#fff;border:1px solid var(--line);border-radius:16px;
 padding:30px 26px 26px;box-shadow:0 14px 36px rgba(46,33,25,.10);display:flex;flex-direction:column;position:relative;text-align:center}
.plan.best{border:2px solid var(--gold);transform:scale(1.04);z-index:1;box-shadow:0 22px 54px rgba(154,55,23,.26)}
.bestflag{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:var(--gold);color:#fff;
 font-size:12px;font-weight:bold;letter-spacing:.08em;padding:6px 16px;border-radius:20px;white-space:nowrap;font-family:Arial,sans-serif}
.planhead{font-size:11px;letter-spacing:.16em;color:var(--ink2);font-weight:bold;margin-bottom:8px;font-family:Arial,sans-serif}
.planname{font-size:27px;font-weight:bold;line-height:1.15;margin-bottom:6px}
.planmeta{font-size:15px;color:var(--ink2);margin-bottom:16px}
.planprice{margin-bottom:18px}
.pnow{font-size:46px;font-weight:bold;color:var(--gold);line-height:1}
.pwas{font-size:20px;color:#bfa48c;text-decoration:line-through;margin-left:9px}
.plan .cta{width:100%;margin-top:auto;font-size:20px;padding:16px 14px}
.cta.ghost{background:#fff;color:var(--gold2);border:2px solid var(--gold);box-shadow:none}
.cta.ghost:hover{background:var(--box);box-shadow:none}
.planwhy{font-size:14px;color:var(--ink2);margin-top:12px;line-height:1.5}
.guarantee{font-size:15px;color:var(--ink2)}
.guarantee b{color:var(--green)}

/* ===== THE OTHER BOOK ===== */
.also{background:var(--box);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.alsorow{display:flex;gap:44px;align-items:center;max-width:900px;margin:0 auto;flex-wrap:wrap}
.alsoimg{flex:none;width:230px;max-width:100%;border-radius:12px;box-shadow:0 16px 40px rgba(46,33,25,.2)}
.alsotext{flex:1;min-width:280px}
.alsotag{font-size:12px;letter-spacing:.18em;color:var(--gold2);font-weight:bold;margin-bottom:8px}
.alsotext h2{margin-bottom:10px;text-align:left}
.alsoprice{display:flex;align-items:baseline;gap:12px;margin:16px 0 20px;flex-wrap:wrap}
.alsoprice .now{font-size:34px;font-weight:bold;color:var(--gold)}
.alsoprice .was{font-size:20px;color:#bfa48c;text-decoration:line-through}

.faq{max-width:760px;margin:0 auto}
.faq .q{font-weight:bold;font-size:20px;margin-top:26px}
.faq .a{font-size:18px;color:var(--ink2);margin-top:6px}
footer{background:linear-gradient(160deg,#241a12,#2e2119);color:var(--line);text-align:center;padding:44px 0;font-size:15px;font-style:italic}
@media(max-width:640px){h1{font-size:40px}.pricerow .now{font-size:42px}}



/* ===== LOOK INSIDE — real pages from the real PDF. Proves it exists, proves it's good,
   proves it's a screen document, and shows the type size, all in one scroll. ===== */
.look{background:var(--paper);border-top:1px solid var(--line)}
.scroller{display:flex;gap:18px;overflow-x:auto;padding:6px 4px 18px;scroll-snap-type:x mandatory;
 -webkit-overflow-scrolling:touch}
.pgfig{flex:none;width:300px;scroll-snap-align:center}
.pgfig img{width:100%;height:auto;aspect-ratio:662/1000;border:1px solid var(--line);border-radius:8px;box-shadow:0 12px 30px rgba(0,0,0,.16);display:block;background:#fff}
.pgfig a{display:block;text-decoration:none;position:relative}
.zoom{position:absolute;right:9px;bottom:9px;background:rgba(0,0,0,.72);color:#fff;font-family:Arial,sans-serif;
 font-size:12px;letter-spacing:.04em;padding:6px 10px;border-radius:20px}
.pgcap{font-size:15px;color:var(--ink2);margin-top:10px;line-height:1.45}
.scrollhint{text-align:center;font-size:15px;color:var(--ink2);margin-top:4px}
@media(max-width:640px){.pgfig{width:86vw}.look .wrap{padding-right:0}}


/* ===== SAMPLE-CHAPTER SLIDE-IN =====
   Deliberately NOT a modal. Nielsen Norman's research on older users says avoid pop-up windows —
   they disorient and are hard to dismiss with reduced motor precision. So this is a non-blocking
   card in the corner with an oversized close target, it never covers the page content on load,
   and it stays dismissed for 30 days. It also keeps us inside Google's mobile-interstitial
   exception ("a reasonable amount of screen space and easily dismissible"). */
.sbackdrop{position:fixed;inset:0;z-index:74;background:rgba(26,15,12,.58);opacity:0;visibility:hidden;transition:opacity .35s}
.sbackdrop.on{opacity:1;visibility:visible}
.slidein{position:fixed;z-index:75;left:50%;top:50%;width:600px;max-width:calc(100vw - 32px);display:flex;background:#FFFDF8;border-radius:20px;box-shadow:0 40px 110px rgba(0,0,0,.5);overflow:hidden;opacity:0;visibility:hidden;transform:translate(-50%,-50%) scale(.92);transition:opacity .35s,transform .35s cubic-bezier(.2,.8,.2,1),visibility .35s}
.slidein.on{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1)}
.spleft{flex:0 0 200px;background:radial-gradient(120% 90% at 30% 20%,#3e7a58,#2e5d43 60%,#234a35);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:26px 18px}
.spleft img{width:132px;border-radius:6px;transform:rotate(-4deg);box-shadow:0 18px 40px rgba(0,0,0,.45)}
.spsave{background:var(--gold);color:#fff;font-size:11.5px;font-weight:bold;letter-spacing:.12em;border-radius:999px;padding:7px 14px;white-space:nowrap}
.spright{flex:1;padding:26px 26px 20px;position:relative;min-width:0}
.speye{font-size:11.5px;font-weight:bold;letter-spacing:.22em;color:var(--gold);margin-bottom:6px}
.slidein h3{font-family:Georgia,serif;font-size:25px;margin:0 0 4px;line-height:1.15;padding-right:30px}
.spsub{font-size:14px;color:var(--ink2);margin-bottom:10px}
.spnow{font-size:34px;font-weight:bold;color:#a3341f}
.spwas{font-size:17px;color:var(--ink2);text-decoration:line-through;margin-left:9px;opacity:.6}
.splabel{font-size:12.5px;color:var(--ink2);margin:2px 0 8px}
.spclockwrap{margin:0 0 14px}
#spclock{display:inline-block;background:#221812;color:#F5C784;font-size:24px;font-weight:bold;letter-spacing:4px;font-variant-numeric:tabular-nums;padding:8px 16px;border-radius:10px}
#spbuy{display:block;text-align:center;background:linear-gradient(180deg,#d0714f,#a3341f);color:#fff;text-decoration:none;font-weight:bold;font-size:17.5px;padding:14px 12px;border-radius:11px;box-shadow:0 10px 24px rgba(163,52,31,.35)}
.slidein .fine{font-size:12px;color:#9b8a7d;margin:10px 0 0;line-height:1.4;text-align:center}
.slidein .sclose{position:absolute;top:10px;right:10px;width:40px;height:40px;font-size:24px;line-height:1;border:0;background:rgba(255,253,248,.92);color:#8b7a6c;cursor:pointer;border-radius:50%;font-family:Arial,sans-serif;padding:0;margin:0;z-index:2;box-shadow:0 2px 8px rgba(0,0,0,.15)}
.slidein .sclose:hover{background:#f1e7d8;color:#2b2b2b}
@media(max-width:640px){
 .slidein{left:16px;right:16px;width:auto;transform:translateY(-50%) scale(.92)}
 .slidein.on{transform:translateY(-50%) scale(1)}
 .spleft{display:none}
 .spright{padding:22px 20px 16px}
 .slidein h3{font-size:21px}
 .spnow{font-size:29px}
}


/* ===== CONTACT FORM =====
   Replaces a printed mailto: address. The domain has no MX record yet, so a mailto would bounce;
   this posts to Resend instead and lands in a real inbox with Reply-To set to the customer. */
.contact{background:var(--box);border-top:1px solid var(--line)}
.cform{max-width:520px;margin:0 auto;text-align:left}
.cform label{display:block;font-size:15px;font-weight:bold;margin:14px 0 5px}
.cform input,.cform textarea{width:100%;padding:13px 14px;font-size:16px;font-family:inherit;
 border:1px solid var(--line);border-radius:10px;box-sizing:border-box;background:#fff;color:var(--ink)}
.cform textarea{min-height:120px;resize:vertical}
.cform button{width:100%;margin-top:14px;background:linear-gradient(180deg,var(--gold3),var(--gold2));
 color:#fff;border:0;font-weight:bold;font-size:18px;font-family:inherit;padding:15px;border-radius:10px;cursor:pointer}
.cmsg{font-size:16px;margin-top:12px;min-height:1px}


/* Page-spread lightbox. The spreads used to open the raw JPEG in a new tab, which left phone users
   with no way back except the browser's back arrow. This keeps them on the page and gives them a
   close target big enough to hit with a thumb. Pinch-zoom still works: the viewport allows scaling
   and the image is free to overflow its scroll container. */
.lbox{position:fixed;inset:0;z-index:90;background:#140e0c;display:none;overflow:auto;
 -webkit-overflow-scrolling:touch;padding:56px 10px 30px;text-align:center}
.lbox.on{display:block}
.lbox img{width:100%;max-width:780px;height:auto;border-radius:6px;box-shadow:0 10px 40px rgba(0,0,0,.6)}
.lbox .cap{color:#e8ded2;font-size:15px;line-height:1.5;max-width:780px;margin:14px auto 0;padding:0 10px 10px}
.lbclose{position:fixed;top:10px;right:10px;z-index:91;width:52px;height:52px;border:0;border-radius:50%;
 background:rgba(0,0,0,.6);color:#fff;font-size:30px;line-height:52px;padding:0;cursor:pointer;
 font-family:Arial,sans-serif;-webkit-tap-highlight-color:transparent}
.lbclose:active{background:rgba(0,0,0,.85)}
.lbhint{position:fixed;top:22px;left:14px;z-index:91;color:#bcae9f;font-size:13px;font-family:Arial,sans-serif}


/* printed-edition line under the buy buttons */
.printopt{margin-top:12px;font-size:14.5px;line-height:1.45}
.printopt a{color:var(--gold2);font-weight:bold;text-decoration:underline}
.printopt .pnote{color:var(--ink2);font-weight:normal}

/* ===== CRO BLOCKS ===== */
.mb{display:none}
.fmt{background:rgba(0,0,0,.26);border:1px solid rgba(235,217,194,.28);border-left:4px solid var(--gold3);
 border-radius:10px;padding:15px 18px;font-size:17px;line-height:1.55;color:#f7ead9;margin-bottom:24px;text-align:left}
.fmt b{color:#ffd9b0}
.ctasub{font-size:14px;color:var(--line);opacity:.9;margin-top:9px}
.microtrust{margin-top:16px;font-size:16px;color:var(--line);opacity:1;display:flex;flex-direction:column;gap:7px}
.microtrust span{margin:0}
.how{background:var(--paper);border-bottom:1px solid var(--line)}
.steps{display:flex;gap:26px;justify-content:center;flex-wrap:wrap;max-width:940px;margin:0 auto}
.step{flex:1 1 250px;max-width:300px;display:flex;gap:14px;align-items:flex-start;text-align:left}
.step>b{flex:none;width:42px;height:42px;border-radius:50%;background:linear-gradient(180deg,#e08a4e,#9a3717);
 color:#fff;font-size:19px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(154,55,23,.3)}
.st{font-size:19px;font-weight:bold;margin-bottom:3px}
.sd{font-size:16px;color:var(--ink2);line-height:1.5}
.hownote{text-align:center;margin-top:30px;font-size:19px;color:var(--ink)}
.who{background:var(--box)}
.whorow{display:flex;gap:26px;justify-content:center;flex-wrap:wrap;max-width:900px;margin:0 auto}
.whocol{flex:1 1 340px;max-width:430px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px 26px}
.whocol.yes{border-left:5px solid var(--green)}
.whocol.no{border-left:5px solid #b6bcc2}
.wh{font-size:19px;font-weight:bold;margin-bottom:12px}
.whocol ul{margin:0;padding-left:20px}
.whocol li{font-size:17px;color:var(--ink2);margin-bottom:9px;line-height:1.5}
.whocol.no li b{color:#8f2d15;font-family:Arial,sans-serif;font-size:13px;letter-spacing:.05em}
.alsonote{font-size:16px;color:var(--ink2);line-height:1.6;margin-top:14px}
.trustrow{display:flex;gap:22px;justify-content:center;flex-wrap:wrap;margin:26px auto 0;font-size:15px;color:var(--ink2)}
.gbox{max-width:620px;margin:26px auto 0;background:transparent;border:0;border-top:1px solid var(--line);
 padding:22px 10px 0;text-align:center}
.gbox .gh{font-size:17px;letter-spacing:.14em;text-transform:uppercase;color:var(--green);margin-bottom:8px}
.gbox p{font-size:15.5px;line-height:1.65;color:var(--ink2)}
.gbox .gsign{font-style:italic;color:#7A5C42;margin-top:8px;font-size:16px}
.gh{font-size:22px;font-weight:bold;margin-bottom:8px;color:var(--green)}
.gbox p{font-size:17px;color:var(--ink2);line-height:1.6;margin:0}
.gsign{margin-top:12px;font-style:italic;font-size:17px}
.lastcta{background:linear-gradient(160deg,#241a12,#3d2c1e)}
.sticky{position:fixed;left:0;right:0;bottom:0;z-index:60;display:none;align-items:center;gap:12px;
 background:rgba(36,26,18,.97);border-top:1px solid rgba(235,217,194,.25);padding:10px 14px;
 box-shadow:0 -6px 20px rgba(0,0,0,.35)}
.sticky.on{display:flex}
.sl{flex:1;min-width:0;color:var(--paper);line-height:1.25}
.sl b{display:block;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sl span{font-size:13px;color:var(--line);opacity:.85}
.sticky a{flex:none;background:linear-gradient(180deg,#e08a4e,#9a3717);color:#fff;text-decoration:none;
 font-weight:bold;font-size:17px;padding:14px 20px;border-radius:9px;border:1px solid #eeae7e}
@media(min-width:769px){.sticky.on{display:none}}

/* ===== MOBILE LAYOUT (phones are most of the traffic) ===== */
@media(max-width:640px){
  /* column, not wrapped-row: a wrapped row lets the text column shrink and sit BESIDE the
     cover, which is what pushes a hero off-centre on a phone. */
  .hero{padding:34px 0 48px}
  .hero .wrap{flex-direction:column;align-items:center;gap:26px}
  .covwrap{width:min(250px,68vw)}
  /* top-right sat straight over the cover's own printed title; the bottom corner is empty */
  .saletag{top:auto;bottom:-14px;right:-14px;width:74px;height:74px;transform:rotate(-10deg)}
  .saletag b{font-size:24px}
  .saletag small{font-size:10px}
  .covwrap{width:min(152px,42vw)}
  .saletag{bottom:-10px;right:-10px;width:58px;height:58px;border-width:2px}
  .saletag b{font-size:19px}
  .saletag small{font-size:8px}
  h1{font-size:34px;line-height:1.1}
  .dk{display:none}
  .mb{display:inline}
  .hcol{min-width:0;text-align:center;display:flex;flex-direction:column}
  .hcol .eyebrow{order:1;margin-bottom:10px}
  .hcol h1{order:2;margin-bottom:14px}
  .hcol .pricerow{order:3;margin-bottom:16px}
  .hcol .cta{order:4}
  .hcol .cta2{order:4}
  .hcol 
  .hcol .ctasub{order:5;margin-bottom:18px}
  .hcol .sub{order:6;font-size:19px;margin-bottom:18px}
  .hcol .microtrust{order:7}
  .hcol .fmt{order:8}
  .eyebrow{font-size:11px;letter-spacing:.2em}
  .pricerow{flex-wrap:wrap;gap:10px;justify-content:center}
  .cta{width:100%;padding:18px 16px;font-size:20px}
  .microtrust{display:flex;flex-direction:column;gap:7px;align-items:center}
  .microtrust span{margin:0}
  .pitch .prow{flex-direction:column;align-items:center;gap:24px}
  .pitch .pimg{width:190px}
  .pitch .ptext{min-width:0;width:100%}
  .alsorow{flex-direction:column;align-items:center;gap:22px}
  .alsoimg{width:170px}
  .alsotext{text-align:center;min-width:0;width:100%}
  .alsotext h2{text-align:center}
  .alsoprice{justify-content:center}
  .bar{font-size:13px;line-height:1.4;padding:10px 12px}
  .plans{gap:30px}
  .plan{padding:26px 20px 22px}
  .plan.best{order:-1;transform:none}
  .pnow{font-size:40px}
  section{padding:44px 0}
  .wrap{padding:0 18px}
  h2{font-size:30px}
  .lead{font-size:18px}
  img,.covwrap{max-width:100%}
  .fmt{font-size:16px;padding:14px 15px}
  .steps{flex-direction:column;align-items:center;gap:16px}
  .step{max-width:100%;flex:0 0 auto}
  .whorow{gap:18px}
  .whocol{padding:20px 18px}
  .trustrow{flex-direction:column;gap:8px;text-align:center}
  .gbox{padding:20px 20px}
  body{overflow-x:hidden;padding-bottom:76px}
}
/* ===== ONE integrated product module (draft) ===== */
.shop{background:var(--paper)}
.shopcard{max-width:980px;margin:0 auto;background:#fff;border:1px solid #e5dccb;border-radius:20px;box-shadow:0 24px 70px rgba(0,0,0,.10);overflow:hidden}
.shoptop{display:flex;gap:38px;padding:38px;flex-wrap:wrap}
.shopcov{flex:0 0 240px}
.shopcov img{width:240px;border-radius:10px;box-shadow:0 18px 44px rgba(0,0,0,.25);transform:rotate(-1.5deg)}
.shopinfo{flex:1 1 380px}
.shopformer{font-size:13px;font-style:italic;color:#9a8b7a}
.shopname{font-family:Georgia,serif;font-size:33px;font-weight:bold;margin:2px 0 6px}
.shopstars{color:#C9803F;font-size:18px;letter-spacing:2px}
.shopstars small{color:#9a8b7a;letter-spacing:0;font-size:13px;margin-left:8px}
.shopbul{list-style:none;margin:14px 0 16px;font-size:16.5px;line-height:1.75}
.shopbul li::before{content:"\2713";color:#2e5d43;font-weight:bold;margin-right:10px}
.shopprice .pnow2{font-size:38px;color:#a3341f;font-weight:bold}
.shopprice .pwas2{font-size:19px;color:#9a8b7a;text-decoration:line-through;margin-left:10px}
.shopprice .psave2{display:inline-block;background:#2e5d43;color:#fff;font-size:12.5px;font-weight:bold;letter-spacing:.06em;border-radius:999px;padding:6px 13px;margin-left:12px;vertical-align:6px}
.shopbuy{display:block;text-align:center;background:linear-gradient(180deg,#d0714f,#a3341f);color:#fff;text-decoration:none;font-weight:bold;font-size:21px;padding:16px 20px;border-radius:12px;margin-top:14px;box-shadow:0 10px 26px rgba(163,52,31,.35)}
.shopsub{text-align:center;font-size:13px;color:#7A6A5F;margin-top:8px}
.pair{border-top:1px dashed #d8ccb4;background:#FFFDF8;padding:24px 38px;display:flex;gap:22px;align-items:center;flex-wrap:wrap}
.paircovs{display:flex;gap:9px}
.pair img{width:78px;border-radius:6px;box-shadow:0 8px 22px rgba(0,0,0,.22)}
.pairtxt{flex:1 1 260px}
.pairhead{font-size:13px;letter-spacing:.2em;color:#b06a3e;font-weight:bold;margin-bottom:3px}
.pairname{font-size:20px;font-weight:bold}
.pairname small{font-size:13px;font-style:italic;color:#9a8b7a;font-weight:normal;margin-left:6px}
.pairmeta{font-size:14px;color:#7A6A5F;margin-top:2px}
.pairbtns{display:flex;flex-direction:column;gap:8px;min-width:230px}
.pairboth{display:block;text-align:center;background:#2e5d43;color:#fff;text-decoration:none;font-weight:bold;font-size:16.5px;padding:13px 16px;border-radius:10px}
.pairone{display:block;text-align:center;border:2px solid #C25B3A;color:#C25B3A;text-decoration:none;font-weight:normal;font-size:13px;line-height:1.35;padding:8px 14px;border-radius:10px}
.pairone b{display:block;font-size:15.5px;margin-top:1px}
.pairdeal{font-size:12.5px;color:#2e5d43;text-align:center;font-weight:bold}
.shoprev{background:#FBF6EE;border-top:1px solid #e5dccb;padding:24px 38px 30px}
.shoprevh{font-size:14px;letter-spacing:.24em;color:#b06a3e;margin-bottom:14px}
.shopcards{display:flex;gap:16px;flex-wrap:wrap}
.shopcardr{display:none;flex:1 1 250px;background:#fff;border:1px solid #e5dccb;border-radius:12px;padding:16px 18px}
.shopcardr.is-on{display:block;animation:revdrop .28s ease}
@keyframes revdrop{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.shopcardr .st{color:#C9803F;font-size:14px;letter-spacing:2px;margin-bottom:6px}
.shopcardr p{font-size:15px;line-height:1.5;color:#4a3f35;font-style:italic;margin:0}
.shopcardr .who{margin-top:8px;font-size:13px;color:#9a8b7a;font-style:normal}
.revmore{display:block;width:100%;margin-top:14px;background:#fff;border:2px solid #C25B3A;color:#C25B3A;font:inherit;font-weight:bold;font-size:15px;padding:11px 14px;border-radius:10px;cursor:pointer}
.revmore:hover{background:#C25B3A;color:#fff}
.shopfoot{border-top:1px solid #e5dccb;padding:16px 38px;display:flex;gap:18px;justify-content:center;flex-wrap:wrap;font-size:13.5px;color:#6b5c4d}
@media(max-width:640px){.shoptop{padding:24px}.shopcov{flex:1 1 100%;text-align:center}.shopname{font-size:26px}.pair{padding:20px 24px}.shoprev{padding:20px 24px 24px}.shopfoot{padding:14px 20px}}