/* The Lottery Winner System sales site (Dumb Money Club). Palette and type come from the book: deep money green and
jackpot gold on ivory, Barlow Condensed capitals, Source Serif 4 body, Atkinson Hyperlegible for labels and buttons.
Large print for readers 45 to 75: body 20px, nothing under 16px. One corner radius (4px), one accent (green);
gold is for the seal, rule numerals and hairlines only. No em dashes. */
@font-face{font-family:"Barlow Condensed";src:url(fonts/BarlowCondensed-700.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Barlow Condensed";src:url(fonts/BarlowCondensed-600.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Source Serif 4";src:url(fonts/SourceSerif4-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Source Serif 4";src:url(fonts/SourceSerif4-400i.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"Source Serif 4";src:url(fonts/SourceSerif4-700.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Atkinson";src:url(fonts/Atkinson-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Atkinson";src:url(fonts/Atkinson-700.woff2) format("woff2");font-weight:700;font-display:swap}
:root{
--paper:#fdfbf4; --paper2:#f3efe1; --white:#fffef9; --ink:#1b231f; --ink2:#4a5550; --rule:#ddd7c5;
--green:#174a33; --green2:#1f5c3a; --deep:#0f3624; --gtint:#e8f0ea; --gline:#bcd3c3;
--gold:#c9a227; --gold2:#a8841a; --goldl:#e8bf47;
--radius:4px; --max:1180px; --shadow:0 18px 40px -24px rgba(15,54,36,.55);
--display:"Barlow Condensed","Arial Narrow",system-ui,sans-serif; --ui:"Atkinson",system-ui,sans-serif;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
body{margin:0;background:var(--paper);color:var(--ink);font:400 20px/1.6 "Source Serif 4",Georgia,serif;overflow-x:hidden}
img,video{max-width:100%;height:auto;display:block}
a{color:var(--green2)}
h1,h2,h3{font-family:var(--display);color:var(--green);margin:0;font-weight:700;text-transform:uppercase}
h1{font-size:clamp(46px,7vw,84px);line-height:.95;letter-spacing:.005em}
h2{font-size:clamp(34px,4.6vw,54px);line-height:1;letter-spacing:.005em}
h3{font-size:27px;line-height:1.08;letter-spacing:.01em}
p{margin:0 0 .9em}
.wrap{max-width:var(--max);margin:0 auto;padding:0 24px}
.skip{position:fixed;left:16px;top:-90px;background:var(--white);padding:8px 12px;z-index:99}
.skip:focus{top:12px}
a[href^="mailto:"]{overflow-wrap:anywhere}
.eyebrow{font:700 17px/1.2 var(--ui);letter-spacing:.1em;text-transform:uppercase;color:var(--gold2);margin:0 0 14px}
.lead{font-size:23px;line-height:1.55}
section{padding:88px 0}
section + section{border-top:1px solid var(--rule)}
/* header */
.top{background:var(--paper);border-bottom:1px solid var(--rule)}
.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:78px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--green);font:700 25px/1 var(--display);text-transform:uppercase;letter-spacing:.02em;min-width:0}
.brand small{display:block;font:400 15px/1.3 var(--ui);color:var(--ink2);letter-spacing:.02em;text-transform:none;margin-top:3px}
.seal{width:48px;height:48px;flex:none}
.nav{display:flex;gap:26px;align-items:center;font:700 18px var(--ui)}
.nav a{color:var(--green);text-decoration:none}
.nav a:hover{color:var(--green2);text-decoration:underline;text-underline-offset:4px}
@media (max-width:860px){.nav .hide-s{display:none}}
@media (max-width:400px){.brand{font-size:21px}.brand small{font-size:14px}.seal{width:42px;height:42px}.nav{font-size:17px}}
/* buttons */
.buy{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--green);color:#fff;text-decoration:none;
font:700 22px/1 var(--ui);padding:22px 30px;border-radius:var(--radius);white-space:nowrap;
box-shadow:0 10px 24px -12px rgba(15,54,36,.85);transition:transform .15s ease,background .15s ease}
.buy:hover{background:var(--deep)}
.buy:active{transform:translateY(1px)}
.buy .arr{flex:none}
.buy.small{font-size:19px;padding:15px 20px}
.trust{font:400 18px/1.45 var(--ui);color:var(--ink2);margin:14px 0 0}
.ghost{font:700 19px var(--ui);color:var(--green);text-decoration:underline;text-underline-offset:4px}
/* hero */
.hero{padding:56px 0 84px;border-top:0}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:56px;align-items:start}
.hero h1 .gold{color:var(--gold2);display:block}
.hero .lead{margin:22px 0 28px;max-width:36ch}
.vsl{background:var(--deep);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}
.vsl-cap{display:flex;gap:10px;align-items:center;color:#f3f5f1;font:700 17px var(--ui);padding:13px 16px}
.vsl-cap .dot{width:10px;height:10px;border-radius:50%;background:var(--goldl);flex:none}
.hero-cta{display:flex;flex-wrap:wrap;gap:18px 26px;align-items:center;margin-top:28px}
.cover-card{position:sticky;top:24px}
.cover-card img{width:100%;border-radius:var(--radius);box-shadow:var(--shadow)}
.facts{display:grid;grid-template-columns:1fr 1fr;gap:14px 18px;margin:22px 0 0;padding:0;list-style:none;font:400 17px/1.35 var(--ui);color:var(--ink2)}
.facts b{display:block;font:700 30px/1.05 var(--display);color:var(--green);text-transform:uppercase}
@media (max-width:900px){
.hero-grid{grid-template-columns:1fr;gap:36px}
.cover-card{position:static;display:grid;grid-template-columns:150px 1fr;gap:20px;align-items:center}
.facts{margin:0}
}
@media (max-width:420px){.cover-card{grid-template-columns:110px minmax(0,1fr)}.facts{grid-template-columns:1fr;gap:8px}.facts b{font-size:25px}
.buy{font-size:19px;padding:18px 20px;gap:8px}.wrap{padding:0 16px}.order{padding:24px 16px}}
/* honesty band */
.honest{background:var(--green);color:#f3f5f1;border-top:5px solid var(--gold)}
.honest .eyebrow{color:var(--goldl)}
.honest h2{color:#fffef9;max-width:22ch}
.honest-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;margin-top:40px;align-items:start}
.honest-grid p{color:#dfe8e2}
.honest-grid strong{color:#fffef9}
.honest-grid img{border-radius:var(--radius);width:100%;aspect-ratio:3/2;object-fit:cover}
.nos{list-style:none;margin:0 0 22px;padding:0}
.nos li{position:relative;padding:12px 0 12px 38px;border-top:1px solid #2f6a4c;font:400 19px/1.45 var(--ui);color:#eef3ef}
.nos li::before{content:"";position:absolute;left:4px;top:25px;width:18px;height:3px;background:var(--goldl)}
@media (max-width:820px){.honest-grid{grid-template-columns:1fr}}
/* the system: 12 rules in 4 phases */
.sys-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:end}
.phases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:44px 56px;margin-top:52px}
.phase{border-top:5px solid var(--gold);padding-top:16px}
.phase .tag{font:700 16px var(--ui);color:var(--gold2);letter-spacing:.1em;text-transform:uppercase;display:block;margin-bottom:4px}
.phase h3{margin-bottom:14px;font-size:31px}
.rules{list-style:none;margin:0;padding:0}
.rules li{display:grid;grid-template-columns:52px minmax(0,1fr);gap:4px 14px;padding:12px 0;border-top:1px solid var(--rule)}
.rules .n{font:700 40px/.9 var(--display);color:var(--gold2);text-align:right;grid-row:span 2}
.rules b{font:700 22px/1.1 var(--display);color:var(--green);text-transform:uppercase;letter-spacing:.01em}
.rules span{font:400 18px/1.45 var(--ui);color:var(--ink2)}
.sys-plus{margin-top:52px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:44px;align-items:center;background:var(--gtint);border-radius:var(--radius);padding:34px}
.sys-plus img{border-radius:var(--radius);width:100%;aspect-ratio:3/2;object-fit:cover}
.sys-plus ul{margin:0;padding-left:1.1em}
.sys-plus li{margin-bottom:8px}
@media (max-width:820px){.sys-head,.phases,.sys-plus{grid-template-columns:1fr}.sys-plus{padding:22px 18px}}
/* look inside */
.look{background:var(--paper2)}
.pages{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;margin-top:44px}
.pages figure{margin:0}
.pages a{display:block;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);background:#fff}
.pages img{width:100%;aspect-ratio:8.5/11;object-fit:cover;transition:transform .3s ease}
.pages a:hover img{transform:scale(1.02)}
.pages figcaption{font:400 17px/1.4 var(--ui);color:var(--ink2);margin-top:12px}
.pages figcaption b{color:var(--green)}
@media (max-width:1000px){.pages{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}}
@media (max-width:440px){.pages{grid-template-columns:1fr}}
.after-pages{margin-top:44px;display:flex;flex-wrap:wrap;gap:18px 26px;align-items:center}
/* who */
.who-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px;margin-top:40px}
.check{list-style:none;margin:0;padding:0}
.check li{position:relative;padding:14px 0 14px 42px;border-top:1px solid var(--rule)}
.check li::before{content:"";position:absolute;left:4px;top:23px;width:18px;height:10px;border-left:3px solid var(--green2);border-bottom:3px solid var(--green2);transform:rotate(-45deg)}
.check.no li::before{width:18px;height:3px;border:0;background:#9a3324;transform:none;top:29px}
@media (max-width:820px){.who-grid{grid-template-columns:1fr}}
/* about */
.about-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:56px;align-items:center}
.about-grid img{border-radius:var(--radius);box-shadow:var(--shadow)}
@media (max-width:820px){.about-grid{grid-template-columns:1fr}}
/* offer */
.offer{background:var(--gtint)}
.order{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:48px;align-items:center;background:var(--white);
border:2px solid var(--gline);border-radius:var(--radius);padding:44px;box-shadow:var(--shadow);margin-top:36px}
.order img{border-radius:var(--radius);box-shadow:var(--shadow)}
.order ul{list-style:none;margin:0 0 26px;padding:0}
.order li{position:relative;padding:10px 0 10px 40px;border-top:1px solid var(--rule)}
.order li::before{content:"";position:absolute;left:4px;top:19px;width:17px;height:9px;border-left:3px solid var(--green2);border-bottom:3px solid var(--green2);transform:rotate(-45deg)}
.price{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;margin:0 0 20px}
.price b{font:700 76px/1 var(--display);color:var(--green)}
.price span{font:400 19px var(--ui);color:var(--ink2)}
@media (max-width:820px){.order{grid-template-columns:1fr;padding:28px 22px}.order img{max-width:220px}}
/* guarantee */
.guarantee{display:grid;grid-template-columns:auto minmax(0,1fr);gap:36px;align-items:center;max-width:900px}
.g-badge{width:150px;height:150px}
@media (max-width:620px){.guarantee{grid-template-columns:1fr}.g-badge{width:118px;height:118px}}
/* faq */
.faq{max-width:900px}
.faq details{border-top:1px solid var(--rule);padding:6px 0}
.faq details:last-child{border-bottom:1px solid var(--rule)}
.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px;align-items:center;
font:700 22px/1.35 var(--ui);color:var(--green);padding:18px 0}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font:400 32px/1 var(--ui);color:var(--gold2);flex:none}
.faq details[open] summary::after{content:"\2013"}
.faq details p{margin:0 0 20px;max-width:68ch}
/* footer */
.foot{background:var(--deep);color:#d7e2db;padding:52px 0 120px;font:400 17px/1.55 var(--ui)}
.foot a{color:#fffef9}
.foot .links{display:flex;flex-wrap:wrap;gap:12px 26px;margin-bottom:22px}
.foot p{max-width:75ch}
/* sticky bar */
.sticky{position:fixed;left:0;right:0;bottom:0;z-index:20;background:var(--white);border-top:3px solid var(--gold);
box-shadow:0 -10px 30px -18px rgba(15,54,36,.5);transform:translateY(110%);transition:transform .25s ease}
.sticky.on{transform:none}
.sticky .wrap{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:76px}
.sticky .t{font:700 23px/1.1 var(--display);color:var(--green);text-transform:uppercase;min-width:0}
.sticky .t small{display:block;font:400 16px var(--ui);color:var(--ink2);text-transform:none;margin-top:2px}
@media (max-width:560px){.sticky .t small{display:none}.sticky .t{font-size:20px}}
/* plain pages (support, terms, privacy) */
.plain{padding:64px 0 96px;border-top:0}
.plain .wrap{max-width:820px}
.plain h1{font-size:clamp(40px,6vw,60px);margin-bottom:24px}
.plain h2{font-size:30px;margin:36px 0 12px}
/* VSL cover: poster frame + play button shown before play; JS reveals it, the video keeps native controls without JS */
.vsl-stage{position:relative;aspect-ratio:16/9;background:#0b1f15}
.vsl-stage video{width:100%;height:100%;aspect-ratio:auto;object-fit:cover}
.vsl-cover{position:absolute;inset:0;width:100%;padding:0;border:0;cursor:pointer;background:#0b1f15;overflow:hidden;display:block;font:inherit;color:#fff}
.vsl-cover[hidden]{display:none}
.vsl-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.16,1,.3,1)}
.vsl-cover::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,24,16,.08) 35%,rgba(8,24,16,.66));pointer-events:none}
.vsl-btn{position:absolute;left:50%;top:46%;width:clamp(64px,13%,104px);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;z-index:1;background:rgba(255,254,249,.94);box-shadow:0 14px 34px -10px rgba(0,0,0,.55),0 0 0 8px rgba(255,254,249,.22);transition:transform .25s cubic-bezier(.16,1,.3,1)}
.vsl-btn::before{content:"";position:absolute;left:54%;top:50%;transform:translate(-50%,-50%);border-style:solid;border-width:clamp(11px,2.2vw,19px) 0 clamp(11px,2.2vw,19px) clamp(18px,3.6vw,31px);border-color:transparent transparent transparent var(--green)}
.vsl-meta{position:absolute;left:18px;right:18px;bottom:14px;z-index:1;text-align:left;font:700 clamp(16px,2.4vw,19px)/1.3 var(--ui);text-shadow:0 1px 10px rgba(0,0,0,.6)}
.vsl-cover:hover .vsl-btn{transform:translate(-50%,-50%) scale(1.07)}
.vsl-cover:hover img{transform:scale(1.025)}
.vsl-cover:active .vsl-btn{transform:translate(-50%,-50%) scale(.97)}
.vsl-cover:focus-visible{outline:3px solid var(--gold);outline-offset:-3px}
@media(max-width:520px){.vsl-min{display:none}}
/* social-proof:start (tools/comment-proof.py site) */
.viewers{background:var(--paper2,#f6ead2)}
.viewers h2{max-width:20ch}
.viewers .viewers-note{max-width:46ch;margin:18px 0 40px;font-size:22px;line-height:1.5}
.viewer-wall{columns:440px;column-gap:22px;margin:0;padding:0;list-style:none}
.viewer-wall li{break-inside:avoid;margin:0 0 22px}
.viewer-wall img{width:100%;height:auto;border:1px solid var(--rule,#ddd);border-radius:var(--radius,6px);background:#fff;box-shadow:0 14px 30px -20px rgba(0,0,0,.45)}
.viewers .viewers-foot{margin:26px 0 0;font-size:18px;color:var(--ink2,#555);max-width:60ch}
/* social-proof:end */
/* why an ebook (2026-10-24) */
#why-ebook{background:var(--paper)}
.why-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 44px;margin-top:48px}
.why{border-top:5px solid var(--gold);padding-top:16px}
.why .n{display:block;font:700 44px/.9 var(--display);color:var(--gold2);margin-bottom:10px}
.why h3{margin-bottom:10px}
.why p{font:400 18px/1.5 var(--ui);color:var(--ink2);margin:0}
.why-paper{margin:40px 0 0;font:400 19px/1.5 var(--ui);color:var(--ink2)}
@media (max-width:980px){.why-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){.why-grid{grid-template-columns:minmax(0,1fr);gap:28px}}
/* Buy button, trust logos and guarantee badge copied from coverstaranimals.com (owner 2026-10-24): every site's buy button is this green */
/* Shiny CTA button: ported from gut-reset-quiz ShinyButton (light-streak sweep + pulse), recolored green (the only green on the page, per the CTA lesson) */
@keyframes shinyPulse {
0% { box-shadow: 0 0 0 0 rgba(24, 160, 88, 0.55); }
70% { box-shadow: 0 0 0 16px rgba(24, 160, 88, 0); }
100% { box-shadow: 0 0 0 0 rgba(24, 160, 88, 0); }
}
@keyframes shinyBefore {
0% { left: -57px; opacity: 0; }
3% { opacity: 0.9; }
22% { left: 110%; opacity: 0.75; }
23% { opacity: 0; }
100% { left: 110%; opacity: 0; }
}
@keyframes shinyAfter {
0% { left: -35px; opacity: 0; }
3% { opacity: 0.9; }
22% { left: 110%; opacity: 0.75; }
23% { opacity: 0; }
100% { left: 110%; opacity: 0; }
}
.shiny-btn {
position: relative; overflow: hidden; display: inline-block; max-width: 100%;
padding: 1px; border-radius: 9999px; text-decoration: none;
font-size: 20px; font-weight: 600; line-height: 1.25; color: #fff; text-shadow: 0 1px rgba(0, 0, 0, 0.35);
background-image: linear-gradient(180deg, #4fd88a 0%, #0c5a2e 100%);
transition: filter 200ms ease;
animation: shinyPulse 2s infinite;
}
.shiny-btn::before, .shiny-btn::after {
content: ""; position: absolute; top: 0; height: 100%;
background-repeat: no-repeat; background-position: center; background-size: auto 100%;
z-index: 3; opacity: 0; filter: blur(1px); pointer-events: none;
animation-duration: 3s; animation-iteration-count: infinite;
animation-timing-function: cubic-bezier(0.79, 0.14, 0.15, 0.86);
}
.shiny-btn::before {
background-image: url('data:image/svg+xml,');
width: 57px; left: -57px; animation-name: shinyBefore; animation-delay: 0.5s;
}
.shiny-btn::after {
background-image: url('data:image/svg+xml,');
width: 35px; left: -35px; animation-name: shinyAfter; animation-delay: 0.7s;
}
.shiny-btn:hover { filter: brightness(115%); animation-play-state: paused; box-shadow: 0 0 0 6px rgba(24, 160, 88, 0.25); }
.shiny-btn:active { filter: brightness(90%); transform: translateY(1px); box-shadow: none; animation-play-state: paused; }
.shiny-btn-inner {
position: relative; z-index: 2; display: flex; align-items: center; justify-content: center; text-align: center;
min-height: 54px; padding: 14px 30px; border-radius: 9999px; white-space: nowrap;
background-image: linear-gradient(180deg, #1fa35a 0%, #0f6b37 100%);
}
@media (prefers-reduced-motion: reduce){.shiny-btn,.shiny-btn::before,.shiny-btn::after{animation:none}}
.shiny-btn{font-family:var(--ui);font-size:21px;font-weight:700}
.buybox{display:flex;flex-direction:column;align-items:stretch;gap:10px;width:100%;max-width:440px}
.buybox .shiny-btn{display:block;width:100%}
.paybadges{width:100%;background:#fff;border-radius:10px;padding:12px 14px;display:flex;flex-direction:column;align-items:center;gap:10px;box-sizing:border-box;border:1px solid var(--rule)}
.paybadges img{width:100%;height:auto}
.paybadges .cards{max-width:340px}
.sticky .shiny-btn{font-size:18px}
.sticky .shiny-btn-inner{min-height:46px;padding:10px 22px}
.g-badge{width:170px;height:auto}
.vsl-cap .spk{width:22px;height:22px;flex:none;color:var(--goldl)}
.foot-logo{width:96px;height:96px;border-radius:50%;margin:0 0 22px;display:block}
@media (max-width:600px){.shiny-btn{display:block;width:100%;font-size:19px}.shiny-btn-inner{white-space:normal;padding:14px 22px}.buybox{max-width:none}}
/* hobby-structure rewrite (2026-10-24): outcome hero, imagine, problem, truth, parts, price boxes, bonuses */
.hero h1{font-size:clamp(40px,4.5vw,62px);line-height:.98}
.hero .lead{max-width:40ch}
.hero .lead strong{color:var(--green)}
.bul{list-style:none;margin:16px 0 0;padding:0}
.bul li{position:relative;padding:9px 0 9px 28px;font-size:19px;line-height:1.5}
.bul li::before{content:"";position:absolute;left:3px;top:20px;width:10px;height:10px;background:var(--gold);transform:rotate(45deg)}
.bul strong{color:var(--green)}
/* imagine */
.imagine{background:var(--white)}
.imagine h2{margin-bottom:34px}
.imagine-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 44px}
.imagine-list li{border-top:5px solid var(--gold);padding-top:14px}
.imagine-list .arr{display:block;font:700 54px/1 var(--display);color:var(--gold2);margin-bottom:6px}
.imagine-list p{margin:0;font-size:21px;line-height:1.6}
.imagine-list strong{color:var(--green)}
@media (max-width:980px){.imagine-list{grid-template-columns:minmax(0,1fr);gap:30px;max-width:720px}}
/* problem */
.problem-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:56px;align-items:start}
.problem-grid>img{border-radius:var(--radius);box-shadow:var(--shadow);width:100%;aspect-ratio:4/5;object-fit:cover;position:sticky;top:24px}
.bigquote{margin:0 0 26px;padding:4px 0 4px 22px;border-left:6px solid var(--gold);font:700 clamp(34px,4.4vw,52px)/1.02 var(--display);color:var(--green);text-transform:uppercase}
.belief{font-size:26px;line-height:1.35;color:var(--green);border-top:1px solid var(--rule);padding-top:20px;margin-top:8px}
@media (max-width:860px){.problem-grid{grid-template-columns:1fr;gap:32px}.problem-grid>img{position:static;aspect-ratio:3/2}}
/* truth reveal (reuses the green .honest band) */
.truth h2{max-width:none}
.nots{list-style:none;margin:0 0 26px;padding:0}
.nots li{position:relative;padding:14px 0 14px 38px;border-top:1px solid #2f6a4c;font:400 22px/1.45 var(--ui);color:#eef3ef}
.nots li:last-child{border-bottom:1px solid #2f6a4c}
.nots li::before{content:"";position:absolute;left:4px;top:30px;width:18px;height:3px;background:var(--goldl)}
.nots li:last-child::before{height:3px;width:18px}
.truth .honest-grid>img{aspect-ratio:4/5}
/* introducing */
.intro{background:var(--white)}
.intro-grid{display:grid;grid-template-columns:minmax(0,.55fr) minmax(0,1.45fr);gap:56px;align-items:center}
.intro-grid>img{border-radius:var(--radius);box-shadow:var(--shadow);width:100%;max-width:340px}
.iconlist{list-style:none;margin:0;padding:0}
.iconlist li{display:grid;grid-template-columns:48px minmax(0,1fr);gap:16px;align-items:start;padding:14px 0;border-top:1px solid var(--rule)}
.iconlist svg{width:48px;height:48px;padding:11px;border-radius:50%;background:var(--gtint);color:var(--green2)}
.iconlist span{font:400 20px/1.45 var(--ui);color:var(--ink2);padding-top:2px}
.iconlist b{color:var(--green)}
@media (max-width:820px){.intro-grid{grid-template-columns:1fr;gap:30px}.intro-grid>img{max-width:220px}}
/* what's inside: part cards */
.parts{display:grid;gap:30px;margin-top:44px}
.part{display:grid;grid-template-columns:minmax(0,280px) minmax(0,1fr);gap:44px;align-items:start;background:var(--white);border:1px solid var(--rule);border-radius:var(--radius);padding:32px;box-shadow:var(--shadow)}
.part-fig{margin:0}
.part-fig a,.part-fig>span{display:block;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);background:#fff}
.part-fig img{width:100%;aspect-ratio:8.5/11;object-fit:cover}
.part-fig.wide img{aspect-ratio:3/4}
.part-fig figcaption{font:400 16px/1.4 var(--ui);color:var(--ink2);margin-top:10px}
.part-fig figcaption b{color:var(--green)}
.part-body .eyebrow{margin-bottom:8px}
.part-body h3{font-size:34px;line-height:1.02;margin-bottom:14px}
.part-body h3 span{display:block;margin-top:8px;font:700 22px/1.3 var(--ui);text-transform:none;color:var(--gold2)}
.part-body>p{margin:0}
@media (max-width:820px){.part{grid-template-columns:1fr;gap:24px;padding:24px 18px}.part-fig{max-width:240px}.part-body h3{font-size:30px}}
/* price + price boxes */
.whyprice .narrow{max-width:780px}
.whyprice p{font-size:21px}
.pbox{max-width:560px;margin:0 auto;background:var(--white);border:2px solid var(--gline);border-radius:var(--radius);padding:36px 28px 32px;text-align:center;box-shadow:var(--shadow)}
.pb-k{font:700 17px/1.2 var(--ui);letter-spacing:.1em;text-transform:uppercase;color:var(--gold2);margin:0 0 6px}
.pb-price{font:700 96px/1 var(--display);color:var(--green);margin:0}
.pb-note{font:400 20px var(--ui);color:var(--ink2);margin:6px 0 22px}
.pbox .buybox{margin:0 auto}
.pbox .kit-trust{width:fit-content;max-width:100%;margin:20px auto 0}
.offer .wrap>.pbox,.everything .pbox,.closing .pbox{margin-top:0}
.everything .pbox,.closing .pbox{margin-top:44px}
@media (max-width:420px){.pbox{padding:28px 16px 26px}.pb-price{font-size:80px}}
/* guarantee */
.guarantee p{margin:0 0 .8em}
.guarantee h2{max-width:20ch}
/* bonuses */
.bonuses{background:var(--paper2)}
.bonus-list{display:grid;gap:30px;margin-top:44px}
.bonus{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:44px;align-items:start;background:var(--white);border:1px solid var(--rule);border-radius:var(--radius);padding:32px;box-shadow:var(--shadow)}
.bonus-imgs{display:grid;gap:14px}
.bonus-imgs.n2{grid-template-columns:repeat(2,minmax(0,1fr))}
.bonus-imgs.n1{grid-template-columns:minmax(0,260px)}
.bonus-imgs a{display:block;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);background:#fff}
.bonus-imgs img{width:100%;aspect-ratio:8.5/11;object-fit:cover}
.bonus-body .eyebrow{margin-bottom:8px}
.bonus-body h3{font-size:34px;line-height:1.02;margin-bottom:14px}
.bonus-body>p{margin:0}
@media (max-width:820px){.bonus{grid-template-columns:1fr;gap:24px;padding:24px 18px}.bonus-imgs.n1{grid-template-columns:minmax(0,220px)}.bonus-body h3{font-size:30px}}
/* everything you get */
.everything{background:var(--white)}
.everything-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:48px;align-items:center;margin-top:36px}
.everything-grid>img{border-radius:var(--radius);box-shadow:var(--shadow);width:100%;aspect-ratio:3/2;object-fit:cover}
.getlist{list-style:none;margin:0;padding:0}
.getlist>li{position:relative;padding:14px 0 14px 42px;border-top:1px solid var(--rule)}
.getlist>li::before{content:"";position:absolute;left:4px;top:23px;width:18px;height:10px;border-left:3px solid var(--green2);border-bottom:3px solid var(--green2);transform:rotate(-45deg)}
.getlist>li b{color:var(--green)}
.getlist ul{list-style:none;margin:10px 0 0;padding:0}
.getlist ul li{position:relative;padding:5px 0 5px 18px;font:400 18px/1.4 var(--ui);color:var(--ink2)}
.getlist ul li::before{content:"";position:absolute;left:0;top:16px;width:8px;height:3px;background:var(--gold)}
.getlist.compact{max-width:820px}
@media (max-width:820px){.everything-grid{grid-template-columns:1fr;gap:28px}}
/* faq + closing */
.faq-help{font:400 19px var(--ui);color:var(--ink2);margin:0 0 28px}
.closing{background:var(--gtint)}
.closing h2{max-width:22ch}
/* value stack, launch bonus, countdown */
[data-launch][hidden],[data-nolaunch][hidden]{display:none!important}
.whyprice [data-after-price]{font-weight:700;color:var(--green)}
.pb-total{font:400 21px/1.3 var(--ui);color:var(--ink2);margin:0 0 4px}
.pb-total s{color:#9a3324;text-decoration-thickness:2px;font-weight:700}
.pb-ps{font:400 18px/1.45 var(--ui);color:var(--ink2);margin:20px auto 0;max-width:34ch}
.pb-k{margin-top:10px}
.val{font:400 17px var(--ui);color:var(--ink2);font-style:normal;white-space:nowrap}
.get-total{font:700 26px/1.2 var(--display);text-transform:uppercase;color:var(--green);margin:18px 0 2px;letter-spacing:.01em}
.get-total b{color:var(--gold2)}
.get-now{font:400 21px var(--ui);color:var(--ink2);margin:0}
.get-now b{color:var(--green);font-size:30px}
.getwrap{min-width:0}
.launch{background:var(--gtint)}
.launch h2{margin-bottom:30px}
.launch-card{margin-top:0}
.val-line{margin:18px 0 0!important;font:400 20px var(--ui);color:var(--ink2)}
.val-line s{color:#9a3324}
.val-line strong{color:var(--green)}
.timer-wrap{margin-top:40px;text-align:center}
.timer-k{font:700 17px/1.2 var(--ui);letter-spacing:.1em;text-transform:uppercase;color:var(--gold2);margin:0 0 12px}
.countdown{display:flex;justify-content:center;gap:0;margin:0 auto}
.countdown div{padding:0 clamp(12px,3.4vw,34px);text-align:center;border-left:1px solid var(--gline)}
.countdown div:first-child{border-left:0}
.countdown b{display:block;font:700 clamp(46px,9vw,88px)/1 var(--display);color:var(--green);font-variant-numeric:tabular-nums}
.countdown span{display:block;font:400 16px var(--ui);color:var(--ink2);text-transform:uppercase;letter-spacing:.08em;margin-top:4px}
.timer-end{font:400 19px var(--ui);color:var(--ink2);margin:16px 0 0}
.finalbox{background:var(--gtint)}
.closing .getwrap{max-width:820px;margin-bottom:0}
/* owner 2026-10-24: on phones the cover sits centred; part cards read headline first, then the page full width */
@media (max-width:820px){
.intro-grid>img{margin:0 auto;max-width:260px}
.part{display:flex;flex-direction:column;gap:0}
.part-body{display:contents}
.part-body>.eyebrow{order:1}
.part-body>h3{order:2;margin-bottom:18px}
.part-fig{order:3;max-width:none;width:100%;margin:0 0 22px}
.part-body>:not(.eyebrow):not(h3){order:4}
.part-body>ul{margin-top:14px}
}
/* owner 2026-10-24: the intro cover sits on an iPad (drawn in CSS, so it stays sharp and the cover can change) */
.intro-grid>.ipad{width:100%;max-width:340px;justify-self:center;padding:14px;border-radius:30px;
background:linear-gradient(145deg,#2b2d30,#111214 55%,#232427);box-shadow:0 0 0 1.5px #4a4c50,0 30px 60px -18px rgba(20,30,20,.45),0 10px 22px -10px rgba(0,0,0,.35);position:relative}
.intro-grid>.ipad::before{content:"";position:absolute;top:6px;left:50%;width:5px;height:5px;margin-left:-2.5px;border-radius:50%;background:#3a3d42}
.intro-grid>.ipad img{display:block;width:100%;height:auto;border-radius:12px}
@media (max-width:820px){.intro-grid>.ipad{max-width:270px;padding:11px;border-radius:26px}.intro-grid>.ipad img{border-radius:10px}}
/* owner 2026-10-24: on phones the intro reads headline first, then the picture full width */
@media (max-width:820px){
.intro-grid{display:flex;flex-direction:column;gap:0;align-items:stretch}
.intro-grid>div:not(.ipad):not(.bundle){display:contents}
.intro-grid .eyebrow{order:1}
.intro-grid h2{order:2;margin-bottom:22px}
.intro-grid>.ipad,.intro-grid>.bundle{order:3;margin-bottom:8px}
.intro-grid>div>:not(.eyebrow):not(h2){order:4}
}
/* owner 2026-10-24: the intro shows the bundle mockup (computer, tablet, phone, box); source in sales-page/mockup/ */
.intro-grid:has(>.bundle){grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:48px}
.intro-grid>.bundle img{display:block;width:100%;height:auto}
@media (max-width:820px){.intro-grid:has(>.bundle){gap:0}.intro-grid>.bundle{width:calc(100% + 16px);margin:0 -8px 6px}}
/* owner 2026-10-24: the hero cover sits on an iPad too */
.cover-card .ipad{padding:12px;border-radius:26px;background:linear-gradient(145deg,#2b2d30,#111214 55%,#232427);
box-shadow:0 0 0 1.5px #4a4c50,0 30px 60px -18px rgba(20,30,20,.45),0 10px 22px -10px rgba(0,0,0,.35);position:relative}
.cover-card .ipad::before{content:"";position:absolute;top:5px;left:50%;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:#3a3d42}
.cover-card .ipad img{display:block;width:100%;height:auto;border-radius:11px;box-shadow:none}
@media (max-width:820px){.cover-card .ipad{padding:8px;border-radius:18px}.cover-card .ipad img{border-radius:8px}}
@media (max-width:420px){.cover-card:has(.ipad){grid-template-columns:140px minmax(0,1fr);gap:18px}}
/* owner 2026-10-24 round 5 */
.hero h1 .gold{display:inline}
.problem-grid{grid-template-columns:minmax(0,1fr);max-width:760px}
.honest-grid{grid-template-columns:minmax(0,1fr);max-width:760px}
.guarantee .kit-guarantee{justify-self:center}
@media (max-width:620px){.guarantee{justify-items:start}.guarantee .kit-guarantee{justify-self:center;margin:0 auto}}
.foot .links a .yt{width:22px;height:16px;vertical-align:-3px;margin-right:7px}
/* Imagine: three moments on a timeline (hour, week, year) */
.moments{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 40px;position:relative}
.moments::before{content:"";position:absolute;left:9px;right:0;top:9px;height:2px;background:var(--gline)}
.moments li{position:relative;padding-top:40px}
.moments li::before{content:"";position:absolute;left:0;top:0;width:20px;height:20px;border-radius:50%;background:var(--white);border:4px solid var(--gold);box-sizing:border-box}
.moments .when{margin:0 0 6px;font:700 20px/1 var(--display);letter-spacing:.08em;text-transform:uppercase;color:var(--gold2)}
.moments h3{margin:0 0 12px;font:700 30px/1.05 var(--display);text-transform:uppercase;color:var(--green)}
.moments p:last-child{margin:0;font-size:20px;line-height:1.6}
.moments strong{color:var(--green)}
@media (max-width:860px){
.moments{grid-template-columns:minmax(0,1fr);gap:34px}
.moments::before{left:9px;right:auto;top:10px;bottom:10px;width:2px;height:auto}
.moments li{padding:0 0 0 40px}
.moments li::before{top:1px}
.moments h3{font-size:27px}
.moments p:last-child{font-size:19px}
}
@media (max-width:620px){section{padding:56px 0}.hero{padding-top:36px}}
.imagine{background:var(--gtint)}.moments li::before{background:var(--gtint)}
.everything-grid{grid-template-columns:minmax(0,1fr);max-width:820px}
/* owner 2026-10-24: more relevant images = the book's real pages, on a tablet or phone */
.tab{padding:10px;border-radius:22px;background:linear-gradient(145deg,#2b2d30,#111214 55%,#232427);box-shadow:0 0 0 1.5px #4a4c50,0 24px 44px -20px rgba(15,40,25,.5);position:relative}
.tab::before{content:"";position:absolute;top:4px;left:50%;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:#3a3d42}
.tab img{display:block;width:100%;height:auto;border-radius:9px}
.moments .tab{max-width:300px;margin:4px 0 18px}
.page-fig{margin:30px 0;max-width:420px}
.page-fig figcaption,.phone-fig figcaption{font:400 16px/1.45 var(--ui);color:var(--ink2);margin-top:12px}
.honest .page-fig figcaption{color:#cfe0d5}
.phone-fig{margin:44px auto 10px;max-width:300px;text-align:center}
.phone{width:230px;margin:0 auto;padding:8px;border-radius:34px;background:linear-gradient(145deg,#2b2d30,#111214 55%,#232427);box-shadow:0 0 0 1.5px #4a4c50,0 24px 44px -20px rgba(15,40,25,.5)}
.phone img{display:block;width:100%;aspect-ratio:9/19;object-fit:cover;object-position:top;border-radius:27px;background:#fdfbf4}
@media (max-width:620px){.page-fig{max-width:none}.moments .tab{max-width:240px}}
.honest-grid .tab img,.problem-grid .tab img{aspect-ratio:auto;object-fit:fill;border-radius:9px;box-shadow:none;position:static}
/* iPhone frame: Dynamic Island + the EPUB's real phone layout (owner 2026-10-24) */
.phone{position:relative;width:240px;padding:9px;border-radius:40px}
.phone::before{content:"";position:absolute;top:19px;left:50%;width:74px;height:21px;margin-left:-37px;border-radius:12px;background:#050506;z-index:2}
.phone img{aspect-ratio:1170/2532;border-radius:31px}
/* Scene photos above the offer: no book excerpts before "Introducing" (owner 2026-10-24) */
.scene{margin:6px 0 18px}
.scene img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:16px;box-shadow:0 22px 40px -24px rgba(15,40,25,.55)}
.scene-wide{margin:30px 0}
/* why-ebook: phone at the counter + System Card on the fridge (owner 2026-10-24) */
.why-shots{display:grid;grid-template-columns:auto minmax(0,340px);justify-content:center;align-items:end;gap:56px;margin:48px auto 10px}
.why-shots .phone-fig{margin:0}
.fridge-fig{margin:0;text-align:center}
.fridge-fig img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:16px;box-shadow:0 22px 40px -24px rgba(15,40,25,.55)}
.fridge-fig figcaption{font:400 16px/1.45 var(--ui);color:var(--ink2);margin-top:12px}
@media (max-width:700px){.why-shots{grid-template-columns:minmax(0,1fr);gap:40px}.fridge-fig{max-width:340px;margin:0 auto}}
/* why-ebook: the fridge shot alone, centered (phone removed, owner 2026-10-24) */
#why-ebook .fridge-fig{max-width:420px;margin:48px auto 10px}
/* Headline above the image on phones, every card (owner rule 2026-10-24, all sales pages) */
@media (max-width:820px){
.bonus{display:flex;flex-direction:column}
.bonus>.bonus-body{display:contents}
.bonus .bonus-body>.eyebrow{order:1}
.bonus .bonus-body>h3{order:2}
.bonus>.bonus-imgs{order:3;margin:14px 0 18px}
.bonus .bonus-body>:not(.eyebrow):not(h3){order:4}
}
@media (max-width:620px){
.guarantee{display:flex;flex-direction:column}
.guarantee>div{display:contents}
.guarantee h2{order:1}
.guarantee>.kit-guarantee{order:2;margin:18px auto 4px}
.guarantee>div>p{order:3}
}
/* Hero without the cover card (owner 2026-10-24): one column, the VSL leads */
.hero-grid{grid-template-columns:minmax(0,1fr);max-width:900px}
/* VSL: muted autoplay, "Tap for sound", floats top-left once scrolled past (owner 2026-10-24) */
.vsl-player{position:absolute;inset:0;background:#0b1f15}
.vsl-player video{display:block;width:100%;height:100%;object-fit:cover}
.vsl-sound{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;border:0;padding:0;cursor:pointer;background:rgba(6,20,13,.18);color:#fff;font:700 clamp(17px,2.6vw,22px) var(--ui)}
.vsl-sound[hidden]{display:none}
.vsl-sound span,.vsl-sound svg{position:relative}
.vsl-sound::before{content:"";position:absolute;left:50%;top:50%;width:min(270px,70%);height:58px;transform:translate(-50%,-50%);border-radius:999px;background:rgba(2,76,39,.92);box-shadow:0 0 0 3px rgba(240,200,90,.85),0 16px 34px -12px rgba(0,0,0,.6);animation:vslPulse 1.8s ease-in-out infinite}
.vsl-sound svg{width:24px;height:24px;color:var(--goldl)}
@keyframes vslPulse{50%{box-shadow:0 0 0 7px rgba(240,200,90,.35),0 16px 34px -12px rgba(0,0,0,.6)}}
@media (prefers-reduced-motion:reduce){.vsl-sound::before{animation:none}}
.vsl-close{display:none}
.vsl-player.is-float{position:fixed;inset:auto;top:12px;left:0;right:0;margin:0 auto;width:min(calc(100vw - 24px),var(--vsl-w,900px),80vh);aspect-ratio:16/9;z-index:80;border-radius:14px;overflow:hidden;box-shadow:0 18px 40px -14px rgba(0,0,0,.6);animation:vslIn .28s cubic-bezier(.16,1,.3,1)}
@keyframes vslIn{from{opacity:0;transform:translateY(-10px) scale(.96)}}
.vsl-player.is-float .vsl-close{display:grid;place-items:center;position:absolute;top:10px;right:10px;z-index:3;box-sizing:border-box;width:34px;height:34px;min-width:0;min-height:0;padding:0;margin:0;border:1px solid rgba(255,255,255,.35);border-radius:50%;-webkit-appearance:none;appearance:none;background:rgba(0,0,0,.62);color:#fff;line-height:0;cursor:pointer;-webkit-tap-highlight-color:transparent}
.vsl-close svg{display:block;width:16px;height:16px}
.vsl-close:focus-visible{outline:2px solid #fff;outline-offset:2px}
.vsl-player.is-float .vsl-sound{font-size:14px;gap:6px}
.vsl-player.is-float .vsl-sound::before{height:36px;width:78%}
.vsl-player.is-float .vsl-sound svg{width:17px;height:17px}
.vsl-player.is-float video::-webkit-media-controls{display:none}
/* A single bonus page fills its column like a pair does (owner 2026-10-24: "pages take up the full width"). */
.bonus-imgs.n1{grid-template-columns:minmax(0,1fr)!important}
/* desktop mini-player */
@media (min-width:900px){.vsl-player.is-float{top:auto;left:auto;right:24px;bottom:24px;margin:0;width:min(400px,30vw);border-radius:12px;animation-name:vslInCorner}.vsl-player.is-float .vsl-sound{font-size:15px}.vsl-player.is-float .vsl-close{top:8px;right:8px;width:30px;height:30px}}
@keyframes vslInCorner{from{opacity:0;transform:translateY(14px) scale(.96)}}
/* desktop: one centred column */
@media (min-width:900px){.everything .wrap,.closing .wrap{max-width:868px}.everything-grid{max-width:none}.closing .getwrap{max-width:none}#faq .wrap{max-width:948px}}
@media (min-width:901px){.why-grid:has(>:nth-child(4):last-child){grid-template-columns:repeat(4,minmax(0,1fr));gap:36px 32px}}
.everything h2,.closing h2{text-wrap:balance}