@font-face {
  font-family: "Host Grotesk";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/host-grotesk-400-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Host Grotesk";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/host-grotesk-400-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Host Grotesk";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/fonts/host-grotesk-700-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Host Grotesk";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/fonts/host-grotesk-700-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "JetBrains Mono";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/jetbrains-mono-400-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "JetBrains Mono";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/jetbrains-mono-400-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  color-scheme: light;

  --kolor-tlo: #ffffff;
  --kolor-tlo-2: #fafafa;
  --kolor-tekst: #0d0d0d;
  --kolor-tekst-2: #5a5a5a;
  --kolor-linia: #0d0d0d;
  --kolor-linia-2: #dcdcdc;
  --kolor-siatka: #ececec;
  --kolor-kropka: #ff4d00;
  --kolor-akcent: var(--kolor-kropka);
  --kolor-na-akcencie: #0d0d0d;
  --kolor-odwrocony-tlo: #0d0d0d;
  --kolor-odwrocony-tekst: #ffffff;
  --kolor-odwrocony-tekst-2: #a6a6a6;
  --kolor-odwrocony-linia: #333333;
  --kolor-fokus: var(--kolor-tekst);
  --kolor-zaznaczenie-tlo: #0d0d0d;
  --kolor-zaznaczenie-tekst: #ffffff;

  --font-naglowek: "Host Grotesk", "Helvetica Neue", Arial, sans-serif;
  --font-tekst: "Host Grotesk", "Helvetica Neue", Arial, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;
  --waga-naglowek: 700;
  --waga-tekst: 400;
  --waga-akcent: 700;
  --waga-mono: 400;

  --tekst-hero: clamp(6.5rem, 2.229rem + 17.524vw, 18rem);
  --tekst-hero-en: clamp(4.5rem, 1.343rem + 12.952vw, 13rem);
  --tekst-display-1: clamp(4rem, 2.004rem + 8.19vw, 9.375rem);
  --tekst-display-2: clamp(2.875rem, 1.993rem + 3.619vw, 5.25rem);
  --tekst-wpis: clamp(2.75rem, 2.471rem + 1.143vw, 3.5rem);
  --tekst-h3: clamp(1.625rem, 1.439rem + 0.762vw, 2.125rem);
  --tekst-h4: clamp(1.75rem, 1.471rem + 1.143vw, 2.5rem);
  --tekst-mail: clamp(1.3125rem, -0.43rem + 7.143vw, 6rem);
  --tekst-lead-duzy: clamp(1.1875rem, 1.071rem + 0.476vw, 1.5rem);
  --tekst-lead: clamp(1.125rem, 1.055rem + 0.286vw, 1.3125rem);
  --tekst-bazowy: clamp(1rem, 0.977rem + 0.095vw, 1.0625rem);
  --tekst-maly: 0.9375rem;
  --tekst-drobny: 0.8125rem;
  --tekst-mono: 0.75rem;
  --tekst-mono-maly: 0.6875rem;

  --interlinia-hero: 0.84;
  --interlinia-display: 0.9;
  --interlinia-naglowek: 1.05;
  --interlinia-lead: 1.42;
  --interlinia-tekst: 1.5;
  --interlinia-prawna: 1.6;
  --interlinia-mono: 1.5;

  --swiatlo-hero: -0.04em;
  --swiatlo-display: -0.035em;
  --swiatlo-naglowek: -0.03em;
  --swiatlo-podtytul: -0.02em;
  --swiatlo-lead: -0.01em;
  --swiatlo-tekst: 0em;
  --swiatlo-mono: 0em;

  --miara-tekst: 68ch;
  --miara-lead: 34em;

  --odstep-1: 4px;
  --odstep-2: 8px;
  --odstep-3: 12px;
  --odstep-4: 16px;
  --odstep-5: 20px;
  --odstep-6: 24px;
  --odstep-7: 32px;
  --odstep-8: 40px;
  --odstep-9: 48px;
  --odstep-10: 64px;
  --odstep-11: 72px;
  --odstep-12: 96px;
  --odstep-13: 120px;

  --sekcja-gora: clamp(72px, 54.17px + 4.571vw, 120px);
  --sekcja-dol: clamp(72px, 57.89px + 3.619vw, 110px);
  --glowa-dol: clamp(36px, 25.6px + 2.667vw, 64px);
  --wiersz-pion: clamp(20px, 17.77px + 0.571vw, 26px);

  --siatka-kolumny: 12;
  --siatka-margines: 40px;
  --siatka-odstep: 20px;
  --siatka-max: 1680px;
  --indeks-kolumny: 3;

  --naglowek-wysokosc: 64px;
  --cookie-wysokosc: 52px;
  --przycisk-wysokosc: 40px;
  --przycisk-wysokosc-maly: 32px;
  --cel-dotyku: 44px;

  --linia: 1px;
  --linia-mocna: 2px;
  --fokus-grubosc: 2px;
  --fokus-odsuniecie: 3px;
  --podkreslenie-grubosc: 1px;
  --podkreslenie-odsuniecie: 2px;
  --promien: 0;

  --kropka-znacznik: 8px;
  --kropka-schemat: 12px;
  --ikona: 14px;
  --ikona-kreska: 1.75;
  --ikona-rozwin: 26px;
  --ikona-rozwin-kreska: 1.25;

  --czas-natychmiast: 100ms;
  --czas-szybki: 200ms;
  --czas-sredni: 400ms;
  --czas-link: 500ms;
  --czas-linia: 600ms;
  --czas-wejscie: 900ms;
  --czas-hero: 1100ms;
  --czas-kropka: 1200ms;
  --opoznienie-wiersz-2: 120ms;
  --opoznienie-kropka: 700ms;
  --opoznienie-stagger: 60ms;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --ease-in: cubic-bezier(0.55, 0, 1, 0.45);
  --ease-kolor: cubic-bezier(0.2, 0, 0, 1);
  --przesuniecie-wejscie: 24px;
  --przesuniecie-hero: 40%;

  --z-tresc: 1;
  --z-naglowek: 10;
  --z-menu: 20;
  --z-cookie: 30;
  --z-pomin: 40;
}

@media (max-width: 1100px) {
  :root {
    --siatka-margines: 32px;
    --siatka-odstep: 16px;
  }
}

@media (max-width: 760px) {
  :root {
    --siatka-kolumny: 4;
    --siatka-margines: 20px;
    --siatka-odstep: 12px;
    --indeks-kolumny: 0;
    --naglowek-wysokosc: 56px;
  }
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --czas-link: 0ms;
    --czas-linia: 0ms;
    --czas-wejscie: 0ms;
    --czas-hero: 0ms;
    --czas-kropka: 0ms;
    --czas-sredni: 0ms;
    --opoznienie-wiersz-2: 0ms;
    --opoznienie-kropka: 0ms;
    --opoznienie-stagger: 0ms;
    --przesuniecie-wejscie: 0px;
    --przesuniecie-hero: 0%;
  }
}

.m8t {
  margin: 0;
  background: var(--kolor-tlo);
  color: var(--kolor-tekst);
  font-family: var(--font-tekst);
  font-weight: var(--waga-tekst);
  font-size: var(--tekst-bazowy);
  line-height: var(--interlinia-tekst);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-kerning: normal;
}
.m8t ::selection {
  background: var(--kolor-zaznaczenie-tlo);
  color: var(--kolor-zaznaczenie-tekst);
}
.m8t :focus-visible {
  outline: var(--fokus-grubosc) solid var(--kolor-fokus);
  outline-offset: var(--fokus-odsuniecie);
  border-radius: var(--promien);
}

.siatka {
  display: grid;
  grid-template-columns: repeat(var(--siatka-kolumny), minmax(0, 1fr));
  column-gap: var(--siatka-odstep);
  padding-inline: var(--siatka-margines);
}

.linie-siatki {
  --szer-kol: calc((100% - 2 * var(--siatka-margines) - (var(--siatka-kolumny) - 1) * var(--siatka-odstep)) / var(--siatka-kolumny));
  background-image: repeating-linear-gradient(90deg, transparent 0, transparent calc(var(--szer-kol) + var(--siatka-odstep) - var(--linia)), var(--kolor-siatka) calc(var(--szer-kol) + var(--siatka-odstep) - var(--linia)), var(--kolor-siatka) calc(var(--szer-kol) + var(--siatka-odstep)));
  background-position: calc(var(--siatka-margines) - var(--siatka-odstep) / 2) 0;
  background-size: calc(100% - 2 * var(--siatka-margines) + var(--siatka-odstep)) 100%;
  background-repeat: no-repeat;
}

.m {
  font-family: var(--font-mono);
  font-weight: var(--waga-mono);
  font-size: var(--tekst-mono);
  line-height: var(--interlinia-mono);
  letter-spacing: var(--swiatlo-mono);
  color: var(--kolor-tekst-2);
  font-variant-numeric: tabular-nums;
  text-transform: none;
}
.m--ciemna {
  color: var(--kolor-tekst);
}

.kropka {
  color: var(--kolor-kropka);
}
.znacznik {
  display: inline-block;
  width: var(--kropka-znacznik);
  height: var(--kropka-znacznik);
  background: var(--kolor-kropka);
  flex: none;
}

.lnk {
  color: inherit;
  text-decoration: none;
  background: linear-gradient(currentColor, currentColor) 0 100% / 100% var(--podkreslenie-grubosc) no-repeat;
  padding-bottom: var(--podkreslenie-odsuniecie);
  transition: background-size var(--czas-link) var(--ease-out);
}
@media (hover: hover) {
  .lnk:hover {
    background-size: 0 var(--podkreslenie-grubosc);
    background-position: 100% 100%;
  }
}
.lnk:active {
  color: var(--kolor-tekst-2);
}

