/* NeoTrails landing page. Loaded only by templates/neotrails.html */
:root{
  --espresso:#1F1813; --espresso-2:#2A211B; --ink:#231D18; --muted:#6E6258;
  --cream:#F6F2EC; --paper:#FFFDF9; --sand:#EBE3D8; --line:#DDD2C4;
  --terra:#C2612F; --terra-dk:#A64F22; --peach:#F0C3A5; --on-dark:#F4ECE2; --on-dark-muted:#BFB2A4;
  --good:#3F7A4E; --r:20px; --max:1140px;
  --sans:Inter,-apple-system,"Segoe UI",Roboto,sans-serif;
  --serif:"Instrument Serif","Cormorant Garamond",Georgia,serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:var(--sans);background:var(--cream);color:var(--ink);line-height:1.6;font-size:16px;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
em,.serif{font-family:var(--serif);font-style:italic;font-weight:400}
.wrap{max-width:var(--max);margin:0 auto;padding:0 24px}
section{padding:96px 0}
.eyebrow{font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--terra)}
.dark .eyebrow{color:var(--peach)}
h1,h2,h3{font-weight:600;letter-spacing:-.025em;line-height:1.08}
h2{font-size:clamp(32px,4.4vw,52px);margin:14px 0 16px}
h2 em{color:var(--terra)} .dark h2 em{color:var(--peach)}
.lede{font-size:18px;color:var(--muted);max-width:620px}
.center{text-align:center} .center .lede{margin-left:auto;margin-right:auto}
.dark{background:var(--espresso);color:var(--on-dark)} .dark .lede{color:var(--on-dark-muted)}
.paper{background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:16px 28px;border-radius:999px;font-weight:600;font-size:15.5px;border:1.5px solid transparent;cursor:pointer;transition:.2s;font-family:var(--sans);text-align:center}
.btn-primary{background:var(--terra);color:#fff;box-shadow:0 10px 30px -12px rgba(194,97,47,.7)} .btn-primary:hover{background:var(--terra-dk);transform:translateY(-1px)}
.btn-ghost{border-color:rgba(244,236,226,.28);color:var(--on-dark);background:transparent} .btn-ghost:hover{border-color:var(--on-dark)}
.btn-lg{padding:19px 34px;font-size:17px}
.micro{font-size:13px;color:var(--muted);margin-top:14px;display:flex;gap:14px;flex-wrap:wrap}
.dark .micro{color:var(--on-dark-muted)}
.bundle-sum{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px;font-size:12.5px;font-weight:600;color:var(--on-dark)}.bundle-sum span{padding:5px 10px;border-radius:999px;background:rgba(244,236,226,.08);border:1px solid rgba(244,236,226,.14)}
.micro > span::before{content:"✓ ";color:var(--terra)} .dark .micro > span::before{color:var(--peach)}

/* announcement + nav */
.announce{background:var(--terra);color:#fff;font-size:14px;text-align:center;padding:10px 16px;font-weight:500}
.announce b{font-weight:700} .announce a{text-decoration:underline;text-underline-offset:3px;font-weight:600;margin-left:6px}
[data-cd-inline]{font-variant-numeric:tabular-nums;font-weight:700}
nav{position:sticky;top:0;z-index:50;background:rgba(31,24,19,.94);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(244,236,226,.08)}
nav .wrap{display:flex;align-items:center;justify-content:space-between;height:68px;gap:20px}
.logo{display:flex;flex-direction:column;line-height:1;color:var(--on-dark)}
.logo a{color:inherit;text-decoration:none}.logo a:hover small{color:var(--peach)}.logo small{font-size:10px;letter-spacing:.24em;color:var(--on-dark-muted);font-weight:600}
.logo b{font-size:21px;font-weight:600;letter-spacing:-.02em;margin-top:4px} .logo b em{color:var(--peach)}
nav .btn{padding:11px 20px;font-size:14px;box-shadow:none}

/* hero */
.hero{padding:52px 0 0;position:relative;overflow:hidden}
.hero::before{content:"";position:absolute;right:-180px;top:-160px;width:620px;height:620px;border-radius:50%;background:radial-gradient(circle,rgba(194,97,47,.28),transparent 65%);pointer-events:none}
.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:center;position:relative;padding-bottom:70px}
.tagline{display:inline-flex;gap:8px;flex-wrap:wrap;font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--peach)}
.tagline span+span::before{content:"✦";margin-right:8px;opacity:.6}
.hero h1{font-size:clamp(40px,5.2vw,66px);margin:18px 0 16px;color:var(--on-dark)}
.hero h1 em{color:var(--peach)}
.hero .lede{font-size:19px}
.price-anchor{margin-top:28px;display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}
.price-anchor .tv{font-size:15px;color:var(--on-dark-muted)}
.price-anchor .tv s{color:var(--on-dark)}
.price-anchor .now{font-size:40px;font-weight:600;letter-spacing:-.03em;color:var(--on-dark)}
.price-anchor .tag{background:rgba(240,195,165,.14);color:var(--peach);border:1px solid rgba(240,195,165,.3);font-size:13px;font-weight:600;padding:5px 12px;border-radius:999px}
.cta-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:20px}

