:root{
  --walnut:#2e1e12; --walnut2:#3d2817; --wood:#5a3a22;
  --paper:#f7f0e2; --paper2:#efe4cf; --card:#fffaf0;
  --ink:#2a1c11; --muted:#5e4a38;
  --red:#a8262b; --red2:#8c1d22; --brass:#c9a061; --cream:#f3e6c8;
  --line:#dccbad; --radius:10px;
  --shadow:0 10px 30px rgba(40,22,10,.18);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:400 18px/1.62 "Source Sans 3",system-ui,sans-serif}
img{max-width:100%;height:auto;display:block}
h1,h2,h3{font-family:Lora,Georgia,serif;line-height:1.18;margin:0 0 .5em;color:var(--ink)}
h2{font-size:clamp(28px,6.4vw,42px);font-weight:700}
h3{font-size:21px;font-weight:600}
p{margin:0 0 1em}
a{color:var(--red)}
.ap-wrap{width:100%;max-width:1120px;margin:0 auto;padding:0 18px}
.ap-narrow{max-width:760px}
.ap-center{text-align:center}
.ap-sec{padding:64px 0}
.ap-kicker{font:700 13px/1.3 "Source Sans 3",sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--red);margin:0 0 10px}
.ap-k-light{color:var(--brass)}
.ap-lead{font-size:20px;color:var(--muted);max-width:720px}