.przycisk {
  display: inline-flex;
  align-items: center;
  gap: var(--odstep-2);
  height: var(--przycisk-wysokosc);
  padding: 0 var(--odstep-4);
  font: inherit;
  font-size: var(--tekst-maly);
  font-weight: var(--waga-akcent);
  line-height: 1;
  color: var(--kolor-tekst);
  background: transparent;
  border: var(--linia) solid var(--kolor-tekst);
  border-radius: var(--promien);
  cursor: pointer;
  text-decoration: none;
  transition: background-color var(--czas-szybki) var(--ease-kolor), color var(--czas-szybki) var(--ease-kolor);
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
}
.przycisk--pelny {
  background: var(--kolor-tekst);
  color: var(--kolor-tlo);
}
@media (hover: hover) {
  .przycisk:hover {
    background: var(--kolor-tekst);
    color: var(--kolor-tlo);
  }
  .przycisk--pelny:hover {
    background: var(--kolor-tlo);
    color: var(--kolor-tekst);
  }
}
.przycisk:active {
  transform: translateY(1px);
}
.przycisk[disabled],
.przycisk[aria-disabled="true"] {
  color: var(--kolor-tekst-2);
  border-color: var(--kolor-linia-2);
  background: transparent;
  cursor: not-allowed;
  transform: none;
}

.ik {
  width: var(--ikona);
  height: var(--ikona);
  stroke: currentColor;
  fill: none;
  stroke-width: var(--ikona-kreska);
  stroke-linecap: square;
  stroke-linejoin: miter;
  vertical-align: -1px;
  flex: none;
}
*, *::before, *::after { box-sizing: border-box; }
html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  scroll-padding-top: calc(var(--naglowek-wysokosc) + var(--odstep-4));
  -webkit-tap-highlight-color: transparent;
}
@media (prefers-reduced-motion: no-preference) {
  html.plynnie { scroll-behavior: smooth; }
}
html:not(.cookie-zamkniety) { scroll-padding-bottom: calc(var(--cookie-wysokosc) + var(--odstep-4)); }
.menu-otwarte .cookie { visibility: hidden; }
@media print {
  .przed-wejsciem { opacity: 1; transform: none; }
  .cookie, .menu-przycisk { display: none; }
}
body { margin: 0; }
h1, h2, h3, h4, p, ul, ol, dl, dd, figure, address { margin: 0; padding: 0; }
ul, ol { list-style: none; }
a { color: inherit; text-decoration: none; }
button { font: inherit; color: inherit; }
address { font-style: normal; }
svg { display: block; }
a, button { touch-action: manipulation; }
button { -webkit-user-select: none; user-select: none; }
[hidden] { display: none !important; }
#tresc:focus { outline: none; }

.sr {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}
.nw { white-space: nowrap; }

.siatka { max-width: var(--siatka-max); margin-inline: auto; }

.pomin { position: absolute; left: var(--siatka-margines); top: var(--odstep-2); z-index: var(--z-pomin); background: var(--kolor-tlo); color: var(--kolor-tekst); padding: var(--odstep-1) var(--odstep-2); transform: translateY(-200%); }
.pomin:focus { transform: none; }

.znak { display: inline-flex; align-items: center; min-height: var(--cel-dotyku); color: var(--kolor-tekst); }
.znak svg { height: 24px; width: auto; }

.naglowek {
  position: sticky; top: 0; z-index: var(--z-naglowek);
  height: var(--naglowek-wysokosc); max-width: none;
  background: var(--kolor-tlo);
  border-bottom: var(--linia) solid var(--kolor-linia);
  align-items: center;
  padding-inline: max(var(--siatka-margines), calc((100% - var(--siatka-max)) / 2 + var(--siatka-margines)));
}
.naglowek .znak { grid-column: 1 / 3; }
.menu { grid-column: 4 / 13; display: flex; align-items: center; justify-content: space-between; gap: var(--odstep-6); font-size: var(--tekst-maly); }
.menu ul { display: flex; gap: 28px; }
.menu a { display: inline-flex; align-items: center; min-height: var(--cel-dotyku); }
.menu-lista a { background: linear-gradient(currentColor, currentColor) 0 calc(50% + 0.8em) / 0 var(--linia) no-repeat; transition: background-size var(--czas-link) var(--ease-out); }
.menu-dod .mail { font-weight: var(--waga-akcent); }
.menu-dod a.lnk { min-height: 0; }
.menu-dod li { display: flex; align-items: center; min-height: var(--cel-dotyku); }
.menu-przycisk { display: none; grid-column: 3 / 5; justify-self: end; background: none; border: 0; padding: 0 var(--odstep-1); min-height: var(--cel-dotyku); min-width: var(--cel-dotyku); font-size: var(--tekst-maly); font-weight: var(--waga-akcent); cursor: pointer; }
@media (hover: hover) {
  .menu-lista a:hover { background-size: 100% var(--linia); }
}

@media (max-width: 1100px) {
  .menu ul { gap: 18px; }
}

.hero { border-bottom: var(--linia) solid var(--kolor-linia); display: flex; flex-direction: column; justify-content: space-between; min-height: calc(100svh - var(--naglowek-wysokosc)); }
html:not(.cookie-zamkniety) .strona-glowna .hero { min-height: calc(100svh - var(--naglowek-wysokosc) - var(--cookie-wysokosc) + var(--linia)); }
.hero-haslo { padding: 36px var(--siatka-margines) var(--odstep-8); max-width: var(--siatka-max); width: 100%; margin-inline: auto; flex: 1; }
.haslo {
  --wciecie: calc((100% - 11 * var(--siatka-odstep)) / 12 * 3 + 3 * var(--siatka-odstep));
  font-family: var(--font-naglowek); font-weight: var(--waga-naglowek);
  font-size: var(--tekst-hero); line-height: var(--interlinia-hero); letter-spacing: var(--swiatlo-hero);
  padding-bottom: 0.08em;
}
[lang="en"] .haslo { font-size: var(--tekst-hero-en); }
.haslo .w1, .haslo .w2 { display: block; }
.haslo .w2 { padding-left: calc(var(--wciecie) - 0.05em); white-space: nowrap; }
.haslo .slowo { display: inline-block; }
.haslo .slowo > span { display: inline-block; }
.haslo .lam { display: none; }
.haslo .kropka { display: inline-block; }

.hero-opis { align-items: start; padding-bottom: 34px; row-gap: var(--odstep-5); }
.hero-opis > .m { grid-column: 1 / 4; padding-top: 13px; }
.hero-opis .lead { grid-column: 4 / 9; font-size: var(--tekst-lead); line-height: var(--interlinia-lead); letter-spacing: var(--swiatlo-lead); max-width: var(--miara-lead); }
.hero-opis .cta { grid-column: 10 / 13; display: flex; flex-direction: column; align-items: flex-start; gap: 10px; font-size: var(--tekst-lead); font-weight: var(--waga-akcent); letter-spacing: var(--swiatlo-lead); }
.produkty-pasek { border-top: var(--linia) solid var(--kolor-linia); min-height: 58px; align-items: center; max-width: none; padding-inline: max(var(--siatka-margines), calc((100% - var(--siatka-max)) / 2 + var(--siatka-margines))); }
.produkty-pasek > .m { grid-column: 1 / 4; }
.produkty-pasek ul { grid-column: 4 / 13; display: grid; grid-template-columns: 2fr 2fr 2fr 3fr; column-gap: var(--siatka-odstep); }
.produkty-pasek a { display: inline-flex; gap: 10px; align-items: baseline; min-height: var(--cel-dotyku); align-items: center; background: linear-gradient(currentColor, currentColor) 0 calc(50% + 0.8em) / 0 var(--linia) no-repeat; transition: background-size var(--czas-link) var(--ease-out); }
@media (hover: hover) {
  .produkty-pasek a:hover { background-size: 100% var(--linia); }
}

@media (min-width: 761px) {
  .hero-haslo { position: relative; }
  .haslo {
    --szer: calc(100vw - 2 * var(--siatka-margines));
    --wc: calc((var(--szer) - 11 * var(--siatka-odstep)) / 4 + 3 * var(--siatka-odstep));
    font-size: min(var(--tekst-hero), calc((100svh - 390px) / 1.76), calc((var(--szer) - var(--wc)) / 3.5));
  }
  [lang="en"] .haslo { font-size: min(var(--tekst-hero-en), calc((100svh - 390px) / 1.76), calc((var(--szer) - var(--wc)) / 4.3)); }
}
@media (min-width: 761px) and (max-height: 820px) {
  .hero-haslo { padding-top: var(--odstep-6); padding-bottom: var(--odstep-6); }
}

.ruch .haslo .slowo > span { animation: wjazd var(--czas-hero) var(--ease-out) backwards; }
.ruch .haslo .w2 .slowo > span { animation-delay: var(--opoznienie-wiersz-2); }
.ruch .haslo .kropka { --kropka-dx: calc(var(--wciecie) + 2.95em); animation: kropka-jazda var(--czas-kropka) var(--ease-out) var(--opoznienie-kropka) backwards; }
[lang="en"] .ruch .haslo .kropka, .ruch[lang="en"] .haslo .kropka { --kropka-dx: calc(var(--wciecie) + 3.9em); }
@keyframes wjazd {
  from { transform: translateY(var(--przesuniecie-hero)); clip-path: inset(0 0 100% 0); }
  to { transform: none; clip-path: inset(-20% -10% -40% -10%); }
}
@keyframes kropka-jazda {
  from { transform: translateX(calc(-1 * var(--kropka-dx))); }
  to { transform: none; }
}

