/* Po Zmroku NOIR – strona (statyczna). Fonty lokalne, bez zewnętrznych zasobów. */
@font-face{font-family:"Cinzel";src:url("../fonts/cinzel-600.woff2") format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"EB Garamond";src:url("../fonts/ebgaramond-400.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"EB Garamond";src:url("../fonts/ebgaramond-600.woff2") format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"EB Garamond";src:url("../fonts/ebgaramond-italic-400.woff2") format("woff2");font-weight:400;font-style:italic;font-display:swap}

/* Palety motywów – wartości z aplikacji (NoirNoweMotywy.kt, NoirClubMenu.kt) */
:root,[data-motif="maskarada"]{--accent:#8E6BBF;--accent-hi:#C9B2EC;--metal:#D9D3C7;--metal-hi:#F6F1E7;--metal-lo:#7C7882;--text:#F3EEE6;--deep:#09070C;--tint:#2A1E3A;--hero:url("../img/hero-maskarada.webp");--hero-s:url("../img/hero-maskarada-800.webp")}
[data-motif="bielizna"]{--accent:#7A1F2B;--accent-hi:#E08A98;--metal:#C9C3C6;--metal-hi:#F4EEF0;--metal-lo:#6E676B;--text:#F3ECEC;--deep:#0B0809;--tint:#3A1218;--hero:url("../img/hero-bielizna.webp");--hero-s:url("../img/hero-bielizna-800.webp")}
[data-motif="obsydian"]{--accent:#E39B3C;--accent-hi:#FFD49A;--metal:#C99C64;--metal-hi:#F2DCAE;--metal-lo:#7A5A34;--text:#F8EEDC;--deep:#0A0706;--tint:#3A2410;--hero:url("../img/hero-obsydian.webp");--hero-s:url("../img/hero-obsydian-800.webp")}
[data-motif="polnoc"]{--accent:#8CCBFF;--accent-hi:#D6ECFF;--metal:#CCD5E0;--metal-hi:#F2F7FF;--metal-lo:#6C7686;--text:#EEF4FA;--deep:#050912;--tint:#14243E;--hero:url("../img/hero-polnoc.webp");--hero-s:url("../img/hero-polnoc-800.webp")}
[data-motif="rozkosz"]{--accent:#C8203A;--accent-hi:#FF6A78;--metal:#D4D4DC;--metal-hi:#F7F7FA;--metal-lo:#6A6A74;--text:#EDE6E2;--deep:#070506;--tint:#2A0A10;--hero:url("../img/hero-rozkosz.webp");--hero-s:url("../img/hero-rozkosz-800.webp")}
[data-motif="zloty-deszcz"]{--accent:#C88820;--accent-hi:#FFD27A;--metal:#F2CF84;--metal-hi:#FFF3D6;--metal-lo:#8A6024;--text:#F5EAD2;--deep:#0A0805;--tint:#2E2008;--hero:url("../img/hero-zloty-deszcz.webp");--hero-s:url("../img/hero-zloty-deszcz-800.webp")}
[data-motif="brzoskwinia"]{--accent:#C8584C;--accent-hi:#FFB8A0;--metal:#F0C4AC;--metal-hi:#FFEDE2;--metal-lo:#8E5646;--text:#F5E4DA;--deep:#0B0607;--tint:#2E1210;--hero:url("../img/hero-brzoskwinia.webp");--hero-s:url("../img/hero-brzoskwinia-800.webp")}

:root{--muted:color-mix(in srgb,var(--text) 72%,transparent);--line:color-mix(in srgb,var(--metal) 26%,transparent);--card:color-mix(in srgb,var(--tint) 38%,#0b0a0c);
  --serif:"EB Garamond",Garamond,"Times New Roman",serif;--caps:"Cinzel","Trajan Pro",Georgia,serif;--r:14px;--w:1120px}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
body{margin:0;background:var(--deep);color:var(--text);font:400 1.125rem/1.6 var(--serif);transition:background-color .6s}
img{max-width:100%;height:auto;display:block}
a{color:var(--accent-hi);text-underline-offset:3px}
a:hover{color:var(--metal-hi)}
:focus-visible{outline:2px solid var(--accent-hi);outline-offset:3px;border-radius:4px}
.skip{position:absolute;left:-999px;top:8px;background:var(--metal-hi);color:#000;padding:8px 14px;z-index:99;border-radius:6px}
.skip:focus{left:8px}
.wrap{max-width:var(--w);margin:0 auto;padding:0 20px}
h1,h2,h3{font-family:var(--caps);font-weight:600;letter-spacing:.08em;line-height:1.2;margin:0 0 .6em;color:var(--metal-hi)}
h2{font-size:clamp(1.5rem,4.5vw,2.2rem);text-align:center}
h3{font-size:1.05rem;letter-spacing:.1em}
p{margin:0 0 1em}
.eyebrow{font-family:var(--caps);font-size:.72rem;letter-spacing:.32em;text-transform:uppercase;color:var(--accent-hi);text-align:center;margin-bottom:.8em}
.lead{color:var(--muted);text-align:center;max-width:44rem;margin:0 auto 2.2rem;font-style:italic;font-size:1.2rem}
.rule{width:120px;height:1px;margin:0 auto 1.6rem;background:linear-gradient(90deg,transparent,var(--metal),transparent)}

/* nagłówek */
.top{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--deep) 82%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:60px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--metal-hi);font-family:var(--caps);letter-spacing:.14em;font-size:.95rem;white-space:nowrap}
.brand img{width:34px;height:34px;border-radius:9px}
.brand small{color:var(--accent-hi);font-size:.62rem;letter-spacing:.3em;margin-left:2px}
.nav{display:none;gap:22px;font-family:var(--caps);font-size:.7rem;letter-spacing:.18em;text-transform:uppercase}
.nav a{color:var(--muted);text-decoration:none;white-space:nowrap}.nav a:hover{color:var(--metal-hi)}
@media(min-width:900px){.nav{display:flex;gap:16px;letter-spacing:.12em}}@media(min-width:1100px){.nav{gap:22px;letter-spacing:.18em}}

/* przyciski */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 26px;border-radius:999px;font-family:var(--caps);font-size:.78rem;letter-spacing:.2em;text-transform:uppercase;text-decoration:none;cursor:pointer;border:1px solid transparent;transition:transform .2s,box-shadow .3s}
.btn-primary{background:linear-gradient(180deg,var(--metal-hi),var(--metal));color:#0b0a0c;box-shadow:0 0 0 1px color-mix(in srgb,var(--metal-hi) 40%,transparent),0 10px 34px -10px var(--accent)}
.btn-primary:hover{color:#000;transform:translateY(-1px);box-shadow:0 0 0 1px var(--metal-hi),0 14px 40px -8px var(--accent)}
.btn-ghost{color:var(--metal-hi);border-color:var(--line);background:transparent}
.btn-ghost:hover{border-color:var(--metal);color:var(--metal-hi)}
.btn-small{min-height:40px;padding:8px 18px;font-size:.66rem}

/* hero */
.hero{position:relative;min-height:min(92svh,820px);display:grid;place-items:center;text-align:center;overflow:hidden;isolation:isolate}
.hero::before{content:"";position:absolute;inset:0;z-index:-2;background:var(--hero-s) center/cover no-repeat;transition:opacity .6s}
@media(min-width:801px){.hero::before{background-image:var(--hero)}}
.hero::after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 40%,transparent 0,color-mix(in srgb,var(--deep) 55%,transparent) 55%,var(--deep) 100%),linear-gradient(180deg,color-mix(in srgb,var(--deep) 60%,transparent),color-mix(in srgb,var(--deep) 30%,transparent) 40%,var(--deep))}
.hero .wrap{padding:72px 20px 56px}
.hero h1{font-size:clamp(2.6rem,11vw,5.4rem);letter-spacing:.12em;margin:0;background:linear-gradient(180deg,var(--metal-hi),var(--metal) 60%,var(--metal-lo));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none}
.hero .noir{font-family:var(--caps);letter-spacing:.7em;margin:.4em 0 1.4em .7em;color:var(--accent-hi);font-size:.9rem}
.hero p.tag{font-style:italic;font-size:clamp(1.2rem,3.6vw,1.6rem);max-width:34rem;margin:0 auto 2rem;color:var(--text)}
.hero .cta{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.hero .note{margin-top:1.4rem;font-size:.9rem;color:var(--muted)}
.hero .seal{width:84px;margin:0 auto 18px;filter:drop-shadow(0 8px 24px color-mix(in srgb,var(--accent) 60%,transparent))}

section{padding:76px 0;border-top:1px solid var(--line)}
section:nth-of-type(even){background:linear-gradient(180deg,color-mix(in srgb,var(--tint) 22%,var(--deep)),var(--deep))}

/* czym jest */
.pillars{display:grid;gap:16px;grid-template-columns:1fr}
@media(min-width:720px){.pillars{grid-template-columns:repeat(3,1fr)}}
.pill{padding:24px;border:1px solid var(--line);border-radius:var(--r);background:var(--card)}
.pill h3{color:var(--accent-hi)}
.pill p{color:var(--muted);margin:0}

/* tryby */
.modes{display:grid;gap:16px;grid-template-columns:1fr}
@media(min-width:640px){.modes{grid-template-columns:repeat(2,1fr)}}
@media(min-width:980px){.modes{grid-template-columns:repeat(3,1fr)}}
.mode{position:relative;padding:26px 24px 22px;border-radius:var(--r);background:linear-gradient(160deg,color-mix(in srgb,var(--tint) 55%,#0c0b0d),#0b0a0c 70%);border:1px solid var(--line);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--metal-hi) 12%,transparent)}
.mode .num{font-family:var(--caps);color:var(--accent-hi);font-size:.7rem;letter-spacing:.3em}
.mode h3{margin:.35em 0 .2em;font-size:1.12rem}
.mode .sub{font-style:italic;color:var(--metal);margin-bottom:.7em}
.mode p{color:var(--muted);font-size:1.02rem;margin:0}
.mode.wide{grid-column:1/-1}
.group{font-family:var(--caps);font-size:.75rem;letter-spacing:.28em;text-transform:uppercase;color:var(--metal);margin:2.2rem 0 1rem;display:flex;align-items:center;gap:14px}
.group::after{content:"";flex:1;height:1px;background:var(--line)}
.extras{display:grid;gap:12px;grid-template-columns:1fr;margin-top:8px}
@media(min-width:720px){.extras{grid-template-columns:repeat(2,1fr)}}
.extra{padding:16px 18px;border-left:2px solid var(--accent);background:color-mix(in srgb,var(--tint) 25%,transparent);border-radius:0 10px 10px 0}
.extra strong{font-family:var(--caps);font-weight:600;letter-spacing:.08em;font-size:.9rem;color:var(--metal-hi);display:block;margin-bottom:2px}
.extra span{color:var(--muted);font-size:1rem}

/* prywatność */
.priv{display:grid;gap:14px;grid-template-columns:1fr}
@media(min-width:760px){.priv{grid-template-columns:repeat(2,1fr)}}
.priv li{list-style:none;padding:18px 20px 18px 54px;position:relative;border:1px solid var(--line);border-radius:var(--r);background:var(--card)}
.priv li::before{content:"";position:absolute;left:20px;top:24px;width:16px;height:16px;border-radius:50%;border:1px solid var(--metal);box-shadow:inset 0 0 0 4px var(--deep),inset 0 0 0 8px var(--accent)}
.priv strong{color:var(--metal-hi);font-weight:600}
.priv{padding:0;margin:0}
.consent{margin-top:28px;padding:24px;border-radius:var(--r);border:1px solid color-mix(in srgb,var(--accent) 55%,transparent);background:color-mix(in srgb,var(--accent) 9%,transparent)}
.consent h3{color:var(--accent-hi)}
.consent ul{margin:0;padding-left:1.2em;color:var(--text)}
.consent li{margin:.3em 0}

/* motywy */
.motifs{display:grid;gap:14px;grid-template-columns:repeat(2,1fr)}
@media(min-width:760px){.motifs{grid-template-columns:repeat(3,1fr)}}
@media(min-width:1060px){.motifs{grid-template-columns:repeat(7,1fr)}}
.motif{appearance:none;font:inherit;color:inherit;text-align:left;cursor:pointer;padding:0;border-radius:var(--r);overflow:hidden;border:1px solid var(--line);background:#0b0a0c;display:flex;flex-direction:column;transition:transform .25s,border-color .25s,box-shadow .25s}
.motif:hover{transform:translateY(-2px)}
.motif[aria-pressed="true"]{border-color:var(--m-hi);box-shadow:0 0 0 1px var(--m-hi),0 16px 40px -18px var(--m-hi)}
.motif .ph{position:relative;aspect-ratio:3/4;overflow:hidden}
.motif .ph img{width:100%;height:100%;object-fit:cover;object-position:center 62%}
.motif .ph .s{position:absolute;right:8px;bottom:8px;width:46px;height:auto}
.motif .tx{padding:12px 14px 14px}
.motif .tx b{display:block;font-family:var(--caps);font-weight:600;letter-spacing:.1em;font-size:.9rem;color:var(--m-hi)}
.motif .tx span{font-size:.92rem;color:#cfc8c2;font-style:italic;line-height:1.35;display:block;margin-top:2px}
.swatch{display:flex;gap:5px;margin-top:8px}.swatch i{width:14px;height:14px;border-radius:50%;border:1px solid #ffffff30}
.hint{text-align:center;color:var(--muted);font-size:.95rem;margin-top:18px}

/* pobierz */
.dl{display:grid;gap:22px;grid-template-columns:1fr;align-items:start}
@media(min-width:880px){.dl{grid-template-columns:1fr 1.15fr}}
.dl-card{padding:28px;border-radius:var(--r);border:1px solid var(--line);background:var(--card);text-align:center}
.dl-card .ver{font-family:var(--caps);letter-spacing:.2em;font-size:.75rem;color:var(--accent-hi);margin:.4em 0 1.2em}
.dl-card dl{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;text-align:left;font-size:.95rem;margin:1.4em 0 0;color:var(--muted)}
.dl-card dt{color:var(--metal)}.dl-card dd{margin:0;word-break:break-all}
.dl-card .door{width:92px;margin:0 auto 10px}
.steps{counter-reset:s;margin:0;padding:0}
.steps li{list-style:none;counter-increment:s;position:relative;padding:0 0 18px 50px}
.steps li::before{content:counter(s);position:absolute;left:0;top:0;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-family:var(--caps);font-size:.85rem;color:var(--deep);background:linear-gradient(180deg,var(--metal-hi),var(--metal))}
.steps strong{color:var(--metal-hi)}
.warn{font-size:.95rem;color:var(--muted);border-top:1px solid var(--line);padding-top:14px;margin-top:6px}

/* FAQ */
.faq{max-width:52rem;margin:0 auto}
.faq details{border-bottom:1px solid var(--line);padding:4px 0}
.faq summary{cursor:pointer;list-style:none;padding:16px 36px 16px 0;position:relative;font-weight:600;color:var(--metal-hi);font-size:1.12rem}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:6px;top:12px;font-family:var(--caps);font-size:1.3rem;color:var(--accent-hi);transition:transform .25s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{color:var(--muted);margin:0 0 16px}

/* stopka */
footer{border-top:1px solid var(--line);padding:40px 0 48px;font-size:.95rem;color:var(--muted);text-align:center}
footer nav{display:flex;flex-wrap:wrap;gap:8px 22px;justify-content:center;margin-bottom:14px;font-family:var(--caps);font-size:.7rem;letter-spacing:.18em;text-transform:uppercase}
footer nav a{color:var(--metal);text-decoration:none}footer nav a:hover{color:var(--metal-hi);text-decoration:underline}
footer .age{display:inline-block;border:1px solid var(--accent);color:var(--accent-hi);border-radius:6px;padding:2px 8px;font-family:var(--caps);font-size:.75rem;margin-bottom:12px}

/* bramka wieku */
.gate{position:fixed;inset:0;z-index:100;display:none;place-items:center;padding:20px;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--tint) 70%,#000),#000 75%)}
html.age-pending .gate{display:grid}
html.age-pending body>*:not(.gate){visibility:hidden}
html.age-pending body{overflow:hidden}
.gate-box{max-width:440px;width:100%;text-align:center;padding:34px 26px;border:1px solid var(--line);border-radius:18px;background:color-mix(in srgb,var(--deep) 88%,transparent);box-shadow:0 30px 80px -30px var(--accent)}
.gate-box img{width:96px;margin:0 auto 14px}
.gate-box h2{font-size:1.4rem;margin-bottom:.4em}
.gate-box p{color:var(--muted);font-size:1.02rem}
.gate-box .row{display:flex;flex-direction:column;gap:10px;margin-top:20px}
.gate-box .denied{display:none;color:var(--accent-hi);margin-top:16px}
.gate.no .row{display:none}.gate.no .denied{display:block}

/* dokumenty */
.doc{max-width:46rem;margin:0 auto;padding:48px 20px 72px}
.doc h1{font-size:clamp(1.6rem,5vw,2.3rem);text-align:center}
.doc .meta{text-align:center;color:var(--muted);font-style:italic;margin-bottom:2rem}
.doc h2{text-align:left;font-size:1.15rem;margin-top:2.2em;padding-top:.6em;border-top:1px solid var(--line)}
.doc ul{padding-left:1.2em}.doc li{margin:.45em 0}
.doc .toc{border:1px solid var(--line);border-radius:var(--r);padding:16px 20px;background:var(--card);font-size:1rem}
.doc .toc ol{margin:.3em 0 0;padding-left:1.4em;columns:1}
@media(min-width:640px){.doc .toc ol{columns:2}}
.doc .back{display:inline-block;margin-bottom:24px}
.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Premium – subtelnie, bez presji */
.prem{display:grid;gap:22px;margin-top:28px}
@media(min-width:880px){.prem{grid-template-columns:1.35fr 1fr;align-items:start;gap:40px}}
.prem-list{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.prem-list li{padding:16px 0 16px 30px;border-bottom:1px solid var(--line);position:relative}
.prem-list li::before{content:"";position:absolute;left:4px;top:24px;width:9px;height:9px;transform:rotate(45deg);border:1px solid var(--accent-hi);box-shadow:0 0 12px color-mix(in srgb,var(--accent) 60%,transparent)}
.prem-list strong{display:block;font-family:var(--caps);font-weight:600;letter-spacing:.08em;font-size:.95rem;color:var(--metal-hi);margin-bottom:4px}
.prem-list span{color:var(--muted)}
.prem-card{text-align:center;padding:34px 26px;border-radius:var(--r);border:1px solid color-mix(in srgb,var(--metal) 40%,transparent);
  background:radial-gradient(120% 90% at 50% 0%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 65%),var(--card);
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--metal) 10%,transparent),0 30px 80px -40px color-mix(in srgb,var(--accent) 70%,transparent)}
.prem-k{font-family:var(--caps);letter-spacing:.18em;text-transform:uppercase;font-size:.85rem;color:var(--metal);margin:0}
.prem-price{font-size:1.6rem;margin:14px 0 4px;color:var(--metal-hi)}
.prem-terms{font-style:italic;color:var(--muted);margin:0 0 18px}
.prem-how{font-size:.95rem;color:var(--muted);margin:6px 0}
.prem-beta{font-size:.9rem;color:var(--muted);margin:16px 0 20px;padding-top:14px;border-top:1px solid var(--line)}
.ph-mark{font-family:ui-monospace,monospace;font-size:.82em;letter-spacing:0;color:#ffd27a;background:rgba(255,210,122,.08);border:1px dashed rgba(255,210,122,.5);padding:1px 6px;border-radius:5px;white-space:normal;overflow-wrap:anywhere;-webkit-box-decoration-break:clone;box-decoration-break:clone}

/* ───── v2: nowe sekcje ───── */
.btn-big{min-height:56px;padding:16px 34px;font-size:.86rem}
.hero .eyebrow{margin-bottom:.4em}
.hero .more{display:inline-block;margin-top:1.4rem;font-family:var(--caps);font-size:.7rem;letter-spacing:.24em;text-transform:uppercase;color:var(--metal);text-decoration:none}
.hero .more:hover{color:var(--metal-hi)}
.trust{border-top:1px solid var(--line);background:color-mix(in srgb,var(--tint) 30%,var(--deep))}
.trust ul{list-style:none;margin:0 auto;display:grid;grid-template-columns:repeat(2,1fr);gap:0}
@media(min-width:820px){.trust ul{grid-template-columns:repeat(4,1fr)}}
.trust li{padding:16px 10px;text-align:center;border-right:1px solid var(--line)}
.trust li:nth-child(2n){border-right:0}
@media(min-width:820px){.trust li:nth-child(2n){border-right:1px solid var(--line)}.trust li:last-child{border-right:0}}
.trust b{display:block;font-family:var(--caps);font-weight:600;letter-spacing:.1em;font-size:.78rem;color:var(--metal-hi)}
.trust span{font-size:.92rem;color:var(--muted);font-style:italic}
.three{list-style:none;margin:0;padding:0;display:grid;gap:16px}
@media(min-width:820px){.three{grid-template-columns:repeat(3,1fr)}}
.three li{padding:26px 24px;border:1px solid var(--line);border-radius:var(--r);background:var(--card);position:relative}
.three .n{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;margin-bottom:14px;font-family:var(--caps);font-size:.95rem;color:var(--deep);background:linear-gradient(180deg,var(--metal-hi),var(--metal));box-shadow:0 8px 26px -10px var(--accent)}
.three h3{color:var(--metal-hi)}.three p{color:var(--muted);margin:0}
.news{display:grid;gap:16px;grid-template-columns:1fr}
@media(min-width:720px){.news{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1020px){.news{grid-template-columns:repeat(3,1fr)}}
.nw{padding:24px;border:1px solid var(--line);border-radius:var(--r);background:linear-gradient(160deg,color-mix(in srgb,var(--tint) 50%,#0c0b0d),#0b0a0c 75%)}
.nw .tagline{font-family:var(--caps);font-size:.64rem;letter-spacing:.3em;text-transform:uppercase;color:var(--accent-hi);margin:0 0 .5em}
.nw h3{font-size:1.08rem}.nw p{color:var(--muted);font-size:1.02rem;margin:0}
.nw-hero{grid-column:1/-1;padding:30px 26px;border-color:color-mix(in srgb,var(--metal) 45%,transparent);
  background:radial-gradient(110% 100% at 0% 0%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 60%),var(--card)}
.nw-hero h3{font-size:clamp(1.3rem,4vw,1.8rem)}
.nw-hero>p{max-width:46rem;color:var(--text)}
.timeline{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:12px;counter-reset:t}
@media(min-width:820px){.timeline{grid-template-columns:repeat(4,1fr)}}
.timeline li{counter-increment:t;padding:14px 16px 14px 16px;border-top:2px solid var(--accent);background:color-mix(in srgb,var(--deep) 60%,transparent);border-radius:0 0 10px 10px}
.timeline b{display:block;font-family:var(--caps);font-weight:600;letter-spacing:.08em;font-size:.88rem;color:var(--metal-hi)}
.timeline b::before{content:counter(t) " · ";color:var(--accent-hi)}
.timeline span{color:var(--muted);font-size:.98rem}
.who{display:grid;gap:14px}
@media(min-width:760px){.who{grid-template-columns:repeat(2,1fr)}}
.who-i{padding:22px 24px;border-left:2px solid var(--accent);background:color-mix(in srgb,var(--tint) 25%,transparent);border-radius:0 var(--r) var(--r) 0}
.who-i h3{color:var(--metal-hi);font-size:1rem}.who-i p{margin:0;color:var(--muted)}
.evenings{list-style:none;margin:0;padding:0;display:grid;gap:10px;grid-template-columns:1fr}
@media(min-width:600px){.evenings{grid-template-columns:repeat(2,1fr)}}
@media(min-width:980px){.evenings{grid-template-columns:repeat(3,1fr)}}
.evenings li{padding:14px 18px;border:1px solid var(--line);border-radius:12px;background:var(--card);position:relative}
.evenings b{display:block;font-family:var(--caps);font-weight:600;letter-spacing:.08em;font-size:.9rem;color:var(--metal-hi)}
.evenings span{color:var(--muted);font-style:italic;font-size:.98rem}
.evenings li.new::after,.badge-new{content:"nowe";font-family:var(--caps);font-size:.58rem;letter-spacing:.2em;text-transform:uppercase;color:var(--deep);background:var(--accent-hi);border-radius:999px;padding:2px 8px}
.evenings li.new::after{position:absolute;top:12px;right:12px}
.cmp-wrap{display:grid;gap:22px;margin-top:8px}
@media(min-width:960px){.cmp-wrap{grid-template-columns:1.6fr 1fr;align-items:start;gap:34px}}
.cmp{width:100%;border-collapse:collapse;font-size:1rem}
.cmp th,.cmp td{padding:12px 10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.cmp thead th{font-family:var(--caps);font-weight:600;font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(--metal)}
.cmp tbody th{font-weight:400;color:var(--text)}
.cmp td{color:var(--muted);width:26%}
.cmp td.y{color:var(--metal-hi)}.cmp td.n{color:var(--metal-lo)}
.cmp thead th:last-child,.cmp td:last-child{background:color-mix(in srgb,var(--accent) 8%,transparent)}
@media(max-width:520px){.cmp{font-size:.92rem}.cmp th,.cmp td{padding:10px 6px}}
.copy{appearance:none;font:inherit;font-family:var(--caps);font-size:.6rem;letter-spacing:.18em;text-transform:uppercase;color:var(--metal-hi);background:transparent;border:1px solid var(--line);border-radius:999px;padding:4px 10px;margin-top:6px;cursor:pointer}
.copy:hover{border-color:var(--metal)}
.verify{margin:4px 0 14px;border:1px solid var(--line);border-radius:12px;padding:4px 16px;background:var(--card)}
.verify summary{cursor:pointer;padding:12px 0;color:var(--metal-hi);font-weight:600}
.verify ul{padding-left:1.1em;color:var(--muted)}.verify li{margin:.4em 0}
.verify code,.dl-card code{font-size:.85em;word-break:break-all}
.final{text-align:center;background:radial-gradient(80% 120% at 50% 100%,color-mix(in srgb,var(--accent) 20%,transparent),transparent 70%),var(--deep)!important}
.final .seal{width:70px;margin:0 auto 14px}
.sticky-cta{position:fixed;left:10px;right:10px;bottom:10px;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 10px 10px 18px;border-radius:999px;
  border:1px solid color-mix(in srgb,var(--metal) 35%,transparent);background:color-mix(in srgb,var(--deep) 88%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  box-shadow:0 18px 40px -16px #000;font-family:var(--caps);font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--metal);
  transform:translateY(140%);opacity:0;transition:transform .35s,opacity .35s;pointer-events:none}
.sticky-cta b{color:var(--accent-hi);font-weight:600}
.sticky-cta.on{transform:none;opacity:1;pointer-events:auto}
@media(min-width:900px){.sticky-cta{display:none}}
html.age-pending .sticky-cta{display:none}
@media(max-width:899px){footer{padding-bottom:96px}}
/* v2b: „wkrótce” – zamiast placeholderów (ceny, link do bety) */
.soon{font-family:var(--caps);font-size:clamp(1.05rem,3.4vw,1.35rem);letter-spacing:.28em;text-transform:uppercase;color:var(--metal-hi);background:linear-gradient(180deg,var(--metal-hi),var(--metal));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.btn-soon{cursor:default;color:var(--metal-hi);border:1px dashed color-mix(in srgb,var(--metal) 55%,transparent);background:color-mix(in srgb,var(--tint) 30%,transparent);user-select:none}
.btn-soon:hover{transform:none}
.btn-small{white-space:nowrap}
@media (max-width:420px){.top .btn-small{padding:8px 14px;letter-spacing:.14em}}
/* v3: hero – dwa tryby */
.hero-modes{display:grid;gap:14px;grid-template-columns:1fr;max-width:760px;margin:0 auto 2rem;text-align:left}
@media(min-width:700px){.hero-modes{grid-template-columns:1fr 1fr}}
.hm{display:flex;flex-direction:column;gap:6px;padding:20px 22px;border-radius:var(--r);text-decoration:none;color:var(--text);border:1px solid color-mix(in srgb,var(--metal) 40%,transparent);background:linear-gradient(160deg,color-mix(in srgb,var(--tint) 60%,transparent),color-mix(in srgb,#0b0a0c 80%,transparent));backdrop-filter:blur(6px);transition:border-color .3s,transform .3s}
.hm:hover{border-color:var(--metal-hi);transform:translateY(-2px)}
.hm-k{font-family:var(--caps);font-size:.62rem;letter-spacing:.28em;text-transform:uppercase;color:var(--accent-hi)}
.hm b{font-family:var(--caps);font-weight:600;font-size:1.35rem;letter-spacing:.12em;color:var(--metal-hi)}
.hm-t{color:var(--muted);font-size:1rem;line-height:1.5}
.hm-go{margin-top:4px;font-family:var(--caps);font-size:.66rem;letter-spacing:.22em;text-transform:uppercase;color:var(--metal)}
/* v3: showcase Connect / Mistrz Nocy */
.show{padding:92px 0;position:relative;overflow:hidden}
section.show-c{background:radial-gradient(ellipse at 85% 20%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 60%),linear-gradient(180deg,color-mix(in srgb,var(--tint) 30%,var(--deep)),var(--deep))}
section.show-m{background:radial-gradient(ellipse at 15% 25%,color-mix(in srgb,var(--accent) 20%,transparent),transparent 60%),var(--deep)}
.show-grid{display:grid;gap:34px;grid-template-columns:minmax(0,1fr);grid-template-areas:"copy" "visual" "perks" "how"}
.show-copy{grid-area:copy}.show-visual{grid-area:visual}.perks{grid-area:perks}.how{grid-area:how}
@media(min-width:980px){
  .show-c .show-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);grid-template-areas:"copy visual" "perks visual" "how how";column-gap:56px}
  .show-m .show-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);grid-template-areas:"visual copy" "visual perks" "how how";column-gap:56px}
  .show .show-copy .eyebrow,.show h2{text-align:left}
  .show .promise{margin-left:0}
}
.show h2{font-size:clamp(2rem,6vw,3.2rem);letter-spacing:.06em;margin:.1em 0 .4em;background:linear-gradient(180deg,var(--metal-hi),var(--metal) 65%,var(--metal-lo));-webkit-background-clip:text;background-clip:text;color:transparent}
.promise{font-style:italic;font-size:clamp(1.15rem,3.2vw,1.4rem);color:var(--text);max-width:38rem;margin:0 auto;text-align:inherit}
@media(max-width:979px){.show-copy{text-align:center}}
.perks{list-style:none;margin:0;padding:0;display:grid;gap:12px;grid-template-columns:minmax(0,1fr)}
@media(min-width:640px){.perks{grid-template-columns:repeat(2,minmax(0,1fr))}}
.perks li{padding:18px 18px 16px 20px;border-radius:12px;border:1px solid var(--line);border-left:2px solid var(--accent);background:color-mix(in srgb,#0b0a0c 70%,transparent)}
.perks b{display:block;font-family:var(--caps);font-weight:600;font-size:.86rem;letter-spacing:.08em;color:var(--metal-hi);margin-bottom:.35em}
.perks span{color:var(--muted);font-size:.98rem;line-height:1.55}
.how{padding:28px 24px;border-radius:var(--r);border:1px solid color-mix(in srgb,var(--metal) 35%,transparent);background:linear-gradient(160deg,color-mix(in srgb,var(--tint) 45%,#0c0b0d),#0b0a0c 80%)}
.how h3{font-family:var(--caps);font-size:.78rem;letter-spacing:.3em;text-transform:uppercase;color:var(--accent-hi);text-align:center;margin:0 0 1.2rem}
.steps{list-style:none;margin:0 0 1.4rem;padding:0;display:grid;gap:14px;grid-template-columns:minmax(0,1fr);counter-reset:st}
@media(min-width:760px){.steps{grid-template-columns:repeat(4,minmax(0,1fr))}}
.steps li{counter-increment:st;position:relative;padding:0 0 0 46px}
.steps li::before{content:counter(st,upper-roman);position:absolute;left:0;top:0;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-family:var(--caps);font-size:.72rem;color:#0b0a0c;background:linear-gradient(180deg,var(--metal-hi),var(--metal))}
.steps b{display:block;font-family:var(--caps);font-size:.8rem;letter-spacing:.1em;color:var(--metal-hi)}
.steps span{color:var(--muted);font-size:.96rem;line-height:1.5}
.free{font-size:.95rem;color:var(--text);text-align:center;max-width:52rem;margin:0 auto 1.2rem;padding:12px 16px;border-radius:10px;border:1px dashed color-mix(in srgb,var(--metal) 40%,transparent)}
.show-cta{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
/* telefon – makieta z prawdziwych napisów aplikacji */
.show-visual{position:relative;display:flex;justify-content:center;align-items:center;min-height:420px}
.phone{position:relative;z-index:2;width:min(300px,86vw);padding:18px 16px 20px;border-radius:34px;background:linear-gradient(170deg,#141217,#09080a);border:1px solid color-mix(in srgb,var(--metal) 45%,transparent);box-shadow:0 0 0 6px #050405,0 0 0 7px color-mix(in srgb,var(--metal) 25%,transparent),0 30px 70px -20px var(--accent);font-family:var(--caps);text-align:center}
.ph-top{display:flex;justify-content:space-between;align-items:center;font-size:.58rem;letter-spacing:.24em;text-transform:uppercase;color:var(--accent-hi);padding:2px 6px 10px;border-bottom:1px solid var(--line)}
.ph-top .combo{color:var(--metal-hi)}
.lock{width:10px;height:8px;border:1.5px solid var(--metal);border-radius:2px;position:relative;margin-top:4px}
.lock::before{content:"";position:absolute;left:1px;top:-6px;width:5px;height:5px;border:1.5px solid var(--metal);border-bottom:0;border-radius:4px 4px 0 0}
.ph-hint{font-family:var(--serif);font-style:italic;font-size:.82rem;color:var(--muted);margin:12px 0}
.ph-card{padding:20px 16px;border-radius:16px;border:1px solid color-mix(in srgb,var(--metal) 50%,transparent);background:radial-gradient(ellipse at 50% 0,color-mix(in srgb,var(--accent) 30%,transparent),transparent 70%),#0d0b0f}
.ph-card p{font-family:var(--serif);font-size:1.02rem;line-height:1.45;color:var(--text);margin:.5em 0}
.ph-k,.ph-s{display:block;font-size:.56rem;letter-spacing:.26em;text-transform:uppercase;color:var(--metal)}
.ph-card.veiled{padding:42px 16px;background:repeating-linear-gradient(135deg,color-mix(in srgb,var(--tint) 60%,#0d0b0f) 0 10px,#0d0b0f 10px 20px)}
.ph-card.veiled p{font-family:var(--caps);font-size:.8rem;letter-spacing:.24em;text-transform:uppercase;color:var(--metal-hi)}
.ph-q{font-size:.6rem;letter-spacing:.24em;text-transform:uppercase;color:var(--accent-hi);margin:16px 0 8px}
.ph-rate{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.ph-rate li,.ph-life li{padding:7px 2px;border-radius:10px;border:1px solid var(--line);font-size:.5rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);background:#0d0b0f}
.ph-rate b,.ph-life b{display:block;font-size:.82rem;color:var(--metal-hi);letter-spacing:.06em}
.ph-rate li.hot{border-color:var(--accent);color:var(--accent-hi);box-shadow:0 0 14px -4px var(--accent)}
.ph-life{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.ph-life b{font-size:.62rem}
.ph-foot{font-size:.54rem;letter-spacing:.26em;text-transform:uppercase;color:var(--metal);margin:12px 0 0}
.ph-dec{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}
.ph-dec span{padding:11px 4px;border-radius:999px;font-size:.62rem;letter-spacing:.18em;text-transform:uppercase}
.ph-dec .no{border:1px solid var(--line);color:var(--muted)}
.ph-dec .yes{background:linear-gradient(180deg,var(--metal-hi),var(--metal));color:#0b0a0c}
.show-seal{position:absolute;z-index:3;width:92px;right:-34px;bottom:-30px;filter:drop-shadow(0 10px 22px rgba(0,0,0,.7))}
@media(max-width:420px){.show-seal{right:-8px;width:74px}}
:root,[data-motif="maskarada"]{--still:url("../img/mistrz-maskarada.webp")}
[data-motif="bielizna"]{--still:url("../img/mistrz-bielizna.webp")}
[data-motif="obsydian"]{--still:url("../img/mistrz-obsydian.webp")}
[data-motif="polnoc"]{--still:url("../img/mistrz-polnoc.webp")}
[data-motif="rozkosz"]{--still:url("../img/mistrz-rozkosz.webp")}
[data-motif="zloty-deszcz"]{--still:url("../img/mistrz-zloty-deszcz.webp")}
[data-motif="brzoskwinia"]{--still:url("../img/mistrz-brzoskwinia.webp")}
.cmp tr.hl th b{color:var(--accent-hi)}
.show-m .show-visual{flex-direction:column;justify-content:flex-start}
.show-m .still{width:min(460px,94%);aspect-ratio:720/740;border-radius:var(--r);background:var(--still) center/cover no-repeat;border:1px solid color-mix(in srgb,var(--metal) 30%,transparent);-webkit-mask-image:linear-gradient(180deg,#000 55%,transparent 98%);mask-image:linear-gradient(180deg,#000 55%,transparent 98%)}
.show-m .phone{margin-top:-170px}
@media(min-width:980px){.show-m .phone{margin-top:-210px}}

/* ===================== v4: wielostronicowa, premium ===================== */
:root,[data-motif="maskarada"]{--back:url("../img/back-maskarada.webp");--corr:url("../img/corridor-maskarada.webp");--corr-s:url("../img/corridor-maskarada-800.webp");--chest:url("../img/chest-maskarada.webp")}
[data-motif="bielizna"]{--back:url("../img/back-bielizna.webp");--corr:url("../img/corridor-bielizna.webp");--corr-s:url("../img/corridor-bielizna-800.webp");--chest:url("../img/chest-bielizna.webp")}
[data-motif="obsydian"]{--back:url("../img/back-obsydian.webp");--corr:url("../img/corridor-obsydian.webp");--corr-s:url("../img/corridor-obsydian-800.webp");--chest:url("../img/chest-obsydian.webp")}
[data-motif="polnoc"]{--back:url("../img/back-polnoc.webp");--corr:url("../img/corridor-polnoc.webp");--corr-s:url("../img/corridor-polnoc-800.webp");--chest:url("../img/chest-polnoc.webp")}
[data-motif="rozkosz"]{--back:url("../img/back-rozkosz.webp");--corr:url("../img/corridor-rozkosz.webp");--corr-s:url("../img/corridor-rozkosz-800.webp");--chest:url("../img/chest-rozkosz.webp")}
[data-motif="zloty-deszcz"]{--back:url("../img/back-zloty-deszcz.webp");--corr:url("../img/corridor-zloty-deszcz.webp");--corr-s:url("../img/corridor-zloty-deszcz-800.webp");--chest:url("../img/chest-zloty-deszcz.webp")}
[data-motif="brzoskwinia"]{--back:url("../img/back-brzoskwinia.webp");--corr:url("../img/corridor-brzoskwinia.webp");--corr-s:url("../img/corridor-brzoskwinia-800.webp");--chest:url("../img/chest-brzoskwinia.webp")}
html,body{overflow-x:clip}
body::after{content:"";position:fixed;inset:0;z-index:60;pointer-events:none;background:url("../img/grain.png");opacity:.07;mix-blend-mode:overlay}
section{border-top:0}
section:nth-of-type(even){background:none}
.center{text-align:center}.left{text-align:left}
.narrow{max-width:860px}
.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* nagłówek z zakładkami */
.top .wrap.top-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:0 12px;min-height:60px}
.tabs{order:3;flex:1 0 100%;display:flex;gap:6px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;margin:0 -20px;padding:2px 20px 10px;mask-image:linear-gradient(90deg,transparent,#000 14px,#000 calc(100% - 22px),transparent)}
.tabs::-webkit-scrollbar{display:none}
.tabs a{scroll-snap-align:center;flex:0 0 auto;padding:8px 14px;border-radius:999px;font-family:var(--caps);font-size:.64rem;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;color:var(--muted);border:1px solid transparent;white-space:nowrap;transition:color .25s,border-color .25s,background .25s}
.tabs a:hover{color:var(--metal-hi);border-color:var(--line)}
.tabs a[aria-current="page"]{color:#0b0a0c;background:linear-gradient(180deg,var(--metal-hi),var(--metal));border-color:transparent;box-shadow:0 6px 20px -8px var(--accent)}
@media(min-width:1000px){
  .tabs{order:0;flex:0 1 auto;margin:0;padding:0;overflow:visible;mask-image:none;gap:2px}
  .tabs a{padding:8px 12px;font-size:.62rem;letter-spacing:.14em}
}
@media(min-width:1180px){.tabs a{padding:8px 14px;letter-spacing:.18em}}

/* monumentalne nagłówki */
.mono{font-size:clamp(2.6rem,10.5vw,6.4rem);line-height:.98;letter-spacing:.03em;margin:.1em 0 .35em;background:linear-gradient(180deg,var(--metal-hi) 10%,var(--metal) 55%,var(--metal-lo));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 10px 40px color-mix(in srgb,var(--accent) 35%,transparent))}
.mono em{font-family:var(--serif);font-style:italic;font-weight:400;letter-spacing:0;text-transform:none;background:linear-gradient(180deg,var(--accent-hi),color-mix(in srgb,var(--accent) 80%,var(--metal)));-webkit-background-clip:text;background-clip:text;color:transparent}
.mono.sm{font-size:clamp(2rem,7vw,4rem)}
h2.left,.eyebrow.left,.promise.left{text-align:left}
.orn{display:flex;align-items:center;justify-content:center;gap:14px;margin:0 auto 1.8rem;width:min(260px,70%)}
.orn::before,.orn::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--metal))}
.orn::after{background:linear-gradient(90deg,var(--metal),transparent)}
.orn i{width:9px;height:9px;transform:rotate(45deg);border:1px solid var(--metal-hi);box-shadow:0 0 12px var(--accent)}

/* hero z dwoma filarami */
.hero2{position:relative;padding:56px 0 64px;text-align:center;overflow:hidden;isolation:isolate}
.h2-bg{position:absolute;inset:-12% 0 0;z-index:-2;background:var(--hero-s) center/cover no-repeat;transform:translate3d(0,var(--py,0px),0);will-change:transform}
@media(min-width:801px){.h2-bg{background-image:var(--hero)}}
.hero2::after,.phero::after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 30%,transparent 0,color-mix(in srgb,var(--deep) 60%,transparent) 60%,var(--deep) 100%),linear-gradient(180deg,color-mix(in srgb,var(--deep) 70%,transparent),color-mix(in srgb,var(--deep) 45%,transparent) 40%,var(--deep))}
.hero2 .seal,.phero .seal{width:72px;margin:0 auto 16px;filter:drop-shadow(0 8px 24px color-mix(in srgb,var(--accent) 60%,transparent))}
.hero2 .tag,.phero .tag{font-style:italic;font-size:clamp(1.15rem,3.4vw,1.5rem);max-width:38rem;margin:0 auto 2.2rem;color:var(--text)}
.hero2 .cta{display:flex;justify-content:center;margin-top:28px}
.hero2 .note{margin-top:1.2rem;font-size:.9rem;color:var(--muted)}
.split{display:grid;gap:18px;grid-template-columns:minmax(0,1fr);max-width:1040px;margin:0 auto;text-align:left}
@media(min-width:760px){.split{grid-template-columns:1fr 1fr;gap:22px}}
.pt{position:relative;display:flex;flex-direction:column;border-radius:22px;overflow:hidden;text-decoration:none;color:var(--text);border:1px solid color-mix(in srgb,var(--metal) 38%,transparent);background:linear-gradient(170deg,color-mix(in srgb,var(--tint) 70%,#0b0a0c),#0a090b 70%);box-shadow:0 40px 80px -40px #000,0 0 0 1px #0006 inset;transition:transform .4s,border-color .4s,box-shadow .4s}
.pt:hover{transform:translateY(-4px);border-color:var(--metal-hi);box-shadow:0 50px 90px -40px #000,0 0 60px -20px var(--accent)}
.pt-art{position:relative;height:200px;display:block;overflow:hidden;background:radial-gradient(ellipse at 50% 100%,color-mix(in srgb,var(--accent) 45%,transparent),transparent 70%)}
@media(min-width:760px){.pt-art{height:240px}}
.pt-c .mini{position:absolute;bottom:-40px;width:118px;height:220px;border-radius:22px;background:#0a090b;border:1px solid color-mix(in srgb,var(--metal) 55%,transparent);box-shadow:0 0 0 4px #050405,0 20px 40px -10px #000;padding:10px}
.pt-c .mini i{display:block;height:100%;border-radius:12px;background:var(--back) center/cover;box-shadow:0 0 24px -6px var(--accent)}
.pt-c .mini.a{left:calc(50% - 128px);transform:rotate(-8deg)}
.pt-c .mini.b{left:calc(50% + 10px);transform:rotate(8deg)}
.pt-lock{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);padding:5px 10px;border-radius:999px;font-family:var(--caps);font-size:.6rem;letter-spacing:.24em;color:#0b0a0c;background:linear-gradient(180deg,var(--metal-hi),var(--metal));box-shadow:0 0 24px var(--accent);z-index:2}
.pt-still{position:absolute;inset:0;background:var(--still) center 30%/cover;-webkit-mask-image:linear-gradient(180deg,#000 50%,transparent);mask-image:linear-gradient(180deg,#000 50%,transparent);animation:kb 18s ease-in-out infinite alternate}
@keyframes kb{to{transform:scale(1.08)}}
.pt-x{position:absolute;right:18px;top:16px;font-family:var(--caps);font-size:2.4rem;letter-spacing:.02em;color:var(--accent-hi);text-shadow:0 0 18px var(--accent),0 0 40px var(--accent)}
.pt-body{display:flex;flex-direction:column;gap:8px;padding:6px 24px 24px}
.pt-k{font-family:var(--caps);font-size:.6rem;letter-spacing:.28em;text-transform:uppercase;color:var(--accent-hi)}
.pt-t{font-family:var(--caps);font-weight:600;font-size:clamp(1.9rem,5vw,2.6rem);letter-spacing:.06em;line-height:1;background:linear-gradient(180deg,var(--metal-hi),var(--metal));-webkit-background-clip:text;background-clip:text;color:transparent}
.pt-p{color:var(--muted);font-size:1.02rem;line-height:1.5}
.chips{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 0;padding:0}
.chips i,.chips li{font-style:normal;font-family:var(--caps);font-size:.56rem;letter-spacing:.18em;text-transform:uppercase;padding:6px 10px;border-radius:999px;border:1px solid var(--line);color:var(--metal-hi);background:#0b0a0c80}
.chips.big{justify-content:center;gap:10px}
.chips.big li{padding:0;font-size:.64rem}
.chips.big a{display:block;padding:10px 16px;color:var(--metal-hi);text-decoration:none;border-radius:999px}
.chips.big a:hover{background:color-mix(in srgb,var(--tint) 60%,transparent)}
.pt-go{margin-top:8px;font-family:var(--caps);font-size:.66rem;letter-spacing:.22em;text-transform:uppercase;color:var(--metal)}

/* zwiastuny trybów i podstrony */
.tz,.phero{position:relative;padding:96px 0;overflow:hidden;isolation:isolate}
.phero{padding:72px 0 80px}
.tz-c{background:radial-gradient(ellipse at 80% 30%,color-mix(in srgb,var(--accent) 26%,transparent),transparent 60%),linear-gradient(180deg,var(--deep),color-mix(in srgb,var(--tint) 30%,var(--deep)) 50%,var(--deep))}
.tz-m{background:radial-gradient(ellipse at 20% 40%,color-mix(in srgb,var(--accent) 24%,transparent),transparent 60%),var(--deep)}
.tz-bg{position:absolute;inset:-10% 0;z-index:-1;background:var(--corr-s) center/cover no-repeat;opacity:.18;transform:translate3d(0,var(--py,0px),0);-webkit-mask-image:linear-gradient(180deg,transparent,#000 30%,#000 70%,transparent);mask-image:linear-gradient(180deg,transparent,#000 30%,#000 70%,transparent)}
@media(min-width:801px){.tz-bg{background-image:var(--corr)}}
.phero-c .h2-bg,.phero-p .h2-bg{background-image:var(--corr-s);opacity:.55}
@media(min-width:801px){.phero-c .h2-bg,.phero-p .h2-bg{background-image:var(--corr)}}
.phero-s,.phero-f{background:radial-gradient(ellipse at 50% 0,color-mix(in srgb,var(--accent) 28%,transparent),transparent 65%),var(--deep)}
.phero-s::after,.phero-f::after,.phero-pr::after{display:none}
.phero-pr{background:radial-gradient(ellipse at 75% 40%,color-mix(in srgb,var(--accent) 26%,transparent),transparent 60%),var(--deep)}
.tz-grid{display:grid;gap:44px;grid-template-columns:minmax(0,1fr);align-items:center}
@media(min-width:980px){.tz-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px}}
.tz-copy{text-align:center}
@media(min-width:980px){.tz-copy{text-align:left}.tz-copy .eyebrow{text-align:left}.tz-copy .promise{margin:0}.show-cta.left{justify-content:flex-start}}
@media(max-width:979px){.eyebrow.left,.promise.left,h2.left,.prem-price.left{text-align:center}.show-cta.left{justify-content:center}.tz-copy .promise{margin:0 auto}}
.tz-m .mvis{order:0}
@media(max-width:979px){.tz-m .tz-copy{order:-1}}
.tz-copy .show-cta{margin-top:28px}
.nums{list-style:none;padding:0;margin:28px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.nums li{padding:14px 8px;border-top:1px solid var(--line);text-align:center}
@media(min-width:980px){.tz-copy .nums li{text-align:left;padding-left:0}}
.nums b{display:block;font-family:var(--caps);font-weight:600;font-size:clamp(1.5rem,6vw,2.5rem);line-height:1.05;letter-spacing:.02em;background:linear-gradient(180deg,var(--metal-hi),var(--accent-hi));-webkit-background-clip:text;background-clip:text;color:transparent;white-space:nowrap}
.nums span{display:block;margin-top:6px;font-size:.9rem;line-height:1.35;color:var(--muted)}
.band{padding:40px 0;border-block:1px solid var(--line);background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--tint) 45%,transparent),transparent)}
.nums.wide{margin:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px}
@media(min-width:700px){.nums.wide{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:1060px){.nums.wide{grid-template-columns:repeat(6,minmax(0,1fr))}}
.nums.wide li{border-top:0;border-left:1px solid var(--line);padding:6px 4px 6px 14px;text-align:left}
.nums.wide b{font-size:clamp(1.5rem,5vw,2.3rem)}

/* duet telefonów Connect */
.duo{position:relative;display:flex;justify-content:center;align-items:flex-start;gap:0;padding:20px 0 30px;min-height:520px}
.duo-glow{position:absolute;inset:10% 10%;background:radial-gradient(closest-side,color-mix(in srgb,var(--accent) 45%,transparent),transparent);filter:blur(30px);z-index:0}
.duo .phone{width:min(244px,47vw);padding:14px 11px 16px;border-radius:30px;margin:0}
.duo figcaption{position:absolute;left:0;right:0;bottom:-34px;font-family:var(--caps);font-size:.58rem;letter-spacing:.24em;text-transform:uppercase;color:var(--metal)}
.ph-a{transform:rotate(-4deg) translateY(0);z-index:2}
.ph-b{transform:rotate(4deg) translateY(40px);margin-left:-18px!important;z-index:3}
.duo .ph-top{font-size:.48rem;letter-spacing:.16em}
.duo .ph-hint{font-size:.72rem;margin:9px 0}
.duo .ph-card{padding:14px 11px}
.duo .ph-card p{font-size:.86rem}
.duo .ph-k{font-size:.48rem}
.ph-input{display:flex;align-items:center;gap:8px;margin-top:12px;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:#0d0b0f;text-align:left}
.ph-input span{flex:1;font-family:var(--serif);font-style:italic;font-size:.72rem;line-height:1.3;color:var(--muted)}
.mic{width:22px;height:22px;flex:0 0 22px;border-radius:50%;background:linear-gradient(180deg,var(--metal-hi),var(--metal));position:relative}
.mic::before{content:"";position:absolute;left:8px;top:5px;width:6px;height:9px;border-radius:3px;background:#0b0a0c}
.ph-rate6{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:5px}
.ph-rate6 li{padding:6px 1px;border-radius:9px;border:1px solid var(--line);font-size:.42rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);background:#0d0b0f;transition:border-color .3s,color .3s,box-shadow .3s}
.ph-rate6 b{display:block;font-size:.8rem;color:var(--metal-hi)}
.ph-rate6 li.hot{border-color:var(--accent);color:var(--accent-hi);box-shadow:0 0 16px -3px var(--accent)}
.ph-btn{display:block;margin-top:10px;padding:10px 4px;border-radius:999px;font-size:.56rem;letter-spacing:.18em;text-transform:uppercase;color:#0b0a0c;background:linear-gradient(180deg,var(--metal-hi),var(--metal))}
.duo-link{position:absolute;z-index:4;left:50%;top:46%;transform:translate(-50%,-50%);width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#0b0a0c;border:1px solid var(--metal);box-shadow:0 0 30px var(--accent)}
.duo-link b{font-family:var(--caps);font-size:.62rem;letter-spacing:.14em;color:var(--metal-hi)}
.pulse{position:absolute;inset:-1px;border-radius:50%;border:1px solid var(--accent-hi);opacity:0}
html.js .duo.in .pulse{animation:pulse 2.6s ease-out infinite}
html.js .duo.in .pulse.p2{animation-delay:1.3s}
@keyframes pulse{0%{transform:scale(1);opacity:.8}100%{transform:scale(2.2);opacity:0}}
html.js .duo .arrive{opacity:0;transform:translateY(14px) scale(.97);transition:opacity .8s .3s,transform .8s .3s}
html.js .duo.in .arrive{opacity:1;transform:none}
html.js .duo .ph-rate6 li.hot{border-color:var(--line);color:var(--muted);box-shadow:none}
html.js .duo.in .ph-rate6 li.hot{border-color:var(--accent);color:var(--accent-hi);box-shadow:0 0 16px -3px var(--accent);transition-delay:1.4s}
@media(max-width:420px){.duo{min-height:470px}.duo .phone{width:46vw;padding:11px 8px 13px;border-radius:24px}.duo .ph-card p{font-size:.76rem}.ph-input span{font-size:.64rem}.duo-link{width:46px;height:46px}}

/* Mistrz: kadr + telefon z miernikiem */
.mvis{position:relative;display:flex;flex-direction:column;align-items:center}
.mvis .still{width:min(460px,94%);aspect-ratio:720/740;border-radius:var(--r);background:var(--still) center/cover no-repeat;border:1px solid color-mix(in srgb,var(--metal) 30%,transparent);-webkit-mask-image:linear-gradient(180deg,#000 55%,transparent 98%);mask-image:linear-gradient(180deg,#000 55%,transparent 98%)}
.mvis .phone{margin-top:-180px;width:min(290px,84vw)}
@media(min-width:980px){.mvis .phone{margin-top:-220px}}
.meter{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin:12px 0 10px;padding-bottom:8px}
.meter i{font-style:normal;font-size:.52rem;letter-spacing:.12em;color:var(--muted);padding:6px 2px;border-radius:8px;border:1px solid var(--line);transition:color .4s,border-color .4s,box-shadow .4s;transition-delay:calc(var(--i)*.45s + .3s)}
.meter i b{display:block;font-size:.78rem;color:var(--metal-hi)}
.meter .fill{position:absolute;left:0;bottom:0;height:3px;width:100%;border-radius:3px;background:linear-gradient(90deg,var(--accent),var(--accent-hi));box-shadow:0 0 12px var(--accent);transform-origin:left;transition:transform 2s .3s}
html.js .mvis .meter .fill{transform:scaleX(.05)}
html.js .mvis.in .meter .fill{transform:none}
.mvis .meter i,html.js .mvis.in .meter i{color:var(--accent-hi);border-color:var(--accent);box-shadow:0 0 12px -4px var(--accent)}
html.js .mvis .meter i{color:var(--muted);border-color:var(--line);box-shadow:none}
html.js .mvis.in .meter i{color:var(--accent-hi);border-color:var(--accent);box-shadow:0 0 12px -4px var(--accent)}
.phero-m{min-height:min(100svh,860px)}
.mv{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;opacity:.42}
.mv-veil{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,var(--deep) 0,color-mix(in srgb,var(--deep) 70%,transparent) 50%,color-mix(in srgb,var(--deep) 40%,transparent)),linear-gradient(180deg,transparent 60%,var(--deep))}
.phero-m::after{display:none}
@media(max-width:979px){.mv-veil{background:linear-gradient(180deg,color-mix(in srgb,var(--deep) 55%,transparent),var(--deep) 85%)}}

/* manifest */
.manifest{padding:80px 0;text-align:center;background:radial-gradient(ellipse at 50% 50%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 70%)}
.manifest p{font-family:var(--caps);font-size:clamp(1.25rem,4.4vw,2.4rem);line-height:1.3;letter-spacing:.06em;color:var(--metal-hi);margin:0 auto 1.6rem;max-width:22em}
.manifest em{font-family:var(--serif);font-style:italic;letter-spacing:0;color:var(--accent-hi)}

/* runda krok po kroku */
.round{padding:90px 0}
.rsteps{list-style:none;margin:0 auto;padding:0;max-width:760px;position:relative}
.rsteps::before{content:"";position:absolute;left:23px;top:10px;bottom:10px;width:1px;background:linear-gradient(180deg,transparent,var(--metal),transparent)}
.rsteps li{position:relative;padding:0 0 34px 72px}
.rsteps .rn{position:absolute;left:0;top:-4px;width:47px;height:47px;border-radius:50%;display:grid;place-items:center;font-family:var(--caps);font-size:.8rem;color:#0b0a0c;background:linear-gradient(180deg,var(--metal-hi),var(--metal));box-shadow:0 0 0 6px var(--deep),0 0 30px -4px var(--accent)}
.rsteps b{display:block;font-family:var(--caps);font-size:1.05rem;letter-spacing:.08em;color:var(--metal-hi);margin-bottom:.3em}
.rsteps li>span:last-child{color:var(--muted);font-size:1.05rem}
@media(min-width:980px){
  .rsteps{max-width:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}
  .rsteps::before{left:8%;right:8%;top:23px;bottom:auto;width:auto;height:1px;background:linear-gradient(90deg,transparent,var(--metal),transparent)}
  .rsteps li{padding:72px 0 0;text-align:center}
  .rsteps .rn{left:50%;transform:translateX(-50%);top:0}
}
/* wejścia przy przewijaniu */
html.js .rv{opacity:0;transform:translateY(26px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--i,0)*.14s)}
html.js .rv.in{opacity:1;transform:none}
html.js .rsteps .rv{transition-delay:calc(var(--i,0)*.35s)}
@media (prefers-reduced-motion:reduce){html.js .rv{opacity:1;transform:none}.h2-bg,.tz-bg{transform:none!important}.pt-still{animation:none}}

/* sekcje opisowe */
.perks-sec,.why,.vs-sec,.how-sec,.sec-grid-sec,.limits,.stages,.own,.gal-sec,.safe-strip,.more-modes,.prem-tz,#porownanie,.faq-sec{padding:84px 0}
.perks.grid3{grid-template-columns:minmax(0,1fr)}
@media(min-width:700px){.perks.grid3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1020px){.perks.grid3{grid-template-columns:repeat(3,minmax(0,1fr))}}
.why{background:linear-gradient(180deg,var(--deep),color-mix(in srgb,var(--tint) 30%,var(--deep)),var(--deep))}
.why3{display:grid;gap:18px;grid-template-columns:minmax(0,1fr)}
@media(min-width:860px){.why3{grid-template-columns:repeat(3,minmax(0,1fr))}}
.why3 article{position:relative;padding:34px 26px 28px;border-radius:20px;border:1px solid color-mix(in srgb,var(--metal) 30%,transparent);background:radial-gradient(ellipse at 0 0,color-mix(in srgb,var(--accent) 20%,transparent),transparent 60%),#0b0a0c;overflow:hidden}
.why3 .wn{position:absolute;right:16px;top:6px;font-family:var(--caps);font-size:4.4rem;line-height:1;color:color-mix(in srgb,var(--metal) 14%,transparent)}
.why3 h3{font-size:1.2rem;color:var(--accent-hi)}
.why3 p{color:var(--muted);margin:0}
.vs-wrap{overflow-x:auto;border-radius:18px;border:1px solid var(--line);background:#0b0a0cb0}
.vs{width:100%;border-collapse:collapse;min-width:560px}
.vs th,.vs td{padding:16px 18px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top;font-size:1rem}
.vs thead th{font-family:var(--caps);font-size:.66rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
.vs thead th:last-child{color:var(--accent-hi)}
.vs tbody th{font-family:var(--caps);font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--metal);white-space:nowrap}
.vs td:nth-child(2){color:var(--muted)}
.vs td:last-child{color:var(--metal-hi);background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 14%,transparent),transparent)}
.vs tr:last-child th,.vs tr:last-child td{border-bottom:0}
@media(max-width:620px){.vs{min-width:0}.vs thead{display:none}.vs tr{display:block;padding:14px 16px;border-bottom:1px solid var(--line)}.vs th,.vs td{display:block;padding:3px 0;border:0}.vs td:nth-child(2)::before{content:"Zwykła gra: ";font-style:italic}.vs td:last-child{background:none;color:var(--accent-hi)}.vs td:last-child::before{content:"→ "}}
.steps.four{margin-bottom:1.6rem}

/* galeria */
.gal{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:10px max(20px,calc((100vw - var(--w))/2 + 20px)) 22px;scrollbar-width:thin;scrollbar-color:var(--metal-lo) transparent}
.gal figure{flex:0 0 auto;margin:0;scroll-snap-align:center;width:min(210px,56vw)}
.gal figure img{width:100%;aspect-ratio:420/602;object-fit:cover;border-radius:16px;border:1px solid color-mix(in srgb,var(--metal) 40%,transparent);box-shadow:0 30px 50px -30px #000,0 0 40px -20px var(--accent)}
.gal figure.wide{width:min(330px,80vw)}
.gal figure.wide img{aspect-ratio:760/735;object-fit:cover;background:#0b0a0c}
.gal figure.env img{object-fit:contain;padding:40px 20px}
.gal figcaption{margin-top:10px;text-align:center;font-family:var(--caps);font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:var(--metal)}
.gal-nav{display:none;justify-content:center;gap:12px}
@media(min-width:900px){.gal-nav{display:flex}}
.gal-nav button{width:46px;height:46px;border-radius:50%;border:1px solid var(--line);background:transparent;color:var(--metal-hi);font-size:1.4rem;cursor:pointer}
.gal-nav button:hover{border-color:var(--metal)}

/* bezpieczeństwo */
.safe-strip{background:linear-gradient(180deg,var(--deep),color-mix(in srgb,var(--tint) 25%,var(--deep)),var(--deep))}
.safe4{list-style:none;padding:0;margin:0 0 28px;display:grid;gap:14px;grid-template-columns:minmax(0,1fr)}
@media(min-width:640px){.safe4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1020px){.safe4{grid-template-columns:repeat(4,minmax(0,1fr))}}
.safe4 li{padding:22px 20px;border-radius:16px;border:1px solid var(--line);background:#0b0a0cb0}
.safe4 b{display:block;font-family:var(--caps);font-size:.9rem;letter-spacing:.08em;color:var(--accent-hi);margin-bottom:.4em}
.safe4 span{color:var(--muted);font-size:.98rem}
.sgrid{display:grid;gap:14px;grid-template-columns:minmax(0,1fr)}
@media(min-width:700px){.sgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1020px){.sgrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.sgrid article{padding:24px 22px;border-radius:16px;border:1px solid var(--line);border-top:2px solid var(--accent);background:#0b0a0cc0;scroll-margin-top:130px}
.sgrid h3{color:var(--metal-hi)}
.sgrid p{color:var(--muted);margin:0;font-size:1rem}
.lim-grid{display:grid;gap:30px;grid-template-columns:minmax(0,1fr);align-items:center;margin-bottom:34px}
@media(min-width:900px){.lim-grid{grid-template-columns:1.1fr 1fr}}
.lim-vis{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;padding:22px;border-radius:20px;border:1px solid color-mix(in srgb,var(--metal) 35%,transparent);background:radial-gradient(ellipse at 50% 100%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 70%),#0b0a0c}
.lim-col{display:flex;flex-direction:column;gap:6px}
.lim-col i{font-style:normal;font-size:.82rem;padding:7px 10px;border-radius:10px;border:1px solid var(--line)}
.lim-col i.on{color:var(--metal-hi);border-color:color-mix(in srgb,var(--accent) 70%,transparent)}
.lim-col i.off{color:color-mix(in srgb,var(--text) 40%,transparent);text-decoration:line-through}
.lim-h,.lim-st{font-family:var(--caps);font-size:.56rem;letter-spacing:.18em;text-transform:uppercase;color:var(--accent-hi)}
.lim-st{color:var(--metal)}
.lim-mid{font-size:1.8rem;color:var(--metal-hi)}
.lim-res{grid-column:1/-1;margin-top:8px;padding:14px;border-radius:12px;text-align:center;background:linear-gradient(180deg,color-mix(in srgb,var(--metal-hi) 14%,transparent),transparent);border:1px solid var(--metal)}
.lim-res span{display:block;font-family:var(--caps);font-size:.58rem;letter-spacing:.24em;text-transform:uppercase;color:var(--accent-hi)}
.lim-res b{font-family:var(--caps);font-size:.86rem;letter-spacing:.08em;color:var(--metal-hi)}
.lim-list{list-style:none;padding:0;margin:0;display:grid;gap:16px}
.lim-list b{display:block;font-family:var(--caps);font-size:.86rem;letter-spacing:.08em;color:var(--metal-hi)}
.lim-list span{color:var(--muted)}
#granice,#etapy,#tryby,#wieczory,#motywy,#lektor,#runda,#porownanie{scroll-margin-top:110px}

/* personalizacja */
.jump{margin-top:8px}
.ladder{list-style:none;margin:0 auto;padding:0;display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));max-width:980px}
@media(min-width:760px){.ladder{grid-template-columns:repeat(6,minmax(0,1fr));align-items:end}}
.ladder li{position:relative;text-align:center;padding:18px 8px;border-radius:14px;border:1px solid var(--line);background:linear-gradient(180deg,color-mix(in srgb,var(--accent) calc(8% + var(--i)*7%),transparent),#0b0a0c)}
@media(min-width:760px){.ladder li{min-height:calc(110px + var(--i)*22px);display:flex;flex-direction:column;justify-content:flex-end}}
.ladder span{display:block;font-family:var(--caps);font-size:1.6rem;color:var(--metal-hi)}
.ladder b{font-family:var(--caps);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-hi)}
.ladder small{display:block;margin-top:4px;font-size:.72rem;font-style:italic;color:var(--muted)}
.ladder li.prem{border-color:color-mix(in srgb,var(--accent) 60%,transparent)}
.extras.four{grid-template-columns:minmax(0,1fr)}
@media(min-width:720px){.extras.four{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* premium */
.prem-tz-grid{display:grid;gap:30px;grid-template-columns:minmax(0,1fr);align-items:center}
@media(min-width:900px){.prem-tz-grid{grid-template-columns:.9fr 1.1fr;gap:56px}}
.chest{width:min(420px,86%);margin:0 auto;aspect-ratio:1/1;background:var(--chest) center/contain no-repeat;filter:drop-shadow(0 30px 60px color-mix(in srgb,var(--accent) 40%,transparent))}
.chest.big{width:min(520px,90%)}
.prem-price.left{text-align:left;margin:18px 0}

/* finał */
.final{position:relative;padding:110px 0;overflow:hidden;isolation:isolate}
.final-bg{position:absolute;inset:0;z-index:-1;background:var(--corr-s) center/cover no-repeat;opacity:.22;-webkit-mask-image:radial-gradient(ellipse at 50% 60%,#000 20%,transparent 75%);mask-image:radial-gradient(ellipse at 50% 60%,#000 20%,transparent 75%)}
@media(min-width:801px){.final-bg{background-image:var(--corr)}}
.final .show-cta{margin-top:8px}

/* stopka */
footer nav.docs{margin-top:6px}
.foot-seal{width:56px;margin:0 auto 10px;opacity:.9}
/* v4 poprawki */
.nums.wide{margin:0 auto;padding:0 20px}
@media(min-width:980px){.tz-copy .mono{text-align:left;font-size:clamp(3rem,4.6vw,4.4rem)}.phero .mono{font-size:clamp(3rem,5.4vw,5.4rem)}}
.duo .phone{width:min(220px,44vw)}
.ph-b{margin-left:8px!important}
.duo-link{width:44px;height:44px}
.duo-link b{font-size:.54rem}
@media(min-width:980px){.ph-b{margin-left:24px!important}}
.phero-f{padding-bottom:20px}.phero-f+.faq-sec{padding-top:20px}

/* ===== v5: hero „Znak firmowy” (logo z aplikacji) ===== */
.hv{min-height:calc(100svh - 104px);display:flex;align-items:center;padding:44px 0 52px}
.hv .wrap{width:100%}
.hv .eyebrow{margin-bottom:1.1em}
.hv-claim{font-family:var(--serif);font-style:italic;font-size:clamp(1.35rem,4.6vw,2.1rem);line-height:1.25;color:var(--text);margin:0 auto .6em;max-width:34rem}
.hv-claim em{font-style:normal;font-family:var(--caps);font-size:.72em;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-hi)}
.hv-sub{font-size:clamp(1.02rem,3.2vw,1.2rem);color:var(--muted);max-width:32rem;margin:0 auto 1.8rem}
.hv .cta{display:flex;justify-content:center}
.hv .note{margin-top:1rem;font-size:.9rem;color:var(--muted)}
.hv-rule{display:flex;align-items:center;justify-content:center;gap:14px;margin:.2em auto 1.3em;font-family:var(--caps);font-size:clamp(.78rem,2.6vw,1rem);letter-spacing:.6em;padding-left:.6em;color:var(--metal-hi);max-width:30rem}
.hv-rule::before,.hv-rule::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--metal) 70%,transparent))}
.hv-rule::after{transform:scaleX(-1)}
.hv-rule i{font-style:normal;color:var(--accent-hi);letter-spacing:0;font-size:.7em}
.hv .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.tiles2{padding:10px 0 56px}

/* ---------- B: Znak firmowy ---------- */
.hv-b .h2-bg{opacity:.45}
.hv-b .crest{position:relative;display:inline-block;padding:34px clamp(18px,6vw,64px) 30px;margin-bottom:1.4rem}
.hv-b .crest::before{content:"";position:absolute;inset:0;border:1px solid color-mix(in srgb,var(--metal) 40%,transparent);border-radius:240px 240px 18px 18px;background:radial-gradient(ellipse at 50% 18%,color-mix(in srgb,var(--tint) 70%,transparent),transparent 70%);box-shadow:inset 0 0 0 6px color-mix(in srgb,var(--deep) 70%,transparent),inset 0 0 0 7px color-mix(in srgb,var(--metal) 18%,transparent)}
.hv-b .emblem{position:relative;display:block;width:clamp(96px,26vw,140px);height:auto;margin:0 auto 10px;filter:drop-shadow(0 0 22px color-mix(in srgb,var(--accent) 60%,transparent))}
.hv-b .wordmark{position:relative;display:block;width:min(78vw,600px);height:auto;margin:0 auto;filter:drop-shadow(0 6px 24px #000) drop-shadow(0 0 18px color-mix(in srgb,var(--accent) 35%,transparent))}
.hv-b .hv-rule{margin-top:14px;margin-bottom:0;position:relative}
.st-hi{stop-color:var(--metal-hi)}.st-mid{stop-color:var(--metal)}.st-lo{stop-color:var(--metal-lo)}.st-ac{stop-color:var(--accent-hi)}
.hv-b .heart-a{stroke:var(--accent-hi)}


/* ===== v5: sedno – „Dziś wieczorem może być inaczej” pod hero ===== */
.sedno{position:relative;isolation:isolate;overflow:hidden;padding:40px 0 64px;text-align:center}
.sedno-bg{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse 70% 60% at 50% 50%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 72%)}
.sedno-box{position:relative;max-width:46rem;margin:0 auto;padding:36px clamp(18px,5vw,56px) 40px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--tint) 35%,transparent) 50%,transparent)}
.sedno-box::before,.sedno-box::after{content:"";position:absolute;left:50%;width:9px;height:9px;margin-left:-5px;transform:rotate(45deg);background:var(--deep);border:1px solid var(--metal-hi);box-shadow:0 0 12px var(--accent)}
.sedno-box::before{top:-5px}.sedno-box::after{bottom:-5px}
.sedno .seal{width:58px;margin:0 auto 12px;filter:drop-shadow(0 8px 22px color-mix(in srgb,var(--accent) 60%,transparent))}
.sedno .orn{margin-bottom:1.3rem}

.sedno-q{font-family:var(--serif);font-style:italic;font-weight:400;text-transform:none;letter-spacing:0;font-size:clamp(2.1rem,8.6vw,4.2rem);line-height:1.08;margin:0 auto .45em;max-width:14em;
  background:linear-gradient(180deg,var(--metal-hi) 15%,var(--metal) 60%,var(--metal-lo));-webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 8px 30px color-mix(in srgb,var(--accent) 40%,transparent))}
.sedno-q::before,.sedno-q::after{font-family:var(--serif);color:var(--accent-hi);-webkit-text-fill-color:var(--accent-hi)}
.sedno-q::before{content:"„"}.sedno-q::after{content:"”"}
.sedno-lead{font-size:clamp(1.08rem,3.4vw,1.3rem);color:var(--muted);max-width:30rem;margin:0 auto}
.hv-b{padding-bottom:28px}
@media(prefers-reduced-motion:reduce){.sedno .rv,html.js .sedno .rv{opacity:1;transform:none;transition:none}}

/* ===== v5: hero „Hasło w łuku” (wariant 2) – zastępuje hero B i sekcję #sedno ===== */
.hx{text-align:center}
.hx .wrap{position:relative;width:100%}
.hx .eyebrow{margin-bottom:1em}
.hx-t{font-family:var(--serif);font-style:italic;font-weight:400;text-transform:none;letter-spacing:-.005em;line-height:1.02;margin:0 auto .35em;
  background:linear-gradient(180deg,var(--metal-hi) 12%,var(--metal) 58%,var(--metal-lo));-webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 10px 34px color-mix(in srgb,var(--accent) 45%,transparent))}
.hx-t>span{display:block}
.hx-lead{font-size:clamp(1.06rem,3.3vw,1.28rem);line-height:1.55;color:var(--text);opacity:.86;max-width:33rem;margin:0 auto 1.3rem}
.hx-claim{font-family:var(--caps);font-size:clamp(.7rem,2.3vw,.84rem);letter-spacing:.2em;text-transform:uppercase;color:var(--accent-hi);max-width:30rem;margin:0 auto 1.4rem;line-height:1.9}
.hx .brand{margin:0 auto;display:flex;flex-direction:column;align-items:center}
.hx .emblem{display:block;height:auto;filter:drop-shadow(0 0 20px color-mix(in srgb,var(--accent) 60%,transparent))}
.hx .wordmark{display:block;height:auto;filter:drop-shadow(0 6px 20px #000) drop-shadow(0 0 16px color-mix(in srgb,var(--accent) 30%,transparent))}
.hx .hv-rule{margin:.5em auto 0;width:100%}
.hx .orn{margin:0 auto 1.2rem}


.hx-2 .h2-bg{opacity:.4}
.hx-2 .arch{position:relative;max-width:640px;margin:0 auto 1.4rem;padding:30px clamp(16px,5vw,56px) 26px}
.hx-2 .arch::before{content:"";position:absolute;inset:0;z-index:-1;border:1px solid color-mix(in srgb,var(--metal) 40%,transparent);border-radius:320px 320px 18px 18px;background:radial-gradient(ellipse at 50% 16%,color-mix(in srgb,var(--tint) 72%,transparent),transparent 72%);box-shadow:inset 0 0 0 6px color-mix(in srgb,var(--deep) 70%,transparent),inset 0 0 0 7px color-mix(in srgb,var(--metal) 18%,transparent)}
.hx-2 .emblem{width:clamp(70px,19vw,104px);margin-bottom:6px}.hx-2 .wordmark{width:min(56vw,340px)}
.hx-2 .hv-rule{font-size:.7rem;margin-bottom:1.1rem}
.hx-2 .hx-t{font-size:clamp(2.5rem,11vw,5.2rem);margin-bottom:0}

.hx-t .hx-q{font-style:italic;color:var(--accent-hi);-webkit-text-fill-color:var(--accent-hi)}
.hx-t .l1 .hx-q{margin-left:-.42em;margin-right:.02em}
.hx-t .hx-nw{white-space:nowrap}
@media(min-width:801px){.hx-2 .arch{max-width:780px}.hx-2 .hx-t{font-size:clamp(3rem,5.6vw,4.6rem)}}

/* v9: hero odchudzone + prolog pod hero */
.hx-2{min-height:calc(100svh - 120px);display:flex;align-items:center}
@media(min-width:801px){.hx-2{min-height:min(calc(100svh - 80px),860px)}}
.prolog{padding:64px 0 56px;text-align:center;background:radial-gradient(ellipse at 50% 0,color-mix(in srgb,var(--accent) 16%,transparent),transparent 70%)}
.prolog .orn{margin:0 auto 1.4rem}
.pl-claim{font-family:var(--serif);font-weight:400;font-size:clamp(1.5rem,5.4vw,2.3rem);line-height:1.25;margin:0 auto .9rem;max-width:34rem;color:var(--metal-hi)}
.pl-claim em{display:block;font-style:italic;color:var(--accent-hi)}
.pl-lead{font-size:clamp(1.04rem,3.2vw,1.22rem);line-height:1.65;color:var(--text);opacity:.86;max-width:36rem;margin:0 auto}
.prolog+.tiles2{padding-top:12px}

/* v9: Strefa Pragnień – hero z lustrem */
.phero-z{min-height:min(100svh,860px);display:flex;align-items:center}
.phero-z::after{display:none}
.zv-bg{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 72% 42%,color-mix(in srgb,var(--accent) 30%,transparent),transparent 58%),radial-gradient(ellipse at 10% 100%,color-mix(in srgb,var(--tint) 80%,transparent),transparent 60%),var(--deep)}
.zmir{position:relative;display:flex;flex-direction:column;align-items:center;padding-top:22px}
.zm-frame{position:relative;display:block;width:min(300px,72vw);aspect-ratio:3/4.2;border-radius:999px 999px 999px 999px/60% 60% 40% 40%;padding:8px;background:linear-gradient(180deg,var(--metal-hi),var(--metal) 40%,color-mix(in srgb,var(--metal) 40%,#000));box-shadow:0 40px 80px -30px #000,0 0 80px -20px var(--accent)}
.zm-frame i{display:block;width:100%;height:100%;border-radius:inherit;background:url(/assets/img/odkryj.webp) center 30%/cover no-repeat;box-shadow:inset 0 0 0 1px #0008,inset 0 -60px 80px -20px color-mix(in srgb,var(--deep) 85%,transparent);filter:saturate(.92)}
.zm-frame::after{content:"";position:absolute;inset:8px;border-radius:inherit;background:linear-gradient(115deg,transparent 30%,#fff2 46%,transparent 54%);background-size:250% 100%;animation:zmShine 9s ease-in-out infinite;pointer-events:none}
@keyframes zmShine{0%,60%{background-position:120% 0}100%{background-position:-60% 0}}
.zm-seal{position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:2;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;font-family:var(--caps);font-weight:600;letter-spacing:.06em;color:#0b0a0c;background:radial-gradient(circle at 35% 30%,var(--metal-hi),var(--metal) 65%);box-shadow:0 0 0 5px var(--deep),0 0 30px -2px var(--accent)}
.zm-plq{list-style:none;margin:-64px 0 0;padding:0;display:grid;gap:8px;width:min(330px,86vw);position:relative;z-index:2}
.zm-plq li{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:10px 14px;border-radius:10px;border:1px solid color-mix(in srgb,var(--metal) 40%,transparent);background:color-mix(in srgb,#0b0a0c 82%,transparent);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.zm-plq b{font-family:var(--caps);font-weight:600;font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--metal-hi)}
.zm-plq span{font-style:italic;font-size:.9rem;color:var(--muted);text-align:right}
.zm-plq .zm-hid{border-color:var(--accent);box-shadow:0 0 24px -10px var(--accent)}
.zm-plq .zm-hid span{color:var(--accent-hi)}
.zl-lead{max-width:40rem;margin:0 auto 2.6rem;text-align:center;font-style:italic;font-size:clamp(1.08rem,3vw,1.28rem);color:var(--text)}
.zl-len{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:.6rem 0 0}
.zl-len span{font-family:var(--caps);font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;padding:9px 14px;border-radius:999px;border:1px solid var(--line);color:var(--metal-hi)}
.zp-sec{background:radial-gradient(ellipse at 50% 0,color-mix(in srgb,var(--accent) 14%,transparent),transparent 60%)}
.zp-sec .perks a{color:var(--accent-hi)}
.modes-sec{padding:84px 0}
.modes-sec .mode a{color:var(--accent-hi)}
.mode .num{margin:0}
.zs-grid{display:grid;gap:16px;grid-template-columns:minmax(0,1fr);max-width:860px;margin:0 auto 1.6rem}
@media(min-width:720px){.zs-grid{grid-template-columns:1fr 1fr}}
.zs-col{padding:24px 24px 18px;border-radius:var(--r);border:1px solid var(--line);background:color-mix(in srgb,#0b0a0c 70%,transparent)}
.zs-col h3{margin:0 0 .7em;font-family:var(--caps);font-size:.8rem;letter-spacing:.24em;text-transform:uppercase;color:var(--metal-hi)}
.zs-col ul{list-style:none;margin:0;padding:0}
.zs-col li{position:relative;padding:8px 0 8px 22px;border-top:1px solid color-mix(in srgb,var(--line) 70%,transparent);color:var(--text);font-size:1rem;line-height:1.45}
.zs-col li:first-child{border-top:0}
.zs-col li::before{content:"◆";position:absolute;left:0;top:10px;font-size:.6rem;color:var(--accent-hi)}
.zs-pr{border-color:color-mix(in srgb,var(--metal) 50%,transparent);background:linear-gradient(160deg,color-mix(in srgb,var(--tint) 60%,#0c0b0d),#0b0a0c 75%)}
.zs-pr li::before{color:var(--metal-hi)}
.more-z{margin:1.4rem 0 .4rem}

/* v9: teaser Strefy na stronie głównej */
.zt .wrap{text-align:center}
.zt-card{display:grid;grid-template-columns:minmax(0,1fr);max-width:1040px;margin:0 auto 2.4rem;border-radius:22px;overflow:hidden;text-decoration:none;color:var(--text);text-align:left;border:1px solid color-mix(in srgb,var(--metal) 38%,transparent);background:linear-gradient(170deg,color-mix(in srgb,var(--tint) 70%,#0b0a0c),#0a090b 70%);box-shadow:0 40px 80px -40px #000;transition:transform .4s,border-color .4s,box-shadow .4s}
.zt-card:hover{transform:translateY(-4px);border-color:var(--metal-hi);box-shadow:0 50px 90px -40px #000,0 0 60px -20px var(--accent)}
.zt-art{position:relative;display:block;min-height:260px;background:linear-gradient(180deg,transparent 55%,#0a090b),url(/assets/img/odkryj.webp) center 28%/cover no-repeat}
.zt-seal{position:absolute;left:22px;top:20px;width:50px;height:50px;border-radius:50%;display:grid;place-items:center;font-family:var(--caps);font-weight:600;color:#0b0a0c;background:radial-gradient(circle at 35% 30%,var(--metal-hi),var(--metal) 65%);box-shadow:0 0 0 4px #0a090bcc,0 0 26px -2px var(--accent)}
.zt-body{display:flex;flex-direction:column;gap:10px;padding:8px 24px 26px}
.zt-t{margin:0;font-family:var(--caps);font-weight:600;font-size:clamp(1.8rem,5vw,2.6rem);letter-spacing:.05em;line-height:1.05;background:linear-gradient(180deg,var(--metal-hi),var(--metal));-webkit-background-clip:text;background-clip:text;color:transparent}
.zt-body .pt-p{margin:0}
@media(min-width:760px){.zt-card{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}.zt-art{min-height:380px;background:linear-gradient(90deg,transparent 60%,#0a090b),url(/assets/img/odkryj.webp) center 28%/cover no-repeat}.zt-body{justify-content:center;padding:40px 40px 40px 20px}}
.zt-more{margin-bottom:1rem}
@media (prefers-reduced-motion:reduce){.zm-frame::after{animation:none;display:none}.zt-card,.zt-card:hover{transform:none}}

/* v9 – 7 zakładek w jednym rzędzie na desktopie */
@media(min-width:1000px){.top .wrap.top-row{flex-wrap:nowrap;gap:0 10px}.tabs{gap:0;min-width:0}.tabs a{padding:8px 6px;font-size:.58rem;letter-spacing:.07em}.top .brand{flex-shrink:0}}
@media(min-width:1180px){.tabs a{padding:8px 8px;font-size:.6rem;letter-spacing:.12em}}
@media(min-width:1000px) and (max-height:880px){.hx-2{padding-top:24px}.hx-2 .arch{padding-top:18px;padding-bottom:16px}.hx-2 .cta{margin-top:20px}}
.zt-t em{display:block;font-family:var(--serif,inherit);font-style:italic;font-weight:400;text-transform:none;letter-spacing:.01em;font-size:.92em;background:linear-gradient(180deg,var(--accent-hi),color-mix(in srgb,var(--accent) 80%,var(--metal)));-webkit-background-clip:text;background-clip:text;color:transparent}
/* v10: hero bez przycisków trybów – odstęp łuk → CTA */
.hx-2 .arch{margin-bottom:2.1rem}
@media(min-width:1000px) and (max-height:880px){.hx-2 .cta{margin-top:6px}}
/* v10: grupa motywu – W zestawie / Premium */
.motif .tx .tier{display:inline-block;margin:5px 0 3px;padding:2px 8px;font-style:normal;font-size:.58rem}
.motif .tx .tier-p{color:var(--m-hi);border-color:color-mix(in srgb,var(--m-hi) 45%,transparent)}
/* v10: Strefa Pragnień – showcase czterech trybów */
.ts-sec{padding:84px 0 20px}
.ts-head{text-align:center}
.tshow{position:relative;padding:56px 0}
.tshow+.tshow{border-top:1px solid var(--line)}
.ts-alt{background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--tint) 30%,transparent) 30%,color-mix(in srgb,var(--tint) 30%,transparent) 70%,transparent)}
.ts-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:34px;align-items:center}
@media(min-width:900px){.ts-grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:64px}.ts-alt .ts-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}.ts-alt .ts-copy{order:2}}
.ts-copy{text-align:left}
.ts-copy h2,.ts-copy .mono{text-align:left}
.ts-copy .mono.sm{font-size:clamp(2.3rem,8.5vw,4rem);margin:.15em 0 .2em}
.ts-k{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0;font-family:var(--caps);font-size:.72rem;letter-spacing:.24em;text-transform:uppercase;color:var(--metal)}
.ts-seal{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;font-size:.86rem;letter-spacing:.06em;color:var(--metal-hi);background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--accent) 85%,#fff 15%),var(--accent) 45%,color-mix(in srgb,var(--accent) 45%,#000) 100%);box-shadow:inset 0 0 0 3px color-mix(in srgb,#000 30%,transparent),inset 0 0 0 4px color-mix(in srgb,var(--metal-hi) 30%,transparent),0 8px 22px -8px #000}
.tier{display:inline-block;padding:2px 9px;border-radius:999px;font-family:var(--caps);font-style:normal;font-size:.6rem;letter-spacing:.18em;text-transform:uppercase;line-height:1.5;color:#e8e2dc;border:1px solid color-mix(in srgb,#e8e2dc 40%,transparent)}
.tier-p{color:var(--accent-hi);border-color:color-mix(in srgb,var(--accent-hi) 50%,transparent)}
.ts-motto{font-family:var(--serif);font-style:italic;font-size:clamp(1.25rem,3.6vw,1.55rem);color:var(--accent-hi);margin:0 0 .7em}
.ts-p{color:var(--muted);font-size:1.08rem;max-width:36rem;margin:0 0 1.4em}
.ts-feat{list-style:none;margin:0;padding:0;display:grid;gap:14px 26px;grid-template-columns:minmax(0,1fr)}
@media(min-width:560px){.ts-feat{grid-template-columns:repeat(2,minmax(0,1fr))}}
.ts-feat li{padding:2px 0 2px 16px;border-left:1px solid color-mix(in srgb,var(--metal) 45%,transparent)}
.ts-feat b{display:block;font-family:var(--caps);font-weight:600;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--metal-hi);margin-bottom:.25em}
.ts-feat span{display:block;color:var(--muted);font-size:.98rem;line-height:1.5}
.ts-note{margin:1.4em 0 0;color:var(--muted);font-size:.98rem}
.ts-note b{color:var(--metal-hi);font-weight:600}
.ts-note a{color:var(--accent-hi);margin-left:.3em}
/* makiety ekranów */
.ts-vis{display:flex;justify-content:center}
.tph{position:relative;width:100%;max-width:330px;padding:24px 20px 22px;border-radius:30px;background:linear-gradient(170deg,color-mix(in srgb,var(--tint) 85%,#000),var(--deep) 70%);border:1px solid color-mix(in srgb,var(--metal) 32%,transparent);box-shadow:0 0 0 6px color-mix(in srgb,#000 55%,transparent),0 0 0 7px color-mix(in srgb,var(--metal) 18%,transparent),0 50px 90px -40px #000,0 0 70px -30px var(--accent)}
.tph-k{margin:0 0 14px;text-align:center;font-family:var(--caps);font-size:.62rem;letter-spacing:.24em;text-transform:uppercase;color:var(--metal)}
.tl-bar{list-style:none;display:flex;gap:6px;margin:0 0 16px;padding:0}
.tl-bar li{flex:1;text-align:center;font-family:var(--caps);font-size:.58rem;color:var(--metal-lo);padding-top:8px;border-top:2px solid color-mix(in srgb,var(--metal) 22%,transparent)}
.tl-bar li.on{color:var(--accent-hi);border-color:var(--accent-hi)}
.tl-card{padding:20px 16px 16px;border-radius:18px;background:color-mix(in srgb,#000 35%,transparent);border:1px solid color-mix(in srgb,var(--metal) 22%,transparent);text-align:center}
.tl-q{margin:0 0 16px;font-family:var(--serif);font-style:italic;font-size:1.08rem;line-height:1.4;color:var(--text)}
.tl-ans{display:flex;gap:8px;justify-content:center}
.tl-ans span{flex:1;padding:8px 0;border-radius:999px;font-family:var(--caps);font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;border:1px solid color-mix(in srgb,var(--metal) 35%,transparent);color:var(--metal)}
.tl-ans .y{color:var(--deep);background:linear-gradient(180deg,var(--metal-hi),var(--metal));border-color:transparent}
.tl-res{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:8px}
.tl-res li{display:flex;justify-content:space-between;gap:10px;align-items:baseline;padding:8px 2px;border-bottom:1px solid var(--line);font-size:.86rem}
.tl-res b{font-weight:600;color:var(--metal-hi)}
.tl-res i{color:var(--muted);font-size:.8rem;text-align:right}
.tl-res .h b{color:var(--metal-lo)}
.tk-timer{position:relative;width:150px;height:150px;margin:0 auto 12px;display:grid;place-items:center;text-align:center}
.tk-timer svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}
.tk-timer circle{fill:none;stroke-width:3}
.tk-timer .b{stroke:color-mix(in srgb,var(--metal) 18%,transparent)}
.tk-timer .f{stroke:var(--accent-hi);stroke-linecap:round;stroke-dasharray:327;stroke-dashoffset:105}
.tk-timer b{display:block;font-family:var(--caps);font-size:2rem;letter-spacing:.06em;color:var(--metal-hi);line-height:1}
.tk-timer i{position:absolute;bottom:38px;left:0;right:0;font-size:.74rem;color:var(--muted)}
.tk-ph{list-style:none;display:flex;justify-content:center;gap:10px;margin:0 0 16px;padding:0}
.tk-ph li{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;font-family:var(--caps);font-size:.62rem;color:var(--metal-lo);border:1px solid color-mix(in srgb,var(--metal) 25%,transparent)}
.tk-ph li.on{color:var(--deep);background:var(--accent-hi);border-color:transparent}
.tk-reels{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.tk-reels li{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-radius:12px;border:1px dashed color-mix(in srgb,var(--metal) 35%,transparent);background:color-mix(in srgb,#000 30%,transparent)}
.tk-reels i{font-style:normal;font-family:var(--caps);font-size:.58rem;letter-spacing:.2em;text-transform:uppercase;color:var(--metal)}
.tk-reels b{font-family:var(--serif);font-style:italic;font-weight:400;font-size:.95rem;text-transform:none;letter-spacing:0;text-align:right;color:var(--muted);animation:tkPulse 2.6s ease-in-out infinite}
.tk-reels li:nth-child(2) b{animation-delay:.42s}.tk-reels li:nth-child(3) b{animation-delay:.84s}
@keyframes tkPulse{50%{opacity:.45}}
.tk-badge{margin:16px auto 0;width:max-content;padding:6px 14px;border-radius:999px;font-family:var(--caps);font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:var(--metal-hi);border:1px solid color-mix(in srgb,var(--metal-hi) 45%,transparent);background:color-mix(in srgb,var(--accent) 22%,transparent)}
.tw-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.tw-list li{position:relative;display:grid;grid-template-columns:1fr auto;align-items:center;padding:11px 14px 11px 18px;border-radius:12px;background:linear-gradient(90deg,color-mix(in srgb,var(--t) 70%,transparent),color-mix(in srgb,#000 40%,transparent));border:1px solid color-mix(in srgb,var(--metal) 18%,transparent)}
.tw-list li::before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:2px;background:var(--metal)}
.tw-list b{font-family:var(--caps);font-weight:600;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--metal-hi)}
.tw-list i{grid-column:1;font-size:.82rem;color:var(--muted)}
.tw-list .st{grid-row:1/span 2;grid-column:2;width:24px;height:24px;border-radius:50%;background:radial-gradient(circle at 35% 30%,var(--metal-hi),var(--metal) 50%,var(--metal-lo));box-shadow:0 2px 8px #000}
.tw-list .lk{opacity:.6;border-style:dashed}
.tw-list .lk::before{background:var(--metal-lo)}
.tw-len{margin:16px 0 0;display:flex;gap:8px;justify-content:center;align-items:center;font-size:.8rem;color:var(--muted)}
.tw-len span{padding:4px 12px;border-radius:999px;font-family:var(--caps);font-size:.7rem;border:1px solid color-mix(in srgb,var(--metal) 30%,transparent);color:var(--metal)}
.tw-len .on{color:var(--deep);background:var(--metal-hi);border-color:transparent}
.to-dice{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:8px 6px}
.to-dice .d{aspect-ratio:1;display:grid;place-items:center;border-radius:14px;background:linear-gradient(150deg,#26201c,#0b0909 70%);border:1px solid color-mix(in srgb,#d6b06a 45%,transparent);box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 12%,transparent),0 10px 20px -8px #000;animation:toFloat 4.6s ease-in-out infinite}
.to-dice .d2{animation-delay:.5s}.to-dice .d3{animation-delay:1s}.to-dice .dg{animation-delay:1.5s}
.to-dice i{font-style:normal;font-family:var(--serif);font-size:1.05rem;color:#e7c98a;text-align:center;line-height:1.1}
.to-dice .dg{background:linear-gradient(150deg,#f3dba0,#b98b3e 55%,#6d4d1c);border-color:#f3dba0}
.to-dice .dg i{color:#2a1d08;font-size:1.3rem}
@keyframes toFloat{50%{transform:translateY(-4px)}}
.to-lbl{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:0 6px;margin:0 0 18px;text-align:center}
.to-lbl span{font-family:var(--caps);font-size:.5rem;letter-spacing:.14em;text-transform:uppercase;color:var(--metal)}
.to-lbl .g{color:#e7c98a}
.to-cta{display:flex;gap:10px;align-items:center;margin:0}
.to-cta span{flex:1;text-align:center;padding:11px 0;border-radius:999px;font-family:var(--caps);font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:#2a1d08;background:linear-gradient(180deg,#f3dba0,#c79a4a)}
.to-cta .tok{flex:0 0 auto;width:58px;height:58px;padding:0;display:grid;place-items:center;border-radius:50%;font-size:.68rem;letter-spacing:.04em;color:#e7c98a;background:radial-gradient(circle at 35% 30%,#3a2c18,#120d07);border:1px solid #c79a4a}
.ts-more{padding:20px 0 60px;text-align:center}
.ts-more p{max-width:44rem;margin:.6em auto 0;color:var(--muted)}
.ts-more b{color:var(--metal-hi);font-weight:600}
.zt-modes b{font-family:var(--caps);color:var(--accent-hi);margin-right:.35em;font-weight:600}
@media (prefers-reduced-motion:reduce){.tk-reels b,.to-dice .d{animation:none}}

/* ── Bramka bety: /beta i /t/<kod> (v10) ── */
.bk-hero{position:relative;padding:56px 0 40px;text-align:center;overflow:hidden;
  background:radial-gradient(80% 60% at 50% 0%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 70%),var(--deep)}
.bk-hero::after{content:"";position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,var(--line),transparent)}
.bk-title{font-size:clamp(1.7rem,7vw,3rem);letter-spacing:.06em;margin-bottom:.3em}
.bk-title em{display:block;font-family:var(--serif);font-style:italic;font-weight:400;letter-spacing:.02em;text-transform:none;color:var(--accent-hi);font-size:.82em;margin-top:.15em}
.bk-hero .lead{margin-bottom:1.8rem}
.bk{position:relative;max-width:30rem;margin:0 auto;padding:30px 22px 26px;text-align:left;border-radius:calc(var(--r) + 6px);
  border:1px solid color-mix(in srgb,var(--metal) 38%,transparent);
  background:linear-gradient(170deg,color-mix(in srgb,var(--tint) 58%,#0c0b0d),#0b0a0c 72%);
  box-shadow:0 30px 80px -40px var(--accent),inset 0 1px 0 color-mix(in srgb,var(--metal-hi) 14%,transparent)}
.bk::before{content:"";position:absolute;inset:6px;border-radius:calc(var(--r) + 2px);border:1px solid color-mix(in srgb,var(--metal) 12%,transparent);pointer-events:none}
.bk-door{width:58px;height:auto;margin:-6px auto 14px;filter:drop-shadow(0 8px 20px color-mix(in srgb,var(--accent) 45%,transparent))}
.bk-form{display:flex;flex-direction:column;gap:10px}
.bk-label{font-family:var(--caps);font-size:.72rem;letter-spacing:.28em;text-transform:uppercase;color:var(--metal-hi);text-align:center}
.bk-input{width:100%;min-height:58px;padding:12px 16px;border-radius:12px;border:1px solid var(--line);background:color-mix(in srgb,var(--deep) 80%,#000);
  color:var(--metal-hi);font:600 1.35rem/1.2 var(--caps);letter-spacing:.18em;text-align:center;text-transform:uppercase;transition:border-color .25s,box-shadow .25s}
.bk-input::placeholder{color:color-mix(in srgb,var(--text) 30%,transparent);letter-spacing:.14em}
.bk-input:focus{outline:none;border-color:var(--accent-hi);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 35%,transparent)}
.bk-input[aria-invalid="true"]{border-color:#E0707E;box-shadow:0 0 0 3px rgba(224,112,126,.18)}
.bk-hint{margin:0;color:var(--muted);font-size:.95rem;text-align:center}
.bk-go{width:100%;margin-top:6px}
.bk-go[disabled]{cursor:progress;opacity:.82;transform:none}
.bk-spin{display:none;width:16px;height:16px;border-radius:50%;border:2px solid color-mix(in srgb,#0b0a0c 30%,transparent);border-top-color:#0b0a0c;animation:bk-r .8s linear infinite}
.is-busy .bk-spin{display:inline-block}
@keyframes bk-r{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.bk-spin{animation:none;border-top-color:color-mix(in srgb,#0b0a0c 30%,transparent);background:#0b0a0c;transform:scale(.5)}}
.bk-msg{min-height:1.6em;margin:2px 0 0;font-size:1rem;text-align:center;color:var(--muted)}
.bk-msg.is-err{color:#F2A3AD;padding:10px 14px;border-radius:10px;border:1px solid rgba(224,112,126,.4);background:rgba(224,112,126,.08)}
.bk-msg.is-wait{font-style:italic}
.bk-ok{text-align:center}
.bk-ok h2{font-size:clamp(1.3rem,5vw,1.7rem);margin-bottom:.3em}
.bk-ok h2:focus{outline:none}
.bk-code{color:var(--muted);margin-bottom:1.1em}
.bk-code b{font-family:var(--caps);letter-spacing:.16em;color:var(--metal-hi);font-weight:600;white-space:nowrap}
.bk-ok .btn{width:100%}
.bk-exp{margin:.8em 0 0;color:var(--accent-hi);font-size:.98rem;font-style:italic}
.bk-ok .steps{text-align:left;margin:22px 0 14px}
.bk-ok .warn{text-align:left;font-size:.95rem}
.bk-again{appearance:none;background:none;border:0;color:var(--accent-hi);font:inherit;font-size:.98rem;text-decoration:underline;text-underline-offset:3px;cursor:pointer;padding:8px;min-height:44px}
.bk-info{padding:52px 0 64px}
.bk-rsteps{max-width:52rem;margin-left:auto;margin-right:auto}
.bk-guide{max-width:44rem;margin:0 auto 18px}
.bk-info .warn,.bk-help{max-width:44rem;margin:0 auto;text-align:center;color:var(--muted)}
@media(min-width:760px){.bk-hero{padding:84px 0 56px}.bk{padding:38px 40px 32px}}
.bk [hidden],.bk-app[hidden]{display:none!important}
.bk-field{position:relative;display:flex;align-items:stretch;border-radius:12px;border:1px solid var(--line);background:color-mix(in srgb,var(--deep) 80%,#000);transition:border-color .25s,box-shadow .25s}
.bk-field:focus-within{border-color:var(--accent-hi);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 35%,transparent)}
.bk-field:has(.bk-input[aria-invalid="true"]){border-color:#E0707E;box-shadow:0 0 0 3px rgba(224,112,126,.18)}
.bk-pref{display:flex;align-items:center;padding:0 2px 0 16px;font:600 1.35rem/1 var(--caps);letter-spacing:.18em;color:var(--muted);user-select:none}
.bk-field .bk-input{border:0;background:transparent;box-shadow:none;text-align:left;padding-left:4px;min-width:0}
.bk-field .bk-input:focus{box-shadow:none}
.bk-app{max-width:30rem;margin:0 auto 22px;text-align:center}
.bk-app .btn{width:100%}
.bk-app .bk-hint{margin-top:8px}

/* nagłówek mobile (v11) */
@media(max-width:640px){
  .top{background:linear-gradient(180deg,color-mix(in srgb,var(--deep) 94%,transparent),color-mix(in srgb,var(--deep) 86%,transparent));backdrop-filter:blur(14px) saturate(1.1);-webkit-backdrop-filter:blur(14px) saturate(1.1);border-bottom:1px solid color-mix(in srgb,var(--metal) 22%,transparent);box-shadow:0 10px 28px -14px #000,0 1px 0 color-mix(in srgb,var(--accent) 18%,transparent)}
  .top .wrap.top-row{min-height:56px;padding-top:6px;gap:0 10px}
  .top .brand{gap:8px;font-size:.84rem;letter-spacing:.1em}
  .top .brand img{width:30px;height:30px;border-radius:8px}
  .top .brand small{font-size:.5rem;letter-spacing:.22em;opacity:.85}
  .hero2{padding-top:44px}
}
@media(max-width:379px){
  .top .brand small{display:none}
}

/* Menu mobilne: przycisk + nakładka na <details> (<=640px) */
.mnav{display:none}
@media(max-width:640px){
  .top .tabs{display:none}
  .top .wrap.top-row{flex-wrap:nowrap;gap:0 8px}
  .top .brand{margin-right:auto}
  .mnav{margin-left:auto}
  .mnav>summary{padding-right:0}
  .mnav{display:block}
  .mnav>summary{list-style:none;position:relative;z-index:3;display:inline-flex;align-items:center;gap:9px;min-height:34px;padding:6px 4px 6px 10px;cursor:pointer;font-family:var(--caps);font-size:.56rem;letter-spacing:.3em;text-transform:uppercase;color:var(--metal-hi);-webkit-tap-highlight-color:transparent}
  .mnav>summary::-webkit-details-marker{display:none}
  .mnav>summary:focus-visible{outline:1px solid var(--metal-hi);outline-offset:2px;border-radius:6px}
  .mnav-ico{position:relative;width:18px;height:7px;order:2}
  .mnav-ico::before,.mnav-ico::after{content:"";position:absolute;right:0;height:1px;background:linear-gradient(90deg,var(--metal),var(--metal-hi));transition:transform .4s,top .4s,width .4s}
  .mnav-ico::before{top:0;width:18px}.mnav-ico::after{top:6px;width:11px}
  .mnav-ico i{display:none}
  .mnav-t2{display:none}
  .mnav[open] .mnav-t1{display:none}.mnav[open] .mnav-t2{display:inline}
  .mnav[open] .mnav-ico::before,.mnav[open] .mnav-ico::after{top:3px;width:16px}
  .mnav[open] .mnav-ico::before{transform:rotate(45deg)}.mnav[open] .mnav-ico::after{transform:rotate(-45deg)}
  .top:has(.mnav[open]){backdrop-filter:none;-webkit-backdrop-filter:none;background:transparent;box-shadow:none;border-bottom-color:transparent}
  html:has(.mnav[open]){overflow:hidden}
  .mnav-panel{position:fixed;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;padding:76px 28px max(26px,env(safe-area-inset-bottom));overflow-y:auto;text-align:center;
    background:radial-gradient(ellipse 90% 45% at 50% 0,color-mix(in srgb,var(--accent) 22%,transparent),transparent 70%),radial-gradient(ellipse 120% 70% at 50% 50%,transparent 40%,#000a 100%),color-mix(in srgb,var(--deep) 95%,transparent);
    backdrop-filter:blur(20px) saturate(1.1);-webkit-backdrop-filter:blur(20px) saturate(1.1);animation:mnIn .45s ease both}
  .mnav-panel::before{content:"";position:absolute;inset:12px;border:1px solid color-mix(in srgb,var(--metal) 16%,transparent);border-radius:22px;pointer-events:none}
  .mnav-head{margin:auto 0 0}
  .mnav-moon{display:block;width:34px;height:36px;margin:0 auto 10px;fill:var(--metal-hi);opacity:.9;filter:drop-shadow(0 0 14px color-mix(in srgb,var(--accent) 70%,transparent))}
  .mnav-head p{margin:0;font-family:var(--caps);font-size:.56rem;letter-spacing:.42em;text-transform:uppercase;color:var(--muted)}
  .mnav-nav{width:100%;max-width:340px;margin:clamp(16px,3.4vh,28px) 0 auto}
  .mnav-foot{width:100%;max-width:320px;padding-top:18px}
  .mnav-foot .btn{width:100%;justify-content:center}
  .mnav-foot small{display:block;margin-top:12px;font-family:var(--caps);font-size:.52rem;letter-spacing:.3em;text-transform:uppercase;color:var(--muted)}
}
@media(max-width:380px){.mnav>summary{gap:7px;padding-left:6px;letter-spacing:.2em}}
@keyframes mnIn{from{opacity:0}to{opacity:1}}
@keyframes mnUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.mnav-panel{animation:none}.mnav-ico::before,.mnav-ico::after{transition:none}}
/* Menu mobilne U2 „Karty”: baza (<=640px) */
@media(max-width:640px){
  .mnav-panel{height:100dvh;padding:62px 26px max(18px,env(safe-area-inset-bottom));justify-content:space-between}
  .mnav-panel::before{inset:10px}
  .mnav-head{margin:0;flex:none}
  .mnav-moon{width:22px;height:24px;margin:0 auto 6px}
  .mnav-head p{font-size:.5rem;letter-spacing:.4em}
  .mnav-nav{margin:0;flex:none;max-width:350px}
  .mnav-foot{padding-top:0;flex:none}
  .mnav-foot .btn{min-height:46px}
  .mnav-foot small{margin-top:0;padding-top:14px;border-top:1px solid color-mix(in srgb,var(--metal) 14%,transparent)}
  .mn-all{list-style:none;margin:0;padding:0}
  .mn-all a{text-decoration:none;color:var(--text);animation:mnUp .6s cubic-bezier(.2,.7,.2,1) both}
  .mn-all li:nth-child(2) a{animation-delay:.04s}.mn-all li:nth-child(3) a{animation-delay:.08s}.mn-all li:nth-child(4) a{animation-delay:.12s}.mn-all li:nth-child(5) a{animation-delay:.15s}.mn-all li:nth-child(6) a{animation-delay:.18s}.mn-all li:nth-child(7) a{animation-delay:.21s}
  /* naprawa obcinania: gradient na inline-blocku z zapasem na ogonki, akcenty i nachylenie kursywy */
  .mn-l{display:inline-block;line-height:1.22;padding:.06em .2em .16em;margin:-.06em -.2em -.16em;overflow:visible;-webkit-box-decoration-break:clone;box-decoration-break:clone}
  .mn-m .mn-l{font-family:var(--serif);font-style:italic;background:linear-gradient(180deg,var(--metal-hi),var(--metal) 85%);-webkit-background-clip:text;background-clip:text;color:transparent}
  .mn-r .mn-l{font-family:var(--caps);text-transform:uppercase;letter-spacing:.24em;color:color-mix(in srgb,var(--text) 86%,transparent)}
  .mn-num{font-family:var(--caps);font-size:.54rem;letter-spacing:.3em;color:var(--accent-hi)}
  .mn-sub{display:block;font-family:var(--serif);font-style:italic;font-size:.82rem;color:var(--muted)}
  .mn-go{display:none}
  .mn-all a[aria-current="page"] .mn-l{background:linear-gradient(180deg,#fff,var(--accent-hi));-webkit-background-clip:text;background-clip:text;color:transparent}
  .mn-all a:focus-visible{outline:1px solid var(--metal-hi);outline-offset:3px;border-radius:6px}
  .mnav-orn{margin:0}
}
@media(max-width:640px) and (prefers-reduced-motion:reduce){.mn-all a{animation:none}}
/* U2 Karty */
@media(max-width:640px){
  .mn-all{display:grid;grid-template-columns:1fr 1fr;gap:9px}
  .mn-m{grid-column:1/-1}
  .mn-orn{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:12px;margin:4px 0;font-size:.45rem;color:var(--accent-hi)}
  .mn-orn i{flex:1;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--metal) 45%,transparent))}.mn-orn i:last-child{transform:scaleX(-1)}
  .mn-m a{display:grid;grid-template-columns:34px 1fr 16px;align-items:center;gap:10px;padding:12px 16px 12px 12px;border-radius:14px;border:1px solid color-mix(in srgb,var(--metal) 30%,transparent);background:linear-gradient(120deg,color-mix(in srgb,var(--tint) 55%,transparent),color-mix(in srgb,#0b0a0c 70%,transparent));box-shadow:inset 0 1px 0 color-mix(in srgb,var(--metal-hi) 12%,transparent)}
  .mn-m .mn-num{text-align:center;font-size:.62rem;letter-spacing:.14em;border-right:1px solid color-mix(in srgb,var(--metal) 25%,transparent);padding-right:8px}
  .mn-m .mn-l{font-size:1.42rem}
  .mn-m .mn-sub{font-size:.8rem;margin-top:0}
  .mn-m .mn-go{display:block;font-size:.5rem;color:var(--metal);text-align:right}
  .mn-m a[aria-current="page"] .mn-go{color:var(--accent-hi)}
  .mn-m a[aria-current="page"]{background:linear-gradient(120deg,color-mix(in srgb,var(--accent) 16%,transparent),color-mix(in srgb,#0b0a0c 70%,transparent));border-color:color-mix(in srgb,var(--accent-hi) 60%,transparent);box-shadow:0 0 26px -12px var(--accent)}
  .mn-r .mn-num{display:none}
  .mn-r a{display:flex;align-items:center;justify-content:center;min-height:46px;padding:6px;border-radius:12px;border:1px solid color-mix(in srgb,var(--metal) 18%,transparent);text-align:center}
  .mn-r .mn-l{font-size:.78rem;letter-spacing:.16em}
  .mn-r a[aria-current="page"]{background:color-mix(in srgb,var(--accent) 12%,transparent);border-color:color-mix(in srgb,var(--accent-hi) 55%,transparent)}
}
@media(max-width:380px){.mn-r .mn-l{letter-spacing:.11em}.mn-r a{padding:6px 4px}}
/* przycisk bety na końcu podstron tylko na desktopie (na telefonie przypomina pływający pasek) */
@media(max-width:899px){.final .fin-beta{display:none}}
/* Menu zwarte: blok wyśrodkowany (lekko powyżej środka), bez rozciągania */
@media(max-width:640px){
  .mnav-panel{justify-content:center;padding:58px 26px max(40px,calc(env(safe-area-inset-bottom) + 24px))}
  .mnav-head{margin:0 0 clamp(18px,3vh,26px)}
  .mnav-moon{width:28px;height:30px;margin:0 auto 8px}
  .mnav-head p{font-size:.54rem}
  .mnav-nav{margin:0}
  .mn-all{gap:clamp(8px,1.3vh,11px)}
  .mn-m a{padding:clamp(12px,1.9vh,16px) 16px clamp(12px,1.9vh,16px) 12px}
  .mn-m .mn-l{font-size:1.48rem}
  .mn-r a{min-height:clamp(44px,6.2vh,52px)}
  .mnav-foot{margin-top:clamp(22px,4vh,34px)}
}
/* Pieczęć klubu w głowie menu (podąża za motywem, jak pieczęć finału) */
@media(max-width:640px){
  .mnav-seal{display:block;width:clamp(54px,8.4vh,66px);height:auto;margin:0 auto 10px;filter:drop-shadow(0 6px 14px #000c) drop-shadow(0 0 18px color-mix(in srgb,var(--accent) 45%,transparent));animation:mnSeal .7s cubic-bezier(.2,.7,.2,1) both}
  .mnav-head{margin-bottom:clamp(16px,2.6vh,24px)}
}
@keyframes mnSeal{from{opacity:0;transform:scale(.92)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.mnav-seal{animation:none}}
/* Fioletowa poświata pieczęci w menu (stały ametyst – niezależnie od motywu) */
@media(max-width:640px){
  .mnav-head{--sw:clamp(54px,8.4vh,66px);--sv:#9B6BE0;--sl:#CDB4FF;position:relative;isolation:isolate}
  .mnav-seal{width:var(--sw);margin-bottom:16px;filter:drop-shadow(0 6px 12px #000c) drop-shadow(0 0 9px color-mix(in srgb,var(--sl) 38%,transparent)) drop-shadow(0 0 24px color-mix(in srgb,var(--sv) 30%,transparent))}
  .mnav-head::before{content:"";position:absolute;left:50%;top:calc(var(--sw)*.56);z-index:-1;width:calc(var(--sw)*2.6);height:calc(var(--sw)*2.6);border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);
    background:radial-gradient(circle,color-mix(in srgb,var(--sl) 30%,transparent) 0,color-mix(in srgb,var(--sv) 24%,transparent) 22%,color-mix(in srgb,#4a2a7a 16%,transparent) 44%,transparent 70%);animation:mnAura 8s ease-in-out infinite}
}
@keyframes mnAura{0%,100%{opacity:.8;transform:translate(-50%,-50%) scale(.97)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.03)}}
@media(prefers-reduced-motion:reduce){.mnav-head::before{animation:none}}
/* Beta: „Jak działa beta” – 5 etapów */
.bk-etapy{border-top:1px solid color-mix(in srgb,var(--metal) 14%,transparent)}
.bk-etapy .eyebrow{text-align:center}
.bk-lead{max-width:40rem;margin:0 auto 34px;text-align:center}
.bk-lead em{color:var(--metal-hi);font-style:normal;white-space:nowrap}
@media(min-width:900px){.bk-etapy-l{max-width:64rem}}
.bk-zasady{max-width:44rem;margin:8px auto 0;display:grid;gap:12px;padding:22px 24px;border:1px solid color-mix(in srgb,var(--metal) 22%,transparent);border-radius:18px;background:color-mix(in srgb,var(--tint) 35%,transparent)}
.bk-zasady p{margin:0;color:var(--muted);font-size:.98rem}
.bk-zasady b{font-family:var(--caps);font-weight:400;letter-spacing:.12em;text-transform:uppercase;font-size:.72rem;color:var(--metal-hi);margin-right:4px}
/* Bramka: kroki instalacji zawsze pionowo (globalne .steps ma 4 kolumny od 760px) */
.bk-steps,.bk-guide{grid-template-columns:minmax(0,1fr)!important;gap:16px}
.bk-steps li,.bk-guide li{padding-left:48px;min-height:34px;line-height:1.55}
.bk-steps li::before,.bk-guide li::before{top:-2px}
.bk-steps strong,.bk-guide strong{font-weight:600;text-shadow:none}
/* Zostań testerem */
.zt-sec{padding:64px 0 40px}
.zt-sec .eyebrow,.zt-sec h2{text-align:center}
.zt-lead{max-width:38rem;margin:0 auto 34px;text-align:center}
.zt-steps{max-width:44rem}
.zt-steps a{color:var(--metal-hi);text-underline-offset:3px;white-space:nowrap}
@media(min-width:980px){.zt-steps{max-width:60rem;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:36px}}
.zt-cta{max-width:30rem;margin:6px auto 0;text-align:center}
.zt-cta .btn{width:100%}
.zt-req{margin:14px 0 4px;color:var(--metal-hi);font-family:var(--caps);font-size:.74rem;letter-spacing:.14em;text-transform:uppercase}
.zt-addr{margin:0;color:var(--muted);font-size:.9rem}
.zt-copy{user-select:all;-webkit-user-select:all;color:var(--text,#eee);border-bottom:1px dashed color-mix(in srgb,var(--metal) 45%,transparent);padding:0 2px}
.soon.soon-s{display:inline-block;font-size:clamp(.82rem,2.6vw,.98rem);letter-spacing:.16em;line-height:1.6}
.prem-one{margin:.2em auto .9em;max-width:30rem;color:var(--muted);font-size:.9rem;line-height:1.55}