/* NABOR HYBRID 168 · R4 visual language (true black, controlled gold, Bebas/Barlow/Mono) on the production sales skeleton.
   Priorities: mobile readability, sales clarity, trust, inline conversion. One screen = one idea. */
@font-face{font-family:'Barlow Fallback';src:local('Arial'),local('Helvetica');size-adjust:93%;ascent-override:96%;descent-override:22%;line-gap-override:0%}
@font-face{font-family:'Bebas Fallback';src:local('Impact'),local('Arial Narrow');size-adjust:82%;ascent-override:90%;descent-override:20%;line-gap-override:0%}
@font-face{font-family:'Bebas Neue';font-weight:400;font-display:swap;src:url(../final/fonts/bebasneue-400-pl.woff2) format('woff2')}
@font-face{font-family:'Barlow';font-weight:400;font-display:swap;src:url(../final/fonts/barlow-400-pl.woff2) format('woff2')}
@font-face{font-family:'Barlow';font-weight:600;font-display:swap;src:url(../final/fonts/barlow-600-pl.woff2) format('woff2')}
@font-face{font-family:'Barlow';font-weight:700;font-display:swap;src:url(../final/fonts/barlow-700-pl.woff2) format('woff2')}
@font-face{font-family:'JetBrains Mono';font-weight:400 500;font-display:swap;src:url(../final/fonts/jetbrainsmono-500-pl.woff2) format('woff2')}
:root{--bg:#070606;--ink:#F1EBDF;--ink-2:rgba(241,235,223,.72);--ink-3:rgba(241,235,223,.54);--line:rgba(241,235,223,.12);--line-2:rgba(241,235,223,.22);
  --gold:#D4A853;--gold-hi:#E8C373;--gold-deep:#C6943C;--red:#D8342B;--green:#3DBE78;--green-deep:#2A9A5E;
  --fd:'Bebas Neue','Bebas Fallback',Impact,sans-serif;--fs:'Barlow','Barlow Fallback',system-ui,sans-serif;--fm:'JetBrains Mono',ui-monospace,monospace;
  --ease:cubic-bezier(.16,1,.3,1);--gutter:20px;--maxw:1120px;--sec:clamp(64px,9vw,104px);--measure:44ch}
@media(min-width:1024px){:root{--gutter:56px;--measure:56ch}}
*{box-sizing:border-box;margin:0;padding:0}
html{background:var(--bg);color:var(--ink);overflow-x:hidden;-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:12px}
body{font:17px/1.55 var(--fs);background:var(--bg);min-height:100vh;overflow-x:hidden}
img,video{max-width:100%;display:block}
a{color:inherit}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
p{max-width:var(--measure)}
.wrap{width:min(var(--maxw),100% - 2*var(--gutter));margin-inline:auto}
.mono{font-family:var(--fm);letter-spacing:.06em;font-variant-numeric:tabular-nums}
.small{font-size:.9rem;color:var(--ink-3);max-width:60ch}
.h{font-family:var(--fd);font-weight:400;line-height:.94;letter-spacing:.012em;text-transform:uppercase;text-wrap:balance}
.h em{font-style:normal;color:var(--gold)}
h2.h{font-size:calc(clamp(2.1rem,7.4vw,4.2rem) * var(--fg-h2-scale,1));max-width:18ch;margin-bottom:18px}
h3.h{font-size:clamp(1.7rem,5.6vw,2.6rem);max-width:20ch;margin:44px 0 16px}
.chap{display:flex;align-items:center;gap:10px;font-size:.66rem;text-transform:uppercase;color:var(--ink-3);padding-top:16px;border-top:1px solid var(--line);margin-bottom:22px}
.chap b{color:var(--gold);font-weight:500}
.eyebrow{font:600 .7rem/1 var(--fs);letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}
section{padding:var(--section-y,var(--sec)) 0}
body[data-space="compact"]{--sec:clamp(48px,7vw,80px)}body[data-space="editorial"]{--sec:clamp(80px,11vw,130px)}body[data-space="cinematic"]{--sec:clamp(96px,14vw,160px)}
html.js body[data-motion="0"] .rv,html.js body[data-motion="0"] .hero .tx>*{opacity:1;translate:0 0;transition:none}body[data-motion="0"] .loader{display:none}
section p+p{margin-top:12px}
.cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--gold);color:#1a1300;font:700 1.02rem/1.1 var(--fs);padding:17px 24px;border-radius:999px;text-decoration:none;text-align:center;box-shadow:0 18px 40px -18px rgba(212,168,83,.55);transition:background .25s,transform .25s var(--ease)}
.cta:hover{background:var(--gold-hi);transform:translateY(-1px)}
.cta.ghost{background:transparent;color:var(--gold);border:1px solid rgba(212,168,83,.55);box-shadow:none}
.cta.ghost:hover{background:rgba(212,168,83,.1)}
.micro{font-size:.84rem;color:var(--ink-3);margin-top:10px;max-width:40ch}
.ctarow{margin-top:26px}
.note{color:var(--ink-2);margin-top:18px}
.vlink{display:inline-flex;align-items:center;gap:8px;margin-top:18px;font:600 .82rem/1 var(--fs);letter-spacing:.06em;text-transform:uppercase;color:var(--gold);padding:11px 0;border-bottom:1px solid rgba(212,168,83,.4)}
.vlink:hover{color:var(--gold-hi)}

/* reveal grammar (one family) */
html.js .rv{opacity:0;translate:0 18px;transition:opacity .8s var(--ease),translate .8s var(--ease)}
html.js .rv.in{opacity:1;translate:0 0}

/* loader: max 1 s, once per session */
.loader{position:fixed;inset:0;z-index:100;background:var(--bg);display:grid;place-content:center;justify-items:center;gap:14px;transition:opacity .35s ease,visibility .35s}
.loader b{font-family:var(--fd);font-size:clamp(5rem,26vw,9rem);line-height:.85;color:var(--gold);font-weight:400}
.loader i{display:block;width:min(240px,60vw);height:2px;background:var(--line);position:relative;overflow:hidden}
.loader i::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--gold-deep),var(--gold-hi));transform:scaleX(0);transform-origin:0 0;animation:ld .8s cubic-bezier(.76,0,.24,1) forwards}
.loader span{font:600 .62rem/1 var(--fs);letter-spacing:.22em;text-transform:uppercase;color:var(--ink-3)}
.loader.off{opacity:0;visibility:hidden}
html:not(.js) .loader,html.noload .loader{display:none}
@keyframes ld{to{transform:scaleX(1)}}

/* top */
.top{position:absolute;inset:0 0 auto 0;z-index:5;display:flex;justify-content:space-between;align-items:center;padding:calc(env(safe-area-inset-top) + 14px) var(--gutter) 0}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font:600 .7rem/1 var(--fs);letter-spacing:.2em;text-transform:uppercase;color:var(--ink-2)}
.brand img{width:28px;height:28px;border-radius:50%}
.toplink{font:600 .7rem/1 var(--fs);letter-spacing:.14em;text-transform:uppercase;color:var(--gold);text-decoration:none}

