/* /serwer-minecraft-non-premium „Dwie drogi, jeden adres”: gold = premium, green = bez premium; pixel stone, sockets, keys, locks; radii 0 */
body[data-pg=nonpremium]{
--np-s0:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAICAMAAADHqI+lAAAAG1BMVEVFRVozMz8pKTQiIiwbGyQWFh0RERcMDBEHBwrRdFXuAAAAQUlEQVR42j2LQRLAMAgCjaLt/18cwGk5hHGzRBxn/k6ggJ50QaCFCPxDwJeZbN02ZJYNTcNbGSUuo3e7BsGzeb++dKICCHdwhycAAAAASUVORK5CYII=);--np-s1:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAQCAMAAAAcVM5PAAAAG1BMVEVFRVozMz8pKTQiIiwbGyQWFh0RERcMDBEHBwrRdFXuAAAAQklEQVR42k2NUQ4AIAhCLbG6/4mD1C1+fEMFs/G0bMKBgABCQmiWwx3BIa8dwk4d+3JekCCQx17H+uJ/dVVFdnXOBYbCAgh8ffWDAAAAAElFTkSuQmCC);
--np-g:#3DDC97;--np-g-hi:#8ff0c4;--np-g-deep:#1b7a52;--np-g-rgb:61,220,151;
--np-chk:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' shape-rendering='crispEdges'%3E%3Cpath fill='%233DDC97' d='M6 1h2v2H7v1H6v1H5v1H4v1H2V6H1V5H0V3h2v1h1v1h1V3h1V2h1z'/%3E%3C/svg%3E");--np-y:#F6CF57;--np-y-rgb:246,207,87;
--np-stone:#1b1b24;--np-stone-hi:#33333f;--np-stone-lo:#0c0c11;
--np-snap:cubic-bezier(.3,1.7,.5,1);
--np-keym:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 8' shape-rendering='crispEdges'%3E%3Cpath d='M2 0h3v1h1v2h8v2h-1v2h-1V5h-1v2h-1V5H6v2H5v1H2V7H1V6H0V2h1V1h1zm0 3v2h1v1h1V5h1V3H4V2H3v1z'/%3E%3C/svg%3E");
--np-b1:0 -2px 0 0 #34343f,0 2px 0 0 #050507,-2px 0 0 0 #2a2a34,2px 0 0 0 #07070a;--np-b2:0 -2px 0 0 #2e2e3a,0 2px 0 0 #050507,-2px 0 0 0 #24242e,2px 0 0 0 #07070a;--np-b3:0 -2px 0 0 #3a3a46,0 2px 0 0 #050507,-2px 0 0 0 #2c2c37,2px 0 0 0 #07070a;--np-b4:0 -2px 0 0 #2a2a35,0 2px 0 0 #050507,-2px 0 0 0 #22222b,2px 0 0 0 #07070a;
}