.sekcja { border-bottom: var(--linia) solid var(--kolor-linia); }
.glowa { padding-top: var(--sekcja-gora); padding-bottom: var(--glowa-dol); align-items: start; }
.idx { grid-column: 1 / 4; padding-top: 14px; }
.glowa .idx { align-self: start; padding-top: calc(var(--tekst-display-2) * 0.12); }
.idx b { display: block; font-family: var(--font-tekst); font-weight: var(--waga-akcent); font-size: var(--tekst-maly); color: var(--kolor-tekst); }
.glowa h2 { grid-column: 4 / 11; font-family: var(--font-naglowek); font-weight: var(--waga-naglowek); font-size: var(--tekst-display-2); line-height: var(--interlinia-display); letter-spacing: var(--swiatlo-naglowek); text-wrap: balance; }
.glowa .wstep { grid-column: 4 / 9; margin-top: 28px; font-size: var(--tekst-lead); line-height: var(--interlinia-lead); letter-spacing: var(--swiatlo-lead); }
.glowa.plaska { padding-bottom: var(--odstep-8); align-items: start; }
.glowa.plaska h2 { grid-column: 4 / 9; }
.glowa.plaska .wstep { grid-column: 9 / 13; align-self: end; margin-top: 0; font-size: var(--tekst-bazowy); line-height: var(--interlinia-tekst); }
.glowa.wielka .idx { grid-column: 1 / -1; padding-top: 0; }
.glowa.wielka h2, .kontakt .glowa h2 { text-wrap: wrap; }
.br-m { display: none; }
.glowa.wielka h2 { grid-column: 1 / -1; margin-top: 28px; font-size: var(--tekst-display-1); letter-spacing: var(--swiatlo-display); line-height: 0.88; }
.glowa.wielka .wstep { grid-column: 4 / 9; }

.wejscie { transition: opacity var(--czas-wejscie) var(--ease-out), transform var(--czas-wejscie) var(--ease-out); }
.przed-wejsciem { opacity: 0; transform: translateY(var(--przesuniecie-wejscie)); }

.kol-naglowki { min-height: 40px; align-items: center; border-top: var(--linia) solid var(--kolor-linia); border-bottom: var(--linia) solid var(--kolor-linia-2); }
.kol-uslugi .m:nth-child(1) { grid-column: 1 / 2; }
.kol-uslugi .m:nth-child(2) { grid-column: 2 / 6; }
.kol-uslugi .m:nth-child(3) { grid-column: 6 / 10; }
.kol-uslugi .m:nth-child(4) { grid-column: 10 / 12; }
.kol-uslugi .m:nth-child(5) { grid-column: 12 / 13; text-align: right; }

.tabela > li:last-child { border-bottom: 0; }
.bezp .tabela { border-top: var(--linia) solid var(--kolor-linia); }
.wiersz { position: relative; border-bottom: var(--linia) solid var(--kolor-linia-2); padding-top: 28px; padding-bottom: 30px; align-items: start; }
.wiersz .nr { grid-column: 1 / 2; padding-top: 8px; }
.wiersz h3 { grid-column: 2 / 6; font-family: var(--font-naglowek); font-weight: var(--waga-naglowek); font-size: var(--tekst-h3); line-height: var(--interlinia-naglowek); letter-spacing: var(--swiatlo-naglowek); }
.wiersz .opis { grid-column: 6 / 10; }
.wiersz .tech { grid-column: 10 / 12; padding-top: 5px; }
.wiersz .ln { grid-column: 12 / 13; justify-self: end; font-size: var(--tekst-maly); padding-top: 3px; text-align: right; }
.bezp .wiersz .opis { grid-column: 6 / 11; }

.nr { position: relative; }
.wpis .nr::before, .wiersz .nr::before {
  content: ""; position: absolute; left: -16px; top: calc(0.75em - var(--kropka-znacznik) / 2 + 1px);
  width: var(--kropka-znacznik); height: var(--kropka-znacznik); background: var(--kolor-kropka);
  transform: scale(0); transition: transform var(--czas-sredni) var(--ease-out);
}
.wpis::after, .wiersz::after {
  content: ""; position: absolute; left: var(--siatka-margines); right: var(--siatka-margines); top: -1px; height: var(--linia);
  background: var(--kolor-linia); transform: scaleX(0); transform-origin: 0 50%;
  transition: transform var(--czas-linia) var(--ease-out);
}
@media (hover: hover) and (pointer: fine) {
  .wpis:hover::after, .wiersz:hover::after { transform: scaleX(1); }
  .wpis:hover .nr::before, .wiersz:hover .nr::before { transform: scale(1); }
}

.filtry { display: none; min-height: 52px; align-items: center; border-top: var(--linia) solid var(--kolor-linia); font-size: var(--tekst-bazowy); }
.js .filtry { display: grid; }
.filtry > .m { grid-column: 1 / 2; }
.filtry button {
  grid-column: auto / span 3; justify-self: start;
  display: inline-flex; gap: var(--odstep-2); align-items: center; min-height: var(--cel-dotyku);
  background: none; border: 0; padding: 0; cursor: pointer; text-align: left;
  color: var(--kolor-tekst-2); transition: color var(--czas-szybki) var(--ease-kolor);
}
.filtry button:first-of-type { grid-column: 2 / 4; }
.filtry button[aria-pressed="true"] { color: var(--kolor-tekst); font-weight: var(--waga-akcent); }
.filtry button[aria-pressed="true"]::before { content: ""; width: var(--kropka-znacznik); height: var(--kropka-znacznik); background: var(--kolor-kropka); }
.filtry button .m { font-weight: var(--waga-mono); }
@media (hover: hover) {
  .filtry button:hover { color: var(--kolor-tekst); }
}

.kol-rejestr .m:nth-child(1) { grid-column: 1 / 2; }
.kol-rejestr .m:nth-child(2) { grid-column: 2 / 6; }
.kol-rejestr .m:nth-child(3) { grid-column: 6 / 9; }
.kol-rejestr .m:nth-child(4) { grid-column: 9 / 10; }
.kol-rejestr .m:nth-child(5) { grid-column: 10 / 12; }
.kol-rejestr { border-top-color: var(--kolor-linia-2); border-bottom-color: var(--kolor-linia); }

.rejestr > .wpis:last-child { border-bottom: 0; }
.wpis { position: relative; border-bottom: var(--linia) solid var(--kolor-linia-2); padding-top: var(--wiersz-pion); padding-bottom: var(--wiersz-pion); align-items: start; transition: background-color var(--czas-sredni) var(--ease-kolor); }
.wpis.rozwijany { cursor: pointer; }
.wpis .nr { grid-column: 1 / 2; padding-top: 10px; }
.wpis h3 { grid-column: 2 / 6; font-family: var(--font-naglowek); font-weight: var(--waga-naglowek); font-size: var(--tekst-wpis); line-height: 0.95; letter-spacing: var(--swiatlo-display); }
.wpis-przycisk { all: unset; cursor: pointer; display: inline; }
.wpis-przycisk:focus-visible { outline: var(--fokus-grubosc) solid var(--kolor-fokus); outline-offset: var(--fokus-odsuniecie); }
.wpis .co { grid-column: 6 / 9; font-size: 19px; line-height: 1.3; padding-top: 6px; }
.wpis .co .typ { display: block; font-size: 14px; color: var(--kolor-tekst-2); margin-top: 6px; }
.status { display: block; margin-top: 6px; font-size: var(--tekst-mono); color: var(--kolor-tekst-2); }
.tagi { grid-column: 9 / 10; padding-top: 9px; display: flex; flex-wrap: wrap; gap: var(--odstep-1); }
.tagi a { color: var(--kolor-tekst); border: var(--linia) solid var(--kolor-linia-2); padding: 0 5px; transition: border-color var(--czas-szybki) var(--ease-kolor); }
@media (hover: hover) {
  .tagi a:hover { border-color: var(--kolor-tekst); }
}
.wpis .tech { grid-column: 10 / 12; padding-top: 9px; line-height: 1.6; display: flex; flex-direction: column; align-items: flex-start; gap: var(--odstep-1); }
.wpis .tech .lnk { font-family: var(--font-tekst); font-size: var(--tekst-maly); }
.wpis .tech .partner { font-family: var(--font-tekst); font-size: 14px; color: var(--kolor-tekst-2); }
.wpis .tech .partner .lnk { font-size: 14px; color: var(--kolor-tekst); }
.zewn { display: inline-flex; align-items: center; gap: 4px; }
.plus { display: none; grid-column: 12 / 13; justify-self: end; padding-top: 8px; }
.js .plus { display: block; }
.plus svg { width: var(--ikona-rozwin); height: var(--ikona-rozwin); stroke: var(--kolor-tekst); stroke-width: var(--ikona-rozwin-kreska); fill: none; }
.plus .pion { transform-origin: 50% 50%; transition: transform var(--czas-sredni) var(--ease-out); }
.wpis.otwarta .plus .pion { transform: scaleY(0); }
.wpis.otwarta { background: var(--kolor-tlo-2); }

