:root{
  --wegiel:#191210;
  --wegiel-2:#221915;
  --wegiel-3:#2A1F19;
  --zloto:#D4AF37;
  --zloto-c:#B08D26;
  --papier:#F4EDDE;
  --papier-2:#EAE0CB;
  --tekst:#F4EDDE;
  --tekst-mut:#BFAE9C;
  --linia:#3A2C24;
  --amber:#E3C158;
  
  --display:'Archivo Black','Arial Black','Segoe UI Black',system-ui,sans-serif;
  --body:'Inter','Segoe UI',system-ui,-apple-system,sans-serif;
  --mono:Consolas,'Cascadia Mono',ui-monospace,monospace;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  background:var(--wegiel);
  color:var(--tekst);
  font-family:var(--body);
  font-size:17px;
  line-height:1.65;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}
::selection{background:var(--zloto);color:var(--wegiel)}
a{color:inherit}
img{max-width:100%;height:auto}
.wrap{max-width:1160px;margin:0 auto;padding:0 24px}
.waski{max-width:760px;margin:0 auto;padding:0 24px}

nav{
  position:sticky;top:0;z-index:50;
  background:rgba(25,18,16,.94);
  backdrop-filter:blur(8px);
  border-bottom:1px solid var(--linia);
  
  min-height:66px;box-sizing:border-box;
}
.nav-in{
  
  display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;
  
  padding:10px 24px;max-width:1160px;margin:0 auto;
}
.nav-in .logo{justify-self:start}
.nav-in .nav-links{justify-self:center}
.nav-in .nav-akcje{justify-self:end}

@media (max-width:700px){
.nav-in{display:flex;align-items:center;justify-content:space-between;gap:10px}
.nav-in .nav-links{justify-self:auto}
}

.nav-in .logo img{display:block;height:44px;width:auto}

.nav-links{list-style:none;display:flex;align-items:center;gap:28px;font-size:15px}
.nav-links a{text-decoration:none;color:var(--tekst-mut);transition:color .2s}
.nav-links a:hover{color:var(--zloto)}
.nav-cta{
  
  line-height:24px;
  background:var(--zloto);color:var(--wegiel) !important;
  padding:9px 18px;border-radius:999px;font-weight:700;
  text-decoration:none;white-space:nowrap;
}
.nav-cta:hover{background:var(--amber)}
@media(max-width:820px){
  .nav-links{gap:14px;font-size:13px}
  .nav-links li.chowaj{display:none}
}

.okruszki{font-size:13px;color:var(--tekst-mut);padding:22px 0 0;letter-spacing:.02em}
.okruszki a{color:var(--tekst-mut);text-decoration:none;border-bottom:1px solid var(--linia)}
.okruszki a:hover{color:var(--zloto)}

.eyebrow,.sec-label{
  display:inline-block;font-family:var(--mono);font-size:12px;
  letter-spacing:.22em;text-transform:uppercase;color:var(--zloto);
  margin-bottom:14px;
}
h1{
  font-family:var(--display);font-weight:900;line-height:1.03;
  font-size:clamp(34px,5.6vw,60px);letter-spacing:-.02em;
}
h2{
  font-family:var(--display);font-weight:900;line-height:1.1;
  font-size:clamp(26px,3.6vw,40px);letter-spacing:-.015em;margin-bottom:14px;
}
h3{font-size:20px;font-weight:700;margin-bottom:8px;letter-spacing:-.01em}
.hot{color:var(--zloto)}
.lead{font-size:clamp(17px,2vw,21px);color:var(--papier-2);margin-top:18px;max-width:62ch}
section{padding:64px 0;border-top:1px solid var(--linia)}
.sec-head{margin-bottom:34px;max-width:70ch}
.sec-head p{color:var(--tekst-mut);margin-top:8px}

.pod-hero{padding:34px 0 56px}
.pod-hero .meta{
  display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 0;
}
.tag{
  font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;
  background:var(--wegiel-2);border:1px solid var(--linia);color:var(--tekst-mut);
  padding:6px 12px;border-radius:999px;
}
.tag.zloty{border-color:var(--zloto-c);color:var(--zloto)}

.liczby{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));
  gap:1px;background:var(--linia);border:1px solid var(--linia);border-radius:14px;overflow:hidden;
}
.liczba{background:var(--wegiel-2);padding:24px 20px}
.liczba .duza{
  display:block;font-family:var(--display);font-weight:900;color:var(--zloto);
  font-size:clamp(28px,4vw,40px);line-height:1;letter-spacing:-.02em;
}
.liczba .podpis{display:block;margin-top:8px;font-size:14px;color:var(--tekst-mut);line-height:1.4}

