/* AI Prompts That Give You Your Time Back — site styles
   Palette and type taken from the book cover. */
:root{
  --navy:#0E2A47; --navy-2:#0A1F35; --navy-3:#163B60; --line-dark:#24486E;
  --amber:#F2A900; --amber-ink:#8A5A00; --amber-soft:#FFF4D6;
  --teal:#2BB596; --teal-ink:#0D6E5C; --teal-soft:#E3F4EF;
  --coral:#E05A3A; --coral-soft:#FCE9E4;
  --paper:#F6F7F9; --card:#FFFFFF; --ink:#13202E; --ink-2:#3E4C5C; --muted:#5D6B7A; --line:#DCE2E8;
  --display:"Bricolage Grotesque", ui-sans-serif, system-ui, sans-serif;
  --serif:"Source Serif 4", Georgia, "Times New Roman", serif;
  --mono:"JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;
  --radius:14px; --wrap:1160px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--serif);font-size:18px;line-height:1.6}
img{max-width:100%;height:auto;display:block}
a{color:var(--teal-ink)}
a:hover{color:var(--navy)}
h1,h2,h3,h4{font-family:var(--display);line-height:1.1;margin:0;letter-spacing:-.015em;color:inherit}
p{margin:0}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 24px}
.eyebrow{font-family:var(--display);font-weight:700;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--amber-ink)}
.dark .eyebrow{color:var(--amber)}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
:focus-visible{outline:3px solid var(--amber);outline-offset:2px;border-radius:4px}