.rozwin { grid-column: 2 / 13; display: grid; grid-template-rows: 1fr; }
.rozwin-in { overflow: hidden; min-height: 0; }
.rozwin-siatka { display: grid; grid-template-columns: repeat(11, minmax(0, 1fr)); column-gap: var(--siatka-odstep); row-gap: 22px; margin-top: 30px; padding-top: 24px; border-top: var(--linia) solid var(--kolor-linia-2); cursor: auto; }
.js .wpis.rozwijany:not(.otwarta) .rozwin { grid-template-rows: 0fr; }
.js .wpis.rozwijany:not(.otwarta) .rozwin-in { opacity: 0; }
.wiersze-gotowe .rozwin { transition: grid-template-rows var(--czas-sredni) var(--ease-in-out); }
.wiersze-gotowe .rozwin-in { transition: opacity 300ms var(--ease-out) 100ms; }
.wiersze-gotowe .wpis:not(.otwarta) .rozwin { transition: grid-template-rows 260ms var(--ease-out); }
.wiersze-gotowe .wpis:not(.otwarta) .rozwin-in { transition: opacity var(--czas-natychmiast) linear; }
.rozwin .dane { grid-column: 5 / 11; }
.rozwin .potrzeba { grid-column: 1 / 5; font-size: var(--tekst-lead-duzy); line-height: 1.3; letter-spacing: -0.015em; }
.rozwin .zakres { grid-column: 5 / 9; }
.rozwin .zakres li { display: grid; grid-template-columns: 70px 1fr; padding: 8px 0; border-bottom: var(--linia) solid var(--kolor-linia-2); font-size: var(--tekst-maly); }
.rozwin .zakres li:first-child { padding-top: 0; }
.rozwin .zakres .m { padding-top: 3px; }
.rozwin .schemat { grid-column: 9 / 12; grid-row: 1 / 3; }
.rozwin .schemat svg { width: 320px; max-width: 100%; height: auto; }
.rozwin .schemat .m { margin-top: 8px; }
.rozwin .cta { grid-column: 1 / 5; align-self: end; font-size: var(--tekst-bazowy); font-weight: var(--waga-akcent); }
.rozwin .dane + .cta { grid-row: 1; align-self: start; }

.dane { display: grid; grid-template-columns: 120px 1fr; column-gap: var(--odstep-5); row-gap: 9px; font-size: var(--tekst-maly); line-height: 1.45; }
.dane dt { font-family: var(--font-mono); font-size: var(--tekst-mono); color: var(--kolor-tekst-2); padding-top: 2px; }
.dane dd { min-width: 0; overflow-wrap: anywhere; color: var(--kolor-tekst); font-variant-numeric: tabular-nums; }

.tiktok .uklad { padding-bottom: var(--sekcja-dol); row-gap: var(--odstep-8); }
.tiktok .info { grid-column: 4 / 9; font-size: var(--tekst-lead); line-height: var(--interlinia-lead); }
.tiktok .info p + p { margin-top: 18px; font-size: var(--tekst-bazowy); line-height: var(--interlinia-tekst); color: var(--kolor-tekst-2); }
.przeplyw { grid-column: 1 / -1; border-top: var(--linia) solid var(--kolor-linia); margin-top: 30px; }
.przeplyw-glowa { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--siatka-odstep); align-items: baseline; padding-top: 22px; }
.przeplyw-glowa h3 { grid-column: 1 / 4; font-size: var(--tekst-maly); font-weight: var(--waga-akcent); }
.kierunki { grid-column: 4 / 7; display: flex; justify-content: space-between; }
.krok { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--siatka-odstep); border-bottom: var(--linia) solid var(--kolor-linia-2); padding: 22px 0 24px; align-items: start; }
.krok .nr { grid-column: 1 / 2; padding-top: 6px; }
.krok .kier { grid-column: 2 / 4; padding-top: 6px; }
.krok h4 { grid-column: 7 / 9; font-size: 24px; letter-spacing: var(--swiatlo-podtytul); line-height: 1.1; font-weight: var(--waga-akcent); }
.krok p { grid-column: 9 / 13; }
.tor { grid-column: 4 / 7; position: relative; height: 28px; margin-right: var(--odstep-6); }
.tor::before { content: ""; position: absolute; left: 0; right: 0; top: 14px; height: var(--linia); background: var(--kolor-tekst); }
.tor i { position: absolute; background: var(--kolor-tekst); }
.tor .z { width: var(--kropka-znacznik); height: var(--kropka-znacznik); top: 10px; }
.tor .d { width: var(--kropka-schemat); height: var(--kropka-schemat); top: 8px; }
.tor--do-erp .z { left: 0; }
.tor--do-erp .d { right: 0; }
.tor--do-tiktok .z { right: 0; }
.tor--do-tiktok .d { left: 0; }
.tor--krotki::before { right: 60%; }
.tor--krotki .z { left: 0; }
.tor--krotki .d { left: calc(40% - var(--kropka-schemat) / 2); }
.tiktok .dok { grid-column: 4 / 13; display: grid; grid-template-columns: repeat(9, minmax(0, 1fr)); column-gap: var(--siatka-odstep); align-items: start; margin-top: 10px; }
.tiktok .dok > .m { grid-column: 1 / 3; padding-top: 4px; }
.tiktok .dok ul { grid-column: 3 / 7; display: flex; flex-direction: column; gap: 6px; }
.tiktok .dok .cta { grid-column: 7 / 10; font-size: var(--tekst-lead); font-weight: var(--waga-akcent); }
.tiktok .dok { padding-bottom: 0; }
.tiktok .znaki { grid-column: 4 / 10; font-size: var(--tekst-drobny); color: var(--kolor-tekst-2); line-height: 1.5; }

.proces { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); column-gap: var(--siatka-odstep); border-top: var(--linia) solid var(--kolor-linia); padding-bottom: var(--sekcja-dol); }
.proces li { position: relative; padding-top: 22px; }
.proces li::before { content: ""; position: absolute; top: calc(var(--kropka-znacznik) / -2); left: 0; width: var(--kropka-znacznik); height: var(--kropka-znacznik); background: var(--kolor-tekst); }
.proces li:last-child::before { background: var(--kolor-kropka); }
.proces .m { display: block; }
.proces h3 { font-size: var(--tekst-h4); line-height: 1; letter-spacing: var(--swiatlo-display); margin: 14px 0 12px; }
.proces p { color: var(--kolor-tekst-2); max-width: 280px; }

.bezp .stopa { padding-top: var(--odstep-8); padding-bottom: var(--sekcja-dol); align-items: start; row-gap: var(--odstep-5); }
.bezp .stopa p { grid-column: 2 / 7; }
.bezp .stopa ul { grid-column: 9 / 13; display: flex; flex-direction: column; gap: 6px; font-weight: var(--waga-akcent); }

.kontakt .glowa { padding-bottom: var(--odstep-8); }
.duzy-mail { padding-bottom: 30px; }
.duzy-mail p { grid-column: 1 / -1; }
.duzy-mail a { font-size: var(--tekst-mail); font-weight: var(--waga-naglowek); letter-spacing: var(--swiatlo-hero); line-height: 1; white-space: nowrap; background: linear-gradient(currentColor, currentColor) 0 100% / 100% var(--linia-mocna) no-repeat; padding-bottom: 0.2em; transition: background-size var(--czas-link) var(--ease-out); }
@media (hover: hover) {
  .duzy-mail a:hover { background-size: 0 var(--linia-mocna); background-position: 100% 100%; }
}
.podp { padding-bottom: var(--sekcja-gora); align-items: start; row-gap: var(--odstep-4); }
.podp .kto { grid-column: 4 / 7; font-size: var(--tekst-lead); font-weight: var(--waga-akcent); }
.podp .podpowiedz { grid-column: 7 / 10; }
.podp .kopiuj { grid-column: 11 / 13; justify-self: end; white-space: nowrap; }

.glowa-dok { padding-top: var(--sekcja-gora); padding-bottom: var(--glowa-dol); align-items: start; border-bottom: var(--linia) solid var(--kolor-linia); max-width: none; padding-inline: max(var(--siatka-margines), calc((100% - var(--siatka-max)) / 2 + var(--siatka-margines))); }
.glowa-dok h1 { grid-column: 4 / 12; font-family: var(--font-naglowek); font-weight: var(--waga-naglowek); font-size: var(--tekst-display-2); line-height: var(--interlinia-display); letter-spacing: var(--swiatlo-naglowek); text-wrap: balance; }
.glowa-dok .meta { grid-column: 4 / 12; margin-top: var(--odstep-7); display: flex; flex-wrap: wrap; gap: var(--odstep-2) var(--odstep-7); font-size: var(--tekst-maly); align-items: baseline; }
.glowa-dok .meta .m { margin-right: var(--odstep-2); }

.dok { align-items: start; padding-bottom: var(--sekcja-dol); }
.spis { grid-column: 1 / 4; position: sticky; top: calc(var(--naglowek-wysokosc) + var(--odstep-8)); padding-top: var(--odstep-8); }
.spis h2 { font-size: var(--tekst-maly); font-weight: var(--waga-akcent); margin-bottom: var(--odstep-3); }
.spis ol { display: flex; flex-direction: column; border-top: var(--linia) solid var(--kolor-linia-2); }
.spis li { position: relative; border-bottom: var(--linia) solid var(--kolor-linia-2); }
.spis a { display: grid; grid-template-columns: 28px 1fr; align-items: baseline; min-height: 36px; padding: 7px 0; font-size: var(--tekst-maly); line-height: 1.35; color: var(--kolor-tekst-2); transition: color var(--czas-szybki) var(--ease-kolor); }
.spis a .m { font-size: var(--tekst-mono-maly); }
.spis a[aria-current] { color: var(--kolor-tekst); font-weight: var(--waga-akcent); }
.spis a[aria-current] .m { color: var(--kolor-tekst); }
.spis a[aria-current]::before { content: ""; position: absolute; left: -16px; top: calc(50% - 4px); width: var(--kropka-znacznik); height: var(--kropka-znacznik); background: var(--kolor-kropka); }
@media (hover: hover) {
  .spis a:hover { color: var(--kolor-tekst); }
}