/* buttons */
.ap-btn{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:60px;padding:14px 30px;border-radius:12px;
  background:linear-gradient(180deg,#b92e33,var(--red2));color:#fff;text-decoration:none;font:700 21px/1.15 "Source Sans 3",sans-serif;
  box-shadow:0 6px 0 #5f1216,0 12px 24px rgba(120,20,25,.3);border:0;text-align:center;transition:transform .12s, box-shadow .12s;max-width:100%}
.ap-btn small{font-weight:600;font-size:15px;opacity:.92}
.ap-btn:active{transform:translateY(4px);box-shadow:0 2px 0 #5f1216,0 6px 14px rgba(120,20,25,.3)}
.ap-btn-big{min-height:68px;font-size:23px;width:100%;max-width:520px}
.ap-trust{font-size:15px;color:#e9d8b7;margin:12px 0 0}

/* hero */
.ap-hero{background:radial-gradient(120% 80% at 70% 20%,#4a3020 0%,var(--walnut) 60%,#1f140b 100%);color:var(--cream);padding:34px 0 56px;overflow:hidden}
.ap-hero-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:0;text-align:center}
.ap-pre{font:700 14px/1.3 "Source Sans 3",sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--brass);margin:0 0 12px}
.ap-h1{color:#fbf1dc;font-size:clamp(30px,7.6vw,52px);font-weight:700;margin:0 0 22px}
.ap-h1 span{display:block;font-style:italic;font-weight:500;color:#e8cf9c;font-size:.72em;margin-top:8px}
.ap-sub{font-size:20px;color:#f0e2c4;margin:26px auto 14px;max-width:620px}
.ap-sub strong{color:#fff}
.ap-ticks{list-style:none;padding:0;margin:0 auto 26px;max-width:520px;text-align:left}
.ap-ticks li{position:relative;padding:6px 0 6px 36px;font-size:18px;color:#f6ead1}
.ap-ticks li::before{content:"";position:absolute;left:0;top:9px;width:24px;height:24px;border-radius:50%;background:var(--brass) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4 8-9' fill='none' stroke='%232e1e12' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat}
.ap-cta-row{display:flex;flex-direction:column;align-items:center}

/* book mockup */
.ap-book-wrap{display:flex;justify-content:center;padding:10px 0 18px;isolation:isolate}
.ap-book{position:relative;width:min(62vw,330px);transform:rotate(-3deg);border-radius:3px 8px 8px 3px;box-shadow:0 2px 2px rgba(0,0,0,.25),12px 22px 34px rgba(0,0,0,.45)}
.ap-book img{border-radius:3px 8px 8px 3px;width:100%}
.ap-book::before{content:"";position:absolute;inset:0 auto 0 0;width:9%;border-radius:3px 0 0 3px;background:linear-gradient(90deg,rgba(0,0,0,.38),rgba(255,255,255,.18) 45%,rgba(0,0,0,.22));z-index:2}
.ap-book::after{content:"";position:absolute;top:2%;bottom:2%;right:-9px;width:12px;border-radius:0 6px 6px 0;background:repeating-linear-gradient(90deg,#f4ead6 0 2px,#d9cbb0 2px 3px);z-index:-1}
.ap-book-sm .ap-book{width:min(54vw,260px)}

/* pain */
.ap-pain{background:var(--paper)}
.ap-painlist{list-style:none;padding:0;margin:24px 0 28px;display:grid;gap:10px}
.ap-painlist li{background:var(--card);border:1px solid var(--line);border-left:5px solid var(--red);border-radius:8px;padding:14px 16px 14px 18px;font-size:19px}
.ap-turn{font-family:Lora,serif;font-size:24px;line-height:1.4;text-align:center;margin:0}
.ap-turn strong{color:var(--red)}

/* mistakes */
.ap-mist{background:var(--paper2)}
.ap-cards4{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;margin:26px 0 30px}
.ap-mcard{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:0 4px 14px rgba(60,35,15,.07)}
.ap-mcard img{width:100%;aspect-ratio:16/9;object-fit:cover}
.ap-mcard>div{padding:16px 18px 18px}
.ap-mcard p{margin:0;color:var(--muted)}
.ap-x{display:inline-block;font:700 12px/1 "Source Sans 3",sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#fff;background:var(--red);padding:6px 9px;border-radius:4px;margin-bottom:10px}
.ap-quote{margin:0 auto 30px;max-width:760px;font-family:Lora,serif;font-style:italic;font-size:22px;line-height:1.5;text-align:center;color:var(--walnut2)}
.ap-quote cite{display:block;font-style:normal;font-size:16px;color:var(--red);margin-top:10px;font-family:"Source Sans 3",sans-serif;font-weight:700;letter-spacing:.08em}

/* cabinet */
.ap-cab{background:linear-gradient(180deg,var(--walnut),#24170d);color:#f1e3c6}
.ap-cab h2{color:#fbf1dc}
.ap-cab-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:30px;align-items:center}
.ap-cab-copy p{font-size:19px}
.ap-cab-copy strong{color:#fff}
.ap-steps{counter-reset:s;list-style:none;padding:0;margin:20px 0 0}
.ap-steps li{counter-increment:s;position:relative;padding:4px 0 18px 54px;font-size:18px}
.ap-steps li::before{content:counter(s);position:absolute;left:0;top:0;width:38px;height:38px;border-radius:50%;background:var(--brass);color:var(--walnut);font:700 20px/38px Lora,serif;text-align:center}
.ap-steps b{color:#fff}
.ap-cab-img img{border-radius:8px;box-shadow:0 16px 40px rgba(0,0,0,.5);margin:0 auto;max-height:720px;width:auto}

/* fascinations */
.ap-fasc{background:var(--paper)}
.ap-jars{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;margin:26px 0 22px}
.ap-jars article{display:grid;grid-template-columns:86px minmax(0,1fr);gap:14px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px}
.ap-jars img{width:86px;height:104px;object-fit:contain;filter:drop-shadow(0 6px 6px rgba(50,25,8,.25))}
.ap-jars span{font:700 12px/1 "Source Sans 3",sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--red)}
.ap-jars h3{margin:5px 0 4px;font-size:20px}
.ap-jars p{margin:0;font-size:16.5px;color:var(--muted);line-height:1.5}
.ap-more{text-align:center;font-size:20px;margin:6px 0 26px}

/* preview */
.ap-prev{background:var(--paper2)}
.ap-pages{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:20px 4px 24px;margin:0 -18px;padding-left:18px;padding-right:18px}
.ap-pages figure{flex:0 0 78%;max-width:360px;margin:0;scroll-snap-align:center}
.ap-pages img{border-radius:4px;box-shadow:var(--shadow);border:1px solid #d7c7a8}
.ap-feat{list-style:none;padding:0;margin:8px 0 0;display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
.ap-feat li{padding:4px 0 4px 32px;position:relative}
.ap-feat li::before{content:"✓";position:absolute;left:0;top:2px;color:var(--red);font-weight:700;font-size:22px}

/* inside */
.ap-inside{background:var(--paper)}
.ap-shelves{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:24px 0}
.ap-shelves article{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.ap-shelves img{width:100%;aspect-ratio:4/3;object-fit:cover}
.ap-shelves div{padding:10px 12px 14px}
.ap-shelves span{font:700 11.5px/1.2 "Source Sans 3",sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--red)}
.ap-shelves h3{font-size:17px;margin:5px 0 0;line-height:1.25}
.ap-extra{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
.ap-extra>div{background:var(--walnut2);color:#f1e3c6;border-radius:var(--radius);padding:20px 20px 8px}
.ap-extra h3{color:#fbf1dc}

/* offer */
.ap-offer{background:radial-gradient(100% 70% at 50% 0%,#4a3020,var(--walnut) 70%);}
.ap-offer-box{background:var(--card);border-radius:16px;padding:28px 20px 30px;box-shadow:0 24px 60px rgba(0,0,0,.4);display:grid;grid-template-columns:minmax(0,1fr);gap:8px;max-width:980px;border:3px solid var(--brass)}
.ap-offer-copy{text-align:center}
.ap-offer-sub{font-family:Lora,serif;font-style:italic;font-size:20px;color:var(--muted);margin-top:-6px}
.ap-get{list-style:none;padding:0;margin:18px 0 22px;text-align:left}
.ap-get li{padding:8px 0 8px 34px;position:relative;border-bottom:1px dashed var(--line)}
.ap-get li::before{content:"✓";position:absolute;left:4px;top:7px;color:var(--red);font-weight:700;font-size:20px}
.ap-price{display:flex;flex-direction:column;align-items:center;margin:4px 0 6px}
.ap-cur{font:700 64px/1 Lora,serif;color:var(--red)}
.ap-once{font-size:16px;color:var(--muted);margin-top:6px}
.ap-compare{font-size:16.5px;color:var(--muted);max-width:460px;margin:8px auto 20px}
.ap-secure{font-size:15px;color:var(--muted);margin:14px 0 0}

/* how to buy */
.ap-how{background:var(--paper2)}
.ap-how3{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;margin-top:22px}
.ap-how3>div{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:20px}
.ap-how3 b{display:inline-flex;width:40px;height:40px;border-radius:50%;background:var(--red);color:#fff;align-items:center;justify-content:center;font:700 20px Lora,serif;margin-bottom:10px}
.ap-how3 p{margin:0;color:var(--muted)}

/* faq */
.ap-faq{background:var(--paper)}
.ap-faq details{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);margin:10px 0;padding:0 18px}
.ap-faq summary{list-style:none;cursor:pointer;padding:18px 34px 18px 0;font:600 19px/1.35 Lora,serif;position:relative}
.ap-faq summary::-webkit-details-marker{display:none}
.ap-faq summary::after{content:"+";position:absolute;right:0;top:12px;font:400 30px/1 "Source Sans 3",sans-serif;color:var(--red)}
.ap-faq details[open] summary::after{content:"−"}
.ap-faq details p{color:var(--muted);margin:0 0 18px}

/* final + footer */
.ap-final{background:linear-gradient(180deg,var(--walnut2),var(--walnut));padding:60px 0;color:#fbf1dc}
.ap-final h2{color:#fbf1dc;margin-bottom:26px}
.ap-foot{background:#1d130b;color:#bfae92;font-size:15px;padding:34px 0 40px}
.ap-foot a{color:#e3c88f}
.ap-links{margin-top:10px}

/* desktop */
@media (min-width:760px){
  .ap-sec{padding:88px 0}
  .ap-hero{padding:56px 0 80px}
  .ap-hero-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);grid-template-areas:"pre book" "h1 book" "sub book" "ticks book" "cta book";text-align:left;column-gap:48px;align-items:start}
  .ap-pre{grid-area:pre}.ap-h1{grid-area:h1}.ap-sub{grid-area:sub;margin:0 0 14px}.ap-ticks{grid-area:ticks;margin:0 0 26px}.ap-cta-row{grid-area:cta;align-items:flex-start}
  .ap-hero .ap-book-wrap{grid-area:book;align-self:center;padding:0}
  .ap-book{width:min(34vw,380px)}
  .ap-cards4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ap-cab-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px}
  .ap-jars{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ap-pages{overflow:visible;justify-content:center;margin:0;padding:24px 0}
  .ap-pages figure{flex:0 1 32%}
  .ap-feat{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:30px}
  .ap-shelves{grid-template-columns:repeat(4,minmax(0,1fr))}
  .ap-extra{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ap-offer-box{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);padding:44px;gap:40px;align-items:center}
  .ap-offer-copy{text-align:left}
  .ap-price{align-items:flex-start}
  .ap-compare{margin-left:0}
  .ap-how3{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (min-width:1040px){ .ap-cards4{grid-template-columns:repeat(4,minmax(0,1fr))} .ap-jars{grid-template-columns:repeat(3,minmax(0,1fr))} }
@media (max-width:360px){ body{font-size:17px} .ap-btn{font-size:19px;padding:12px 18px} .ap-jars article{grid-template-columns:70px minmax(0,1fr)} .ap-jars img{width:70px;height:86px} }
.ap-vs{margin:0 0 26px;position:relative;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}
.ap-vs figcaption{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;padding:10px 14px;background:linear-gradient(0deg,rgba(20,12,6,.8),rgba(20,12,6,0));color:#fff;font:700 15px/1.2 "Source Sans 3",sans-serif;letter-spacing:.06em;text-transform:uppercase}
.ap-vs figcaption span:last-child{color:#f3d48f}
.ap-tablet img{border-radius:var(--radius);box-shadow:var(--shadow);margin:22px 0 4px}
.ap-how-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;align-items:center}
.ap-phone img{border-radius:var(--radius);box-shadow:var(--shadow);max-height:520px;width:auto;margin:0 auto}
.ap-how3{grid-template-columns:minmax(0,1fr)!important}
@media (min-width:760px){ .ap-how-grid{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:48px} .ap-how-grid .ap-phone{order:0} }
/* v2: annotated page, cabinet visual */
.ap-cab-grid{grid-template-columns:minmax(0,1fr)!important}
.ap-cab-copy{max-width:760px}
.ap-cab-img img{max-height:none;width:100%;border-radius:12px}
.ap-anno{display:grid;grid-template-columns:minmax(0,1fr);gap:22px;margin:26px 0 10px;align-items:start}
.ap-anno-page{position:relative;max-width:520px;margin:0 auto;width:100%}
.ap-anno-page img{border-radius:4px;box-shadow:var(--shadow);border:1px solid #d7c7a8;width:100%}
.ap-pin{position:absolute;transform:translate(-50%,-50%);width:28px;height:28px;border-radius:50%;background:var(--red);color:#fff;font:700 15px/28px "Source Sans 3",sans-serif;text-align:center;box-shadow:0 0 0 3px #fff,0 3px 8px rgba(0,0,0,.35)}
.ap-legend{list-style:none;counter-reset:l;padding:0;margin:0;display:grid;gap:10px}
.ap-legend li{counter-increment:l;position:relative;padding:12px 14px 12px 54px;background:var(--card);border:1px solid var(--line);border-radius:10px;font-size:17px;color:var(--muted);line-height:1.45}
.ap-legend li::before{content:counter(l);position:absolute;left:14px;top:12px;width:28px;height:28px;border-radius:50%;background:var(--red);color:#fff;font:700 15px/28px "Source Sans 3",sans-serif;text-align:center}
.ap-legend b{display:block;color:var(--ink);font-family:Lora,serif;font-size:18px}
.ap-tabcap{color:var(--muted);margin-top:10px}
.ap-tablet img{margin-top:30px}
@media (min-width:760px){ .ap-anno{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px} .ap-pin{width:32px;height:32px;line-height:32px;font-size:16px} .ap-jars{grid-template-columns:repeat(3,minmax(0,1fr))} }
@media (max-width:420px){ .ap-pin{width:24px;height:24px;line-height:24px;font-size:13px;box-shadow:0 0 0 2px #fff,0 2px 6px rgba(0,0,0,.35)} }
/* ===== v3: light theme ===== */
:root{--paper:#fffdf8;--paper2:#f7f1e6;--card:#ffffff;--line:#eadfcb;--muted:#5a4a3b}
.ap-hero{background:radial-gradient(90% 70% at 75% 30%,#fff3dc 0%,#fffaf1 45%,#fffdf8 100%);color:var(--ink);border-bottom:1px solid var(--line)}
.ap-h1{color:var(--ink)}
.ap-h1 span{color:var(--red)}
.ap-pre{color:var(--red)}
.ap-sub{color:var(--muted)}
.ap-sub strong{color:var(--ink)}
.ap-ticks li{color:var(--ink)}
.ap-ticks li::before{background-color:var(--red);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4 8-9' fill='none' stroke='%23ffffff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.ap-trust{color:var(--muted)}
.ap-book3d{width:min(70vw,360px);height:auto;filter:drop-shadow(0 18px 26px rgba(70,40,15,.28))}
.ap-book-sm .ap-book3d{width:min(60vw,300px)}
@media (min-width:760px){ .ap-hero .ap-book3d{width:min(36vw,430px)} }
.ap-pain{background:var(--paper)}
.ap-mist{background:var(--paper2)}
.ap-cab{background:var(--paper);color:var(--ink)}
.ap-cab h2{color:var(--ink)}
.ap-cab-copy strong,.ap-steps b{color:var(--ink)}
.ap-k-light{color:var(--red)}
.ap-steps li::before{background:var(--red);color:#fff}
.ap-cab-img img{box-shadow:0 16px 40px rgba(70,40,15,.25)}
.ap-fasc{background:var(--paper2)}
.ap-prev{background:var(--paper)}
.ap-inside{background:var(--paper2)}
.ap-extra>div{background:var(--card);color:var(--muted);border:1px solid var(--line);border-top:4px solid var(--red)}
.ap-extra h3{color:var(--ink)}
.ap-offer{background:linear-gradient(180deg,#fff7e8,#fdf0d8)}
.ap-offer-box{border:2px solid #e6cf9f;box-shadow:0 20px 50px rgba(120,80,30,.16)}
.ap-how{background:var(--paper)}
.ap-faq{background:var(--paper2)}
.ap-final{background:linear-gradient(180deg,#fff7e8,#fbe9cc);color:var(--ink)}
.ap-final h2{color:var(--ink)}
.ap-foot{background:#f3ebdd;color:#6b5a48;border-top:1px solid var(--line)}
.ap-foot a{color:var(--red)}
.ap-quote{color:var(--ink)}
@media (max-width:759px){ .ap-hero .ap-book3d{width:min(56vw,260px)} .ap-hero .ap-book-wrap{padding:4px 0 6px} }
/* ===== v4: clean book shadow + Mija ===== */
.ap-book3d{filter:none}
.ap-mija{background:var(--paper)}
.ap-mija-box{display:grid;grid-template-columns:minmax(0,1fr);gap:22px;align-items:center;max-width:1040px}
.ap-mija-img img{display:block;width:100%;height:auto;border-radius:14px;box-shadow:0 14px 34px rgba(60,35,15,.16)}
.ap-mija-copy{min-width:0}
.ap-mija-copy h2{margin:0 0 14px}
.ap-mija-copy p{margin:0 0 12px}
.ap-sign{font:italic 600 26px/1.2 Lora,serif;color:var(--red);margin-top:6px!important}
@media (min-width:860px){ .ap-mija-box{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:44px} }
/* ===== v5: price card (39 → 17) ===== */
.ap-pcard{width:100%;max-width:520px;background:#fbf6ec;border:1px solid var(--line);border-radius:16px;padding:18px 18px 14px;box-shadow:0 10px 26px rgba(60,35,15,.08);text-align:left}
.ap-was{margin:0;font-size:17px;color:var(--muted)}
.ap-was s{text-decoration-thickness:2px}
.ap-now-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:2px 0 14px}
.ap-now{font:700 34px/1.1 Lora,serif;color:var(--red)}
.ap-save{display:inline-block;background:#2e6b45;color:#fff;font:700 13px/1 "Source Sans 3",sans-serif;letter-spacing:.06em;padding:7px 10px;border-radius:999px;vertical-align:middle}
.ap-one{font-size:15px;color:var(--muted)}
.ap-btn-wide{width:100%;box-sizing:border-box;text-transform:uppercase;letter-spacing:.02em}
.ap-pnote{margin:12px 0 0;text-align:center;font-size:14.5px;color:var(--muted)}
.ap-price .ap-was{font-size:18px;margin-bottom:4px}
.ap-price .ap-once .ap-save{margin-right:6px}
@media (max-width:380px){ .ap-now{font-size:29px} .ap-pcard{padding:16px 14px 12px} }
@media (max-width:480px){ .ap-btn-wide{font-size:17.5px;padding-left:10px;padding-right:10px} }
/* ===== v6: timer ===== */
.ap-timer{margin:0 0 12px;background:#fff6dd;border:1px dashed #e2c37a;border-radius:10px;padding:9px 12px;font-size:16px;color:var(--ink);text-align:center}
.ap-timer b{font-variant-numeric:tabular-nums;color:var(--red);font-size:18px;letter-spacing:.02em}
.ap-offer .ap-timer{max-width:460px;margin:10px auto 6px}
@media (min-width:760px){ .ap-offer .ap-timer{margin-left:0} }