:root{
  --cream:#FBF8F2; --cream2:#F4EEE3; --sand:#F3EADC; --sage:#A7B79A; --sage-d:#56694F; --sage-l:#E4ECDD;
  --terra:#C98466; --terra-d:#A35C40; --rose:#F6E1D4; --blue:#DCE8EE; --blue-d:#5F8597;
  --ink:#3D3934; --muted:#6B6259; --line:#E6DCCD;
  --serif:'EB Garamond',Georgia,serif; --sans:'Nunito Sans',system-ui,sans-serif; --hand:'Caveat',cursive;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font:17px/1.65 var(--sans);-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:var(--terra-d)}
h1,h2,h3{font-family:var(--serif);font-weight:500;line-height:1.12;margin:0 0 .5em;color:#34302B}
h1{font-size:clamp(38px,6vw,64px)}
h2{font-size:clamp(30px,4.2vw,44px)}
h3{font-size:24px}
p{margin:0 0 1em}
.wrap{max-width:1120px;margin:0 auto;padding:0 22px}
.narrow{max-width:760px}
.kicker{font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:var(--sage-d);font-weight:700;margin-bottom:12px}
.hand{font-family:var(--hand);color:var(--terra);font-size:26px;line-height:1.2}
.muted{color:var(--muted)}
.center{text-align:center}
section{padding:84px 0;position:relative}
.bg-sand{background:var(--cream2)}
.bg-sage{background:#EEF1E7}

/* header */
.top{position:sticky;top:0;z-index:20;background:rgba(251,248,242,.88);backdrop-filter:blur(10px);border-bottom:1px solid transparent;transition:border-color .2s}
.top.scrolled{border-color:var(--line)}
.top .wrap{display:flex;align-items:center;justify-content:space-between;height:68px}
.brand{font-family:var(--serif);font-size:23px;color:var(--ink);text-decoration:none;line-height:1}
.brand small{display:block;font-family:var(--sans);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-top:4px}
.nav{display:flex;gap:26px;align-items:center}
.nav a{color:var(--ink);text-decoration:none;font-size:15px}
.nav a:not(.btn):hover{color:var(--terra-d)}
@media(max-width:820px){.nav a:not(.btn){display:none}}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--terra-d);color:#fff!important;text-decoration:none;border:0;border-radius:999px;
  padding:16px 30px;font:700 17px var(--sans);cursor:pointer;box-shadow:0 10px 24px -10px rgba(178,110,80,.7);transition:transform .15s,background .15s,box-shadow .15s}