.tresc { grid-column: 4 / 11; max-width: var(--miara-tekst); }
.tresc section { position: relative; padding-top: var(--odstep-8); padding-bottom: var(--odstep-8); border-bottom: var(--linia) solid var(--kolor-linia-2); }
.tresc section:last-child { border-bottom: 0; }
.tresc h2 { display: grid; grid-template-columns: 44px 1fr; align-items: baseline; font-family: var(--font-naglowek); font-weight: var(--waga-naglowek); font-size: var(--tekst-h3); line-height: var(--interlinia-naglowek); letter-spacing: var(--swiatlo-naglowek); margin-bottom: var(--odstep-5); text-wrap: balance; }
.tresc h2 .m { font-size: var(--tekst-mono); letter-spacing: 0; color: var(--kolor-tekst-2); }
.tresc > section > *:not(h2) { margin-left: 44px; }
.tresc > section > .tabela-dok { width: calc(100% - 44px); }
.tresc p, .tresc li, .tresc td { font-size: var(--tekst-bazowy); line-height: var(--interlinia-prawna); }
.tresc p + p { margin-top: var(--odstep-4); }
.tresc ul { margin-top: var(--odstep-4); margin-bottom: var(--odstep-4); border-top: var(--linia) solid var(--kolor-linia-2); }
.tresc ul li { position: relative; padding: var(--odstep-3) 0 var(--odstep-3) var(--odstep-6); border-bottom: var(--linia) solid var(--kolor-linia-2); }
.tresc ul li:last-child { border-bottom: 0; }
.tresc ul li::before { content: ""; position: absolute; left: 2px; top: calc(var(--odstep-3) + 0.62em); width: 6px; height: 6px; background: var(--kolor-tekst); }
.tresc a { background: linear-gradient(currentColor, currentColor) 0 100% / 100% var(--podkreslenie-grubosc) no-repeat; padding-bottom: 1px; transition: background-size var(--czas-link) var(--ease-out); }
@media (hover: hover) {
  .tresc a:hover { background-size: 0 var(--podkreslenie-grubosc); background-position: 100% 100%; }
}
.tresc strong { font-weight: var(--waga-akcent); }
.tresc code { font-family: var(--font-mono); font-size: 0.9em; }

.tabela-dok { width: 100%; border-collapse: collapse; table-layout: fixed; margin: var(--odstep-2) 0 var(--odstep-5); border-top: var(--linia) solid var(--kolor-linia); }
.tabela-dok th { font-family: var(--font-mono); font-weight: var(--waga-mono); font-size: var(--tekst-mono); color: var(--kolor-tekst-2); text-align: left; padding: var(--odstep-3) var(--odstep-4) var(--odstep-3) 0; border-bottom: var(--linia) solid var(--kolor-linia); }
.tabela-dok td { vertical-align: top; padding: var(--odstep-4) var(--odstep-4) var(--odstep-4) 0; border-bottom: var(--linia) solid var(--kolor-linia-2); font-size: var(--tekst-maly); line-height: 1.5; }
.tabela-dok td:first-child { font-weight: var(--waga-akcent); }
.tabela-dok col.k1 { width: 26%; }
.tabela-dok col.k2 { width: 44%; }
.tabela-dok col.k3 { width: 30%; }

.stopka { border-top: var(--linia) solid var(--kolor-linia); }
.stopka .kolumny { padding-top: 44px; padding-bottom: 48px; align-items: start; row-gap: 30px; }
.stopka h2 { font-size: var(--tekst-maly); font-weight: var(--waga-akcent); margin-bottom: 14px; }
.stopka .firma { grid-column: 1 / 6; }
.stopka .firma .dane { grid-template-columns: 90px minmax(0, 1fr); }
.stopka .dokumenty { grid-column: 7 / 9; }
.stopka .jezyk { grid-column: 9 / 10; }
.stopka .noty { grid-column: 10 / 13; display: flex; flex-direction: column; gap: 12px; font-size: var(--tekst-drobny); color: var(--kolor-tekst-2); line-height: 1.5; }
.stopka ul { display: flex; flex-direction: column; gap: 6px; font-size: var(--tekst-maly); }
.stopka ul li { min-height: 28px; }
.stopka a[aria-current] { font-weight: var(--waga-akcent); }
.stopka-dol { grid-column: 1 / -1; display: flex; justify-content: space-between; align-items: flex-end; padding-top: 22px; padding-bottom: calc(var(--cookie-wysokosc) + 40px); border-top: var(--linia) solid var(--kolor-linia); }
.stopka-dol .znak svg { height: 32px; }
.cookie-zamkniety .stopka-dol { padding-bottom: 40px; }

.cookie {
  position: fixed; left: 0; right: 0; bottom: 0; z-index: var(--z-cookie);
  min-height: var(--cookie-wysokosc); background: var(--kolor-tlo); border-top: var(--linia) solid var(--kolor-linia);
  display: flex; align-items: center; gap: var(--odstep-6);
  padding: 0 var(--siatka-margines) env(safe-area-inset-bottom, 0px);
  font-size: var(--tekst-drobny);
  transition: transform 220ms var(--ease-out);
}
.cookie-zamkniety .cookie { display: none; }
.cookie.cookie-wychodzi { transform: translateY(100%); }
.cookie .m { color: var(--kolor-tekst); flex: none; }
.cookie p { flex: 1; min-width: 0; font-size: 14px; }
.cookie .przycisk { position: relative; height: var(--przycisk-wysokosc-maly); padding: 0 18px; font-size: 14px; flex: none; }
.cookie .przycisk::after { content: ""; position: absolute; inset: -6px -6px; }

.blad { align-items: start; }
.blad .wersja { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(var(--siatka-kolumny), minmax(0, 1fr)); column-gap: var(--siatka-odstep); padding-top: var(--sekcja-gora); padding-bottom: var(--sekcja-dol); align-items: start; }
.blad .wersja + .wersja { border-top: var(--linia) solid var(--kolor-linia); }
.blad .idx { grid-column: 1 / 4; padding-top: 16px; display: flex; gap: var(--odstep-4); }
.blad .idx .m--ciemna { min-width: 3ch; }
.blad h1, .blad .wersja h2 { grid-column: 4 / 13; font-family: var(--font-naglowek); font-weight: var(--waga-naglowek); line-height: var(--interlinia-display); letter-spacing: var(--swiatlo-hero); text-wrap: balance; }
.blad h1 { font-size: var(--tekst-display-1); }
.blad .wersja h2 { font-size: var(--tekst-display-2); letter-spacing: var(--swiatlo-display); }
.blad .opis { grid-column: 4 / 9; margin-top: var(--odstep-7); font-size: var(--tekst-lead); line-height: var(--interlinia-lead); letter-spacing: var(--swiatlo-lead); }
.blad .akcje { grid-column: 4 / 13; margin-top: var(--odstep-8); display: flex; flex-wrap: wrap; gap: var(--odstep-3); }
.blad .akcje .przycisk { height: 48px; padding: 0 var(--odstep-6); font-size: var(--tekst-bazowy); }

@media (min-width: 761px) and (max-width: 1100px) {
  .rozwin .schemat { grid-column: 1 / 12; grid-row: auto; max-width: 320px; margin-top: 8px; }
  .rozwin .zakres { grid-column: 5 / 12; }
  .produkty-pasek ul { grid-template-columns: 1fr 1fr; row-gap: 0; }
  .menu ul { gap: 16px; }
  .br-m { display: inline; }
  .wiersz .opis { grid-column: 6 / 13; }
  .uslugi .wiersz .tech { grid-column: 6 / 10; grid-row: 2; padding-top: 12px; }
  .uslugi .wiersz .ln { grid-column: 10 / 13; grid-row: 2; padding-top: 12px; }
  .kol-uslugi .m:nth-child(3) { grid-column: 6 / 13; }
  .kol-uslugi .m:nth-child(4), .kol-uslugi .m:nth-child(5) { display: none; }
  .wpis h3 { grid-column: 2 / 7; }
  .wpis .co { grid-column: 7 / 12; }
  .wpis .tech { grid-column: 7 / 12; grid-row: 2; padding-top: 12px; }
  .tagi { grid-column: 2 / 7; grid-row: 2; padding-top: 12px; }
  .kol-rejestr .m:nth-child(2) { grid-column: 2 / 7; }
  .kol-rejestr .m:nth-child(3) { grid-column: 7 / 12; }
  .kol-rejestr .m:nth-child(4), .kol-rejestr .m:nth-child(5) { display: none; }
  .tresc { grid-column: 4 / 13; }
  .hero-opis .lead { grid-column: 4 / 10; }
  .hero-opis .cta { grid-column: 4 / 13; flex-direction: row; gap: var(--odstep-6); }
  .krok h4 { grid-column: 7 / 13; }
  .krok p { grid-column: 7 / 13; }
}

@media (max-width: 1023px) {
  [lang="en"] .haslo .lam { display: inline; }
}