/* ── hero: title, scene (roads + gate), base row ── */
#hero.pg-np-hero{--np-tx:3px;--np-gw:calc(72*var(--np-tx));--np-gh:calc(84*var(--np-tx));--np-slab:440px;--np-top:0px;--np-side:342px;
display:block;min-height:0;padding:clamp(86px,11.2vh,110px) 24px 30px}
@media (min-width:1700px) and (min-height:900px){#hero.pg-np-hero{--np-tx:4px;--np-slab:520px}}
#hero.pg-np-hero .lp-hero-fx,#hero.pg-np-hero .lp-scroll{display:none}
#hero.pg-np-hero .lp-hero-bg img{object-position:center 30%}
#hero.pg-np-hero .lp-hero-bg::after{background:
linear-gradient(180deg,#08080ddb 0%,#08080da8 26%,#08080d9e 52%,#08080ddb 80%,var(--lp-bg) 100%),
radial-gradient(46% 60% at 14% 64%,#d4a01726,transparent 70%),
radial-gradient(46% 60% at 86% 64%,#3ddc9721,transparent 70%)}
#hero.pg-np-hero .lp-hero-in{max-width:1880px;display:grid;text-align:center;gap:0;align-items:start;
grid-template-columns:[full-s] minmax(0,1fr) [slab-s] minmax(0,calc((var(--np-slab) - var(--np-gw))/2)) [gate-s] var(--np-gw) [gate-e] minmax(0,calc((var(--np-slab) - var(--np-gw))/2)) [slab-e] minmax(0,1fr) [full-e];
grid-template-rows:auto auto auto auto var(--np-gh) 1fr auto}
#hero.pg-np-hero .lp-hero-copy,#hero.pg-np-hero .lp-actions{display:contents}
#hero.pg-np-hero .lp-crumbs{grid-column:full-s/full-e;grid-row:1;justify-self:center}
#hero.pg-np-hero .lp-crumbs ol{justify-content:center;margin:0 0 12px}
#hero.pg-np-hero .lp-badge{grid-column:full-s/full-e;grid-row:2;justify-self:center;margin:0 0 14px;border-radius:0;background:#08080d99;border-color:rgba(var(--np-g-rgb),.45)}
#hero.pg-np-hero .lp-h1{grid-column:full-s/full-e;grid-row:3;justify-self:center;margin:0 0 12px;font-size:clamp(2rem,min(3.05vw,5.75vh),3.55rem);line-height:1.06}
#hero.pg-np-hero .lp-lead{grid-column:full-s/full-e;grid-row:4;justify-self:center;max-width:44rem;margin:0 0 clamp(12px,2.3vh,26px);font-size:clamp(1rem,1.15vw,1.12rem)}
@media (min-width:768px) and (max-height:800px){
#hero.pg-np-hero{padding-top:84px}
#hero.pg-np-hero .lp-crumbs ol{margin-bottom:4px}
#hero.pg-np-hero .lp-badge{margin-bottom:7px;padding-top:4px;padding-bottom:4px}
#hero.pg-np-hero .lp-h1{font-size:clamp(2rem,min(3.05vw,5vh),3.55rem);margin-bottom:7px}
#hero.pg-np-hero .lp-lead{line-height:1.5;margin-bottom:6px}
}
@media (min-width:1356px){#hero.pg-np-hero{--np-slab:556px}#hero.pg-np-hero .pg-np-chat{font-size:.72rem}}

/* scene */
.pg-np-scene{position:relative;contain:layout style;grid-column:full-s/full-e;grid-row:5/8;align-self:stretch;--np-mode:wide;
--np-half:calc(50% - var(--np-gw)/2);user-select:none;-webkit-user-select:none}
.pg-np-wires{position:absolute;left:0;top:0;overflow:visible;pointer-events:none;z-index:1}
.pg-np-wg{transition:opacity .45s var(--lp-ease)}
.pg-np-bed{fill:none;stroke:#060609;stroke-width:12;stroke-linejoin:miter;stroke-linecap:square;opacity:.9}
.pg-np-lip{fill:none;stroke:#ffffff12;stroke-width:12;stroke-linejoin:miter;stroke-linecap:square;transform:translateY(1px)}
.pg-np-core,.pg-np-glo{fill:none;stroke-width:3;stroke-linejoin:miter;stroke-linecap:square}
.pg-np-glo{stroke-width:9;opacity:.12}
.pg-np-bus{fill:none;stroke-width:1;opacity:.32}
.pg-np-wg--p .pg-np-core{stroke:#93690f}.pg-np-wg--n .pg-np-core{stroke:#1b7a52}
.pg-np-wg--p .pg-np-glo{stroke:var(--np-y)}.pg-np-wg--n .pg-np-glo{stroke:var(--np-g)}
.pg-np-wg--p .pg-np-bus{stroke:var(--lp-gold)}.pg-np-wg--n .pg-np-bus{stroke:var(--np-g)}
.pg-np-via{fill:#0b0b10;stroke-width:1}
.pg-np-wg--p .pg-np-via{stroke:#d4a0178c}.pg-np-wg--n .pg-np-via{stroke:#3ddc9780}
.pg-np-via.is-bus{fill:none}
.pg-np-scene:not(.is-wired) .pg-np-wires path{stroke-dasharray:1;stroke-dashoffset:1}
.pg-np-scene.is-wired .pg-np-wires path{stroke-dasharray:1;stroke-dashoffset:0;transition:stroke-dashoffset 1.15s cubic-bezier(.5,0,.2,1)}
.pg-np-scene.is-wired .pg-np-bus{transition-delay:.25s}
.pg-np-scene:not(.is-wired) .pg-np-via{opacity:0}
.pg-np-via{transition:opacity .3s .9s}
/* lit segments */
.pg-np-lits{position:absolute;left:0;top:0;overflow:visible;pointer-events:none;z-index:1;will-change:opacity;transition:opacity .9s var(--lp-ease)}
.pg-np-lits.is-off{opacity:0}
.pg-np-seg{display:none}
.pg-np-seg.is-lit{display:inline}
.pg-np-seg path{fill:none;stroke-linejoin:miter;stroke-linecap:square}
.pg-np-seg .pg-np-halo{stroke-width:10;opacity:.2}
.pg-np-seg .pg-np-lit{stroke-width:3}
.pg-np-wg--p .pg-np-seg path{stroke:var(--np-y)}.pg-np-wg--n .pg-np-seg path{stroke:var(--np-g)}

.pg-np-glow{position:absolute;left:50%;top:40%;z-index:0;width:calc(var(--np-gw)*3.1);height:calc(var(--np-gh)*1.7);margin:calc(var(--np-gh)*-.85) 0 0 calc(var(--np-gw)*-1.55);pointer-events:none;opacity:.6;
background:radial-gradient(closest-side at 38% 50%,#f6cf5754,transparent 72%),radial-gradient(closest-side at 62% 50%,#3ddc974c,transparent 72%)}
.pg-np-hero.is-open-p .pg-np-glow,.pg-np-hero.is-open-n .pg-np-glow{animation:np-glow 1.1s var(--lp-ease)}

/* roads, stations, heads */
.pg-np-road{position:absolute;inset:0;z-index:2;pointer-events:none;transition:opacity .45s var(--lp-ease)}
.pg-np-road--p{--c:var(--np-y);--c-rgb:var(--np-y-rgb);--c-dim:#3a2b07}
.pg-np-road--n{--c:var(--np-g);--c-rgb:var(--np-g-rgb);--c-dim:#0d3424}
.pg-np-scene.is-f-p .pg-np-road--n,.pg-np-scene.is-f-p .pg-np-wg--n,.pg-np-scene.is-f-n .pg-np-road--p,.pg-np-scene.is-f-n .pg-np-wg--p{opacity:.26}
.pg-np-head{position:absolute;z-index:3;top:calc(6*var(--np-tx));transform:translateY(-50%);display:inline-flex;align-items:center;gap:10px;padding:10px 16px 10px 12px;border:0;border-radius:0;
background:linear-gradient(180deg,#15151d,#0c0c12);color:var(--c);font:700 .8rem/1 'Rajdhani',sans-serif;letter-spacing:.2em;text-transform:uppercase;white-space:nowrap;cursor:pointer;pointer-events:auto;
box-shadow:0 -2px 0 0 rgba(var(--c-rgb),.5),0 2px 0 0 rgba(var(--c-rgb),.5),-2px 0 0 0 rgba(var(--c-rgb),.5),2px 0 0 0 rgba(var(--c-rgb),.5),inset 0 2px 0 0 #ffffff0f,inset 0 -2px 0 0 #00000073,0 14px 30px -12px #000000e6;
transition:transform .3s var(--np-snap),color .25s}
.pg-np-road--p .pg-np-head{left:1.3%}
.pg-np-road--n .pg-np-head{right:1.3%;flex-direction:row-reverse;padding:10px 12px 10px 16px}
.pg-np-head::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(var(--c-rgb),.2),transparent 70%);opacity:0;transition:opacity .3s}
@media (hover:hover){.pg-np-head:hover{transform:translateY(-50%) translateY(-2px)}.pg-np-head:hover::after{opacity:1}}
.pg-np-head[aria-pressed="true"]::after,.pg-np-scene.is-f-p .pg-np-road--p .pg-np-head::after,.pg-np-scene.is-f-n .pg-np-road--n .pg-np-head::after{opacity:1}
.pg-np-head[aria-pressed="true"]{color:#fff;box-shadow:0 -2px 0 0 var(--c),0 2px 0 0 var(--c),-2px 0 0 0 var(--c),2px 0 0 0 var(--c),inset 0 -3px 0 0 var(--c),inset 0 2px 0 0 #ffffff14,0 14px 30px -12px #000000e6}
.pg-np-head[aria-pressed="true"] .pg-np-key{animation:none;transform:translateX(4px);background:#fff}
.pg-np-road--n .pg-np-head[aria-pressed="true"] .pg-np-key{transform:scaleX(-1) translateX(4px)}
body[data-pg=nonpremium] .pg-np-head:focus-visible{outline:2px solid var(--c);outline-offset:5px;border-radius:0}
.pg-np-head:active{transform:translateY(-50%) translateY(1px)}
.pg-np-key{flex:none;width:21px;height:12px;background:var(--c);
-webkit-mask:var(--np-keym) center/contain no-repeat;
mask:var(--np-keym) center/contain no-repeat}
.pg-np-key{animation:np-keyin 4.6s steps(3,end) infinite}
.pg-np-road--n .pg-np-key{transform:scaleX(-1);animation-name:np-keyin-r;animation-delay:2.3s}
.pg-np-head:hover .pg-np-key,.pg-np-head[aria-pressed="true"] .pg-np-key{animation-play-state:paused}

.pg-np-st{position:absolute;width:0;height:0;z-index:2}
.pg-np-road--p .pg-np-st[data-st="0"]{left:calc(var(--np-half)*.42);top:calc(36*var(--np-tx))}
.pg-np-road--p .pg-np-st[data-st="1"]{left:calc(var(--np-half)*.74);top:calc(56*var(--np-tx))}
.pg-np-road--n .pg-np-st[data-st="0"]{left:calc(100% - var(--np-half)*.40);top:calc(32*var(--np-tx))}
.pg-np-road--n .pg-np-st[data-st="1"]{left:calc(100% - var(--np-half)*.60);top:calc(48*var(--np-tx))}
.pg-np-road--n .pg-np-st[data-st="2"]{left:calc(100% - var(--np-half)*.78);top:calc(64*var(--np-tx))}
.pg-np-lamp{position:absolute;left:-12px;top:-12px;width:24px;height:24px;background:#101017;
box-shadow:0 -2px 0 0 #2b2b37,0 2px 0 0 #07070a,-2px 0 0 0 #24242e,2px 0 0 0 #08080b,inset 0 0 0 2px #050507}
.pg-np-lamp::before{content:'';position:absolute;inset:6px;background:var(--c-dim);box-shadow:inset 2px 2px 0 #ffffff14}
.pg-np-lamp::after{content:'';position:absolute;inset:-9px;border:2px solid var(--c);opacity:0;transform:scale(.5)}
.pg-np-st.is-on .pg-np-lamp::before{background:var(--c);box-shadow:inset 2px 2px 0 #ffffff8c,0 0 14px 2px rgba(var(--c-rgb),.75)}
.pg-np-st.is-hit .pg-np-lamp{animation:np-snap .42s var(--np-snap)}
.pg-np-st.is-hit .pg-np-lamp::after{animation:np-ping .75s var(--lp-ease)}
.pg-np-st-t{position:absolute;bottom:19px;display:grid;grid-template-columns:auto auto;align-items:baseline;column-gap:8px;row-gap:5px;white-space:nowrap;text-align:left;pointer-events:none}
.pg-np-road--p .pg-np-st-t{left:-12px}
.pg-np-road--n .pg-np-st-t{right:-12px;text-align:right}
.pg-np-road--n .pg-np-st-n{grid-column:2;grid-row:1/3}
.pg-np-road--n .pg-np-st-t b,.pg-np-road--n .pg-np-st-t small{grid-column:1;justify-self:end}
.pg-np-st-n{grid-row:1/3;align-self:center;font:500 1.5rem/.8 'Teko',sans-serif;color:rgba(var(--c-rgb),.55);transition:color .25s}
.pg-np-st-t b{font:400 .84rem/1.2 'JetBrains Mono',monospace;color:#EDEAF2;text-shadow:0 1px 0 #000,0 0 12px #000000e6;transition:color .25s}
.pg-np-st-t small{font:700 .64rem/1 'Rajdhani',sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--lp-mute)}
.pg-np-st.is-on .pg-np-st-n,.pg-np-st.is-on .pg-np-st-t b{color:var(--c)}

/* light keys (Web Animations) */
.pg-np-pk{position:absolute;left:0;top:0;z-index:2;width:0;height:0;opacity:0;pointer-events:none;will-change:transform,opacity}
.pg-np-pk::before{content:'';position:absolute;right:-1px;top:-1.5px;width:46px;height:3px;background:linear-gradient(90deg,transparent,rgba(var(--c-rgb),.85))}
.pg-np-pk::after{content:'';position:absolute;left:-3px;top:-3px;width:6px;height:6px;background:#fff;box-shadow:0 0 10px 3px rgba(var(--c-rgb),.85)}
.pg-np-pk.is-key::before{width:90px;height:5px;top:-2.5px;background:linear-gradient(90deg,transparent,rgba(var(--c-rgb),.35) 40%,var(--c))}
.pg-np-pk.is-key::after{left:-6px;top:-6px;width:12px;height:12px;background:#fff;box-shadow:0 0 0 2px var(--c),0 0 22px 6px rgba(var(--c-rgb),.8)}

/* gate */
.pg-np-gate{position:absolute;z-index:3;top:var(--np-top);left:calc(50% - var(--np-gw)/2);width:var(--np-gw);height:var(--np-gh);pointer-events:none;
background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 72 84' shape-rendering='crispEdges'%3E%3Cpath fill='%2322222c' d='M16 4h40v8h8v8h8v64H0V20h8v-8h8z'/%3E%3Cpath fill='%230c0c11' d='M24 12h24v8h8v8h8v48H8V28h8v-8h8z'/%3E%3Cpath fill='%235a400a' d='M32 4h4v8h-4z'/%3E%3Cpath fill='%230f4630' d='M36 4h4v8h-4z'/%3E%3C/svg%3E") center/100% 100% no-repeat}
.pg-np-gate::before{content:'';position:absolute;left:4%;right:4%;bottom:-6%;height:22%;z-index:-1;background:radial-gradient(closest-side,#000000b2,transparent)}
.pg-np-gate-cv{position:relative;display:block;width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges}

/* address = nameplate */
#hero.pg-np-hero .lp-ip{grid-column:gate-s/gate-e;grid-row:5;align-self:end;justify-self:center;z-index:5;position:relative;
width:calc(54*var(--np-tx));margin:0 0 calc(10*var(--np-tx));padding:9px 8px 8px;flex-direction:column;align-items:stretch;gap:7px;border-radius:0;text-align:center;overflow:visible;
background:linear-gradient(180deg,#0e0e14f0,#07070bf5);
box-shadow:0 -2px 0 0 #3a3a48,0 2px 0 0 #050507,-2px 0 0 0 #2c2c38,2px 0 0 0 #08080b,0 0 0 4px #00000059,0 18px 40px -10px #000000e6;transition:transform .25s var(--np-snap)}
#hero.pg-np-hero .lp-ip::before{inset:-2px;left:-2px;top:-2px;width:auto;margin:0;aspect-ratio:auto;border-radius:0;animation:none;z-index:-1;opacity:0;
background:linear-gradient(90deg,var(--np-y),#fff6d2 50%,var(--np-g));transition:opacity .3s}
#hero.pg-np-hero .lp-ip::after{inset:0;border-radius:0;background:linear-gradient(180deg,#0e0e14f7,#07070bfa)}
#hero.pg-np-hero.is-open-p .lp-ip::before,#hero.pg-np-hero.is-open-n .lp-ip::before{animation:np-plate 1.2s var(--lp-ease)}
#hero.pg-np-hero .lp-ip:hover{transform:translateY(-2px)}
#hero.pg-np-hero .lp-ip:active{transform:translateY(1px)}
#hero.pg-np-hero .lp-ip:focus-visible{outline:2px solid var(--np-y);outline-offset:6px}
#hero.pg-np-hero .lp-ip-txt{justify-items:center;gap:4px}
#hero.pg-np-hero .lp-ip-label{font-size:.58rem;letter-spacing:.3em;color:#f3efe680}
#hero.pg-np-hero .lp-ip-addr{font-size:calc(.5rem + 3.2*var(--np-tx));letter-spacing:.13em;line-height:.9;color:#FFF6DA;text-shadow:0 0 18px #f6cf5759}
#hero.pg-np-hero .lp-ip-act{justify-content:center;padding:7px 8px;border-radius:0;font-size:.72rem;letter-spacing:.18em;
background:linear-gradient(90deg,#d4a01733,#3ddc972e);color:#fff;box-shadow:inset 0 2px 0 #ffffff14,inset 0 -2px 0 #00000059}
#hero.pg-np-hero .lp-ip:hover .lp-ip-act{background:linear-gradient(90deg,#d4a01752,#3ddc9747)}
#hero.pg-np-hero .lp-ip.is-copied .lp-ip-act{background:#3ddc9738;color:var(--np-g-hi)}

/* base row */
#hero.pg-np-hero .lp-hero-side{grid-column:slab-s/slab-e;grid-row:6/8;z-index:4;width:100%;max-width:none;margin:0;text-align:left}
#hero.pg-np-hero .lp-stats{grid-column:full-s/slab-s;grid-row:6/8;justify-self:end;align-self:end;z-index:4;margin:0 34px 0 0;width:min(var(--np-side),100% - 34px);
grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;border:0;border-radius:0;background:none;overflow:visible;max-width:none}
#hero.pg-np-hero .lp-stat{position:relative;padding:12px 10px 10px;background:linear-gradient(180deg,#17171f,#0e0e14);
box-shadow:0 -2px 0 0 #2e2e3a,0 2px 0 0 #060608,-2px 0 0 0 #24242e,2px 0 0 0 #08080b,inset 0 2px 0 #ffffff0a}
#hero.pg-np-hero .lp-stat::before{content:'';position:absolute;left:8px;right:8px;top:8px;height:4px;
background:linear-gradient(90deg,#d4a017a6 0 4px,transparent 4px calc(100% - 4px),#3ddc9799 calc(100% - 4px))}
#hero.pg-np-hero .lp-stat b{font-size:2rem;color:#FFE9A8}
#hero.pg-np-hero .lp-stat:nth-child(2) b,#hero.pg-np-hero .lp-stat:nth-child(3) b{color:var(--np-g-hi)}
#hero.pg-np-hero .lp-stat>span{margin-top:5px;font-size:.62rem;letter-spacing:.16em}
#hero.pg-np-hero .pg-np-go{grid-column:slab-e/full-e;grid-row:6;justify-self:start;align-self:end;z-index:4;display:grid;grid-template-columns:auto 1fr;gap:12px;margin:0 0 0 34px;width:min(var(--np-side),100% - 34px)}
#hero.pg-np-hero .lp-launch{grid-column:slab-e/full-e;grid-row:7;justify-self:start;align-self:end;z-index:4;margin:10px 0 0 34px;width:min(var(--np-side),100% - 34px);justify-content:center;align-content:center;text-align:center;box-sizing:border-box;border-radius:0;border:0;background:linear-gradient(180deg,#17171f,#0e0e14);box-shadow:var(--np-b2)}
@media (min-width:1200px){#hero.pg-np-hero .lp-stats{grid-auto-rows:70px}#hero.pg-np-hero .lp-launch{min-height:82px}}
#hero.pg-np-hero .lp-btn{border-radius:0;min-height:58px}
#hero.pg-np-hero .lp-btn-gold{box-shadow:0 -2px 0 0 #FFE08A,0 2px 0 0 #6b4c0a,-2px 0 0 0 #F6CF57,2px 0 0 0 #9A7212,0 14px 28px -12px #d4a017b2}
#hero.pg-np-hero .lp-btn-ghost{border:0;background:#0a0a10cc;box-shadow:0 -2px 0 0 #ffffff29,0 2px 0 0 #00000099,-2px 0 0 0 #ffffff1f,2px 0 0 0 #00000080}

/* slab chat */
body[data-pg=nonpremium] .pg-np-slab{--np-lines:4;position:relative;margin-top:8px;border:0;border-radius:0;overflow:visible;background:linear-gradient(180deg,#16161e,#0b0b10);
box-shadow:0 -3px 0 0 #34343f,0 3px 0 0 #050507,-3px 0 0 0 #262630,3px 0 0 0 #07070a,0 30px 60px -24px #000000e6}
@media (max-height:800px){body[data-pg=nonpremium] .pg-np-slab{--np-lines:3;margin-top:5px}body[data-pg=nonpremium] .pg-np-slab .lp-win-note{padding:5px 12px 6px}}
body[data-pg=nonpremium] .pg-np-slab::before{content:'';display:block;position:absolute;left:calc(50% - var(--np-gw)/2 + 3*var(--np-tx));right:calc(50% - var(--np-gw)/2 + 3*var(--np-tx));top:-11px;height:8px;
border:0;border-radius:0;background:linear-gradient(90deg,#6b4f0c 0 3px,transparent 3px calc(100% - 3px),#11583c calc(100% - 3px));opacity:1;inset:auto}
body[data-pg=nonpremium] .pg-np-slab .lp-win-bar{padding:8px 12px;gap:6px;background:#ffffff05;border-bottom:2px solid #07070a}
body[data-pg=nonpremium] .pg-np-slab .lp-win-bar>i{width:6px;height:6px;border-radius:0;background:#2a2a34}
body[data-pg=nonpremium] .pg-np-slab .lp-win-bar>i:nth-child(1){background:var(--lp-gold)}
body[data-pg=nonpremium] .pg-np-slab .lp-win-bar>i:nth-child(2){background:var(--np-g)}
body[data-pg=nonpremium] .pg-np-slab .lp-win-bar b{margin-left:6px;font-size:.7rem;color:#f3efe699}
body[data-pg=nonpremium] .pg-np-slab .lp-win-live{font-size:.58rem;color:var(--np-g)}
.pg-np-chat{position:relative;contain:strict;display:flex;flex-direction:column;justify-content:flex-end;height:calc(var(--np-lines,4)*1.45em + (var(--np-lines,4) - 1)*3px + 44px);margin:8px 10px 0;padding:0 0 4px;overflow:hidden;
font:400 .74rem/1.45 'JetBrains Mono',monospace;color:#f1f1f1;background:#050507;box-shadow:inset 0 2px 0 #00000099,inset 0 0 0 1px #ffffff0a}
.pg-np-stack{display:flex;flex-direction:column;gap:3px;padding:6px 8px 0;transition:transform .32s var(--lp-ease)}
.pg-np-chat:not(.is-live){padding-top:6px}
.pg-np-chat:not(.is-live) .pg-np-ln{margin:0 8px 3px}
.pg-np-ln{flex:none;padding:1px 7px;text-wrap:balance;background:#ffffff09;text-shadow:1px 1px 0 #2b2b2b}
.pg-np-ln.is-sys{color:#FFAA00}.pg-np-ln.is-ok{color:#55FF55}.pg-np-ln.is-you{color:#fff}.pg-np-ln.is-aqua{color:#55FFFF}.pg-np-ln.is-gold{color:#F6CF57}
.pg-np-chat:not(.is-live) .pg-np-ln:not([data-step=w],[data-step="0"]),.pg-np-chat:not(.is-live) [data-road=p]{display:none}
.pg-np-chat.is-live .pg-np-ln:not(.is-on){display:none}
.pg-np-chat.is-live .pg-np-ln.is-on{animation:np-line .32s var(--lp-ease)}
.pg-np-chat.is-live:not(.is-run) .pg-np-ln{animation:none}
.pg-np-input{display:flex;align-items:center;gap:8px;margin:5px 8px 0;padding:5px 8px;min-height:26px;background:#0d0d13;color:#fff;box-shadow:inset 0 0 0 1px #ffffff14}
.pg-np-input::before{content:'>';color:#8a8a96}
.pg-np-input span::after{content:'';display:inline-block;width:7px;height:1.05em;margin-left:2px;vertical-align:-.17em;background:var(--np-g);animation:lp-blink 1s steps(2,start) infinite}
body[data-pg=nonpremium] .pg-np-slab .lp-win-note{padding:7px 12px 9px;border-top:0;font-size:.64rem;line-height:1.4;color:#f3efe661}

/* tablet: the base row stacks under the slab */
@media (min-width:768px) and (max-width:1199px){
#hero.pg-np-hero{--np-slab:440px;--np-top:176px}
#hero.pg-np-hero .lp-hero-in{grid-template-rows:auto auto auto auto var(--np-top) var(--np-gh) auto auto auto auto}
.pg-np-scene{grid-row:5/7;--np-mode:tall}
#hero.pg-np-hero .lp-ip{grid-row:6}
#hero.pg-np-hero .lp-hero-side{grid-row:7}
#hero.pg-np-hero .lp-stats{grid-column:full-s/full-e;grid-row:8;justify-self:center;margin:22px 0 0;width:auto;grid-template-columns:repeat(4,minmax(0,140px))}
#hero.pg-np-hero .pg-np-go{grid-column:full-s/full-e;grid-row:9;justify-self:center;margin:18px 0 0}
#hero.pg-np-hero .lp-launch{grid-column:full-s/full-e;grid-row:10;justify-self:center;margin:14px 0 0;width:auto}
.pg-np-head,.pg-np-head:hover{top:0;transform:none;font-size:.72rem;letter-spacing:.14em}
.pg-np-head:active{transform:translateY(1px)}
.pg-np-road--p .pg-np-st{left:32px!important}
.pg-np-road--n .pg-np-st{left:calc(100% - 32px)!important}
.pg-np-road .pg-np-st[data-st="0"]{top:70px}.pg-np-road .pg-np-st[data-st="1"]{top:112px}.pg-np-road .pg-np-st[data-st="2"]{top:154px}
.pg-np-st-t{bottom:auto;top:0;transform:translateY(-50%)}
.pg-np-road--p .pg-np-st-t{left:22px}.pg-np-road--n .pg-np-st-t{right:22px}
.pg-np-st-t b{font-size:.74rem}
}

/* phone */
@media (max-width:767px){
#hero.pg-np-hero{--np-tx:3px;--np-top:150px;--np-slab:100%;padding:76px 16px 26px}
#hero.pg-np-hero .lp-hero-in{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto auto var(--np-top) var(--np-gh) auto auto auto auto}
#hero.pg-np-hero .lp-crumbs,#hero.pg-np-hero .lp-badge,#hero.pg-np-hero .lp-h1,#hero.pg-np-hero .lp-lead{grid-column:1}
#hero.pg-np-hero .lp-crumbs ol{flex-wrap:nowrap;margin-bottom:8px;font-size:.58rem;letter-spacing:.1em;white-space:nowrap}
#hero.pg-np-hero .lp-badge{margin-bottom:12px}
#hero.pg-np-hero .lp-h1{font-size:1.72rem;line-height:1.08;margin-bottom:10px}
#hero.pg-np-hero .lp-lead{font-size:.95rem;line-height:1.56;margin-bottom:16px}
.pg-np-scene{grid-column:1;grid-row:5/7;--np-mode:tall}
#hero.pg-np-hero .lp-ip{grid-column:1;grid-row:6}
#hero.pg-np-hero .lp-hero-side{grid-column:1;grid-row:7;margin-top:8px}
body[data-pg=nonpremium] .pg-np-slab{--np-lines:3}
#hero.pg-np-hero .lp-stats{grid-column:1;grid-row:8;justify-self:stretch;margin:18px 0 0;width:auto;grid-template-columns:repeat(2,minmax(0,1fr))}
#hero.pg-np-hero .pg-np-go{grid-column:1;grid-row:9;justify-self:stretch;margin:14px 0 0;width:auto;display:grid;grid-template-columns:1fr 1fr;gap:10px}
#hero.pg-np-hero .pg-np-go .lp-btn{justify-content:center;padding-left:10px;padding-right:10px}
#hero.pg-np-hero .lp-launch{grid-column:1;grid-row:10;justify-self:center;margin:14px 0 0;width:auto}
.pg-np-head{top:0;transform:none;gap:0;padding:9px 11px;font-size:.68rem;letter-spacing:.1em}
.pg-np-road--p .pg-np-head{left:0}
.pg-np-road--n .pg-np-head{right:0;padding:9px 11px}
.pg-np-key{display:none}
.pg-np-head:active{transform:translateY(1px)}
.pg-np-road--p .pg-np-st{left:12px!important}
.pg-np-road--n .pg-np-st{left:calc(100% - 12px)!important}
.pg-np-road--n .pg-np-st[data-st="0"]{top:58px}.pg-np-road--p .pg-np-st[data-st="0"]{top:77px}
.pg-np-road--n .pg-np-st[data-st="1"]{top:96px}.pg-np-road--p .pg-np-st[data-st="1"]{top:115px}
.pg-np-road--n .pg-np-st[data-st="2"]{top:134px}
.pg-np-lamp{left:-9px;top:-9px;width:18px;height:18px}
.pg-np-lamp::before{inset:4px}
.pg-np-st-t{bottom:auto;top:0;transform:translateY(-50%);row-gap:3px;column-gap:6px}
.pg-np-road--p .pg-np-st-t{left:16px}
.pg-np-road--n .pg-np-st-t{right:16px}
.pg-np-st-n{font-size:1.15rem}
.pg-np-st-t b{font-size:.7rem;letter-spacing:-.01em}
.pg-np-st-t small{font-size:.56rem;letter-spacing:.08em}
.pg-np-glow{display:none}
.pg-np-pk.is-key::before{width:60px}
}

/* ══ below the hero ══ */
body[data-pg=nonpremium] .lp-progress{background:linear-gradient(90deg,var(--np-y),#fff2c4 50%,var(--np-g))}
body[data-pg=nonpremium] .lp-article p code,body[data-pg=nonpremium] .lp-article li code,body[data-pg=nonpremium] .lp-article td code{border-radius:0;background:#3ddc9712;border-color:#3ddc9738;color:#c9f8e2}

/* seams */
body[data-pg=nonpremium] .lp-sec::before{top:-1px;height:3px;background:linear-gradient(90deg,transparent,#3a2b07 8%,#5c4409 calc(50% - 16px),transparent calc(50% - 16px),transparent calc(50% + 16px),#11533a calc(50% + 16px),#0d3424 92%,transparent)}
body[data-pg=nonpremium] .lp-sec::after{top:-11px;left:50%;width:22px;height:22px;margin-left:-11px;transform:none;border:0;
background:linear-gradient(#2c2c36,#2c2c36) 9px 5px/4px 4px no-repeat,linear-gradient(#2c2c36,#2c2c36) 10px 9px/2px 7px no-repeat,linear-gradient(180deg,#17171f,#0c0c11);
box-shadow:var(--np-b1)}
.pg-np-seam{position:absolute;top:-1px;left:0;right:0;height:3px;pointer-events:none}
.pg-np-seam::before,.pg-np-seam::after{content:'';position:absolute;top:0;height:3px;width:calc(50% - 16px);transform:scaleX(0);transition:transform 1.1s cubic-bezier(.6,0,.2,1)}
.pg-np-seam::before{left:0;transform-origin:0 50%;background:linear-gradient(90deg,transparent,#f6cf57d9 30%,var(--np-y))}
.pg-np-seam::after{right:0;transform-origin:100% 50%;background:linear-gradient(270deg,transparent,#3ddc97d9 30%,var(--np-g))}
.pg-np-seam i{position:absolute;top:-10px;left:50%;width:22px;height:22px;margin-left:-11px;opacity:0;transition:opacity .25s .95s;
background:linear-gradient(90deg,var(--np-y) 50%,var(--np-g) 50%) 9px 5px/4px 4px no-repeat,linear-gradient(90deg,var(--np-y) 50%,var(--np-g) 50%) 10px 9px/2px 7px no-repeat}
.lp-sec.is-seen>.pg-np-seam::before,.lp-sec.is-seen>.pg-np-seam::after{transform:scaleX(1)}
.lp-sec.is-seen>.pg-np-seam i{opacity:1}

/* eyebrows */
body[data-pg=nonpremium] .lp-eyebrow{gap:12px;color:#e7c66a}
body[data-pg=nonpremium] .lp-eyebrow b{display:inline-grid;place-items:center;min-width:36px;height:32px;padding:3px 6px 0;background:linear-gradient(180deg,#17171f,#0d0d12);color:var(--np-y);font-size:1.45rem;
box-shadow:var(--np-b1)}
body[data-pg=nonpremium] .lp-eyebrow::after{height:3px;max-width:180px;background:linear-gradient(90deg,#5c4409,#11533a 65%,transparent)}

/* lists and notes */
body[data-pg=nonpremium] ul.lp-list li::before{left:4px;top:.6em;width:8px;height:8px;transform:none;background:var(--np-y);box-shadow:inset -2px -2px 0 #9A7212,0 0 0 2px #0b0b10}
body[data-pg=nonpremium] .lp-note{border-radius:0;border:0;background:linear-gradient(90deg,#d4a01714,#3ddc9712);
box-shadow:0 -2px 0 0 #ffffff14,0 2px 0 0 #00000080,-3px 0 0 0 #d4a0178c,3px 0 0 0 #3ddc9773}
body[data-pg=nonpremium] .lp-note>i{display:grid;place-items:center;width:30px;height:30px;margin-top:-2px;background:#0c0c11;color:var(--np-g);font-size:.9rem;box-shadow:0 0 0 2px #26262f}

/* ── w skrócie ── */
body[data-pg=nonpremium] .lp-answer{border:0;border-radius:0;background:linear-gradient(180deg,#14141c,#0b0b10);
box-shadow:var(--np-b1),0 30px 60px -30px #000000cc}
body[data-pg=nonpremium] .lp-answer::before{inset:0 0 auto 0;height:3px;border-radius:0;background:linear-gradient(90deg,var(--np-y),#fff2c4 50%,var(--np-g))}
body[data-pg=nonpremium] .lp-article .lp-answer .lp-answer-k{color:#e7c66a}
body[data-pg=nonpremium] .lp-answer-k i{display:grid;place-items:center;width:28px;height:28px;background:#0c0c11;color:var(--np-y);font-size:.8rem;box-shadow:0 0 0 2px #2a2a34}
body[data-pg=nonpremium] .lp-chips{gap:16px 10px;margin-top:22px}
body[data-pg=nonpremium] .lp-chips li{position:relative;border:0;border-radius:0;padding:9px 44px 8px 12px;background:linear-gradient(180deg,#191921,#101016);box-shadow:var(--np-b1)}
/* chips = locks: a key goes in, turns, light runs across */
body[data-pg=nonpremium] .lp-chips li::before{content:'';position:absolute;right:9px;top:50%;width:24px;height:24px;margin-top:-12px;box-shadow:0 0 0 2px #24242e,inset 0 2px 0 #00000099;
background:linear-gradient(#3a3a46,#3a3a46) 10px 6px/4px 4px no-repeat,linear-gradient(#3a3a46,#3a3a46) 11px 10px/2px 8px no-repeat,#07070a}
body[data-pg=nonpremium] .lp-chips li::after{content:'';position:absolute;right:12px;top:50%;width:18px;height:10px;margin-top:-5px;background:var(--np-y);opacity:0;transform:rotate(-90deg) scale(.4);
-webkit-mask:var(--np-keym) center/contain no-repeat;mask:var(--np-keym) center/contain no-repeat}
body[data-pg=nonpremium] .lp-chips li:nth-child(even)::after{background:var(--np-g)}
body[data-pg=nonpremium] .lp-chips li b::after{content:'';position:absolute;left:2px;right:2px;top:-2px;height:2px;pointer-events:none;background:linear-gradient(90deg,transparent,var(--np-y));transform-origin:100% 50%;transform:scaleX(0)}
body[data-pg=nonpremium] .lp-chips li:nth-child(even) b::after{background:linear-gradient(90deg,transparent,var(--np-g))}
body[data-pg=nonpremium] .lp-chips li:first-child b::after{background:linear-gradient(90deg,var(--np-y),var(--np-g))}
body[data-pg=nonpremium] .lp-chips li:first-child{box-shadow:0 -2px 0 0 #34343f,0 2px 0 0 #050507,-2px 0 0 0 var(--np-y),2px 0 0 0 var(--np-g)}
body[data-pg=nonpremium] .lp-chips li b{color:#FFE9A8}
body[data-pg=nonpremium] .lp-chips li:nth-child(even) b{color:var(--np-g-hi)}
body[data-pg=nonpremium] .lp-answer.is-in .lp-chips li::after{animation:np-turn .72s calc(.4s + var(--i,0)*.16s) both}
body[data-pg=nonpremium] .lp-answer.is-in .lp-chips li b::after{transform:none;transition:transform .55s cubic-bezier(.6,0,.2,1) calc(.95s + var(--i,0)*.16s)}
body[data-pg=nonpremium] .lp-byline img{border-radius:0;box-shadow:0 0 0 2px #2a2a34}

/* ── co to jest ── */
.pg-np-flow{position:relative;display:grid;grid-template-columns:minmax(196px,1.05fr) repeat(3,minmax(0,1fr));align-items:center;column-gap:clamp(30px,4.2vw,60px);margin:30px 0 10px;padding:30px 26px;
background:radial-gradient(circle at 1px 1px,#ffffff0f 1px,transparent 1.5px) 0 0/14px 14px,linear-gradient(180deg,#0c0c12,#08080c);
box-shadow:var(--np-b2)}
.pg-np-flow-w{position:absolute;left:0;top:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:1}
.pg-np-fbed{fill:none;stroke:#040406;stroke-width:9;stroke-linejoin:miter;stroke-linecap:square}
.pg-np-fcore{fill:none;stroke-width:2;stroke-linejoin:miter;stroke-linecap:square}
.pg-np-flit{fill:none;stroke-width:2;stroke-linejoin:miter;stroke-linecap:square;opacity:0;transition:opacity 1s var(--lp-ease)}
.pg-np-flit.is-lit{opacity:1;transition-duration:.12s}
.pg-np-fw--p .pg-np-fcore{stroke:#5c4409}.pg-np-fw--n .pg-np-fcore{stroke:#11533a}
.pg-np-fw--p .pg-np-flit{stroke:var(--np-y)}.pg-np-fw--n .pg-np-flit{stroke:var(--np-g)}
.pg-np-fk{position:absolute;left:0;top:0;z-index:1;width:0;height:0;opacity:0;pointer-events:none;will-change:transform,opacity}
.pg-np-fk::before{content:'';position:absolute;right:-1px;top:-2px;width:54px;height:4px;background:linear-gradient(90deg,transparent,var(--c))}
.pg-np-fk::after{content:'';position:absolute;left:-5px;top:-5px;width:10px;height:10px;background:#fff;box-shadow:0 0 0 2px var(--c),0 0 16px 4px rgba(var(--c-rgb),.75)}
.pg-np-fk--p{--c:var(--np-y);--c-rgb:var(--np-y-rgb)}.pg-np-fk--n{--c:var(--np-g);--c-rgb:var(--np-g-rgb)}
.pg-np-lanes{position:relative;z-index:2;display:grid;gap:26px}
.pg-np-lane{--c:var(--np-y);--c-rgb:var(--np-y-rgb);display:flex;align-items:center;gap:10px;width:100%;padding:12px 14px;border:0;border-radius:0;cursor:pointer;text-align:left;
background:linear-gradient(180deg,#17171f,#0d0d12);color:var(--c);font:700 .74rem/1.15 'Rajdhani',sans-serif;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;
box-shadow:0 -2px 0 0 rgba(var(--c-rgb),.45),0 2px 0 0 rgba(var(--c-rgb),.45),-2px 0 0 0 rgba(var(--c-rgb),.45),2px 0 0 0 rgba(var(--c-rgb),.45);transition:transform .25s var(--np-snap),color .2s}
.pg-np-lane[data-lane="n"]{--c:var(--np-g);--c-rgb:var(--np-g-rgb)}
.pg-np-lane i{flex:none;width:10px;height:10px;background:#0a0a0e;box-shadow:0 0 0 2px rgba(var(--c-rgb),.5);transition:background-color .15s}
.pg-np-lane.is-run i,.pg-np-lane[aria-pressed="true"] i{background:var(--c)}
.pg-np-lane[aria-pressed="true"]{color:#fff}
@media (hover:hover){.pg-np-lane:hover{transform:translateX(3px)}}
body[data-pg=nonpremium] .pg-np-lane:focus-visible{outline:2px solid var(--c);outline-offset:4px;border-radius:0}
.pg-np-chip{position:relative;z-index:2;display:grid;gap:5px;justify-items:center;padding:16px 10px 14px;text-align:center;background:linear-gradient(180deg,#1b1b24,#111117);
box-shadow:var(--np-b3)}
.pg-np-chip::before,.pg-np-chip::after{content:'';position:absolute;left:12px;right:12px;height:6px;background:repeating-linear-gradient(90deg,#3d3d4a 0 5px,transparent 5px 11px)}
.pg-np-chip::before{top:-8px}.pg-np-chip::after{bottom:-8px}
.pg-np-chip small{font:700 .6rem/1 'Rajdhani',sans-serif;letter-spacing:.24em;text-transform:uppercase;color:var(--lp-mute)}
.pg-np-chip b{font:500 .82rem/1.25 'JetBrains Mono',monospace;color:#fff;transition:color .2s}
.pg-np-chip>span{font-size:.72rem;line-height:1.3;color:var(--lp-dim);transition:color .2s,opacity .2s}
.pg-np-chip-p,.pg-np-chip-n{font-family:'JetBrains Mono',monospace!important;font-size:.7rem!important;opacity:.45}
.pg-np-flow.is-v [data-node="v"] b,.pg-np-flow.is-s [data-node="s"] b{color:var(--np-g-hi)}
.pg-np-flow.is-v-p [data-node="v"] b,.pg-np-flow.is-s-p [data-node="s"] b{color:#FFE9A8}
.pg-np-flow.is-a-p .pg-np-chip-p{opacity:1;color:var(--np-y)}
.pg-np-flow.is-a-n .pg-np-chip-n{opacity:1;color:var(--np-g)}
.pg-np-flow.is-a-p [data-node="a"],.pg-np-flow.is-a-n [data-node="a"]{animation:np-snap .4s var(--np-snap)}

/* ── jak dołączyć ── */
body[data-pg=nonpremium] .pg-np-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:none;margin:34px 0 28px;padding:52px 0 0}
body[data-pg=nonpremium] .pg-np-steps::before,body[data-pg=nonpremium] .pg-np-steps::after{left:var(--np-a,31px);right:auto;top:15px;bottom:auto;width:var(--np-l,calc(100% - 62px));height:4px;border-radius:0}
body[data-pg=nonpremium] .pg-np-steps::before{background:#050507;box-shadow:0 -1px 0 0 #ffffff0f,0 1px 0 0 #ffffff0a}
body[data-pg=nonpremium] .pg-np-steps::after{animation:none;background:linear-gradient(90deg,var(--np-y),var(--np-g));transform-origin:0 50%;transform:scaleX(var(--np-prog,0));transition:transform .8s cubic-bezier(.5,0,.2,1)}
body[data-pg=nonpremium] .pg-np-steps .lp-step{position:relative;padding:18px 18px 16px;background:linear-gradient(180deg,#15151d,#0c0c11);
box-shadow:var(--np-b2)}
body[data-pg=nonpremium] .pg-np-steps .lp-step::before{display:none}
body[data-pg=nonpremium] .pg-np-steps .pg-np-mini{transition:opacity .45s var(--lp-ease)}
body[data-pg=nonpremium] .pg-np-steps.is-live .lp-step:not(.is-act) .pg-np-mini{opacity:.42}
body[data-pg=nonpremium] .pg-np-steps .lp-step.is-act{box-shadow:0 -2px 0 0 var(--np-g),0 2px 0 0 #050507,-2px 0 0 0 #24242e,2px 0 0 0 #07070a}
body[data-pg=nonpremium] .pg-np-steps .lp-step h3{margin-top:4px;font-size:1.04rem}
body[data-pg=nonpremium] .pg-np-steps .lp-pill{border-radius:0}
body[data-pg=nonpremium] .pg-np-steps .lp-step p{font-size:.92rem;line-height:1.62}
.pg-np-node{position:absolute;z-index:2;left:14px;top:-52px;width:34px;height:34px;padding:0;border:0;border-radius:0;cursor:pointer;background:linear-gradient(180deg,#17171f,#0b0b10);color:#f6cf5799;
font:500 1.35rem/1 'Teko',sans-serif;display:grid;place-items:center;box-shadow:var(--np-b3);transition:transform .25s var(--np-snap),color .2s}
.pg-np-node::before{content:counter(s);position:relative;z-index:1;padding-top:2px}
.pg-np-node::after{content:'';position:absolute;inset:4px;background:var(--np-g);opacity:0;transition:opacity .3s}
.lp-step.is-done .pg-np-node{color:#FFE9A8}
.lp-step.is-act .pg-np-node{color:#04140c}
.lp-step.is-act .pg-np-node::after{opacity:1}
@media (hover:hover){.pg-np-node:hover{transform:translateY(-2px)}}
body[data-pg=nonpremium] .pg-np-node:focus-visible{outline:2px solid var(--np-g);outline-offset:4px;border-radius:0}
.pg-np-mini{position:relative;display:flex;align-items:center;gap:12px;height:58px;margin:0 0 14px;padding:0 12px;background:#06060a;overflow:hidden;
box-shadow:inset 0 0 0 1px #ffffff0f,inset 0 2px 0 #000000b2}
.pg-np-mini::after{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(180deg,#ffffff06 0 1px,transparent 1px 3px)}
.pg-np-mini-play{flex:none;width:26px;height:26px;background:var(--np-y);clip-path:polygon(0 0,25% 0,25% 12.5%,50% 12.5%,50% 25%,75% 25%,75% 37.5%,100% 37.5%,100% 62.5%,75% 62.5%,75% 75%,50% 75%,50% 87.5%,25% 87.5%,25% 100%,0 100%)}
.pg-np-mini-bar{flex:1;height:10px;background:#111117;box-shadow:inset 0 0 0 1px #ffffff14}
.pg-np-mini-bar i{display:block;height:100%;background:repeating-linear-gradient(90deg,var(--np-g) 0 8px,#1b7a52 8px 10px);transform-origin:0 50%;transform:scaleX(.08);transition:transform 1.8s steps(9,end)}
.lp-step.is-act .pg-np-mini-bar i,.lp-step.is-done .pg-np-mini-bar i{transform:scaleX(1)}
.pg-np-mini-srv{flex:none;width:30px;height:30px;background:
linear-gradient(#3DDC97,#3DDC97) 6px 6px/6px 6px no-repeat,linear-gradient(#F6CF57,#F6CF57) 18px 6px/6px 6px no-repeat,linear-gradient(#2a2a34,#2a2a34) 6px 18px/18px 6px no-repeat,#15151c;box-shadow:inset 0 0 0 2px #2c2c37}
.pg-np-mini-ip{flex:1;font:500 .82rem/1 'JetBrains Mono',monospace;color:#fff;letter-spacing:.04em}
.pg-np-mini-sig{flex:none;display:flex;align-items:flex-end;gap:2px;height:16px}
.pg-np-mini-sig b{width:4px;background:#2a2a34;transition:background-color .2s}
.pg-np-mini-sig b:nth-child(1){height:4px}.pg-np-mini-sig b:nth-child(2){height:8px}.pg-np-mini-sig b:nth-child(3){height:12px}.pg-np-mini-sig b:nth-child(4){height:16px}
.lp-step.is-act .pg-np-mini-sig b,.lp-step.is-done .pg-np-mini-sig b{background:var(--np-g)}
.lp-step.is-act .pg-np-mini-sig b:nth-child(2){transition-delay:.15s}.lp-step.is-act .pg-np-mini-sig b:nth-child(3){transition-delay:.3s}.lp-step.is-act .pg-np-mini-sig b:nth-child(4){transition-delay:.45s}
.pg-np-mini-cmd{flex:1;font:500 .82rem/1 'JetBrains Mono',monospace;color:#c9f8e2}
.pg-np-mini-cmd::before{content:'> ';color:#8a8a96}
.pg-np-mini-cmd::after{content:'';display:inline-block;width:7px;height:1em;margin-left:3px;vertical-align:-.15em;background:var(--np-g);animation:lp-blink 1s steps(2,start) infinite}
.pg-np-mini-lock,.pg-np-padlock{position:relative;flex:none;width:22px;height:26px}
.pg-np-mini-lock::before,.pg-np-padlock::before{content:'';position:absolute;left:4px;top:0;width:14px;height:14px;box-sizing:border-box;border:3px solid #6e6e7c;border-bottom:0;transform:translateY(-4px);transition:transform .3s var(--np-snap),border-color .2s}
.pg-np-mini-lock::after,.pg-np-padlock::after{content:'';position:absolute;left:0;bottom:0;width:22px;height:14px;background:linear-gradient(#0a0a0e,#0a0a0e) 9px 4px/4px 6px no-repeat,#6e6e7c;transition:background-color .2s}
.lp-step.is-act .pg-np-mini-lock::before,.lp-step.is-done .pg-np-mini-lock::before{transform:none;border-color:var(--np-g)}
.lp-step.is-act .pg-np-mini-lock::after,.lp-step.is-done .pg-np-mini-lock::after{background-color:var(--np-g)}

/* ── bezpieczeństwo ── */
body[data-pg=nonpremium] .lp-tile{border:0;border-radius:0;background:linear-gradient(180deg,#15151d,#0c0c11);
box-shadow:var(--np-b2)}
body[data-pg=nonpremium] .lp-tile-tag{top:16px;left:22px;right:auto;border-radius:0;border:0;padding:5px 8px 4px;background:#0a0a0e;color:var(--np-g);box-shadow:0 0 0 2px #24242e}
body[data-pg=nonpremium] .lp-tile:nth-child(odd) .lp-tile-tag{color:var(--np-y)}
body[data-pg=nonpremium] .lp-tile .lp-ic{border-radius:0;margin-top:30px;background:#0b0b10;border:0;box-shadow:0 0 0 2px #26262f}
body[data-pg=nonpremium] #bezpieczenstwo .lp-tile{padding-top:52px}
body[data-pg=nonpremium] #bezpieczenstwo .lp-tile .lp-ic{display:none}
body[data-pg=nonpremium] .lp-cmd{border-radius:0;border:0;background:#06060a;box-shadow:0 0 0 2px #24242e,inset 0 0 0 1px #3ddc9724}
body[data-pg=nonpremium] .lp-cmd::before{color:var(--np-g)}
body[data-pg=nonpremium] .lp-cmd:hover{box-shadow:0 0 0 2px #3ddc9780}
.pg-np-ill{position:relative;contain:layout paint;display:flex;align-items:center;justify-content:center;gap:12px;height:84px;margin:0 0 18px;padding:0 14px;background:#06060a;overflow:hidden;
box-shadow:inset 0 0 0 1px #ffffff0f,inset 0 2px 0 #000000b2}
.pg-np-ill::after{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(180deg,#ffffff06 0 1px,transparent 1px 3px)}
.pg-np-pw,.pg-np-hash{display:grid;gap:5px;font:500 .8rem/1 'JetBrains Mono',monospace;color:#fff;letter-spacing:.08em}
.pg-np-pw b,.pg-np-hash b{font:700 .56rem/1 'Rajdhani',sans-serif;letter-spacing:.24em;text-transform:uppercase;color:var(--lp-mute)}
.pg-np-hash em{font-style:normal;color:var(--np-g);letter-spacing:.02em}
.pg-np-arw{flex:none;width:18px;height:10px;background:var(--np-y);clip-path:polygon(0 30%,60% 30%,60% 0,100% 50%,60% 100%,60% 70%,0 70%)}
.pg-np-tries{display:flex;gap:6px}
.pg-np-tries i{width:14px;height:14px;background:#14141a;box-shadow:inset 0 0 0 2px #2a2a34}
.pg-np-tries i.is-x{background:#e5484d;box-shadow:inset 0 0 0 2px #ff8a8d}
.pg-np-ill--brute .pg-np-padlock{margin-left:14px;transform:scale(1.2)}
.pg-np-ill--brute .pg-np-padlock i{position:absolute;left:30px;top:8px;font:700 .62rem/1 'Rajdhani',sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#ff8a8d;opacity:0;transition:opacity .2s}
.pg-np-ill--brute .pg-np-padlock i::before{content:'blokada'}
.pg-np-ill--brute.is-lock .pg-np-padlock::before{transform:none;border-color:#e5484d}
.pg-np-ill--brute.is-lock .pg-np-padlock::after{background-color:#e5484d}
.pg-np-ill--brute.is-lock .pg-np-padlock i{opacity:1}
.pg-np-ill--brute.is-lock .pg-np-tries{animation:np-shake .3s steps(3,end)}
.pg-np-ring{position:relative;flex:none;width:60px;height:60px}
.pg-np-ring i{position:absolute;left:28px;top:0;width:4px;height:9px;background:var(--np-g);transform-origin:2px 30px}
.pg-np-ring i.is-off{opacity:.12}
.pg-np-ill--sess .pg-np-ring-c{position:absolute;left:50%;top:50%;width:60px;margin:-8px 0 0 -30px;text-align:center;font:500 1.2rem/1 'Teko',sans-serif;letter-spacing:.06em;color:#fff}
.pg-np-ill--sess .pg-np-ring{margin:0 auto}
.pg-np-sess-l{position:absolute;right:14px;bottom:12px;padding:4px 7px;font:500 .72rem/1 'JetBrains Mono',monospace;color:#c9f8e2;background:#0d0d13;box-shadow:0 0 0 1px #3ddc9766;opacity:0;transform:translateY(4px);transition:opacity .2s,transform .25s var(--np-snap)}
.pg-np-ill--sess.is-out .pg-np-sess-l{opacity:1;transform:none}
.pg-np-ill--totp{gap:18px}
.pg-np-code{display:flex;gap:4px}
.pg-np-code i{display:grid;place-items:center;width:24px;height:34px;background:#101016;box-shadow:inset 0 0 0 1px #ffffff14,inset 0 -12px 0 #00000040;font:500 1.5rem/1 'Teko',sans-serif;font-style:normal;color:#fff;padding-top:3px}
.pg-np-code i:nth-child(3){margin-right:8px}
.pg-np-code i.is-roll{animation:np-roll .42s steps(4,end)}
.pg-np-ill--totp .pg-np-ring i{background:var(--np-y)}
.pg-np-ill-note{margin:-4px 0 26px!important;font-size:.76rem!important;color:var(--lp-mute)!important}
/* 2FA steps: tumbler column */
body[data-pg=nonpremium] ol.pg-np-tumblers{position:relative}
body[data-pg=nonpremium] ol.pg-np-tumblers li{padding-left:48px;margin-bottom:16px}
body[data-pg=nonpremium] ol.pg-np-tumblers li:not(:last-child)::after{content:'';position:absolute;left:13px;top:34px;bottom:-14px;width:2px;background:linear-gradient(#11533a,#5c4409)}
body[data-pg=nonpremium] ol.pg-np-tumblers li::before{left:0;top:0;width:28px;height:28px;padding-top:2px;font-size:1.15rem;border-radius:0;border:0;background:linear-gradient(180deg,#17171f,#0b0b10);color:var(--np-g);box-shadow:var(--np-b3)}
/* 6 rules: lock plates that close one by one */
body[data-pg=nonpremium] ul.pg-np-locks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:none;padding:0}
body[data-pg=nonpremium] ul.pg-np-locks li{position:relative;margin:0;padding:16px 16px 15px 56px;background:linear-gradient(180deg,#14141b,#0c0c11);font-size:.93rem;line-height:1.6;
box-shadow:var(--np-b4)}
body[data-pg=nonpremium] ul.pg-np-locks li::before{left:18px;top:24px;width:20px;height:12px;background:linear-gradient(#0a0a0e,#0a0a0e) 8px 3px/4px 5px no-repeat,#8a6a1c;box-shadow:none;transition:background-color .2s}
body[data-pg=nonpremium] ul.pg-np-locks li::after{content:'';position:absolute;left:22px;top:14px;width:12px;height:11px;box-sizing:border-box;border:3px solid #8a6a1c;border-bottom:0;transform:translateY(-5px);transition:transform .32s var(--np-snap),border-color .2s}
body[data-pg=nonpremium] ul.pg-np-locks.is-seen li::after{transform:none;border-color:var(--np-g)}
body[data-pg=nonpremium] ul.pg-np-locks.is-seen li::before{background-color:var(--np-g)}
body[data-pg=nonpremium] ul.pg-np-locks.is-seen li:nth-child(2)::after,body[data-pg=nonpremium] ul.pg-np-locks.is-seen li:nth-child(2)::before{transition-delay:.16s}
body[data-pg=nonpremium] ul.pg-np-locks.is-seen li:nth-child(3)::after,body[data-pg=nonpremium] ul.pg-np-locks.is-seen li:nth-child(3)::before{transition-delay:.32s}
body[data-pg=nonpremium] ul.pg-np-locks.is-seen li:nth-child(4)::after,body[data-pg=nonpremium] ul.pg-np-locks.is-seen li:nth-child(4)::before{transition-delay:.48s}
body[data-pg=nonpremium] ul.pg-np-locks.is-seen li:nth-child(5)::after,body[data-pg=nonpremium] ul.pg-np-locks.is-seen li:nth-child(5)::before{transition-delay:.64s}
body[data-pg=nonpremium] ul.pg-np-locks.is-seen li:nth-child(6)::after,body[data-pg=nonpremium] ul.pg-np-locks.is-seen li:nth-child(6)::before{transition-delay:.8s}

/* ── skin: the fitting room ── */
.pg-np-room{position:relative;display:grid;grid-template-columns:210px minmax(0,1fr);gap:30px;align-items:center;margin:30px 0 22px;padding:24px 28px 22px 18px;
background:radial-gradient(120% 90% at 16% 100%,#3ddc971a,transparent 60%),linear-gradient(180deg,#121219,#0a0a0f);
box-shadow:var(--np-b2)}
.pg-np-stand{position:relative;height:262px;display:grid;justify-items:center;align-items:end}
.pg-np-stand::before{content:'';position:absolute;left:50%;bottom:26px;width:150px;height:230px;margin-left:-75px;background:linear-gradient(0deg,#f6cf5729,#3ddc9714 55%,transparent);clip-path:polygon(18% 100%,82% 100%,100% 0,0 0)}
.pg-np-fig{position:relative;z-index:1;width:120px;height:204px;margin-bottom:30px;image-rendering:pixelated;image-rendering:crisp-edges;animation:np-bob 3.2s steps(1,end) infinite}
.pg-np-ped{position:absolute;left:50%;bottom:0;width:168px;height:32px;margin-left:-84px;background:
linear-gradient(90deg,var(--np-y) 0 50%,var(--np-g) 50%) 0 0/100% 3px no-repeat,
repeating-linear-gradient(90deg,#24242e 0 40px,#1a1a22 40px 42px),#1a1a22;box-shadow:var(--np-b3)}
.pg-np-try{min-width:0}
body[data-pg=nonpremium] .lp-article p.pg-np-try-k{margin:0 0 12px;font:700 .72rem/1 'Rajdhani',sans-serif;letter-spacing:.26em;text-transform:uppercase;color:#e7c66a}
.pg-np-try-bar{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 14px}
.pg-np-try-b{padding:10px 12px;border:0;border-radius:0;cursor:pointer;background:linear-gradient(180deg,#17171f,#0c0c11);color:#e9e6ef;font:500 .8rem/1.2 'JetBrains Mono',monospace;text-align:left;
box-shadow:var(--np-b1);transition:transform .25s var(--np-snap),color .2s}
.pg-np-try-b::before{content:'› ';color:var(--np-g)}
.pg-np-try-b[aria-pressed="true"]{color:var(--np-g-hi);box-shadow:0 -2px 0 0 var(--np-g),0 2px 0 0 #0b4430,-2px 0 0 0 #2fb47a,2px 0 0 0 #1b7a52}
@media (hover:hover){.pg-np-try-b:hover{transform:translateY(-2px)}}
body[data-pg=nonpremium] .pg-np-try-b:focus-visible{outline:2px solid var(--np-g);outline-offset:4px;border-radius:0}
.pg-np-try-chat{display:grid;gap:4px;min-height:62px;padding:8px 10px;background:#050507;font:400 .76rem/1.45 'JetBrains Mono',monospace;box-shadow:inset 0 0 0 1px #ffffff0f}
.pg-np-try-in{color:#fff;min-height:1.45em}
.pg-np-try-in::before{content:'> ';color:#8a8a96}
.pg-np-try-in::after{content:'';display:inline-block;width:7px;height:1.05em;margin-left:2px;vertical-align:-.17em;background:var(--np-g);animation:lp-blink 1s steps(2,start) infinite}
.pg-np-try-out{min-height:1.45em;color:#55FFFF}
.pg-np-try-out i{display:block;height:8px;margin-top:5px;background:repeating-linear-gradient(90deg,var(--np-g) 0 6px,#0b4430 6px 8px);transform-origin:0 50%;animation:np-gen 1.2s steps(10,end) forwards}
body[data-pg=nonpremium] .lp-article p.pg-np-try-note{margin:10px 0 0;font-size:.74rem;color:var(--lp-mute)}

/* ── tables ── */
body[data-pg=nonpremium] .lp-tablewrap{border-radius:0;border:0;background:#0b0b10;box-shadow:var(--np-b2)}
body[data-pg=nonpremium] .lp-tablebox::before,body[data-pg=nonpremium] .lp-tablebox::after{border-radius:0}
body[data-pg=nonpremium] .lp-table thead th{background:#111117;color:#e7c66a}
body[data-pg=nonpremium] .lp-table tbody th{background:#0e0e14}
body[data-pg=nonpremium] .lp-table .lp-hl{background:linear-gradient(180deg,#3ddc970f,#d4a0170d);border-left:2px solid #d4a01799;border-right:2px solid #3ddc978c}
body[data-pg=nonpremium] .lp-table thead .lp-hl{background:linear-gradient(180deg,#1d1a0e,#0f1a14);color:#fff}
body[data-pg=nonpremium] .lp-table tbody tr:last-child .lp-hl{border-bottom:2px solid #ffffff1f}
/* column light */
body[data-pg=nonpremium] .lp-table tbody .lp-hl{position:relative}
body[data-pg=nonpremium] .lp-table tbody .lp-hl::before{content:'';position:absolute;top:0;bottom:0;left:-2px;right:-2px;pointer-events:none;transform-origin:50% 0;transition:transform .32s steps(4,end) var(--np-d,0s);
background:linear-gradient(90deg,var(--np-y) 0 2px,transparent 2px calc(100% - 2px),var(--np-g) calc(100% - 2px))}
body[data-pg=nonpremium] #premium-vs-non-premium .lp-table tbody .lp-hl::before{background:linear-gradient(90deg,var(--np-g) 0 2px,transparent 2px calc(100% - 2px),var(--np-g) calc(100% - 2px))}
body[data-pg=nonpremium] .lp-tablebox.pg-np-pre tbody .lp-hl::before{transform:scaleY(0)}
body[data-pg=nonpremium] .lp-table thead .lp-hl::before{content:'';display:inline-block;width:18px;height:10px;margin-right:9px;vertical-align:1px;background:linear-gradient(90deg,var(--np-y),var(--np-g));
-webkit-mask:var(--np-keym) center/contain no-repeat;
mask:var(--np-keym) center/contain no-repeat}
body[data-pg=nonpremium] .lp-y::before,body[data-pg=nonpremium] .lp-n::before,body[data-pg=nonpremium] .lp-q::before{border-radius:0;width:20px;height:20px;background-size:12px;transition:transform .3s steps(3,end);transition-delay:var(--np-d,0s)}
body[data-pg=nonpremium] .lp-y::before{background-color:#0b2a1d;border:0;box-shadow:0 0 0 2px #3ddc978c;
background-image:var(--np-chk)}
body[data-pg=nonpremium] .lp-n::before{background-color:#121218;border:0;box-shadow:0 0 0 2px #ffffff24;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' shape-rendering='crispEdges'%3E%3Cpath fill='%23898692' d='M1 1h2v1h1v1h0V2h1V1h2v2H6v1H5v0h1v1h1v2H5V6H4V5H3v1H2v1H1V5h1V4h1V3H2V2H1z'/%3E%3C/svg%3E")}
body[data-pg=nonpremium] .lp-q::before{background-color:transparent;border:0;box-shadow:0 0 0 2px #ffffff1a;background-image:linear-gradient(#5d5b66,#5d5b66);background-size:8px 2px}
body[data-pg=nonpremium] .lp-tablebox.pg-np-pre .lp-y::before,body[data-pg=nonpremium] .lp-tablebox.pg-np-pre .lp-n::before{transform:scale(0)}
#premium-vs-non-premium .lp-table td:last-child{background:#d4a0170b}
#premium-vs-non-premium .lp-table thead th:last-child{color:var(--np-y)}
body[data-pg=nonpremium] #premium-vs-non-premium .lp-table thead .lp-hl{color:var(--np-g-hi)}
body[data-pg=nonpremium] #premium-vs-non-premium .lp-table .lp-hl{border-left-color:#3ddc978c}
body[data-pg=nonpremium] #premium-vs-non-premium .lp-table td:last-child{border-right:2px solid #d4a01780}
.pg-np-eq td.lp-hl{position:relative}
.pg-np-eq td.lp-hl::after{content:'';position:absolute;right:-12px;top:50%;z-index:2;width:22px;height:10px;margin-top:-5px;
background:linear-gradient(90deg,var(--np-g) 0 9px,transparent 9px 13px,var(--np-y) 13px) 0 3px/100% 4px no-repeat,#0b0b10;box-shadow:0 0 0 2px #0b0b10}
@media (max-width:640px){.pg-np-eq td.lp-hl::after{display:none}}

/* ── FAQ: padlocks open with the answer ── */
body[data-pg=nonpremium] .lp-faq{gap:12px}
body[data-pg=nonpremium] .lp-qa{border:0;border-radius:0;background:linear-gradient(180deg,#13131a,#0c0c11);box-shadow:var(--np-b4)}
body[data-pg=nonpremium] .lp-qa[open]{background:linear-gradient(180deg,#12171a,#0c0f0f);box-shadow:0 -2px 0 0 #2a2a35,0 2px 0 0 #050507,-3px 0 0 0 var(--np-g),2px 0 0 0 #07070a}
body[data-pg=nonpremium] .lp-qa summary{position:relative;padding-right:74px}
body[data-pg=nonpremium] .lp-qa summary::after{position:absolute;right:24px;top:50%;width:24px;height:16px;margin-top:-4px;border:0;border-radius:0;transform:none;
background:linear-gradient(#0a0a0e,#0a0a0e) 10px 4px/4px 6px no-repeat,#9A7212;transition:background-color .2s}
body[data-pg=nonpremium] .lp-qa summary::before{content:'';position:absolute;right:28px;top:50%;width:16px;height:14px;margin-top:-16px;box-sizing:border-box;border:4px solid #9A7212;border-bottom:0;transition:transform .32s var(--np-snap),border-color .2s}
body[data-pg=nonpremium] .lp-qa[open] summary::after{transform:none;background-color:var(--np-g)}
body[data-pg=nonpremium] .lp-qa[open] summary::before{transform:translate(-8px,-6px);border-color:var(--np-g)}
@media (hover:hover){body[data-pg=nonpremium] .lp-qa:not([open]) summary:hover::before{transform:translateY(-3px)}}

/* ── author, sources, recommendation ── */
body[data-pg=nonpremium] .lp-author{border:0;border-radius:0;background:linear-gradient(180deg,#14141b,#0c0c11);box-shadow:0 -2px 0 0 #2e2e3a,0 2px 0 0 #050507,-3px 0 0 0 var(--np-y),2px 0 0 0 #07070a}
body[data-pg=nonpremium] .lp-author img{border-radius:0;border:0;box-shadow:0 0 0 3px #0b0b10,0 0 0 5px #2c2c37}
body[data-pg=nonpremium] .lp-sources{border:0;border-radius:0;background:#0b0b10;box-shadow:inset 0 0 0 1px #ffffff12}
body[data-pg=nonpremium] .lp-sources ul{list-style:none;padding-left:0}
body[data-pg=nonpremium] .lp-sources li{position:relative;padding-left:18px}
body[data-pg=nonpremium] .lp-sources li::before{content:'';position:absolute;left:2px;top:.62em;width:6px;height:6px;background:#5c4409}
body[data-pg=nonpremium] .lp-sources li:nth-child(even)::before{background:#11533a}
body[data-pg=nonpremium] .lp-reco{border:0;border-radius:0;background:linear-gradient(100deg,#d4a0171a,#3ddc970f);box-shadow:0 -2px 0 0 #ffffff14,0 2px 0 0 #00000080,-3px 0 0 0 var(--np-y),3px 0 0 0 var(--np-g)}
body[data-pg=nonpremium] .lp-reco>i{border-radius:0;background:#0c0c11;box-shadow:0 0 0 2px #2c2c37}

/* ── chapter rail ── */
body[data-pg=nonpremium] .lp-toc ol{border-left:0;position:relative}
body[data-pg=nonpremium] .lp-toc ol::before{content:'';position:absolute;left:5px;top:8px;bottom:8px;width:3px;background:linear-gradient(180deg,#3a2b07,#0d3424)}
body[data-pg=nonpremium] .lp-toc a{border-left:0;padding-left:28px;margin-left:0}
body[data-pg=nonpremium] .lp-toc a::after{content:'';position:absolute;left:0;top:11px;width:13px;height:13px;background:#0c0c11;box-shadow:0 0 0 2px #2a2a34}
body[data-pg=nonpremium] .lp-toc a.is-on::after{background:var(--np-g);box-shadow:0 0 0 2px #0b4430,0 0 12px #3ddc9799}
body[data-pg=nonpremium] .lp-toc a.is-on::before{color:var(--np-g-hi)}
body[data-pg=nonpremium] .lp-toc-cta{border-radius:0;border:0;background:linear-gradient(180deg,#15151d,#0c0c11);box-shadow:0 -2px 0 0 #34343f,0 2px 0 0 #050507,-2px 0 0 0 var(--np-y),2px 0 0 0 var(--np-g)}
body[data-pg=nonpremium] .lp-tocm{border-radius:0}

/* ── CTA ── */
body[data-pg=nonpremium] .lp-cta-in{border:0;border-radius:0;padding:clamp(70px,7vw,96px) clamp(26px,5vw,80px) clamp(44px,5vw,64px);
background:radial-gradient(60% 80% at 50% 0%,#3ddc9714,transparent 70%),linear-gradient(180deg,#121219,#09090d)}
.pg-np-arch{--np-fw:24px;position:absolute;inset:0;z-index:0;pointer-events:none;
background:var(--np-s0) 0 0/calc(var(--np-fw)*2) var(--np-fw),var(--np-s0) 0 100%/calc(var(--np-fw)*2) var(--np-fw),var(--np-s1) 0 0/var(--np-fw) calc(var(--np-fw)*2),var(--np-s1) 100% 0/var(--np-fw) calc(var(--np-fw)*2);
background-repeat:round no-repeat,round no-repeat,no-repeat round,no-repeat round;image-rendering:pixelated}
.pg-np-arch::before{content:'';position:absolute;inset:var(--np-fw);box-shadow:0 0 0 2px #060608,inset 0 2px 0 #ffffff0a}
.pg-np-arch-l,.pg-np-arch-r,.pg-np-arch-vl,.pg-np-arch-vr{position:absolute;background:#060608}
.pg-np-arch-vl,.pg-np-arch-vr{top:calc(var(--np-fw)/2 - 2px);bottom:0;width:4px}
.pg-np-arch-vl{left:calc(var(--np-fw)/2 - 2px)}.pg-np-arch-vr{right:calc(var(--np-fw)/2 - 2px)}
.pg-np-arch-l,.pg-np-arch-r{top:calc(var(--np-fw)/2 - 2px);height:4px;width:calc(50% - var(--np-fw)/2 - 30px)}
.pg-np-arch-l{left:calc(var(--np-fw)/2 - 2px)}.pg-np-arch-r{right:calc(var(--np-fw)/2 - 2px)}
.pg-np-arch-l::after,.pg-np-arch-r::after,.pg-np-arch-vl::after,.pg-np-arch-vr::after{content:'';position:absolute;inset:0;transition:transform .75s cubic-bezier(.6,0,.4,1)}
.pg-np-arch-vl::after,.pg-np-arch-vr::after{transform-origin:50% 100%;transform:scaleY(0)}
.pg-np-arch-vl::after{background:linear-gradient(0deg,#5c4409,var(--np-y))}.pg-np-arch-vr::after{background:linear-gradient(0deg,#11533a,var(--np-g))}
.pg-np-arch-l::after,.pg-np-arch-r::after{transform:scaleX(0);transition-delay:.72s}
.pg-np-arch-l::after{transform-origin:0 50%;background:var(--np-y)}
.pg-np-arch-r::after{transform-origin:100% 50%;background:var(--np-g)}
.pg-np-arch-key{position:absolute;left:50%;top:-4px;width:64px;height:64px;margin-left:-32px;background:
linear-gradient(#060608,#060608) 27px 17px/10px 10px no-repeat,linear-gradient(#060608,#060608) 29px 27px/6px 15px no-repeat,
linear-gradient(90deg,#7a5a10 50%,#155c40 50%) 5px 5px/54px 54px no-repeat,#2c2c37;box-shadow:0 3px 0 0 #050507,inset 0 2px 0 #ffffff24,inset 0 -2px 0 #00000066}
.pg-np-arch-key::after{content:'';position:absolute;inset:0;opacity:0;transition:opacity .3s 1.5s;background:
linear-gradient(90deg,#FFF4C9 50%,#e9fff5 50%) 27px 17px/10px 10px no-repeat,linear-gradient(90deg,#FFF4C9 50%,#e9fff5 50%) 29px 27px/6px 15px no-repeat,
linear-gradient(90deg,var(--np-y) 50%,var(--np-g) 50%) 5px 5px/54px 54px no-repeat}
.lp-cta-in.is-in .pg-np-arch-l::after,.lp-cta-in.is-in .pg-np-arch-r::after{transform:scaleX(1)}
.lp-cta-in.is-in .pg-np-arch-vl::after,.lp-cta-in.is-in .pg-np-arch-vr::after{transform:scaleY(1)}
.lp-cta-in.is-in .pg-np-arch-key::after{opacity:1}
body[data-pg=nonpremium] .lp-cta-in>:not(.pg-np-arch){position:relative;z-index:1}
body[data-pg=nonpremium] .lp-cta-k{color:#e7c66a}
body[data-pg=nonpremium] .lp-cta .lp-btn,body[data-pg=nonpremium] .lp-cta .lp-ip{border-radius:0}
body[data-pg=nonpremium] .lp-cta .lp-ip::before,body[data-pg=nonpremium] .lp-cta .lp-ip::after{border-radius:0}
body[data-pg=nonpremium] .lp-cta .lp-launch,body[data-pg=nonpremium] .lp-cta .lp-ip-act{border-radius:0}

/* ── related ── */
body[data-pg=nonpremium] .lp-link{border:0;border-radius:0;background:linear-gradient(180deg,#14141b,#0c0c11);box-shadow:var(--np-b4);transition:transform .3s var(--np-snap),box-shadow .2s}
/* mini gates */
body[data-pg=nonpremium] .lp-link>i{position:relative;z-index:0;width:42px;height:49px;padding-top:16px;box-sizing:border-box;border-radius:0;border:0;color:var(--np-y);box-shadow:none;transition:color .2s;
background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 7' shape-rendering='crispEdges'%3E%3Cpath fill='%2336364a' d='M2 0h2v1h1v1h1v5H0V2h1V1h1z'/%3E%3Cpath fill='%2309090d' d='M2 2h2v1h1v4H1V3h1z'/%3E%3Cpath fill='%23D4A017' d='M2 0h1v1H2z'/%3E%3Cpath fill='%233DDC97' d='M3 0h1v1H3z'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat}
body[data-pg=nonpremium] .lp-link>i::after{content:'';position:absolute;inset:0;z-index:-1;opacity:0;transition:opacity .25s;clip-path:polygon(14px 14px,28px 14px,28px 21px,35px 21px,35px 49px,7px 49px,7px 21px,14px 21px);
background:linear-gradient(90deg,#d4a0178c 50%,#3ddc9780 50%)}
@media (hover:hover){body[data-pg=nonpremium] .lp-link:hover>i{color:#fff}body[data-pg=nonpremium] .lp-link:hover>i::after{opacity:1}}
body[data-pg=nonpremium] .lp-link:nth-child(even)>i{color:var(--np-g)}
@media (hover:hover){body[data-pg=nonpremium] .lp-link:hover{transform:translateY(-3px);box-shadow:0 -2px 0 0 #2a2a35,0 2px 0 0 #050507,-3px 0 0 0 var(--np-y),3px 0 0 0 var(--np-g)}}

/* ── phone and tablet for the sections ── */
@media (max-width:900px){
.pg-np-flow{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"l l" "v v" "a a" "s s";row-gap:34px;padding:24px 18px}
.pg-np-lanes{grid-area:l;grid-template-columns:1fr 1fr;gap:12px}
.pg-np-chip[data-node="v"]{grid-area:v}.pg-np-chip[data-node="a"]{grid-area:a}.pg-np-chip[data-node="s"]{grid-area:s}
.pg-np-chip{width:min(100%,300px);justify-self:center}
.pg-np-lane{padding:11px 10px;font-size:.68rem;letter-spacing:.1em}
}
@media (max-width:767px){
body[data-pg=nonpremium] .pg-np-steps{grid-template-columns:minmax(0,1fr);padding:0 0 0 48px;gap:14px}
body[data-pg=nonpremium] .pg-np-steps::before,body[data-pg=nonpremium] .pg-np-steps::after{left:15px;right:auto;top:var(--np-a,31px);bottom:auto;width:4px;height:var(--np-l,calc(100% - 62px))}
body[data-pg=nonpremium] .pg-np-steps::after{transform-origin:50% 0;transform:scaleY(var(--np-prog,0));background:linear-gradient(180deg,var(--np-y),var(--np-g))}
.pg-np-node{left:-48px;top:14px}
body[data-pg=nonpremium] ul.pg-np-locks{grid-template-columns:minmax(0,1fr)}
.pg-np-room{grid-template-columns:minmax(0,1fr);gap:16px;padding:18px 16px}
.pg-np-stand{height:236px}
.pg-np-ill--hash{gap:8px;padding:0 10px}
.pg-np-pw,.pg-np-hash{font-size:.7rem}
.pg-np-hash em{letter-spacing:0}
body[data-pg=nonpremium] .lp-qa summary{padding-right:62px}
body[data-pg=nonpremium] .lp-qa summary::after{right:18px}
body[data-pg=nonpremium] .lp-qa summary::before{right:22px}
body[data-pg=nonpremium] .lp-cta-in{padding:80px 28px 44px}
.pg-np-arch{--np-fw:16px}
}

/* ── round 2b polish ── */
body[data-pg=nonpremium] .lp-h2{text-wrap:pretty}
body[data-pg=nonpremium] .lp-chips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
body[data-pg=nonpremium] ol.pg-np-tumblers li::before{background:linear-gradient(180deg,#24242e,#121218);box-shadow:0 -2px 0 0 #4a4a58,0 2px 0 0 #050507,-2px 0 0 0 #34343f,2px 0 0 0 #07070a,inset 0 -3px 0 0 #3ddc978c}
body[data-pg=nonpremium] ol.pg-np-tumblers li:not(:last-child)::after{width:4px;left:12px;background:linear-gradient(#1b7a52,#93690f);box-shadow:0 0 0 1px #050507}
.pg-np-head8{display:block;width:32px;height:32px;image-rendering:pixelated;image-rendering:crisp-edges}
body[data-pg=nonpremium] #skin .lp-ic.has-head i{display:none}
@media (max-width:767px){body[data-pg=nonpremium] .lp-chips{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-pg=nonpremium] .lp-chips li{padding-right:38px}body[data-pg=nonpremium] .lp-chips li::before{right:7px;transform:scale(.84)}body[data-pg=nonpremium] .lp-chips li::after{right:10px}}

.pg-np-nw{white-space:nowrap}
body[data-pg=nonpremium] .pg-np-steps::before{background:#111117;box-shadow:inset 0 0 0 1px #050507,0 1px 0 0 #ffffff0d}
@media (max-width:767px){body[data-pg=nonpremium] .lp-launch{text-align:center;justify-content:center;flex-wrap:wrap}}
.pg-np-chip[data-node="s"] small{position:relative;padding-bottom:13px}
.pg-np-chip[data-node="s"] small::before,.pg-np-chip[data-node="s"] small::after{content:'';position:absolute;left:50%;bottom:0;width:62px;height:6px;margin-left:-31px;background:repeating-linear-gradient(90deg,#3d3d4a 0 6px,transparent 6px 8px)}
.pg-np-chip[data-node="s"] small::after{background-image:repeating-linear-gradient(90deg,var(--np-g) 0 6px,transparent 6px 8px);transform-origin:0 50%;transform:scaleX(0)}
.pg-np-flow.is-s [data-node="s"] small::after{transform:scaleX(1);transition:transform .64s steps(8,end)}
.pg-np-flow.is-s-p [data-node="s"] small::after{background-image:repeating-linear-gradient(90deg,var(--np-y) 0 6px,transparent 6px 8px)}
body[data-pg=nonpremium] .lp-y,body[data-pg=nonpremium] .lp-n{position:relative}
body[data-pg=nonpremium] .lp-y::after,body[data-pg=nonpremium] .lp-n::after{content:'';position:absolute;left:4px;top:calc(50% - 6px);width:12px;height:12px;background:#0b2a1d;transform-origin:100% 50%;transform:scaleX(0);transition:transform .4s steps(4,end) calc(var(--np-d,0s) + .3s)}
body[data-pg=nonpremium] .lp-n::after{background:#121218}
body[data-pg=nonpremium] .lp-tablebox.pg-np-pre .lp-y::after,body[data-pg=nonpremium] .lp-tablebox.pg-np-pre .lp-n::after{transform:scaleX(1);transition:none}
/* round 3 */
@media (min-width:1440px){
.pg-np-pk::before{width:72px;height:4px;top:-2px}.pg-np-pk::after{left:-4px;top:-4px;width:8px;height:8px}
.pg-np-pk.is-key::before{width:130px;height:6px;top:-3px}.pg-np-pk.is-key::after{left:-7px;top:-7px;width:14px;height:14px}
.pg-np-core,.pg-np-seg .pg-np-lit{stroke-width:4}.pg-np-glo{stroke-width:11;opacity:.14}.pg-np-bed,.pg-np-lip{stroke-width:14}
}
@media (max-width:640px){
body[data-pg=nonpremium] .lp-table--stack tbody tr{border-radius:0;border:0;box-shadow:var(--np-b2)}
body[data-pg=nonpremium] .lp-table--stack tbody th{background:linear-gradient(180deg,#17171f,#0e0e14);border-bottom:2px solid #07070a}
body[data-pg=nonpremium] .lp-table--stack td.lp-hl{box-shadow:inset 3px 0 0 var(--np-g)}body[data-pg=nonpremium] .lp-table--stack tbody td.lp-hl::before{content:attr(data-label);position:static;background:none;transform:none;transition:none}
body[data-pg=nonpremium] .lp-table--stack td:last-child{box-shadow:inset 3px 0 0 #d4a01799}
}
body[data-pg=nonpremium] .lp-toc ol,body[data-pg=nonpremium] .lp-tocm ol{counter-reset:c -1}
body[data-pg=nonpremium] .lp-toc li:first-child a::before,body[data-pg=nonpremium] .lp-tocm li:first-child a::before{content:'\2014'}
body[data-pg=nonpremium] .lp-chips li b{white-space:nowrap}
body[data-pg=nonpremium] .lp-table th,body[data-pg=nonpremium] .lp-table td{text-wrap:pretty}
body[data-pg=nonpremium] .lp-cta h2{text-wrap:balance}body[data-pg=nonpremium] .lp-cta h2 em{display:block}
body[data-pg=nonpremium] .lp-faq summary:focus-visible,body[data-pg=nonpremium] .lp-toc a:focus-visible,body[data-pg=nonpremium] .lp-cta .lp-btn:focus-visible{border-radius:0}
/* round 4 */
body[data-pg=nonpremium]{margin:0}
#hero.pg-np-hero .lp-hero-bg{will-change:transform}
@media (min-width:1700px) and (min-height:900px) and (max-height:979px){#hero.pg-np-hero{padding-top:96px}#hero.pg-np-hero .lp-lead{margin-bottom:18px}}
/* reco: padlock springs open */
body[data-pg=nonpremium] .lp-reco>i{position:relative;width:54px;height:60px;background:linear-gradient(180deg,#16161e,#0a0a0e);box-shadow:var(--np-b1)}
body[data-pg=nonpremium] .lp-reco>i::before,body[data-pg=nonpremium] .lp-reco>i::after{content:'';position:absolute;left:9px;width:36px;background-repeat:no-repeat}
body[data-pg=nonpremium] .lp-reco>i::before{top:9px;height:27px;background-image:linear-gradient(#cfcfdb,#cfcfdb),linear-gradient(#cfcfdb,#cfcfdb),linear-gradient(#74748a,#74748a);
background-position:9px 0,6px 3px,24px 3px;background-size:18px 3px,6px 24px,6px 18px;transition:transform .45s var(--np-snap) .55s}
body[data-pg=nonpremium] .lp-reco>i::after{bottom:9px;height:24px;background-image:linear-gradient(#060608,#060608),linear-gradient(#060608,#060608),linear-gradient(90deg,#F6CF57 50%,#8ff0c4 50%),linear-gradient(90deg,#5c4409 50%,#11533a 50%),linear-gradient(90deg,#a87d12 50%,#1f8a5c 50%);
background-position:12px 6px,15px 12px,0 0,0 100%,0 0;background-size:12px 6px,6px 6px,100% 3px,100% 3px,100% 100%}
body[data-pg=nonpremium] .lp-reco.is-in>i::before{transform:translateY(-6px)}
/* answer label: the pixel key instead of a bolt; table rows answer the pointer */
body[data-pg=nonpremium] :is(.lp-answer-k,.lp-note:not(.lp-note--tip))>i::before{content:'';width:21px;height:12px;background:linear-gradient(90deg,var(--np-y) 50%,var(--np-g) 50%);-webkit-mask:var(--np-keym) 0 0/100% 100%;mask:var(--np-keym) 0 0/100% 100%}
body[data-pg=nonpremium] .lp-note--tip>i::before{content:'';width:16px;height:16px;background:var(--np-chk) 0 0/100% 100%}
@media (hover:hover){body[data-pg=nonpremium] .lp-table tbody tr:hover :is(.lp-y,.lp-n)::before{animation:np-snap .36s steps(3,end)}body[data-pg=nonpremium] .lp-table tbody tr:hover th{color:#fff;box-shadow:inset 3px 0 0 var(--np-y)}}
/* ── keyframes (kept last: nothing after them) ── */
@keyframes np-glow{30%{opacity:1;scale:1.08}}
@keyframes np-snap{0%{transform:scale(1)}35%{transform:scale(1.32)}100%{transform:scale(1)}}
@keyframes np-ping{0%{opacity:.95;transform:scale(.55)}100%{opacity:0;transform:scale(1.6)}}
@keyframes np-plate{0%{opacity:0}18%{opacity:1}100%{opacity:0}}
@keyframes np-line{from{opacity:0;transform:translateX(-6px)}}
@keyframes np-shake{0%{transform:translateX(0)}33%{transform:translateX(-4px)}66%{transform:translateX(4px)}100%{transform:translateX(0)}}
@keyframes np-roll{0%{transform:translateY(-55%);opacity:.2}100%{transform:none;opacity:1}}
@keyframes np-bob{0%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes np-keyin{0%,70%,100%{transform:none}80%,90%{transform:translateX(4px)}}
@keyframes np-keyin-r{0%,70%,100%{transform:scaleX(-1)}80%,90%{transform:scaleX(-1) translateX(4px)}}
@keyframes np-turn{0%{opacity:0;transform:rotate(-90deg) scale(.4)}30%{opacity:1;transform:rotate(-90deg) scale(1.15)}45%{transform:rotate(-90deg) scale(1);animation-timing-function:steps(3,end)}80%,100%{opacity:1;transform:none}}
@keyframes np-gen{0%{transform:scaleX(0)}100%{transform:scaleX(1)}}