.tresc p{margin-bottom:18px;color:var(--papier-2)}
.tresc h2{margin-top:44px}
.tresc h3{margin-top:30px;color:var(--zloto)}
.tresc ul,.tresc ol{margin:0 0 20px 22px;color:var(--papier-2)}
.tresc li{margin-bottom:8px}
.tresc strong{color:var(--papier)}
.tresc a{color:var(--zloto)}

.tab{width:100%;border-collapse:collapse;margin:8px 0 26px;font-size:16px}
.tab th,.tab td{padding:13px 14px;text-align:left;border-bottom:1px solid var(--linia)}
.tab th{font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--zloto)}
.tab td:last-child{text-align:right;font-weight:700;white-space:nowrap}
.tab tr:last-child td{border-bottom:none}
.tab-wrap{overflow-x:auto}

.cytat{
  border-left:3px solid var(--zloto);background:var(--wegiel-2);
  padding:26px 28px;border-radius:0 14px 14px 0;margin:30px 0;
}
.cytat p{font-size:20px;line-height:1.5;color:var(--papier);margin-bottom:12px}
.cytat cite{font-style:normal;font-size:14px;color:var(--tekst-mut)}

.karty{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}
.karta{
  background:var(--wegiel-2);border:1px solid var(--linia);border-radius:16px;
  padding:26px;display:flex;flex-direction:column;
  transition:border-color .2s,transform .2s;
}
a.karta{text-decoration:none}
a.karta:hover{border-color:var(--zloto-c);transform:translateY(-3px)}
.karta .typ{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--zloto);margin-bottom:10px}
.karta p{color:var(--tekst-mut);font-size:15px;flex:1}
.karta .wynik{
  margin-top:16px;padding-top:16px;border-top:1px solid var(--linia);
  font-family:var(--display);font-weight:900;color:var(--zloto);font-size:22px;
}
.karta .wynik small{display:block;font-family:var(--body);font-weight:400;font-size:13px;color:var(--tekst-mut);letter-spacing:0}
.karta .czytaj{margin-top:14px;font-weight:700;color:var(--zloto);font-size:15px}