@media (max-width: 760px) {
  :root { --cookie-wysokosc: 72px; }
  .br-m { display: inline; }
  .menu-przycisk { display: none; }
  .js .menu-przycisk { display: inline-flex; align-items: center; }
  .naglowek { height: auto; min-height: var(--naglowek-wysokosc); }
  .js .naglowek { height: var(--naglowek-wysokosc); }
  .naglowek .znak svg, .znak svg { height: 22px; }
  .menu { grid-column: 1 / 5; flex-wrap: wrap; padding-bottom: var(--odstep-2); }
  .menu ul { flex-wrap: wrap; gap: 0 var(--odstep-5); }
  .js .menu {
    position: fixed; left: 0; right: 0; top: var(--naglowek-wysokosc); bottom: 0; z-index: var(--z-menu);
    display: flex; flex-direction: column; justify-content: space-between; align-items: stretch;
    padding: 0 var(--siatka-margines) calc(var(--odstep-7) + env(safe-area-inset-bottom, 0px));
    background: var(--kolor-tlo); overflow-y: auto; overscroll-behavior: contain;
    opacity: 0; visibility: hidden;
    transition: opacity var(--czas-szybki) var(--ease-out), visibility 0s linear var(--czas-szybki);
  }
  .js.menu-otwarte .menu { opacity: 1; visibility: visible; transition: opacity var(--czas-szybki) var(--ease-out), visibility 0s; }
  .js.menu-otwarte { overflow: hidden; }
  .js .menu-lista { flex-direction: column; gap: 0; }
  .js .menu-lista li { border-bottom: var(--linia) solid var(--kolor-linia-2); transform: translateY(8px); opacity: 0; transition: transform var(--czas-szybki) var(--ease-out), opacity var(--czas-szybki) var(--ease-out); }
  .js.menu-otwarte .menu-lista li { transform: none; opacity: 1; }
  .js.menu-otwarte .menu-lista li:nth-child(2) { transition-delay: 40ms; }
  .js.menu-otwarte .menu-lista li:nth-child(3) { transition-delay: 80ms; }
  .js.menu-otwarte .menu-lista li:nth-child(4) { transition-delay: 120ms; }
  .js.menu-otwarte .menu-lista li:nth-child(5) { transition-delay: 160ms; }
  .js .menu-lista a { display: flex; min-height: 64px; font-size: 34px; font-weight: var(--waga-naglowek); letter-spacing: var(--swiatlo-naglowek); background: none; }
  .js .menu-dod { flex-direction: column; gap: var(--odstep-2); padding-top: var(--odstep-7); font-size: var(--tekst-bazowy); }

  .hero { min-height: 0; }
  .hero-haslo { padding: 28px var(--siatka-margines) 0; background-image: none; flex: none; }
  .haslo { white-space: nowrap; --wciecie: 0px; font-size: min(var(--tekst-hero), calc((100vw - 2 * var(--siatka-margines)) / 3.45)); }
  [lang="en"] .haslo { white-space: normal; font-size: min(var(--tekst-hero-en), calc((100vw - 2 * var(--siatka-margines)) / 4.3)); }
  .glowa.wielka h2 { font-size: min(var(--tekst-display-1), calc((100vw - 2 * var(--siatka-margines)) / 5.2)); }
  .wpis h3 { font-size: min(var(--tekst-wpis), calc((100vw - 2 * var(--siatka-margines)) / 6.2)); }
  .haslo .w2 { padding-left: 0; }
  .hero-dol { margin-top: 72px; }
  .hero-opis { padding-bottom: 28px; }
  .hero-opis > .m, .hero-opis .lead, .hero-opis .cta { grid-column: 1 / 5; }
  .hero-opis .cta { flex-direction: row; flex-wrap: wrap; gap: 22px; }
  .hero-opis .cta a { display: inline-flex; align-items: center; min-height: var(--cel-dotyku); background-position: 0 calc(50% + 0.8em); }
  .produkty-pasek { padding-top: 14px; padding-bottom: 14px; row-gap: 8px; }
  .produkty-pasek > .m, .produkty-pasek ul { grid-column: 1 / 5; }
  .produkty-pasek ul { grid-template-columns: 1fr 1fr; }

  .glowa { padding-top: var(--sekcja-gora); }
  .idx, .glowa h2, .glowa .wstep, .glowa.plaska h2, .glowa.plaska .wstep, .glowa.wielka h2, .glowa.wielka .wstep { grid-column: 1 / 5; }
  .idx, .glowa .idx { padding-top: 0; margin-bottom: 14px; }
  .glowa .wstep { margin-top: 18px; }
  .glowa.plaska .wstep { margin-top: 16px; }
  .glowa.wielka h2 { margin-top: 0; }

  .kol-naglowki { display: none; }
  .uslugi .tabela, .bezp .tabela { border-top: var(--linia) solid var(--kolor-linia); }
  .wiersz .nr { grid-column: 1 / 5; padding-top: 0; margin-bottom: 8px; }
  .wiersz h3, .wiersz .opis, .wiersz .tech, .wiersz .ln, .bezp .wiersz .opis { grid-column: 1 / 5; justify-self: start; text-align: left; }
  .wiersz h3 { margin-bottom: 10px; }
  .wiersz .tech:not(:empty) { margin-top: 10px; }
  .wiersz .ln { margin-top: 10px; }
  .wpis .nr::before, .wiersz .nr::before { display: none; }

  .filtry { padding-top: 12px; padding-bottom: 12px; row-gap: 0; }
  .filtry > .m, .filtry button, .filtry button:first-of-type { grid-column: 1 / 5; }
  .wpis .nr { grid-column: 1 / 4; grid-row: 1; padding-top: 0; margin-bottom: 6px; }
  .plus { grid-column: 4 / 5; grid-row: 1; padding-top: 0; }
  .wpis h3 { grid-column: 1 / 5; }
  .wpis .co { grid-column: 1 / 5; font-size: 17px; margin-top: 10px; padding-top: 0; }
  .tagi { grid-column: 1 / 5; margin-top: 10px; padding-top: 0; }
  .wpis .tech { grid-column: 1 / 5; margin-top: 6px; padding-top: 0; }
  .rozwin { grid-column: 1 / 5; }
  .rozwin-siatka { grid-template-columns: 1fr; margin-top: 20px; }
  .rozwin-siatka > * { grid-column: 1 / 2 !important; grid-row: auto !important; }
  .rozwin .dane { grid-template-columns: 96px 1fr; }

  .tiktok .info, .tiktok .dok, .tiktok .znaki { grid-column: 1 / 5; }
  .tiktok .uklad { row-gap: var(--odstep-7); }
  .przeplyw { grid-column: 1 / 5; }
  .przeplyw-glowa { grid-template-columns: 1fr; }
  .przeplyw-glowa h3 { grid-column: 1 / 2; }
  .kierunki { display: none; }
  .krok { grid-template-columns: repeat(4, minmax(0, 1fr)); row-gap: 6px; }
  .krok .nr { grid-column: 1 / 2; }
  .krok .kier { grid-column: 2 / 5; }
  .tor, .krok h4, .krok p { grid-column: 1 / 5; }
  .tiktok .dok { grid-template-columns: 1fr; row-gap: 14px; }
  .tiktok .dok > * { grid-column: 1 / 2 !important; }
  .tiktok .dok ul a, .bezp .stopa a, .stopka ul a, .rozwin .cta a, .wiersz .ln a, .tiktok .dok .cta a { display: inline-block; padding-block: 10px; background-position: 0 calc(100% - 8px); }
  .rozwin .cta a.zewn, .tiktok .dok a.zewn { display: inline-flex; }

  .proces { grid-column: 1 / 5; grid-template-columns: 1fr; }
  .proces { border-top: 0; }
  .proces li { padding-bottom: 28px; border-top: var(--linia) solid var(--kolor-linia); }

  .bezp .stopa p, .bezp .stopa ul { grid-column: 1 / 5; }

  .duzy-mail p { grid-column: 1 / 5; }
  .duzy-mail a { letter-spacing: -0.02em; font-size: min(var(--tekst-mail), calc((100vw - 2 * var(--siatka-margines)) / 14.5)); }
  .podp .kto, .podp .podpowiedz, .podp .kopiuj { grid-column: 1 / 5; justify-self: start; }
  .podp .kopiuj { justify-self: stretch; }
  .podp .kopiuj .przycisk { height: 48px; width: 100%; justify-content: center; }

  .glowa-dok { padding-top: var(--odstep-10); }
  .glowa-dok .idx, .glowa-dok h1, .glowa-dok .meta { grid-column: 1 / 5; }
  .glowa-dok .idx { padding-top: 0; margin-bottom: var(--odstep-4); }
  .glowa-dok h1 { font-size: clamp(2.75rem, 11vw, 4rem); }
  .glowa-dok .meta { margin-top: var(--odstep-5); flex-direction: column; gap: var(--odstep-1); }
  .spis { grid-column: 1 / 5; position: static; padding-top: var(--odstep-7); }
  .spis a[aria-current]::before { display: none; }
  .spis a[aria-current] { font-weight: var(--waga-tekst); color: var(--kolor-tekst-2); }
  .spis a[aria-current] .m { color: var(--kolor-tekst-2); }
  .spis a { min-height: var(--cel-dotyku); }
  .tresc { grid-column: 1 / 5; }
  .tresc > section > *:not(h2) { margin-left: 0; }
  .tresc > section > .tabela-dok { width: 100%; }
  .tresc h2 { grid-template-columns: 32px 1fr; }
  .tabela-dok, .tabela-dok tbody, .tabela-dok tr, .tabela-dok td { display: block; width: 100%; }
  .tabela-dok colgroup, .tabela-dok thead { display: none; }
  .tabela-dok tr { padding: var(--odstep-4) 0; border-bottom: var(--linia) solid var(--kolor-linia-2); }
  .tabela-dok td { border: 0; padding: 0 0 var(--odstep-2); display: grid; grid-template-columns: 72px 1fr; column-gap: var(--odstep-3); }
  .tabela-dok td::before { content: attr(data-kol); font-family: var(--font-mono); font-weight: var(--waga-mono); font-size: var(--tekst-mono); color: var(--kolor-tekst-2); padding-top: 3px; }

  .stopka .firma, .stopka .dokumenty, .stopka .jezyk, .stopka .noty { grid-column: 1 / 5; }
  .stopka-dol { flex-direction: column; align-items: flex-start; gap: 12px; padding-bottom: calc(var(--cookie-wysokosc) + 72px); }
  .cookie-zamkniety .stopka-dol { padding-bottom: 40px; }

  .cookie { flex-wrap: nowrap; gap: var(--odstep-3); padding-top: var(--odstep-3); padding-bottom: calc(var(--odstep-3) + env(safe-area-inset-bottom, 0px)); }
  .cookie .m { display: none; }
  .cookie p { flex: 1 1 auto; font-size: var(--tekst-drobny); line-height: 1.4; }
  .cookie .przycisk { height: 44px; min-width: 44px; padding: 0 14px; justify-content: center; }
  .cookie .przycisk::after { content: none; }

  .blad .idx, .blad h1, .blad .wersja h2, .blad .opis, .blad .akcje { grid-column: 1 / 5; }
  .blad .wersja { padding-top: var(--odstep-10); padding-bottom: var(--odstep-10); }
  .blad .idx { padding-top: 0; margin-bottom: var(--odstep-4); }
  .blad h1 { font-size: clamp(3rem, 13vw, 4.5rem); }
  .blad .wersja h2 { font-size: clamp(2.25rem, 10vw, 3rem); }
  .blad .akcje { flex-direction: column; align-items: stretch; }
  .blad .akcje .przycisk { justify-content: center; }
}