/* ---------- header ---------- */
.topbar{position:sticky;top:0;z-index:40;background:rgba(10,31,53,.96);backdrop-filter:blur(8px);color:#fff;border-bottom:1px solid var(--line-dark)}
.topbar .wrap{display:flex;align-items:center;gap:20px;height:64px}
.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-family:var(--display);font-weight:700;font-size:16px;white-space:nowrap}
.brand:hover{color:#fff}
.brand-mark{font-family:var(--mono);color:var(--teal);font-size:18px}
.brand-mark b{color:var(--amber);font-weight:400}
.nav{display:flex;gap:22px;margin-left:auto;font-family:var(--display);font-size:15px}
.nav a{color:#C9D6E3;text-decoration:none}
.nav a:hover{color:#fff}
.region{display:flex;align-items:center;gap:8px;font-family:var(--display);font-size:14px;color:#C9D6E3}
.region svg{flex:none}
.region select{font:600 14px var(--display);color:#fff;background:var(--navy-3);border:1px solid var(--line-dark);border-radius:999px;padding:8px 30px 8px 12px;min-height:40px;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none' stroke='%23F2A900' stroke-width='2'%3E%3Cpath d='M1 1l5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;cursor:pointer}
.region select option{color:var(--ink);background:#fff}

/* ---------- buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font:700 17px var(--display);text-decoration:none;border-radius:12px;padding:16px 26px;min-height:52px;border:0;cursor:pointer;transition:transform .12s ease, box-shadow .12s ease, background .12s}
.btn-buy{background:var(--amber);color:var(--navy-2);box-shadow:0 6px 0 #B57F00}
.btn-buy:hover{color:var(--navy-2);background:#FFB916;transform:translateY(-1px)}
.btn-buy:active{transform:translateY(4px);box-shadow:0 2px 0 #B57F00}
.btn-buy.is-unavailable{background:#C9D2DB;box-shadow:0 6px 0 #A3AFBB;color:#33414F}
.btn-sm{font-size:15px;padding:10px 16px;min-height:44px;box-shadow:0 4px 0 #B57F00}
.btn-ghost{background:transparent;color:#fff;border:1.5px solid #4D6E91}
.btn-ghost:hover{color:#fff;border-color:#fff}

/* ---------- hero ---------- */
.hero{background:var(--navy-2);color:#fff;position:relative;overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;background-image:radial-gradient(#2A4D72 1.2px,transparent 1.2px);background-size:22px 22px;opacity:.55;mask-image:linear-gradient(90deg,transparent 30%,#000 75%);-webkit-mask-image:linear-gradient(90deg,transparent 30%,#000 75%)}
.hero .wrap{position:relative;display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:center;padding-top:72px;padding-bottom:88px}
.hero h1{font-size:clamp(40px,5.4vw,66px);font-weight:800;margin:18px 0 22px}
.hero h1 em{font-style:normal;color:var(--amber)}
.hero .lede{font-size:20px;color:#C9D6E3;max-width:34em}
.terminal{margin:30px 0 32px;background:var(--navy);border:1px solid var(--line-dark);border-radius:14px;max-width:520px;overflow:hidden}
.terminal-bar{display:flex;align-items:center;gap:7px;padding:11px 14px;background:var(--navy-3);font:500 11px var(--display);letter-spacing:.1em;color:#8FA6BD}
.terminal-bar i{width:10px;height:10px;border-radius:50%;display:block}
.terminal-bar span{margin-left:auto}
.terminal ol{list-style:none;margin:0;padding:18px 20px;font:500 16px/1.9 var(--mono);color:#E8EEF4}
.terminal li::before{content:"> ";color:var(--teal)}
.terminal li.hl{color:var(--amber)}
.caret{display:inline-block;width:.6em;height:1.05em;background:var(--amber);vertical-align:-3px;margin-left:4px;animation:blink 1.1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
@media (prefers-reduced-motion:reduce){.caret{animation:none}html{scroll-behavior:auto}}
.buy-row{display:flex;flex-wrap:wrap;align-items:center;gap:18px 24px}
.price-inline{font-family:var(--display)}
.price-inline .amount{font-size:30px;font-weight:800;color:#fff}
.price-inline .meta{display:block;font-size:13px;color:#9FB3C8;margin-top:2px}
.hero-facts{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:26px;font:500 14px var(--display);color:#9FB3C8}
.hero-facts span{display:inline-flex;align-items:center;gap:7px}
.hero-facts svg{color:var(--teal)}
.cover-stage{position:relative;justify-self:center}
.cover-stage img{width:min(380px,100%);border-radius:6px 12px 12px 6px;box-shadow:0 1px 0 #2A4D72, -10px 0 0 -4px #0B233C, 0 40px 80px rgba(0,0,0,.55)}
.cover-badge{position:absolute;right:-18px;top:28px;background:var(--amber);color:var(--navy-2);font:800 15px/1.05 var(--display);text-align:center;width:96px;height:96px;border-radius:50%;display:grid;place-items:center;transform:rotate(8deg)}
.cover-badge b{display:block;font-size:30px}

/* ---------- stats strip ---------- */
.strip{background:var(--navy);color:#fff;border-top:1px solid var(--line-dark)}
.strip ul{list-style:none;margin:0 auto;padding:22px 24px;display:grid;grid-template-columns:repeat(5,1fr);gap:16px;max-width:var(--wrap)}
.strip li{font-family:var(--display);font-size:14px;color:#9FB3C8;line-height:1.3}
.strip b{display:block;font-size:26px;color:#fff;font-weight:800}
.strip li:nth-child(odd) b{color:var(--amber)}

/* ---------- sections ---------- */
section{scroll-margin-top:72px}
.sec{padding:96px 0}
.sec-head{max-width:760px;margin-bottom:48px}
.sec-head h2{font-size:clamp(32px,3.8vw,46px);font-weight:800;margin:12px 0 16px}
.sec-head p{font-size:19px;color:var(--ink-2)}
.dark{background:var(--navy-2);color:#fff}
.dark .sec-head p{color:#C9D6E3}

.leaks{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.pull{font:italic 400 clamp(26px,3vw,36px)/1.3 var(--serif);color:var(--navy)}
.pull + p{margin-top:20px;color:var(--ink-2)}
.bars{display:grid;gap:16px;margin-top:8px}
.bar{font-family:var(--display)}
.bar-top{display:flex;justify-content:space-between;font-size:15px;font-weight:600;margin-bottom:6px}
.bar-track{height:12px;background:#E3E8EE;border-radius:99px;overflow:hidden}
.bar-fill{height:100%;background:var(--navy);border-radius:99px}
.bar.work .bar-fill{background:var(--teal-ink)}
.source{font:400 13px/1.5 var(--display);color:var(--muted);margin-top:14px}
.pains{list-style:none;padding:0;margin:40px 0 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}
.pains li{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px 18px;font:600 16px var(--display);display:flex;gap:12px;align-items:center}
.pains svg{color:var(--coral);flex:none}

/* story */
.story{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:center}
.story-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:32px}
.story-card .tag{font:700 11px var(--display);letter-spacing:.14em;color:var(--muted);text-transform:uppercase}
.story-card .inbox{font:800 64px/1 var(--display);color:var(--navy);margin:12px 0 4px}
.story-card .inbox small{font-size:18px;font-weight:600;color:var(--muted);margin-left:6px}
.story p+p{margin-top:16px}
.motto{margin-top:24px;font:700 22px var(--display);color:var(--navy);padding-top:20px;border-top:2px solid var(--amber);display:inline-block}

/* SHARP */
.sharp{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.sharp-l{background:var(--navy);border:1px solid var(--line-dark);border-radius:var(--radius);padding:24px 20px 26px}
.sharp-l .letter{font:800 56px/1 var(--display);color:var(--amber)}
.sharp-l h3{font-size:20px;margin:14px 0 8px}
.sharp-l p{font-size:16px;color:#C9D6E3;line-height:1.5}
.compare{margin-top:28px;display:grid;grid-template-columns:1fr 1.6fr;gap:14px}
.cmp{border-radius:var(--radius);padding:22px 24px;font:500 15px/1.7 var(--mono)}
.cmp .k{font:700 12px var(--display);letter-spacing:.12em;text-transform:uppercase;display:block;margin-bottom:10px}
.cmp.vague{background:#1A2F45;color:#9FB3C8}
.cmp.vague .k{color:#E9907A}
.cmp.good{background:#F3F6F9;color:var(--ink)}
.cmp.good .k{color:var(--teal-ink)}
.cmp.good b{color:var(--amber-ink)}

/* 4-P */
.fourp{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.p-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:24px}
.p-card .num{font:800 14px var(--display);color:var(--teal-ink);letter-spacing:.06em}
.p-card h3{font-size:22px;margin:8px 0 4px}
.p-card .q{font:italic 17px var(--serif);color:var(--navy);margin-bottom:10px}
.p-card p{font-size:16px;color:var(--ink-2);line-height:1.55}
.motto-band{margin-top:28px;background:var(--amber-soft);border-radius:var(--radius);padding:20px 24px;font:700 20px var(--display);color:var(--navy);display:flex;gap:14px;align-items:center}

/* playbooks */
.books{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.book{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:24px;display:flex;flex-direction:column}
.book .n{font:700 13px var(--mono);color:var(--teal-ink)}
.book h3{font-size:21px;margin:8px 0 6px}
.book .what{font-size:16px;color:var(--ink-2);line-height:1.5}
.book ul{list-style:none;margin:16px 0 0;padding:14px 0 0;border-top:1px dashed var(--line);font:500 14px/1.5 var(--display);color:var(--ink-2);display:grid;gap:6px}
.book li span{font-family:var(--mono);color:var(--amber-ink);margin-right:6px}
.books-foot{margin-top:22px;font:500 15px var(--display);color:var(--muted)}

/* inside / previews */
.previews{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:start}
.preview figure{margin:0}
.preview img{border-radius:8px;border:1px solid var(--line-dark);box-shadow:0 20px 40px rgba(0,0,0,.35);background:#fff}
.preview figcaption{font:500 14px var(--display);color:#C9D6E3;margin-top:14px}
.preview figcaption b{color:#fff;display:block;font-size:16px}

/* 30 day plan */
.weeks{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;counter-reset:wk}
.week{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:24px;position:relative}
.week .wk{font:700 12px var(--display);letter-spacing:.12em;color:var(--muted);text-transform:uppercase}
.week h3{font-size:21px;margin:6px 0 12px}
.week ul{margin:0;padding-left:18px;font-size:15px;line-height:1.55;color:var(--ink-2)}
.week li+li{margin-top:6px}
.quickwin{margin-top:22px;background:var(--teal-soft);border-radius:var(--radius);padding:20px 24px;font-size:17px}
.quickwin b{font-family:var(--display);color:var(--teal-ink)}
.fine{font:400 13px var(--display);color:var(--muted);margin-top:12px}

/* details */
.details{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.detail{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:20px}
.detail svg{color:var(--teal-ink)}
.detail h3{font-size:17px;margin:12px 0 4px}
.detail p{font-size:15px;color:var(--ink-2);line-height:1.5}

/* author */
.author{display:grid;grid-template-columns:320px 1fr;gap:56px;align-items:center}
.author img{border-radius:var(--radius);width:100%;aspect-ratio:476/610;object-fit:cover}
.author h2{font-size:clamp(32px,3.6vw,44px);margin:10px 0 6px}
.roles{font:600 15px var(--display);color:var(--teal-ink);margin-bottom:18px}
.author blockquote{margin:22px 0;font:italic 22px/1.45 var(--serif);color:var(--navy);padding-left:0}
.author blockquote .q{font-style:normal;color:var(--amber);font-size:56px;line-height:0;vertical-align:-22px;margin:0 4px}
.author p+p{margin-top:14px}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.chips span{font:600 13px var(--display);background:#E9EEF3;color:var(--navy);padding:7px 12px;border-radius:99px}

/* pricing */
.pricing{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.price-card{background:var(--card);color:var(--ink);border-radius:20px;padding:34px;box-shadow:0 30px 60px rgba(0,0,0,.35)}
.seg{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:24px}
.seg button{font:600 14px var(--display);border:1.5px solid var(--line);background:#fff;color:var(--ink-2);padding:9px 14px;border-radius:99px;min-height:44px;cursor:pointer}
.seg button[aria-pressed="true"]{background:var(--navy);border-color:var(--navy);color:#fff}
.price-big{font:800 60px/1 var(--display);color:var(--navy);letter-spacing:-.02em}
.price-big.na{font-size:30px;line-height:1.2;color:var(--ink-2)}
.price-cur{font:600 15px var(--display);color:var(--muted);margin-top:8px}
.price-note{font:400 14px/1.5 var(--display);color:var(--ink-2);margin-top:6px}
.fallback-note{font:500 14px/1.5 var(--display);background:var(--amber-soft);color:#5A3B00;border-radius:10px;padding:10px 12px;margin-top:14px}
.price-card .btn{width:100%;margin-top:22px}
.includes{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:10px;font:500 15px var(--display)}
.includes li{display:flex;gap:10px;align-items:flex-start}
.includes svg{color:var(--teal-ink);flex:none;margin-top:2px}
.secure{display:flex;gap:10px;align-items:center;font:500 13px var(--display);color:var(--muted);margin-top:18px}
.pricing .copy h2{font-size:clamp(34px,4vw,50px);margin:12px 0 18px}
.pricing .copy p{color:#C9D6E3;font-size:19px}
.pricing .copy ul{margin:22px 0 0;padding-left:20px;color:#C9D6E3}
.pricing .copy li+li{margin-top:8px}

/* faq */
.faq{max-width:860px}
.faq-group{font:700 13px var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--teal-ink);margin:40px 0 4px}
.faq-group:first-child{margin-top:0}
.faq details{border-bottom:1px solid var(--line);padding:6px 0}
.faq summary{font:700 19px var(--display);cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px;padding:16px 0;min-height:44px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--amber-ink);font-size:26px;line-height:1}
.faq details[open] summary::after{content:"–"}
.faq .a{padding:0 0 18px;color:var(--ink-2);font-size:17px}
.faq .a p+p{margin-top:10px}

/* final cta + footer */
.final{text-align:center;padding:88px 0}
.final h2{font-size:clamp(32px,4vw,48px);margin:12px auto 14px;max-width:16em}
.final p{color:#C9D6E3;max-width:36em;margin:0 auto 28px}
footer{background:#071827;color:#9FB3C8;font:400 14px/1.6 var(--display);padding:40px 0 110px}
footer .wrap{display:grid;grid-template-columns:1.4fr 1fr;gap:32px}
footer a{color:#C9D6E3}
footer a:hover{color:#fff}
.flinks{display:flex;flex-wrap:wrap;gap:8px 18px;justify-content:flex-end;align-content:flex-start}
.disclaimer{grid-column:1/-1;border-top:1px solid #1C3550;padding-top:20px;font-size:13px;color:#7F93A8}

/* sticky mobile CTA */
.sticky{position:fixed;left:0;right:0;bottom:0;z-index:50;background:#fff;border-top:1px solid var(--line);box-shadow:0 -8px 24px rgba(10,31,53,.12);padding:10px 16px calc(10px + env(safe-area-inset-bottom));display:none;align-items:center;gap:12px;transform:translateY(110%);transition:transform .2s ease}
.sticky.show{transform:none}
.sticky .s-price{font:800 20px var(--display);color:var(--navy);line-height:1.1}
.sticky .s-price small{display:block;font:500 12px var(--display);color:var(--muted)}
.sticky .btn{margin-left:auto;box-shadow:0 4px 0 #B57F00;padding:12px 20px}

/* notices */
.notice{position:fixed;left:50%;bottom:96px;transform:translateX(-50%);z-index:60;width:min(560px,calc(100% - 32px));background:var(--navy-2);color:#fff;border:1px solid var(--line-dark);border-radius:14px;padding:16px 18px;font:500 15px/1.5 var(--display);box-shadow:0 20px 50px rgba(0,0,0,.35);display:flex;gap:14px;align-items:flex-start}
.notice[hidden]{display:none}
.notice button{margin-left:auto;background:none;border:0;color:#C9D6E3;font:700 22px var(--display);cursor:pointer;min-width:44px;min-height:44px;margin:-10px -10px -10px auto}
.banner{background:var(--amber-soft);color:#4A3200;font:500 14px/1.5 var(--display);padding:10px 0;border-bottom:1px solid #F1D48A}
.banner .wrap{display:flex;gap:10px;align-items:center}
.banner[hidden]{display:none}

/* ---------- responsive ---------- */
@media (max-width:1020px){
  .nav{display:none}
  .region{margin-left:auto}
  .hero .wrap,.leaks,.story,.pricing,.author{grid-template-columns:1fr}
  .hero .wrap{gap:40px;padding-top:48px;padding-bottom:64px}
  .cover-stage img{width:min(220px,60vw)}
  .sharp{grid-template-columns:repeat(2,1fr)}
  .sharp-l:last-child{grid-column:1/-1}
  .fourp,.weeks,.details{grid-template-columns:repeat(2,1fr)}
  .books,.previews{grid-template-columns:repeat(2,1fr)}
  .compare{grid-template-columns:1fr}
  .author{gap:32px}
  .author img{max-width:300px}
  .strip ul{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:760px){
  body{font-size:17px}
  .wrap{padding:0 16px}
  .topbar .wrap{gap:10px}
  .brand-text{display:none}
  .topbar .btn-sm{display:none}
  .region-label{display:none}
  .sec{padding:64px 0}
  .hero .lede{font-size:18px}
  .terminal ol{font-size:14px}
  .cover-badge{right:-8px;width:80px;height:80px;font-size:13px}
  .cover-badge b{font-size:24px}
  .sharp,.fourp,.weeks,.details,.books,.previews{grid-template-columns:1fr}
  .strip ul{grid-template-columns:repeat(2,1fr)}
  .strip li:last-child{grid-column:1/-1}
  .price-card{padding:24px 20px}
  .price-big{font-size:48px}
  footer .wrap{grid-template-columns:1fr}
  .flinks{justify-content:flex-start}
  .sticky{display:flex}
  .buy-row .btn{width:100%}
}

/* ==========================================================================
   RICH THEME — colour with a job to do
   • Deep navy  = trust and authority (the book cover's own colour)
   • Gold       = action. Reserved for "Get this eBook" so the eye finds it
   • Teal       = relief, calm, progress (time given back)
   • Coral      = the pain of a leaking week; used sparingly, never on CTAs
   • Warm ivory = approachable, easy long-form reading
   Colour/background/border/shadow only; layout lives above.
   ========================================================================== */
:root{
  --ivory:#FBF7F0; --ivory-2:#F4EDE1; --sand:#EADFCB;
  --gold-1:#FFC93C; --gold-2:#F2A900; --gold-edge:#B57F00;
  --teal-deep:#08332F; --sky:#5BB8E8;
  --paper:#FBF7F0; --line:#E6DDCF;
}
body{background:var(--ivory)}

/* hero: depth from soft light pools, not a wash */
.hero{background:
  radial-gradient(620px 420px at 82% 38%, rgba(242,169,0,.16), transparent 70%),
  radial-gradient(700px 520px at 8% 0%, rgba(43,181,150,.14), transparent 70%),
  var(--navy-2)}
.hero h1 em{color:var(--gold-1);text-shadow:0 0 32px rgba(242,169,0,.35)}
.hero .eyebrow{color:var(--teal)}
.terminal{box-shadow:0 24px 50px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.04)}
.cover-badge{background:radial-gradient(circle at 35% 30%, var(--gold-1), var(--gold-2));box-shadow:0 10px 24px rgba(242,169,0,.35)}

/* buy buttons: the only gold on the page */
.btn-buy{background:linear-gradient(180deg,var(--gold-1),var(--gold-2));box-shadow:0 6px 0 var(--gold-edge),0 14px 28px rgba(242,169,0,.28)}
.btn-buy:hover{background:linear-gradient(180deg,#FFD25E,#FFB51A);box-shadow:0 7px 0 var(--gold-edge),0 18px 34px rgba(242,169,0,.38)}
.btn-buy::after{content:"→";font-weight:800;transition:transform .15s ease}
.btn-buy:hover::after{transform:translateX(3px)}
.btn-buy.is-unavailable{background:#C9D2DB;box-shadow:0 6px 0 #A3AFBB}
.btn-sm{box-shadow:0 4px 0 var(--gold-edge),0 8px 18px rgba(242,169,0,.25)}

/* stats strip */
.strip{background:linear-gradient(90deg,#0B2540,#0E2A47 50%,#0B2E3A)}
.strip li:nth-child(even) b{color:var(--teal)}

/* problem: coral = the leak */
.bar.work .bar-fill{background:linear-gradient(90deg,#0D6E5C,var(--teal))}
.bar:not(.work) .bar-fill{background:linear-gradient(90deg,#C8442A,var(--coral))}
.bar-track{background:var(--sand)}
.pull{color:var(--navy)}
.pains li{background:#fff;border-color:#F3D5CC;box-shadow:0 1px 0 rgba(224,90,58,.08)}
.pains li svg{background:var(--coral-soft);border-radius:8px;padding:6px;width:32px;height:32px;box-sizing:border-box}

/* story: the overflowing inbox */
.story-card{background:#fff;border-color:var(--line);box-shadow:0 20px 40px rgba(14,42,71,.08);position:relative;overflow:hidden}
.story-card::before{content:"";position:absolute;inset:0 0 auto 0;height:6px;background:linear-gradient(90deg,var(--coral),var(--gold-2))}
.story-card .inbox{color:var(--coral)}
.motto{color:var(--teal-ink);border-top-color:var(--gold-2)}

/* SHARP: one formula, five steps of light */
#method{background:
  radial-gradient(800px 400px at 100% 0%, rgba(43,181,150,.14), transparent 70%),
  var(--navy-2)}
.sharp-l{background:linear-gradient(180deg,#123556,#0E2A47);border-color:#2A5279}
.sharp-l:nth-child(odd) .letter{color:var(--gold-1)}
.sharp-l:nth-child(even) .letter{color:var(--teal)}
.cmp.good{background:#fff;box-shadow:0 0 0 2px var(--teal),0 20px 40px rgba(0,0,0,.25)}

/* 4-P: each check its own colour */
.p-card{border-top:5px solid var(--teal);box-shadow:0 10px 24px rgba(14,42,71,.06)}
.p-card:nth-child(2){border-top-color:var(--gold-2)}
.p-card:nth-child(3){border-top-color:var(--coral)}
.p-card:nth-child(4){border-top-color:var(--navy)}
.p-card .num{display:inline-block;background:var(--teal-soft);color:var(--teal-ink);padding:3px 9px;border-radius:99px}
.p-card:nth-child(2) .num{background:var(--amber-soft);color:var(--amber-ink)}
.p-card:nth-child(3) .num{background:var(--coral-soft);color:#A33A1F}
.p-card:nth-child(4) .num{background:#E3EAF2;color:var(--navy)}
.motto-band{background:linear-gradient(90deg,var(--amber-soft),#FFF9EA)}

/* playbooks */
.book{position:relative;overflow:hidden;transition:transform .15s ease, box-shadow .15s ease;border-color:var(--line)}
.book::before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:var(--teal)}
.book:nth-child(3n+2)::before{background:var(--gold-2)}
.book:nth-child(3n)::before{background:var(--sky)}
.book:hover{transform:translateY(-3px);box-shadow:0 18px 36px rgba(14,42,71,.10)}
.book .n{color:var(--teal-ink)}
.book ul{border-top-color:var(--sand)}

/* look inside */
.preview img{border:0;box-shadow:0 0 0 1px rgba(255,255,255,.08),0 30px 60px rgba(0,0,0,.45)}
.preview:nth-child(2) img{transform:translateY(-14px)}

/* 30-day plan: colour warms as the habit builds */
.week{border-top:5px solid #9ED9C9}
.week:nth-child(2){border-top-color:var(--teal)}
.week:nth-child(3){border-top-color:#F6C85A}
.week:nth-child(4){border-top-color:var(--gold-2)}
.week .wk{color:var(--teal-ink)}
.week:nth-child(n+3) .wk{color:var(--amber-ink)}
.quickwin{background:linear-gradient(90deg,var(--teal-soft),#F1FAF7);border:1px solid #BFE6DA}

/* details */
.detail svg{background:var(--teal-soft);border-radius:12px;padding:8px;width:44px;height:44px;box-sizing:border-box}
.detail:nth-child(2) svg{background:var(--amber-soft);color:var(--amber-ink)}
.detail:nth-child(4) svg{background:#E3EAF2;color:var(--navy)}

/* author: warm, human */
#author{background:linear-gradient(180deg,#fff,var(--ivory)) !important;border-color:var(--line) !important}
.author img{box-shadow:16px 16px 0 var(--gold-2),0 30px 60px rgba(14,42,71,.18)}
.author blockquote{color:var(--navy)}
.chips span{background:var(--teal-soft);color:var(--teal-ink)}

/* pricing: the warm spotlight */
#pricing{background:
  radial-gradient(520px 420px at 76% 50%, rgba(242,169,0,.20), transparent 70%),
  radial-gradient(700px 500px at 0% 100%, rgba(43,181,150,.12), transparent 70%),
  var(--navy-2)}
.price-card{border-top:6px solid var(--gold-2);box-shadow:0 0 0 1px rgba(242,169,0,.25),0 40px 80px rgba(0,0,0,.45)}
.price-big{color:var(--navy)}
.seg button[aria-pressed="true"]{background:var(--navy);border-color:var(--navy);box-shadow:0 0 0 3px rgba(43,181,150,.35)}
.includes svg{color:var(--teal)}

/* faq */
.faq details{border-bottom-color:var(--line)}
.faq details[open]{background:#fff;border-radius:12px;padding:6px 18px;margin:8px -18px;box-shadow:0 10px 24px rgba(14,42,71,.06);border-bottom-color:transparent}
.faq summary:hover{color:var(--teal-ink)}

/* final call to action */
.final{background:
  radial-gradient(600px 300px at 50% 100%, rgba(242,169,0,.18), transparent 70%),
  linear-gradient(180deg,#0A1F35,#08332F)}
.final .eyebrow{color:var(--teal)}

footer{background:#06141F}
.sticky{background:#fff;border-top:3px solid var(--gold-2)}
@media (max-width:760px){
  .faq details[open]{margin:8px -10px;padding:6px 10px}
  .author img{box-shadow:10px 10px 0 var(--gold-2),0 20px 40px rgba(14,42,71,.18)}
  .preview:nth-child(2) img{transform:none}
}
@media (prefers-reduced-motion:reduce){.book,.btn-buy::after{transition:none}}
#downloadBtn::after{content:none}
/* section labels keep their accent colour */
.sec-head .eyebrow{color:var(--amber-ink)}
.dark .sec-head .eyebrow,.pricing .copy .eyebrow{color:var(--gold-1)}

/* ---------- confirm country & currency (before Razorpay) ---------- */
.rc{border:0;border-radius:18px;padding:28px 26px 22px;width:min(460px,calc(100% - 32px));color:var(--ink);background:#fff;box-shadow:0 30px 80px rgba(6,20,31,.45);border-top:6px solid var(--gold-2)}
.rc::backdrop{background:rgba(6,20,31,.6);backdrop-filter:blur(3px)}
.rc h2{font-size:24px;color:var(--navy)}
.rc-sub{font:400 15px/1.5 var(--display);color:var(--ink-2);margin:8px 0 16px}
.rc-list{border:0;margin:0;padding:0;display:grid;gap:8px}
.rc-row{display:flex;align-items:center;gap:12px;border:1.5px solid var(--line);border-radius:12px;padding:12px 14px;min-height:52px;cursor:pointer;font:600 16px var(--display)}
.rc-row:has(input:checked){border-color:var(--navy);background:#F3F6FA;box-shadow:0 0 0 3px rgba(43,181,150,.25)}
.rc-row input{width:18px;height:18px;accent-color:var(--navy);margin:0}
.rc-name{flex:1}
.rc-price{font-weight:800;color:var(--navy)}
.rc-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:18px}
.rc-actions .btn{flex:1 1 220px}
.rc-cancel{background:none;border:0;font:600 15px var(--display);color:var(--ink-2);padding:12px 14px;min-height:44px;cursor:pointer}
.rc-cancel:hover{color:var(--navy)}
.rc-note{font:400 12px var(--display);color:var(--muted);margin-top:12px}

/* ==========================================================================
   WHITE THEME (Oct 2026) — clean white pages, navy type, green + gold accents.
   Matches the white book cover. Overrides the colour rules above; layout unchanged
   except where noted (3D cover, two-plan pricing, toolkit section, mobile header).
   ========================================================================== */
:root{ --green:#11875D; --green-soft:#E6F4EE; --paper:#FFFFFF; --line:#E3E8EE; --ivory:#FFFFFF; }
body{background:#fff}

/* header */
.topbar{background:rgba(255,255,255,.96);color:var(--navy);border-bottom:1px solid var(--line);box-shadow:0 1px 0 rgba(14,42,71,.03)}
.brand,.brand:hover{color:var(--navy)}
.brand-mark{color:var(--green)}
.nav a{color:var(--ink-2)}
.nav a:hover{color:var(--navy)}
.region{color:var(--ink-2)}
.region select{color:var(--navy);background-color:#F4F7FA;border-color:var(--line)}

/* hero */
.hero{background:
  radial-gradient(560px 420px at 80% 40%, rgba(17,135,93,.10), transparent 70%),
  radial-gradient(640px 460px at 0% 0%, rgba(242,169,0,.05), transparent 70%),
  #fff;color:var(--navy)}
.hero::before{background-image:radial-gradient(#DCE4EC 1.2px,transparent 1.2px);opacity:.9}
.hero h1{color:var(--navy)}
.hero h1 em{color:var(--green);text-shadow:none}
.hero .eyebrow{color:var(--green)}
.hero .lede{color:var(--ink-2)}
.terminal{background:#fff;border:1.5px solid var(--line);box-shadow:0 18px 40px rgba(14,42,71,.08)}
.terminal-bar{background:#F2F5F8;color:#7D8C9C;border-bottom:1px solid var(--line)}
.terminal ol{color:var(--ink)}
.terminal li::before{color:var(--green)}
.terminal li.hl{color:#B07700}
.price-inline .amount{color:var(--navy)}
.price-inline .meta{color:var(--muted)}
.hero-facts{color:var(--ink-2)}
.hero-facts svg{color:var(--green)}
.upsell{margin-top:16px;font:500 15px var(--display);color:var(--ink-2)}
.upsell a{color:var(--green);font-weight:700}

/* 3D book */
.cover-stage{padding:10px 26px 30px}
.book3d{position:relative;perspective:1700px;width:min(330px,100%);margin:0 auto}
.book3d-inner{position:relative;transform-style:preserve-3d;transform:rotateY(-26deg) rotateX(5deg);transition:transform .6s ease}
.book3d:hover .book3d-inner{transform:rotateY(-14deg) rotateX(3deg)}
.book3d-inner img{position:relative;width:100%;border-radius:2px 7px 7px 2px;transform:translateZ(16px);box-shadow:0 0 0 1px rgba(14,42,71,.08);backface-visibility:hidden}
.book3d-inner::after{content:"";position:absolute;inset:0;border-radius:2px 7px 7px 2px;background:#E9EEF3;transform:translateZ(-16px);box-shadow:24px 30px 50px rgba(14,42,71,.28),6px 8px 14px rgba(14,42,71,.15)}
.book3d-pages{position:absolute;top:1.2%;height:97.6%;width:32px;left:calc(100% - 16px);transform:rotateY(90deg);
  background:repeating-linear-gradient(90deg,#FFFFFF 0 2px,#E6EBF0 2px 3px);box-shadow:inset 0 0 6px rgba(14,42,71,.12)}
.book3d-gloss{position:absolute;inset:0;transform:translateZ(16.5px);border-radius:2px 7px 7px 2px;pointer-events:none;
  background:linear-gradient(90deg,rgba(14,42,71,.22) 0,rgba(14,42,71,.06) 3%,rgba(255,255,255,0) 7%,rgba(255,255,255,.0) 60%,rgba(255,255,255,.28) 78%,rgba(255,255,255,0) 92%)}
.book3d-shadow{position:absolute;left:8%;right:-4%;bottom:-26px;height:30px;border-radius:50%;background:radial-gradient(closest-side,rgba(14,42,71,.28),rgba(14,42,71,0))}
.cover-stage img{box-shadow:none}
@media (prefers-reduced-motion:reduce){.book3d-inner{transition:none}}

/* stats strip */
.strip{background:#F4F7FA;color:var(--navy);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.strip li{color:var(--ink-2)}
.strip b{color:var(--navy)}
.strip li:nth-child(odd) b{color:#B07700}
.strip li:nth-child(even) b{color:var(--green)}

/* former dark sections become light */
.dark{background:#F6F8FA;color:var(--ink)}
.dark .sec-head p{color:var(--ink-2)}
.dark .eyebrow,.dark .sec-head .eyebrow{color:var(--amber-ink)}
#method{background:radial-gradient(800px 400px at 100% 0%, rgba(17,135,93,.08), transparent 70%),#F6F8FA}
.sharp-l{background:#fff;border:1px solid var(--line);box-shadow:0 10px 24px rgba(14,42,71,.05)}
.sharp-l h3{color:var(--navy)}
.sharp-l p{color:var(--ink-2)}
.sharp-l:nth-child(odd) .letter{color:#D69300}
.sharp-l:nth-child(even) .letter{color:var(--green)}
.cmp.vague{background:#EEF2F6;color:var(--ink-2)}
.cmp.vague .k{color:#C8442A}
.cmp.good{background:#fff;box-shadow:0 0 0 2px var(--green),0 16px 32px rgba(14,42,71,.08)}
.preview img{box-shadow:0 0 0 1px var(--line),0 24px 48px rgba(14,42,71,.14)}
.preview figcaption{color:var(--ink-2)}
.preview figcaption b{color:var(--navy)}
#author{background:#fff !important}
.final{background:radial-gradient(600px 300px at 50% 100%, rgba(242,169,0,.14), transparent 70%),linear-gradient(180deg,#F6F8FA,#EEF5F1);color:var(--navy)}
.final p{color:var(--ink-2)}
.final .eyebrow{color:var(--green)}
.final .price-inline .amount{color:var(--navy)}

/* toolkit */
.toolkit{background:#fff}
.tk-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.tk{background:#fff;border:1px solid var(--line);border-top:5px solid var(--green);border-radius:var(--radius);padding:24px;box-shadow:0 10px 24px rgba(14,42,71,.05)}
.tk:nth-child(2){border-top-color:var(--gold-2)}
.tk:nth-child(3){border-top-color:#2F6FDB}
.tk:nth-child(4){border-top-color:var(--navy)}
.tk .tk-n{font:800 40px/1 var(--display);color:var(--navy)}
.tk h3{font-size:19px;margin:10px 0 8px;color:var(--navy)}
.tk p{font-size:15px;line-height:1.55;color:var(--ink-2)}
.tk-foot{margin-top:18px;font:500 14px var(--display);color:var(--muted)}

/* pricing: two plans */
#pricing{background:radial-gradient(600px 380px at 85% 30%, rgba(242,169,0,.10), transparent 70%),radial-gradient(600px 380px at 0% 100%, rgba(17,135,93,.08), transparent 70%),#F6F8FA;color:var(--ink)}
.pricing-head{max-width:820px}
.pricing-head .seg{margin:22px 0 0}
.plans{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:stretch}
.plan{position:relative;background:#fff;border:1.5px solid var(--line);border-radius:20px;padding:30px;display:flex;flex-direction:column;box-shadow:0 16px 36px rgba(14,42,71,.07)}
.plan-best{border:2px solid var(--green);box-shadow:0 0 0 4px rgba(17,135,93,.10),0 22px 44px rgba(14,42,71,.10)}
.plan-flag{position:absolute;top:-14px;right:22px;background:var(--green);color:#fff;font:700 12px var(--display);letter-spacing:.08em;text-transform:uppercase;padding:6px 12px;border-radius:99px}
.plan-name{font:800 20px var(--display);color:var(--navy);margin-bottom:12px}
.plan .price-big{font-size:52px}
.plan-desc{font:500 15px/1.5 var(--display);color:var(--ink-2);margin-top:10px}
.plan .btn{width:100%;margin-top:20px}
.plan .includes{margin-top:22px}
.plan .includes svg{color:var(--green)}
.plan-notes{max-width:820px;margin-top:20px}
.plan-notes .secure{margin-top:10px}

/* footer */
footer{background:#F1F4F7;color:var(--ink-2);border-top:1px solid var(--line)}
footer a{color:var(--navy)}
footer a:hover{color:var(--green)}
footer p[style*="color:#fff"]{color:var(--navy) !important}
.disclaimer{border-top-color:var(--line);color:var(--muted)}

@media (max-width:1020px){
  .tk-grid{grid-template-columns:repeat(2,1fr)}
  .book3d{width:min(240px,62vw)}
}
@media (max-width:760px){
  /* keep the buy button in the header on phones */
  .topbar .btn-sm{display:inline-flex;font-size:14px;padding:9px 12px;min-height:40px;white-space:nowrap}
  .topbar .btn-sm::after{content:none}
  .region select{max-width:128px;font-size:13px;padding:7px 26px 7px 10px}
  .region svg{display:none}
  .plans,.tk-grid{grid-template-columns:1fr}
  .plan{padding:24px 20px}
  .plan .price-big{font-size:44px}
  .cover-stage{padding:0 10px 24px}
}
@media (max-width:380px){
  .brand-mark{display:none}
  .topbar .btn-sm{padding:9px 10px}
}

/* ==========================================================================
   BOOK SPOTLIGHT THEME (Oct 2026)
   White cover on a deep-navy stage = the book is the brightest thing on screen.
   • Navy  #0E2A47  trust, used for alternating bands so white cards and the book pop
   • Gold  #FFC93C→#F2A900  the ONLY call-to-action colour (high contrast on white and navy)
   • Green #11875D  progress / "time back", matches the cover
   • Mint  #EAF6F0 and cool grey #F3F6FA  soft section tints between bands
   ========================================================================== */

/* hero: white copy side, navy spotlight stage behind the book */
.hero{background:linear-gradient(100deg,#FFFFFF 0%,#FFFFFF 52%,#F3F6FA 100%)}
.hero::before{opacity:.6}
.cover-stage{position:relative;padding:56px 44px 64px;isolation:isolate}
.cover-stage::before{content:"";position:absolute;inset:0;z-index:-2;border-radius:34px;
  background:radial-gradient(closest-side at 50% 42%,rgba(43,181,150,.45),rgba(43,181,150,0) 70%),
             radial-gradient(420px 260px at 85% 100%,rgba(242,169,0,.28),rgba(242,169,0,0) 70%),
             linear-gradient(160deg,#16446E 0%,#0E2A47 45%,#081A2C 100%);
  box-shadow:0 34px 70px rgba(14,42,71,.30)}
.cover-stage::after{content:"";position:absolute;inset:0;z-index:-1;border-radius:34px;
  background-image:radial-gradient(rgba(255,255,255,.16) 1.2px,transparent 1.2px);background-size:20px 20px;
  -webkit-mask-image:radial-gradient(circle at 50% 45%,transparent 35%,#000 80%);mask-image:radial-gradient(circle at 50% 45%,transparent 35%,#000 80%)}
.cover-stage .book3d-inner::after{background:#DDE4EC;box-shadow:26px 34px 60px rgba(0,0,0,.55),8px 10px 18px rgba(0,0,0,.35)}
.cover-stage .book3d-shadow{background:radial-gradient(closest-side,rgba(0,0,0,.55),rgba(0,0,0,0))}
.cover-stage .book3d-inner img{box-shadow:0 0 0 1px rgba(255,255,255,.6)}
.cover-badge{right:-14px;top:22px;box-shadow:0 12px 28px rgba(0,0,0,.35)}
.hero .btn-buy{font-size:18px;padding:18px 30px}

/* strip: a navy band right under the hero */
.strip{background:linear-gradient(90deg,#0B2540,#0E2A47 55%,#0D3A3A);color:#fff;border:0}
.strip li{color:#AFC2D4}
.strip b{color:#fff}
.strip li:nth-child(odd) b{color:var(--gold-1)}
.strip li:nth-child(even) b{color:#5FD3B3}

/* navy bands (SHARP, pricing, final CTA) */
.band-navy{background:radial-gradient(700px 380px at 100% 0%,rgba(43,181,150,.16),transparent 70%),
  radial-gradient(600px 360px at 0% 100%,rgba(242,169,0,.12),transparent 70%),#0E2A47 !important;color:#fff}
.band-navy .sec-head h2,.band-navy h2{color:#fff}
.band-navy .sec-head p,.band-navy > .wrap > p{color:#C9D6E3}
.band-navy .eyebrow,.band-navy .sec-head .eyebrow{color:var(--gold-1)}
#method .sharp-l{background:linear-gradient(180deg,#143A60,#0F2F4F);border-color:#2A5279;box-shadow:none}
#method .sharp-l h3{color:#fff}
#method .sharp-l p{color:#C9D6E3}
#method .sharp-l:nth-child(odd) .letter{color:var(--gold-1)}
#method .sharp-l:nth-child(even) .letter{color:#5FD3B3}
#method .cmp.vague{background:#17344F;color:#AFC2D4}
#method .cmp.vague .k{color:#F0A08C}
#method .cmp.good{background:#fff;color:var(--ink);box-shadow:0 0 0 3px #2BB596,0 24px 48px rgba(0,0,0,.3)}

/* soft tints between bands */
.band-mint{background:#EAF6F0 !important}
.band-mint .preview figcaption{color:var(--ink-2)}
.band-mint .preview img{box-shadow:0 0 0 1px rgba(14,42,71,.08),0 26px 50px rgba(14,42,71,.18)}
.toolkit{background:#F3F6FA}
#why{background:#fff}
.details{position:relative}

/* pricing on navy: white cards pop, best value glows */
#pricing .pricing-head h2{color:#fff}
#pricing .pricing-head p{color:#C9D6E3}
#pricing .seg button{background:rgba(255,255,255,.08);color:#E6EEF5;border-color:rgba(255,255,255,.22)}
#pricing .seg button[aria-pressed="true"]{background:#fff;color:var(--navy);border-color:#fff;box-shadow:0 0 0 3px rgba(255,201,60,.55)}
#pricing .plan{border:0;box-shadow:0 26px 60px rgba(0,0,0,.35)}
#pricing .plan-best{box-shadow:0 0 0 3px var(--gold-2),0 30px 70px rgba(0,0,0,.45)}
#pricing .plan-flag{background:linear-gradient(180deg,var(--gold-1),var(--gold-2));color:var(--navy-2)}
#pricing .plan-notes .price-note,#pricing .plan-notes .secure{color:#AFC2D4}
#pricing .fallback-note{color:#5A3B00}
.plan-head{display:flex;align-items:center;gap:16px;margin-bottom:14px}
.plan-head .plan-name{margin:0}
.plan-cover{width:62px;height:auto;border-radius:2px 5px 5px 2px;box-shadow:0 0 0 1px rgba(14,42,71,.10),6px 10px 18px rgba(14,42,71,.22);transform:perspective(600px) rotateY(-14deg)}
.plan-bundle{position:relative;display:inline-block;width:96px;height:96px;flex:none}
.plan-bundle .plan-cover{position:absolute;left:0;top:0;width:62px}
.plan-bundle .file{position:absolute;font:800 9px var(--display);letter-spacing:.06em;color:#fff;padding:4px 6px;border-radius:5px;box-shadow:0 6px 12px rgba(14,42,71,.25)}
.f-xls{right:0;top:10px;background:#1D7A47}
.f-doc{right:6px;top:38px;background:#2F6FDB}
.f-zip{right:14px;top:66px;background:#B07700}

/* final CTA: the book again, beside the button */
.final{text-align:left;padding:80px 0}
.final-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:56px;align-items:center}
.final h2{margin:12px 0 14px;max-width:none;color:#fff}
.final p{margin:0 0 26px;color:#C9D6E3;max-width:34em}
.final .buy-row{justify-content:flex-start}
.final .price-inline .amount{color:#fff}
.final .price-inline .meta{color:#AFC2D4}
.final-alt{margin:18px 0 0 !important;font:500 15px var(--display)}
.final-alt a{color:var(--gold-1)}
.book3d-sm{width:min(230px,70%)}
.final-book .book3d-inner::after{box-shadow:22px 28px 50px rgba(0,0,0,.55)}
.final-book .book3d-shadow{background:radial-gradient(closest-side,rgba(0,0,0,.5),rgba(0,0,0,0))}

/* CTA: gold, bigger, with a soft pulse of light on navy */
.btn-buy{color:var(--navy-2)}
.band-navy .btn-buy{box-shadow:0 6px 0 var(--gold-edge),0 16px 36px rgba(255,201,60,.35)}

@media (max-width:1020px){
  .cover-stage{padding:40px 24px 48px;max-width:420px;width:100%}
  .final-grid{grid-template-columns:1fr;gap:28px;text-align:center}
  .final .buy-row{justify-content:center}
  .final p{margin-left:auto;margin-right:auto}
}
@media (max-width:760px){
  .cover-stage{padding:34px 18px 42px}
  .cover-stage::before,.cover-stage::after{border-radius:24px}
  .final-book{display:none}
  .plan-cover{width:52px}
}
.hero-benefits{list-style:none;margin:26px 0 30px;padding:0;display:grid;gap:12px;max-width:34em}
.hero-benefits li{display:flex;gap:12px;align-items:flex-start;font:500 17px/1.45 var(--display);color:var(--ink-2)}
.hero-benefits b{color:var(--navy)}
.hero-benefits svg{flex:none;color:#fff;background:var(--green);border-radius:50%;padding:4px;width:26px;height:26px;margin-top:-1px}
@media (max-width:760px){.hero-benefits li{font-size:16px}}
@media (max-width:760px){
  .hero .wrap{gap:28px;padding-top:24px}
  .cover-stage{order:-1;max-width:320px;margin:0 auto;padding:26px 30px 34px}
  .cover-stage .book3d{width:min(200px,56vw)}
  .cover-badge{width:72px;height:72px;right:-6px;top:10px}
  .cover-badge b{font-size:22px}
}

/* ==========================================================================
   BOOKSHOP THEME (Oct 2026) — warm cream pages, forest-green type and borders,
   serif headings, bordered product cards and pale label pills. No navy.
   This block is last on purpose: it overrides the white / spotlight blocks above.
   ========================================================================== */
:root{
  --cream:#F6F3E9; --cream-2:#FBFAF5; --sand:#EEE9DA; --sand-2:#E7E0CC;
  --forest:#1E3A2A; --forest-2:#24533A; --leaf:#2E7D32; --leaf-soft:#E5F0E3;
  --ink:#22302A; --ink-2:#45524B; --muted:#6A756E; --line:#D8D0BA;
  --gold-1:#E0B33A; --gold-2:#C9961B;
  --paper:#F6F3E9; --navy:#1E3A2A; --navy-2:#1E3A2A;
}
body{background:var(--cream);color:var(--ink)}
h1,h2,.sec-head h2,.hero h1,.final h2,.author h2,.pricing-head h2{font-family:var(--serif);font-weight:600;letter-spacing:-.01em;color:var(--forest)}
.eyebrow,.sec-head .eyebrow,.hero .eyebrow,.dark .eyebrow{color:var(--leaf)}
a{color:var(--forest-2)}

/* header */
.topbar{background:rgba(246,243,233,.97);border-bottom:1px solid var(--line);box-shadow:none}
.brand,.brand:hover{color:var(--forest);font-family:var(--serif);font-weight:600;font-size:19px}
.brand-mark{color:var(--leaf)}
.brand-mark b{color:var(--gold-2)}
.nav a{color:var(--forest)}
.nav a:hover{color:var(--leaf)}
.region{color:var(--forest)}
.region select{background-color:var(--cream-2);color:var(--forest);border:1.5px solid var(--forest)}

/* buttons: solid forest green (primary), outline (secondary) */
.btn-buy,.btn-buy:hover{color:#fff}
.btn-buy{background:var(--forest-2);border:1.5px solid var(--forest);border-radius:8px;box-shadow:0 3px 0 #13261B}
.btn-buy:hover{background:var(--forest);transform:translateY(-1px)}
.btn-buy:active{transform:translateY(2px);box-shadow:0 1px 0 #13261B}
.btn-sm,.band-navy .btn-buy,.hero .btn-buy{box-shadow:0 3px 0 #13261B}
.sticky .btn{box-shadow:0 3px 0 #13261B}
.btn-buy.is-unavailable{background:#C9C3B2;border-color:#B4AD99;color:#4A4A40;box-shadow:none}

/* hero */
.hero{background:var(--cream);color:var(--forest)}
.hero::before{display:none}
.hero h1{color:var(--forest)}
.hero h1 em{color:var(--leaf)}
.hero .lede,.hero-benefits li{color:var(--ink-2)}
.hero-benefits b{color:var(--forest)}
.hero-benefits svg{background:var(--leaf)}
.price-inline .amount{color:var(--forest)}
.upsell a{color:var(--leaf)}
.hero-facts svg{color:var(--leaf)}

/* book "product card": beige image area, thin forest border, pale pill */
.cover-stage{padding:44px 40px 52px;background:var(--sand);border:1.5px solid var(--forest);border-radius:10px}
.cover-stage::before,.cover-stage::after{display:none}
.cover-pill{position:absolute;top:14px;right:14px;z-index:2;background:var(--cream-2);color:var(--forest);font:600 14px var(--display);padding:6px 14px;border-radius:99px;box-shadow:0 1px 0 rgba(30,58,42,.08)}
.cover-stage .book3d-inner::after{background:#E2DCCB;box-shadow:20px 26px 44px rgba(30,58,42,.30),6px 8px 14px rgba(30,58,42,.18)}
.cover-stage .book3d-shadow{background:radial-gradient(closest-side,rgba(30,58,42,.30),rgba(30,58,42,0))}
.cover-stage .book3d-inner img{box-shadow:0 0 0 1px rgba(30,58,42,.12)}

/* stats strip */
.strip{background:var(--sand);color:var(--forest);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.strip li{color:var(--ink-2)}
.strip b,.strip li:nth-child(odd) b,.strip li:nth-child(even) b{color:var(--forest);font-family:var(--serif);font-weight:600}

/* bands: cream / lighter cream / sand — no dark bands */
.band-navy,.dark,.final{background:var(--cream-2) !important;color:var(--ink)}
.band-navy .sec-head h2,.band-navy h2,.final h2,#pricing .pricing-head h2{color:var(--forest)}
.band-navy .sec-head p,.band-navy > .wrap > p,.dark .sec-head p,#pricing .pricing-head p,.final p{color:var(--ink-2)}
.band-navy .eyebrow,.band-navy .sec-head .eyebrow,.final .eyebrow{color:var(--leaf)}
.band-mint{background:var(--sand) !important}
.toolkit{background:var(--cream)}
#why,#author,.toolkit + section{background:var(--cream) !important}
#pricing{background:var(--sand) !important}

/* cards everywhere: product-card style */
.sharp-l,#method .sharp-l,.p-card,.book,.week,.detail,.tk,.pains li,.story-card{background:var(--cream-2);border:1.5px solid var(--forest);border-radius:8px;box-shadow:none}
.p-card,.week,.tk{border-top-width:1.5px}
#method .sharp-l h3,.sharp-l h3{color:var(--forest)}
#method .sharp-l p,.sharp-l p{color:var(--ink-2)}
#method .sharp-l .letter,.sharp-l .letter{color:var(--leaf) !important;font-family:var(--serif)}
#method .cmp.vague,.cmp.vague{background:var(--sand);color:var(--ink-2)}
#method .cmp.vague .k{color:#A33A1F}
#method .cmp.good,.cmp.good{background:var(--cream-2);color:var(--ink);box-shadow:none;border:1.5px solid var(--leaf)}
.cmp.good b{color:var(--leaf)}
.book::before,.story-card::before{display:none}
.book .n,.p-card .num,.week .wk{color:var(--leaf)}
.p-card .num,.p-card:nth-child(n) .num{background:var(--leaf-soft);color:var(--leaf)}
.book li span{color:var(--gold-2)}
.tk .tk-n{color:var(--forest);font-family:var(--serif)}
.detail svg,.detail:nth-child(n) svg{background:var(--leaf-soft);color:var(--leaf)}
.pains li svg{background:#F6E3DC;color:#A33A1F}
.story-card .inbox{color:#A33A1F;font-family:var(--serif)}
.bar-track{background:var(--sand-2)}
.bar.work .bar-fill{background:var(--leaf)}
.bar:not(.work) .bar-fill{background:#B5532F}
.pull{color:var(--forest)}
.motto{color:var(--leaf);border-top-color:var(--gold-2)}
.quickwin{background:var(--leaf-soft);border:1.5px solid var(--leaf)}
.quickwin b{color:var(--leaf)}
.preview img,.band-mint .preview img{border:1.5px solid var(--forest);border-radius:6px;box-shadow:none}
.preview figcaption b{color:var(--forest)}
.author img{box-shadow:12px 12px 0 var(--sand-2);border:1.5px solid var(--forest)}
.author blockquote{color:var(--forest)}
.author blockquote .q{color:var(--gold-2)}
.chips span{background:var(--leaf-soft);color:var(--leaf)}
.roles{color:var(--leaf)}

/* pricing: product cards with green SALE-style badge */
#pricing .seg button,.seg button{background:var(--cream-2);color:var(--forest);border:1.5px solid var(--forest)}
#pricing .seg button[aria-pressed="true"],.seg button[aria-pressed="true"]{background:var(--forest);color:#fff;border-color:var(--forest);box-shadow:none}
#pricing .plan,.plan{background:var(--cream-2);border:1.5px solid var(--forest);border-radius:10px;box-shadow:none}
#pricing .plan-best,.plan-best{border:2.5px solid var(--leaf);box-shadow:0 10px 26px rgba(30,58,42,.12)}
#pricing .plan-flag,.plan-flag{background:var(--leaf);color:#fff;border-radius:6px;letter-spacing:.06em}
.plan-name{color:var(--forest);font-family:var(--serif);font-weight:600}
.price-big,.plan .price-big{color:var(--forest);font-family:var(--serif);font-weight:600}
.plan .includes svg,.includes svg{color:var(--leaf)}
#pricing .plan-notes .price-note,#pricing .plan-notes .secure{color:var(--ink-2)}
.plan-cover{box-shadow:0 0 0 1px rgba(30,58,42,.15),5px 8px 14px rgba(30,58,42,.18)}

/* FAQ */
.faq summary{color:var(--forest)}
.faq summary::after{color:var(--leaf)}
.faq details[open]{background:var(--cream-2);border:1.5px solid var(--forest)}
.faq-group{color:var(--leaf)}

/* final call to action */
.final{border-top:1px solid var(--line)}
.final .price-inline .amount{color:var(--forest)}
.final .price-inline .meta{color:var(--muted)}
.final-alt a{color:var(--leaf)}
.final-book .book3d-inner::after{background:#E2DCCB;box-shadow:18px 24px 40px rgba(30,58,42,.28)}
.final-book .book3d-shadow{background:radial-gradient(closest-side,rgba(30,58,42,.28),rgba(30,58,42,0))}

/* footer + sticky bar */
footer{background:var(--sand);color:var(--ink-2);border-top:1px solid var(--line)}
footer a{color:var(--forest)}
footer p[style*="color:#0E2A47"]{color:var(--forest) !important}
.disclaimer{border-top-color:var(--line)}
.sticky{background:var(--cream-2);border-top:2px solid var(--forest)}
.sticky .s-price{color:var(--forest);font-family:var(--serif)}
.notice{background:var(--forest);border-color:var(--forest)}
.rc{border-top:5px solid var(--leaf);background:var(--cream-2)}
.rc h2{color:var(--forest)}
.rc-row{border-color:var(--line);background:#fff}
.rc-row:has(input:checked){border-color:var(--forest);background:var(--leaf-soft);box-shadow:none}
.rc-row input{accent-color:var(--forest)}

@media (max-width:760px){
  .cover-stage{padding:30px 24px 38px;border-radius:8px}
  .cover-pill{font-size:12px;padding:5px 11px;top:10px;right:10px}
}

/* ---------- toolkit offer: bigger, bolder (Oct 2026) ---------- */
.upsell-card{display:grid;grid-template-columns:1fr auto;gap:6px 18px;align-items:center;position:relative;margin:22px 0 4px;max-width:560px;
  background:var(--cream-2);border:2.5px solid var(--leaf);border-radius:12px;padding:20px 22px 18px;text-decoration:none;color:var(--forest);
  box-shadow:0 10px 24px rgba(30,58,42,.10);transition:transform .15s ease, box-shadow .15s ease}
.upsell-card:hover{transform:translateY(-2px);box-shadow:0 16px 32px rgba(30,58,42,.16);color:var(--forest)}
.uc-flag{position:absolute;top:-13px;left:18px;background:var(--leaf);color:#fff;font:800 11.5px var(--display);letter-spacing:.08em;text-transform:uppercase;padding:5px 10px;border-radius:6px}
.uc-title{display:block;font:700 21px/1.2 var(--serif);color:var(--forest)}
.uc-sub{display:block;margin-top:6px;font:500 14px/1.45 var(--display);color:var(--ink-2)}
.uc-price{text-align:right;white-space:nowrap}
.uc-price b{display:block;font:700 38px/1 var(--serif);color:var(--leaf)}
.uc-price small{display:block;margin-top:4px;font:600 12.5px var(--display);color:var(--ink-2)}

.tk-hero{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:start;margin-bottom:44px}
.tk-hero h2{font-size:clamp(32px,3.8vw,46px);margin:12px 0 16px}
.tk-lede{font-size:19px;color:var(--ink-2);max-width:34em}
.tk-offer{display:flex;flex-wrap:wrap;align-items:center;gap:18px 24px;margin-top:26px;background:var(--cream-2);border:2.5px solid var(--leaf);border-radius:14px;padding:22px 24px}
.tk-price-box{display:flex;flex-direction:column;gap:2px;min-width:200px;flex:1 1 220px}
.tk-price-label{font:800 12px var(--display);letter-spacing:.1em;text-transform:uppercase;color:var(--leaf)}
.tk-price{font:700 54px/1 var(--serif);color:var(--forest)}
.tk-price-note{font:500 14px/1.45 var(--display);color:var(--ink-2)}
.tk-price-note b{color:var(--leaf)}
.btn-lg{font-size:19px;padding:18px 30px;min-height:58px}
.tk-steps{list-style:none;margin:0;padding:0;display:grid;gap:12px;counter-reset:st}
.tk-steps li{counter-increment:st;position:relative;background:var(--cream-2);border:1.5px solid var(--forest);border-radius:10px;padding:16px 18px 16px 64px}
.tk-steps li::before{content:counter(st);position:absolute;left:16px;top:16px;width:34px;height:34px;border-radius:50%;background:var(--leaf);color:#fff;font:700 17px/34px var(--display);text-align:center}
.tk-steps b{display:block;font:700 18px var(--display);color:var(--forest)}
.tk-steps span{display:block;font:400 15px/1.5 var(--display);color:var(--ink-2);margin-top:2px}

.tk-detail{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:44px;align-items:start}
.tk-h3{font:700 24px var(--serif);color:var(--forest);margin-bottom:16px}
.tk-files{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.tk-files li{display:flex;align-items:center;gap:10px;background:var(--cream-2);border:1px solid var(--line);border-radius:8px;padding:10px 12px;font:600 14.5px/1.3 var(--display);color:var(--forest)}
.ft{flex:none;font:800 9.5px var(--display);letter-spacing:.06em;color:#fff;padding:4px 6px;border-radius:4px}
.ft-x{background:#1D7A47}
.ft-w{background:#2F6FDB}
.cmp-table{width:100%;border-collapse:separate;border-spacing:0;background:var(--cream-2);border:1.5px solid var(--forest);border-radius:10px;overflow:hidden;font-family:var(--display)}
.cmp-table th,.cmp-table td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:center;font-size:14.5px}
.cmp-table tbody th{text-align:left;font-weight:500;color:var(--ink)}
.cmp-table thead th{font:700 15px/1.3 var(--display);color:var(--forest);background:var(--sand)}
.cmp-table thead th span{display:block;font:700 20px var(--serif);margin-top:2px}
.cmp-table thead th.best{background:var(--leaf);color:#fff}
.cmp-table td:last-child{background:rgba(46,125,50,.06)}
.cmp-table tr:last-child th,.cmp-table tr:last-child td{border-bottom:0}
.cmp-table .yes svg{color:var(--leaf)}
.cmp-table .no{color:#B0A994;font-weight:700}
.btn-block{width:100%;margin-top:16px}
.plan-save{margin-top:6px;font:700 15px var(--display);color:var(--leaf)}
.tk-foot{margin-top:24px}

@media (max-width:1020px){
  .tk-hero,.tk-detail{grid-template-columns:1fr;gap:28px}
}
@media (max-width:760px){
  .upsell-card{grid-template-columns:1fr;padding:20px 18px 16px}
  .uc-price{text-align:left}
  .uc-price b{display:inline;font-size:34px;margin-right:8px}
  .uc-price small{display:inline}
  .tk-price{font-size:46px}
  .tk-offer .btn{width:100%}
  .tk-files{grid-template-columns:1fr}
  .cmp-table th,.cmp-table td{padding:10px 8px;font-size:13.5px}
  .cmp-table thead th span{font-size:17px}
}