:root{
    --bg:#0b1220;           /* dark hero */
    --gold:#d6a856;
    --gold-2:#e8c37c;
    --gold-deep:#a97b1f;    /* gold that reads on cream */
    --gold-dim:#a8843f;
    --cream:#efe9dc;
    --muted:#a7b0c0;
    --red:#c04b43;
    /* light (paper) theme for the middle of the page */
    --paper:#f7f2e7;
    --paper2:#f0e9d9;
    --card:#fffdf8;
    --ink:#2a3442;
    --ink-h:#152743;
    --ink-mut:#5f6a7a;
    --line-l:rgba(21,39,67,.15);
    --navy:#152743;
  }
  *{margin:0;padding:0;box-sizing:border-box}
  html{scroll-behavior:smooth;overflow-x:clip}
  body{
    background:var(--bg);
    color:var(--cream);
    font-family:'Inter',system-ui,-apple-system,sans-serif;
    font-size:17px;line-height:1.6;
    -webkit-font-smoothing:antialiased;
  }
  ::selection{background:var(--gold);color:#0b1220}
  h1,h2,h3,.serif{font-family:'Playfair Display',Georgia,serif}
  img{max-width:100%}

  /* ---------- countdown bar ---------- */
  .topbar{
    position:sticky;top:0;z-index:60;
    background:#05080f;border-bottom:1px solid rgba(214,168,86,.25);
    text-align:center;padding:9px 14px;
    font-size:12.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
    color:#cfd6e2;
  }
  .topbar b{color:var(--gold-2);font-variant-numeric:tabular-nums;letter-spacing:.1em}

  /* ---------- sales kit: timer, proof wall, mid CTAs ---------- */
  .topbar{font-size:13px;padding:10px 14px}
  .topbar .tb-price{color:#fff}
  .topbar .tb-left{color:var(--gold-2);font-variant-numeric:tabular-nums;letter-spacing:.06em}
  .price-was{font-family:'Playfair Display',serif;font-size:30px;color:#9a917f;
    text-decoration:line-through;margin-left:14px;vertical-align:14px}
  .offer-timer{margin-top:14px;display:inline-block;background:#1a1409;color:#f3e3bf;
    border:1px solid rgba(214,168,86,.45);border-radius:8px;padding:9px 16px;
    font-size:15px;font-weight:700;letter-spacing:.02em}
  .offer-timer b{color:var(--gold-2);font-variant-numeric:tabular-nums}
  .proof{padding:72px 0 64px}
  .proof h2{margin-bottom:6px}
  .qgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:38px}
  .q{position:relative;margin:0;background:#fff;border:1px solid #e6dcc6;border-radius:16px;
    padding:26px 26px 24px;box-shadow:0 10px 28px rgba(20,24,34,.08);overflow:hidden}
  .q:before{content:"\201C";position:absolute;right:18px;top:-18px;font-family:'Playfair Display',serif;
    font-size:130px;line-height:1;color:rgba(214,168,86,.18);pointer-events:none}
  .q-top{display:flex;align-items:center;gap:13px;margin-bottom:16px}
  .q-av{width:46px;height:46px;border-radius:50%;flex:0 0 46px;display:flex;align-items:center;
    justify-content:center;color:#fff;font-weight:800;font-size:19px;
    box-shadow:0 3px 8px rgba(0,0,0,.15)}
  .q-name{font-weight:800;color:var(--ink-h);font-size:15.5px;line-height:1.2}
  .q-src{display:flex;align-items:center;gap:6px;margin-top:3px;font-size:13px;color:#8a8170;font-weight:600}
  .q-src svg{width:16px;height:12px;flex:0 0 16px}
  .q blockquote{margin:0;font-family:'Playfair Display',serif;font-size:21px;line-height:1.45;color:var(--ink-h)}
  @media(max-width:700px){.qgrid{grid-template-columns:1fr}}
  .qnote{text-align:center;color:#6b6354;font-size:15px;margin:22px auto 0;max-width:640px}
  .midcta{text-align:center;margin:40px auto 0}
  .midcta .btn{font-size:18px;padding:18px 40px}
  .midcta-sub{margin-top:12px;font-size:15px;color:#6b6354}
  .pop-timer{margin:4px 0 20px;font-size:15px;color:#b8c2d4}
  .pop-timer b{display:block;font-family:'Playfair Display',serif;font-size:40px;
    color:var(--gold-2);font-variant-numeric:tabular-nums;letter-spacing:.02em;margin-top:4px}
  @media(max-width:560px){
    .price-was{font-size:24px;vertical-align:10px}
    .q blockquote{font-size:19px}
    .pop-timer b{font-size:32px}
  }

  /* ---------- delayed / exit popup ---------- */
  .pop{
    position:fixed;inset:0;z-index:200;display:none;
    align-items:center;justify-content:center;padding:20px;
    background:rgba(4,7,13,.84);
  }
  .pop.show{display:flex}
  .popcard{
    position:relative;box-sizing:border-box;width:100%;max-width:520px;
    background:#0d1422;border:1px solid rgba(214,168,86,.35);border-radius:14px;
    padding:40px 30px 30px;text-align:center;
    box-shadow:0 30px 80px rgba(0,0,0,.6);
    animation:popin .26s ease-out;
  }
  @keyframes popin{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
  .popcard .ft{
    font-size:12.5px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;
    color:var(--gold);margin-bottom:12px;
  }
  .popcard h3{font-size:27px;font-weight:800;color:#f3eee4;line-height:1.25;margin-bottom:14px}
  .popcard p{font-size:17px;line-height:1.66;color:#b8c2d4;margin-bottom:24px}
  .popcard .btn{display:block;box-sizing:border-box;width:100%;text-align:center}
  .popnote{margin-top:16px;font-size:14px;color:#8d99ad}
  .popx{
    position:absolute;top:6px;right:8px;width:48px;height:48px;
    background:none;border:0;color:#7c879a;font-size:30px;line-height:1;cursor:pointer;
  }
  .popx:hover{color:#e6ebf3}
  @media(max-width:560px){
    .popcard{padding:36px 22px 26px}
    .popcard h3{font-size:24px}
  }

  /* ---------- shared ---------- */
  .wrap{max-width:1060px;margin:0 auto;padding:0 22px}
  section{padding:88px 0}
  .kicker{
    font-size:12.5px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;
    color:var(--gold);margin-bottom:14px;
  }
  .secno{display:flex;align-items:baseline;gap:14px;justify-content:center;margin-bottom:10px}
  .secno .n{font-family:'Playfair Display',serif;font-size:28px;color:var(--gold-deep);font-weight:700}
  h2{font-size:clamp(30px,4.4vw,44px);font-weight:800;text-align:center;letter-spacing:-.01em}
  .sub{text-align:center;max-width:640px;margin:14px auto 0;font-size:18px}
  .rule{width:64px;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent);margin:26px auto 0}

  /* light sections */
  .light{background:var(--paper);color:var(--ink)}
  .light.alt{background:var(--paper2)}
  .light h2{color:var(--ink-h)}
  .light .sub{color:var(--ink-mut);font-family:'Playfair Display',serif;font-style:italic;font-size:19px}

  .btn{
    display:inline-block;border-radius:8px;cursor:pointer;text-decoration:none;
    font-weight:800;font-size:16.5px;letter-spacing:.02em;
    padding:17px 34px;transition:transform .15s ease, box-shadow .15s ease;
  }
  .btn:active{transform:translateY(1px)}
  .btn-gold{
    background:linear-gradient(180deg,var(--gold-2),var(--gold) 55%,var(--gold-dim));
    color:#16100a;box-shadow:0 12px 30px rgba(166,124,44,.35), inset 0 1px 0 rgba(255,255,255,.5);
  }
  .btn-gold:hover{transform:translateY(-2px);box-shadow:0 18px 40px rgba(166,124,44,.45)}
  .btn-ghost{border:1.5px solid rgba(239,233,220,.35);color:var(--cream);background:transparent}
  .btn-ghost:hover{border-color:var(--gold);color:var(--gold-2)}
  .microline{font-size:13px;margin-top:12px;text-align:center;color:var(--ink-mut)}
  .secure{font-size:13px;color:var(--ink-mut);text-align:center;margin-top:10px}

  /* прячем только если скрипт жив — иначе страница пустая */
  html.js .reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s ease}
  html.js .reveal.on{opacity:1;transform:none}

  /* ---------- hero ---------- */
  .hero{
    position:relative;text-align:center;
    padding:76px 0 74px;
    background:
      radial-gradient(900px 420px at 50% -10%, rgba(214,168,86,.10), transparent 60%),
      linear-gradient(180deg,#0a101c 0%, var(--bg) 60%);
  }
  .hero h1{
    font-size:clamp(40px,6.6vw,72px);font-weight:900;line-height:1.08;
    max-width:820px;margin:0 auto;letter-spacing:-.015em;
  }
  .hero h1 em{font-style:italic;color:var(--gold-2)}
  .hero .lead{max-width:700px;margin:26px auto 0;font-size:19px;color:#c6cdd9}
  .hero .lead b{color:var(--cream)}
  .hero .cta{margin-top:34px;display:flex;gap:14px;justify-content:center;flex-wrap:wrap}

  /* real cover images */
  .books{display:flex;justify-content:center;align-items:flex-end;gap:6px;margin-top:56px}
  .herofmt{margin-top:22px;font-size:16px;color:#9aa6ba;line-height:1.6}
  .cov{width:min(250px,29vw);flex:0 0 auto}
  .cov.mid{width:min(315px,36vw);z-index:2}

  /* ---------- stats strip (dark) ---------- */
  .stats{
    border-top:1px solid rgba(214,168,86,.22);border-bottom:1px solid rgba(214,168,86,.22);
    background:linear-gradient(180deg,rgba(214,168,86,.05),transparent);
    padding:34px 0;
  }
  .stats .grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;text-align:center}
  .stat .v{font-family:'Playfair Display',serif;font-size:34px;font-weight:800;color:var(--gold-2)}
  .stat .l{font-size:13.5px;color:var(--muted);margin-top:4px;line-height:1.4}

  /* ---------- offer stack (light) ---------- */
  .offer-card{
    max-width:660px;margin:46px auto 0;background:var(--card);
    border:1px solid var(--line-l);border-radius:14px;
    box-shadow:0 24px 60px rgba(21,39,67,.12);
    overflow:hidden;
  }
  .offer-head{
    text-align:center;padding:30px 24px 22px;
    background:linear-gradient(180deg,rgba(214,168,86,.10),transparent);
    border-bottom:1px solid var(--line-l);
  }
  .price-line{display:flex;align-items:baseline;justify-content:center;gap:14px}
  .price-now{font-family:'Playfair Display',serif;font-size:64px;font-weight:900;color:var(--ink-h);line-height:1}
  .price-was{font-size:26px;color:#9aa2ad;text-decoration:line-through}
  .price-tag{
    display:inline-block;margin-top:12px;padding:7px 16px;border-radius:999px;
    font-size:11.5px;letter-spacing:.18em;color:var(--navy);font-weight:800;text-transform:uppercase;
    background:#f3e2bd;
  }
  .offer-list{padding:8px 28px}
  .offer-list .hd{font-size:11.5px;letter-spacing:.2em;color:var(--gold-deep);font-weight:800;text-transform:uppercase;padding:18px 0 6px}
  .oi{
    display:flex;justify-content:space-between;gap:18px;align-items:baseline;
    padding:13px 0;border-bottom:1px solid rgba(21,39,67,.09);font-size:16px;
  }
  .oi:last-of-type{border-bottom:none}
  .oi .t b{color:var(--ink-h)}
  .oi .t span{color:var(--ink-mut);font-style:italic}
  .oi .p{color:var(--ink-mut);white-space:nowrap}
  .totals{border-top:1px solid var(--line-l);padding:0}
  .tr{display:flex;justify-content:space-between;padding:14px 28px;font-size:16.5px}
  .tr .strike{text-decoration:line-through;color:#9aa2ad}
  .tr.pay{background:var(--navy);color:#fff;font-size:19px;font-weight:800;padding:16px 28px}
  .tr.pay .p{color:var(--gold-2);font-family:'Playfair Display',serif;font-size:30px;line-height:1}
  .offer-cta{padding:22px 28px 30px;text-align:center}
  .offer-cta .btn{width:100%;font-size:18px}

  /* ---------- free card (light) ---------- */
  .btn-line{border:1.6px solid var(--navy);color:var(--navy);background:transparent}
  .btn-line:hover{background:var(--navy);color:#fff}
  .freebox{
    max-width:660px;margin:24px auto 0;padding:28px 28px 26px;text-align:center;
    border:1px dashed rgba(21,39,67,.30);border-radius:14px;background:rgba(214,168,86,.07);
  }
  .freebox .ft{font-size:11.5px;letter-spacing:.2em;font-weight:800;text-transform:uppercase;color:var(--gold-deep)}
  .freebox h3{font-family:'Playfair Display',serif;font-size:27px;color:var(--ink-h);margin:9px 0 11px;font-weight:700;line-height:1.2}
  .freebox p{color:var(--ink-mut);font-size:16px;line-height:1.66;max-width:530px;margin:0 auto 20px}
  .freebox .fnote{margin-top:12px;font-size:13.5px;color:var(--ink-mut);font-style:italic}

  /* ---------- the math (light) ---------- */
  .math-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:46px}
  .mcard{border-radius:12px;padding:28px;border:1px solid var(--line-l);background:var(--card);box-shadow:0 14px 34px rgba(21,39,67,.08)}
  .mcard.bad{border-top:3px solid var(--red)}
  .mcard.good{border-top:3px solid var(--gold)}
  .mcard .mh{font-size:12px;letter-spacing:.22em;font-weight:800;text-transform:uppercase;margin-bottom:16px}
  .mcard.bad .mh{color:var(--red)}
  .mcard.good .mh{color:var(--gold-deep)}
  .mrow{display:flex;justify-content:space-between;gap:14px;padding:11px 0;border-bottom:1px solid rgba(21,39,67,.09);font-size:15.5px}
  .mrow span:first-child{color:var(--ink)}
  .mrow span:last-child{white-space:nowrap;color:var(--ink-h);font-weight:600}
  .mtotal{display:flex;justify-content:space-between;padding-top:16px;font-weight:800;font-size:18px;color:var(--ink-h)}
  .mcard.bad .mtotal span:last-child{color:var(--red);font-family:'Playfair Display',serif;font-size:26px}
  .mcard.good .mtotal span:last-child{color:var(--gold-deep);font-family:'Playfair Display',serif;font-size:26px}
  .math-note{max-width:640px;margin:34px auto 0;text-align:center;font-size:19px;color:var(--ink-h)}
  .math-note b{color:var(--gold-deep)}
  .fineprint{max-width:640px;margin:22px auto 0;text-align:center;font-size:15px;color:#6b6354;line-height:1.6}

  /* ---------- inside: volume rows with real covers ---------- */
  .vrows{max-width:860px;margin:48px auto 0}
  .vrow{
    display:flex;gap:32px;align-items:flex-start;
    background:var(--card);border:1px solid var(--line-l);border-radius:14px;
    box-shadow:0 14px 34px rgba(21,39,67,.08);
    padding:28px;margin-bottom:22px;
  }
  .vcov{width:205px;flex:0 0 auto;margin:-6px 0 -4px}
  .vtag{font-size:11px;letter-spacing:.22em;font-weight:800;text-transform:uppercase}
  .vrow.v1 .vtag{color:#2e7d55}
  .vrow.v2 .vtag{color:#b4544a}
  .vrow.v3 .vtag{color:var(--gold-deep)}
  .vrow h3{font-size:24px;font-weight:800;margin:8px 0 4px;color:var(--ink-h)}
  .vsub{font-style:italic;font-family:'Playfair Display',serif;color:var(--ink-mut);font-size:15.5px;margin-bottom:14px;line-height:1.45}
  .vrow ul{list-style:none}
  .vrow li{
    padding:8px 0 8px 24px;position:relative;font-size:14.5px;color:var(--ink);line-height:1.5;
    border-bottom:1px solid rgba(21,39,67,.08);
  }
  .vrow li:last-child{border-bottom:none}
  .vrow li::before{content:"◆";position:absolute;left:2px;top:9px;color:var(--gold);font-size:9px}
  .plusline{text-align:center;margin-top:28px;color:var(--ink-mut);font-size:16px}
  .plusline b{color:var(--ink-h)}

  /* ---------- community (light) ---------- */
  .quotes{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:46px}
  .q{background:var(--card);border:1px solid var(--line-l);border-radius:12px;padding:26px;box-shadow:0 14px 34px rgba(21,39,67,.07)}
  .q .stars{color:var(--gold-deep);letter-spacing:3px;font-size:14px;margin-bottom:12px}
  .q p{font-size:16px;color:var(--ink);font-style:italic;line-height:1.65}
  .q .who{margin-top:14px;font-size:13.5px;color:var(--ink-mut);font-style:normal}

  /* ---------- meet carlos (light) ---------- */
  .meet{display:grid;grid-template-columns:340px 1fr;gap:44px;align-items:start;margin-top:48px}
  .portrait{
    background:#fff;padding:12px 12px 14px;border-radius:6px;
    box-shadow:0 22px 50px rgba(21,39,67,.18);
  }
  .portrait img{display:block;width:100%;border-radius:3px}
  .portrait .cap{
    padding:10px 4px 0;text-align:center;
    font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-mut);font-weight:700;
  }
  .meet .txt p{margin-bottom:16px;color:var(--ink);font-size:17px}
  .meet .txt p:first-of-type::first-letter{
    font-family:'Playfair Display',serif;font-size:52px;font-weight:900;color:var(--gold-deep);
    float:left;line-height:.9;padding-right:10px;padding-top:4px;
  }
  .meet .txt strong{color:var(--ink-h)}
  .guarantee{
    margin-top:52px;border:1.5px solid rgba(169,123,31,.45);border-radius:14px;
    background:var(--card);
    box-shadow:0 18px 44px rgba(21,39,67,.1);
    padding:36px 34px;text-align:center;
  }
  .guarantee .gh{font-size:12px;letter-spacing:.24em;color:var(--gold-deep);font-weight:800;text-transform:uppercase}
  .guarantee h3{font-size:27px;font-weight:800;margin:12px 0 14px;color:var(--ink-h)}
  .guarantee p{max-width:640px;margin:0 auto;color:var(--ink)}

  /* ---------- faq (light) ---------- */
  .faq{max-width:760px;margin:46px auto 0}
  details{
    border:1px solid var(--line-l);border-radius:10px;background:var(--card);
    margin-bottom:12px;overflow:hidden;box-shadow:0 8px 22px rgba(21,39,67,.06);
  }
  summary{
    cursor:pointer;list-style:none;padding:19px 52px 19px 22px;font-weight:700;font-size:16.5px;
    position:relative;color:var(--ink-h);
  }
  summary::-webkit-details-marker{display:none}
  summary::after{
    content:"+";position:absolute;right:20px;top:50%;transform:translateY(-50%);
    color:var(--gold-deep);font-size:24px;font-weight:400;transition:transform .2s;
  }
  details[open] summary::after{transform:translateY(-50%) rotate(45deg)}
  details .a{padding:0 22px 20px;color:var(--ink);font-size:15.5px;line-height:1.65}

  /* ---------- final (dark) ---------- */
  .final{
    text-align:center;
    background:
      radial-gradient(700px 340px at 50% 110%, rgba(214,168,86,.12), transparent 60%),
      linear-gradient(180deg,#0a101c, var(--bg));
  }
  .final h2{font-size:clamp(32px,5vw,52px);color:var(--cream)}
  .final .lead{max-width:620px;margin:18px auto 0;color:var(--muted);font-size:18px}
  .final .btn{margin-top:30px}

  footer{background:#05080f;border-top:1px solid rgba(214,168,86,.2);padding:46px 0 60px;text-align:center}
  footer .brand{font-family:'Playfair Display',serif;font-weight:900;font-size:22px;letter-spacing:.04em}
  footer .by{color:var(--muted);font-size:14px;margin-top:2px}
  footer .disc{max-width:720px;margin:20px auto 0;font-size:12px;color:#6f7889;line-height:1.7}
  footer .links{margin-top:18px;font-size:14px}
  footer .links a{color:var(--muted);text-decoration:none;margin:0 10px}
  footer .links a:hover{color:var(--gold-2)}
  footer .copy{margin-top:14px;font-size:12.5px;color:#5d6575}

  /* sticky mobile buy */
  .mbuy{
    position:fixed;left:0;right:0;bottom:0;z-index:70;display:none;
    padding:10px 14px calc(10px + env(safe-area-inset-bottom));
    background:rgba(5,8,15,.94);backdrop-filter:blur(8px);
    border-top:1px solid rgba(214,168,86,.35);
  }
  .mbuy .btn{width:100%;padding:15px;font-size:16px}

  @media(max-width:900px){
    .mbuy.show{display:block}
    body.has-mbuy{padding-bottom:74px}
    .stats .grid{grid-template-columns:repeat(2,1fr);gap:26px 14px}
    .math-grid{grid-template-columns:1fr}
    .quotes{grid-template-columns:1fr}
    .meet{grid-template-columns:1fr;gap:30px}
    .portrait{max-width:360px;margin:0 auto}
  }
  @media(max-width:640px){
    section{padding:64px 0}
    .hero{padding-top:56px}
    .hero h1{font-size:clamp(31px,9.6vw,40px)}
    .books{gap:2px;margin-top:42px}
    .cov{width:110px}
    .cov.mid{width:142px}
    .vrow{flex-direction:column;align-items:center;padding:24px 20px}
    .vcov{width:180px;margin:-8px 0 -4px}
    .vrow .vtxt{width:100%}
  }

  .offer-launch{position:fixed;right:20px;bottom:22px;z-index:75;border:1px solid var(--gold-2);border-radius:100px;padding:14px 22px;background:var(--gold);color:#101827;font:800 15px Inter,system-ui;cursor:pointer;box-shadow:0 8px 35px #0005}
  .discount-badge{display:inline-block;border-radius:100px;background:#e9f1df;color:#30521a;font:800 13px Inter,system-ui;padding:7px 13px;margin:14px 0}
  .popcard .discount-badge{background:#263326;color:#cce5b6}
  .popcard{max-height:90dvh;overflow-y:auto}
  .sale-toast{position:fixed;bottom:24px;left:20px;z-index:72;max-width:310px;padding:18px 42px 18px 20px;border:1px solid #d6a85666;border-radius:14px;background:#fffdf8;color:#152743;box-shadow:0 12px 40px #0003;font-size:14px}
  .sale-toast strong,.sale-toast small{display:block}.sale-toast small{color:#5f6a7a;margin-top:4px}
  .sale-toast button{position:absolute;right:10px;top:8px;border:0;background:none;font-size:22px;cursor:pointer}
  [hidden]{display:none!important}
  :focus-visible{outline:3px solid var(--gold-2);outline-offset:4px}
  @media(max-width:900px){.offer-launch{bottom:calc(94px + env(safe-area-inset-bottom));right:14px;padding:12px 17px}.sale-toast{bottom:calc(150px + env(safe-area-inset-bottom));left:14px;right:14px;max-width:none}}

  .button-was{display:inline-block;margin-left:.45em;font-size:.88em;font-weight:600;color:#463817;text-decoration:line-through;text-decoration-thickness:2px;white-space:nowrap}
  .sale-toast{border-left:4px solid var(--gold);padding-left:18px}
  .sale-toast strong{font-size:15px;margin-bottom:3px}
  @media(prefers-reduced-motion:no-preference){.sale-toast:not([hidden]){animation:sale-enter .3s ease-out}@keyframes sale-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}}

  .topbar{padding:10px 22px;background:#131017;border-bottom:2px solid #f4b844;box-shadow:0 4px 24px #0004;letter-spacing:.04em}
  .tb-inner{max-width:1160px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:18px}
  .tb-deal{display:flex;align-items:center;gap:12px}.tb-badge{background:#ff6547;color:#180f09;padding:6px 9px;border-radius:4px;font-size:12px;font-weight:900;white-space:nowrap}
  .tb-label{font-size:11px;color:#dfd8cb}.topbar .tb-price{font-size:23px;font-weight:800;white-space:nowrap}.tb-price del{font-size:15px;color:#a7a2a0;margin-left:4px;text-decoration-thickness:2px}
  .tb-clock{display:flex;align-items:center;gap:10px;white-space:nowrap}.tb-clock>span{font-size:10px;color:#bab4aa}.topbar .tb-left{font-size:21px;color:#ffd37f;letter-spacing:.05em}
  .tb-buy{display:inline-block;background:#f4bd56;color:#17120a;text-decoration:none;padding:11px 16px;border-radius:6px;font-size:13px;font-weight:900;text-transform:none;white-space:nowrap;box-shadow:0 3px 0 #a76e1b}.tb-buy:hover{background:#ffd687}.tb-buy .button-was{margin-left:.25em}
  .pop{background:rgba(3,6,12,.88);backdrop-filter:blur(5px)}
  .popcard{max-width:580px;padding:38px 36px 28px;border:2px solid #f4bd56;border-radius:20px;background:radial-gradient(ellipse at 50% 0, #554025 0, #152033 43%, #0c1422 78%);box-shadow:0 0 70px #f4bd5622,0 35px 110px #000b}
  .popcard .ft{display:inline-block;background:#ff6547;color:#170e09;border-radius:5px;padding:7px 14px;font-size:12px;font-weight:900;letter-spacing:.12em;margin:0 0 16px}
  .popcard h3{font-family:Inter,system-ui,sans-serif;font-size:clamp(32px,5vw,44px);font-weight:900;letter-spacing:-.045em;line-height:1.08;margin:0 0 18px}
  .popcard h3 em{display:block;font-style:normal;color:#ffd078}
  .popcard .discount-badge{display:block;max-width:300px;margin:0 auto 20px;padding:12px 16px;background:#f4bd56;border-radius:10px;color:#16110b;line-height:1}
  .pop-price{font-size:60px;letter-spacing:-.05em;font-weight:900}.pop-was{font-size:30px;color:#675433;margin-left:12px;vertical-align:10px;text-decoration-thickness:3px}.pop-saving{display:block;margin-top:9px;font-size:12px;letter-spacing:.06em;font-weight:800;text-transform:uppercase}
  .popcard p{font-size:15px;line-height:1.6;margin-bottom:17px;color:#cbd1db;max-width:400px;margin-left:auto;margin-right:auto}
  .popcard .pop-timer{margin:0 0 20px;font-size:10px;text-transform:uppercase;letter-spacing:.15em;color:#b7c3d3}.pop-timer b{font-family:Inter,system-ui,sans-serif;font-size:38px;line-height:1.2;margin:8px auto 0;padding:10px 20px;max-width:240px;border:1px solid #f4bd5666;background:#070d18;border-radius:9px;color:#ffd078;letter-spacing:.07em}
  .popcard .btn{font-size:18px;font-weight:900;padding:19px 12px;background:linear-gradient(180deg,#ffe097,#f4b847);color:#15110a;border:1px solid #ffe4ab;border-radius:10px;box-shadow:0 5px 0 #a56a18,0 12px 32px #f4b84730}
  .popcard .btn:hover{background:#ffe09a;transform:translateY(-1px)}.popnote{font-size:12px;color:#c7cfd9;margin-top:18px}.popx{color:#dfd8cd;top:4px;right:4px}
  @media(max-width:1000px){.tb-label{display:none}.tb-clock{flex-direction:column;gap:0}}
  @media(max-width:560px){.topbar{padding:8px 12px}.tb-inner{display:grid;grid-template-columns:1fr auto;gap:7px 12px}.tb-deal{gap:8px}.tb-badge{font-size:10px;padding:5px 7px}.topbar .tb-price{font-size:20px}.tb-clock{align-items:flex-end}.topbar .tb-left{font-size:18px}.tb-clock>span{font-size:8px}.tb-buy{grid-column:1/-1;padding:9px 12px;font-size:13px}.pop{padding:12px}.popcard{padding:36px 20px 24px;border-radius:16px}.popcard h3{font-size:32px}.popcard .ft{font-size:10px}.pop-price{font-size:52px}.popcard .discount-badge{margin-bottom:14px}.popcard .btn{font-size:16px}.pop-timer b{font-size:32px}.popcard p{font-size:14px}}
  @media(prefers-reduced-motion:reduce){.popcard{animation:none}.popcard .btn{transition:none}}

  .payment-strip{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 12px;text-align:center;margin:20px auto 0;font:11px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.055em;text-transform:uppercase;color:#c5b28f;max-width:850px}
  .payment-strip strong{font-weight:700;color:inherit}.payment-lock{font-size:12px}.payment-methods{word-spacing:3px}.light .payment-strip{color:#746145}.popcard .payment-strip{font-size:9px;gap:2px 7px;margin-top:14px;color:#bfbaaa}.popcard .payment-methods{flex-basis:100%;word-spacing:1px}
  .rating-panel{display:flex;align-items:center;justify-content:center;gap:28px;max-width:780px;margin:34px auto 0;padding:30px 34px;border:1px solid #decfae;background:#fffdf8;border-radius:16px;box-shadow:0 10px 35px #15274308}
  .rating-score{display:flex;align-items:baseline;gap:8px;white-space:nowrap}.rating-score strong{font:800 68px/1 Inter,system-ui,sans-serif;letter-spacing:-.07em;color:#152743}.rating-score>span{font-size:18px;color:#777b82}
  .rating-stars{display:inline-block;position:relative;white-space:nowrap;font-family:Arial,sans-serif;font-size:30px;line-height:1.25;letter-spacing:3px;color:#d4cec1}.rating-fill{position:absolute;left:0;top:0;width:94%;overflow:hidden;color:#b27b0d}
  .rating-detail p{margin:6px 0 0;font-size:12px;color:#68717d}.rating-store{color:#152743;font-size:12px;font-weight:700;text-decoration:none;padding:11px 15px;border:1px solid #d4c7ab;border-radius:7px;white-space:nowrap}.rating-store:hover{background:#f4e8cd}
  .hero-rating{display:flex;gap:10px;align-items:center;justify-content:center;margin:18px auto 0;text-decoration:none;color:#c8c9c9;font-size:12px}.hero-rating .rating-stars{font-size:19px;letter-spacing:2px;color:#58616e}.hero-rating .rating-fill{color:#e6b655}.hero-rating strong{color:#f6ebd6}.hero-rating:hover>span:last-child{text-decoration:underline}
  @media(max-width:650px){.rating-panel{flex-wrap:wrap;gap:16px 22px;padding:26px 18px}.rating-score strong{font-size:56px}.rating-store{flex-basis:100%;text-align:center}.rating-stars{font-size:25px}.rating-detail p{font-size:11px}.payment-strip{font-size:10px;gap:3px 7px}.payment-methods{flex-basis:100%}.hero-rating{font-size:11px;gap:8px}}

  #customer-reviews{background:#fbf7ef;padding:58px 0;scroll-margin-top:110px}
  #customer-reviews h2{font-family:Georgia,serif;text-transform:uppercase;text-align:left;color:#ac5d2d;font-size:14px;letter-spacing:.22em;font-weight:400;margin:0 0 20px}
  #buyer-reviews{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0}
  .reader-card{margin:0;padding:19px 18px 18px;background:#fff;border:1px solid #e4d6c1;border-radius:13px;overflow:hidden}
  .reader-stars{font-family:Arial,sans-serif;font-size:18px;letter-spacing:0;color:#c87c3e;line-height:1.2;margin-bottom:9px}
  .reader-card blockquote{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-size:16px;line-height:1.55;color:#51483d;margin:0 0 10px}
  .reader-card figcaption{font-family:Georgia,'Times New Roman',serif;font-size:13px;line-height:1.5;color:#88765f;background:#f6e9d5;padding:1px 5px}
  #customer-reviews .midcta{margin-top:30px}
  @media(max-width:900px){#buyer-reviews{grid-template-columns:repeat(2,minmax(0,1fr))}}
  @media(max-width:600px){#customer-reviews{padding:42px 0}#buyer-reviews{grid-template-columns:1fr;gap:14px}.reader-card{padding:19px}.reader-card blockquote{font-size:16px}#customer-reviews h2{font-size:12px;letter-spacing:.18em}}
  @media(max-width:900px){.sale-toast{display:none!important}}
  @media(min-width:901px){
    .tb-inner{max-width:fit-content;justify-content:center;gap:28px}
    .tb-deal{gap:10px}
    .tb-clock{gap:8px}
  }

.topbar{position:sticky}.draft-note{font-size:12px;letter-spacing:.03em;color:#b8c2d4;margin-top:15px}.book{position:relative;aspect-ratio:0.68;background:linear-gradient(115deg,#214839,#0c271f);border-radius:2px 7px 7px 2px;border:1px solid #a79560;padding:10% 8% 8%;display:flex;flex-direction:column;justify-content:space-between;text-align:left;box-shadow:12px 18px 28px #0005,inset 7px 0 9px #0008,inset 10px 0 0 #ffffff10;color:#eee6cf;transform:rotate(-5deg)}.book.red{background:linear-gradient(115deg,#69302d,#321817);transform:none}.book.gold{background:linear-gradient(115deg,#665126,#2a2416);transform:rotate(5deg)}.book small{font-size:clamp(7px,1.1vw,12px);letter-spacing:.16em}.book h3{font-size:clamp(18px,3.2vw,35px);line-height:1.08;color:#f3e6c6;margin:10px 0}.book .book-line{height:1px;background:#d6a856;margin:12px 0}.book .book-sub{font-family:Georgia,serif;font-style:italic;font-size:clamp(10px,1.4vw,16px)}.book .book-mark{font-family:Georgia,serif;font-size:clamp(35px,6vw,76px);opacity:.35;text-align:center}.books{gap:20px;margin:56px auto 0;max-width:850px}.book-wrap{width:26%;flex-shrink:0}.book-wrap.mid{width:32%;z-index:1}.vbook{width:185px;flex:0 0 185px}.vbook .book{transform:none;padding:22px 17px}.vbook .book h3{font-size:26px}.vbook .book small{font-size:8px}.vbook .book-sub{font-size:12px}.vbook .book-mark{font-size:50px}.portrait-placeholder{height:350px;background:linear-gradient(140deg,#1b3040,#08131c);display:flex;align-items:center;justify-content:center;flex-direction:column;color:#d6a856;gap:14px}.portrait-placeholder b{font:90px Georgia,serif}.portrait-placeholder span{font-size:12px;letter-spacing:.15em}.pop.show{display:flex}.popcard:focus{outline:none}.review-placeholder{max-width:680px;margin:26px auto 0;padding:30px;border:1px dashed #ab9c7e;border-radius:12px;text-align:center;color:#756b59}.preview-label{background:#dfca9f;color:#253040;padding:5px 12px;border-radius:3px;font-size:11px;letter-spacing:.12em;display:inline-block;margin-bottom:16px}.tb-inner{gap:15px}.tb-label{display:inline!important}@media(max-width:560px){.books{gap:10px}.vrow{flex-direction:column}.vbook{width:150px;flex-basis:auto;margin:auto}.topbar .tb-label{display:none!important}.book-wrap{width:28%}.book-wrap.mid{width:34%}.portrait-placeholder{height:260px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Screenshot-based alignment and offer refinements */
html{scroll-padding-top:95px}.stats{padding:38px 0 40px;display:block}.stats .grid{align-items:start}.stat{min-width:0}.stat .v{font-size:30px;line-height:1.3;min-height:44px;display:flex;align-items:center;justify-content:center}.stat .l{max-width:210px;margin:6px auto 0;line-height:1.5}.tb-inner{width:fit-content;max-width:100%;display:flex;justify-content:center;align-items:center;gap:24px}.tb-deal,.tb-clock{flex-shrink:0}.tb-clock{flex-direction:row}.topbar .tb-label{display:inline!important}.topbar{padding:9px 18px}.offer-head{padding:30px 24px 24px}.offer-badges{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:9px;margin:10px 0 0}.offer-badges .discount-badge,.offer-badges .price-tag{margin:0;font-size:10px;padding:6px 10px}.offer-timer{font-size:13px;margin-top:18px}.offer-list .oi{font-size:15px;padding:14px 0}.offer-list .oi .t{line-height:1.6}.offer-cta .payment-strip{margin-top:12px}.draft-offer-note{font-size:11px;color:#857b68;margin-top:8px}.price-line{gap:14px}.price-line .price-was{margin:0;vertical-align:baseline}.math-note{max-width:640px}.review-demo-label{font-size:12px;color:#88765f;margin:-8px 0 20px}.vrows{margin-top:48px}.vrow{align-items:center}.vtxt{flex:1;min-width:0}.vbook .book{min-height:270px}.faq details[open]{background:#fffdf8}.faq .a{line-height:1.8}.meet{align-items:start}.portrait-placeholder{height:300px}.proof+.light{padding-top:76px}
@media(max-width:1050px){.tb-inner{gap:15px}.topbar .tb-label{display:none!important}.tb-clock{gap:7px}.stat .v{font-size:27px}}@media(max-width:600px){.tb-inner{width:100%;display:grid;grid-template-columns:1fr auto;gap:8px}.tb-buy{grid-column:1/-1;text-align:center}.tb-clock{flex-direction:column;align-items:flex-end;gap:0}.tb-deal{gap:8px}.stat .v{font-size:24px;min-height:34px}.stat .l{font-size:12px}.offer-list{padding:8px 20px}.offer-cta{padding:20px}.offer-badges{gap:6px}.offer-head{padding:26px 15px 22px}.tb-price{font-size:20px!important}.portrait-placeholder{height:260px}} 

#product-toast{max-width:370px;border-radius:18px;border-left:5px solid var(--gold);padding:22px 45px 22px 22px;background:#fffdf8;box-shadow:0 14px 40px #0003}#product-toast a{display:block;color:inherit;text-decoration:none}#product-toast strong{font-size:18px;line-height:1.4;margin-bottom:9px}#product-toast span{font-size:16px;line-height:1.5}#product-toast small{font-size:13px;line-height:1.5;margin-top:10px}#product-toast button{cursor:pointer;width:32px;height:32px;font-size:26px}#product-toast a:hover strong{text-decoration:underline}

#product-toast{max-width:370px;border-radius:18px;padding:22px 45px 22px 22px}#product-toast .toast-demo{display:block;font-size:10px;line-height:1.3;color:#7b7569;margin-top:8px;letter-spacing:.04em}
/* Compact toast dimensions matched to the supplied reference. */
#product-toast{box-sizing:border-box;width:310px;max-width:calc(100vw - 40px);padding:18px 28px 17px 18px;border-left-width:4px;border-radius:14px;font-size:14px}
#product-toast strong{font-size:14px;line-height:1.4;margin-bottom:5px;letter-spacing:-.2px}
#product-toast span{font-size:13px;line-height:1.5}
#product-toast small{display:inline;font-size:11px;line-height:1.5;margin-top:4px}
#product-toast .toast-demo{display:block;font-size:9px;line-height:1.2;margin-top:3px;letter-spacing:0}
#product-toast button{right:5px;top:5px;width:24px;height:24px;font-size:20px;line-height:24px}

/* Finished collection artwork and factual product content. */
.skip-link{position:fixed;top:-70px;left:12px;z-index:250;padding:10px 15px;background:var(--cream);color:var(--bg);border-radius:5px}.skip-link:focus{top:10px}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
.tb-download{display:flex;align-items:center;gap:10px;white-space:nowrap}.tb-download span{font-size:10px;color:#bab4aa}.tb-download b{font-size:17px;letter-spacing:.01em}
.hero .books{max-width:850px;gap:5px;align-items:flex-end;margin-top:45px}.cover-hero{display:block;width:28%;height:auto;filter:drop-shadow(0 16px 16px #0006)}.cover-hero.mid{width:34%;position:relative;z-index:1}
.offer-list .oi .t>span{display:block;font-size:12px;color:var(--ink-mut);margin-top:2px}.offer-list .oi .p{color:#46704f}.offer-access{font-size:13px;color:var(--ink-mut);margin-top:15px}.offer-scope{font-size:11px;color:var(--ink-mut);margin-top:10px}
.vbook{width:190px;flex:0 0 190px;align-self:center}.vbook img{display:block;width:100%;height:auto;filter:drop-shadow(0 9px 6px #15274322)}
.bonus-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:26px auto 0;max-width:960px}.bonus-card{padding:25px 23px;border:1px solid var(--line-l);background:var(--card);border-radius:12px}.bonus-card .vtag{color:var(--gold-deep);font-size:10px;letter-spacing:.12em}.bonus-card h3{font-size:22px;line-height:1.3;color:var(--ink-h);margin:12px 0}.bonus-card p{font-size:14px;color:var(--ink-mut);line-height:1.7}
.plusline{font-size:13px;max-width:740px;margin:26px auto 0}.portrait img{aspect-ratio:1;object-fit:cover}.meet{align-items:center}
.use-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:38px}.use-grid article{padding:24px;background:var(--card);border:1px solid var(--line-l);border-radius:12px}.use-grid article>span{color:var(--gold-deep);font-family:Georgia,serif;font-size:26px}.use-grid h3{color:var(--ink-h);font-size:21px;margin:10px 0}.use-grid p{font-size:15px;color:var(--ink-mut)}
#product-toast{width:310px;padding:15px 26px 15px 14px}#product-toast[hidden]{display:none}#product-toast a{display:flex;align-items:center;gap:11px}#product-toast img{width:48px;height:48px;object-fit:cover;border-radius:5px;flex-shrink:0}#product-toast strong{font-size:13px;margin-bottom:2px}#product-toast span{font-size:11px}#product-toast small{display:block;font-size:10px;margin-top:3px}
@media(max-width:900px){.tb-download span{display:none}.bonus-grid{grid-template-columns:1fr}.bonus-card{padding:22px}.use-grid{grid-template-columns:1fr}.vbook{width:170px;flex-basis:170px}.tb-inner{gap:15px}}
@media(max-width:600px){.tb-inner{grid-template-columns:1fr auto}.tb-download{justify-content:flex-end}.tb-download b{font-size:13px}.vbook{width:170px;flex-basis:auto}.hero .books{gap:0;margin-top:32px}.cover-hero{width:30%}.cover-hero.mid{width:37%}.hero{padding-top:48px}.hero .lead{font-size:17px}.offer-list .oi{font-size:13px}.mrow{font-size:13px;gap:10px}.mcard{padding:22px}.stats .grid{grid-template-columns:repeat(2,1fr);row-gap:25px}.tb-deal{min-width:0}.tb-price{font-size:20px}.topbar{padding:8px 12px}.portrait{width:100%}.vrow{gap:20px}.meet .txt p{font-size:16px}.stats .stat .v{font-size:27px}}

/* Keep the complete portrait at its natural proportions. */
#meet .portrait{width:100%;max-width:340px;min-width:0;align-self:start}
#meet .portrait img{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:auto;object-fit:contain;object-position:center;border-radius:3px}
@media(max-width:700px){#meet .portrait{max-width:340px;margin-inline:auto}}

/* The header and purchase card share the same one-hour visit timer. */
.tb-clock{display:flex;align-items:center;gap:8px;white-space:nowrap;flex-shrink:0}
.tb-clock>span{font-size:10px;color:#bab4aa;letter-spacing:.05em}
.topbar .tb-left{font-size:21px;line-height:1.2;color:#ffd37f;letter-spacing:.05em;font-variant-numeric:tabular-nums}
.offer-timer b{font-variant-numeric:tabular-nums}
@media(max-width:600px){.tb-clock{flex-direction:column;align-items:flex-end;gap:1px}.tb-clock>span{font-size:8px}.topbar .tb-left{font-size:18px}}