@media (prefers-reduced-motion: reduce) {
  .wiersze-gotowe .rozwin, .wiersze-gotowe .wpis:not(.otwarta) .rozwin, .rozwin-in, .menu, .menu-lista li, .cookie, .wpis::after, .wiersz::after, .nr::before, .plus .pion { transition-duration: 0ms !important; transition-delay: 0ms !important; }
  .js .menu-lista li { transform: none; }
}

.js.menu-otwarte .menu-lista li:nth-child(6) { transition-delay: 200ms; }
.js.menu-otwarte .menu-lista li:nth-child(7) { transition-delay: 240ms; }
.menu-lista a[aria-current] { background-size: 100% var(--linia); }

.stopka .firma { grid-column: 1 / 5; }
.stopka .wiedza { grid-column: 5 / 7; }

.glowa-lista { border-bottom: 0; padding-bottom: var(--odstep-10); row-gap: 0; }
.glowa-lista .idx { padding-top: calc(var(--tekst-display-1) * 0.14); }
.glowa-lista h1 { grid-column: 4 / 13; font-size: var(--tekst-display-1); letter-spacing: var(--swiatlo-display); line-height: 0.88; }
.glowa-lista .wstep { grid-column: 4 / 10; margin-top: var(--odstep-7); font-size: var(--tekst-lead); line-height: var(--interlinia-lead); letter-spacing: var(--swiatlo-lead); max-width: var(--miara-lead); }
.glowa-lista .meta { margin-top: var(--odstep-6); }

.kol-lista .m:nth-child(1) { grid-column: 1 / 2; }
.kol-lista .m:nth-child(2) { grid-column: 2 / 4; }
.kol-lista .m:nth-child(3) { grid-column: 4 / 10; }
.kol-lista .m:nth-child(4) { grid-column: 10 / 13; text-align: right; }

.lista-tekstow > .pozycja:last-child { border-bottom: 0; }
.pozycja { position: relative; border-bottom: var(--linia) solid var(--kolor-linia-2); padding-top: var(--wiersz-pion); padding-bottom: var(--wiersz-pion); align-items: start; row-gap: var(--odstep-2); }
.pozycja .nr { grid-column: 1 / 2; grid-row: 1; padding-top: 7px; }
.pozycja .data { grid-column: 2 / 4; grid-row: 1; padding-top: 7px; }
.pozycja .tytul { grid-column: 4 / 10; grid-row: 1; font-family: var(--font-naglowek); font-weight: var(--waga-naglowek); font-size: var(--tekst-h3); line-height: var(--interlinia-naglowek); letter-spacing: var(--swiatlo-naglowek); text-wrap: balance; }
.pozycja .tytul a::before { content: ""; position: absolute; inset: 0; }
.pozycja .tytul a:focus-visible { outline: none; }
.pozycja:has(.tytul a:focus-visible) { outline: var(--fokus-grubosc) solid var(--kolor-fokus); outline-offset: calc(-1 * var(--fokus-grubosc)); }
.pozycja .opis { grid-column: 4 / 10; grid-row: 2; color: var(--kolor-tekst-2); max-width: var(--miara-tekst); }
.pozycja .czas { grid-column: 10 / 13; grid-row: 1; justify-self: end; padding-top: 7px; text-align: right; }
.pozycja .nr::before {
  content: ""; position: absolute; left: -16px; top: calc(0.75em - var(--kropka-znacznik) / 2 + 1px);
  width: var(--kropka-znacznik); height: var(--kropka-znacznik); background: var(--kolor-kropka);
  transform: scale(0); transition: transform var(--czas-sredni) var(--ease-out);
}
.pozycja::after {
  content: ""; position: absolute; left: var(--siatka-margines); right: var(--siatka-margines); top: -1px; height: var(--linia);
  background: var(--kolor-linia); transform: scaleX(0); transform-origin: 0 50%;
  transition: transform var(--czas-linia) var(--ease-out);
}
@media (hover: hover) and (pointer: fine) {
  .pozycja:hover::after { transform: scaleX(1); }
  .pozycja:hover .nr::before { transform: scale(1); }
}
.pozycja:active .tytul { color: var(--kolor-tekst-2); }

.pusto { padding-top: var(--odstep-10); padding-bottom: var(--sekcja-dol); border-top: var(--linia) solid var(--kolor-linia); }
.pusto p { grid-column: 4 / 10; font-size: var(--tekst-lead); line-height: var(--interlinia-lead); }

.najnowsze .glowa.plaska .wstep { display: flex; flex-direction: column; align-items: flex-start; gap: var(--odstep-2); font-weight: var(--waga-akcent); }
.najnowsze .glowa.plaska .wstep br { display: none; }
.najnowsze .kol-lista, .powiazane .kol-lista { border-top-color: var(--kolor-linia); }

.okruchy { padding-top: var(--odstep-4); font-size: var(--tekst-drobny); color: var(--kolor-tekst-2); }
.okruchy ol { grid-column: 4 / 13; display: flex; flex-wrap: wrap; align-items: baseline; min-width: 0; }
.okruchy li { display: inline-flex; align-items: baseline; min-width: 0; }
.okruchy li:last-child { flex: 1 1 0; }
.okruchy li + li::before { content: "/"; margin: 0 var(--odstep-2); color: var(--kolor-tekst-2); }
.okruchy a { display: inline-block; padding-block: var(--odstep-2); color: var(--kolor-tekst); background: linear-gradient(currentColor, currentColor) 0 calc(100% - 6px) / 100% var(--linia) no-repeat; transition: background-size var(--czas-link) var(--ease-out); }
.okruchy [aria-current] { display: block; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: clip; padding-block: var(--odstep-2); }
@media (hover: hover) {
  .okruchy a:hover { background-size: 0 var(--linia); background-position: 100% calc(100% - 6px); }
}

.glowa-art { padding-top: var(--odstep-10); }
.glowa-art h1 { grid-column: 4 / 12; overflow-wrap: break-word; }
.meta-art { grid-column: 4 / 12; margin-top: var(--odstep-7); display: flex; flex-wrap: wrap; gap: var(--odstep-3) var(--odstep-8); font-size: var(--tekst-maly); }
.meta-art dt { margin-bottom: 2px; }