/* 01 HERO: photo first, one promise, direct CTA, mini trust */
.hero{position:relative;min-height:100svh;padding:min(38svh,380px) var(--gutter) 24px;display:grid;align-content:end;overflow:hidden}
.hero .ph{position:absolute;inset:0 0 auto 0;height:56svh;min-height:380px;margin:0;z-index:0}
.hero .ph picture{display:contents}
.hero .ph img{width:100%;height:100%;object-fit:cover;object-position:var(--hero-x-m,var(--hero-x,50%)) var(--hero-crop-m,var(--hero-crop,20%));filter:contrast(calc(1.08 * var(--hero-con,1))) saturate(calc(.78 * var(--hero-sat,1))) brightness(calc(.92 * var(--hero-bri,1)));scale:calc(1.04 * var(--hero-zoom-m,var(--hero-zoom,1)));transition:scale 1.6s var(--ease)}
html.js:not(.go) .hero .ph img{scale:1.1}
.hero .ph::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,6,6,.55) 0%,rgba(7,6,6,.05) 30%,rgba(7,6,6,.3) 55%,rgba(7,6,6,.92) 80%,var(--bg) 100%)}
.hero .tx{position:relative;z-index:1}
.hero h1{font-size:calc(clamp(2.3rem,9.2vw,5.6rem) * var(--fg-h1-scale,1));max-width:14ch;margin-top:10px}
.hero .lead{margin-top:12px;color:var(--ink-2);font-size:.98rem;max-width:40ch}
.hero .lead .lead-more{display:none}
.hero .ctarow{margin-top:18px}
.hero .cta{width:100%;max-width:420px}
.trust{list-style:none;display:flex;gap:18px;margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}
.trust b{display:block;font-family:var(--fd);font-size:1.7rem;line-height:1;color:var(--gold);font-weight:400}
.trust span{font:600 .58rem/1.3 var(--fs);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}
.hero .vlink{margin-top:14px}
.axis{position:relative;margin-top:22px;padding-top:14px}
.axis .lab{display:grid;grid-template-columns:repeat(7,1fr);font-size:.56rem;text-transform:uppercase;color:var(--ink-3);margin-bottom:5px}
.axis .lab span:nth-child(4){color:#E5544A}
.axis svg{display:block;width:100%;height:20px;overflow:visible}
.axis svg line{stroke:rgba(241,235,223,.3);stroke-width:1;vector-effect:non-scaling-stroke;opacity:0;transition:opacity .3s ease calc(var(--i) * 3ms)}
.axis svg .base{stroke:var(--line-2);vector-effect:non-scaling-stroke}
.axis svg .fill{fill:var(--gold);transform-origin:0 0;transform:scaleX(0);transition:transform 1.2s cubic-bezier(.76,0,.24,1) .2s}
.axis svg .pin{stroke:var(--red);stroke-width:1.5;vector-effect:non-scaling-stroke;opacity:0;transition:opacity .4s ease 1s;filter:drop-shadow(0 0 6px rgba(216,52,43,.9))}
.axis .now{position:absolute;left:calc(var(--m) * 100%);top:-6px;translate:-50% 0;font-size:.58rem;color:#E5544A;white-space:nowrap;opacity:0;transition:opacity .5s ease 1.2s}
.axis.on svg line,.axis.on .pin,.axis.on .now{opacity:1}
.axis.on svg .fill{transform:scaleX(var(--m))}
html.js .hero .tx>*{opacity:0;translate:0 14px}
html.js.go .hero .tx>*{opacity:1;translate:0 0;transition:opacity .7s var(--ease) calc(var(--n,0) * .08s),translate .7s var(--ease) calc(var(--n,0) * .08s)}
@media(min-width:1024px){
  .hero{grid-template-columns:minmax(0,6.2fr) minmax(0,5.8fr);column-gap:48px;padding:96px var(--gutter) 56px;align-content:center;min-height:100svh}
  .hero .ph{position:relative;inset:auto;height:auto;min-height:calc(100svh - 152px);grid-column:2;grid-row:1;border-left:1px solid rgba(212,168,83,.45)}
  .hero .ph img{object-position:var(--hero-x,50%) var(--hero-crop,42%);scale:calc(1.04 * var(--hero-zoom,1))}
  .hero .lead .lead-more{display:inline}
  .hero .ph::after{background:linear-gradient(90deg,var(--bg) 0%,rgba(7,6,6,.3) 16%,rgba(7,6,6,0) 45%),linear-gradient(180deg,rgba(7,6,6,.92) 0%,rgba(7,6,6,.55) 16%,rgba(7,6,6,.1) 34%,rgba(7,6,6,0) 55%,rgba(7,6,6,0) 72%,var(--bg) 100%)}
  .hero .tx{grid-column:1;grid-row:1;align-self:center}
  .hero h1{font-size:clamp(3.6rem,5.6vw,5.4rem);max-width:12ch}
  .hero .lead{font-size:1.1rem;max-width:50ch}
  .hero .cta{width:auto}
  .trust b{font-size:2rem}
}

/* 02 WHO: tap what fits */
.pick{list-style:none;margin-top:22px;display:grid;gap:8px}
.pick button{width:100%;text-align:left;display:grid;gap:4px;padding:14px 16px 14px 44px;border:1px solid var(--line-2);border-radius:12px;position:relative;transition:border-color .25s,background .25s}
.pick button::before{content:"";position:absolute;left:16px;top:18px;width:16px;height:16px;border-radius:50%;border:1.5px solid var(--ink-3);transition:background .25s,border-color .25s}
.pick button[aria-pressed="true"]{border-color:var(--gold);background:rgba(212,168,83,.08)}
.pick button[aria-pressed="true"]::before{background:var(--gold);border-color:var(--gold);box-shadow:inset 0 0 0 3px #070606}
.pick b{font-family:var(--fd);font-weight:400;font-size:1.35rem;letter-spacing:.03em;line-height:1}
.pick span{color:var(--ink-2);font-size:.95rem;line-height:1.45}
.pickout{margin-top:18px;color:var(--ink);font-weight:600;max-width:44ch}
@media(min-width:1024px){.pick{grid-template-columns:1fr 1fr;gap:12px}.pick li:last-child{grid-column:1/-1}}

/* 03 HOW */
.weeks{list-style:none;margin-top:22px;border-top:1px solid var(--line)}
.weeks li{display:grid;grid-template-columns:82px 1fr;gap:4px 14px;padding:16px 0;border-bottom:1px solid var(--line)}
.weeks b{font-size:.7rem;color:var(--gold);text-transform:uppercase;padding-top:4px;grid-row:span 2}
.weeks strong{font-family:var(--fd);font-weight:400;font-size:1.4rem;letter-spacing:.03em;line-height:1}
.weeks span{color:var(--ink-2);font-size:.95rem;line-height:1.5}
.rhythm{margin-top:26px;border-top:1px solid var(--line)}
.rhythm div{display:grid;grid-template-columns:76px 1fr;gap:12px;padding:11px 0;border-bottom:1px solid var(--line)}
.rhythm b{font-size:.74rem;color:var(--gold);padding-top:3px}
.rhythm span{color:var(--ink-2);font-size:.95rem}
@media(min-width:1024px){.how .wrap{display:grid;grid-template-columns:1fr 1fr;column-gap:64px}.how .chap,.how h2{grid-column:1/-1}.weeks{margin-top:0}.rhythm{margin-top:0}.how .note{grid-column:1}.how .vlink{grid-column:2;justify-self:start;align-self:start}}

/* 04 MECHANISM 168 */
.inst{margin-top:22px}
.sw{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;border:1px solid var(--line-2);border-radius:999px;max-width:440px}
.sw button{font:700 .76rem/1 var(--fs);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2);padding:13px 6px;border-radius:999px;transition:background .3s,color .3s}
.sw button[aria-pressed="true"]{background:var(--gold);color:#1a1300}
.gridwrap{margin-top:18px}
.gridwrap .days{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;font-size:.58rem;text-transform:uppercase;color:var(--ink-3);margin-bottom:6px;text-align:center}
.gridwrap .days span:nth-child(4){color:#E5544A}
.g168{display:grid;grid-template-columns:repeat(7,1fr);grid-auto-rows:1fr;gap:2px;aspect-ratio:7/6}
.g168 i{display:block;border-radius:1.5px;background:rgba(241,235,223,.03);transition:background .55s var(--ease) calc(var(--i) * 2ms),box-shadow .55s}
/* praca/sen carried the week as texture, but at .09 / .15 on #070606 they read as empty
   cells — two of the six tracked states were invisible in the legend and barely there in
   the grid. Still below posiłek (.5), so the hierarchy holds. */
.g168 i.s{background:rgba(212,168,83,.26)}.g168 i.w{background:rgba(212,168,83,.16)}.g168 i.m{background:rgba(212,168,83,.5)}.g168 i.t{background:var(--gold);box-shadow:0 0 10px rgba(212,168,83,.5)}.g168 i.x{background:var(--red);box-shadow:0 0 12px rgba(216,52,43,.7)}.g168 i.b{background:rgba(232,195,115,.16);box-shadow:inset 0 0 0 1.5px var(--gold-hi)}
.legend{display:flex;flex-wrap:wrap;gap:8px 14px;margin-top:12px;font-size:.56rem;text-transform:uppercase;color:var(--ink-3)}
/* a 9px swatch needs an edge to be a swatch at all, otherwise the faintest states
   dissolve into the background and the legend explains nothing */
.legend span::before{content:"";display:inline-block;width:9px;height:9px;border-radius:2px;margin-right:6px;vertical-align:-1px;background:rgba(212,168,83,.16);box-shadow:inset 0 0 0 1px rgba(241,235,223,.16)}
.legend .t::before{background:var(--gold)}.legend .m::before{background:rgba(212,168,83,.5)}.legend .s::before{background:rgba(212,168,83,.26)}.legend .x::before{background:var(--red)}.legend .b::before{box-shadow:inset 0 0 0 1.5px var(--gold-hi);background:transparent}
#note168{min-height:4.6em;font-size:1.02rem}
#note168 b{color:var(--ink)}
.loop{margin-top:26px;font-size:.72rem;text-transform:uppercase;color:var(--gold);line-height:1.8}
@media(min-width:1024px){
  .inst{display:grid;grid-template-columns:7fr 5fr;gap:20px 48px;align-items:center}
  .gridwrap{grid-column:1;grid-row:1/3;margin-top:0}
  .sw{grid-column:2;grid-row:1;align-self:end}
  #note168{grid-column:2;grid-row:2;align-self:start;margin-top:0;min-height:0}
  .g168{aspect-ratio:7/5.4}
}

/* 05 PROOF */
.ba{position:relative;aspect-ratio:3/4;max-height:78svh;border-radius:10px;overflow:hidden;touch-action:pan-y;user-select:none;background:#000;cursor:ew-resize;margin-top:22px}
.ba picture{display:contents}
.ba img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--sx,50%) var(--sy,18%);scale:var(--sz,1);pointer-events:none;-webkit-user-drag:none;filter:saturate(.7) contrast(1.08) brightness(.92)}
.ba .after{clip-path:inset(0 0 0 var(--x,50%))}
.ba .bar{position:absolute;top:0;bottom:0;left:var(--x,50%);width:2px;background:var(--gold);box-shadow:0 0 16px rgba(212,168,83,.7);translate:-50% 0;pointer-events:none}
.ba .knob{position:absolute;top:50%;left:var(--x,50%);translate:-50% -50%;width:46px;height:46px;border-radius:50%;background:var(--gold);color:#1a1300;display:grid;place-items:center;font-size:1.1rem;pointer-events:none}
.ba .lab{position:absolute;top:12px;font-size:.6rem;text-transform:uppercase;padding:6px 9px;background:rgba(7,6,6,.72);color:var(--ink-2);border-radius:4px}
.ba .lab.l{left:12px}.ba .lab.r{right:12px;color:var(--gold)}
@property --x{syntax:'<percentage>';inherits:true;initial-value:56%}
html.js .ba.in{animation:baReveal 1.6s cubic-bezier(.76,0,.24,1) .3s both}
@keyframes baReveal{from{--x:10%}to{--x:56%}}
.nums{list-style:none;display:flex;gap:22px;margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}
.nums b{display:block;font-family:var(--fd);font-weight:400;font-size:clamp(2.2rem,8vw,3.4rem);line-height:.95;color:var(--gold)}
.nums span{font:600 .6rem/1.3 var(--fs);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}
.interp{margin-top:12px;color:var(--ink);font-weight:600}
.q{margin-top:16px;border-left:2px solid var(--gold);padding-left:14px}
.q p{color:var(--ink-2)}
.q footer{margin-top:6px;font:600 .64rem/1.4 var(--fs);letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.vids{display:grid;gap:14px;margin-top:8px}
.vcard{position:relative;display:block;width:100%;aspect-ratio:9/16;max-height:64svh;border-radius:12px;overflow:hidden;background:#000;text-align:left;border:1px solid var(--line)}
.vcard img,.vcard video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.85)}
.vcard .poster{z-index:1}
.vcard.playing .poster,.vcard.playing .play,.vcard.playing .cap{display:none}
.vcard .play{position:absolute;left:50%;top:44%;translate:-50% -50%;width:64px;height:64px;border-radius:50%;background:var(--gold);color:#1a1300;display:grid;place-items:center;font-size:1.3rem;padding-left:4px;z-index:2;box-shadow:0 0 0 8px rgba(212,168,83,.14)}
.vcard .cap{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:40px 16px 16px;background:linear-gradient(180deg,rgba(7,6,6,0),rgba(7,6,6,.9));font-size:.82rem;color:var(--ink-2)}
.vcard .cap b{display:block;font-family:var(--fd);font-weight:400;font-size:1.2rem;letter-spacing:.03em;color:var(--ink);line-height:1;margin-bottom:4px}
details.more{margin-top:24px;border:1px solid var(--line);border-radius:10px}
.more summary{list-style:none;cursor:pointer;padding:14px 16px;font:600 .74rem/1 var(--fs);letter-spacing:.12em;text-transform:uppercase;color:var(--gold);display:flex;justify-content:space-between}
.more summary::-webkit-details-marker{display:none}
.more summary::after{content:"+"}
.more[open] summary::after{content:"–"}
.pairs{display:grid;gap:14px;padding:4px 16px 16px}
.pairs figure{margin:0}
.pairs .two{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.pairs img{aspect-ratio:2/3;object-fit:cover;object-position:var(--sx,50%) var(--sy,20%);scale:var(--sz,1);border-radius:6px;filter:saturate(.7) contrast(1.06)}
.pairs figcaption{margin-top:8px;font-size:.8rem;color:var(--ink-3)}
.pairs figcaption b{color:var(--ink)}
.more .small{padding:0 16px 16px}
.quotes{margin-top:26px;border-top:1px solid var(--line)}
.quotes blockquote{padding:18px 0;border-bottom:1px solid var(--line);margin:0}
.quotes p{color:var(--ink);font-size:1.02rem;line-height:1.5;max-width:44ch}
.quotes footer{margin-top:8px;display:grid;gap:3px}
.quotes footer b{font-weight:600;font-size:.9rem}
.quotes footer .mono{font-size:.6rem;text-transform:uppercase;color:var(--gold)}
.gline{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center;margin-top:18px;padding:16px 0;text-decoration:none;color:var(--ink-2);font-size:.92rem}
.gline b{font-family:var(--fd);font-weight:400;font-size:2.4rem;line-height:1;color:var(--gold)}
@media(min-width:1024px){
  .proof .wrap{display:grid;grid-template-columns:5fr 7fr;column-gap:56px}
  .proof .chap,.proof h2,.proof h3,.proof .more,.proof .quotes,.proof .gline{grid-column:1/-1}
  .ba{grid-column:1;grid-row:3/7;max-height:none;margin-top:0}
  .nums,.interp,.q{grid-column:2}
  .nums{margin-top:0;padding-top:0;border-top:0}
  .vids{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;justify-content:start}
  .vids .vcard{max-height:none}
  .vcard{max-height:none}
  .proofstrip,.bapairs,.proof .small{grid-column:1/-1}
  .proof .bapairs{grid-template-columns:repeat(4,1fr);gap:26px 18px}
  .pairs{grid-template-columns:1fr 1fr;gap:24px}
  .quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:0 40px}
}

/* 06 WHO I DON'T TAKE */
.cases{list-style:none;margin-top:22px;border-top:1px solid var(--red)}
.cases li{display:grid;grid-template-columns:40px 1fr;gap:12px;padding:16px 0;border-bottom:1px solid var(--line)}
.cases b{font-size:.8rem;color:var(--red)}
.cases span{color:var(--ink);font-size:1.02rem;line-height:1.5}
.enter{margin-top:20px;color:var(--gold);font-weight:600;font-size:1.05rem;max-width:44ch}
@media(min-width:1024px){.cases{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.cases li{grid-template-columns:1fr;padding:22px 0;border-bottom:0;border-top:1px solid var(--line)}}

/* 07 OFFER */
.pay{display:grid;gap:14px;margin-top:22px}
.pay div{border-top:2px solid var(--gold);padding-top:12px}
.pay b{display:block;font-family:var(--fd);font-weight:400;font-size:1.5rem;letter-spacing:.03em;line-height:1;color:var(--gold);margin-bottom:8px}
.pay span{color:var(--ink-2);font-size:.95rem;line-height:1.5}
.get{list-style:none;margin-top:26px;border-top:1px solid var(--line)}
.get li{padding:12px 0 12px 20px;border-bottom:1px solid var(--line);color:var(--ink-2);position:relative;font-size:.98rem}
.get li::before{content:"";position:absolute;left:0;top:21px;width:7px;height:7px;border-radius:50%;background:var(--gold)}
@media(min-width:1024px){.pay{grid-template-columns:repeat(3,1fr);gap:32px}.get{columns:2;column-gap:48px}.get li{break-inside:avoid}}

/* 08 PRICING */
.plans{display:grid;gap:14px;margin-top:24px}
.plan{padding:20px 0 6px;border-top:1px solid var(--line-2)}
.plan.hp{border-top-color:var(--gold)}
.plan>b{display:block;font-family:var(--fd);font-weight:400;font-size:1.9rem;letter-spacing:.03em;line-height:1}
.plan.hp>b{color:var(--gold)}
.plan>i{display:block;font-style:normal;font-size:.6rem;text-transform:uppercase;color:var(--ink-3);margin-top:6px}
.plan>strong{display:block;font-family:var(--fd);font-weight:400;font-size:clamp(3rem,11vw,4.6rem);line-height:.95;margin:10px 0 6px}
.plan.hp>strong{color:var(--gold)}
.plan>p{color:var(--ink);font-weight:600;font-size:.98rem}
.plan ul{list-style:none;margin-top:10px}
.plan li{padding:8px 0 8px 18px;border-top:1px solid var(--line);color:var(--ink-2);font-size:.95rem;position:relative}
.plan li::before{content:"";position:absolute;left:0;top:16px;width:6px;height:6px;border-radius:50%;background:var(--gold)}
.plan .small{margin-top:10px;font-size:.86rem}
.price>.wrap>.small{margin-top:18px}
@media(min-width:1024px){.plans{grid-template-columns:1fr 1.15fr;gap:56px}}

/* 09 GUARANTEE: green block */
.gbox{border:1px solid rgba(61,190,120,.55);border-left:4px solid var(--green);border-radius:14px;padding:22px 20px;background:linear-gradient(160deg,rgba(61,190,120,.14),rgba(61,190,120,.03) 60%);display:grid;gap:18px}
.g30 b{display:block;font-family:var(--fd);font-weight:400;font-size:clamp(3.6rem,15vw,6rem);line-height:.9;color:var(--green)}
.g30 .mono{display:block;font-size:.62rem;text-transform:uppercase;color:var(--green);margin-top:6px;max-width:22ch}
.gt h2{font-size:clamp(1.9rem,6.4vw,3.2rem);max-width:20ch}
.gt h2 em{color:var(--green)}
.gt p{color:var(--ink-2)}
.sig{margin-top:16px;font-family:var(--fd);font-size:1.9rem;letter-spacing:.04em;color:var(--green)}
.sig svg{display:block;width:170px;height:14px;margin-top:2px}
.sig path{stroke:var(--green);stroke-width:2;fill:none}
.sig i{display:block;font:500 .62rem/1.3 var(--fm);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin-top:6px}
.rules{display:inline-block;margin-top:16px;color:var(--green);font-weight:600;font-size:.95rem}
@media(min-width:1024px){.gbox{grid-template-columns:3fr 8fr;gap:48px;padding:36px 40px;align-items:center}}

/* 10 FORM */
.steps{list-style:none;margin-top:22px;border-top:1px solid var(--line)}
.steps li{display:grid;grid-template-columns:34px 1fr;gap:10px;padding:12px 0;border-bottom:1px solid var(--line)}
.steps b{font-size:.74rem;color:var(--gold);padding-top:3px}
.steps span{color:var(--ink-2);font-size:.96rem}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;max-width:none}
.chips span{font-size:.62rem;text-transform:uppercase;color:var(--ink-2);padding:7px 11px;border:1px solid var(--line-2);border-radius:999px}
.embed{margin-top:26px;border:1px solid rgba(212,168,83,.45);border-radius:14px;overflow:hidden;background:#0b0a09}
.embedhead{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;border-bottom:1px solid var(--line)}
.embedhead b{font-family:var(--fd);font-weight:400;font-size:1.3rem;letter-spacing:.03em;color:var(--gold)}
.embedhead a{font:600 .68rem/1 var(--fs);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2);text-decoration:none}
#leadform{display:block;width:100%;height:min(88svh,860px);border:0;background:#0a0a0b}
.embed .small{padding:12px 14px 14px;max-width:none}
.form>.wrap>.small{margin-top:16px}
.faq{margin-top:10px;border:1px solid var(--line);border-radius:10px}
.faq:first-of-type{margin-top:26px}
.faq summary{list-style:none;cursor:pointer;padding:13px 14px;font-weight:600;font-size:.96rem;display:flex;justify-content:space-between;gap:12px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--gold);flex:none}
.faq[open] summary::after{content:"–"}
.faq p{padding:0 14px 14px;color:var(--ink-2);font-size:.95rem;max-width:none}
.me{display:grid;grid-template-columns:56px 1fr;gap:14px;align-items:center;margin-top:30px;padding-top:22px;border-top:1px solid var(--line)}
.me img{width:56px;height:56px;border-radius:50%;object-fit:cover;object-position:var(--sx,50%) var(--sy,12%)}
[data-slot][data-fit="contain"]{object-fit:contain}
.me p{color:var(--ink-2);font-size:.95rem}
.me a{color:var(--gold)}
@media(min-width:1024px){.form .wrap{display:grid;grid-template-columns:5fr 7fr;column-gap:56px}.form .chap,.form h2{grid-column:1/-1}.embed{grid-column:2;grid-row:3/9;margin-top:0}#leadform{height:820px}.form>.wrap>.small,.faq,.me,.steps,.chips{grid-column:1}.form h2{max-width:26ch}}

.foot{padding:30px 0 calc(30px + env(safe-area-inset-bottom));border-top:1px solid var(--line);font-size:.8rem;color:var(--ink-3)}
.foot .wrap{display:grid;gap:8px}
.foot a{color:var(--ink-2)}
.sticky{position:fixed;left:0;right:0;bottom:0;z-index:20;padding:10px var(--gutter) calc(10px + env(safe-area-inset-bottom));background:linear-gradient(180deg,rgba(7,6,6,0),rgba(7,6,6,.94) 40%);translate:0 110%;transition:translate .45s var(--ease)}
.sticky .cta{width:100%;padding:15px 20px;font-size:.95rem}
.sticky.show{translate:0 0}
@media(min-width:1024px){.sticky{display:none}}
body.sticky-on .foot{padding-bottom:calc(100px + env(safe-area-inset-bottom))}

/* video modal (YouTube nocookie, loaded on click) */
.vmodal{position:fixed;inset:0;z-index:60;background:rgba(7,6,6,.96);display:grid;place-items:center;padding:16px}
.vmodal[hidden]{display:none}
.vmodal .vbox{width:min(100%,960px);aspect-ratio:16/9;background:#000;border-radius:8px;overflow:hidden}
.vmodal .vbox.tall{width:min(100%,420px);aspect-ratio:9/16}
.vmodal iframe{width:100%;height:100%;border:0;display:block}
.vmodal .x{position:fixed;top:14px;right:14px;width:44px;height:44px;border-radius:50%;background:var(--gold);color:#1a1300;font-size:1.5rem;z-index:2}

/* NOTE: content-visibility:auto was removed here on purpose. With contain-intrinsic-size
   guesses (1100px) that were 2–3× off the real section heights, mobile scrolling produced
   blank placeholder screens and scroll-anchor jumps — the "dead space / empty screen" bug.
   Images are already lazy; skipping paint is not worth a broken scroll. */

@media(prefers-reduced-motion:reduce){
  html.js .rv,html.js .hero .tx>*{opacity:1;translate:0 0;transition:none}
  html.js:not(.go) .hero .ph img,.hero .ph img{scale:1;transition:none}
  .axis svg line,.axis .pin,.axis .now{opacity:1;transition:none}.axis svg .fill{transform:scaleX(var(--m));transition:none}
  html.js .ba.in{animation:none}.g168 i{transition:none}.loader{display:none}html{scroll-behavior:auto}
}

/* FINAL HARVEST · real work — 1 · DANE → 2 · INTERPRETACJA → 3 · DECYZJA
   Screenshots are art-directed CROPS of the real artifacts, never full frames:
   a full 1200px panel screenshot cannot carry legible body text at 390px, so the crop
   carries the evidence and a verbatim pull-quote from the SAME screenshot carries the sense. */
.work{background:linear-gradient(180deg,#080707,#0b0a09)}
.work .lead{max-width:54ch}
.worksteps{list-style:none;margin-top:26px;display:grid;gap:30px}
.wstep{display:grid;gap:11px;position:relative;padding-left:20px}
.wstep::before{content:"";position:absolute;left:0;top:7px;bottom:-30px;width:1px;background:linear-gradient(180deg,rgba(212,168,83,.5),rgba(241,235,223,.08))}
.wstep:last-child::before{bottom:auto;height:30px}
.wstep::after{content:"";position:absolute;left:-3px;top:6px;width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 3px #0a0908}
.wnum{display:flex;align-items:baseline;gap:9px;margin:0;font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-3)}
.wnum b{font-family:var(--fd);font-weight:400;font-size:1.5rem;line-height:.8;letter-spacing:.02em;color:var(--gold)}
.wshot{margin:0;border:1px solid var(--line-2);border-radius:9px;overflow:hidden;background:#0d0c0b;box-shadow:0 16px 40px -22px rgba(0,0,0,.9)}
.wshot img{display:block;width:100%;height:auto}
/* the dense reply is 1190px wide; letting it scale to the column shrinks 13px text to 3px,
   so it crops instead — the first lines stay legible and the payoff quote sits right below */
.wshot.dense img{height:132px;object-fit:cover;object-position:left top;-webkit-mask-image:linear-gradient(180deg,#000 58%,rgba(0,0,0,.25) 100%);mask-image:linear-gradient(180deg,#000 58%,rgba(0,0,0,.25) 100%)}
.wshot figcaption{padding:8px 11px;border-top:1px solid var(--line);font-size:.54rem;text-transform:uppercase;color:var(--ink-3)}
.wsay{margin:0;border-left:2px solid var(--gold);padding-left:13px;color:var(--ink);font-size:1rem;line-height:1.5;max-width:44ch}
.wsay p{max-width:none}
.wsay p+p{margin-top:7px}
.wsay b{color:var(--gold-hi);font-weight:600}
.wsay footer{margin-top:8px;font-size:.54rem;text-transform:uppercase;color:var(--ink-3)}
/* zakres jednego check-inu = dowod, ze czytany jest caly tydzien, nie jedna kolumna */
.dscope{margin-top:30px;padding-top:20px;border-top:1px solid var(--line)}
.dscopehead span{font:500 .62rem/1 var(--fm);letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}
.dscope .dgrid{margin-top:14px}
.dgrid{list-style:none;display:grid;gap:1px;margin:2px 0 0;background:var(--line);border:1px solid var(--line);border-radius:9px;overflow:hidden}
.dgrid li{background:#0c0b0a;padding:11px 13px}
.dgrid b{display:block;font-size:.58rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin-bottom:5px}
.dgrid span{display:block;font-size:.82rem;line-height:1.45;color:var(--ink-2)}
.wcross{margin:0;font-size:.88rem;line-height:1.55;color:var(--ink-2);max-width:48ch}
.wcross+.wcross{margin-top:-2px}
@media(min-width:760px){.dgrid{grid-template-columns:1fr 1fr}}
@media(min-width:1180px){.dgrid{grid-template-columns:repeat(4,1fr)}.dgrid li:nth-child(5),.dgrid li:nth-child(6),.dgrid li:nth-child(7){grid-column:span 1}}
@media(min-width:1024px){
  .worksteps{grid-template-columns:repeat(3,1fr);gap:30px;margin-top:32px}
  .wstep{padding-left:0;padding-top:18px;align-content:start}
  .wstep::before{left:0;right:0;top:0;bottom:auto;width:auto;height:1px;background:linear-gradient(90deg,rgba(212,168,83,.6),rgba(241,235,223,.08))}
  .wstep:last-child::before{height:1px;bottom:auto}
  .wstep::after{left:0;top:-3px}
  .wshot.dense img{height:150px}
}

/* FINAL HARVEST · transformations */
.proofstrip{margin-top:30px;padding-top:22px;border-top:1px solid var(--line)}
.proofstrip-head{display:flex;justify-content:space-between;gap:16px;align-items:end;margin-bottom:12px}
.proofstrip-head b{font-family:var(--fd);font-size:1.6rem;font-weight:400;color:var(--ink)}
.proofstrip-head span{font-size:.58rem;color:var(--ink-3);text-transform:uppercase;text-align:right}
.proofgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.proofgrid img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:7px;filter:saturate(.78) contrast(1.04)}
@media(min-width:1024px){.proofgrid{grid-template-columns:repeat(4,1fr);gap:10px}}

/* PRZED I PO · kadry na cialo z plansz highlight */
.bapairs{margin-top:34px;padding-top:22px;border-top:1px solid var(--line);display:grid;gap:22px}
.bapairs .proofstrip-head{margin-bottom:0}
.bapairs figure{margin:0}
.bapairs img{width:100%;height:auto;border-radius:9px;border:1px solid var(--line);background:#0c0b0a;filter:saturate(.8) contrast(1.04)}
.bapairs figcaption{margin-top:10px;font-size:.83rem;line-height:1.5;color:var(--ink-3);max-width:52ch}
.bapairs figcaption b{display:block;color:var(--ink);font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;margin-bottom:5px;font-family:var(--fm)}
@media(min-width:760px){.bapairs{grid-template-columns:1fr 1fr;gap:26px 24px}.bapairs .proofstrip-head{grid-column:1/-1}}

/* FINAL HARVEST · Google trust on white */
.google{background:#f4f4f1;color:#111}
.google .chap{color:#6e6e68}.google .chap b{color:#111}
.googlehead{display:grid;gap:8px;margin-top:6px}
.googlehead>div{display:flex;align-items:center;gap:12px}
.gmark{font:800 2rem/1 var(--fs);color:#4285f4}.googlehead>div b{letter-spacing:.12em;color:#e6ad20}
.googlehead strong{font-family:var(--fd);font-size:clamp(3rem,12vw,5rem);font-weight:400;line-height:.9}
.googlehead p{max-width:42ch;color:#555;font-size:1rem}
.googlecards{display:grid;gap:10px;margin-top:24px}
.googlecards blockquote{margin:0;padding:18px;border:1px solid #d9d9d4;border-radius:12px;background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.05)}
.googlecards p{font-size:1rem;line-height:1.5;color:#1c1c1b}.googlecards footer{display:grid;gap:2px;margin-top:12px}.googlecards footer b{color:#111}.googlecards footer span{font-size:.78rem;color:#6a6a66}
.googleall{display:inline-block;margin-top:18px;color:#111;font-weight:700;text-decoration:none;border-bottom:1px solid #111}

/* SCIANA OPINII · oryginalne zrzuty z Google */
.opwall{margin-top:34px;padding-top:22px;border-top:1px solid rgba(17,17,17,.14)}
.opwall-head{display:flex;justify-content:space-between;gap:16px;align-items:end;margin-bottom:14px}
.opwall-head b{font-family:var(--fd);font-size:1.6rem;font-weight:400;color:#111}
.opwall-head span{font-size:.58rem;color:#5c5a56;text-transform:uppercase;text-align:right}
.opgrid{columns:1;column-gap:12px}
.opgrid img{display:block;width:100%;height:auto;margin:0 0 12px;border:1px solid rgba(17,17,17,.1);border-radius:10px;box-shadow:0 1px 3px rgba(17,17,17,.06);break-inside:avoid}
.opmore{margin-top:4px}
.opmore summary{list-style:none;cursor:pointer;display:inline-block;padding:11px 18px;border:1px solid rgba(17,17,17,.22);border-radius:8px;font:600 .72rem/1 var(--fs);letter-spacing:.1em;text-transform:uppercase;color:#111;background:#fff}
.opmore summary::-webkit-details-marker{display:none}
.opmore summary:hover{background:#111;color:#f4f4f1;border-color:#111}
.opmore[open] summary{margin-bottom:14px}
.opnote{margin-top:6px;font-size:.82rem;line-height:1.5;color:#5c5a56;max-width:56ch}
@media(min-width:620px){.opgrid{columns:2}}
@media(min-width:980px){.opgrid{columns:3}}
@media(min-width:1300px){.opgrid{columns:4}}
@media(min-width:1024px){.googlecards{grid-template-columns:repeat(3,1fr);gap:18px}.googlehead{grid-template-columns:auto 1fr;align-items:end}.googlehead>div,.googlehead p{grid-column:1/-1}}

/* FINAL HARVEST · objections */
.objections{background:#0a0909}
.objections .faqs{margin-top:24px;max-width:820px}
.objections .faq:first-of-type{margin-top:0}

/* FINAL HARVEST · no mobile overlay CTA */
.sticky{display:none!important}
body.sticky-on .foot{padding-bottom:calc(30px + env(safe-area-inset-bottom))}

/* FINAL V3 · donor material + premium hero */
body{background:linear-gradient(180deg,#0c0c11 0%,#08080c 52%,#050507 100%) fixed}
body::after{content:"";position:fixed;inset:0;z-index:90;pointer-events:none;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.loader{background:linear-gradient(180deg,#09090d,#050507)}
.loader-mark{width:148px;height:148px;border-radius:50%;display:grid;place-items:center;position:relative}
.loader-mark::after{content:"";position:absolute;inset:-12px;border:1px solid rgba(212,168,83,.25);border-top-color:var(--gold);border-radius:50%;animation:loaderRing 1s linear infinite}
.loader-mark img{width:132px;height:132px;border-radius:50%;box-shadow:0 0 54px -12px rgba(212,168,83,.65)}
@keyframes loaderRing{to{rotate:360deg}}
.hero .ph{isolation:isolate}
.hero .ph::before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(72% 62% at 55% 28%,rgba(212,168,83,.10),transparent 64%)}
.hero .ph img{object-position:50% 18%;filter:contrast(1.06) saturate(.86) brightness(.86);transform-origin:50% 50%}
html.js:not(.go) .hero .ph{clip-path:inset(0 100% 0 0)}
html.js.go .hero .ph{clip-path:inset(0 0 0 0);transition:clip-path 1.05s cubic-bezier(.16,1,.3,1)}
.hero .ph::after{z-index:3;background:linear-gradient(180deg,rgba(5,5,7,.10) 0%,rgba(5,5,7,.02) 32%,rgba(5,5,7,.35) 62%,rgba(5,5,7,.92) 86%,#070709 100%)}
@media(min-width:1024px){.hero .ph img{object-fit:contain;object-position:78% 50%;filter:contrast(1.05) saturate(.9) brightness(.9)}.hero .ph::after{background:linear-gradient(90deg,#070709 0%,rgba(7,7,9,.88) 23%,rgba(7,7,9,.26) 50%,transparent 72%),linear-gradient(0deg,#070709 0%,transparent 30%)}}

/* FINAL V3 · desktop hero = one scene, no split-card boundary */
@media(min-width:1024px){
  .hero{display:block;position:relative;padding:88px var(--gutter) 48px;min-height:100svh}
  .hero .ph{position:absolute;inset:0 0 0 38%;height:100%;min-height:0;border:0;overflow:hidden}
  .hero .ph img{width:100%;height:100%;object-fit:contain;object-position:70% 52%;scale:1.06}
  .hero .ph::after{background:linear-gradient(90deg,#0b0b0e 0%,rgba(11,11,14,.94) 18%,rgba(11,11,14,.48) 42%,rgba(11,11,14,.08) 66%,transparent 82%),linear-gradient(0deg,#08080c 0%,rgba(8,8,12,.7) 10%,transparent 34%),radial-gradient(72% 78% at 72% 42%,transparent 42%,rgba(0,0,0,.48) 100%)}
  .hero .tx{width:50%;max-width:720px;min-height:calc(100svh - 136px);display:flex;flex-direction:column;justify-content:center;position:relative;z-index:4}
  .hero h1{font-size:clamp(3.55rem,5vw,5.1rem);max-width:12ch}
}
/* HERO SEAM · scrim w kolorze tla strony, kadr bez pustych marginesow, linie gasna zamiast sie ucinac */
@media(min-width:1024px){
  /* contain zostawialo puste pasy nad i pod zdjeciem wewnatrz kadru */
  .hero .ph img{object-fit:cover;object-position:62% 24%;scale:1.03;filter:contrast(1.04) saturate(.88) brightness(.88)}
  /* stary scrim mial #0b0b0e przy --bg #070606 = widoczny jasniejszy pionowy pas */
  .hero .ph::after{background:
    linear-gradient(90deg,#070606 0%,rgba(7,6,6,.985) 9%,rgba(7,6,6,.94) 18%,rgba(7,6,6,.84) 26%,rgba(7,6,6,.68) 34%,rgba(7,6,6,.48) 43%,rgba(7,6,6,.3) 52%,rgba(7,6,6,.16) 62%,rgba(7,6,6,.06) 73%,rgba(7,6,6,0) 86%),
    linear-gradient(0deg,#070606 0%,rgba(7,6,6,.86) 7%,rgba(7,6,6,.5) 16%,rgba(7,6,6,.18) 26%,rgba(7,6,6,0) 38%),
    linear-gradient(180deg,rgba(7,6,6,.5) 0%,rgba(7,6,6,.14) 12%,rgba(7,6,6,0) 26%),
    radial-gradient(78% 82% at 70% 40%,transparent 40%,rgba(0,0,0,.5) 100%)}
  /* miekki styk kadru z kolumna tekstu zamiast krawedzi */
  .hero .ph::before{background:radial-gradient(64% 58% at 62% 30%,rgba(212,168,83,.09),transparent 66%)}
  /* linie konczyly sie rownym pionowym cieciem na 50% szerokosci */
  .hero .axis{width:min(146%,1010px);-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 58%,rgba(0,0,0,.35) 84%,transparent 100%);mask-image:linear-gradient(90deg,#000 0%,#000 58%,rgba(0,0,0,.35) 84%,transparent 100%)}
  .hero .axis .now{top:-11px;text-shadow:0 1px 10px rgba(7,6,6,.95),0 0 3px rgba(7,6,6,.9)}
  .hero .vlink{-webkit-mask-image:none}
  .hero .trust{border-top:0;padding-top:15px;position:relative}
  .hero .trust::before{content:"";position:absolute;top:0;left:0;width:112%;max-width:820px;height:1px;background:linear-gradient(90deg,var(--line) 0%,var(--line) 52%,rgba(241,235,223,.05) 82%,transparent 100%)}
}
@media(min-width:1400px){.hero .ph img{object-position:60% 22%}}
@media(prefers-reduced-motion:reduce){html.js:not(.go) .hero .ph{clip-path:none}.loader-mark::after{animation:none}}

/* ART DIRECTION V3 — richer rhythm, no redesign */
.work,.proof,.nie,.price,.form{position:relative;isolation:isolate}
.work::before,.proof::before,.nie::before,.price::before,.form::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none}
.work::before{background:radial-gradient(70% 45% at 88% 12%,rgba(212,168,83,.09),transparent 70%)}
.proof::before{background:radial-gradient(55% 35% at 12% 22%,rgba(212,168,83,.12),transparent 72%),radial-gradient(40% 28% at 92% 72%,rgba(212,168,83,.06),transparent 72%)}

/* qualification = deliberate green/red interrupt */
.nie{background:linear-gradient(180deg,#070707,#090707 48%,#070606)}
.nie::before{background:radial-gradient(46% 34% at 16% 30%,rgba(61,190,120,.09),transparent 72%),radial-gradient(46% 34% at 84% 66%,rgba(216,52,43,.09),transparent 72%)}
.qualgrid{display:grid;gap:14px;margin-top:26px}
.qualpanel{border:1px solid var(--line-2);border-radius:15px;padding:18px;background:rgba(12,12,12,.86);box-shadow:0 24px 60px rgba(0,0,0,.24)}
.qualpanel.yes{border-color:rgba(61,190,120,.55);background:linear-gradient(145deg,rgba(61,190,120,.10),rgba(7,9,8,.88) 58%)}
.qualpanel.no{border-color:rgba(216,52,43,.52);background:linear-gradient(145deg,rgba(216,52,43,.10),rgba(10,7,7,.9) 58%)}
.qtitle{display:flex;align-items:center;gap:10px;font:400 1.55rem/1 var(--fd);text-transform:uppercase;letter-spacing:.025em;margin:0 0 15px!important}
.qtitle span{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;font:700 1.1rem/1 var(--fs)}
.yes .qtitle{color:#58d88c}.yes .qtitle span{background:#58d88c;color:#06130b}
.no .qtitle{color:#ff6259}.no .qtitle span{background:#ff6259;color:#1b0504}
.qualpanel ul{list-style:none;display:grid;gap:11px}.qualpanel li{position:relative;padding-left:24px;color:var(--ink-2);line-height:1.45}
.qualpanel li::before{position:absolute;left:0;top:.08em;font-weight:700}.yes li::before{content:"✓";color:#58d88c}.no li::before{content:"×";color:#ff6259}
.nie .enter{margin-top:18px;padding-left:15px;border-left:2px solid var(--gold);font-weight:600}
@media(min-width:860px){.qualgrid{grid-template-columns:1fr 1fr;gap:18px}.qualpanel{padding:24px}.qtitle{font-size:1.9rem}}

/* 06 · six months = what you get, not how long you wait */
.szesc{background:linear-gradient(180deg,#0b0a09,#090807 52%,#080707);position:relative;isolation:isolate}
.szesc::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(62% 40% at 18% 14%,rgba(212,168,83,.10),transparent 70%)}
.szesc .lead{max-width:56ch}
.szesc .weeks strong{color:var(--ink)}
.szesc .note{margin-top:18px}
.keeps{margin-top:34px;padding-top:22px;border-top:1px solid var(--line)}
.keepshead{display:block;margin-bottom:2px}
.keepshead span{font:500 .62rem/1 var(--fm);letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}
.szesc .pay b{font-size:1.35rem;margin-bottom:6px}
.szesc .pay span{font-size:.93rem}
.szescend{margin-top:26px;padding-left:15px;border-left:2px solid var(--gold);font-size:1.05rem;max-width:52ch}
.szescend em{font-style:normal;color:var(--ink-2)}
@media(min-width:900px){.szesc .pay{grid-template-columns:1fr 1fr;gap:18px 34px}}
@media(min-width:1180px){.szesc .pay{grid-template-columns:repeat(4,1fr);gap:22px}}

/* 10 · who is behind it */
.kto{background:linear-gradient(180deg,#080707,#0a0908);position:relative;isolation:isolate}
.kto::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(56% 38% at 82% 20%,rgba(212,168,83,.09),transparent 70%)}
.kto .lead{max-width:54ch}
.ktogrid{display:grid;gap:16px;margin-top:26px}
.ktogrid div{border-left:2px solid rgba(212,168,83,.5);padding:2px 0 2px 16px}
.ktogrid b{display:block;font-family:var(--fd);font-weight:400;font-size:1.35rem;letter-spacing:.03em;line-height:1.05;color:var(--gold);margin-bottom:8px}
.ktogrid span{color:var(--ink-2);font-size:.95rem;line-height:1.55}
.ktobar{margin-top:26px;padding-top:14px;border-top:1px solid var(--line);font-size:.68rem;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-2)}
@media(min-width:900px){.ktogrid{grid-template-columns:repeat(3,1fr);gap:26px}}

/* price = one decision, not a package table */
.pricenote{margin:14px 0 4px;font-size:.66rem;letter-spacing:.13em;text-transform:uppercase;color:var(--gold)}
.price{background:linear-gradient(180deg,#080706,#070606)}
.price::before{background:radial-gradient(58% 40% at 75% 35%,rgba(212,168,83,.12),transparent 70%)}
.plans{gap:14px}.plan{position:relative;overflow:hidden;background:rgba(9,9,9,.72);border-radius:15px;padding:20px;border:1px solid var(--line)}
.plan.hp{border-color:rgba(212,168,83,.56);background:linear-gradient(150deg,rgba(212,168,83,.11),rgba(9,8,7,.92) 50%);box-shadow:0 24px 70px rgba(0,0,0,.3)}
.plan.hp::after{content:"zakres dobieram po zgłoszeniu";position:absolute;right:14px;top:14px;font:500 .55rem/1 var(--fm);letter-spacing:.1em;text-transform:uppercase;color:var(--gold)}
.plan>strong{display:block;font-size:clamp(2.7rem,12vw,5.4rem);line-height:.9;margin:14px 0 18px;color:var(--ink)}
.plan.hp>strong{color:var(--gold-hi);text-shadow:0 0 30px rgba(212,168,83,.12)}
.plan ul{list-style:none;border-top:1px solid var(--line);margin-top:16px}.plan li{padding:11px 0 11px 22px;border-bottom:1px solid var(--line);position:relative;color:var(--ink-2)}
/* single dot: the earlier .plan li::before drew a 6px disc, this one added a glyph on top of it */
.plan li::before{content:"";top:1.05em;left:2px;width:5px;height:5px;border-radius:50%;background:var(--gold)}
@media(min-width:900px){.plans{display:grid;grid-template-columns:.86fr 1.14fr;align-items:stretch}.plan{padding:26px}}

/* guarantee becomes a signed object */
.guarantee{background:#050806}.gbox{border:1px solid rgba(61,190,120,.55)!important;background:linear-gradient(135deg,rgba(61,190,120,.15),rgba(5,12,8,.94) 55%)!important;box-shadow:0 30px 80px rgba(0,0,0,.28),inset 4px 0 0 #48d684!important}
.g30 b,.guarantee .h em,.guarantee .sig span{color:#48d684!important}
.guarantee .rules{color:#65e69b!important}

/* close = cinematic terminal scene */
.form{background:linear-gradient(180deg,#070606,#090806 58%,#050505);overflow:hidden}
.form::before{background:radial-gradient(50% 32% at 88% 28%,rgba(212,168,83,.13),transparent 72%),url('../../logo-intro-480.png') 108% 72%/220px auto no-repeat;opacity:.16}
.form .embed{border-color:rgba(212,168,83,.36);box-shadow:0 28px 80px rgba(0,0,0,.34)}
.form .chips span{background:rgba(212,168,83,.08);border-color:rgba(212,168,83,.24)}

/* cards feel like objects, not repeated boxes */
.workgrid figure{transition:transform .45s var(--ease),border-color .3s,box-shadow .3s}.workgrid figure:hover{transform:translateY(-4px);border-color:rgba(212,168,83,.45);box-shadow:0 18px 50px rgba(0,0,0,.28)}
.googlecards blockquote:nth-child(2){transform:translateY(10px)}
@media(max-width:859px){.googlecards blockquote:nth-child(2){transform:none}}

/* ============================================================
   AWARENESS SUPERMERGE — four decision functions restored from the live donor.
   Each block is visually distinct from its neighbours on purpose:
   cost = red ledger rows · why = red/gold split rules · autopsy = gold stepper ·
   dream = mono timestamps on a warm ground. None of them reuse the
   green/red qualification card language or the outlined .pick cards.
   ============================================================ */

/* 02b · RACHUNEK ZA STANIE W MIEJSCU (hidden cost, sits inside identification) */
.cost{margin-top:30px;padding:20px 0 4px;border-top:1px solid rgba(216,52,43,.42);position:relative}
.cost::before{content:"";position:absolute;left:0;top:-1px;width:64px;height:2px;background:var(--red)}
.costhead{display:block;font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:#E5544A;margin-bottom:12px}
.costlead{color:var(--ink);font-weight:600;max-width:46ch}
.costlist{list-style:none;margin-top:14px}
.costlist li{display:grid;grid-template-columns:1fr;gap:3px;padding:10px 0 10px 18px;border-bottom:1px solid var(--line);position:relative}
.costlist li::before{content:"";position:absolute;left:0;top:17px;width:6px;height:6px;background:rgba(216,52,43,.85);transform:rotate(45deg)}
.costlist b{font:600 .68rem/1.2 var(--fs);letter-spacing:.16em;text-transform:uppercase;color:#E5544A}
.costlist span{color:var(--ink-2);font-size:.96rem;line-height:1.5}
.costnote{margin-top:16px;color:var(--ink-3);font-size:.92rem;max-width:48ch}
@media(min-width:860px){.costlist{display:grid;grid-template-columns:1fr 1fr;gap:0 36px}}

/* 04b · DLACZEGO PLANY PĘKAJĄ (belief shift, bridges into the 168 switcher) */
.why{margin-top:26px}
.whyhead{font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:10px}
.whylead{color:var(--ink);font-weight:600;font-size:1.04rem;max-width:50ch}
.whyab{display:grid;gap:18px;margin-top:20px}
.wcol{padding-top:13px;border-top:2px solid var(--line-2)}
.wcol.a{border-top-color:rgba(216,52,43,.75)}
.wcol.b{border-top-color:var(--gold)}
.wtag{display:flex;align-items:center;gap:9px;font:400 1.28rem/1 var(--fd);letter-spacing:.03em;text-transform:uppercase;margin-bottom:12px}
.wtag span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;font:700 .8rem/1 var(--fs);flex:none}
.wcol.a .wtag{color:#E5544A}.wcol.a .wtag span{background:rgba(216,52,43,.16);color:#ff6259}
.wcol.b .wtag{color:var(--gold-hi)}.wcol.b .wtag span{background:rgba(212,168,83,.16);color:var(--gold-hi)}
.wcol ul{list-style:none;display:grid;gap:8px}
.wcol li{color:var(--ink-2);font-size:.95rem;line-height:1.45;padding-left:15px;position:relative}
.wcol li::before{content:"";position:absolute;left:0;top:.62em;width:7px;height:1px;background:var(--line-2)}
.wcol.a li::before{background:rgba(216,52,43,.6)}
.wcol.b li::before{background:rgba(212,168,83,.7)}
.whybridge{margin-top:20px;padding-left:15px;border-left:2px solid var(--gold);color:var(--ink);font-size:1.02rem;line-height:1.5;max-width:52ch}
.whybridge em{font-style:normal;color:var(--gold-hi);font-weight:600}
@media(min-width:860px){.whyab{grid-template-columns:1fr 1fr;gap:44px}}

/* 05b · AUTOPSJA JEDNEGO TYGODNIA (mechanism proof, absorbed by REAL WORK) */
.autopsy{margin-top:30px;padding-top:22px;border-top:1px solid var(--line)}
.aphead{font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:12px}
.autopsy h3.h{margin:0 0 10px;font-size:clamp(1.55rem,5.4vw,2.3rem);max-width:18ch}
.aplead{color:var(--ink-2);max-width:48ch}
.apsteps{list-style:none;margin-top:20px;display:grid;gap:11px}
.apstep{position:relative;padding:13px 15px;border:1px solid var(--line-2);border-radius:12px;background:rgba(10,10,10,.6)}
.apstep+.apstep::before{content:"↓";position:absolute;left:22px;top:-16px;font:500 .8rem/1 var(--fm);color:var(--gold)}
.apstep.bad{border-color:rgba(216,52,43,.45)}
.apstep.fix{border-color:rgba(212,168,83,.6);background:linear-gradient(140deg,rgba(212,168,83,.1),rgba(10,9,8,.85) 62%)}
.aplab{margin:0 0 6px;font-size:.58rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-3)}
.apstep.bad .aplab{color:#E5544A}.apstep.fix .aplab{color:var(--gold)}
.apstep b{display:block;font:400 1.75rem/1 var(--fd);letter-spacing:.03em;text-transform:uppercase;color:var(--ink)}
.apstep.bad b{color:#ff6259}.apstep.fix b{color:var(--gold-hi);font-size:1.45rem;line-height:1.05}
.apstep span{display:block;margin-top:7px;color:var(--ink-2);font-size:.93rem;line-height:1.45}
.appay{margin-top:18px;padding-left:15px;border-left:2px solid var(--gold);color:var(--ink);font-size:1.02rem;line-height:1.5;max-width:50ch}
.appay em{font-style:normal;color:var(--gold-hi);font-weight:600}
@media(min-width:900px){
  .apsteps{grid-template-columns:repeat(3,1fr);gap:34px}
  .apstep+.apstep::before{content:"→";left:-24px;top:50%;translate:0 -50%}
  .apstep b{font-size:1.9rem}.apstep.fix b{font-size:1.5rem}
}

/* 08 · JAK WYGLĄDA TYDZIEŃ, W KTÓRYM TO JUŻ SIEDZI (desire / identity outcome) */
.dream{background:linear-gradient(180deg,#0a0908,#0d0b09 46%,#080706);position:relative;isolation:isolate}
.dream::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(58% 38% at 22% 18%,rgba(212,168,83,.11),transparent 70%)}
.dreamlead{color:var(--ink-2);max-width:48ch}
.scenes{list-style:none;margin-top:24px;display:grid;gap:0}
.scenes li{display:grid;grid-template-columns:97px 1fr;gap:6px 12px;padding:13px 0;border-bottom:1px solid var(--line)}
.scenes li:first-child{border-top:1px solid var(--line)}
.scenes b{font-size:.66rem;letter-spacing:.02em;color:var(--gold);padding-top:4px;white-space:nowrap}
.scenes span{color:var(--ink);font-size:1rem;line-height:1.5}
.dream .pay{margin-top:24px}.dream .pay div{padding-top:10px}.dream .pay b{font-size:1.4rem;margin-bottom:6px}.dream .pay span{font-size:.93rem}
.dreamend{margin-top:22px;font:400 clamp(1.6rem,6vw,2.4rem)/1 var(--fd);letter-spacing:.03em;text-transform:uppercase;color:var(--gold);max-width:none}
@media(min-width:900px){.scenes{grid-template-columns:1fr 1fr;column-gap:44px}.scenes li:nth-child(2){border-top:1px solid var(--line)}}

/* 04 · fix: the "powrót" cells used a hollow inset ring. At a 10px cell that reads as an
   empty bordered box, and in the POWRÓT state the whole ND column became a tall narrow
   strip of empty outlines. A hatch fill keeps it distinct from trening/posiłek and always
   reads as filled data. */
.g168 i.b{background:repeating-linear-gradient(135deg,rgba(232,195,115,.66) 0 2px,rgba(232,195,115,.17) 2px 4px);box-shadow:none}
.legend .b::before{background:repeating-linear-gradient(135deg,rgba(232,195,115,.66) 0 2px,rgba(232,195,115,.17) 2px 4px);box-shadow:none}