.btn:hover{background:#8E4E35;transform:translateY(-1px)}
.btn:disabled{background:#CDBFB2;box-shadow:none;cursor:not-allowed;transform:none}
.btn.sm{padding:10px 20px;font-size:15px}
.btn.ghost{background:transparent;color:var(--ink)!important;box-shadow:inset 0 0 0 1.5px var(--ink)}
.btn.ghost:hover{background:var(--ink);color:#fff!important}

/* hero */
.hero{padding:56px 0 70px;overflow:hidden;background:linear-gradient(180deg,var(--cream2),var(--cream))}
.hero .wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}
.hero h1 em{font-style:italic;color:var(--terra)}
.hero .lead{font-size:20px;color:#5A534B;max-width:540px}
.price-row{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin:28px 0 14px}
.price{font-family:var(--serif);font-size:44px;color:var(--terra);line-height:1}
.price s{font-size:22px;color:var(--muted);margin-left:6px}
.bonus-pill{display:inline-flex;gap:8px;align-items:center;background:var(--sage-l);color:var(--sage-d);font-weight:700;font-size:14px;border-radius:999px;padding:8px 16px}
.trust{display:flex;gap:18px;flex-wrap:wrap;font-size:14px;color:var(--muted);margin-top:14px}
.trust span::before{content:'✓';color:var(--sage-d);font-weight:800;margin-right:6px}
.books{position:relative;height:540px}
.book{position:absolute;border-radius:6px;overflow:hidden;box-shadow:0 30px 60px -20px rgba(70,50,30,.45),0 6px 16px rgba(70,50,30,.12)}
.book.main{width:320px;right:130px;top:10px;transform:rotate(-3deg);z-index:2}
.book.free{width:250px;right:0;top:130px;transform:rotate(6deg);z-index:1}
.blob{position:absolute;border-radius:50%;filter:blur(40px);opacity:.55;z-index:0}
@media(max-width:900px){.hero .wrap{grid-template-columns:1fr}.books{height:430px;max-width:440px;margin:0 auto;width:100%}.book.main{width:260px;right:auto;left:10px}.book.free{width:200px;right:10px;top:120px}}

/* clouds / bubbles */
.cloud{position:relative;background:#fff;border-radius:40% 45% 42% 48%/55% 50% 58% 52%;padding:34px 40px;font:italic 25px/1.35 var(--serif);text-align:center;box-shadow:0 14px 30px -18px rgba(120,90,60,.35)}
.cloud::after{content:'';position:absolute;bottom:-12px;left:24%;width:26px;height:26px;border-radius:50%;background:inherit;box-shadow:-22px 18px 0 -6px var(--cbg,#fff)}
.cloud.r{background:var(--rose);--cbg:var(--rose)}.cloud.g{background:var(--sage-l);--cbg:var(--sage-l)}.cloud.b{background:var(--blue);--cbg:var(--blue)}
.say{position:relative;display:inline-block;font:italic 21px/1.35 var(--serif);background:#fff;border-radius:22px 22px 22px 6px;padding:12px 22px;margin:0 0 14px 8px;box-shadow:0 8px 18px -12px rgba(120,90,60,.4)}
.say::before{content:'';position:absolute;left:-8px;bottom:0;width:16px;height:16px;background:inherit;clip-path:polygon(100% 0,100% 100%,0 100%)}
.say.r{background:var(--rose)}.say.g{background:var(--sage-l)}.say.b{background:var(--blue)}
.quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:34px 28px;margin-top:40px}
.quotes .cloud{font-size:22px;padding:30px 28px;display:flex;align-items:center;justify-content:center;min-height:170px}
@media(max-width:860px){.quotes{grid-template-columns:1fr}}

/* pains */
.pains{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.pain-list{list-style:none;padding:0;margin:0}
.pain-list li{background:#fff;border-radius:18px;padding:16px 20px 16px 54px;margin-bottom:12px;position:relative;box-shadow:0 8px 20px -16px rgba(120,90,60,.5)}
.pain-list li::before{content:'';position:absolute;left:20px;top:22px;width:16px;height:16px;border-radius:50%;background:var(--rose);box-shadow:inset 0 0 0 4px #fff,0 0 0 2px var(--terra)}
@media(max-width:860px){.pains{grid-template-columns:1fr}}

/* parts */
.parts{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-top:40px}
.part{border-radius:26px;padding:30px 30px 26px;background:var(--rose)}
.part:nth-child(2){background:var(--sage-l)}.part:nth-child(3){background:var(--sand)}.part:nth-child(4){background:var(--blue)}
.part .n{font:500 15px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--terra-d);font-weight:700}
.part ul{margin:12px 0 0;padding:0;list-style:none}
.part li{padding-left:24px;position:relative;margin-bottom:6px;font-size:16px}
.part li::before{content:'✓';position:absolute;left:0;color:var(--sage-d);font-weight:800}
.extras{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:22px}
.extra{background:#fff;border-radius:20px;padding:20px;text-align:center;font-family:var(--serif);font-size:19px;line-height:1.25}
.extra .ico{width:54px;height:54px;border-radius:50%;margin:0 auto 10px;display:flex;align-items:center;justify-content:center;background:var(--rose)}
@media(max-width:860px){.parts{grid-template-columns:1fr}.extras{grid-template-columns:1fr 1fr}}

/* gallery */
.gallery{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;padding:20px 22px 30px;margin:30px -22px 0}
.gallery figure{flex:0 0 280px;margin:0;scroll-snap-align:center}
.gallery img{border-radius:8px;box-shadow:0 20px 40px -22px rgba(70,50,30,.55);cursor:zoom-in;transition:transform .2s}
.gallery img:hover{transform:translateY(-4px)}
.gallery figcaption{font-size:14px;color:var(--muted);margin-top:12px;text-align:center}
.lightbox{position:fixed;inset:0;background:rgba(40,34,28,.86);display:none;align-items:center;justify-content:center;z-index:50;padding:20px;cursor:zoom-out}
.lightbox.on{display:flex}.lightbox img{max-height:92vh;width:auto;border-radius:6px}

/* bonus */
.bonus{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;align-items:center}
.bonus .book-s{max-width:300px;margin:0 auto;border-radius:6px;overflow:hidden;transform:rotate(-3deg);box-shadow:0 30px 60px -20px rgba(70,50,30,.45)}
@media(max-width:860px){.bonus{grid-template-columns:1fr}}

/* author */
.author{display:grid;grid-template-columns:320px 1fr;gap:50px;align-items:center}
@media(max-width:860px){.author{grid-template-columns:1fr}}

/* for whom */
.who{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:30px}
.who>div{border-radius:26px;padding:30px}
.who ul{list-style:none;padding:0;margin:0}.who li{padding-left:28px;position:relative;margin-bottom:10px}
.who .yes{background:var(--sage-l)}.who .yes li::before{content:'✓';position:absolute;left:0;color:var(--sage-d);font-weight:800}
.who .no{background:var(--rose)}.who .no li::before{content:'✕';position:absolute;left:0;color:var(--terra);font-weight:800}
@media(max-width:860px){.who{grid-template-columns:1fr}}

/* faq */
.faq details{background:#fff;border-radius:18px;margin-bottom:12px;padding:0 24px;box-shadow:0 8px 20px -18px rgba(120,90,60,.5)}
.faq summary{cursor:pointer;list-style:none;padding:20px 30px 20px 0;font-family:var(--serif);font-size:21px;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:'+';position:absolute;right:0;top:16px;font:300 28px var(--sans);color:var(--terra)}
.faq details[open] summary::after{content:'–'}
.faq details p{padding-bottom:20px;margin:0;color:#5A534B}

/* buy box */
.buy{background:#fff;border-radius:32px;padding:44px;box-shadow:0 30px 70px -40px rgba(70,50,30,.5);display:grid;grid-template-columns:260px 1fr;gap:44px;align-items:center}
.buy .stack{position:relative;height:330px}
.buy .stack img{position:absolute;border-radius:6px;box-shadow:0 20px 40px -18px rgba(70,50,30,.5)}
.buy .stack .a{width:200px;left:0;top:0;transform:rotate(-4deg);z-index:2}.buy .stack .b{width:160px;left:95px;top:90px;transform:rotate(6deg)}
.incl{list-style:none;padding:0;margin:14px 0 20px}.incl li{padding-left:28px;position:relative;margin-bottom:6px}
.incl li::before{content:'✓';position:absolute;left:0;color:var(--sage-d);font-weight:800}
.consent{display:flex;gap:12px;align-items:flex-start;font-size:14px;line-height:1.5;color:#5A534B;margin-bottom:12px;cursor:pointer}
.consent input{margin-top:3px;width:19px;height:19px;accent-color:var(--terra);flex:none}
.err{color:#B0412E;font-size:14px;min-height:20px;margin-top:10px}
@media(max-width:860px){.buy{grid-template-columns:1fr;padding:28px}.buy .stack{height:280px;max-width:280px;margin:0 auto;width:100%}}

/* footer */
footer{background:#3D3934;color:#D8CFC3;padding:50px 0 40px;font-size:14px}
footer a{color:#F2E7DA;text-decoration:none;margin-right:18px}
footer .wrap{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}
footer .brand{color:#fff}

/* text pages */
.doc{padding:60px 0 90px}
.doc h1{font-size:44px}.doc h2{font-size:28px;margin-top:1.6em}
.doc li{margin-bottom:.4em}
.card{background:#fff;border-radius:26px;padding:40px;box-shadow:0 30px 70px -40px rgba(70,50,30,.5)}
.spinner{width:40px;height:40px;border-radius:50%;border:4px solid var(--sage-l);border-top-color:var(--sage-d);animation:sp 1s linear infinite;margin:20px auto}
@keyframes sp{to{transform:rotate(360deg)}}
.dl{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;margin:24px 0}
.fade{opacity:0;transform:translateY(16px);transition:opacity .7s,transform .7s}.fade.in{opacity:1;transform:none}
@media (prefers-reduced-motion: reduce){.fade{opacity:1;transform:none}}
.pains>*,.hero .wrap>*,.bonus>*,.author>*,.buy>*,.who>*,.parts>*,.quotes>*{min-width:0}

.price-note{font-size:13px;color:var(--muted);letter-spacing:.02em;margin-top:4px}

.marquee{overflow:hidden;margin-top:36px;padding:10px 0 34px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.marquee .track{display:flex;gap:28px;width:max-content;animation:scrollx 60s linear infinite}
.marquee.slow .track{animation-duration:80s}
.marquee:hover .track{animation-play-state:paused}
.marquee .cloud{flex:0 0 320px;font-size:21px;padding:28px 30px;min-height:160px;display:flex;align-items:center;justify-content:center}
@keyframes scrollx{to{transform:translateX(calc(-50% - 14px))}}
@media (prefers-reduced-motion: reduce){.marquee .track{animation:none}.marquee{overflow-x:auto}}
.review{flex:0 0 340px;margin:0;background:#fff;border-radius:24px;padding:26px 28px;text-align:left;box-shadow:0 14px 30px -20px rgba(120,90,60,.45)}
.review blockquote{margin:0 0 12px;font:italic 19px/1.4 var(--serif)}
.review figcaption{font-size:14px;color:var(--muted)}
[hidden]{display:none!important}

.fields{display:grid;grid-template-columns:1.4fr 1fr;gap:12px;margin:4px 0 16px}
.field{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:600;color:#5A534B}
.field small{font-weight:400;color:var(--muted)}
.field input{font:16px var(--sans);padding:13px 16px;border:1.5px solid var(--line);border-radius:14px;background:var(--cream);color:var(--ink);min-width:0}
.field input:focus{outline:none;border-color:var(--sage-d);box-shadow:0 0 0 3px var(--sage-l)}
@media(max-width:560px){.fields{grid-template-columns:1fr}}

.brand{display:inline-flex;align-items:center;gap:10px}
.brand .bt{display:flex;flex-direction:column}
.brand .bn{font-family:var(--serif);font-size:24px;line-height:1}
.brand .bn i{color:var(--terra-d)}
.brand small{font-size:10.5px;margin-top:5px}
footer .brand .bn{color:#fff}footer .brand .bn i{color:#E8B9A2}
footer .mark path:first-child{stroke:#A7B79A}

/* ---- poradnik / artykuły ---- */
.article{padding:40px 0 90px}
.crumbs{font-size:14px;color:var(--muted);margin-bottom:26px}.crumbs a{color:var(--muted);text-decoration:none}.crumbs a:hover{color:var(--terra-d)}.crumbs span{margin:0 4px}
.article h1{font-size:clamp(34px,5vw,50px);text-wrap:balance}
.article h2{font-size:30px;margin-top:1.5em;text-wrap:balance}
.article p,.article li{font-size:18px;line-height:1.75}
.article ul,.article ol{padding-left:24px}.article li{margin-bottom:8px}
.art-meta{font-size:14px;color:var(--muted);margin-bottom:18px}
.article .lead{font-size:21px;color:#5A534B;line-height:1.6}
.art-img{max-width:440px;width:100%;margin:10px auto 20px}
.art-cloud{margin:36px auto;max-width:560px;font-size:22px}
.article .say{display:table;font-size:20px}
.art-table{width:100%;border-collapse:separate;border-spacing:0;margin:10px 0 20px;font-size:17px}
.art-table th{background:var(--sage-l);font-family:var(--serif);font-weight:500;font-size:19px;text-align:left;padding:12px 14px}
.art-table td{padding:12px 14px;background:#fff;border-bottom:1px solid var(--line)}
.art-table td:last-child{font-family:var(--serif);font-style:italic;font-size:19px}
.art-cta{display:grid;grid-template-columns:150px 1fr;gap:28px;align-items:center;background:var(--rose);border-radius:28px;padding:30px;margin:50px 0 10px}
.art-cta img{border-radius:6px;box-shadow:0 18px 30px -16px rgba(70,50,30,.5);transform:rotate(-3deg)}
.art-cta h2{margin-top:0;font-size:28px}.art-cta p{font-size:16px}
@media(max-width:620px){.art-cta{grid-template-columns:1fr}.art-cta img{max-width:150px}}
.related{margin-top:50px}.related h2{font-size:26px}.related a{color:var(--ink)}
.small-note{font-size:13px;margin-top:30px}
.art-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}
.art-card{display:flex;flex-direction:column;background:#fff;border-radius:24px;overflow:hidden;text-decoration:none;color:var(--ink);box-shadow:0 14px 30px -22px rgba(120,90,60,.5);transition:transform .2s}
.art-card:hover{transform:translateY(-3px)}
.art-card img{background:var(--cream2);aspect-ratio:4/3;object-fit:contain;width:100%;padding:10px}
.art-card div{padding:20px 22px 24px}.art-card h2{font-size:23px;margin:0 0 8px}.art-card p{font-size:15px;color:#5A534B;margin:0 0 12px}
.art-card .more{color:var(--terra-d);font-weight:700;font-size:15px}
.guide-links{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;margin-top:26px}
.guide-links a{display:block;background:#fff;border-radius:18px;padding:18px 22px;text-decoration:none;color:var(--ink);font-family:var(--serif);font-size:20px;line-height:1.25;box-shadow:0 8px 20px -16px rgba(120,90,60,.5)}
.guide-links a:hover{color:var(--terra-d)}