.art { padding-bottom: var(--odstep-10); }
.artykul { grid-column: 4 / 11; max-width: var(--miara-tekst); padding-top: var(--odstep-8); min-width: 0; }
.artykul > * + *, .artykul section > * + * { margin-top: var(--odstep-4); }
.artykul p, .artykul li { font-size: var(--tekst-bazowy); line-height: var(--interlinia-prawna); }
.artykul > p:first-child { font-size: var(--tekst-lead-duzy); line-height: 1.4; letter-spacing: var(--swiatlo-lead); }
.artykul section { margin-top: var(--odstep-9); padding-top: var(--odstep-7); border-top: var(--linia) solid var(--kolor-linia-2); }
.artykul h2 { font-family: var(--font-naglowek); font-weight: var(--waga-naglowek); font-size: var(--tekst-h3); line-height: var(--interlinia-naglowek); letter-spacing: var(--swiatlo-naglowek); text-wrap: balance; }
.artykul section > h2 + * { margin-top: var(--odstep-5); }
.artykul h3, .artykul h4 { font-family: var(--font-naglowek); font-weight: var(--waga-naglowek); font-size: var(--tekst-lead); line-height: 1.3; letter-spacing: var(--swiatlo-lead); text-wrap: balance; }
.artykul * + h3, .artykul * + h4 { margin-top: var(--odstep-7); }
.artykul h4 { font-size: var(--tekst-bazowy); }
.artykul strong { font-weight: var(--waga-akcent); }
.artykul a { background: linear-gradient(currentColor, currentColor) 0 100% / 100% var(--podkreslenie-grubosc) no-repeat; padding-bottom: 1px; overflow-wrap: anywhere; transition: background-size var(--czas-link) var(--ease-out); }
@media (hover: hover) {
  .artykul a:hover { background-size: 0 var(--podkreslenie-grubosc); background-position: 100% 100%; }
}
.artykul a:active { color: var(--kolor-tekst-2); }
.artykul ul, .artykul ol { display: flex; flex-direction: column; gap: var(--odstep-2); }
.artykul ul li { position: relative; padding-left: var(--odstep-6); }
.artykul ul li::before { content: ""; position: absolute; left: 2px; top: 0.66em; width: 6px; height: 6px; background: var(--kolor-tekst); }
.artykul ol { counter-reset: nr; }
.artykul ol li { position: relative; padding-left: var(--odstep-7); counter-increment: nr; }
.artykul ol li::before { content: counter(nr); position: absolute; left: 0; top: 0.28em; font-family: var(--font-mono); font-size: var(--tekst-mono); line-height: var(--interlinia-mono); color: var(--kolor-tekst-2); font-variant-numeric: tabular-nums; }
.artykul blockquote { margin: var(--odstep-6) 0; padding-left: var(--odstep-5); border-left: var(--linia-mocna) solid var(--kolor-tekst); }
.artykul blockquote p { font-size: var(--tekst-lead); line-height: var(--interlinia-lead); letter-spacing: var(--swiatlo-lead); }
.artykul blockquote p + p { margin-top: var(--odstep-3); }
.artykul code { font-family: var(--font-mono); font-size: 0.875em; background: var(--kolor-tlo-2); border: var(--linia) solid var(--kolor-linia-2); padding: 0 0.25em; overflow-wrap: anywhere; }
.artykul .kod { margin: var(--odstep-5) 0; padding: var(--odstep-4); overflow-x: auto; overscroll-behavior-x: contain; background: var(--kolor-tlo-2); border-top: var(--linia) solid var(--kolor-linia-2); border-bottom: var(--linia) solid var(--kolor-linia-2); font-family: var(--font-mono); font-size: var(--tekst-drobny); line-height: 1.6; tab-size: 2; }
.artykul .kod code { background: none; border: 0; padding: 0; font-size: inherit; overflow-wrap: normal; }
.tabela-przewin { margin: var(--odstep-5) 0; overflow-x: auto; overscroll-behavior-x: contain; }
.tabela-art { width: 100%; border-collapse: collapse; border-top: var(--linia) solid var(--kolor-linia); }
.tabela-art th { font-family: var(--font-mono); font-weight: var(--waga-mono); font-size: var(--tekst-mono); color: var(--kolor-tekst-2); text-align: left; padding: var(--odstep-3) var(--odstep-4) var(--odstep-3) 0; border-bottom: var(--linia) solid var(--kolor-linia); vertical-align: bottom; }
.tabela-art td { vertical-align: top; padding: var(--odstep-3) var(--odstep-4) var(--odstep-3) 0; border-bottom: var(--linia) solid var(--kolor-linia-2); font-size: var(--tekst-maly); line-height: 1.5; min-width: 7rem; }
.tabela-art .w-right { text-align: right; }
.tabela-art .w-center { text-align: center; }
.artykul .zrodla { margin-top: var(--odstep-10); border-top: var(--linia) solid var(--kolor-linia); }
.artykul .zrodla h2 { font-size: var(--tekst-maly); letter-spacing: 0; }
.artykul .zrodla li { font-size: var(--tekst-maly); line-height: 1.5; color: var(--kolor-tekst-2); }
.artykul .zrodla a { color: var(--kolor-tekst); }

.po-art { border-top: var(--linia) solid var(--kolor-linia); padding-top: var(--odstep-9); padding-bottom: var(--sekcja-dol); align-items: start; row-gap: var(--odstep-8); }
.po-art .m { margin-bottom: var(--odstep-3); }
.po-art .autor { grid-column: 4 / 7; }
.po-art .kto { font-size: var(--tekst-lead); font-weight: var(--waga-akcent); margin-bottom: var(--odstep-2); }
.po-art .pytanie { grid-column: 7 / 10; }
.po-art .pytanie .cta { margin-top: var(--odstep-4); font-size: var(--tekst-lead); font-weight: var(--waga-akcent); }
.po-art .uslugi-art { grid-column: 10 / 13; }
.po-art .uslugi-art ul { border-top: var(--linia) solid var(--kolor-linia-2); }
.po-art .uslugi-art li { border-bottom: var(--linia) solid var(--kolor-linia-2); }
.po-art .uslugi-art a { display: grid; grid-template-columns: 32px 1fr; align-items: baseline; min-height: var(--cel-dotyku); padding: var(--odstep-2) 0; font-size: var(--tekst-maly); line-height: 1.4; }
.po-art .uslugi-art a .m { margin: 0; }
@media (hover: hover) {
  .po-art .uslugi-art a:hover > span:last-child { text-decoration: underline; text-decoration-thickness: var(--linia); text-underline-offset: 3px; }
}
.powiazane { border-top: var(--linia) solid var(--kolor-linia); }
.powiazane .glowa { padding-top: var(--odstep-10); padding-bottom: var(--odstep-7); }
.powiazane .glowa .idx { padding-top: 10px; }
.powiazane .glowa h2 { font-size: var(--tekst-wpis); letter-spacing: var(--swiatlo-display); line-height: 0.95; }

@media (min-width: 761px) and (max-width: 1100px) {
  .naglowek .menu { grid-column: 3 / 13; gap: var(--odstep-4); }
  .menu ul { gap: 14px; }
  .menu a { white-space: nowrap; }
  .stopka .firma { grid-column: 1 / 7; }
  .stopka .wiedza { grid-column: 7 / 10; }
  .stopka .dokumenty { grid-column: 10 / 13; }
  .stopka .jezyk { grid-column: 7 / 10; }
  .stopka .noty { grid-column: 10 / 13; }
  .artykul { grid-column: 4 / 13; }
  .po-art .autor { grid-column: 1 / 5; }
  .po-art .pytanie { grid-column: 5 / 9; }
  .po-art .uslugi-art { grid-column: 9 / 13; }
  .pozycja .tytul, .pozycja .opis { grid-column: 4 / 11; }
  .pozycja .czas { grid-column: 11 / 13; }
  .kol-lista .m:nth-child(3) { grid-column: 4 / 11; }
  .kol-lista .m:nth-child(4) { grid-column: 11 / 13; }
}

@media (max-width: 760px) {
  .stopka .wiedza { grid-column: 1 / 5; }
  .glowa-lista { padding-bottom: var(--odstep-9); }
  .glowa-lista .idx, .glowa-lista h1, .glowa-lista .wstep, .glowa-lista .meta { grid-column: 1 / 5; }
  .glowa-lista .idx { padding-top: 0; }
  .glowa-lista h1 { font-size: min(var(--tekst-display-1), calc((100vw - 2 * var(--siatka-margines)) / 4.6)); }
  .glowa-lista .wstep { margin-top: var(--odstep-5); }
  .glowa-lista .meta { flex-direction: row; gap: var(--odstep-2) var(--odstep-6); }
  .glowa-lista .meta a { display: inline-block; padding-block: 10px; background-position: 0 calc(100% - 8px); }
  .lista .lista-tekstow, .najnowsze .lista-tekstow, .powiazane .lista-tekstow { border-top: var(--linia) solid var(--kolor-linia); }
  .pozycja .nr { grid-column: 1 / 2; padding-top: 0; }
  .pozycja .data { grid-column: 2 / 5; padding-top: 0; }
  .pozycja .tytul { grid-column: 1 / 5; grid-row: 2; font-size: clamp(1.375rem, 6vw, 1.625rem); }
  .pozycja .opis { grid-column: 1 / 5; grid-row: 3; }
  .pozycja .czas { grid-column: 1 / 5; grid-row: 4; justify-self: start; text-align: left; padding-top: 0; }
  .pusto p { grid-column: 1 / 5; }
  .najnowsze .glowa.plaska .wstep { grid-column: 1 / 5; margin-top: var(--odstep-5); gap: 0; }
  .najnowsze .glowa.plaska .wstep a { display: inline-block; padding-block: 10px; background-position: 0 calc(100% - 8px); }

  .okruchy ol { grid-column: 1 / 5; }
  .glowa-art { padding-top: var(--odstep-7); }
  .glowa-art .idx, .glowa-art h1 { grid-column: 1 / 5; }
  .glowa-art h1 { font-size: clamp(2rem, 8.6vw, 2.75rem); line-height: 1; letter-spacing: var(--swiatlo-naglowek); }
  .meta-art { grid-column: 1 / 5; margin-top: var(--odstep-6); display: grid; grid-template-columns: 1fr 1fr; gap: var(--odstep-4); }
  .artykul { grid-column: 1 / 5; padding-top: var(--odstep-7); }
  .art .spis { padding-top: var(--odstep-6); }
  .artykul section { margin-top: var(--odstep-8); padding-top: var(--odstep-6); }
  .artykul .kod, .tabela-przewin { margin-inline: calc(-1 * var(--siatka-margines)); padding-inline: var(--siatka-margines); }
  .po-art { padding-top: var(--odstep-8); }
  .po-art .autor, .po-art .pytanie, .po-art .uslugi-art { grid-column: 1 / 5; }
  .po-art .pytanie .cta a { display: inline-block; padding-block: 10px; background-position: 0 calc(100% - 8px); }
}

@media (prefers-reduced-motion: reduce) {
  .pozycja::after, .okruchy a { transition-duration: 0ms !important; }
}