.kroki{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
.krok{border-top:2px solid var(--zloto-c);padding-top:16px}
.krok .num{font-family:var(--mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--zloto)}
.krok p{color:var(--tekst-mut);font-size:15px}

.faq{border-bottom:1px solid var(--linia)}
.faq summary{
  cursor:pointer;list-style:none;padding:18px 40px 18px 0;position:relative;
  font-weight:700;font-size:17px;
}
.faq summary::-webkit-details-marker{display:none}

.faq summary::after,
.pyt summary::after{
  content:"";position:absolute;right:16px;top:calc(50% - 7px);
  width:9px;height:9px;
  border-right:2px solid var(--zloto);border-bottom:2px solid var(--zloto);
  transform:rotate(45deg);transition:transform .2s,top .2s;
}
.faq[open] summary::after,
.pyt[open] summary::after{transform:rotate(-135deg);top:calc(50% - 3px)}
.faq p{padding:0 0 20px;color:var(--tekst-mut);max-width:75ch}
.faq p a{color:var(--zloto)}

.btn{
  display:inline-block;text-decoration:none;font-weight:700;
  padding:15px 28px;border-radius:999px;transition:.2s;font-size:16px;
}
.btn-hot{background:var(--zloto);color:var(--wegiel)}
.btn-hot:hover{background:var(--amber)}
.btn-ghost{border:1px solid var(--linia);color:var(--tekst)}
.btn-ghost:hover{border-color:var(--zloto);color:var(--zloto)}
.cta-blok{
  
  border:2px solid var(--zloto);border-radius:4px;
  padding:52px 34px;text-align:center;
  background:
    radial-gradient(400px 200px at 50% 0%,rgba(212,175,55,.12),transparent 70%),
    var(--wegiel-2);
}
.cta-blok p{
  color:var(--tekst-mut);max-width:46ch;margin:16px auto 28px;
  
  text-wrap:balance;
}
.cta-blok .btn{margin:0 6px 10px}

footer{border-top:1px solid var(--linia);padding:52px 0 30px;background:var(--wegiel-2)}
.foot-siatka{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1fr;gap:30px}
@media(max-width:1000px){.foot-siatka{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:700px){.foot-siatka{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.foot-siatka{grid-template-columns:1fr}}
.foot-siatka h4{
  font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;
  color:var(--zloto);margin-bottom:14px;
}
.foot-siatka ul{list-style:none;font-size:15px}
.foot-siatka li{margin-bottom:9px}
.foot-siatka a{color:var(--tekst-mut);text-decoration:none}
.foot-siatka a:hover{color:var(--zloto)}
.foot-o{color:var(--tekst-mut);font-size:15px;max-width:34ch}
.foot-o img{height:56px;width:auto;margin-bottom:14px}
.foot-dol{
  margin-top:40px;padding-top:22px;border-top:1px solid var(--linia);
  display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;
  font-size:13px;color:var(--tekst-mut);
}
.foot-dol a{color:var(--tekst-mut)}

.reveal{opacity:0;transform:translateY(16px);transition:opacity .5s ease,transform .5s ease}
.reveal.on{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  .reveal{opacity:1;transform:none;transition:none}
  html{scroll-behavior:auto}
}

.karty.pary{grid-template-columns:repeat(2,1fr)}
@media(max-width:720px){.karty.pary{grid-template-columns:1fr}}

.nav-akcje{display:flex;align-items:center;gap:10px}
.nav-burger{
  display:none;align-items:center;justify-content:center;
  width:42px;height:42px;padding:0;
  background:transparent;border:1px solid var(--linia);border-radius:12px;
  color:var(--tekst);cursor:pointer;
}
.nav-burger span{position:relative;display:block;width:18px;height:2px;background:currentColor}
.nav-burger span::before,.nav-burger span::after{
  content:"";position:absolute;left:0;width:18px;height:2px;background:currentColor;
  transition:transform .18s,top .18s;
}
.nav-burger span::before{top:-6px}
.nav-burger span::after{top:6px}
nav.otwarte .nav-burger span{background:transparent}
nav.otwarte .nav-burger span::before{top:0;transform:rotate(45deg)}
nav.otwarte .nav-burger span::after{top:0;transform:rotate(-45deg)}

body .dlugie{display:none}

.wycena{margin-top:24px;display:grid;gap:1px;background:var(--linia);border:1px solid var(--linia);border-radius:16px;overflow:hidden}
.wycena-poz{background:var(--wegiel-2,#221915);padding:24px;display:flex;flex-direction:column;gap:8px}
.wycena-co{
  order:1;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
  color:var(--papier-mut,#BFAE9C);
}
.wycena-kwota{
  order:2;font-family:var(--display);font-size:34px;line-height:1.05;
  letter-spacing:-.03em;color:var(--zloto);
}
.wycena-kwota span{
  display:block;font-family:var(--body);font-size:14px;font-weight:600;
  letter-spacing:.02em;color:var(--amber,#E3C158);margin-top:5px;
}
.wycena-papierek{
  order:3;margin:6px 0 0;padding-top:12px;border-top:1px dashed var(--linia);
  font-size:17px;line-height:1.45;color:var(--papier);
}
.wycena-pakiet{background:#2A2018}
.wycena-pakiet .wycena-kwota{color:var(--amber,#E3C158)}
@media (min-width:760px){
  .wycena{grid-template-columns:repeat(2,1fr)}
  .wycena-kwota{font-size:40px}
  .wycena-pakiet{grid-column:1 / -1}
}

.dzienny{
  margin-top:22px;display:grid;gap:18px;align-items:center;
  background:linear-gradient(135deg,rgba(212,175,55,.14),rgba(212,175,55,.04));
  border:1px solid var(--zloto);border-radius:18px;padding:26px 24px;
}
.dzienny-kwota{
  font-family:var(--display);font-size:64px;line-height:.9;color:var(--zloto);
  letter-spacing:-.04em;
}
.dzienny-kwota span{
  display:block;font-family:var(--body);font-size:15px;font-weight:600;
  letter-spacing:.14em;text-transform:uppercase;color:var(--zloto);margin-top:8px;
}
.dzienny-tekst p{margin:0 0 10px;font-size:19px;line-height:1.5;color:var(--papier)}
.dzienny-tekst p:last-child{margin-bottom:0}
.dzienny-mut{color:var(--papier-mut,#BFAE9C)!important;font-size:16px!important}
@media (min-width:760px){
  .dzienny{grid-template-columns:auto 1fr;gap:34px;padding:34px 36px}
  .dzienny-kwota{font-size:86px}
}

section{padding:52px 0}
.skok-do-kwot{margin-top:18px}
.skok-do-kwot a{
  display:inline-block;color:var(--zloto);text-decoration:none;font-weight:600;
  border:1px solid var(--zloto);border-radius:999px;padding:10px 20px;
  transition:background .2s ease,color .2s ease;
}
.skok-do-kwot a:hover{background:var(--zloto);color:var(--wegiel)}
.lista-plus,.lista-minus{margin:14px 0 0;padding-left:22px}
.lista-plus li,.lista-minus li{margin-bottom:9px;line-height:1.55}

.punkty{display:grid;gap:12px;margin-top:4px}
.punkt{
  display:flex;gap:14px;align-items:baseline;
  background:var(--wegiel-2,#221915);border:1px solid var(--linia);
  border-radius:14px;padding:16px 18px;
}

.pt-nr{
  flex:0 0 auto;font-family:var(--display);font-size:15px;color:var(--zloto);
  letter-spacing:.02em;min-width:24px;
}

.punkt strong{display:block;font-size:16px;color:var(--papier);line-height:1.3}

.punkty-nie .punkt{
  border-left:3px solid var(--zloto-c,#B08D26);
  background:rgba(255,255,255,.025);
}
.punkt span{display:block;font-size:14.5px;color:var(--papier-mut,#BFAE9C);margin-top:3px;line-height:1.4}

.pyt{border-bottom:1px solid var(--linia);padding:2px 0}
.pyt summary{
  cursor:pointer;list-style:none;padding:15px 0;font-size:17px;font-weight:600;
  color:var(--papier);display:flex;justify-content:space-between;gap:16px;align-items:center;
}
.pyt summary::-webkit-details-marker{display:none}

.pyt summary:hover{color:var(--zloto)}
.pyt p{margin:0 0 16px;color:var(--papier-mut,#BFAE9C);max-width:66ch;line-height:1.6}
@media (min-width:760px){
  .punkty{grid-template-columns:repeat(2,1fr);gap:14px}
}
@media (min-width:1080px){
  .punkty{grid-template-columns:repeat(3,1fr)}
}

@media (min-width:760px){
  .wycena-poz:nth-child(odd):nth-last-child(2){grid-column:1 / -1}
}

.zestawienie{display:grid;gap:14px;margin-top:4px}
.zest-kol{border:1px solid var(--linia);border-radius:16px;padding:22px 24px;background:var(--wegiel-2,#221915)}
.zest-tyt{
  display:block;font-size:12px;font-weight:700;letter-spacing:.16em;
  text-transform:uppercase;margin-bottom:14px;
}
.zest-oni .zest-tyt{color:var(--papier-mut,#BFAE9C)}
.zest-my{border-color:var(--zloto-c,#B08D26)}
.zest-my .zest-tyt{color:var(--zloto)}
.zest-kol ul{list-style:none;margin:0;padding:0}
.zest-kol li{position:relative;padding-left:22px;margin-bottom:13px;line-height:1.45;font-size:15.5px}
.zest-kol li strong{color:var(--papier);font-weight:600}
.zest-oni li strong{color:var(--papier)}
.zest-kol li:last-child{margin-bottom:0}
.zest-kol li::before{
  content:"";position:absolute;left:0;top:9px;width:7px;height:7px;border-radius:50%;
}
.zest-oni li{color:var(--papier-mut,#BFAE9C)}
.zest-oni li::before{background:#5A4A40}
.zest-my li{color:var(--papier)}
.zest-my li::before{background:var(--zloto)}
.pod-zestawieniem{margin-top:20px;max-width:70ch;color:var(--papier-mut,#BFAE9C);font-size:16px;line-height:1.6}
.pod-zestawieniem strong{color:var(--papier)}
@media (min-width:760px){
  .zestawienie{grid-template-columns:1fr 1fr;gap:18px}
}

.za-ciebie{
  border:1px solid var(--zloto);border-radius:18px;padding:28px 26px;
  background:linear-gradient(135deg,rgba(212,175,55,.10),rgba(212,175,55,.03));
  display:grid;gap:20px;
}
.zc-glowne{
  font-family:var(--display);font-size:30px;line-height:1.12;
  letter-spacing:-.02em;color:var(--papier);
}
.zc-glowne span{color:var(--zloto)}
.zc-lista{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.zc-lista li{position:relative;padding-left:24px;font-size:16px;line-height:1.45;color:var(--papier)}
.zc-lista li::before{
  content:"";position:absolute;left:0;top:8px;width:9px;height:9px;
  border-radius:50%;background:var(--zloto);
}
.zc-dopisek{margin:0;font-size:15px;color:var(--papier-mut,#BFAE9C)}
@media (min-width:860px){
  .za-ciebie{grid-template-columns:1fr 1fr;gap:26px 40px;padding:34px 36px;align-items:start}
  .zc-glowne{font-size:38px}
  .zc-dopisek{grid-column:1 / -1;padding-top:16px;border-top:1px solid rgba(212,175,55,.25)}
}

.spokoj{
  border:1px solid var(--linia);border-radius:20px;padding:30px 28px;
  background:var(--wegiel-2,#221915);display:grid;gap:22px;
}
.sp-tytul{
  font-family:var(--display);font-size:27px;line-height:1.18;
  letter-spacing:-.02em;margin-top:10px;max-width:20ch;
}
.sp-lista{list-style:none;margin:0;padding:0;display:grid;gap:12px;align-content:start}
.sp-lista li{
  position:relative;padding-left:26px;font-size:17px;line-height:1.45;
  color:var(--papier-mut,#BFAE9C);
}
.sp-lista li::before{
  content:"";position:absolute;left:0;top:12px;width:14px;height:2px;
  background:var(--zloto-c,#B08D26);
}
.sp-puenta{
  grid-column:1 / -1;margin:0;padding-top:18px;border-top:1px solid var(--linia);
  font-size:17px;color:var(--papier-mut,#BFAE9C);
}
.sp-puenta strong{color:var(--zloto);font-weight:600}
@media (min-width:860px){
  .spokoj{grid-template-columns:1fr 1fr;gap:26px 44px;padding:38px 40px}
  .sp-tytul{font-size:34px}
}

.sp-obietnica{
  grid-column:1 / -1;display:grid;gap:12px;margin-top:4px;padding-top:20px;
  border-top:1px solid var(--linia);
}
.sp-ob-poz{
  position:relative;padding-left:20px;border-left:3px solid var(--zloto);
}
.sp-ob-poz strong{display:block;font-size:18px;color:var(--papier);line-height:1.3}
.sp-ob-poz span{display:block;font-size:15.5px;color:var(--papier-mut,#BFAE9C);margin-top:4px}
@media (min-width:860px){
  .sp-obietnica{grid-template-columns:1fr 1fr;gap:22px}
}

.foot-siatka img{height:auto;max-width:168px;margin-bottom:16px}

html{scroll-padding-top:0}

section[id],
.kafel,
.kafel-plaski,
details.faq,
details.pyt{scroll-margin-top:var(--pasek-h,86px)}

.kafel-plaski{padding:0;overflow:hidden}
.kafel-glowa.plaska{
    display:block;width:100%;text-align:left;
    background:transparent;border:none;color:inherit;font-family:inherit;
    padding:18px 38px 18px 18px;cursor:pointer;position:relative;
    -webkit-appearance:none;appearance:none;
    -webkit-tap-highlight-color:transparent;
  }
.kafel-glowa.plaska .czytaj{display:none}
.kafel-glowa.plaska::after{
    content:"";position:absolute;right:16px;top:24px;
    width:8px;height:8px;
    border-right:2px solid var(--zloto);border-bottom:2px solid var(--zloto);
    transform:rotate(45deg);transition:transform .2s;
  }
.kafel-plaski.otwarty{border-color:var(--zloto-c)}
.kafel-plaski.otwarty .kafel-glowa.plaska::after{transform:rotate(-135deg);top:28px}
.kafel-plaski .kafel-cialo{display:none}
.kafel-plaski.otwarty .kafel-cialo{display:block}
.kafel-plaski .kafel-cialo section{padding:0 0 18px;border-top:1px solid var(--linia)}
.kafel-plaski .kafel-cialo .waski{padding:0 18px}
.kafel-plaski .kafel-cialo h2{display:none} 
.kafel-plaski .kafel-cialo .sec-label{display:none}

@media (min-width:641px){
  .karty.karty-pionowo{display:block}
  .karty.karty-pionowo>*{width:auto;margin-bottom:14px}
  .kafel-plaski .kafel-cialo .waski{padding:0 26px 6px}
  .kafel-glowa.plaska{padding:22px 56px 22px 26px}
}

section[id]:target{padding-top:20px;border-top-color:transparent}

section[id]:target .sec-head{margin-top:0}
section[id]:target .sec-head>:first-child{margin-top:0}