.covers{position:relative;height:440px}
.cover{position:absolute;width:220px;aspect-ratio:3/4.1;border-radius:6px 14px 14px 6px;padding:22px 20px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 30px 60px -20px rgba(0,0,0,.6),inset 6px 0 0 rgba(0,0,0,.18);transition:.4s}
.cover small{font-size:9.5px;letter-spacing:.22em;font-weight:700;opacity:.75}
.cover h4{font-size:22px;line-height:1.08;font-weight:600;letter-spacing:-.02em}
.cover h4 em{display:block}
.cover .num{font-family:var(--serif);font-style:italic;font-size:42px;line-height:1;opacity:.9}
.c1{background:linear-gradient(160deg,#C2612F,#8F3F18);color:#FFF4EA;left:0;top:76px;transform:rotate(-7deg)}
.c2{background:linear-gradient(160deg,#F4ECE2,#E2D3C1);color:var(--ink);left:24%;top:22px;transform:rotate(1deg);z-index:2}
.c3{background:linear-gradient(160deg,#3B2E25,#251C16);color:var(--peach);left:48%;top:92px;transform:rotate(8deg);border:1px solid rgba(240,195,165,.2)}
.sticker{position:absolute;right:0;top:0;z-index:3;width:116px;height:116px;border-radius:50%;background:var(--peach);color:var(--espresso);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transform:rotate(12deg);box-shadow:0 14px 30px -10px rgba(0,0,0,.5);font-size:12px;font-weight:600;line-height:1.2}
.sticker b{font-family:var(--serif);font-style:italic;font-weight:400;font-size:30px;line-height:1}
@media(max-width:960px){.hero-grid{grid-template-columns:1fr}.covers{height:400px;max-width:460px;width:100%;margin:0 auto}}
@media(max-width:520px){.cover{width:160px;padding:16px 14px}.cover h4{font-size:16px}.cover .num{font-size:30px}.covers{height:320px}.c2{left:22%}.c3{left:44%}.sticker{width:90px;height:90px;font-size:10.5px}.sticker b{font-size:24px}}

.logos{border-top:1px solid rgba(244,236,226,.08);padding:24px 0;position:relative}
.logos .wrap{display:flex;align-items:center;gap:12px 30px;flex-wrap:wrap;justify-content:center}
.logos small{font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:600;color:var(--on-dark-muted);width:100%;text-align:center}
.logos span{font-family:var(--serif);font-style:italic;font-size:22px;color:var(--on-dark)}

/* stop / start */
.swap{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:46px}
.swap > div{border-radius:var(--r);padding:32px 30px}
.swap .stop{border:1px solid var(--line);background:var(--paper)}
.swap .start{background:var(--espresso);color:var(--on-dark)}
.swap h3{font-size:14px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:14px}
.swap .stop h3{color:var(--muted)} .swap .start h3{color:var(--peach)}
.swap ul{list-style:none}
.swap li{padding:12px 0 12px 30px;position:relative;font-size:16.5px;border-bottom:1px solid var(--line)}
.swap .start li{border-color:rgba(244,236,226,.1)}
.swap li:last-child{border:0}
.swap .stop li{color:var(--muted)}
.swap .stop li::before{content:"✕";position:absolute;left:2px;color:var(--terra);font-weight:700}
.swap .start li::before{content:"→";position:absolute;left:2px;color:var(--peach);font-weight:700}
@media(max-width:760px){.swap{grid-template-columns:1fr}}

/* who */
.who{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:46px}
.who div{background:var(--cream);border:1px solid var(--line);border-radius:var(--r);padding:26px 24px}
.who .ic{font-size:26px;line-height:1}
.who b{display:block;font-size:18px;margin:12px 0 6px;letter-spacing:-.01em}
.who p{color:var(--muted);font-size:15px}
@media(max-width:900px){.who{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.who{grid-template-columns:1fr}}

/* products */
.products{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:46px}
.prod{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column}
.prod-top{padding:26px 26px 22px;display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.prod:nth-child(1) .prod-top{background:linear-gradient(160deg,#C2612F,#8F3F18);color:#FFF4EA}
.prod:nth-child(2) .prod-top{background:var(--sand)}
.prod:nth-child(3) .prod-top{background:var(--espresso);color:var(--peach)}
.prod-top .num{font-family:var(--serif);font-style:italic;font-size:40px;line-height:1}
.prod-top small{font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;opacity:.85;text-align:right}
.prod-body{padding:24px 26px 26px;display:flex;flex-direction:column;flex:1}
.prod h3{font-size:22px;margin-bottom:8px}
.prod .hook{color:var(--muted);font-size:15px;margin-bottom:16px}
.prod ul{list-style:none;flex:1}
.prod li{font-size:14.5px;padding:7px 0 7px 26px;position:relative;border-top:1px solid var(--line)}
.prod li::before{content:"✓";position:absolute;left:2px;color:var(--terra);font-weight:700}
.prod-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}
.prod-foot .price{font-size:26px;font-weight:600;letter-spacing:-.02em}
.prod-foot button{background:none;border:0;font:inherit;font-weight:600;color:var(--terra);cursor:pointer;font-size:14.5px}
.bundle-nudge{margin-top:22px;text-align:center;font-size:15px;color:var(--muted)}
.bundle-nudge a{color:var(--terra);font-weight:600}
@media(max-width:960px){.products{grid-template-columns:1fr;max-width:560px;margin-left:auto;margin-right:auto}}

/* proof */
.proof-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:60px;align-items:center}
.photo{position:relative}
.photo img{border-radius:24px;aspect-ratio:4/5;object-fit:cover;width:100%;background:var(--espresso-2)}
.photo .float{position:absolute;left:-12px;bottom:22px;background:var(--paper);color:var(--ink);border-radius:16px;padding:12px 16px;box-shadow:0 20px 40px -18px rgba(0,0,0,.5);font-size:13px;line-height:1.35}
.photo .float b{display:block;font-size:21px;letter-spacing:-.02em}
.logo-feature{margin:0}
.logo-frame{border-radius:24px;aspect-ratio:4/3;overflow:hidden;background:var(--espresso-2)}
.logo-frame img{width:100%;height:100%;object-fit:cover;object-position:53% 50%}
.logo-fallback{display:none;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--ink);border:2px dashed var(--line);border-radius:16px;width:100%;height:100%;padding:20px}
.logo-fallback b{font-family:var(--serif);font-style:italic;font-weight:400;font-size:28px;line-height:1.1}
.logo-fallback span{font-size:13px;color:var(--muted);margin-top:8px}
.logo-feature figcaption{margin-top:14px;font-size:13.5px;color:var(--on-dark-muted);line-height:1.4}
.logo-feature figcaption b{display:block;color:var(--on-dark);font-size:15px}
.logo-feature .float{position:static;display:inline-block;margin-bottom:14px}
.proof-grid p.story{font-size:17.5px;color:var(--on-dark-muted);margin-bottom:14px}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:26px}
.stats div{border:1px solid rgba(244,236,226,.14);border-radius:16px;padding:18px 16px}
.stats b{display:block;font-size:32px;font-weight:600;letter-spacing:-.03em;line-height:1;color:var(--on-dark)}
.stats span{display:block;margin-top:8px;font-size:13px;color:var(--on-dark-muted);line-height:1.4}
@media(max-width:860px){.proof-grid{grid-template-columns:1fr;gap:34px}.photo{max-width:320px}.photo .float{left:12px}}
@media(max-width:520px){.stats{grid-template-columns:1fr}}
.quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:56px}
.q{background:rgba(244,236,226,.04);border:1px solid rgba(244,236,226,.12);border-radius:var(--r);padding:26px 24px;display:flex;flex-direction:column}
.q .stars{color:var(--peach);letter-spacing:3px;font-size:14px}
.q blockquote{font-family:var(--serif);font-style:italic;font-size:23px;line-height:1.2;margin:12px 0 0;flex:1}
.q cite{font-style:normal;margin-top:18px;padding-top:14px;border-top:1px solid rgba(244,236,226,.12);font-size:14px;color:var(--on-dark-muted)}
.q cite b{display:block;color:var(--on-dark);font-size:15px}
@media(max-width:900px){.quotes{grid-template-columns:1fr}}

/* offer */
.offer{position:relative;overflow:hidden}
.countdown{display:flex;gap:10px;justify-content:center;margin-top:26px}
.countdown div{background:var(--paper);border:1px solid var(--line);border-radius:14px;min-width:76px;padding:12px 10px;text-align:center}
.countdown b{display:block;font-size:30px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.02em;line-height:1.1}
.countdown span{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.deadline-copy{text-align:center;color:var(--muted);font-size:14.5px;margin-top:12px}
.deadline-copy b{color:var(--terra)}
.stack{max-width:780px;margin:40px auto 0;background:var(--espresso-2);color:var(--on-dark);border-radius:28px;overflow:hidden;box-shadow:0 40px 80px -40px rgba(31,24,19,.6)}
.stack-row{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;padding:18px 30px;border-bottom:1px solid rgba(244,236,226,.08)}
.stack-row .ico{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-family:var(--serif);font-style:italic;font-size:19px;background:rgba(244,236,226,.06);color:var(--peach)}
.stack-row.bonus .ico{background:var(--terra);color:#fff;font-family:var(--sans);font-style:normal}
.stack-row h4{font-size:16px;font-weight:600}
.stack-row h4 .pill{display:inline-block;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;background:var(--peach);color:var(--espresso);padding:3px 8px;border-radius:999px;margin-right:8px;vertical-align:2px;font-weight:700}
.stack-row p{font-size:13.5px;color:var(--on-dark-muted);margin-top:2px}
.stack-row .v{color:var(--on-dark-muted);font-size:15px;white-space:nowrap}
.stack-total{padding:28px 30px 8px;display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap}
.stack-total .tv{color:var(--on-dark-muted)} .stack-total .tv s{color:var(--on-dark)}
.stack-total .big{font-size:clamp(50px,7vw,68px);font-weight:600;letter-spacing:-.03em;line-height:1;margin-top:6px}
.stack-total .save{font-family:var(--serif);font-style:italic;color:var(--peach);font-size:24px}
.stack-cta{padding:20px 30px 30px}
.stack-cta .btn{width:100%}
.stack-cta .micro{justify-content:center}
@media(max-width:640px){.stack-row,.stack-total,.stack-cta{padding-left:18px;padding-right:18px}.stack-row{grid-template-columns:auto 1fr}.stack-row .v{grid-column:2;margin-top:-8px}}
.offer-ended .countdown,.offer-ended .launch-only{display:none!important}

/* faq */
.faq{max-width:780px;margin:40px auto 0}
details{border-bottom:1px solid var(--line);padding:20px 0}
details:first-child{border-top:1px solid var(--line)}
summary{cursor:pointer;list-style:none;font-weight:600;font-size:17px;display:flex;justify-content:space-between;gap:20px;align-items:center}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";font-weight:400;font-size:26px;color:var(--terra);transition:.2s;line-height:1}
details[open] summary::after{transform:rotate(45deg)}
details p{color:var(--muted);margin-top:10px;font-size:15.5px}
details p a{color:var(--terra);font-weight:500}

/* final */
.final{text-align:center}
.final h2{max-width:820px;margin-left:auto;margin-right:auto}
.final .cta-row,.final .micro{justify-content:center}

footer{background:var(--espresso);color:var(--on-dark-muted);padding:40px 0 110px;border-top:1px solid rgba(244,236,226,.08);font-size:14px}
footer .wrap{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
footer a:hover{color:var(--on-dark)}
footer nav{all:unset;display:flex;gap:18px;flex-wrap:wrap}

.buybar{position:fixed;left:0;right:0;bottom:0;z-index:45;background:rgba(31,24,19,.97);border-top:1px solid rgba(240,195,165,.2);padding:12px 0;transform:translateY(110%);transition:transform .35s}
.buybar.show{transform:none}
.buybar .wrap{display:flex;align-items:center;justify-content:space-between;gap:14px}
.buybar .t{color:var(--on-dark);font-size:14px;line-height:1.35}
.buybar .t b{font-size:18px} .buybar .t s{color:var(--on-dark-muted);margin-right:6px}
.buybar .t span{display:block;color:var(--peach);font-size:12.5px}
.buybar .btn{padding:13px 22px;font-size:14.5px;box-shadow:none;white-space:nowrap}
@media(max-width:600px){.hero{padding-top:34px}.hero .tagline{font-size:10.5px;gap:6px}.hero h1{font-size:36px;margin:14px 0 12px}.hero .lede{font-size:16px}.hero .lede-more{display:none}.hero .price-anchor{margin-top:16px}.wa{opacity:0;pointer-events:none;transform:scale(.8);transition:opacity .25s,transform .25s}.past-hero .wa{opacity:1;pointer-events:auto;transform:none}}

/* Launch pricing + conversion layout */
.after-price{margin-top:8px;font-size:14px;color:var(--on-dark-muted)}
.fromp{display:block;font-size:12.5px;font-weight:500;color:var(--muted);letter-spacing:0}
.stack-row .v .fromp{color:var(--on-dark-muted);text-align:right}
.book-buy .price .fromp{font-size:13px;margin-top:2px}
.price-anchor .was{font-size:22px;color:var(--on-dark-muted);text-decoration-thickness:2px}
.tier-chip b{color:var(--peach)}
s[data-was],s[data-bonus],s[data-sum-regular],.stack-sum s{opacity:.7;margin-right:4px}
.prod-foot .price s{font-size:16px;font-weight:500;color:var(--muted)}
.book-buy .price s{font-size:18px;font-weight:500;color:var(--muted)}
.book-buy .nudge{display:block;margin-top:10px;font-size:14px;font-weight:600;color:var(--terra)}
.bundle-nudge b{color:var(--ink)}
.who-strip{padding:44px 0}
.who-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.who-chips span{background:var(--paper);border:1px solid var(--line);border-radius:999px;padding:9px 16px;font-size:14.5px;font-weight:500}
.who-note{margin-top:14px;color:var(--muted);font-size:14.5px}
.funnel-wrap{margin-top:40px}
details.more-in{margin-top:26px;border:1px solid var(--line);border-radius:18px;background:var(--paper)}
details.more-in>summary{cursor:pointer;list-style:none;padding:16px 22px;font-weight:600;color:var(--terra);display:flex;justify-content:space-between;align-items:center}
details.more-in>summary::-webkit-details-marker{display:none}
details.more-in>summary::after{content:"+";font-size:22px;line-height:1}
details.more-in[open]>summary::after{content:"–"}
details.more-in>.two,details.more-in>.parts,details.more-in>.track{padding:0 22px 22px;margin-top:0}
.bk-cover .free s{opacity:.75;margin-right:4px;font-weight:500}
.offer-ended .bk-cover .free{background:var(--peach);color:var(--espresso)}
.bk-buy{margin-top:16px;width:100%}
.stack-head{padding:22px 30px 6px;font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:var(--peach)}
.stack-row .v s{color:var(--on-dark-muted)}
.stack-row .v span,.stack-row .v b{color:var(--on-dark);font-weight:600}
.stack-row .v b.free{color:var(--peach)}
.stack-sum{padding:24px 30px 6px}
.stack-sum .row{display:flex;justify-content:space-between;align-items:baseline;gap:16px;color:var(--on-dark-muted);font-size:15px}
.stack-sum .row s{color:var(--on-dark);font-size:18px}
.stack-sum .big-row{margin-top:8px;color:var(--on-dark)}
.stack-sum .big{font-size:clamp(44px,6vw,60px);font-weight:600;letter-spacing:-.03em;line-height:1}
.stack-sum .save{font-family:var(--serif);font-style:italic;color:var(--peach);font-size:22px;margin-top:10px}
.stack-sum .reason{color:var(--on-dark-muted);font-size:14px;margin-top:6px}
.stack-sum .outcome{margin-top:16px;padding:14px 16px;border-radius:14px;background:rgba(240,195,165,.1);border:1px solid rgba(240,195,165,.25);color:var(--on-dark);font-size:15px}
.stack-sum .outcome b{color:var(--peach)}
.buybar .t .inl{display:inline;color:inherit;font-size:inherit}
@media(max-width:600px){.stack-head,.stack-sum{padding-left:20px;padding-right:20px}}
.wa{position:fixed;right:18px;bottom:86px;width:52px;height:52px;border-radius:50%;background:#25D366;display:grid;place-items:center;box-shadow:0 10px 30px -8px rgba(0,0,0,.4);z-index:44}

dialog{border:0;border-radius:24px;padding:0;max-width:460px;width:calc(100% - 32px);background:var(--paper);color:var(--ink);box-shadow:0 40px 80px -20px rgba(0,0,0,.5)}
dialog::backdrop{background:rgba(20,15,12,.6);backdrop-filter:blur(4px)}
.dlg{padding:34px 30px 30px;position:relative}
.dlg h3{font-size:27px;margin:10px 0 8px} .dlg h3 em{color:var(--terra)}
.dlg p{color:var(--muted);font-size:15px}
.dlg .x{position:absolute;top:16px;right:18px;background:none;border:0;font-size:26px;cursor:pointer;color:var(--muted);line-height:1}
.dlg label{display:block;font-size:13px;font-weight:600;margin:16px 0 6px}
.dlg input{width:100%;padding:13px 16px;border-radius:12px;border:1px solid var(--line);font:inherit;background:var(--cream)}
.dlg input:focus{outline:2px solid var(--terra);border-color:transparent}
.dlg .btn{width:100%;margin-top:18px}
.dlg .done{display:none;text-align:center;padding:10px 0}

.reveal{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s ease}
.reveal.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}*{transition:none!important}html{scroll-behavior:auto}}
/* how the list was built */
.built{margin-top:90px;display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:start;background:var(--espresso);color:var(--on-dark);border-radius:28px;padding:52px}
.built .eyebrow{color:var(--peach)}
.built h2{font-size:clamp(28px,3.4vw,42px)} .built h2 em{color:var(--peach)}
.built .lede{color:var(--on-dark-muted);font-size:17px}
.built-steps{list-style:none}
.built-steps li{display:grid;grid-template-columns:52px 1fr;gap:6px;padding:20px 0;border-bottom:1px solid rgba(244,236,226,.12)}
.built-steps li:first-child{padding-top:4px}
.built-steps li:last-child{border:0;padding-bottom:0}
.built-steps span{font-family:var(--serif);font-style:italic;font-size:28px;color:var(--peach);line-height:1.1}
.built-steps b{display:block;font-size:18px;margin-bottom:4px}
.built-steps p{color:var(--on-dark-muted);font-size:15px}
@media(max-width:860px){.built{grid-template-columns:1fr;gap:24px;padding:32px 22px}}
/* sample preview */
.sample{margin-top:40px;border:1px solid var(--line);border-radius:24px;overflow:hidden;background:var(--paper)}
.sample-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.sample table{width:100%;border-collapse:collapse;font-size:14px;min-width:820px}
.sample th,.sample td{padding:14px 16px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
.sample thead th{font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:600;background:var(--cream)}
.sample td.blur{filter:blur(4.5px);user-select:none}
.sample td b{display:block;font-size:14.5px}
.sample td span{color:var(--muted);font-size:13px}
.sample tr:last-child td{border-bottom:0}
.sample .lock{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:16px 20px;background:var(--espresso);color:var(--on-dark);font-size:14px}
.sample .lock b{color:var(--peach)}
@media(max-width:700px){
  .sample table{min-width:0}
  .sample thead{display:none}
  .sample tr{display:block;padding:16px 18px;border-bottom:1px solid var(--line)}
  .sample td{display:block;position:relative;padding:6px 0 6px 118px;border:0;min-height:30px}
  .sample td::before{content:attr(data-label);position:absolute;left:0;top:8px;width:108px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:600;line-height:1.35}
  .sample td.blur{filter:none}
  .sample td.blur > *, .sample td.blur{color:transparent;text-shadow:0 0 9px rgba(35,29,24,.55)}
  .sample td.blur::before{color:var(--muted);text-shadow:none}
}
.sample-note{font-size:13px;color:var(--muted);margin-top:12px}
.disclaim{font-size:12.5px;color:var(--on-dark-muted);margin-top:14px;opacity:.85;line-height:1.5}
.fine{font-size:12.5px;color:var(--on-dark-muted);margin-top:14px;text-align:center;line-height:1.5}
.fine a{text-decoration:underline;text-underline-offset:2px}
footer .legal{display:block}
.legal-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.legal h5{color:var(--on-dark);font-size:12px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px;font-weight:600}
.legal p{font-size:13.5px;line-height:1.6}
.legal p b{color:var(--on-dark);font-weight:600}
.legal a:hover{color:var(--on-dark)}
.legal-note{margin-top:22px;font-size:12.5px!important;max-width:900px}
.legal-base{margin-top:26px;padding-top:20px;border-top:1px solid rgba(244,236,226,.1);display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:13px}
.legal-base nav{all:unset;display:flex;gap:18px}
@media(max-width:860px){.legal-grid{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.legal-grid{grid-template-columns:1fr}}
.v.free{color:var(--peach);font-weight:600}
.built-foot{grid-column:1/-1;font-size:13px;color:var(--on-dark-muted);border-top:1px solid rgba(244,236,226,.12);padding-top:16px;margin-top:-8px}
.offer-ended .countdown,.offer-ended .launch-only{display:none!important}
.reviews{padding-bottom:90px}
.reviews .quotes{margin-top:46px}
.reviews .q{margin:0;padding:30px 28px}
.reviews .q blockquote{font-family:var(--sans);font-style:normal;font-size:16.5px;line-height:1.65;color:var(--on-dark);margin:6px 0 0}
.reviews .q figcaption{margin-top:22px;padding-top:16px;border-top:1px solid rgba(244,236,226,.12);font-size:14px;color:var(--on-dark-muted)}
.reviews .q figcaption b{display:block;color:var(--on-dark);font-size:15.5px}
.disclaim.center{text-align:center;margin-top:22px}
.prod-foot .more{font-weight:600;color:var(--terra);font-size:14.5px}
/* ---------- v8: real books ---------- */
.hero-proof{display:flex;flex-wrap:wrap;gap:0;margin-top:40px;border-top:1px solid rgba(244,236,226,.12);padding-top:22px}
.hero-proof div{padding-right:26px;margin-right:26px;border-right:1px solid rgba(244,236,226,.12)}
.hero-proof div:last-child{border:0;margin:0;padding:0}
.hero-proof b{display:block;font-size:26px;font-weight:600;letter-spacing:-.02em;color:var(--on-dark)}
.hero-proof span{font-size:12.5px;color:var(--on-dark-muted)}
@media(max-width:600px){.hero-proof div{padding-right:14px;margin-right:14px}.hero-proof b{font-size:21px}}
.prod .pages{font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:600;opacity:.85;margin-top:6px;display:block}

/* deep dives */
.book{padding:96px 0;border-top:1px solid var(--line)}
.book.alt{background:var(--paper)}
.book-head{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:end;margin-bottom:44px}
.book-head h2{margin-bottom:10px}
.book-tag{display:inline-flex;gap:8px;align-items:center;font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:var(--terra)}
.book-tag i{font-style:normal;background:var(--terra);color:#fff;border-radius:999px;padding:3px 10px;letter-spacing:.06em}
.book-buy{text-align:right}
.book-buy .price{display:block;font-size:30px;font-weight:600;letter-spacing:-.02em}
.book-buy .price small{display:block;font-size:12px;font-weight:500;color:var(--muted)}
.book-buy .btn{margin-top:10px}
@media(max-width:760px){.book-head{grid-template-columns:1fr}.book-buy{text-align:left}}
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:40px}
.kpis div{background:var(--cream);border:1px solid var(--line);border-radius:16px;padding:18px 18px}
.book.alt .kpis div{background:var(--cream)}
.book:not(.alt) .kpis div{background:var(--paper)}
.kpis b{display:block;font-size:28px;font-weight:600;letter-spacing:-.02em;line-height:1.1}
.kpis b em{color:var(--terra)}
.kpis span{display:block;font-size:13.5px;color:var(--muted);margin-top:6px;line-height:1.45}
@media(max-width:860px){.kpis{grid-template-columns:1fr 1fr}}
.two{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}
@media(max-width:860px){.two{grid-template-columns:1fr;gap:30px}}
.blk h3{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--terra);font-weight:600;margin-bottom:14px}
.ticks2{list-style:none;border-top:1px solid var(--line)}
.ticks2 li{padding:11px 0 11px 28px;border-bottom:1px solid var(--line);position:relative;font-size:15.5px}
.ticks2 li::before{content:"✓";position:absolute;left:3px;color:var(--terra);font-weight:700}
.funnel{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--line);border-radius:18px;overflow:hidden;margin-bottom:12px}
.funnel div{padding:20px 18px;background:var(--cream);border-right:1px solid var(--line)}
.funnel div:last-child{border:0;background:var(--espresso);color:var(--on-dark)}
.funnel b{display:block;font-size:30px;font-weight:600;letter-spacing:-.02em;line-height:1}
.funnel div:last-child b{color:var(--peach)}
.funnel span{display:block;font-size:13px;margin-top:8px;color:var(--muted);line-height:1.4}
.funnel div:last-child span{color:var(--on-dark-muted)}
.funnel-note{font-size:13.5px;color:var(--muted);margin-bottom:30px}
.regions{list-style:none}
.regions li{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line);font-size:15px}
.regions li:first-child{border-top:1px solid var(--line)}
.regions .bar{grid-column:1/-1;height:6px;border-radius:99px;background:var(--sand);overflow:hidden;margin-top:-2px}
.regions .bar i{display:block;height:100%;background:var(--terra);border-radius:99px}
.regions b{font-weight:600}
.tiers{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.tiers span{font-size:13px;padding:7px 12px;border-radius:999px;border:1px solid var(--line);background:var(--paper)}
.tiers b{color:var(--terra)}

/* sample prospect card */
.pcard{margin-top:56px;background:var(--paper);border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:0 30px 60px -40px rgba(31,24,19,.4)}
.pcard-top{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding:24px 28px;border-bottom:1px solid var(--line)}
.pcard-top h4{font-size:22px;font-weight:600;letter-spacing:-.02em}
.pcard-top small{display:block;color:var(--muted);font-size:13.5px;margin-top:4px}
.badge-hot{font-size:11.5px;letter-spacing:.12em;font-weight:700;background:var(--terra);color:#fff;padding:6px 12px;border-radius:999px;white-space:nowrap}
.dots{font-size:12.5px;color:var(--muted);text-align:right;margin-top:8px;line-height:1.6}
.dots i{font-style:normal;color:var(--terra);letter-spacing:2px}
.pgrid3{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line)}
.pgrid3 div{padding:16px 28px;border-right:1px solid var(--line);font-size:14.5px}
.pgrid3 div:last-child{border:0}
.pgrid3 label{display:block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:600;margin-bottom:4px}
.pbody{display:grid;grid-template-columns:1.1fr .9fr}
.pbody > div{padding:22px 28px}
.pbody > div:first-child{border-right:1px solid var(--line)}
.pbody label{display:block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--terra);font-weight:600;margin:0 0 6px}
.pbody p,.pbody li{font-size:14.5px;color:var(--ink)}
.pbody ul{list-style:none;margin-bottom:16px}
.pbody ul li{padding:3px 0 3px 18px;position:relative}
.pbody ul li::before{content:"–";position:absolute;left:0;color:var(--terra)}
.pbody .sec{margin-bottom:16px}
.pmsg{margin:0 28px 22px;background:var(--cream);border-radius:14px;padding:16px 18px;font-size:14px;color:var(--ink)}
.pmsg label{display:block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--terra);font-weight:600;margin-bottom:6px}
.pfoot{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;align-items:center;padding:16px 28px;background:var(--espresso);color:var(--on-dark);font-size:14px}
.pfoot .trk{color:var(--on-dark-muted);font-size:13px}
.blurx{filter:blur(5px);user-select:none}
@media(max-width:760px){.pgrid3,.pbody{grid-template-columns:1fr}.pgrid3 div{border-right:0;border-bottom:1px solid var(--line);padding:12px 20px}.pbody > div{padding:18px 20px}.pbody > div:first-child{border-right:0;border-bottom:1px solid var(--line)}.pcard-top,.pfoot{padding-left:20px;padding-right:20px}.pmsg{margin:0 20px 18px}}

/* chapter lists */
.parts{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.part{border:1px solid var(--line);border-radius:18px;padding:20px 20px 16px;background:var(--cream)}
.book.alt .part{background:var(--cream)}
.book:not(.alt) .part{background:var(--paper)}
.part h4{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--terra);font-weight:600;margin-bottom:10px}
.part ol{list-style:none}
.part li{display:grid;grid-template-columns:30px 1fr;font-size:14.5px;padding:5px 0;border-top:1px solid var(--line)}
.part li span{font-family:var(--serif);font-style:italic;color:var(--terra);font-size:16px}
@media(max-width:960px){.parts{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.parts{grid-template-columns:1fr}}
.track{margin-top:40px;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:var(--paper)}
.book.alt .track{background:var(--cream)}
.track-row{display:grid;grid-template-columns:1fr 1.4fr 1fr;border-bottom:1px solid var(--line)}
.track-row:last-child{border:0}
.track-row div{padding:14px 18px;font-size:14.5px}
.track-row.h div{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:600;padding:12px 18px}
.track-row div:first-child{font-weight:600}
@media(max-width:760px){.track-row{grid-template-columns:1fr}.track-row div{padding:6px 18px}.track-row div:first-child{padding-top:14px}.track-row div:last-child{padding-bottom:14px;color:var(--terra)}.track-row.h{display:none}}

/* bonus books */
.bonus-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:46px}
.bk{background:rgba(244,236,226,.04);border:1px solid rgba(244,236,226,.12);border-radius:22px;overflow:hidden;display:flex;flex-direction:column}
.bk-cover{padding:24px 24px 20px;background:linear-gradient(160deg,#3B2E25,#251C16);border-bottom:1px solid rgba(240,195,165,.18);position:relative}
.bk:nth-child(2) .bk-cover{background:linear-gradient(160deg,#C2612F,#8F3F18)}
.bk:nth-child(3) .bk-cover{background:linear-gradient(160deg,#F4ECE2,#E2D3C1);color:var(--ink)}
.bk-cover small{font-size:10.5px;letter-spacing:.2em;font-weight:700;opacity:.8}
.bk-cover h3{font-size:22px;margin:10px 0 6px;letter-spacing:-.02em}
.bk-cover h3 em{display:block;color:inherit}
.bk-cover .pg{font-size:12.5px;opacity:.8}
.bk-cover .free{position:absolute;right:18px;top:18px;background:var(--peach);color:var(--espresso);font-size:11px;font-weight:700;letter-spacing:.08em;padding:5px 10px;border-radius:999px}
.bk-body{padding:22px 24px 24px;flex:1;display:flex;flex-direction:column}
.bk-body p{color:var(--on-dark-muted);font-size:15px;margin-bottom:14px}
.bk-body ul{list-style:none}
.bk-body li{font-size:14.5px;padding:6px 0 6px 24px;position:relative;border-top:1px solid rgba(244,236,226,.1);color:var(--on-dark)}
.bk-body li::before{content:"✓";position:absolute;left:2px;color:var(--peach);font-weight:700}
@media(max-width:960px){.bonus-grid{grid-template-columns:1fr;max-width:560px;margin-left:auto;margin-right:auto}}
.reviews{border-top:1px solid rgba(244,236,226,.08)}
.tier-chip{display:inline-block;margin-top:14px;font-size:13.5px;color:var(--peach);background:rgba(240,195,165,.1);border:1px solid rgba(240,195,165,.28);padding:7px 14px;border-radius:999px}
body:not(.tier-is-founding) .tier-founding,body:not(.tier-is-launch) .tier-launch{display:none!important}
body.no-sum .sum-line{display:none!important}
.ladder{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:780px;margin:30px auto 0}
.ladder .step{border:1px solid var(--line);border-radius:18px;padding:18px 16px;background:var(--paper);text-align:center;position:relative;opacity:.6}
.ladder .step small{display:block;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--muted)}
.ladder .step b{display:block;font-size:30px;font-weight:600;letter-spacing:-.02em;margin:4px 0}
.ladder .step > span{display:block;font-size:13.5px;color:var(--muted)}
.ladder .step > span span{display:inline}
.ladder .step em{display:block;font-style:normal;font-size:12.5px;margin-top:8px;color:var(--terra);font-weight:600}
.ladder .step i{font-style:normal;font-weight:700;color:var(--terra)}
.ladder .step.now{opacity:1;border:2px solid var(--terra);box-shadow:0 18px 40px -24px rgba(194,97,47,.7)}
.ladder .step.now::before{content:"Now";position:absolute;top:-11px;left:50%;transform:translateX(-50%);background:var(--terra);color:#fff;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:3px 10px;border-radius:999px}
.ladder .step.past{opacity:.45;text-decoration:line-through}
body:not(.tier-is-founding) .founding-left{display:none}
@media(max-width:600px){.ladder{grid-template-columns:1fr}}
.buybar .t span span{display:inline;font-size:inherit;color:inherit}
body:not(.offer-ended) .after-only{display:none!important}

/* ===== 3D book covers ===== */
.bookc{--w:230px;--u:calc(var(--w) / 100);width:var(--w);perspective:1400px;flex:none}
.bk3d{position:relative;transform:rotateY(-16deg) rotateX(2deg);transform-style:preserve-3d;transition:transform .6s cubic-bezier(.2,.7,.2,1);border-radius:3px 10px 10px 3px;box-shadow:24px 30px 50px -18px rgba(0,0,0,.55),6px 8px 14px -6px rgba(0,0,0,.35)}
.bookc:hover .bk3d{transform:rotateY(-6deg) rotateX(0) translateY(-6px)}
.bk3d::after{content:"";position:absolute;top:2.2%;right:-9px;width:10px;height:95.6%;background:repeating-linear-gradient(90deg,#f6f1e8 0 1px,#e2d9cb 1px 2px);transform:rotateY(70deg);transform-origin:left;border-radius:0 2px 2px 0}
.face{position:relative;aspect-ratio:1/1.414;overflow:hidden;border-radius:3px 10px 10px 3px;padding:calc(var(--u)*8) calc(var(--u)*8) calc(var(--u)*7) calc(var(--u)*10);display:flex;flex-direction:column;font-family:var(--sans)}
.face::before{content:"";position:absolute;left:0;top:0;bottom:0;width:calc(var(--u)*4.2);background:linear-gradient(90deg,rgba(0,0,0,.28),rgba(255,255,255,.08) 60%,rgba(0,0,0,.12));z-index:2}
.face .gloss{position:absolute;inset:0;background:linear-gradient(115deg,rgba(255,255,255,.18) 0%,rgba(255,255,255,0) 35%,rgba(255,255,255,0) 70%,rgba(255,255,255,.06));pointer-events:none;z-index:3}
.face .motif{position:absolute;right:calc(var(--u)*-6);bottom:calc(var(--u)*17);width:calc(var(--u)*62);height:calc(var(--u)*62);opacity:.22;z-index:0}
.face > div{position:relative;z-index:1}
.ftop{display:flex;justify-content:space-between;font-size:calc(var(--u)*2.7);letter-spacing:.2em;font-weight:700;opacity:.85}
.fno{font-family:var(--serif);font-style:italic;font-size:calc(var(--u)*34);line-height:.9;margin:calc(var(--u)*11) 0 calc(var(--u)*4) calc(var(--u)*-1);letter-spacing:-.02em}
.ftitle{font-size:calc(var(--u)*9.4);font-weight:600;line-height:1.04;letter-spacing:-.025em}
.ftitle em{font-family:var(--serif);font-style:italic;font-weight:400;letter-spacing:-.01em}
.ftl{font-family:var(--serif);font-style:italic;font-size:calc(var(--u)*5.2);margin-top:calc(var(--u)*4);opacity:.9}
.fstats{display:flex;gap:calc(var(--u)*6);margin-top:auto;padding-top:calc(var(--u)*4);border-top:1px solid currentColor;border-color:rgba(255,255,255,.3)}
.fstats span{display:flex;flex-direction:column}
.fstats b{font-size:calc(var(--u)*6.6);font-weight:600;letter-spacing:-.02em;line-height:1.1}
.fstats i{font-style:normal;font-size:calc(var(--u)*2.5);opacity:.8;max-width:calc(var(--u)*20);line-height:1.3}
.fbot{display:flex;justify-content:space-between;font-size:calc(var(--u)*2.2);letter-spacing:.16em;font-weight:600;opacity:.7;margin-top:calc(var(--u)*5)}
.b1 .face{background:radial-gradient(120% 80% at 85% 0%,#D9783F 0%,rgba(217,120,63,0) 55%),linear-gradient(165deg,#C2612F 0%,#9A4419 60%,#7E3613 100%);color:#FFF4EA}
.b1 .ftitle,.b1 .fno{color:#FFF6EE}
.b2 .face{background:radial-gradient(90% 60% at 90% 10%,rgba(240,195,165,.75),rgba(240,195,165,0) 60%),linear-gradient(170deg,#F7F0E6,#E8DCCB);color:var(--ink)}
.b2 .fno,.b2 .ftitle em,.b2 .ftop span:first-child{color:var(--terra)}
.b2 .fstats{border-color:rgba(35,29,24,.22)}
.b2 .face .motif{color:var(--terra);opacity:.26}
.b2 .face::before{background:linear-gradient(90deg,rgba(0,0,0,.14),rgba(255,255,255,.4) 60%,rgba(0,0,0,.06))}
.b3 .face{background:radial-gradient(110% 70% at 100% 0%,rgba(240,195,165,.22),rgba(240,195,165,0) 55%),linear-gradient(165deg,#3A2D24 0%,#211913 70%,#1A140F 100%);color:var(--on-dark)}
.b3 .fno,.b3 .ftitle em{color:var(--peach)}
.b3 .face .motif{color:var(--peach);opacity:.2}
.b3 .fstats{border-color:rgba(240,195,165,.3)}
/* hero stack */
.covers.v2{position:relative;height:500px}
.covers.v2 .bookc{position:absolute;--w:236px;--u:calc(var(--w) / 100)}
.covers.v2 .bookc.b1{left:0;top:88px;z-index:1}
.covers.v2 .bookc.b1 .bk3d{transform:rotateY(-16deg) rotateZ(-6deg)}
.covers.v2 .bookc.b2{left:23%;top:30px;z-index:3}
.covers.v2 .bookc.b3{left:46%;top:104px;z-index:2}
.covers.v2 .bookc.b3 .bk3d{transform:rotateY(-16deg) rotateZ(5deg)}
.covers.v2 .bookc:hover{z-index:5}
.covers.v2 .bookc:hover .bk3d{transform:rotateY(-4deg) rotateZ(0) translateY(-10px)}
.covers.v2 .sticker{z-index:6}
@media(max-width:960px){.covers.v2{height:440px;max-width:500px;width:100%;margin:0 auto}}
@media(max-width:520px){.covers.v2{height:330px}.covers.v2 .bookc{--w:158px;--u:calc(var(--w) / 100)}.covers.v2 .bookc.b1{top:64px}.covers.v2 .bookc.b2{left:24%;top:16px}.covers.v2 .bookc.b3{left:47%;top:76px}}
/* section cover */
.book-head.withcover{grid-template-columns:auto 1fr auto;gap:44px}
.book-head .bookc{--w:190px;--u:calc(var(--w) / 100)}
@media(max-width:860px){.book-head.withcover{grid-template-columns:1fr}.book-head .bookc{--w:150px;--u:calc(var(--w) / 100);margin-bottom:8px}}

/* Narrow phones (320px): small fixes on top of the reference, which overflows here */
@media(max-width:359px){
  .countdown{gap:6px}
  .countdown div{min-width:0;flex:1 1 0;padding:10px 4px}
  .countdown b{font-size:24px}
  .countdown span{font-size:9.5px;letter-spacing:.08em}
  .legal-base nav{flex-wrap:wrap;gap:8px 14px}
  .funnel>div{min-width:0}
  .funnel b{font-size:min(100%,26px)}
}

/* Server-backed checkout dialog */
.ntco{border:0;border-radius:22px;padding:0;width:min(560px,calc(100vw - 24px));max-height:calc(100vh - 24px);overflow:auto;background:var(--paper);color:var(--ink);box-shadow:0 40px 80px -30px rgba(31,24,19,.6)}
.ntco::backdrop{background:rgba(31,24,19,.6)}
.ntco form#ntcoForm{padding:clamp(20px,4vw,32px)}
.ntco h2{font-size:26px;letter-spacing:-.02em;margin-bottom:4px}
.ntco-x{position:absolute;right:10px;top:10px}
.ntco-close{width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:var(--paper);font-size:22px;line-height:1;cursor:pointer;color:var(--ink)}
.ntco-sum{color:var(--muted);font-size:15px;margin-bottom:16px}
.ntco-err{color:#9b2c1c;font-weight:600;font-size:14.5px;margin-bottom:12px}
.ntco-grid{display:grid;gap:12px;margin-bottom:14px}
@media(min-width:520px){.ntco-gst .ntco-grid{grid-template-columns:1fr 1fr}}
.ntco label{display:grid;gap:5px;font-weight:600;font-size:13.5px}
.ntco input{font:400 16px var(--sans);padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);min-height:48px;width:100%}
.ntco input:focus-visible,.ntco summary:focus-visible,.ntco-close:focus-visible{outline:2px solid var(--terra);outline-offset:2px}
.ntco input[aria-invalid=true]{border-color:#9b2c1c}
.ntco-gst{margin:4px 0 16px;font-size:14.5px}.ntco-gst summary{cursor:pointer;color:var(--terra-dk);font-weight:600;margin-bottom:10px}
.ntco-pay{width:100%}
.ntco-pay[disabled]{opacity:.65;cursor:wait}
.ntco-fine{font-size:12.5px;color:var(--muted);margin-top:12px}.ntco-fine a{text-decoration:underline}