/* v6 editorial-hook. Shape language: soft. Pills, 22-28px radii, no outlines, tinted surfaces instead of shadows.
   One highlighter color (the marked phrase, the sun behind the book, the stats band). One accent: the button and stars.
   Type: Vollkorn (display) + Manrope (body). */
@font-face{font-family:"Vollkorn";src:url(fonts/Vollkorn.woff2) format("woff2");font-weight:400 900;font-display:swap}
@font-face{font-family:"Manrope";src:url(fonts/Manrope.woff2) format("woff2");font-weight:200 800;font-display:swap}

.pal-no{--bg:#F3F7F6;--surface:#fff;--tint:#E4EEEC;--ink:#0E2B2B;--muted:#3D5552;--hl:#A9EBCF;--accent:#0B5C56;--accent-ink:#fff;--line:#D3E0DD;--free:#16794C}
.pal-it{--bg:#EDF2F8;--surface:#fff;--tint:#DFE8F3;--ink:#18233D;--muted:#3E4A63;--hl:#FFE27A;--accent:#B3302A;--accent-ink:#fff;--line:#D2DCE9;--free:#1C7A4A}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:400 17px/1.55 "Manrope",system-ui,sans-serif;overflow-x:hidden;font-variant-numeric:lining-nums}
*{font-variant-numeric:lining-nums}
body.pal-it{font-size:18.5px}
img{display:block;max-width:100%;height:auto}
h1,h2{font-family:"Vollkorn",Georgia,serif;font-weight:700;margin:0;letter-spacing:-.01em}
a:focus-visible,button:focus-visible,summary:focus-visible,.pages:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
mark{color:inherit;background:linear-gradient(transparent 30%,var(--hl) 30% 90%,transparent 90%);padding:0 .08em;white-space:nowrap;-webkit-box-decoration-break:clone;box-decoration-break:clone}

/* ---------- hero: fills the first screen, the book rises from its bottom edge ---------- */
.hero{position:relative;display:flex;flex-direction:column;height:100svh;min-height:640px;max-height:860px;overflow:hidden}
.copy{padding:26px 22px 0;position:relative;z-index:2}
.hero h1{font-size:41px;line-height:1.04;font-weight:800;letter-spacing:-.015em}
.pal-it .hero h1{font-size:43px}
.sub{margin:12px 0 16px;color:var(--muted);line-height:1.45}
.pill{display:inline-flex;align-items:center;gap:10px;margin:0 0 14px;padding:6px 14px 6px 8px;min-height:44px;border-radius:999px;background:var(--surface);
  color:var(--ink);font:500 15px "Manrope",sans-serif;border:0}
.pal-it .pill{padding-left:14px}
.pill b{font-weight:800}
.stars{display:inline-flex;gap:1px;flex:none}
.stars svg{width:16px;height:16px;fill:#E8A317}
.hear{cursor:pointer}
.hear .ico{width:32px;height:32px;border-radius:50%;background:var(--accent);position:relative;flex:none}
.hear .ico::after{content:"";position:absolute;left:13px;top:10px;border-left:9px solid #fff;border-top:6px solid transparent;border-bottom:6px solid transparent}
.hear.on .ico::after{left:11px;top:10px;width:10px;height:12px;border:0;background:linear-gradient(90deg,#fff 0 35%,transparent 35% 65%,#fff 65%)}
.buy{display:flex;align-items:center;justify-content:center;min-height:58px;border-radius:999px;background:var(--accent);color:var(--accent-ink);text-decoration:none;
  font:800 19px/1 "Manrope",sans-serif;letter-spacing:.005em;transition:transform .12s}
.buy:active{transform:scale(.98)}
.micro{margin:8px 0 0;text-align:center;font-size:14px;color:var(--muted)}

.rise{position:relative;flex:1;min-height:150px}
.sun{position:absolute;left:50%;top:34px;width:340px;height:340px;margin-left:-170px;border-radius:50%;background:var(--hl);opacity:.85}
.r-cover{position:absolute;left:50%;top:22px;width:200px;margin-left:-150px;border-radius:4px 8px 8px 4px;
  box-shadow:0 18px 40px -12px rgba(14,43,43,.45)}
.r-phone{position:absolute;left:50%;top:112px;margin-left:44px;width:118px;height:238px;padding:6px;border-radius:24px;background:var(--ink);
  box-shadow:0 18px 40px -12px rgba(14,43,43,.45)}
.r-phone img{width:100%;height:100%;object-fit:cover;object-position:0 0;border-radius:19px;background:#fff}

/* ---------- sections ---------- */
main>section{padding:52px 22px}
main h2{font-size:31px;line-height:1.1;margin-bottom:18px}

.before{background:var(--surface);border-radius:28px 28px 0 0;margin-top:-22px;position:relative;z-index:3;padding-top:34px!important}
.before h2{font:800 15px "Manrope",sans-serif;color:var(--muted);margin-bottom:6px;letter-spacing:.01em}
.before ul{list-style:none;margin:0;padding:0}
.before li{padding:14px 0 14px 38px;position:relative;border-top:1px solid var(--line)}
.before li:first-child{border-top:0}
.before li::before{content:"";position:absolute;left:0;top:16px;width:24px;height:24px;border-radius:50%;background:var(--hl) 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='%230E2B2B' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/15px no-repeat}

.inside{background:var(--surface)}
.inside{padding-top:20px!important}
.pages{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -22px;padding:4px 22px 12px;scrollbar-width:none}
.pages::-webkit-scrollbar{display:none}
.pages figure{flex:0 0 80%;margin:0;scroll-snap-align:center}
.pages img{border-radius:16px;background:#fff;aspect-ratio:480/680;object-fit:cover;box-shadow:0 0 0 1px var(--line)}
.pages figcaption{font-size:15px;margin-top:10px;color:var(--muted)}
.pages figcaption b{color:var(--ink)}
.player{display:grid;grid-template-columns:52px 1fr;align-items:center;gap:8px 14px;margin-top:12px;padding:14px;background:var(--tint);border-radius:26px}
.player .speed{grid-column:2;justify-self:start}
.play{flex:none;width:52px;height:52px;border-radius:50%;border:0;background:var(--accent);cursor:pointer;display:grid;place-items:center;padding:0}
.play .ico{width:0;height:0;border-left:15px solid #fff;border-top:10px solid transparent;border-bottom:10px solid transparent;margin-left:4px}
.play.on .ico{width:14px;height:18px;border:0;margin:0;background:linear-gradient(90deg,#fff 0 35%,transparent 35% 65%,#fff 65%)}
.ptext{flex:1;min-width:0;line-height:1.25}
.ptext b{display:block;font-size:17px}
.ptext span{font-size:14px;color:var(--muted)}
.speed{display:flex;background:var(--surface);border-radius:999px;padding:3px}
.speed button{font:700 13px "Manrope",sans-serif;padding:0 14px;min-height:42px;border:0;border-radius:999px;background:transparent;color:var(--ink);cursor:pointer}
.speed button[aria-pressed=true]{background:var(--ink);color:#fff}

.benefits ul{list-style:none;margin:0;padding:0;display:grid;gap:20px}
.benefits li b{display:block;font-family:"Vollkorn",serif;font-weight:700;font-size:22px;line-height:1.15;margin-bottom:2px}
.benefits li{padding-left:18px;border-left:4px solid var(--hl)}
.stats{display:grid;grid-template-columns:repeat(3,1fr);margin:30px 0 0;background:var(--hl);border-radius:24px}
.stats div{padding:18px 6px 16px;text-align:center}
.stats dt{font:800 28px/1 "Vollkorn",serif;white-space:nowrap}
.stats dd{margin:6px 0 0;font-size:13.5px;line-height:1.3;font-weight:600}

.who{background:var(--surface)}
.who-tag{display:flex;align-items:center;gap:14px;margin:0 0 14px;font-weight:800;color:var(--muted);font-size:15px}
.who-tag img{width:84px;height:84px;border-radius:50%;object-fit:cover;object-position:50% 30%;box-shadow:0 0 0 4px var(--hl)}
.who p{margin:0 0 12px}

.offer{background:var(--tint)}
.offer h2{text-align:center}
.stack-vis{position:relative;z-index:1;margin:0 0 -30px}
.stack-img{border-radius:24px;aspect-ratio:640/904;object-fit:cover;max-height:420px;width:100%;object-position:50% 40%}
.stack-build{position:relative;height:290px;border-radius:24px;overflow:hidden;background:radial-gradient(circle at 50% 60%,var(--hl) 0 46%,var(--surface) 46.5%)}
.sb-tab{position:absolute;left:14px;top:34px;width:148px;transform:rotate(-7deg);border-radius:8px;box-shadow:0 10px 24px -10px rgba(0,0,0,.35)}
.sb-cover{position:absolute;left:50%;top:22px;width:150px;margin-left:-64px;transform:rotate(2deg);border-radius:3px 7px 7px 3px;box-shadow:0 16px 30px -12px rgba(0,0,0,.5)}
.sb-phone{position:absolute;right:16px;top:92px;width:92px;height:184px;background:var(--ink);border-radius:20px;padding:5px;transform:rotate(6deg);box-shadow:0 16px 30px -12px rgba(0,0,0,.5)}
.sb-screen{height:100%;border-radius:15px;background:#fff;color:var(--ink);display:flex;flex-direction:column;align-items:center;padding:16px 6px;text-align:center;line-height:1.1}
.sb-screen b{font:800 15px "Vollkorn",serif}
.sb-screen span{font-size:12px}
.sb-wave{display:block;width:62px;height:24px;margin:12px 0 8px;background:repeating-linear-gradient(90deg,var(--accent) 0 3px,transparent 3px 6px);mask:radial-gradient(ellipse 50% 50%,#000 60%,transparent 61%);-webkit-mask:radial-gradient(ellipse 50% 50%,#000 60%,transparent 61%)}
.sb-screen em{font-style:normal;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--accent);color:#fff;font-size:12px}
.sb-screen small{font-size:10px;margin-top:8px}
.stack{position:relative;background:var(--surface);border-radius:28px;padding:44px 18px 22px}
.stack ul{list-style:none;margin:0;padding:0}
.stack .items li{display:grid;grid-template-columns:24px 1fr auto;gap:2px 12px;padding:14px 0;border-top:1px solid var(--line);align-items:start}
.stack .items li:first-child{border-top:0}
.stack .items li::before{content:"";width:22px;height:22px;margin-top:2px;border-radius:50%;background:var(--free) 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='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/15px no-repeat}
.stack .what{font-size:16px;line-height:1.35}
.pal-it .stack .what{font-size:17.5px}
.stack .val{text-align:right;white-space:nowrap}
.stack .val s{display:block;color:var(--muted);font-size:15px}
.stack .val em{display:inline-block;font:800 12px/1 "Manrope",sans-serif;font-style:normal;letter-spacing:.04em;background:var(--free);color:#fff;padding:5px 9px;border-radius:999px;margin-top:3px}
.stack .val strong{font:800 21px "Vollkorn",serif}
.total{display:flex;align-items:baseline;margin:4px 0 0;padding-top:16px;border-top:2px solid var(--ink)}
.total span,.today span{flex:1;font-weight:700}
.total s{color:var(--muted);font:700 23px "Vollkorn",serif}
.today{display:flex;align-items:center;margin:2px 0 18px}
.today strong{font:800 50px/1 "Vollkorn",serif;letter-spacing:-.02em}
.once{margin:10px 0 0;text-align:center;font-size:14px;color:var(--muted)}
.guar{display:flex;gap:12px;align-items:flex-start;margin-top:18px;padding:16px;border-radius:20px;background:var(--tint)}
.guar svg{flex:none;width:36px;height:36px}
.guar svg path{fill:var(--free)}
.guar svg .tick{fill:none;stroke:#fff;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.guar b{font-size:17px}
.guar p{margin:4px 0 0;font-size:15px}
.pay{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:14px!important}
.pay li{font:800 11.5px "Manrope",sans-serif;letter-spacing:.02em;padding:7px 10px;border-radius:999px;background:var(--tint);color:var(--muted)}

.steps{margin:0 0 14px;padding:0;list-style:none;counter-reset:s}
.steps li{counter-increment:s;position:relative;padding:0 0 16px 50px}
.steps li::before{content:counter(s);position:absolute;left:0;top:-3px;width:36px;height:36px;border-radius:50%;background:var(--hl);display:grid;place-items:center;font:800 18px "Vollkorn",serif}
.help{margin:0;color:var(--muted)}
.rating{margin:22px 0 0;padding:16px;border-radius:20px;background:var(--surface);text-align:center;font-size:16px}
.rating .stars svg{width:20px;height:20px}

.reviews{background:var(--surface)}
.reviews figure{margin:0 0 14px;background:var(--bg);border-radius:24px;padding:18px}
.reviews figcaption{display:flex;align-items:center;gap:12px}
.reviews figcaption img{width:48px;height:48px;border-radius:50%;object-fit:cover}
.reviews figcaption>span{display:flex;flex-direction:column}
.reviews blockquote{margin:12px 0 0;font-family:"Vollkorn",serif;font-size:19px;line-height:1.45}

.faq details{background:var(--surface);border-radius:20px;margin-bottom:10px}
.faq summary{list-style:none;cursor:pointer;padding:18px 48px 18px 18px;font-weight:800;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:14px;top:50%;width:28px;height:28px;margin-top:-14px;border-radius:50%;background:var(--tint);display:grid;place-items:center;font-weight:700}
.faq details[open] summary::after{content:"−"}
.faq details p{margin:0;padding:0 18px 18px;color:var(--muted)}

.last{text-align:center;background:var(--surface);border-radius:28px 28px 0 0}
.last img{width:130px;margin:0 auto 16px;border-radius:3px 7px 7px 3px;box-shadow:0 18px 36px -14px rgba(0,0,0,.5)}
.last p{margin:0 0 18px}
.last p b{display:block;font:800 25px "Vollkorn",serif}
.last .once{margin-top:12px}
footer{padding:22px 22px 40px;font-size:13px;color:var(--muted);background:var(--surface)}
footer p{margin:0 0 8px}
footer a{color:var(--muted);margin-right:12px}

.sticky{position:fixed;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:5;display:flex;align-items:center;gap:12px;padding:8px 8px 8px 18px;border-radius:999px;background:var(--ink);color:#fff}
.sticky[hidden]{display:none}
.sticky span{flex:1;font-size:13.5px;line-height:1.25;opacity:.9}
.sticky span b{display:block;font-size:15px}
.sticky .buy{min-height:50px;padding:0 18px;font-size:17px}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}
@media (min-width:640px){body{max-width:520px;margin:0 auto}}