:root{--sage:#8fae8f;--cream:#fbf6ea;--beige:#efe5d2;--peach:#f7c9a8;--soft:#dcebd5;--forest:#1f3d2b;--ink:#26332b;--r:22px}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font:400 17px/1.6 Nunito,system-ui,sans-serif;color:var(--ink);background:var(--cream);overflow-x:hidden}
img{max-width:100%;height:auto;display:block;border-radius:var(--r);box-shadow:0 18px 40px -18px rgba(31,61,43,.35)}
h1,h2,h3{font-family:Fraunces,Georgia,serif;color:var(--forest);line-height:1.15;margin:0 0 .5em}
h1{font-size:clamp(2.1rem,6vw,3.6rem);font-weight:800}h2{font-size:clamp(1.7rem,4vw,2.5rem)}h3{font-size:1.15rem}
a{color:var(--forest)}:focus-visible{outline:3px solid #e08a4a;outline-offset:3px}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:#fff;padding:8px;z-index:100}
.wrap{max-width:1120px;margin:0 auto;padding:0 20px}
.bar{position:sticky;top:0;z-index:50;display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap;background:var(--forest);color:var(--cream);padding:8px 12px;font-size:.95rem}
.bar b{font:700 1.15rem Fraunces,serif;background:var(--peach);color:var(--forest);border-radius:10px;padding:0 10px;font-variant-numeric:tabular-nums}
.bar.expired b{background:#ccc}
.btn{position:relative;overflow:hidden;isolation:isolate;display:inline-block;background:var(--forest);color:#fff;text-decoration:none;font-weight:700;border-radius:999px;padding:15px 30px;box-shadow:0 10px 22px -10px var(--forest);transition:transform .15s}
.btn:hover{transform:translateY(-2px)}.btn.sm{padding:5px 16px;background:var(--peach);color:var(--forest);box-shadow:none}
.hero{background:linear-gradient(160deg,var(--soft),var(--cream) 60%,#fde7d3);padding:40px 0 56px}
.hero-grid{display:grid;gap:32px;align-items:center}
.kicker{font-weight:700;color:#4f7a5c;margin:0 0 8px}.lead{font-size:1.15rem}
.ticks,.inside{list-style:none;padding:0}.ticks li,.inside li{padding-left:28px;margin:6px 0;position:relative}
.ticks li::before,.inside li::before{content:"";position:absolute;left:0;top:.5em;width:14px;height:8px;border-left:3px solid #4f7a5c;border-bottom:3px solid #4f7a5c;transform:rotate(-45deg)}
.price-row{display:flex;gap:14px;align-items:baseline;flex-wrap:wrap;margin:18px 0}
.price{font:800 2.6rem Fraunces,serif;color:var(--forest)}.mrp{text-decoration:line-through;opacity:.7}
.small{font-size:.9rem;opacity:.85}.trust{margin-top:12px}.note{font-size:.9rem;background:var(--beige);padding:10px 14px;border-radius:12px}
.strip{background:var(--forest);color:var(--cream);overflow:hidden;white-space:nowrap;padding:12px 0}
.strip-in{display:inline-flex;gap:40px;animation:scroll 40s linear infinite;padding-left:40px}
@keyframes scroll{to{transform:translateX(-50%)}}
.sec{padding:60px 0}.sec.wrap{padding-left:20px;padding-right:20px}.alt{background:var(--beige)}
.split{display:grid;gap:28px;align-items:center}.two{display:grid;gap:20px;margin-top:20px}.mt{margin-top:14px}
.sub{max-width:68ch}.center{text-align:center}
.pain{list-style:none;padding:0}.pain li{background:#fff;border-radius:16px;padding:10px 16px;margin:8px 0;box-shadow:0 6px 16px -10px #0004}
.cards{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
article{background:#fff;border-radius:var(--r);padding:22px;border-top:5px solid var(--sage)}article:nth-child(even){border-top-color:var(--peach)}article p{margin:0}
.bonus{display:grid;gap:22px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));perspective:900px;margin:28px 0}
.pg{min-height:250px;border-radius:14px;padding:22px;display:flex;flex-direction:column;gap:8px;justify-content:flex-end;transform:rotateY(-14deg) rotateX(4deg);box-shadow:-14px 16px 28px -14px #0006,inset 6px 0 0 #0002;transition:transform .3s}
.pg:hover{transform:rotateY(-4deg)}.pg i{font-style:normal;font-weight:700;opacity:.75}.pg b{font:700 1.2rem Fraunces,serif;color:var(--forest)}
.p1{background:#dcebd5}.p2{background:#fde0c8}.p3{background:#f6e7b8}.p4{background:#d8e6ef}
.author{display:grid;gap:24px;align-items:center}.ph{aspect-ratio:1;max-width:240px;background:var(--soft);border:3px dashed var(--sage);border-radius:50%;display:grid;place-items:center;text-align:center;padding:20px}
.price-sec{background:linear-gradient(160deg,var(--soft),#fde7d3)}.box{background:#fff;border-radius:28px;max-width:460px;margin:20px auto 0;padding:32px;box-shadow:0 24px 50px -24px var(--forest)}
.big{font:800 4rem Fraunces,serif;color:var(--forest)}
.faq{max-width:780px}details{background:#fff;border-radius:14px;padding:14px 18px;margin:10px 0}summary{cursor:pointer;font-weight:700}
.final{background:var(--forest);padding:56px 0}.final h2{color:#fff}.final .btn{background:var(--peach);color:var(--forest)}
footer{background:#16291e;color:#cfdccf;padding:28px 0;text-align:center}footer a{color:#fff}
.toast{position:fixed;left:12px;bottom:12px;max-width:300px;background:#fff;border-left:5px solid var(--sage);border-radius:14px;padding:12px 38px 12px 14px;box-shadow:0 12px 30px -10px #0006;z-index:60;animation:in .4s}
.toast button{position:absolute;right:6px;top:4px;border:0;background:none;font-size:1.4rem;cursor:pointer}
@keyframes in{from{opacity:0;transform:translateY(12px)}}
@media(min-width:800px){.hero-grid,.split{grid-template-columns:1fr 1fr}.two{grid-template-columns:1fr 1fr}.author{grid-template-columns:240px 1fr}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto}.strip{overflow-x:auto}}

.author-img{width:100%;max-width:300px;aspect-ratio:3/4;object-fit:cover;object-position:top}
.btn::after{content:"";position:absolute;top:0;left:-70%;width:45%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-20deg);animation:shine 3.2s ease-in-out infinite;z-index:-1;pointer-events:none}
.btn:not(.sm){animation:pulse 2.4s ease-in-out infinite}
.btn:active{transform:scale(.96)}
@keyframes shine{0%,55%{left:-70%}100%{left:130%}}
@keyframes pulse{0%,100%{box-shadow:0 10px 22px -10px var(--forest),0 0 0 0 rgba(143,174,143,.6)}50%{box-shadow:0 10px 22px -10px var(--forest),0 0 0 12px rgba(143,174,143,0)}}
@media(prefers-reduced-motion:reduce){.btn::after{display:none}}