/* Fonty ladowane teraz przez w
strony, a nie przez @import. @import tworzy szeregowy lancuch:
HTML -> ten arkusz -> arkusz Google -> pliki fontow, czyli dodatkowe
pelne rundy zanim pojawi sie tekst. Z arkusz fontow leci
rownolegle z tym plikiem. NIE przywracac @import bez usuniecia . */
:root{--font-label:"Inter",system-ui,sans-serif; /* etykiety: ROZDZIAŁ, FAKT, pasek. Alternatywy (Google Fonts, dodać w ): "IBM Plex Mono", "DM Mono", "Space Mono" */
--paper:#f3ebdf;
--paper-2:#e9ddcf;
--paper-3:#fffaf1;
--ink:#15110f;
--ink-soft:#51483f;
--rust:#a73e31;
--rust-2:#8e3027;
--rust-light:#d87c70;
--pink:#efaaa5;
--pink-soft:#f4cbc6;
--line:rgba(23,19,16,.22);
--line-strong:rgba(23,19,16,.72);
--white:#fffaf3;
--shadow:6px 6px 0 var(--ink);
--shadow-sm:3px 3px 0 var(--ink);
--radius:2px;
--sans:"Inter",Arial,Helvetica,sans-serif;
--serif:"Cormorant Garamond",Georgia,"Times New Roman",serif;
--ease:cubic-bezier(.2,.75,.2,1);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:92px;background:var(--paper)}
body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--sans);font-size:16px;line-height:1.55;overflow-x:hidden;text-wrap:pretty}
body::before{content:"";position:fixed;inset:0;z-index:999;pointer-events:none;opacity:.16;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 220 220' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.2'/%3E%3C/svg%3E")}
::selection{background:var(--rust);color:var(--white)}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button,input{font:inherit}
button{color:inherit}
main{overflow:hidden}
.scroll-progress{position:fixed;left:0;top:0;width:100%;height:3px;z-index:1002;background:var(--rust);box-shadow:0 0 16px rgba(166,59,47,.45);transform:scaleX(0);transform-origin:0 50%}
.top-announcement{min-height:36px;background:var(--ink);color:var(--white);display:flex;align-items:center;justify-content:center;gap:22px;padding:8px 18px;font-size:12px;letter-spacing:.005em;position:relative;z-index:80}
.top-announcement strong{font-weight:800}
.top-announcement a{text-decoration:underline;text-underline-offset:3px;font-weight:600}
.top-announcement a:hover{color:var(--pink)}
/* Link w pasku ma ~16 px wysokości; pole dotyku powiększone do ~44 px bez zmiany wyglądu. */
.top-announcement a{position:relative}.top-announcement a::after{content:"";position:absolute;inset:-14px -12px}
.site-header{position:sticky;top:0;z-index:70;background:rgba(244,237,227,.93);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.nav-shell{max-width:1280px;height:76px;margin:auto;padding:0 28px;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:32px}
.site-brand{white-space:nowrap}
.desktop-nav{display:flex;align-items:center;gap:34px;font-size:13px;font-weight:600}
.desktop-nav a{position:relative;padding:8px 0}
.desktop-nav a::after{content:"";position:absolute;left:0;bottom:2px;width:100%;height:1px;background:var(--rust);transform:scaleX(0);transform-origin:right;transition:transform .35s var(--ease)}
.desktop-nav a:hover::after,.desktop-nav a.active::after{transform:scaleX(1);transform-origin:left}
.nav-cta,.btn-primary,.mobile-menu-cta{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:var(--rust);border:1px solid var(--rust);font-weight:800;letter-spacing:.015em;box-shadow:0 8px 22px rgba(104,42,33,.18);transition:transform .25s var(--ease),box-shadow .25s var(--ease),background .25s ease;position:relative;overflow:hidden}
.nav-cta{padding:12px 22px;font-size:12px}
.nav-cta:hover,.btn-primary:hover,.mobile-menu-cta:hover{background:var(--rust-2);transform:translateY(-2px);box-shadow:0 12px 25px rgba(104,42,33,.25)}
.nav-cta::after,.btn-primary::after{content:"";position:absolute;top:-50%;left:-90%;width:45%;height:200%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);transform:rotate(20deg);transition:left .65s ease}
.nav-cta:hover::after,.btn-primary:hover::after{left:140%}
.menu-toggle{display:none;width:44px;height:44px;border:1px solid var(--ink);border-radius:50%;background:transparent;align-items:center;justify-content:center;flex-direction:column;gap:6px;cursor:pointer}
.menu-toggle span{display:block;width:18px;height:1.5px;background:var(--ink);transition:.25s ease}
.menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(3.75px) rotate(45deg)}
.menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-3.75px) rotate(-45deg)}
.mobile-menu{position:absolute;left:0;right:0;top:76px;background:var(--paper);border-bottom:1px solid var(--ink);padding:22px 24px 28px;box-shadow:0 16px 36px rgba(23,19,16,.12);display:grid;gap:0}
.mobile-menu>a{padding:15px 4px;border-bottom:1px solid var(--line);font-size:18px;font-weight:700}
.mobile-menu .mobile-menu-cta{margin-top:20px;padding:15px;border:0}
.site-section{position:relative}
.site-section:not(.hero-section):not(.proof-section):not(.promise-section):not(.lead-section):not(.steps-section):not(.final-section){max-width:1280px;margin:0 auto;padding:90px 48px}
.section-kicker,.editorial-kicker{display:inline-block;margin-bottom:14px;font-family:var(--font-label);font-weight:700;text-transform:uppercase;color:var(--rust)}
.section-rule,.editorial-rule{border:0;border-top:1px solid var(--line-strong);margin:0 0 26px;transform-origin:left}
.section-title{font-size:clamp(35px,4vw,56px);line-height:1.02;letter-spacing:-.045em;text-transform:uppercase;margin:0 0 30px;font-weight:900;}
.section-title em{font-family:var(--serif);font-style:italic;font-weight:600;text-transform:none;letter-spacing:-.02em;color:var(--rust);font-size:1.08em}
.site-section>p{max-width:720px;color:var(--ink-soft);margin:0 0 34px;font-size:16px}
/* HERO — based on the approved editorial reference */
.hero-section{margin:0 auto;min-height:790px;padding:46px 48px 86px;display:grid;gap:56px;align-items:center;overflow:visible}
.hero-copy{position:relative;z-index:4;max-width:620px}
.hero-copy>.tag-outline{display:inline-flex;border:1px solid var(--ink);border-radius:999px;padding:7px 14px;margin-bottom:24px;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;transform:rotate(-1.2deg);background:var(--paper-3)}
.hero-copy h1{text-transform:uppercase;margin:0;font-weight:900}
.hero-copy h1 span{display:block}
.hero-copy h1 span:last-child{font-weight:800}
.hero-copy>svg{width:270px;margin:16px 0 18px;overflow:visible}
.hero-copy>svg path{stroke:var(--rust);stroke-width:2;stroke-dasharray:320;stroke-dashoffset:320;animation:drawLine 1.4s .55s var(--ease) forwards}
.hero-copy>p:first-of-type{font-size:clamp(19px,1.55vw,23px);line-height:1.45;max-width:520px;margin:0 0 14px}
.hero-copy>p:first-of-type em{font-family:var(--serif);font-size:1.15em;color:var(--rust);font-weight:600}
.hero-copy>p:nth-of-type(2){font-size:14px;line-height:1.65;color:#665b52;max-width:550px;margin:0 0 24px}
.price-anchor{width:min(470px,100%);min-height:152px;border:1.5px solid var(--ink);padding:18px 100px 17px 20px;position:relative;margin:18px 0 24px;display:flex;flex-direction:column;align-items:flex-start;gap:4px}
.price-anchor>.tag-accent{display:inline-block;background:var(--ink);color:var(--white);border-radius:999px;padding:6px 12px;line-height:1;font-weight:800;text-transform:uppercase;letter-spacing:.03em}
.price-anchor-row{display:flex;align-items:baseline;gap:14px;margin-top:6px}
.price-anchor-now{font-size:31px;font-weight:900;letter-spacing:-.05em}
.price-anchor-was{font-size:14px;color:rgba(21,17,15,.64);text-decoration:line-through}
.price-anchor-what{font-size:13.5px;line-height:1.35;color:rgba(21,17,15,.72)}
.price-anchor-save{color:var(--rust);font-weight:700}
.spin-badge{position:absolute;right:14px;top:50%;width:82px;height:82px;transform:translateY(-50%);display:grid;place-items:center}
.spin-badge-ring{position:absolute;inset:0;width:100%;height:100%;animation:spin 14s linear infinite}
.spin-badge-ring text{font-family:var(--sans);font-size:10px;fill:var(--rust);font-weight:800;text-transform:uppercase}
.spin-badge-disc{width:61px;height:61px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1;background:var(--rust);color:white;font-size:22px;font-weight:900;box-shadow:0 0 0 3px var(--paper-3),0 5px 18px rgba(166,59,47,.23);animation:pulseBadge 3s ease-in-out infinite}
.spin-badge-disc strong{font-size:1em;font-weight:900;line-height:1}
.spin-badge-unit{font-size:.41em;font-weight:800;line-height:1;margin-top:2px;text-transform:uppercase;letter-spacing:.06em;opacity:.88}
.hero-copy>div:last-child{display:flex;gap:17px;align-items:center;flex-wrap:wrap}
.btn{min-height:48px;padding:13px 25px;border:1px solid var(--ink);border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:13px;font-weight:800;cursor:pointer;transition:transform .25s var(--ease),background .25s ease,color .25s ease,box-shadow .25s ease}
.btn-ghost,.btn-secondary{background:transparent;color:var(--ink);border-color:transparent;border-radius:0;padding-left:4px;padding-right:4px;border-bottom:1px solid var(--ink)}
.btn-ghost:hover,.btn-secondary:hover{color:var(--rust);border-bottom-color:var(--rust);transform:translateX(3px)}
.btn-block{width:100%}
.hero-media{position:relative;z-index:3;min-height:610px}
.polaroid{margin:0;border:1.5px solid var(--ink);padding:10px 10px 14px;box-shadow:4px 5px 0 rgba(23,19,16,.95);position:absolute;transition:transform .55s var(--ease),box-shadow .55s var(--ease)}
.polaroid>div{overflow:hidden;background:#ddd}
.polaroid img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.polaroid-main{z-index:2;transform:rotate(-2.3deg) translateY(var(--hero-parallax,0px))}
.polaroid-main>div{aspect-ratio:4/5}
.polaroid-main figcaption{font-family:var(--serif);font-style:italic;font-size:14px;color:#766b61;padding:10px 5px 1px}
.polaroid-secondary{z-index:1;transform:rotate(3.1deg) translateY(calc(var(--hero-parallax,0px) * -.55))}
.polaroid-secondary>div{aspect-ratio:3/4}
.polaroid-secondary img{filter:grayscale(1) contrast(1.04)}
.hero-media:hover .polaroid-main{transform:rotate(-1deg) translateY(calc(var(--hero-parallax,0px) - 5px));box-shadow:7px 8px 0 var(--ink)}
.hero-media:hover .polaroid-secondary{transform:rotate(2deg) translateY(calc(var(--hero-parallax,0px) * -.55 - 3px))}
.hero-media:hover .polaroid-main img{transform:scale(1.025)}
.hero-media>.tag{position:absolute;z-index:6;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.02em;padding:8px 13px}
.hero-media>.tag-accent{right:13%;top:17px;background:var(--rust);color:white;transform:rotate(4deg);clip-path:polygon(3% 10%,100% 0,97% 90%,0 100%)}
.hero-media>.tag-neutral{left:-5%;bottom:120px;background:var(--paper-2);color:var(--ink);transform:rotate(-5deg);box-shadow:1px 1px 0 var(--line)}
.hero-side-notes{position:absolute;right:-90px;top:125px;width:180px;display:flex;flex-direction:column;gap:3px;font-family:var(--font-label);font-size:9px;line-height:1.45;color:#645a52;z-index:2}
.hero-side-notes i{width:44px;height:1px;background:var(--ink);display:block;margin:6px 0 30px}
.hero-side-notes em{font-family:var(--serif);font-size:22px;line-height:1.05;letter-spacing:-.02em;color:var(--ink);transform:rotate(-7deg);font-weight:600}
.hero-star{position:absolute;left:49.8%;top:182px;color:var(--rust);font-size:72px;line-height:1;z-index:2;animation:starBreath 4.6s ease-in-out infinite}
.hero-edge-photo{position:absolute;left:-196px;top:108px;width:155px;height:430px;overflow:hidden;z-index:1;clip-path:polygon(0 0,92% 3%,100% 78%,83% 100%,0 98%)}
.hero-edge-photo::after{content:"";position:absolute;left:34px;right:-4px;bottom:48px;height:125px;background:var(--rust);mix-blend-mode:multiply;clip-path:polygon(0 12%,90% 0,100% 88%,16% 100%);opacity:.85}
.hero-edge-photo img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.08);}
/* proof */
.proof-section{margin:0 auto;padding:0 48px 82px}
.proof-grid{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}
.proof-item{padding:23px 18px 19px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between;background:rgba(255,250,243,.32);transition:background .3s ease,transform .3s var(--ease)}
.proof-item:hover{background:var(--pink-soft);transform:translateY(-3px)}
.proof-item>div:first-child{line-height:.9;font-weight:900;}
.proof-item>div:last-child{font-family:var(--font-label);text-transform:uppercase;color:var(--rust);}
/* generic cards */
.card{border:1.2px solid var(--ink);background:rgba(255,250,243,.72);padding:26px;min-height:100%;display:flex;flex-direction:column;gap:10px;position:relative;transition:transform .35s var(--ease),box-shadow .35s var(--ease),background .3s ease,border-color .3s ease}
.card:hover{transform:translateY(-5px) rotate(-.25deg);box-shadow:var(--shadow-sm);background:var(--paper-3)}
.card-kicker{font-family:var(--font-label);text-transform:uppercase;color:var(--rust);font-weight:700}
.card-title{font-size:20px;line-height:1.08;text-transform:uppercase;letter-spacing:-.035em;font-weight:900;margin-top:2px}
.card-body{font-size:14px;line-height:1.6;margin:3px 0 0;color:#5c524a}
.why-section{max-width:1050px!important;text-align:center}
.why-section>.section-title{margin-left:auto;margin-right:auto;max-width:780px}
.why-section>p{margin:0 auto 34px;max-width:650px}
.why-section>div:last-child{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;text-align:left;align-items:stretch}
.why-section .card:nth-child(3){background:var(--pink-soft);transform:rotate(.6deg)}
/* Rdzawy na różowej karcie miał 4,2:1 - ciemniejszy odcień daje 5,5:1. */
.why-section .card:nth-child(3) .card-kicker,.contrast-section .card:last-child .card-kicker{color:var(--rust-2,#8e3027)}
.why-section .card:nth-child(3):hover{transform:translateY(-5px) rotate(0)}
/* promise */
.promise-section{background:var(--ink);color:var(--white);margin:10px 0 0;overflow:hidden}
.promise-section::before,.promise-section::after{content:"✦";position:absolute;color:var(--rust-light);font-size:96px;opacity:.25}
.promise-section::before{left:7%;top:24%}.promise-section::after{right:7%;bottom:10%;font-size:58px}
.promise-section>div{max-width:1120px;margin:auto;padding:88px 48px;text-align:center;position:relative;z-index:2}
.promise-section>div>span{font-family:var(--font-label);text-transform:uppercase;color:var(--pink)}
.promise-section>div>p:first-of-type{line-height:1.18;font-weight:800;letter-spacing:-.035em;margin:22px auto 22px;max-width:940px}
.promise-section>div>p:first-of-type em{font-family:var(--serif);color:var(--pink);font-size:1.08em}
.promise-section>div>p:last-child{font-family:var(--serif);font-style:italic;color:#d8cdc4;margin:0;font-size:18px}
/* contrast */
.contrast-section{max-width:1080px!important}
.contrast-section>.section-title{text-align:center;margin-left:auto;margin-right:auto;font-size:clamp(32px,3.6vw,50px)}
.contrast-section>div{display:grid;grid-template-columns:1fr 1fr;align-items:stretch}
.contrast-section .card{min-height:290px;padding:32px}
.contrast-section .card:last-child::after{content:"next step";position:absolute;right:18px;bottom:-10px;padding:6px 10px;font-family:var(--serif);font-style:italic;font-size:18px;transform:rotate(-3deg)}
/* audience */
.audience-section,.about-section{display:grid;grid-template-columns:.82fr 1.18fr;gap:74px;align-items:start}
.sticky-media{position:sticky;top:118px;min-height:600px}
.editorial-photo{margin:0;background:var(--paper-3);border:1.4px solid var(--ink);padding:10px 10px 14px;box-shadow:4px 4px 0 var(--ink);transition:.45s var(--ease)}
.editorial-photo>div{overflow:hidden}
.editorial-photo img{width:100%;height:100%;object-fit:cover;transition:transform .65s var(--ease)}
.editorial-photo figcaption{font-family:var(--serif);font-style:italic;padding:8px 4px 0;font-size:15px;color:#71665d}
.sticky-media .editorial-photo:first-child{width:80%;transform:rotate(-2.5deg)}
.sticky-media .editorial-photo:first-child>div{aspect-ratio:3/4}
.sticky-media .editorial-photo:nth-child(2){width:55%;margin:-28% 0 0 42%;transform:rotate(4deg)}
.sticky-media .editorial-photo:nth-child(2)>div{aspect-ratio:1/1}
.sticky-media .editorial-photo:nth-child(2) img{filter:grayscale(1)}
.sticky-media:hover .editorial-photo:first-child{transform:rotate(-1deg) translateY(-5px)}
.sticky-media:hover .editorial-photo:nth-child(2){transform:rotate(2.5deg) translateY(3px)}
.audience-section>div:last-child>div:last-child{display:flex;flex-direction:column}
.audience-section>div:last-child>div:last-child>div{display:grid;grid-template-columns:62px 1fr;gap:16px;padding:20px 0;border-bottom:1px solid var(--line);transition:background .25s ease}
/* Przesunięcie po najechaniu przez transform, nie padding: bez przeliczania układu i bez przesunięć liczonych do CLS. */
.audience-section>div:last-child>div:last-child>div>*{transition:transform .25s var(--ease)}
.audience-section>div:last-child>div:last-child>div:hover{background:linear-gradient(90deg,rgba(239,177,171,.24),transparent 70%)}.audience-section>div:last-child>div:last-child>div:hover>*{transform:translateX(12px)}
.audience-section>div:last-child>div:last-child>div>span{font-size:29px;font-weight:900;color:var(--rust);letter-spacing:-.05em;line-height:1}
.pain-title{display:block;font-size:17px;line-height:1.2;text-transform:uppercase;letter-spacing:-.02em;margin-bottom:5px}
.audience-section p{margin:0;font-size:14px;line-height:1.55;color:#5d534a}
/* about */
.about-section>div:first-child{position:relative;max-width:470px}
.about-section .editorial-photo{transform:rotate(-1.7deg)}
.about-section .editorial-photo>div{aspect-ratio:4/5}
.about-section .editorial-photo img{object-position:center 20%}
.about-section>div:first-child>.tag{position:absolute;left:9%;top:-14px;background:var(--rust);color:white;padding:7px 12px;font-size:10px;text-transform:uppercase;font-weight:800;transform:rotate(-4deg);z-index:4}
.about-section>div:last-child>div:last-child{display:flex;flex-direction:column}
.about-section>div:last-child>div:last-child>div{display:grid;grid-template-columns:98px 1fr;gap:16px;border-bottom:1px solid var(--line)}
.about-section>div:last-child>div:last-child>div>span{font-weight:900;color:var(--rust);letter-spacing:.02em}
.about-section>div:last-child>div:last-child p{margin:0;font-size:14px;line-height:1.6;color:#51483f}
.about-section a{text-decoration:underline;text-underline-offset:3px;color:var(--rust)}
/* format / lifestyle */
.format-section>p,.lifestyle-section>p,.reviews-section>p{max-width:700px;color:var(--ink-soft);margin-top:-10px;margin-bottom:26px}
.media-card{margin:0;padding:8px;background:var(--paper-3);border:1px solid var(--ink);box-shadow:3px 3px 0 var(--ink);min-height:0}
.media-card>div{aspect-ratio:3/4;overflow:hidden}
.media-card img{width:100%;height:100%;object-fit:cover;transition:.7s var(--ease)}
.media-card:nth-child(even) img{filter:grayscale(1) contrast(1.02)}
.media-card:hover img{filter:none;transform:scale(1.035)}
/* program */
.program-section{max-width:1140px!important}
.program-accordion{border:1.4px solid var(--ink);}
.program-meta{display:grid;grid-template-columns:1fr auto auto auto;border-bottom:1px solid var(--ink)}
.program-meta span{padding:12px 18px;font-family:var(--font-label);font-weight:700;letter-spacing:.1em;text-transform:uppercase;border-left:1px solid var(--line)}
.program-meta span:first-child{border-left:0}
.editorial-details{border-bottom:1px solid var(--line)}
.editorial-details:last-child{border-bottom:0}
.editorial-details>summary{list-style:none;cursor:pointer;padding:20px 22px;display:grid;grid-template-columns:1fr auto 22px;align-items:center;gap:20px;font-weight:800;transition:background .25s ease,color .25s ease}
.editorial-details>summary::-webkit-details-marker{display:none}
.editorial-details>summary:hover{background:var(--pink-soft)}
.editorial-details[open]>summary{background:var(--rust);color:white}
.module-name{font-size:17px;text-transform:uppercase;letter-spacing:-.02em}
.module-range{font-family:var(--font-label);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.chevron{transition:transform .3s var(--ease)}
.editorial-details[open] .chevron{transform:rotate(180deg)}
.acc-panel{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .36s var(--ease),opacity .28s ease}
.editorial-details[open]>.acc-panel{grid-template-rows:1fr;opacity:1}
.acc-inner{overflow:hidden;min-height:0}
.program-accordion .acc-inner{padding:0 22px;background:var(--paper-3)}
.program-accordion details[open] .acc-inner{padding-bottom:24px}
.lesson{list-style:none;display:grid;grid-template-columns:42px 1fr;gap:12px;padding:11px 0;border-bottom:1px solid var(--line);font-size:14px}
.program-accordion ol{padding:0;margin:0}
.lesson-num{font-family:var(--font-label);color:var(--rust);padding-top:3px}
.lesson-title{font-weight:600}
.module-outcome{margin:18px 0 0;padding:18px;font-size:13px;line-height:1.55;}
/* lead */
.lead-form{display:flex;flex-direction:column;}
.input{width:100%;min-height:52px;border:1px solid var(--ink);background:white;padding:12px 14px;border-radius:0;outline:none;transition:box-shadow .2s ease,border-color .2s ease}
.input:focus{border-color:var(--rust);box-shadow:0 0 0 3px rgba(166,59,47,.14)}
.lead-form>label{display:flex;align-items:flex-start;gap:10px;font-size:11px;line-height:1.55;color:#665c53}
.lead-form>label input{margin-top:3px;accent-color:var(--rust);width:17px;height:17px;flex:none}
.lead-form>p{margin:0;text-align:center;font-size:10px;color:#8a8077}
.lead-form .btn{border-radius:999px;border-color:var(--rust)}
/* pricing */
.price-card>.card-title{font-size:38px;letter-spacing:-.055em;margin-bottom:4px}
.price-card>div:nth-of-type(3){display:flex;align-items:baseline;gap:12px;margin:6px 0 3px}
.price-card>div:nth-of-type(3)>div{font-size:42px;line-height:1;font-weight:900;letter-spacing:-.06em}
.price-card>div:nth-of-type(3)>span{text-decoration:line-through;color:#8b8178;font-size:14px}
.price-card ul{list-style:none;padding:0;margin:18px 0 auto;display:grid;gap:13px}
.price-card li{display:flex;gap:10px;font-size:14px;line-height:1.45}
.price-card li svg{flex:none;margin-top:2px;color:var(--rust)}
.price-card .btn{margin-top:22px}
.price-card:nth-child(2){background:var(--ink);color:var(--white);border-color:var(--ink);transform:rotate(.6deg)}
.price-card:nth-child(2):hover{transform:translateY(-5px) rotate(0)}
.price-card:nth-child(2)>.tag:first-child{display:inline-block;align-self:flex-start;background:var(--rust);padding:6px 10px;color:white;font-family:var(--font-label);font-size:9px;text-transform:uppercase;letter-spacing:.08em;transform:rotate(-2deg)}
.price-card:nth-child(2)>span:not(.tag){color:var(--pink);font-size:12px;font-weight:700}
.price-card:nth-child(2) li svg{color:var(--pink)}
.price-card:nth-child(2) .btn{background:var(--paper-3);color:var(--ink);border-color:var(--paper-3);border-radius:999px}
/* reviews */
.review-stars{color:var(--rust);letter-spacing:.12em;font-size:13px}
.review-text{font-family:var(--serif);font-size:19px;line-height:1.35;margin:3px 0 auto;font-weight:500}
.review-author{display:flex;align-items:center;gap:11px;margin-top:20px;padding-top:15px;border-top:1px solid var(--line)}
.review-avatar{width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:var(--pink-soft)}
.review-name{font-weight:800;font-size:12px}
.review-context{font-family:var(--font-label);letter-spacing:.04em;text-transform:uppercase;color:#766c63;margin-top:2px}
/* FAQ */
.faq-section{max-width:1030px!important}
.faq-section .accordion{border-top:1px solid var(--ink)}
.faq-section .editorial-details{border-bottom:1px solid var(--ink)}
.faq-section .editorial-details>summary{padding:22px 8px;font-size:17px;text-transform:none;letter-spacing:-.02em}
.faq-section .editorial-details[open]>summary{background:transparent;color:var(--rust)}
.faq-section .acc-inner{padding:0 8px 20px;max-width:780px}
.faq-section .acc-inner p{margin:0;color:#594f47;line-height:1.65;font-size:14px}
/* steps */
.steps-section{background:var(--ink);color:white;padding:88px 0}
.steps-section>div{max-width:1180px;margin:auto;padding:0 48px}
.steps-section>div>span{font-family:var(--font-label);color:var(--pink);letter-spacing:.12em;text-transform:uppercase}
.steps-section hr{border:0;border-top:1px solid rgba(255,255,255,.25);margin:14px 0 26px}
.steps-section .section-title{color:white}
.steps-section>div>div:last-child{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.steps-section>div>div:last-child>div{border-top:1px solid rgba(255,255,255,.2);padding-top:20px;min-height:260px;position:relative}
.steps-section>div>div:last-child>div>div:first-child{font-size:68px;font-weight:900;color:var(--rust-light);line-height:1;letter-spacing:-.07em}
.steps-section>div>div:last-child>div>div:nth-child(2){font-size:21px;font-weight:900;text-transform:uppercase;margin:13px 0 8px}
.steps-section p{color:#d0c8c1;margin:0;font-size:14px;line-height:1.6}
/* final */
.final-section>div:first-child,.final-section>div:nth-child(2){position:absolute;inset:0}
.final-section>div:first-child img{width:100%;height:100%;object-fit:cover;object-position:center 48%;filter:grayscale(.25);transform:scale(1.06);transition:transform 8s ease}
.final-section[data-visible="true"]>div:first-child img{transform:scale(1)}
.final-section>div:nth-child(2){background:linear-gradient(90deg,rgba(23,19,16,.88),rgba(23,19,16,.68)),linear-gradient(0deg,rgba(166,59,47,.18),transparent)}
.final-section>div:last-child{position:relative;z-index:2;max-width:950px;padding:90px 48px;text-align:center}
/* mobile sticky CTA */
.sticky-mobile-cta{display:none}
/* footer */
.site-footer{color:var(--white);border-top:1px solid rgba(255,255,255,.13)}
.footer-orbit{position:absolute;width:620px;height:620px;border:1px solid rgba(239,177,171,.17);border-radius:50%;right:-290px;top:-310px}
.footer-orbit::before,.footer-orbit::after{content:"";position:absolute;border:1px solid rgba(166,59,47,.27);border-radius:50%;inset:78px}.footer-orbit::after{inset:170px}
.footer-shell{max-width:1280px;margin:auto;padding:74px 48px 30px;}
.footer-hero-row{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;border-bottom:1px solid rgba(255,255,255,.18);padding-bottom:42px}
.footer-kicker,.footer-label{display:block;font-family:var(--font-label);letter-spacing:.13em;text-transform:uppercase;color:var(--pink);font-weight:700}
.footer-brand{font-size:clamp(68px,9vw,128px);line-height:.76;font-weight:900;margin-top:18px}
.footer-brand em{font-family:var(--serif);font-weight:600;color:var(--rust-light)}
.footer-manifesto{font-family:var(--serif);font-size:24px;line-height:1.08;text-align:right;margin:0 0 5px;transform:rotate(-3deg);color:#d6cbc3}
.footer-manifesto em{color:var(--pink)}
.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:42px;padding:43px 0}
.footer-grid>div{display:flex;flex-direction:column;align-items:flex-start;gap:9px}
.footer-label{margin-bottom:7px}
.footer-grid a{font-size:13px;color:#dfd5cc;position:relative}
.footer-grid a:hover{color:var(--pink)}
.footer-about p{max-width:340px;margin:0;color:#aa9f97;font-size:13px;line-height:1.6}
.footer-bottom{border-top:1px solid rgba(255,255,255,.12);padding-top:21px;display:flex;justify-content:space-between;gap:20px;color:#8e837a;letter-spacing:.02em}
/* reveal and motion */
.reveal{opacity:1;transform:none;transition:opacity .78s var(--ease),transform .78s var(--ease)}
.reveal.is-visible{opacity:1;transform:none}
@keyframes drawLine{to{stroke-dashoffset:0}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes pulseBadge{0%,100%{transform:scale(1)}50%{transform:scale(1.045)}}
@keyframes starBreath{0%,100%{transform:rotate(0) scale(1);opacity:.8}50%{transform:rotate(10deg) scale(1.08);opacity:1}}
/* thanks */
@media (max-width:1180px){
.hero-section{gap:32px;}
.hero-side-notes{display:none}.hero-star{left:51%;font-size:58px}.hero-edge-photo{left:-90px;width:115px}
.proof-grid{grid-template-columns:repeat(3,1fr)}
.footer-grid{grid-template-columns:1.3fr 1fr 1fr 1fr}
}
@media (max-width:920px){
.desktop-nav{display:none}.nav-shell{grid-template-columns:1fr auto auto;gap:14px}.menu-toggle{display:flex}.nav-cta{font-size:10px;padding:10px 16px}
.hero-section{min-height:680px;padding:44px 36px 70px;gap:28px}.hero-media{min-height:520px}.hero-star,.hero-edge-photo{display:none}
.site-section:not(.hero-section):not(.proof-section):not(.promise-section):not(.lead-section):not(.steps-section):not(.final-section){padding:72px 36px}
.proof-section{padding:0 36px 64px}
.audience-section,.about-section{gap:44px;grid-template-columns:.9fr 1.1fr}
.footer-shell{padding-left:36px;padding-right:36px}.footer-grid{grid-template-columns:1.4fr 1fr 1fr;gap:34px}.footer-grid>div:last-child{grid-column:2/4}
}
@media (max-width:720px){.top-announcement{flex-direction:column;}.site-header{top:0}.nav-cta{display:none}
body{font-size:15px}
.site-section:not(.hero-section):not(.proof-section):not(.promise-section):not(.lead-section):not(.steps-section):not(.final-section){padding:62px 20px}
.section-title{font-size:clamp(32px,10vw,44px);margin-bottom:24px}
.hero-section{display:block;min-height:0;}.hero-copy{max-width:none}.hero-copy>.tag-outline{margin-bottom:20px;font-size:9px}.hero-copy>svg{width:210px;margin:12px 0 15px}.price-anchor{width:100%;padding-right:88px;}.price-anchor-now{font-size:28px}.spin-badge{right:10px;width:72px;height:72px}.spin-badge-disc{width:54px;height:54px;font-size:19px}.hero-copy>div:last-child{gap:11px}.hero-copy .btn{font-size:12px;padding:12px 18px}.hero-media>.tag-accent{right:8%;top:0}.hero-media>.tag-neutral{left:0;bottom:86px}
.why-section>div:last-child,.contrast-section>div,.pricing-section>.pricing-cards{grid-template-columns:1fr}.why-section{text-align:left}.why-section>.section-title{text-align:left}.contrast-section>.section-title{text-align:left}
.promise-section>div{padding:68px 20px}.promise-section::before{font-size:62px}.promise-section::after{display:none}
.audience-section,.about-section{display:block}.sticky-media{position:relative;top:auto;min-height:455px;margin-bottom:50px}.sticky-media .editorial-photo:first-child{width:73%}.sticky-media .editorial-photo:nth-child(2){width:47%;margin:-36% 0 0 48%}.audience-section>div:last-child>div:last-child>div{grid-template-columns:46px 1fr;padding:17px 0}.audience-section>div:last-child>div:last-child>div>span{font-size:25px}
.about-section>div:first-child{margin:0 auto 54px;width:80%}.about-section>div:last-child>div:last-child p{font-size:13px}
.program-meta{display:none}.editorial-details>summary{padding:17px 15px;grid-template-columns:1fr auto 18px;gap:9px}.module-name{font-size:14px}.program-accordion .acc-inner{padding-left:15px;padding-right:15px}.lesson{font-size:13px}.module-outcome{font-size:14px;padding:14px}.price-card:nth-child(2){transform:none}.price-card>.card-title{font-size:34px}
.review-text{font-size:18px}
.faq-section .editorial-details>summary{font-size:15px;padding:18px 2px}.faq-section .acc-inner{padding-left:2px;padding-right:2px}
.steps-section{padding:68px 0}.steps-section>div{padding:0 20px}.steps-section>div>div:last-child{grid-template-columns:1fr;gap:30px}.steps-section>div>div:last-child>div{min-height:0;padding-bottom:10px}.steps-section>div>div:last-child>div>div:first-child{font-size:54px}.final-section>div:last-child{padding:70px 20px}
.sticky-mobile-cta{position:fixed;z-index:80;display:flex;align-items:center;justify-content:space-between;background:rgba(255,250,243,.96);border:1px solid var(--ink);box-shadow:4px 4px 0 var(--ink);transform:translateY(140%);opacity:0;transition:transform .42s var(--ease),opacity .42s ease}.sticky-mobile-cta.show{transform:none;opacity:1}.sticky-mobile-cta>div>span:first-child{display:block;font-family:var(--font-label);text-transform:uppercase;color:var(--rust);}.sticky-mobile-cta>div>span:last-child{display:block;font-size:16px;font-weight:900}.sticky-mobile-cta .btn{white-space:nowrap}.footer-grid>div:last-child{grid-column:auto}.footer-bottom span{margin-top:6px}
}
@media (max-width:390px){.price-anchor{padding-left:15px}.price-anchor-now{font-size:25px}.spin-badge{width:66px;height:66px}.spin-badge-disc{width:49px;height:49px;font-size:17px}.hero-media{min-height:445px}.hero-media>.tag-neutral{bottom:65px;font-size:9px}
.footer-brand{font-size:64px}
}
@media (prefers-reduced-motion:reduce){
html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}.polaroid-main,.polaroid-secondary{transform:none!important}
}
/* Compatibility aliases + legal/static pages */
:root{--color-text:var(--ink);--color-bg:var(--paper);--color-accent:var(--rust);--color-divider:var(--line)}
.js .reveal{opacity:0;transform:translateY(30px)}
.js .reveal.is-visible{opacity:1;transform:none}
/* Bezpiecznik: gdyby skrypt nie dodał .is-visible (5 X 2026 połowa strony
czekała na kliknięcie w baner zgody), treść i tak pokazuje się po 3 s.
Animacja wygrywa ze zwykłymi deklaracjami, więc działa też na reveal-*. */
.js .reveal:not(.is-visible){animation:sc-odslon .6s ease 3s forwards}
@keyframes sc-odslon{to{opacity:1;transform:none}}
body:not(:has(.site-header))>header{border-bottom:1px solid var(--line);background:rgba(244,237,227,.95)}
body:not(:has(.site-header)) .nav{max-width:900px;margin:auto;min-height:76px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;gap:28px}
body:not(:has(.site-header)) main{overflow:visible}
body:not(:has(.site-header)) main h1{font-size:clamp(40px,6vw,64px)!important;line-height:.95;letter-spacing:-.05em;text-transform:uppercase;margin-top:10px}
body:not(:has(.site-header)) main h2{font-weight:900;letter-spacing:-.025em}
body:not(:has(.site-header)) main a{color:var(--rust);text-decoration:underline;text-underline-offset:3px}
body:not(:has(.site-header)) main>div:first-of-type{background:var(--paper-3);border:1px solid var(--ink);box-shadow:3px 3px 0 var(--ink)}
body:not(:has(.site-header))>footer{border-top:1px solid var(--line);background:var(--paper-2)}
@media(max-width:720px){body:not(:has(.site-header)) .nav{min-height:64px;padding:0 20px}}
/* Extra collage details from the approved hero reference */
@media (min-width:921px){
.hero-media::before{content:"";position:absolute;z-index:0;width:520px;height:300px;right:-105px;top:138px;border:1px solid rgba(166,59,47,.58);border-radius:50%;transform:rotate(-18deg);pointer-events:none}
.hero-media::after{content:"";position:absolute;z-index:0;width:430px;height:190px;right:-25px;bottom:42px;border:1px solid rgba(166,59,47,.5);border-radius:50%;transform:rotate(-28deg);pointer-events:none}
.hero-side-notes::before{content:"✦";position:absolute;right:110px;top:332px;color:var(--ink);font-size:30px;z-index:2}
}
/* Fokus z klawiatury: rdzawy pierścień na jasnym tle (5,3-6,1:1), różowy na ciemnych
powierzchniach (~10:1). Sam różowy miał na jasnym tle 1,7-1,9:1, czyli był niewidoczny. */
:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid var(--focus-ring,var(--rust));outline-offset:3px}
.top-announcement,.site-footer,.sample-frame,.price-card[data-package="mentoring"]{--focus-ring:var(--pink)}
.hero-section::before{content:"";position:absolute;width:560px;height:560px;right:8%;top:18%;border-radius:50%;background:radial-gradient(circle,rgba(239,177,171,.24) 0%,rgba(166,59,47,.07) 38%,transparent 70%);filter:blur(10px);pointer-events:none;z-index:0}
.hero-copy,.hero-media{isolation:isolate}
.hero-section[data-visible="true"] .hero-star{animation:starBreath 4.8s ease-in-out infinite}
.site-section::after{content:"";position:absolute;inset:auto 8% 12% auto;width:210px;height:210px;border-radius:50%;background:radial-gradient(circle,rgba(239,177,171,.11),transparent 68%);opacity:0;transform:scale(.8);transition:opacity .9s ease,transform 1.2s var(--ease);pointer-events:none;z-index:-1}
.site-section[data-visible="true"]::after{opacity:1;transform:scale(1)}
.pricing-section::before{content:"";position:absolute;left:50%;top:48%;width:760px;height:460px;transform:translate(-50%,-50%);background:radial-gradient(ellipse,rgba(239,177,171,.18),transparent 68%);filter:blur(16px);pointer-events:none;z-index:-1}
.price-card::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,transparent 35%,rgba(255,255,255,.36) 50%,transparent 65%);transform:translateX(-140%);transition:transform .8s var(--ease);mix-blend-mode:soft-light}
.price-card:hover::before{transform:translateX(140%)}
.price-current{font-weight:900!important;}
/* Stara cena: tusz 64% daje 5,6:1 na jasnej karcie (szary #8b8178 miał 3,7:1). Ciemna karta Mentoring ma własny kolor niżej. */
.price-old{color:rgba(21,17,15,.64)!important;text-decoration:line-through!important}
.price-saving{width:max-content;background:var(--pink-soft);color:var(--rust-2,#8e3027)!important;font-family:var(--font-label);text-transform:uppercase;white-space:nowrap}
.price-cta{margin-top:auto!important}
.price-card:nth-child(2) .price-old{color:#9f958e!important}
.price-card:nth-child(2) .price-saving{background:var(--rust);color:var(--white)!important}
.price-card:nth-child(2){box-shadow:7px 7px 0 var(--rust)}
.price-card:nth-child(1){box-shadow:5px 5px 0 var(--ink)}
.footer-brand{filter:drop-shadow(0 0 28px rgba(166,59,47,.09))}
.footer-grid a::after{content:"";position:absolute;left:0;right:100%;bottom:-2px;height:1px;background:var(--pink);transition:right .3s var(--ease)}
.footer-grid a:hover::after{right:0}
.editorial-details>summary{user-select:none}
@media (max-width:720px){
.hero-section::before{width:390px;height:390px;right:-40%;top:50%;opacity:.8}
.site-section::after{display:none}
.price-card:nth-child(1),.price-card:nth-child(2){box-shadow:4px 4px 0 var(--ink)}
.price-card:nth-child(2){box-shadow:4px 4px 0 var(--rust)}
}
/* ========================================================================== */
/* EDITORIAL V2 — approved cream / black / brick-red collage language */
/* ========================================================================== */
.editorial-v2{background:
radial-gradient(circle at 12% 8%,rgba(255,255,255,.75),transparent 28%),
linear-gradient(180deg,#f5eee4 0%,#f2e9dd 100%);}
.editorial-v2 main{position:relative}
.editorial-v2 .site-header{box-shadow:0 8px 28px rgba(35,25,19,.045)}
.editorial-v2 .nav-shell{border-left:1px solid transparent;border-right:1px solid transparent}
.editorial-v2 .site-brand{font-size:22px;letter-spacing:-.055em}
.editorial-v2 .desktop-nav{letter-spacing:-.01em}
/* hero: closer to the approved reference, stronger editorial balance */
.editorial-v2 .hero-section{max-width:1380px;padding-left:72px;padding-right:72px;grid-template-columns:minmax(0,1.02fr) minmax(455px,.98fr)}
.editorial-v2 .hero-copy h1{font-size:clamp(92px,8.7vw,142px);line-height:.79;letter-spacing:-.082em}
.editorial-v2 .hero-copy h1 span:first-child{color:#0d0c0b;text-shadow:0 1px 0 rgba(255,255,255,.3)}
.editorial-v2 .hero-copy h1 span:last-child{color:#9d3b2f}
.editorial-v2 .hero-copy>.tag-outline{box-shadow:2px 2px 0 rgba(23,19,16,.08)}
.editorial-v2 .hero-media{filter:drop-shadow(0 18px 24px rgba(48,31,24,.08))}
.editorial-v2 .polaroid{background:#fbf5eb}
.editorial-v2 .polaroid-main{width:72%;left:0;top:28px}
.editorial-v2 .polaroid-secondary{width:46%;right:-1%;bottom:2px}
.editorial-v2 .hero-side-notes{letter-spacing:.13em}
.editorial-v2 .price-anchor{background:rgba(255,250,243,.86);box-shadow:5px 5px 0 var(--ink);border-radius:16px}
/* chapter spacing / light */
.editorial-v2 .site-section:not(.hero-section):not(.proof-section):not(.promise-section):not(.lead-section):not(.steps-section):not(.final-section){padding-top:98px;padding-bottom:98px}
.editorial-v2 .section-title{max-width:940px}
.editorial-v2 .section-rule{opacity:.84}
.editorial-v2 .editorial-kicker{background:var(--paper-3);border:1px solid rgba(23,19,16,.18);padding:5px 8px;transform:rotate(-.8deg);margin-bottom:12px}
/* never overstuff cards: stronger hierarchy + equal bottom alignment */
.editorial-v2 .editorial-card{overflow:hidden;background-color:rgba(255,250,243,.78);box-shadow:0 0 0 rgba(0,0,0,0)}
.editorial-v2 .editorial-card::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:0;background:radial-gradient(circle 220px at var(--mx,50%) var(--my,50%),rgba(239,170,165,.28),transparent 68%);transition:opacity .35s ease}
.editorial-v2 .editorial-card:hover::after{opacity:1}
.editorial-v2 .card-title{max-width:23ch}
.editorial-v2 .card-body{max-width:48ch}
.editorial-v2 .why-section .card,.editorial-v2 .contrast-section .card{height:100%}
.editorial-v2 .why-section .card:nth-child(3){box-shadow:4px 4px 0 var(--rust)}
/* proof facts: receipt-like equal cells */
.editorial-v2 .proof-section{max-width:1280px;padding-bottom:64px}
.editorial-v2 .proof-grid{box-shadow:4px 4px 0 rgba(23,19,16,.88);background:var(--paper-3)}
.editorial-v2 .proof-item{position:relative;overflow:hidden}
.editorial-v2 .proof-item::before{content:"";position:absolute;left:-30%;bottom:-45%;width:120px;height:120px;border:1px solid rgba(167,62,49,.22);border-radius:50%;transition:transform .5s var(--ease)}
.editorial-v2 .proof-item:hover::before{transform:scale(1.4)}
/* decorative vocabulary through the page */
.page-deco{position:absolute;display:block;pointer-events:none;z-index:0;opacity:.75}
.deco-star::before{content:"✦";display:block;color:var(--rust);font-size:54px;line-height:1;animation:starBreath 6s ease-in-out infinite}
.deco-cross::before{content:"✣";display:block;color:var(--pink);font-size:42px;line-height:1;transform:rotate(14deg)}
.deco-ticket{width:82px;height:118px;background:var(--rust);clip-path:polygon(4% 4%,96% 0,100% 93%,4% 100%,0 24%);opacity:.16;transform:rotate(7deg)}
.deco-loop{width:190px;height:92px;border:1px solid rgba(167,62,49,.48);border-radius:50%;transform:rotate(-17deg)}
.deco-loop::after{content:"";position:absolute;inset:20px -28px -15px 38px;border:1px solid rgba(167,62,49,.25);border-radius:50%;transform:rotate(16deg)}
.deco-stroke{width:130px;height:2px;background:var(--rust);transform:rotate(-6deg);box-shadow:36px 12px 0 rgba(167,62,49,.45),-18px 25px 0 rgba(167,62,49,.2)}
.deco-tr{right:2.5%;top:60px}.deco-tl{left:2%;top:64px}.deco-br{right:2%;bottom:54px}.deco-bl{left:2%;bottom:54px}.deco-rm{right:1.2%;top:45%}.deco-lm{left:1.2%;top:47%}
.editorial-v2 section>.page-deco~*{position:relative;z-index:1}
/* Drugi ozdobnik w sekcji też łapał się na „~*” wyżej i wypadał z pozycji
absolutnej: w „To ja” dokładał pusty wiersz siatki (ok. 120 px przerwy
przed „Rozdział 04”), w cenniku spychał treść o wysokość gwiazdki. */
.editorial-v2 section>.page-deco~.page-deco{position:absolute;z-index:0}
/* editorial separator — visually airy, not a content block */
.editorial-divider-strip{border-top:1px solid rgba(23,19,16,.7);border-bottom:1px solid rgba(23,19,16,.7);overflow:hidden;background:rgba(255,250,243,.5);transform:rotate(-.25deg)}
.editorial-divider-strip>div{display:inline-block;width:max-content;font-family:var(--font-label);color:var(--rust);white-space:nowrap;animation:editorialTicker 190s linear infinite}
.editorial-divider-strip>div>span{display:inline-block;padding:0 .8em}
@keyframes editorialTicker{from{transform:translateX(0)}to{transform:translateX(-50%)}}
/* audience & bio: step-by-step reveal and more editorial row rhythm */
.editorial-v2 .pain-row{position:relative}
.editorial-v2 .pain-row::after{content:"";position:absolute;left:0;bottom:-1px;width:100%;height:1px;background:var(--rust);transform:scaleX(0);transform-origin:0 50%;transition:transform .7s var(--ease) .18s}
.editorial-v2 .pain-row.is-visible::after{transform:none}
.editorial-v2 .about-section>div:last-child>div:last-child>div{padding:18px 0}
.editorial-v2 .about-section>div:last-child>div:last-child>div>span{font-family:var(--font-label);font-size:11px;border:1px solid var(--rust);padding:5px 7px;width:max-content;height:max-content;transform:rotate(-1deg)}
.editorial-v2 .sticky-media::after{content:"";position:absolute;width:72%;height:38%;left:18%;top:26%;border:1px solid rgba(167,62,49,.28);border-radius:50%;transform:rotate(-18deg);z-index:-1}
/* format + carousels */
.editorial-v2 .media-card:nth-child(odd){transform:rotate(-.5deg)}
.editorial-v2 .media-card:nth-child(even){transform:rotate(.5deg)}
.editorial-v2 .media-card:hover{transform:translateY(-7px) rotate(0)}
/* Program: poster-like chapter tabs */
.editorial-v2 .program-accordion{background:#fbf5eb;box-shadow:6px 6px 0 var(--ink)}
.editorial-v2 .program-meta span:first-child{background:var(--ink);color:var(--white)}
.editorial-v2 .editorial-details>summary{min-height:66px}
.editorial-v2 .editorial-details>summary::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--rust);margin-right:2px;grid-column:auto}
.editorial-v2 .program-section .editorial-details>summary{grid-template-columns:8px 1fr auto 22px}
.editorial-v2 .editorial-details[open]>summary::before{background:var(--pink)}
.editorial-v2 .module-outcome{background:#f3efe8;color:#3b342e;border-left:0;border-top:1px solid #d8cfc3;box-shadow:none}.editorial-v2 .module-outcome strong{color:var(--rust)}
/* Pricing: clean but unmistakably in the reference language */
.editorial-v2 .price-card{border-width:1.5px;background:var(--paper-3)}
.editorial-v2 .price-card[data-package="basic"]:hover,.editorial-v2 .price-card[data-package="mentoring"]:hover{transform:translateY(-6px) rotate(0)}
.editorial-v2 .price-card[data-package="basic"] .price-cta{border:1px solid var(--rust);background:var(--rust);color:white;border-radius:999px;padding-left:22px;padding-right:22px}
.editorial-v2 .price-card[data-package="basic"] .price-cta:hover{background:var(--rust-2);color:white;transform:translateY(-2px)}
/* reviews: magazine quote treatment */
.editorial-v2 .review-text::first-letter{font-size:1.35em;color:var(--rust)}
/* FAQ: generous, readable */
.editorial-v2 .faq-section .accordion{background:rgba(255,250,243,.45);padding:0 18px;border-left:1px solid rgba(23,19,16,.14);border-right:1px solid rgba(23,19,16,.14)}
.editorial-v2 .faq-section .editorial-details>summary:hover{padding-left:14px;background:linear-gradient(90deg,rgba(239,170,165,.22),transparent 72%)}
/* footer — stronger finale, still simple */
.editorial-v2 .site-footer{background:radial-gradient(circle at 88% 15%,rgba(167,62,49,.16),transparent 30%),#120f0d}
.editorial-v2 .footer-star{position:absolute;left:5%;top:36px;color:var(--rust);font-size:56px;opacity:.85;animation:starBreath 6s ease-in-out infinite}
.editorial-v2 .footer-brand{letter-spacing:-.085em}
.editorial-v2 .footer-manifesto{max-width:400px;flex-shrink:0}
.editorial-v2 .footer-bottom{align-items:center}
/* directional reveals, facts intentionally appear one by one */
.js .reveal-right{transform:translateX(36px);opacity:0}
.js .reveal-left{transform:translateX(-36px);opacity:0}
.js .reveal-up{transform:translateY(30px);opacity:0}
.js .reveal-right.is-visible,.js .reveal-left.is-visible,.js .reveal-up.is-visible{transform:none;opacity:1}
@media (max-width:1180px){
.editorial-v2 .hero-section{padding-left:52px;padding-right:52px}
.page-deco{opacity:.48}.deco-ticket{display:none}
}
@media (max-width:920px){
.editorial-v2 .hero-section{padding-left:36px;padding-right:36px;grid-template-columns:1fr 1fr}
.editorial-v2 .hero-copy h1{font-size:clamp(74px,11vw,106px)}
.editorial-v2 .site-section:not(.hero-section):not(.proof-section):not(.promise-section):not(.lead-section):not(.steps-section):not(.final-section){padding-top:78px;padding-bottom:78px}
.deco-tr,.deco-tl{top:38px}.deco-rm,.deco-lm{display:none}
}
@media (max-width:720px){
.editorial-v2 .site-section:not(.hero-section):not(.proof-section):not(.promise-section):not(.lead-section):not(.steps-section):not(.final-section){padding-top:66px;padding-bottom:66px}
.page-deco{display:none}
.editorial-v2 .about-section>div:last-child>div:last-child>div{grid-template-columns:minmax(0,1fr);gap:8px}
.editorial-v2 .about-section>div:last-child>div:last-child>div>span{font-size:9px;padding:4px 6px;transform:rotate(-1deg) translateY(2px)}
.editorial-v2 .program-section .editorial-details>summary{grid-template-columns:6px 1fr auto 18px}
.editorial-v2 .faq-section .accordion{padding:0 10px}
.editorial-v2 .footer-star{font-size:42px;left:auto;right:16px;top:22px}
}
@media (max-width:390px){
.editorial-v2 .hero-copy h1{font-size:72px}
}
@media (prefers-reduced-motion:reduce){
.editorial-divider-strip>div,.footer-star,.deco-star::before{animation:none!important}
}
/* FINAL QA PATCH — hero crop + FAQ readability */
.editorial-v2 .hero-edge-photo img{
object-position:50% 28%;
transform:scale(2.55);
transform-origin:50% 27%;
}
.editorial-v2 .faq-section .editorial-details>summary{
grid-template-columns:8px minmax(0,1fr) 22px;
column-gap:14px;
align-items:center;
}
.editorial-v2 .faq-section .editorial-details>summary::before{
grid-column:1;
margin:0;
}
.editorial-v2 .faq-section .editorial-details>summary>.chevron{
grid-column:3;
justify-self:end;
}
.editorial-v2 .faq-section .editorial-details>summary>span{
min-width:0;
}
@media (max-width:1500px) and (min-width:1281px){
.editorial-v2 .hero-side-notes em{font-size:20px}
}
@media (max-width:700px){
.editorial-v2 .faq-section .editorial-details>summary{
grid-template-columns:7px minmax(0,1fr) 18px;
column-gap:10px;
padding-left:4px;
padding-right:4px;
line-height:1.35;
}
}
/* FINAL QA PATCH 2 — keep collage edge details visible on 1366–1500 px screens */
@media (max-width:1500px) and (min-width:1281px){
.editorial-v2 .hero-edge-photo{left:-70px;width:115px}
.editorial-v2 .hero-side-notes{right:10px;width:145px}
}
/* =========================================================
USER REVISION 2026-09-06
Decorative assets + layout/contrast/mobile corrections
========================================================= */
/* Safety: all primary CTAs keep readable contrast in every page/state. */
.btn-primary,.nav-cta,.mobile-menu-cta,.price-cta.btn-primary,
.editorial-v2 .btn-primary,.editorial-v2 .nav-cta{
background-color:var(--rust)!important;
color:var(--white)!important;
border-color:var(--rust)!important;
-webkit-text-fill-color:var(--white)!important;
}
.btn-primary:hover,.nav-cta:hover,.mobile-menu-cta:hover,
.editorial-v2 .btn-primary:hover,.editorial-v2 .nav-cta:hover{
background-color:var(--rust-2)!important;
color:var(--white)!important;
-webkit-text-fill-color:var(--white)!important;
}
/* Gentle independent motion; no layout shift because all assets are absolute. */
/* 2. The why-course heading must stay unobstructed. */
.editorial-v2 .why-section{overflow:visible}
/* 3. About / Prowadząca: facts LEFT, photo RIGHT on desktop. */
.editorial-v2 .about-section{
display:grid!important;
grid-template-columns:minmax(0,1.16fr) minmax(310px,.84fr)!important;
gap:clamp(44px,6vw,88px)!important;
align-items:center!important;
}
.editorial-v2 .about-section .about-copy{min-width:0}
.editorial-v2 .about-section .about-media{position:relative;max-width:450px!important;justify-self:end;width:100%}
.editorial-v2 .about-section .about-media .editorial-photo{margin:0;max-width:420px}
.editorial-v2 .about-section .about-media::before{
content:"";position:absolute;inset:8% -7% -5% 10%;border:1px solid rgba(166,59,47,.24);border-radius:50%;transform:rotate(-9deg);z-index:-1
}
/* 4. Lead form: readable, separated, no overlaps. */
.editorial-v2 .lead-form{gap:18px!important}
.editorial-v2 .lead-form .input{
width:100%;min-height:54px;padding:14px 16px;border:1.5px solid var(--ink)!important;border-radius:0!important;
background:#fffdf9!important;color:var(--ink)!important;outline:none;box-shadow:none!important
}
.editorial-v2 .lead-form .input::placeholder{color:#9a8f85;opacity:1}
.editorial-v2 .lead-form .input:focus{border-color:var(--rust)!important;box-shadow:0 0 0 4px rgba(166,59,47,.10)!important}
.editorial-v2 .lead-form .btn-block{width:100%;min-height:54px;margin-top:0;font-size:13px;letter-spacing:.035em}
/* Footer: integrate the supplied objects as restrained editorial accents. */
.editorial-v2 .site-footer{position:relative;overflow:hidden}
.editorial-v2 .footer-shell{position:relative;z-index:2}
/* 6. Mobile/tablet adaptation: decor scales down, content order and controls stay readable. */
@media (max-width:1100px){
.editorial-v2 .about-section{grid-template-columns:minmax(0,1.08fr) minmax(280px,.92fr)!important;gap:42px!important}
}
@media (max-width:820px){
.editorial-v2 .about-section{flex-direction:column!important;gap:38px!important;align-items:stretch!important
}
.editorial-v2 .about-section .about-copy{width:100%}
.editorial-v2 .about-section .about-media{width:min(82%,440px);max-width:440px!important;margin:0 auto!important;justify-self:auto}
}
@media (max-width:720px){
/* Keep only a few decorative objects on small screens so nothing covers copy. */
.editorial-v2 .lead-form .input{min-height:52px;font-size:16px} /* prevents iOS zoom */
.editorial-v2 .lead-form .btn-block{min-height:52px;font-size:12px;padding-left:14px;padding-right:14px}
}
/* Final overlap corrections after visual QA. */
.editorial-v2 .about-section .about-media>.tag{
position:absolute!important;left:9%!important;top:-14px!important;z-index:4!important;
background:var(--rust)!important;color:var(--white)!important;padding:7px 12px!important;text-transform:uppercase;font-weight:800;transform:rotate(-4deg)
}
.sticky-mobile-cta.suppress{transform:translateY(140%)!important;opacity:0!important;pointer-events:none!important}
@media (max-width:720px){
.editorial-v2 .about-section .about-media>.tag{left:7%!important;top:-10px!important;padding:6px 9px!important}
}
.sticky-mobile-cta.suppress{visibility:hidden!important;transition:none!important}
/* The pointer light is a gentle highlight. It never darkens or replaces labels. */
.editorial-v2 .editorial-card{isolation:isolate}
.editorial-v2 .editorial-card::before{
content:"";
position:absolute;
inset:0;
z-index:0;
pointer-events:none;
opacity:0;
background:radial-gradient(circle 190px at var(--mx,50%) var(--my,50%),rgba(239,177,171,.16),transparent 72%);
transition:opacity .28s ease;
}
.editorial-v2 .editorial-card:hover::before{opacity:1}
.editorial-v2 .editorial-card>*{position:relative;z-index:1}
/* Disable the legacy ::after spotlight; ::after remains free for labels such as "next step". */
.editorial-v2 .editorial-card:not(.price-card)::after{background:none}
.editorial-v2 .contrast-section .editorial-card::before{display:none}
.editorial-v2 .contrast-section .card:last-child::after{
inset:auto 18px -10px auto;
width:auto;height:auto;
opacity:1;
z-index:3;
}
/* Final CTA: editorial split layout. Photo is an accent, not a full-screen backdrop. */
.editorial-v2 .final-section{
min-height:0;
margin:26px auto 104px;
display:grid;
grid-template-areas:"copy media";
overflow:visible;
background:transparent;
color:var(--ink);
isolation:isolate;
}
.editorial-v2 .final-section::before{
content:"";
position:absolute;
border-top:1px solid rgba(23,19,16,.24);
border-bottom:1px solid rgba(23,19,16,.24);
pointer-events:none;
z-index:-2;
}
.editorial-v2 .final-section .final-media{
grid-area:media;
position:relative;
inset:auto;
justify-self:end;
background:var(--paper-3);
border:1.5px solid var(--ink);
}
.editorial-v2 .final-section .final-media::before{
position:absolute;
z-index:3;
background:var(--rust);
color:var(--white);
font-family:var(--font-label);
font-weight:800;
letter-spacing:.09em;
}
.editorial-v2 .final-section .final-media::after{
content:"";
position:absolute;
border:1px solid rgba(166,59,47,.3);
border-radius:50%;
transform:rotate(-13deg);
z-index:-1;
}
.editorial-v2 .final-section .final-media img{
width:100%;
height:auto;
filter:grayscale(.16) contrast(1.02);
transform:none;
transition:transform .7s var(--ease),filter .5s ease;
}
.editorial-v2 .final-section[data-visible="true"] .final-media img{transform:none}
.editorial-v2 .final-section .final-media:hover img{transform:scale(1.018);filter:grayscale(0)}
.editorial-v2 .final-section .final-copy{
grid-area:copy;
position:relative;
z-index:2;
padding:0;
text-align:left;
}
.editorial-v2 .final-section .final-copy::before{
content:"NEXT STEPS";
margin-bottom:18px;
background:var(--ink);
color:var(--white);
padding:6px 9px;
font-family:var(--font-label);
font-size:9px;
font-weight:800;
letter-spacing:.12em;
transform:rotate(-1deg);
}
.editorial-v2 .final-section .section-title{
color:var(--ink);
margin:0 0 30px;
}
.editorial-v2 .final-section .btn{padding:15px 28px;border-color:var(--rust)}
/* Updated archive objects in the footer, restrained so links stay unobstructed. */
@media (max-width:720px){
.editorial-v2 .final-section{
margin:4px auto 70px;
display:grid;
grid-template-areas:"copy" "media";
}
.editorial-v2 .final-section .final-media{justify-self:center;padding-bottom:30px}
}
/* Tablet final CTA: switch to the same clean vertical hierarchy before it gets cramped. */
@media (max-width:820px){
.editorial-v2 .final-section{
margin:8px auto 76px;
}
}
/* Final CTA visual balance pass: compact photo, readable headline, no stretched frame. */
.editorial-v2 .final-section{place-items:unset;}
.editorial-v2 .final-section .final-media{align-self:center;height:max-content;min-height:0}
.editorial-v2 .final-section .final-copy{align-self:center}
.editorial-v2 .final-section .section-title{
letter-spacing:-.05em;
}
/* Contrast cards: hover may lift/highlight, but must never darken the card or
reduce text readability. */
.editorial-v2 .contrast-section .card,
.editorial-v2 .contrast-section .card:hover{
color:var(--ink)!important;
filter:none!important;
opacity:1!important;
}
.editorial-v2 .contrast-section .card:hover{
background:#fffaf3!important;
border-color:rgba(23,19,16,.5)!important;
box-shadow:4px 4px 0 rgba(23,19,16,.82)!important;
transform:translateY(-2px)!important;
}
.editorial-v2 .contrast-section .card:last-child,
.editorial-v2 .contrast-section .card:last-child:hover{
background:#f5d9d5!important;
color:var(--ink)!important;
border-color:var(--rust)!important;
box-shadow:4px 4px 0 var(--rust)!important;
}
.editorial-v2 .contrast-section .card::before{display:none!important}
.editorial-v2 .contrast-section .card:last-child::after{
background:var(--rust)!important;
color:#fffaf3!important;
}
/* No caption strips that can disappear behind photos. */
.editorial-v2 figure figcaption{display:none!important}
/* Contrast / before-after block. No pointer spotlight, no darkening, no label
hanging outside a card. Everything lives in normal card flow. */
.editorial-v2 .contrast-section>div{gap:28px}
.editorial-v2 .contrast-section .contrast-card{
min-height:310px!important;
padding:30px 30px 32px!important;
display:flex!important;
flex-direction:column!important;
align-items:stretch!important;
overflow:hidden!important;
transform:none!important;
transition:transform .28s var(--ease),box-shadow .28s var(--ease),border-color .28s ease!important;
}
.editorial-v2 .contrast-section .contrast-after,
.editorial-v2 .contrast-section .contrast-after:hover{color:var(--ink)!important}
.editorial-v2 .contrast-card-head{grid-template-columns:1fr auto;gap:12px 18px;align-items:start;margin-bottom:18px;min-width:0}
.editorial-v2 .contrast-card-head .card-kicker{grid-column:1/-1;}
.editorial-v2 .contrast-card-head .card-title{line-height:1.05;margin:0;min-width:0}
.editorial-v2 .contrast-card .card-body{margin-top:auto!important;}
/* Free lesson is a distinct, intentional step rather than another chapter. */
.editorial-v2 .lead-form .btn-primary{background:var(--rust)!important;color:var(--white)!important;border-color:var(--rust)!important;-webkit-text-fill-color:var(--white)!important}
.editorial-v2 .lead-form .btn-primary:hover{background:var(--rust-2)!important;color:var(--white)!important}
/* Pricing: perfectly aligned editorial cards. No rotation, no floating corner
labels, no uneven buttons. The large lesson count moves into the heading. */
.editorial-v2 .pricing-heading-row{align-items:flex-end;justify-content:space-between;gap:28px;position:relative;z-index:2}
.editorial-v2 .pricing-count-badge{
flex:none;}
.editorial-v2 .pricing-count-badge strong{font-weight:900;}
.editorial-v2 .pricing-count-badge span{margin-top:9px;font-family:var(--font-label);font-weight:800;}
.editorial-v2 .price-card,.editorial-v2 .price-card[data-package="basic"],.editorial-v2 .price-card[data-package="mentoring"]{margin:0!important;}
.editorial-v2 .price-card[data-package="basic"]{background:#fffaf3!important;border:1.5px solid var(--ink)!important;box-shadow:6px 6px 0 var(--ink)!important;color:var(--ink)!important}
.editorial-v2 .price-card[data-package="mentoring"]{background:var(--ink)!important;border:1.5px solid var(--ink)!important;box-shadow:6px 6px 0 var(--rust)!important;color:var(--white)!important}
.editorial-v2 .price-card::before{opacity:.45!important}
.editorial-v2 .package-badge{position:static!important;width:max-content!important;border:1px solid currentColor!important;transform:none!important;font-family:var(--font-label)!important;font-weight:800!important;text-transform:uppercase!important;opacity:.75!important}
.editorial-v2 .price-card[data-package="mentoring"] .package-badge{color:var(--pink)!important}
.editorial-v2 .package-subtitle{color:#6b6057}
.editorial-v2 .price-card[data-package="mentoring"] .package-subtitle{color:#d6cdc5}
.editorial-v2 .price-row{min-height:58px;}
.editorial-v2 .price-features{flex:1;align-content:start}
.editorial-v2 .price-card .price-cta{display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;font-weight:800!important}
.editorial-v2 .price-card[data-package="mentoring"] .price-cta{background:var(--paper-3)!important;color:var(--ink)!important;-webkit-text-fill-color:var(--ink)!important;border:1px solid var(--paper-3)!important}
.editorial-v2 .price-card[data-package="mentoring"] .price-cta:hover{background:var(--pink-soft)!important;color:var(--ink)!important}
/* Final CTA: text is the hero, image is a smaller editorial accent. */
.editorial-v2 .final-section .final-copy::before{display:none!important}
.editorial-v2 .final-eyebrow{display:inline-block;margin:0 0 18px;padding:6px 9px;background:var(--ink);color:var(--white);font-family:var(--font-label);font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;transform:rotate(-1deg)}
/* Strong contrast guard for 404 CTA, regardless of legacy inline variables. */
@media (max-width:820px){
.editorial-v2 .pricing-heading-row{align-items:center}
}
@media (max-width:720px){
/* No supplied PNG ornament sits beside body copy on phones. */
.editorial-v2 .contrast-section>div{gap:16px}
.editorial-v2 .contrast-section .contrast-card{min-height:0!important;}
.editorial-v2 .contrast-card-head{grid-template-columns:1fr;gap:8px;margin-bottom:14px}
.editorial-v2 .pricing-heading-row{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:14px;}.editorial-v2 .pricing-count-badge span{margin-top:6px}
.editorial-v2 .price-card,.editorial-v2 .price-card[data-package="basic"],.editorial-v2 .price-card[data-package="mentoring"]{box-shadow:4px 4px 0 var(--ink)!important}
.editorial-v2 .price-card[data-package="mentoring"]{box-shadow:4px 4px 0 var(--rust)!important}
}
@media (max-width:420px){
.editorial-v2 .pricing-heading-row{grid-template-columns:1fr;align-items:start}
.editorial-v2 .pricing-count-badge{justify-self:start;}
}
/* Explicit grid placement: facts always left, photo right on desktop. */
.editorial-v2 .about-section{grid-template-areas:"copy media"!important}
.editorial-v2 .about-section .about-copy{grid-area:copy!important;order:initial!important}
.editorial-v2 .about-section .about-media{grid-area:media!important;order:initial!important}
@media (max-width:820px){
.editorial-v2 .about-section .about-copy{grid-area:copy!important}
.editorial-v2 .about-section .about-media{grid-area:media!important}
}
@media (max-width:820px){
.editorial-v2 .about-section{display:grid!important;grid-template-columns:1fr!important;grid-template-areas:"copy" "media"!important}
}
/* WHY COURSE: title has a clean reading zone. No decorative object can cross it. */
.editorial-v2 .why-section{isolation:isolate}
.editorial-v2 .why-section>.page-deco{display:none!important}
.editorial-v2 .why-section>.section-title,
.editorial-v2 .why-section>p{position:relative;z-index:2}
/* BEFORE / AFTER: calm hover only. Text never darkens and the label stays in flow. */
.editorial-v2 .contrast-section .contrast-card,
.editorial-v2 .contrast-section .contrast-card:hover{
filter:none!important;
opacity:1!important;
color:var(--ink)!important;
background-image:none!important;
}
.editorial-v2 .contrast-section .contrast-card::before,
.editorial-v2 .contrast-section .contrast-card::after{display:none!important}
.editorial-v2 .contrast-section .contrast-card:hover{transform:translateY(-2px)!important}
.editorial-v2 .contrast-section .contrast-before,
.editorial-v2 .contrast-section .contrast-before:hover{
background:#fffaf3!important;
border-color:rgba(23,19,16,.5)!important;
box-shadow:4px 4px 0 var(--ink)!important;
}
.editorial-v2 .contrast-section .contrast-after,
.editorial-v2 .contrast-section .contrast-after:hover{
background:#f4d9d5!important;
border-color:var(--rust)!important;
box-shadow:4px 4px 0 var(--rust)!important;
}
.editorial-v2 .contrast-card-head,
.editorial-v2 .contrast-card-head-clean{
display:block!important;
margin:0 0 16px!important;
}
.editorial-v2 .contrast-card-head .card-kicker{margin:0 0 10px!important}
.editorial-v2 .contrast-card-head .card-title{font-size:clamp(22px,2.2vw,30px)!important;max-width:18ch!important}
.editorial-v2 .contrast-card .card-body{
margin:0!important;
flex:1 1 auto;
font-size:15px!important;
line-height:1.66!important;
color:#4d443d!important;
}
/* PRICING: straight, aligned cards + a larger lesson count in its own row. */
.editorial-v2 .pricing-heading-row{
display:block!important;
margin:0 0 22px!important;
}
.editorial-v2 .pricing-heading-row .section-title{margin:0!important;max-width:780px!important}
.editorial-v2 .pricing-meta-strip{
display:flex;
align-items:center;
gap:20px;
width:max-content;
max-width:100%;
margin:0 0 34px;
padding:0;
position:relative;
z-index:2;
}
.editorial-v2 .pricing-count-badge{
width:auto!important;
min-width:152px!important;
min-height:0!important;
padding:12px 16px 11px!important;
display:flex!important;
flex-direction:row!important;
align-items:flex-end!important;
justify-content:flex-start!important;
gap:11px!important;
border:1.5px solid var(--ink)!important;
background:var(--paper-3)!important;
box-shadow:4px 4px 0 var(--rust)!important;
transform:none!important;
}
.editorial-v2 .pricing-count-badge strong{
font-size:76px!important;
line-height:.72!important;
letter-spacing:-.09em!important;
color:var(--rust)!important;
}
.editorial-v2 .pricing-count-badge span{
margin:0 0 4px!important;
letter-spacing:.15em!important;
white-space:nowrap;
}
.editorial-v2 .pricing-meta-copy{
display:grid;
gap:5px;
padding-left:16px;
border-left:1px solid rgba(23,19,16,.22);
font-family:var(--font-label);
line-height:1.35;
font-weight:800;
letter-spacing:.1em;
text-transform:uppercase;
color:#655a51;
}
.editorial-v2 .price-card,
.editorial-v2 .price-card[data-package="basic"],
.editorial-v2 .price-card[data-package="mentoring"]{
border-radius:0!important;
}
.editorial-v2 .price-card:hover{transform:translateY(-2px)!important}
.editorial-v2 .price-card::before{display:none!important}
.editorial-v2 .package-badge{margin-bottom:22px!important}
.editorial-v2 .price-name{margin-bottom:9px!important}
.editorial-v2 .package-subtitle{margin-bottom:22px!important}
.editorial-v2 .price-features{padding-top:20px!important;margin-top:22px!important;}
/* FINAL CTA: copy stays dominant; image is a small magazine accent. */
.editorial-v2 .final-section{
max-width:1160px!important;
grid-template-columns:minmax(0,1.72fr) minmax(150px,.28fr)!important;
gap:clamp(34px,4vw,56px)!important;
padding:76px 48px!important;
margin-bottom:88px!important;
align-items:center!important;
}
.editorial-v2 .final-section::before{left:48px!important;right:48px!important;top:30px!important;bottom:30px!important}
.editorial-v2 .final-section .final-copy{max-width:800px!important}
.editorial-v2 .final-eyebrow{margin-bottom:14px!important}
.editorial-v2 .final-section .section-title{
max-width:19ch!important;
font-size:clamp(37px,3.65vw,50px)!important;
line-height:1.02!important;
margin-bottom:26px!important;
}
.editorial-v2 .final-section .final-media{
width:min(100%,188px)!important;
padding:7px 7px 22px!important;
box-shadow:4px 4px 0 var(--ink)!important;
transform:rotate(1deg)!important;
}
.editorial-v2 .final-section .final-media::before{
content:"15 MIN / DZIEŃ"!important;
padding:5px 7px!important;
font-size:7px!important;
}
.editorial-v2 .final-section .final-media::after{inset:16% -16% -8% 18%!important;opacity:.56!important}
.editorial-v2 .final-section .final-media img{
aspect-ratio:4/5!important;
object-fit:cover!important;
object-position:center 44%!important;
}
.editorial-v2 .final-photo-note{
padding:7px 2px 0;
font-family:var(--font-label);
font-size:7px;
line-height:1.2;
letter-spacing:.09em;
text-align:center;
color:#655a51;
}
/* About: preserve facts left / photo right and keep photo secondary. */
@media (min-width:821px){
.editorial-v2 .about-section{
grid-template-columns:minmax(0,1.28fr) minmax(270px,.72fr)!important;
gap:clamp(48px,6vw,82px)!important;
}
.editorial-v2 .about-section .about-media{max-width:390px!important}
}
/* Tablet: remove image ornaments from reading zones before layouts get tight. */
@media (max-width:1100px){
.editorial-v2 .final-section{grid-template-columns:minmax(0,1fr) minmax(145px,.24fr)!important;padding:68px 36px!important}
.editorial-v2 .final-section .final-media{width:min(100%,170px)!important}
}
@media (max-width:820px){
.editorial-v2 .final-section{
grid-template-columns:1fr!important;
grid-template-areas:"copy" "media"!important;
gap:30px!important;
padding:60px 28px 54px!important;
}
.editorial-v2 .final-section::before{left:28px!important;right:28px!important;top:26px!important;bottom:24px!important}
.editorial-v2 .final-section .final-media{width:min(46vw,160px)!important;justify-self:start!important;margin-left:8px}
}
@media (max-width:720px){
/* Phone rule: no supplied PNG object is allowed beside text or controls. */
.editorial-v2 .contrast-section .contrast-card{padding:23px 19px 21px!important}
.editorial-v2 .contrast-card-head .card-title{font-size:23px!important}
.editorial-v2 .pricing-count-badge span{margin-bottom:3px!important}
.editorial-v2 .pricing-meta-copy{padding-left:12px;letter-spacing:.08em}
.editorial-v2 .final-section{padding:54px 20px 48px!important;margin-bottom:58px!important;gap:26px!important}
.editorial-v2 .final-section::before{left:20px!important;right:20px!important;top:24px!important;bottom:22px!important}
.editorial-v2 .final-section .section-title{font-size:clamp(31px,8.7vw,39px)!important;max-width:18ch!important}
.editorial-v2 .final-section .final-media{width:min(44vw,148px)!important;margin-left:4px!important;padding:6px 6px 19px!important}
.editorial-v2 .final-photo-note{font-size:6px;padding-top:6px}
}
@media (max-width:390px){
.editorial-v2 .pricing-meta-strip{grid-template-columns:1fr;gap:10px}
.editorial-v2 .pricing-count-badge{width:max-content!important;min-width:112px!important}
.editorial-v2 .pricing-meta-copy{border-left:0;padding-left:0;grid-template-columns:repeat(2,minmax(0,auto));gap:7px 12px}
.editorial-v2 .final-section .final-media{width:min(48vw,142px)!important}
}
/* REVISION 5 QA safety: final portrait accents stay inside the card box. */
.editorial-v2 .final-section .final-media::before{left:8px!important;top:8px!important;transform:none!important}
.editorial-v2 .final-section .final-media::after{display:none!important}
.editorial-v2 .final-photo-note{overflow-wrap:anywhere}
/* ========================================================================== */
/* REVISION 6 · richer motion, cleaner finale, safer mobile spacing */
/* ========================================================================== */
@keyframes scArrowNudge{0%,100%{transform:translate(0,0)}50%{transform:translate(3px,-3px)}}
/* Scroll-entry variants use only opacity/transform, so they do not change layout. */
.js .reveal.reveal-scale{opacity:0;transform:translateY(22px) scale(.975)}
.js .reveal.reveal-scale.is-visible{opacity:1;transform:none}
.js .reveal.reveal-fade{opacity:0;transform:none}
.js .reveal.reveal-fade.is-visible{opacity:1;transform:none}
/* Section headings get a small editorial rule that draws in after the title. */
.editorial-v2 .section-title.motion-title{position:relative;padding-bottom:14px}
.editorial-v2 .section-title.motion-title::after{
content:"";position:absolute;left:0;bottom:0;width:min(110px,32%);height:2px;
background:var(--rust);transform:scaleX(0);transform-origin:left;
transition:transform .8s .18s var(--ease)
}
.editorial-v2 .section-title.motion-title.is-visible::after{transform:scaleX(1)}
/* Card hover animation is deliberately light: no dark overlay, no text-color swap. */
@media (hover:hover) and (pointer:fine){
.editorial-v2 .motion-card{
transition:transform .36s var(--ease),box-shadow .36s var(--ease),border-color .28s ease,background .28s ease,filter .28s ease;
will-change:transform
}
.editorial-v2 .motion-card:hover{
transform:translateY(-6px) rotate(-.18deg)!important;
box-shadow:5px 6px 0 rgba(23,19,16,.9)!important;
filter:none!important
}
.editorial-v2 .motion-card:nth-child(even):hover{transform:translateY(-6px) rotate(.18deg)!important}
.editorial-v2 .proof-item:hover>div:first-child{transform:translateY(-2px) scale(1.025)}
.editorial-v2 .proof-item>div:first-child{transition:transform .32s var(--ease)}
.editorial-v2 .pain-row:hover .pain-title{color:var(--rust)}
.editorial-v2 .pain-title{transition:color .25s ease}
.editorial-v2 .editorial-details>summary:hover .chevron{transform:rotate(8deg) scale(1.08)}
.editorial-v2 .editorial-details[open]>summary:hover .chevron{transform:rotate(188deg) scale(1.08)}
.editorial-v2 .media-card:hover img,.editorial-v2 .editorial-photo:hover img{transform:scale(1.028)}
.editorial-v2 .price-card:hover .package-badge{transform:translateY(-2px) rotate(-1deg)}
.editorial-v2 .package-badge{transition:transform .28s var(--ease)}
}
/* More tactile buttons without changing contrast. */
.editorial-v2 .btn,.editorial-v2 .nav-cta,.editorial-v2 .mobile-menu-cta{isolation:isolate}
.editorial-v2 .btn-primary span,.editorial-v2 .final-cta-btn span{position:relative;z-index:2}
.editorial-v2 .final-cta-btn .btn-arrow{font-size:18px;line-height:1;transition:transform .3s var(--ease)}
@media (hover:hover) and (pointer:fine){
.editorial-v2 .final-cta-btn:hover .btn-arrow{animation:scArrowNudge .65s var(--ease)}
.editorial-v2 .price-cta:hover{transform:translateY(-3px)!important}
}
/* Give scroll-revealed cards a tiny post-entry settling effect, only once. */
.editorial-v2 .reveal-scale.is-visible{transition-timing-function:var(--ease)}
/* Final CTA: text first, compact photo second, no repeated 15-minute label. */
.editorial-v2 .final-section.final-editorial{
min-height:0!important;
max-width:1280px;
margin:26px auto 0!important;
padding:86px 48px 92px!important;
display:grid!important;
grid-template-columns:minmax(0,1.18fr) minmax(270px,.58fr)!important;
grid-template-areas:"copy visual"!important;
gap:clamp(54px,7vw,100px)!important;
align-items:center!important;
overflow:visible!important;
background:transparent!important;
color:var(--ink)!important;
position:relative;
}
.editorial-v2 .final-section.final-editorial::before{
content:"";position:absolute;inset:28px 24px 30px;border:1px solid var(--ink);
background:linear-gradient(135deg,rgba(255,250,243,.76),rgba(236,225,212,.34));
box-shadow:8px 8px 0 var(--ink);z-index:0;pointer-events:none
}
.editorial-v2 .final-section.final-editorial::after{
content:"";position:absolute;left:42px;top:48px;width:64px;height:64px;
background:var(--pink-soft);clip-path:polygon(50% 0,58% 38%,100% 50%,58% 62%,50% 100%,42% 62%,0 50%,42% 38%);
opacity:.82;z-index:0;pointer-events:none
}
.editorial-v2 .final-section.final-editorial .final-copy{
grid-area:copy;position:relative;z-index:2;max-width:760px!important;padding:14px 0 10px!important
}
.editorial-v2 .final-section.final-editorial .final-eyebrow{
display:inline-block!important;margin:0 0 18px!important;padding:7px 10px!important;
background:var(--rust)!important;color:var(--white)!important;border:1px solid var(--rust)!important;
font-family:var(--font-label)!important;font-weight:800!important;
letter-spacing:.13em!important;text-transform:uppercase!important;transform:rotate(-1deg)
}
.editorial-v2 .final-section.final-editorial .section-title{
color:var(--ink)!important;font-size:clamp(39px,4.35vw,62px)!important;line-height:.98!important;
max-width:16.5ch!important;margin:0 0 22px!important;padding:0!important;text-transform:uppercase!important
}
.editorial-v2 .final-section.final-editorial .section-title::after{display:none!important}
.editorial-v2 .final-subcopy{
max-width:55ch;margin:0 0 27px;color:var(--ink-soft);font-size:15px;line-height:1.65
}
.editorial-v2 .final-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.editorial-v2 .final-cta-btn{min-height:52px;padding:14px 24px!important;gap:13px;background:var(--rust)!important;color:var(--white)!important;border-color:var(--rust)!important}
.editorial-v2 .final-mini-note{
font-family:var(--font-label);font-size:9px;font-weight:800;letter-spacing:.1em;color:var(--rust);white-space:nowrap
}
.editorial-v2 .final-visual{
grid-area:visual;position:relative;z-index:2;width:min(100%,315px);justify-self:center;padding:0 0 24px
}
.editorial-v2 .final-section.final-editorial .final-media{
position:relative!important;width:100%!important;margin:0!important;padding:9px 9px 30px!important;
background:var(--paper-3)!important;border:1.5px solid var(--ink)!important;box-shadow:5px 5px 0 var(--ink)!important;
transform:rotate(1.7deg)!important;transition:transform .5s var(--ease),box-shadow .5s var(--ease)!important;overflow:visible!important
}
.editorial-v2 .final-section.final-editorial .final-media::before{
content:"01 · START"!important;position:absolute!important;left:-15px!important;top:20px!important;
padding:6px 8px!important;background:var(--ink)!important;color:var(--white)!important;
font-family:var(--font-label)!important;font-size:8px!important;font-weight:800!important;letter-spacing:.1em!important;
transform:rotate(-5deg)!important;z-index:4
}
.editorial-v2 .final-section.final-editorial .final-media::after{
content:""!important;position:absolute!important;inset:13% -12% -8% 18%!important;
border:1px solid var(--rust)!important;z-index:-1!important;opacity:.72!important;pointer-events:none
}
.editorial-v2 .final-section.final-editorial .final-media img{
width:100%!important;aspect-ratio:4/5!important;height:auto!important;object-fit:cover!important;object-position:center 37%!important;
filter:grayscale(.14) contrast(1.02)!important;transform:none!important;transition:transform .72s var(--ease),filter .4s ease!important
}
.editorial-v2 .final-section.final-editorial .final-photo-note{
position:absolute;left:13px;right:13px;bottom:7px;font-family:var(--serif);font-style:italic;font-size:15px;color:var(--ink-soft);letter-spacing:.01em
}
@media (hover:hover) and (pointer:fine){
.editorial-v2 .final-section.final-editorial .final-media:hover{transform:rotate(.4deg) translateY(-5px)!important;box-shadow:8px 9px 0 var(--ink)!important}
.editorial-v2 .final-section.final-editorial .final-media:hover img{transform:scale(1.022)!important;filter:grayscale(0) contrast(1.02)!important}
}
/* Tablet: switch to a vertical hierarchy before elements get cramped. */
@media (max-width:900px){
.editorial-v2 .final-section.final-editorial{
grid-template-columns:1fr!important;grid-template-areas:"copy" "visual"!important;
gap:42px!important;padding:72px 36px 78px!important
}
.editorial-v2 .final-section.final-editorial::before{inset:22px 22px 26px}
.editorial-v2 .final-section.final-editorial::after{left:auto;right:42px;top:44px;width:52px;height:52px}
.editorial-v2 .final-section.final-editorial .final-copy{max-width:680px!important}
.editorial-v2 .final-section.final-editorial .section-title{font-size:clamp(38px,7.2vw,55px)!important;max-width:17ch!important}
.editorial-v2 .final-visual{width:min(56vw,280px);justify-self:center}
}
@media (max-width:640px){
.editorial-v2 .final-section.final-editorial{
margin-top:8px!important;padding:56px 20px 64px!important;gap:34px!important;overflow:hidden!important
}
.editorial-v2 .final-section.final-editorial::before{inset:16px 12px 18px;box-shadow:5px 5px 0 var(--ink)}
.editorial-v2 .final-section.final-editorial::after{width:38px;height:38px;right:24px;top:31px;opacity:.62}
.editorial-v2 .final-section.final-editorial .final-copy{padding:0 6px!important}
.editorial-v2 .final-section.final-editorial .final-eyebrow{margin-bottom:14px!important}
.editorial-v2 .final-section.final-editorial .section-title{font-size:clamp(31px,9.6vw,42px)!important;max-width:100%!important;line-height:1.01!important;margin-bottom:18px!important}
.editorial-v2 .final-subcopy{font-size:14px;line-height:1.58;margin-bottom:23px}
.editorial-v2 .final-actions{align-items:flex-start;flex-direction:column;gap:12px}
.editorial-v2 .final-cta-btn{width:100%;justify-content:space-between;padding-left:19px!important;padding-right:19px!important}
.editorial-v2 .final-mini-note{white-space:normal;font-size:8px;line-height:1.45}
.editorial-v2 .final-visual{width:min(65vw,225px);padding-bottom:16px}
.editorial-v2 .final-section.final-editorial .final-media{padding:7px 7px 25px!important;box-shadow:4px 4px 0 var(--ink)!important;transform:rotate(1deg)!important}
.editorial-v2 .final-section.final-editorial .final-media::before{left:-8px!important;top:15px!important;font-size:7px!important;padding:5px 6px!important}
.editorial-v2 .final-section.final-editorial .final-media::after{inset:14% -8% -6% 15%!important}
.editorial-v2 .final-section.final-editorial .final-photo-note{font-size:13px;left:10px;bottom:5px}
.js .reveal.reveal-scale{transform:translateY(14px) scale(.986)}
}
/* Keep hover effects from becoming sticky or visually heavy on touch devices. */
@media (hover:none){
.editorial-v2 .motion-card:hover,.editorial-v2 .card:hover,.editorial-v2 .price-card:hover,
.editorial-v2 .media-card:hover,.editorial-v2 .editorial-photo:hover{transform:none!important;box-shadow:inherit!important;filter:none!important}
}
@media (prefers-reduced-motion:reduce){
.editorial-v2 .final-cta-btn .btn-arrow{animation:none!important}
.editorial-v2 .section-title.motion-title::after{transform:scaleX(1)!important}
}
/* ========================================================================== */
/* REVISION 7 · final CTA rebuild: no overflow, calmer editorial composition */
/* ========================================================================== */
.editorial-v2 .final-section.final-editorial-v7{
width:min(1180px,calc(100% - 48px))!important;
max-width:1180px!important;
margin:38px auto 92px!important;
padding:0!important;
display:grid!important;
grid-template-columns:minmax(0,1fr) minmax(230px,300px)!important;
grid-template-areas:"copy visual"!important;
gap:0!important;
align-items:stretch!important;
border:1.5px solid var(--ink)!important;
background:var(--paper-3)!important;
box-shadow:8px 8px 0 var(--ink)!important;
overflow:hidden!important;
isolation:isolate;
}
.editorial-v2 .final-section.final-editorial-v7::before{
content:""!important;
position:absolute!important;
inset:0 auto 0 0!important;
width:8px!important;
border:0!important;
background:var(--rust)!important;
box-shadow:none!important;
z-index:0!important;
}
.editorial-v2 .final-section.final-editorial-v7::after{
content:""!important;
position:absolute!important;
width:180px!important;
height:180px!important;
left:42%!important;
bottom:-118px!important;
border:1px solid rgba(166,59,47,.22)!important;
border-radius:50%!important;
background:transparent!important;
clip-path:none!important;
opacity:1!important;
z-index:0!important;
pointer-events:none!important;
}
.editorial-v2 .final-section.final-editorial-v7 .final-copy{
grid-area:copy!important;
min-width:0!important;
max-width:none!important;
padding:58px clamp(34px,4.5vw,64px) 56px clamp(38px,5vw,72px)!important;
align-self:center!important;
position:relative!important;
z-index:2!important;
}
.editorial-v2 .final-section.final-editorial-v7 .final-eyebrow{
display:inline-flex!important;
align-items:center!important;
max-width:100%!important;
margin:0 0 18px!important;
padding:7px 11px!important;
border:1px solid var(--rust)!important;
background:var(--rust)!important;
color:var(--white)!important;
font-family:var(--font-label)!important;
line-height:1.15!important;
font-weight:900!important;
letter-spacing:.11em!important;
text-transform:uppercase!important;
transform:rotate(-.6deg)!important;
white-space:normal!important;
}
.editorial-v2 .final-section.final-editorial-v7 .section-title{
width:100%!important;
max-width:760px!important;
margin:0 0 20px!important;
padding:0!important;
color:var(--ink)!important;
font-size:clamp(36px,3.75vw,54px)!important;
line-height:1.01!important;
letter-spacing:-.055em!important;
text-transform:uppercase!important;
text-wrap:balance!important;
overflow-wrap:normal!important;
word-break:normal!important;
hyphens:none!important;
}
.editorial-v2 .final-section.final-editorial-v7 .section-title::after{display:none!important}
.editorial-v2 .final-section.final-editorial-v7 .final-subcopy{
width:100%!important;
max-width:590px!important;
margin:0 0 26px!important;
color:#63584f!important;
font-size:15px!important;
line-height:1.65!important;
text-wrap:pretty!important;
overflow-wrap:anywhere!important;
}
.editorial-v2 .final-section.final-editorial-v7 .final-actions{
display:flex!important;
flex-wrap:wrap!important;
align-items:center!important;
gap:14px 18px!important;
min-width:0!important;
}
.editorial-v2 .final-section.final-editorial-v7 .final-cta-btn{
flex:0 1 auto!important;
min-width:0!important;
min-height:52px!important;
padding:14px 23px!important;
background:var(--rust)!important;
color:var(--white)!important;
border-color:var(--rust)!important;
white-space:normal!important;
text-align:left!important;
}
.editorial-v2 .final-section.final-editorial-v7 .final-mini-note{
display:inline-flex!important;
align-items:center!important;
gap:7px!important;
min-width:0!important;
max-width:100%!important;
border:1px solid rgba(166,59,47,.32)!important;
background:rgba(244,203,198,.3)!important;
color:var(--rust)!important;
font-family:var(--font-label)!important;
line-height:1.35!important;
font-weight:900!important;
white-space:normal!important;
}
.editorial-v2 .final-section.final-editorial-v7 .final-check{
display:grid!important;
place-items:center!important;
width:17px!important;
height:17px!important;
flex:none!important;
border-radius:50%!important;
background:var(--rust)!important;
color:var(--white)!important;
font-size:10px!important;
line-height:1!important;
}
.editorial-v2 .final-section.final-editorial-v7 .final-visual{
grid-area:visual!important;
min-width:0!important;
padding:44px 36px!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
position:relative!important;
z-index:2!important;
background:linear-gradient(155deg,#2b2420 0%,#463a33 100%)!important;
overflow:hidden!important;
}
.editorial-v2 .final-section.final-editorial-v7 .final-visual::before{
content:"";
position:absolute;
width:150px;
height:210px;
left:50%;top:50%;
transform:translate(-50%,-50%) rotate(-6deg);
background:var(--rust);
opacity:.58;
z-index:0;
}
.editorial-v2 .final-section.final-editorial-v7 .final-visual::after{
content:"";
position:absolute;
border:1px solid rgba(255,250,243,.28);
border-radius:50%;
z-index:0;
}
.editorial-v2 .final-section.final-editorial-v7 .final-index{
position:absolute!important;
left:18px!important;
top:18px!important;
z-index:3!important;
width:40px!important;
height:40px!important;
display:grid!important;
place-items:center!important;
border:1px solid rgba(255,250,243,.64)!important;
border-radius:50%!important;
color:var(--white)!important;
font-family:var(--font-label)!important;
font-size:10px!important;
font-weight:900!important;
letter-spacing:.04em!important;
}
.editorial-v2 .final-section.final-editorial-v7 .final-media{
position:relative!important;
z-index:2!important;
width:min(100%,214px)!important;
margin:0!important;
padding:7px 7px 25px!important;
background:var(--paper-3)!important;
border:1.5px solid var(--ink)!important;
box-shadow:5px 5px 0 rgba(10,8,7,.72)!important;
transform:rotate(1.5deg)!important;
overflow:hidden!important;
transition:transform .42s var(--ease),box-shadow .42s var(--ease)!important;
}
.editorial-v2 .final-section.final-editorial-v7 .final-media::before,
.editorial-v2 .final-section.final-editorial-v7 .final-media::after{display:none!important}
.editorial-v2 .final-section.final-editorial-v7 .final-media img{
display:block!important;
width:100%!important;
height:auto!important;
aspect-ratio:3/4!important;
object-fit:cover!important;
object-position:center 38%!important;
filter:grayscale(.08) contrast(1.02)!important;
transform:none!important;
transition:transform .6s var(--ease),filter .35s ease!important;
}
.editorial-v2 .final-section.final-editorial-v7 .final-photo-note{
position:absolute!important;
left:10px!important;
right:10px!important;
bottom:5px!important;
color:var(--ink-soft)!important;
font-family:var(--serif)!important;
font-size:13px!important;
font-style:italic!important;
line-height:1.2!important;
letter-spacing:0!important;
text-align:center!important;
overflow:hidden!important;
white-space:nowrap!important;
text-overflow:ellipsis!important;
}
@media (hover:hover) and (pointer:fine){
.editorial-v2 .final-section.final-editorial-v7 .final-media:hover{
transform:rotate(.2deg) translateY(-4px)!important;
box-shadow:7px 8px 0 rgba(10,8,7,.74)!important;
}
.editorial-v2 .final-section.final-editorial-v7 .final-media:hover img{
transform:scale(1.025)!important;
filter:grayscale(0) contrast(1.02)!important;
}
.editorial-v2 .final-section.final-editorial-v7 .final-mini-note:hover{
background:rgba(244,203,198,.55)!important;
}
}
@media (max-width:900px){
.editorial-v2 .final-section.final-editorial-v7{
width:min(760px,calc(100% - 40px))!important;
grid-template-columns:1fr!important;
grid-template-areas:"copy" "visual"!important;
}
.editorial-v2 .final-section.final-editorial-v7 .final-copy{
padding:52px 42px 42px!important;
}
.editorial-v2 .final-section.final-editorial-v7 .section-title{
max-width:680px!important;
font-size:clamp(38px,6.6vw,52px)!important;
}
.editorial-v2 .final-section.final-editorial-v7 .final-visual{
min-height:300px!important;
padding:34px!important;
}
.editorial-v2 .final-section.final-editorial-v7 .final-media{width:min(100%,205px)!important}
}
@media (max-width:640px){
.editorial-v2 .final-section.final-editorial-v7{
width:calc(100% - 24px)!important;
margin:24px auto 64px!important;
box-shadow:5px 5px 0 var(--ink)!important;
}
.editorial-v2 .final-section.final-editorial-v7::before{width:5px!important}
.editorial-v2 .final-section.final-editorial-v7::after{display:none!important}
.editorial-v2 .final-section.final-editorial-v7 .final-copy{
padding:38px 22px 34px 26px!important;
}
.editorial-v2 .final-section.final-editorial-v7 .final-eyebrow{
margin-bottom:15px!important;
letter-spacing:.08em!important;
}
.editorial-v2 .final-section.final-editorial-v7 .section-title{
width:100%!important;
max-width:100%!important;
margin-bottom:18px!important;
font-size:clamp(29px,8.6vw,39px)!important;
line-height:1.02!important;
letter-spacing:-.047em!important;
text-wrap:wrap!important;
}
.editorial-v2 .final-section.final-editorial-v7 .final-subcopy{
max-width:100%!important;
margin-bottom:22px!important;
font-size:14px!important;
line-height:1.58!important;
}
.editorial-v2 .final-section.final-editorial-v7 .final-actions{
flex-direction:column!important;
align-items:stretch!important;
gap:11px!important;
}
.editorial-v2 .final-section.final-editorial-v7 .final-cta-btn{
width:100%!important;
justify-content:space-between!important;
padding:13px 18px!important;
font-size:12px!important;
}
.editorial-v2 .final-section.final-editorial-v7 .final-mini-note{
width:fit-content!important;
max-width:100%!important;
}
.editorial-v2 .final-section.final-editorial-v7 .final-visual{
min-height:270px!important;
padding:30px 24px 32px!important;
}
.editorial-v2 .final-section.final-editorial-v7 .final-index{
left:14px!important;top:14px!important;width:34px!important;height:34px!important;font-size:8px!important
}
.editorial-v2 .final-section.final-editorial-v7 .final-visual::before{width:125px;height:178px!important}
.editorial-v2 .final-section.final-editorial-v7 .final-media{width:min(62vw,190px)!important}
}
@media (max-width:360px){
.editorial-v2 .final-section.final-editorial-v7 .final-copy{padding-left:22px!important;padding-right:18px!important}
.editorial-v2 .final-section.final-editorial-v7 .section-title{font-size:clamp(27px,8.2vw,34px)!important;letter-spacing:-.04em!important}
}
/* Revision 7 QA correction: decorative circle stays fully inside the media panel. */
.editorial-v2 .final-section.final-editorial-v7 .final-visual::after{
width:72px!important;
height:72px!important;
right:16px!important;
top:14px!important;
opacity:.7!important;
}
/* Final CTA grid cell must stretch, otherwise inherited justify-self:center shrink-wraps the media panel. */
.editorial-v2 .final-section.final-editorial-v7 .final-visual{
width:100%!important;
max-width:none!important;
justify-self:stretch!important;
}
/* ========================================================================== */
/* REVISION 8 · heart removed + mobile harmony / no-overlap pass */
/* ========================================================================== */
@media (max-width:720px){
html{scroll-padding-top:68px}
body{overflow-x:clip}
.editorial-v2 .top-announcement{
min-height:0;
padding:8px 14px 9px!important;
gap:4px!important;
font-size:8px!important;
line-height:1.35!important;
text-align:center;
}
.editorial-v2 .top-announcement span,
.editorial-v2 .top-announcement a{
max-width:34ch;
white-space:normal!important;
}
.editorial-v2 .nav-shell{
width:100%;
height:62px!important;
padding:0 16px!important;
grid-template-columns:minmax(0,1fr) auto!important;
gap:12px!important;
}
.editorial-v2 .site-brand{font-size:18px!important}
.editorial-v2 .menu-toggle{width:40px!important;height:40px!important}
.editorial-v2 .mobile-menu{
top:62px!important;
max-height:calc(100svh - 62px);
overflow:auto;
padding:14px 18px 20px!important;
}
.editorial-v2 .mobile-menu>a{
padding:13px 2px!important;
font-size:16px!important;
}
.editorial-v2 .site-section:not(.hero-section):not(.proof-section):not(.promise-section):not(.lead-section):not(.steps-section):not(.final-section){
width:100%;
padding-left:18px!important;
padding-right:18px!important;
}
.editorial-v2 .section-kicker,
.editorial-v2 .editorial-kicker{
max-width:100%;
overflow-wrap:anywhere;
}
.editorial-v2 .section-title{
max-width:100%!important;
overflow-wrap:normal!important;
word-break:normal!important;
hyphens:none!important;
}
.editorial-v2 .site-section>p{max-width:100%!important}
.editorial-v2 .hero-section{
padding:30px 18px 52px!important;
overflow:hidden!important;
}
.editorial-v2 .hero-copy h1{
font-size:clamp(66px,21vw,88px)!important;
line-height:.84!important;
}
.editorial-v2 .hero-copy>p:first-of-type{font-size:17px!important}
.editorial-v2 .hero-copy>p:nth-of-type(2){font-size:13px!important;line-height:1.58!important}
.editorial-v2 .price-anchor{
min-height:0!important;
padding:17px 84px 16px 16px!important;
border-radius:12px!important;
}
.editorial-v2 .price-anchor-row{
flex-wrap:wrap;
gap:5px 12px!important;
}
.editorial-v2 .hero-copy>div:last-child{
display:grid!important;
grid-template-columns:1fr!important;
align-items:stretch!important;
}
.editorial-v2 .hero-copy>div:last-child .btn{
width:100%;
min-width:0;
justify-content:center;
}
.editorial-v2 .hero-copy>div:last-child .btn-ghost{
width:max-content;
justify-self:start;
}
.editorial-v2 .hero-media{
position:relative!important;
min-height:0!important;
margin-top:30px!important;
padding:4px 0 0!important;
display:grid!important;
grid-template-columns:minmax(0,1fr) minmax(86px,.43fr)!important;
gap:12px!important;
align-items:end!important;
}
.editorial-v2 .hero-media .polaroid{
position:relative!important;
inset:auto!important;
width:100%!important;
left:auto!important;
right:auto!important;
top:auto!important;
bottom:auto!important;
margin:0!important;
}
.editorial-v2 .hero-media .polaroid-main{
grid-column:1;
transform:rotate(-1deg)!important;
}
.editorial-v2 .hero-media .polaroid-secondary{
grid-column:2;
transform:rotate(1.3deg)!important;
}
.editorial-v2 .hero-media>.tag-neutral,
.editorial-v2 .hero-media>.tag-accent{display:none!important}
.editorial-v2 .proof-section{padding:0 18px 48px!important}
.editorial-v2 .proof-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.editorial-v2 .proof-item{
min-height:108px!important;
padding:18px 14px!important;
min-width:0;
}
.editorial-v2 .proof-item>div:first-child{font-size:38px!important}
.editorial-v2 .proof-item>div:last-child{
font-size:8px!important;
overflow-wrap:anywhere;
}
.editorial-v2 .audience-section .sticky-media{
position:relative!important;
top:auto!important;
min-height:0!important;
margin:0 0 34px!important;
display:grid!important;
grid-template-columns:minmax(0,1fr) minmax(92px,.48fr)!important;
gap:12px!important;
align-items:end!important;
}
.editorial-v2 .audience-section .sticky-media .editorial-photo{
position:relative!important;
width:100%!important;
margin:0!important;
inset:auto!important;
}
.editorial-v2 .audience-section .sticky-media .editorial-photo:first-child{
transform:rotate(-.8deg)!important;
}
.editorial-v2 .audience-section .sticky-media .editorial-photo:nth-child(2){
transform:rotate(1.2deg)!important;
}
.editorial-v2 .about-section{gap:28px!important}
.editorial-v2 .about-section .about-copy{width:100%!important}
.editorial-v2 .about-section .about-media{
width:min(92%,360px)!important;
margin:2px auto 0!important;
}
.editorial-v2 .about-section .about-media::before{display:none!important}
.editorial-v2 .editorial-details>summary{min-width:0!important}
.editorial-v2 .program-accordion .editorial-details>summary{
grid-template-columns:minmax(0,1fr) auto 18px!important;
}
.editorial-v2 .module-name,
.editorial-v2 .module-range{
min-width:0;
overflow-wrap:anywhere;
}
.editorial-v2 .lesson{
grid-template-columns:32px minmax(0,1fr)!important;
}
.editorial-v2 .lesson>*{min-width:0}
.editorial-v2 .lead-form{min-width:0}
.editorial-v2 .pricing-count-badge{
max-width:100%!important;
}
.editorial-v2 .pricing-meta-copy{
border-left:0!important;
border-top:1px solid rgba(23,19,16,.18);
justify-content:start;
}
.editorial-v2 .price-features li svg{flex:none}
.editorial-v2 .final-section.final-editorial-v8{
width:calc(100% - 20px)!important;
margin:22px auto 58px!important;
}
.editorial-v2 .final-section.final-editorial-v8 .final-copy{
padding:36px 20px 31px 24px!important;
}
.editorial-v2 .final-section.final-editorial-v8 .section-title{
font-size:clamp(28px,8.15vw,37px)!important;
letter-spacing:-.04em!important;
}
.editorial-v2 .final-section.final-editorial-v8 .final-visual{
min-height:0!important;
padding:28px 22px 30px!important;
}
.editorial-v2 .final-section.final-editorial-v8 .final-media{
width:min(58vw,184px)!important;
}
.editorial-v2 .sticky-mobile-cta{
left:8px!important;
right:8px!important;
bottom:8px!important;
gap:8px!important;
padding:9px 9px 9px 11px!important;
}
/* Pasek z przyciskiem na dole telefonu: etykieta miała 7 px, przycisk 9 px - bez
przybliżania nie do przeczytania. Przy 360 px i węższych etykieta się chowa (niżej). */
.editorial-v2 .sticky-mobile-cta>div>span:first-child{
white-space:normal!important;
max-width:19ch;
font-size:12px;
letter-spacing:.04em;
line-height:1.25;
}
.editorial-v2 .sticky-mobile-cta .btn{
padding:10px 14px!important;
font-size:13px!important;
}
.editorial-v2 .footer-manifesto{
margin-top:20px!important;
}
}
@media (max-width:360px){
.editorial-v2 .hero-copy h1{font-size:64px!important}
.editorial-v2 .price-anchor{
padding-right:74px!important;
padding-left:14px!important;
}
.editorial-v2 .spin-badge{
width:62px!important;
height:62px!important;
right:8px!important;
}
.editorial-v2 .spin-badge-disc{
width:46px!important;
height:46px!important;
font-size:16px!important;
}
.editorial-v2 .hero-media{
grid-template-columns:minmax(0,1fr) 94px!important;
gap:9px!important;
}
.editorial-v2 .proof-item{padding:16px 11px!important}
.editorial-v2 .proof-item>div:first-child{font-size:34px!important}
.editorial-v2 .sticky-mobile-cta>div>span:last-child{font-size:15px!important}
}
/* ========================================================================== */
/* REVISION 9 · mobile pricing / course facts / footer stability */
/* Heart photo ornament stays removed. Mobile layout is deliberately flat: */
/* no absolute positioning, no decorative overlaps, no shrink-wrapped cards. */
/* ========================================================================== */
.editorial-v2 img[src*="heart_seal"],.editorial-v2 img[src*="heart-seal"]{display:none!important}
@media (max-width:720px){
/* Global mobile safety net */
.editorial-v2 main,
.editorial-v2 .site-section,
.editorial-v2 .site-section > *,
.editorial-v2 .pricing-section,
.editorial-v2 .pricing-section > *,
.editorial-v2 .site-footer,
.editorial-v2 .footer-shell,
.editorial-v2 .footer-shell > *{min-width:0;max-width:100%}
.editorial-v2 img{max-width:100%;height:auto}
/* Cennik: one stable information panel instead of floating lesson/meta bits. */
.editorial-v2 .pricing-section{
padding-left:16px!important;
padding-right:16px!important;
}
.editorial-v2 .pricing-heading-row{
display:block!important;
}
.editorial-v2 .pricing-heading-row .section-title{
font-size:clamp(31px,9.4vw,42px)!important;
line-height:.98!important;
max-width:12ch!important;
}
.editorial-v2 .pricing-meta-strip{
width:100%!important;
max-width:none!important;
display:grid!important;
grid-template-columns:minmax(112px,.82fr) minmax(0,1.18fr)!important;
align-items:stretch!important;
gap:10px!important;
margin:0 0 22px!important;
padding:0!important;
}
.editorial-v2 .pricing-count-badge{
width:100%!important;
min-width:0!important;
min-height:88px!important;
padding:13px 12px!important;
display:grid!important;
grid-template-columns:auto minmax(0,1fr)!important;
align-items:end!important;
justify-content:start!important;
gap:10px!important;
overflow:hidden!important;
box-shadow:3px 3px 0 var(--rust)!important;
}
.editorial-v2 .pricing-count-badge strong{
font-size:52px!important;
line-height:.76!important;
letter-spacing:-.08em!important;
}
.editorial-v2 .pricing-count-badge span{
min-width:0!important;
margin:0 0 3px!important;
line-height:1.12!important;
letter-spacing:.11em!important;
white-space:normal!important;
overflow-wrap:normal!important;
}
.editorial-v2 .pricing-meta-copy{
min-width:0!important;
display:grid!important;
grid-template-columns:1fr!important;
gap:8px!important;
padding:0!important;
border:0!important;
}
.editorial-v2 .pricing-meta-copy span{
min-width:0!important;
display:flex!important;
align-items:center!important;
padding:10px 12px!important;
border:1px solid rgba(23,19,16,.28)!important;
background:rgba(255,250,243,.72)!important;
font-size:8px!important;
line-height:1.25!important;
letter-spacing:.08em!important;
overflow-wrap:anywhere!important;
}
/* Price cards: nothing relies on fixed height or a single-line price row. */
.editorial-v2 .price-card,
.editorial-v2 .price-card[data-package="basic"],
.editorial-v2 .price-card[data-package="mentoring"]{
width:100%!important;
max-width:100%!important;
}
.editorial-v2 .package-badge,
.editorial-v2 .price-card .tag{
max-width:100%!important;
white-space:normal!important;
line-height:1.25!important;
}
.editorial-v2 .price-name{
overflow-wrap:anywhere!important;
}
.editorial-v2 .price-row{
width:100%!important;
min-height:0!important;
grid-template-columns:minmax(0,1fr) auto!important;
}
.editorial-v2 .price-current{
min-width:0!important;
overflow-wrap:anywhere!important;
}
.editorial-v2 .price-old{
justify-self:end!important;
margin:0 0 3px!important;
white-space:nowrap!important;
}
.editorial-v2 .price-saving{
width:max-content!important;
max-width:100%!important;
white-space:normal!important;
}
.editorial-v2 .price-features{
margin-top:20px!important;
padding-top:18px!important;
}
.editorial-v2 .price-card .price-cta{
min-width:0!important;
}
/* Footer: editorial, but intentionally simple on a phone. */
.editorial-v2 .site-footer{
overflow:hidden!important;
}
.editorial-v2 .footer-hero-row{
grid-template-columns:minmax(0,1fr)!important;
gap:18px!important;
}
.editorial-v2 .footer-kicker{
overflow-wrap:anywhere!important;
}
.editorial-v2 .footer-brand{
width:100%!important;
}
.editorial-v2 .footer-grid>div{
width:100%!important;
padding:17px 0!important;
border-top:1px solid rgba(255,255,255,.12)!important;
}
.editorial-v2 .footer-grid>div:first-child{border-top:0!important}
.editorial-v2 .footer-bottom{
width:100%!important;
grid-template-columns:minmax(0,1fr)!important;
}
/* Mobile sticky CTA remains compact and never forces text outside the viewport. */
.editorial-v2 .sticky-mobile-cta{
max-width:calc(100vw - 16px)!important;
box-sizing:border-box!important;
}
.editorial-v2 .sticky-mobile-cta>div{min-width:0!important;overflow:hidden!important}
.editorial-v2 .sticky-mobile-cta>div>span:last-child{
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
}
}
@media (max-width:360px){
.editorial-v2 .pricing-meta-strip{
grid-template-columns:minmax(0,1fr)!important;
}
.editorial-v2 .pricing-count-badge{
min-height:70px!important;
grid-template-columns:auto 1fr!important;
}
.editorial-v2 .pricing-count-badge strong{font-size:47px!important}
.editorial-v2 .pricing-meta-copy{
grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
.editorial-v2 .pricing-meta-copy span{
padding:9px 8px!important;
font-size:7px!important;
}
.editorial-v2 .price-row{
grid-template-columns:minmax(0,1fr)!important;
}
.editorial-v2 .price-old{
justify-self:start!important;
margin:0!important;
}
.editorial-v2 .sticky-mobile-cta>div>span:first-child{display:none!important}
}
@media (max-width:420px){
/* Program modules: lesson range moves below the module title so the row never squeezes. */
.editorial-v2 .program-accordion .editorial-details>summary{
grid-template-columns:minmax(0,1fr) 18px!important;
grid-template-rows:auto auto!important;
column-gap:10px!important;
row-gap:5px!important;
align-items:center!important;
padding:15px 14px!important;
}
.editorial-v2 .program-accordion .module-name{
grid-column:1!important;
grid-row:1!important;
font-size:14px!important;
line-height:1.28!important;
}
.editorial-v2 .program-accordion .module-range{
grid-column:1!important;
grid-row:2!important;
justify-self:start!important;
line-height:1.2!important;
}
.editorial-v2 .program-accordion .chevron{
grid-column:2!important;
grid-row:1 / 3!important;
justify-self:end!important;
}
}
/* REVISION 10: stable mobile/tablet layout for the Program accordion.
Keep every module title, lesson range and chevron inside the card at narrow widths. */
@media (max-width:900px){
.editorial-v2 .program-section{
width:100%!important;
max-width:100%!important;
box-sizing:border-box!important;
padding-left:18px!important;
padding-right:18px!important;
}
.editorial-v2 .program-section>.page-deco{display:none!important}
.editorial-v2 .program-section .section-title{
word-break:normal!important;
}
.editorial-v2 .program-meta{display:none!important}
.editorial-v2 .program-accordion .editorial-details>summary{
min-height:0!important;
}
.editorial-v2 .program-accordion .editorial-details>summary::before{
content:none!important;
}
.editorial-v2 .program-accordion .module-name{
grid-column:1!important;
grid-row:1!important;
justify-self:start!important;
word-break:normal!important;
}
.editorial-v2 .program-accordion .module-range{
grid-column:1!important;
grid-row:2!important;
justify-self:start!important;
overflow-wrap:break-word!important;
}
.editorial-v2 .program-accordion .chevron{
grid-column:2!important;
grid-row:1 / 3!important;
}
.editorial-v2 .program-accordion .acc-panel,
.editorial-v2 .program-accordion .acc-inner,
.editorial-v2 .program-accordion ol,
.editorial-v2 .program-accordion .lesson,
.editorial-v2 .program-accordion .lesson-title{
min-width:0!important;
max-width:100%!important;
box-sizing:border-box!important;
}
}
@media (max-width:430px){
.editorial-v2 .program-section .section-title{
line-height:.96!important;
}
}
/* =========================================================
REVISION 11 · mobile program + cleaner pricing + footer
========================================================= */
/* PROGRAM: predictable geometry on phones and narrow tablets. */
@media (max-width:900px){
.editorial-v2 .program-section{
overflow:hidden!important;
}
.editorial-v2 .program-section .section-title{
max-width:100%!important;
font-size:clamp(38px,7.2vw,54px)!important;
line-height:.96!important;
letter-spacing:-.045em!important;
margin-bottom:28px!important;
overflow-wrap:normal!important;
}
.editorial-v2 .program-section .section-title em{
display:block!important;
width:max-content!important;
max-width:100%!important;
margin-top:5px!important;
font-size:.78em!important;
line-height:1!important;
}
.editorial-v2 .program-accordion{
width:100%!important;
max-width:100%!important;
min-width:0!important;
overflow:hidden!important;
box-sizing:border-box!important;
box-shadow:4px 4px 0 var(--ink)!important;
}
.editorial-v2 .program-accordion .program-meta{display:none!important}
.editorial-v2 .program-accordion .editorial-details{
width:100%!important;
min-width:0!important;
max-width:100%!important;
overflow:hidden!important;
}
.editorial-v2 .program-accordion .editorial-details>summary{
display:grid!important;
grid-template-columns:minmax(0,1fr) 34px!important;
grid-template-rows:auto auto!important;
grid-template-areas:"module chevron" "range chevron"!important;
column-gap:14px!important;
row-gap:7px!important;
align-items:center!important;
width:100%!important;
min-width:0!important;
max-width:100%!important;
box-sizing:border-box!important;
padding:19px 17px!important;
text-align:left!important;
}
.editorial-v2 .program-accordion .editorial-details>summary::before{display:none!important}
.editorial-v2 .program-accordion .module-name{
grid-area:module!important;
display:block!important;
width:100%!important;
min-width:0!important;
max-width:100%!important;
margin:0!important;
font-size:clamp(15px,2.7vw,18px)!important;
line-height:1.25!important;
letter-spacing:-.025em!important;
text-align:left!important;
white-space:normal!important;
overflow-wrap:break-word!important;
}
.editorial-v2 .program-accordion .module-range{
grid-area:range!important;
display:block!important;
width:max-content!important;
max-width:100%!important;
min-width:0!important;
margin:0!important;
padding:0!important;
font-family:var(--font-label)!important;
line-height:1.25!important;
letter-spacing:.1em!important;
text-transform:uppercase!important;
text-align:left!important;
white-space:normal!important;
color:var(--rust)!important;
opacity:1!important;
}
.editorial-v2 .program-accordion .chevron{
grid-area:chevron!important;
align-self:center!important;
justify-self:center!important;
width:20px!important;
height:20px!important;
margin:0!important;
}
.editorial-v2 .program-accordion .acc-inner{
min-width:0!important;
max-width:100%!important;
padding-left:17px!important;
padding-right:17px!important;
}
.editorial-v2 .program-accordion .lesson{
min-width:0!important;
max-width:100%!important;
grid-template-columns:34px minmax(0,1fr)!important;
gap:10px!important;
}
.editorial-v2 .program-accordion .lesson-title{
min-width:0!important;
max-width:100%!important;
overflow-wrap:break-word!important;
}
}
@media (max-width:430px){
.editorial-v2 .program-section{padding-left:16px!important;padding-right:16px!important}
.editorial-v2 .program-section .section-title{
font-size:clamp(36px,11.5vw,46px)!important;
margin-bottom:24px!important;
}
.editorial-v2 .program-accordion .editorial-details>summary{
grid-template-columns:minmax(0,1fr) 30px!important;
padding:17px 15px!important;
column-gap:11px!important;
row-gap:6px!important;
}
.editorial-v2 .program-accordion .module-name{font-size:15px!important;line-height:1.28!important}
.editorial-v2 .program-accordion .chevron{width:18px!important;height:18px!important}
.editorial-v2 .program-accordion .acc-inner{padding-left:15px!important;padding-right:15px!important}
}
/* PRICING: fewer labels, stronger readable hierarchy. */
.editorial-v2 .pricing-section{
max-width:1120px!important;
}
.editorial-v2 .pricing-heading-row{margin-bottom:24px!important}
.editorial-v2 .pricing-meta-strip{margin-bottom:38px!important}
.editorial-v2 .pricing-section>.pricing-cards{
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:28px!important;
align-items:stretch!important;
}
.editorial-v2 .price-card,
.editorial-v2 .price-card[data-package="basic"],
.editorial-v2 .price-card[data-package="mentoring"]{
display:flex!important;
flex-direction:column!important;
min-width:0!important;
min-height:0!important;
padding:36px 34px 30px!important;
transform:none!important;
overflow:hidden!important;
}
.editorial-v2 .package-badge{
display:inline-flex!important;
align-items:center!important;
align-self:flex-start!important;
max-width:100%!important;
margin:0 0 26px!important;
padding:9px 12px!important;
line-height:1.15!important;
white-space:normal!important;
}
.editorial-v2 .price-name{
margin:0 0 8px!important;
font-size:clamp(40px,4.2vw,54px)!important;
line-height:.95!important;
letter-spacing:-.06em!important;
}
.editorial-v2 .package-subtitle{
min-height:2.8em!important;
max-width:35ch!important;
margin:0 0 26px!important;
font-size:15px!important;
line-height:1.42!important;
opacity:.82;
}
.editorial-v2 .price-row{
display:flex!important;
flex-wrap:wrap!important;
align-items:baseline!important;
gap:8px 14px!important;
margin:0 0 12px!important;
min-width:0!important;
}
.editorial-v2 .price-current{
font-size:clamp(43px,4.7vw,58px)!important;
line-height:.92!important;
letter-spacing:-.06em!important;
white-space:nowrap!important;
}
.editorial-v2 .price-old{
font-size:15px!important;
line-height:1!important;
}
.editorial-v2 .price-saving{
display:inline-flex!important;
align-items:center!important;
align-self:flex-start!important;
margin:0!important;
padding:8px 12px!important;
border-radius:999px!important;
font-size:12px!important;
line-height:1.1!important;
font-weight:800!important;
letter-spacing:.01em!important;
}
.editorial-v2 .price-features{
list-style:none!important;
display:grid!important;
gap:0!important;
width:100%!important;
margin:26px 0 0!important;
padding:12px 0 0!important;
border-top:1px solid rgba(23,19,16,.16)!important;
}
.editorial-v2 .price-card[data-package="mentoring"] .price-features{
border-top-color:rgba(255,255,255,.17)!important;
}
.editorial-v2 .price-features li{
display:grid!important;
grid-template-columns:24px minmax(0,1fr)!important;
gap:10px!important;
align-items:start!important;
min-width:0!important;
padding:13px 0!important;
margin:0!important;
border-bottom:1px solid rgba(23,19,16,.10)!important;
font-size:15px!important;
line-height:1.43!important;
overflow-wrap:break-word!important;
}
.editorial-v2 .price-card[data-package="mentoring"] .price-features li{
border-bottom-color:rgba(255,255,255,.11)!important;
}
.editorial-v2 .price-features li:last-child{border-bottom:0!important}
.editorial-v2 .price-features li svg{
width:19px!important;
height:19px!important;
margin-top:1px!important;
stroke-width:2!important;
}
.editorial-v2 .price-card .price-cta{
width:100%!important;
min-height:52px!important;
margin-top:auto!important;
padding:15px 18px!important;
font-size:13px!important;
line-height:1.2!important;
white-space:normal!important;
}
@media (max-width:820px){
.editorial-v2 .pricing-section>.pricing-cards{
grid-template-columns:1fr!important;
gap:22px!important;
}
.editorial-v2 .price-card,
.editorial-v2 .price-card[data-package="basic"],
.editorial-v2 .price-card[data-package="mentoring"]{
padding:30px 26px 27px!important;
}
.editorial-v2 .package-subtitle{min-height:0!important}
.editorial-v2 .price-card .price-cta{margin-top:24px!important}
}
@media (max-width:520px){
.editorial-v2 .pricing-section{padding-left:17px!important;padding-right:17px!important}
.editorial-v2 .pricing-heading-row .section-title{
font-size:clamp(38px,11vw,48px)!important;
line-height:.98!important;
}
.editorial-v2 .pricing-meta-strip{
display:grid!important;
grid-template-columns:1fr!important;
width:100%!important;
gap:13px!important;
margin-bottom:26px!important;
}
.editorial-v2 .pricing-count-badge{
width:100%!important;
min-width:0!important;
justify-content:flex-start!important;
padding:13px 15px 12px!important;
}
.editorial-v2 .pricing-count-badge strong{font-size:62px!important}
.editorial-v2 .pricing-meta-copy{
display:flex!important;
flex-wrap:wrap!important;
gap:8px!important;
padding:0!important;
border:0!important;
}
.editorial-v2 .pricing-meta-copy span{
display:inline-flex!important;
padding:8px 10px!important;
border:1px solid rgba(23,19,16,.18)!important;
background:rgba(255,250,243,.72)!important;
}
.editorial-v2 .price-card,
.editorial-v2 .price-card[data-package="basic"],
.editorial-v2 .price-card[data-package="mentoring"]{
padding:26px 20px 22px!important;
box-shadow:4px 4px 0 var(--ink)!important;
}
.editorial-v2 .price-card[data-package="mentoring"]{box-shadow:4px 4px 0 var(--rust)!important}
.editorial-v2 .package-badge{
margin-bottom:22px!important;
padding:8px 10px!important;
}
.editorial-v2 .price-name{font-size:44px!important}
.editorial-v2 .package-subtitle{font-size:15px!important;margin-bottom:22px!important}
.editorial-v2 .price-current{font-size:46px!important}
.editorial-v2 .price-old{font-size:14px!important}
.editorial-v2 .price-saving{font-size:12px!important;padding:8px 11px!important}
.editorial-v2 .price-features{margin-top:22px!important;padding-top:8px!important}
.editorial-v2 .price-features li{
grid-template-columns:22px minmax(0,1fr)!important;
gap:9px!important;
padding:12px 0!important;
font-size:14.5px!important;
line-height:1.43!important;
}
.editorial-v2 .price-features li svg{width:18px!important;height:18px!important}
.editorial-v2 .price-card .price-cta{font-size:13px!important;padding:14px 15px!important}
}
/* FOOTER: editorial, but aligned and compact on mobile. */
.editorial-v2 .footer-grid,
.editorial-v2 .footer-grid>div,
.editorial-v2 .footer-bottom,
.editorial-v2 .footer-hero-row{min-width:0!important}
.editorial-v2 .footer-grid a,
.editorial-v2 .footer-about p,
.editorial-v2 .footer-bottom span{overflow-wrap:anywhere!important}
@media (max-width:720px){
.editorial-v2 .site-footer{padding-bottom:88px!important}
.editorial-v2 .footer-orbit,.editorial-v2 .footer-star{display:none!important}
.editorial-v2 .footer-shell{
width:100%!important;
max-width:100%!important;
box-sizing:border-box!important;
padding:52px 20px 26px!important;
}
.editorial-v2 .footer-hero-row{
display:block!important;
padding-bottom:30px!important;
}
.editorial-v2 .footer-kicker{line-height:1.35!important}
.editorial-v2 .footer-brand{
max-width:100%!important;
margin-top:14px!important;
font-size:clamp(50px,16vw,66px)!important;
line-height:.82!important;
letter-spacing:-.075em!important;
white-space:normal!important;
}
.editorial-v2 .footer-manifesto{
max-width:100%!important;
margin:24px 0 0!important;
font-size:clamp(16px,5.4vw,20px)!important;
line-height:1.12!important;
text-align:left!important;
transform:none!important;
}
.editorial-v2 .footer-grid{
display:grid!important;
grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
grid-template-areas:
"about about"
"nav docs"
"contact contact"!important;
gap:28px 22px!important;
padding:34px 0 30px!important;
}
.editorial-v2 .footer-grid>div{gap:10px!important}
.editorial-v2 .footer-grid>div:nth-child(1){grid-area:about!important}
.editorial-v2 .footer-grid>div:nth-child(2){grid-area:nav!important}
.editorial-v2 .footer-grid>div:nth-child(3){grid-area:contact!important}
.editorial-v2 .footer-grid>div:nth-child(4){grid-area:docs!important}
.editorial-v2 .footer-about{
grid-column:auto!important;
padding-bottom:24px!important;
border-bottom:1px solid rgba(255,255,255,.12)!important;
}
.editorial-v2 .footer-about p{
max-width:42ch!important;
font-size:13.5px!important;
line-height:1.55!important;
}
.editorial-v2 .footer-label{
margin-bottom:4px!important;
}
.editorial-v2 .footer-grid a{
max-width:100%!important;
font-size:14px!important;
line-height:1.35!important;
}
.editorial-v2 .footer-bottom{
display:grid!important;
gap:7px!important;
padding-top:20px!important;
line-height:1.4!important;
text-align:left!important;
}
.editorial-v2 .footer-bottom span{display:block!important;margin:0!important}
}
@media (max-width:360px){
.editorial-v2 .footer-shell{padding-left:17px!important;padding-right:17px!important}
.editorial-v2 .footer-brand{font-size:50px!important}
.editorial-v2 .footer-grid{
grid-template-columns:1fr!important;
grid-template-areas:"about" "nav" "docs" "contact"!important;
gap:24px!important;
}
.editorial-v2 .footer-grid>div:not(.footer-about){
padding-top:2px!important;
}
}
/* Opinie przed cennikiem (#opinie-przy-cenie). Cztery karty w układzie 2 x 2:
razem z trzema w rozdziale 08 daje to 3 + 3, czyli obie siatki wychodzą
równe i nigdzie nie zostaje sierota w drugim rzędzie. Etap dwukolumnowy
jest tu pominięty celowo - przy trzech kartach zostawiałby jedną samą. */
.editorial-v2 .proof-quotes-lede{max-width:60ch;line-height:1.6;}
.editorial-v2 .proof-quotes-grid{align-items:stretch}
.editorial-v2 .proof-quote-card{display:flex;flex-direction:column;height:100%;padding:26px 28px}
.editorial-v2 .proof-quote-card .review-text{flex:1}
@media (max-width:900px){
.editorial-v2 .proof-quote-card{padding:22px}
}
/* Nota o podwyżce po przedsprzedaży - pod siatką cennika, nie w karcie,
żeby dotyczyła obu pakietów naraz. */
.editorial-v2 .price-rise-note{max-width:62ch;margin:0 auto 22px;text-align:center;font-size:13.5px;line-height:1.6;color:color-mix(in srgb,var(--ink) 72%,transparent)}
@media (max-width:720px){.editorial-v2 .price-rise-note{margin-top:20px;font-size:13px;text-align:left}}
/* Wyróżnienie faktu w opinii - oko ma trafiać na konkret (3 tygodnie,
stężenie, 3 lata), a nie na uprzejmości wokół niego. */
.review-text strong{font-weight:600;color:var(--ink);box-shadow:inset 0 -0.42em 0 color-mix(in srgb,var(--pink) 34%,transparent)}
/* Sposoby płatności i faktura pod cennikiem (15 IX 2026). */
.editorial-v2 .pricing-section .pricing-payments{max-width:640px;margin:34px auto 0;text-align:center;font-size:14px;line-height:1.6;color:var(--ink-soft)}
/* Tytuły sekcji: Inter 900 w wersalikach ze ściśniętą literą (-.045em)
sklejał słowa. Odstęp dokładamy tylko między słowami; kursywa Cormoranta
ma własny, szerszy. */
.editorial-v2 .section-title{word-spacing:.08em}
.editorial-v2 .section-title em{word-spacing:normal}
/* Nota o podwyżce (15 IX 2026): na komputerze pod pakietami stojącymi obok
siebie, na telefonie nad nimi - tam karty stoją jedna pod drugą i nota pod
spodem by przepadła. */
.editorial-v2 .price-rise-note--pod{display:none}
@media (min-width:821px){
.editorial-v2 .price-rise-note--nad{display:none}
.editorial-v2 .pricing-section .price-rise-note--pod{display:block;margin:34px auto 0;font-weight:600;color:var(--ink)}
.editorial-v2 .pricing-section .price-rise-note--pod+.pricing-payments{margin-top:8px}
}
.editorial-v2 .pricing-section .pricing-payments a{color:var(--rust);text-decoration:underline;text-underline-offset:2px}
/* ==========================================================================
REVISION 12 · telefon: para zdjęć w hero i rytm kafli z liczbami (16 IX 2026)
========================================================================== */
/* Hero na telefonie stał jako dwie kolumny 1fr / 0.43fr wyrównane do dołu.
Przy 390 px drugie zdjęcie miało 94 px szerokości - postać na nim była
nieczytelna, a nad ramką zostawał pas pustego kremu. Zamiast zmniejszać
kompozycję z komputera, na telefonie robimy z niej to, czym jest w DESIGN.md:
dwie przypięte fotografie. Duża idzie w prawo, mała wchodzi na jej dolny
lewy róg i dostaje kwadratowy kadr przesunięty na twarz, żeby przy tej
wielkości było kogo rozpoznać. */
@media (max-width:720px){
.editorial-v2 .hero-media{
display:block!important;
grid-template-columns:none!important;
align-items:initial!important;
padding:4px 0 8px!important;
}
.editorial-v2 .hero-media .polaroid-main{
width:84%!important;
margin-left:auto!important;
transform:rotate(-1.2deg)!important;
}
.editorial-v2 .hero-media .polaroid-secondary{
position:absolute!important;
left:0!important;
bottom:-6px!important;
width:43%!important;
z-index:3!important;
transform:rotate(2.6deg)!important;
box-shadow:4px 5px 0 rgba(23,19,16,.95)!important;
}
.editorial-v2 .hero-media .polaroid-secondary>div{aspect-ratio:1/1!important}
.editorial-v2 .hero-media .polaroid-secondary img{object-position:50% 10%!important}
/* Kafle z liczbami: justify-content:space-between przyklejało podpis do dołu
komórki, więc przy etykiecie jednowierszowej („LAT PRAKTYKI”) zostawała
dziura, a przy trzywierszowej („OBSERWUJĄCYCH NA INSTAGRAMIE I TIKTOKU”)
podpis siedział tuż pod liczbą. Na dwóch kolumnach różnica rzucała się
w oczy w każdym rzędzie. Wyrównanie do góry daje wszystkim ten sam rytm. */
.editorial-v2 .proof-item{
justify-content:flex-start!important;
gap:12px!important;
}
}
/* Na ekranie dotykowym :hover zapala się przy dotknięciu i zostaje zapalony -
stąd jeden różowy kafelek na zrzucie z telefonu. Efekty najazdu zostawiamy
wyłącznie tam, gdzie jest kursor. */
@media (hover:none){
.proof-item:hover{background:rgba(255,250,243,.32);transform:none}
.editorial-v2 .proof-item:hover::before{transform:none}
.editorial-v2 .proof-item:hover>div:first-child{transform:none}
}
/* =====================================================================
REVISION 13 (18 IX 2026) - para zdjęć w "Dla kogo" na telefonie.
Na desktopie to przyklejona kolumna z dwoma nachodzącymi polaroidami.
Wcześniejsza reguła mobilna rozkładała je w dwie kolumny obok siebie
(duże po lewej, małe 92 px przy prawej krawędzi, bez nakładania) - ta sama
choroba, którą miało hero przed REVISION 12: kompozycja z komputera
wciśnięta w 390 px, z pustym polem i elipsą dekoracyjną wiszącą w
próżni. Tu ten sam pomysł co w hero, ale w lustrze: duże zdjęcie na 84%
przy LEWEJ krawędzi, czarno-biały kwadrat wchodzi na jego prawy dolny róg.
Hero pcha duże zdjęcie w prawo, ta sekcja w lewo - dwie kompozycje
rymują się, zamiast się powtarzać.
===================================================================== */
@media (max-width:720px){
.editorial-v2 .audience-section .sticky-media{
display:block!important;grid-template-columns:none!important;align-items:initial!important;
position:relative!important;min-height:0!important;margin:0 0 40px!important;padding:4px 0 10px!important;
}
.editorial-v2 .audience-section .sticky-media .editorial-photo:first-child{
width:84%!important;margin:0 auto 0 0!important;transform:rotate(1.2deg)!important;
}
.editorial-v2 .audience-section .sticky-media .editorial-photo:nth-child(2){
position:absolute!important;inset:auto 0 -6px auto!important;width:43%!important;margin:0!important;
z-index:3!important;transform:rotate(-2.6deg)!important;box-shadow:4px 5px 0 rgba(23,19,16,.95)!important;
}
.editorial-v2 .audience-section .sticky-media .editorial-photo:nth-child(2)>div{aspect-ratio:1/1!important}
.editorial-v2 .audience-section .sticky-media .editorial-photo:nth-child(2) img{object-position:50% 18%!important}
/* Elipsa dekoracyjna chowa się za dużym zdjęciem i wystaje tylko górnym
prawym łukiem - zamiast wisieć w pustym polu między zdjęciami. */
.editorial-v2 .sticky-media::after{left:28%!important;top:-7%!important;width:68%!important;height:46%!important}
}
/* REVISION 13b (18 IX 2026) - "Dla kogo" na telefonie, dwie poprawki po
zrzucie z iPhone'a. (1) Zdjęcia siedziały NAD etykietą rozdziału, więc
po 132 px przerwy między sekcjami wisiały "między niczym a niczym" - na
desktopie etykieta otwiera kolumnę tekstu obok zdjęć, na telefonie lądowała
pod nimi. Teraz kolejność: etykieta -> linia -> para zdjęć -> tytuł ->
punkty. Bez ruszania DOM: kolumna tekstu dostaje display:contents, a
sekcja flex z porządkiem `order`. (2) Elipsa dekoracyjna na 390 px
wyglądała jak błąd renderowania - na telefonie jej nie ma. */
@media (max-width:720px){
.editorial-v2 .sticky-media::after{display:none!important}
/* Sekcja ma z desktopu `gap` siatki dwukolumnowej; w kolumnie flex ten sam
gap wchodziłby między KAŻDY element (etykieta, linia, zdjęcia, tytuł),
dokładając ~44 px nad zdjęciami. Zerujemy i odstępy trzymają marginesy. */
.editorial-v2 .audience-section{display:flex!important;flex-direction:column!important;gap:0!important}
.editorial-v2 .audience-section>div:last-child{display:contents!important}
.editorial-v2 .audience-section>div:last-child>.section-kicker{order:0;align-self:flex-start}
.editorial-v2 .audience-section>div:last-child>.section-rule{order:1;width:100%}
.editorial-v2 .audience-section>.sticky-media{order:2;margin:0 0 34px!important}
.editorial-v2 .audience-section>div:last-child>.section-title{order:3}
.editorial-v2 .audience-section>div:last-child>div{order:4}
}