@font-face{font-family:"Inter Tight";font-style:normal;font-weight:100 900;font-display:swap;src:url(/zasoby/fonty/inter-tight-latin-wght-normal.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:"Inter Tight";font-style:normal;font-weight:100 900;font-display:swap;src:url(/zasoby/fonty/inter-tight-latin-ext-wght-normal.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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Inter";font-style:normal;font-weight:100 900;font-display:swap;src:url(/zasoby/fonty/inter-latin-wght-normal.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:"Inter";font-style:normal;font-weight:100 900;font-display:swap;src:url(/zasoby/fonty/inter-latin-ext-wght-normal.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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

:root{
  --tlo:#ffffff;
  --szary:#f2f4f7;
  --szary-2:#e8ebf0;
  --tekst:#0e1116;
  --tekst-2:#4a5260;
  --tekst-3:#6b7380;
  --linia:#dde1e7;
  --akcent:#0b2a5b;
  --akcent-2:#0f3878;
  --ciemny:#0e1116;
  --ciemny-2:#171b22;
  --naglowek:"Inter Tight",Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --tresc:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --kontener:1240px;
  --odstep:clamp(20px,4vw,48px);
  --sekcja:clamp(72px,10vw,136px);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--tlo);color:var(--tekst);font-family:var(--tresc);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img,svg{display:block;max-width:100%}
img{height:auto}
a{color:inherit}
h1,h2,h3{text-wrap:balance;font-family:var(--naglowek);font-weight:600;letter-spacing:-.02em;margin:0;color:var(--tekst)}
p{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
:focus-visible{outline:2px solid var(--akcent);outline-offset:3px;border-radius:2px}
.pomin{position:absolute;left:12px;top:-60px;background:var(--tekst);color:#fff;padding:10px 16px;z-index:100;text-decoration:none;border-radius:4px}
.pomin:focus{top:12px}
.kontener{width:100%;max-width:var(--kontener);margin:0 auto;padding:0 var(--odstep)}

/* pasek */
.pasek{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:saturate(180%) blur(12px);-webkit-backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid transparent;transition:border-color .2s}
.pasek.przewiniety{border-bottom-color:var(--linia)}
.pasek-w{max-width:var(--kontener);margin:0 auto;padding:0 var(--odstep);height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.logo{display:inline-flex;align-items:center;gap:11px;text-decoration:none;color:var(--tekst)}
.logo .znak{color:var(--tekst);flex:none}
.logo-nazwa{font-family:var(--naglowek);font-size:22px;font-weight:650;letter-spacing:-.025em;line-height:1}
.nawigacja{display:flex;align-items:center;gap:40px}
.nawigacja-lista{display:flex;align-items:center;gap:36px}
.nawigacja-lista a{font-size:15px;font-weight:500;color:var(--tekst-2);text-decoration:none;padding:8px 0;position:relative;transition:color .15s}
.nawigacja-lista a::after{content:"";position:absolute;left:0;right:0;bottom:2px;height:1px;background:var(--tekst);transform:scaleX(0);transform-origin:left;transition:transform .25s ease}
.nawigacja-lista a:hover,.nawigacja-lista a[aria-current=page]{color:var(--tekst)}
.nawigacja-lista a:hover::after,.nawigacja-lista a[aria-current=page]::after{transform:scaleX(1)}
.przycisk-pasek{display:inline-flex;align-items:center;min-height:42px;padding:0 20px;background:var(--akcent);color:#fff;font-size:14.5px;font-weight:600;text-decoration:none;border-radius:4px;transition:background .15s}
.przycisk-pasek:hover{background:var(--akcent-2)}
.tylko-mobile{display:none}
.nawigacja{gap:28px}
.jezyk{font-size:13px;font-weight:600;letter-spacing:.06em;color:var(--tekst);text-decoration:none;border:1px solid var(--linia);border-radius:999px;padding:7px 14px;transition:border-color .15s,background .15s}
.jezyk:hover{border-color:var(--tekst)}
.hamburger{display:none;width:44px;height:44px;border:0;background:transparent;padding:0;cursor:pointer;position:relative;color:var(--tekst)}
.hamburger span{position:absolute;left:11px;right:11px;height:1.5px;background:currentColor;transition:transform .25s,top .25s}
.hamburger span:first-child{top:17px}
.hamburger span:last-child{top:26px}
.hamburger[aria-expanded=true] span:first-child{top:21.5px;transform:rotate(45deg)}
.hamburger[aria-expanded=true] span:last-child{top:21.5px;transform:rotate(-45deg)}

/* wspolne */
.etykieta{font-size:15px;font-weight:600;letter-spacing:0;color:var(--akcent);margin-bottom:20px}
.numer{font-family:var(--naglowek);font-size:13px;font-weight:600;letter-spacing:.08em;color:var(--tekst-3);font-variant-numeric:tabular-nums}
.przyciski{display:flex;flex-wrap:wrap;gap:12px}
.przycisk{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 26px;font-size:15px;font-weight:600;text-decoration:none;border-radius:4px;transition:background .15s,color .15s,border-color .15s}
.przycisk-glowny{background:var(--akcent);color:#fff}
.przycisk-glowny:hover{background:var(--akcent-2)}
.sekcja-ciemna .przycisk-glowny,.kontakt-pas .przycisk-glowny{background:#fff;color:var(--tekst)}
.przycisk-linia{border:1px solid #b9c0ca;color:var(--tekst)}
.przycisk-linia:hover{border-color:var(--tekst)}
.link-strzalka{display:inline-flex;align-items:center;gap:10px;margin-top:32px;font-weight:600;font-size:15px;text-decoration:none;color:var(--tekst);border-bottom:1px solid var(--tekst);padding-bottom:4px}
.link-strzalka span{transition:transform .2s}
.link-strzalka:hover span{transform:translateX(4px)}

/* hero */
.hero{background:#fff;overflow:hidden}
.hero-w{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(32px,5vw,80px);align-items:center;padding-top:clamp(56px,7vw,96px);padding-bottom:0}
.hero-tytul{font-size:clamp(42px,6.6vw,92px);line-height:1.04;letter-spacing:-.025em;font-weight:600;max-width:13em}
.hero-dol{margin-top:clamp(28px,3vw,40px);max-width:760px}
.hero-dol .przyciski{margin-top:36px;align-items:center;gap:28px}
.link-akcent{display:inline-flex;gap:10px;align-items:center;font-weight:600;font-size:16px;color:var(--akcent);text-decoration:none}
.link-akcent:hover{text-decoration:underline;text-underline-offset:5px}
.hero-lead{font-size:clamp(18px,1.5vw,21px);line-height:1.6;color:var(--tekst-2);max-width:36em}
.schemat{margin:0;align-self:center}
.schemat svg{width:100%;height:auto;overflow:visible}
.schemat-orbita{fill:none;stroke:#c3cad4;stroke-width:1}
.schemat-orbita-wew{stroke:#d3d9e1;stroke-dasharray:2 6}
.schemat-linia{stroke:#b4bcc7;stroke-width:1}
.schemat-srodek{fill:var(--ciemny)}
.schemat-s{fill:none;stroke:#fff;stroke-width:6;stroke-linecap:round}
.schemat-wezel{fill:var(--szary);stroke:var(--akcent);stroke-width:2}
.schemat-nr{font-family:var(--naglowek);font-size:12px;font-weight:600;letter-spacing:.1em;fill:var(--tekst-3);text-anchor:middle}
.schemat-etykieta{font-family:var(--naglowek);font-size:16px;font-weight:600;fill:var(--tekst);text-anchor:middle;letter-spacing:-.01em}
.fakty{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:64px 0 0;border-top:1px solid var(--linia)}
.fakt{padding:28px 32px 36px 0}
.fakt+.fakt{padding-left:32px;border-left:1px solid var(--linia)}
.fakt dt{font-size:14px;font-weight:500;color:var(--tekst-3);margin-bottom:8px}
.fakt dd{margin:0;font-family:var(--naglowek);font-size:clamp(18px,1.6vw,21px);font-weight:550;letter-spacing:-.01em;line-height:1.35}

/* sekcje */
.sekcja{padding:var(--sekcja) 0}
.sekcja-szara{background:var(--szary)}
.sekcja-ciemna{background:var(--ciemny);color:#fff}
.sekcja-ciemna h2,.sekcja-ciemna h3{color:#fff}
.sekcja-ciemna .etykieta{color:#9fb6d9}
.sekcja-glowa{max-width:980px;margin-bottom:clamp(48px,6vw,80px)}
.sekcja-glowa-szeroka{max-width:960px}
.sekcja h2{font-size:clamp(28px,4vw,52px);line-height:1.08;letter-spacing:-.03em}
.sekcja-lead{font-size:clamp(17px,1.4vw,19px);color:var(--tekst-2);margin-top:24px;max-width:38em}
.kadr-szeroki{background:var(--szary)}
.kadr-szeroki img{width:100%;max-height:640px;object-fit:cover}

.obszary{border-top:1px solid var(--tekst)}
.obszar{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(16px,3vw,48px);align-items:baseline;padding:30px 0;border-bottom:1px solid var(--linia);transition:background .2s}
.obszar h3{font-size:clamp(24px,2.2vw,30px);font-weight:450;letter-spacing:-.03em;line-height:1.1}
.obszar p{font-size:16.5px;color:var(--tekst-2);line-height:1.65;max-width:46ch}
.kadry{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:clamp(56px,6vw,88px)}
.kadr{margin:0;overflow:hidden;border-radius:4px;background:var(--szary)}
.kadr img{width:100%;aspect-ratio:4/5;object-fit:cover}

.uklad-2{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(40px,7vw,120px);align-items:start}
.kroki{border-top:1px solid var(--tekst)}
.krok{display:grid;grid-template-columns:72px minmax(0,1fr);column-gap:24px;padding:32px 0;border-bottom:1px solid #cfd5de}
.krok .numer{grid-row:span 2;padding-top:6px}
.krok h3{font-size:28px;letter-spacing:-.025em;margin-bottom:10px}
.krok p{color:var(--tekst-2)}
.sekcja-ciemna .kroki{border-top-color:rgba(255,255,255,.5)}
.sekcja-ciemna .krok{border-bottom-color:rgba(255,255,255,.12)}
.sekcja-ciemna .krok p,.sekcja-ciemna .sekcja-lead{color:#c9cdd4}
.sekcja-ciemna .numer{color:#8fa6c9}
.sekcja-ciemna .link-strzalka{color:#fff;border-bottom-color:#fff}

.filary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid var(--tekst)}
.filar{padding:32px 40px 0 0}
.filar+.filar{padding-left:40px;border-left:1px solid var(--linia)}
.filar h3{font-size:24px;margin-bottom:14px}
.filar p{color:var(--tekst-2)}

.zasady{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid rgba(255,255,255,.22)}
.zasada{padding:34px 40px 40px 0;border-bottom:1px solid rgba(255,255,255,.12)}
.zasada:not(:nth-child(3n+1)){padding-left:40px;border-left:1px solid rgba(255,255,255,.12)}
.zasada h3{font-size:22px;margin-bottom:12px}
.zasada p{color:#c4cad4;font-size:16.5px;line-height:1.6}
.zasady-3 .zasada{border-bottom:0}
.zasady-jasne{border-top-color:var(--tekst)}
.zasady-jasne .zasada{border-bottom-color:var(--linia)}
.zasady-jasne .zasada:not(:nth-child(3n+1)){border-left-color:var(--linia)}
.zasady-jasne .zasada p{color:var(--tekst-2)}

.zalozyciel{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,7vw,120px);align-items:start;padding-top:40px;position:relative}
.zalozyciel::before{content:"";position:absolute;top:0;left:var(--odstep);right:var(--odstep);height:1px;background:var(--tekst)}
.zalozyciel-glowa h2{font-size:clamp(30px,4vw,52px);letter-spacing:-.035em}
.rola{font-size:16px;font-weight:500;color:var(--tekst-3);margin-top:12px}
.zalozyciel-tekst .sekcja-lead{margin-top:0;font-size:clamp(18px,1.6vw,21px);line-height:1.65;color:var(--tekst)}
.zalozyciel-tekst .proza p:first-child{color:var(--tekst)}

.kontakt-pas{background:var(--ciemny-2);color:#fff;padding:clamp(64px,8vw,112px) 0}
.kontakt-pas-w{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:40px;align-items:end}
.kontakt-pas h2{font-size:clamp(32px,4vw,52px);color:#fff;letter-spacing:-.03em}
.kontakt-pas p{color:#aab3c0;margin-top:16px;max-width:34em}
.kontakt-pas .etykieta{color:#9fb6d9}
.adres-duzy{font-family:var(--naglowek);font-size:clamp(24px,3.2vw,44px);font-weight:550;letter-spacing:-.025em;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:6px;white-space:nowrap;transition:opacity .15s}
.adres-duzy:hover{opacity:.75}

/* podstrony */
.naglowek-strony{background:var(--szary);border-bottom:1px solid var(--linia);padding:clamp(64px,9vw,128px) 0 clamp(56px,7vw,96px)}
.naglowek-strony h1{font-size:clamp(44px,6vw,80px);line-height:1.04;letter-spacing:-.035em;max-width:15em}
.naglowek-lead{font-size:clamp(18px,1.5vw,21px);color:var(--tekst-2);margin-top:28px;max-width:40em}
.naglowek-404 .przycisk{margin-top:40px}
.uklad-boczny{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(32px,6vw,96px);padding-top:40px;padding-bottom:40px}
.sekcja>.uklad-boczny+.uklad-boczny{border-top:0}
.uklad-boczny h2{font-size:clamp(26px,2.6vw,34px);line-height:1.15}
.uklad-prawny{border-top:1px solid var(--linia);padding-left:0;padding-right:0}
.uklad-prawny:first-child{border-top:1px solid var(--tekst)}
.uklad-prawny h2{font-size:22px}
.proza p{color:var(--tekst-2);font-size:18px;line-height:1.7}
.proza p+p{margin-top:20px}
.lista-obszarow{border-top:1px solid var(--tekst)}
.lista-obszarow li{display:flex;gap:28px;align-items:baseline;padding:22px 0;border-bottom:1px solid var(--linia);font-family:var(--naglowek);font-size:clamp(22px,2.2vw,28px);font-weight:550;letter-spacing:-.02em}
.etapy{border-top:1px solid var(--tekst)}
.etap{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,4fr) minmax(0,6fr);gap:clamp(24px,4vw,64px);padding:48px 0;border-bottom:1px solid var(--linia)}
.etap-nr{font-family:var(--naglowek);font-size:clamp(36px,3.4vw,44px);font-weight:500;letter-spacing:-.04em;line-height:1;color:var(--akcent)}
.etap .proza{max-width:60ch}
.etap h2{font-size:clamp(26px,2.6vw,34px);line-height:1.15}
.standardy{border-top:1px solid var(--tekst);counter-reset:std}
.standardy li{counter-increment:std;padding:22px 0 22px 56px;border-bottom:1px solid var(--linia);position:relative;font-size:18px;color:var(--tekst-2)}
.standardy li::before{content:counter(std,decimal-leading-zero);position:absolute;left:0;top:25px;font-family:var(--naglowek);font-size:14px;font-weight:600;color:var(--akcent);font-variant-numeric:tabular-nums}
.adres-blok{margin-top:56px;display:flex;flex-direction:column;gap:14px}
.adres-etykieta{font-size:15px;font-weight:500;color:var(--tekst-3)}
.naglowek-kontakt .adres-duzy{color:var(--tekst);align-self:flex-start;font-size:clamp(28px,4.4vw,60px)}
.uwaga{margin-top:56px;color:var(--tekst-3);font-size:15px;max-width:44em}
.dalej{border-top:1px solid var(--linia)}
.dalej-link{display:flex;justify-content:space-between;align-items:center;padding:56px 0;text-decoration:none;font-family:var(--naglowek);font-size:clamp(28px,3.6vw,48px);font-weight:550;letter-spacing:-.03em}
.dalej-link span{transition:transform .25s}
.dalej-link:hover span{transform:translateX(8px)}

/* stopka */
.stopka{background:var(--ciemny);color:#c5ccd6;padding:clamp(64px,7vw,96px) 0 32px}
.stopka-w{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,3fr) minmax(0,3fr);gap:40px;padding-bottom:64px}
.logo-jasne{color:#fff}
.logo-jasne .znak{color:#fff;--znak-wnetrze:#0e1116}
.stopka-marka p{margin-top:22px;max-width:26em;color:#98a2b0;font-size:15.5px}
.stopka-tytul{font-size:14px;font-weight:500;color:#7f8a99;margin-bottom:18px}
.stopka-kol li+li{margin-top:12px}
.stopka-kol a{color:#e3e7ec;text-decoration:none;font-size:15.5px}
.stopka-kol a:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}
.stopka-dol{display:flex;justify-content:space-between;gap:16px;padding-top:28px;font-size:14px;color:#8a94a2;position:relative}
.stopka-dol::before{content:"";position:absolute;top:0;left:var(--odstep);right:var(--odstep);height:1px;background:rgba(255,255,255,.12)}

/* wejscie */
@media (prefers-reduced-motion:no-preference){
  .hero-tekst>*,.schemat{animation:wejscie .8s cubic-bezier(.2,.7,.2,1) both}
  .hero-tekst>:nth-child(2){animation-delay:.06s}
  .hero-tekst>:nth-child(3){animation-delay:.12s}
  .hero-tekst>:nth-child(4){animation-delay:.18s}
  .schemat{animation-delay:.2s}
}
@keyframes wejscie{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}

/* responsywnosc */
@media (max-width:1100px){
  .hero-w{grid-template-columns:minmax(0,1fr)}
  .schemat{max-width:560px;width:100%;margin:8px auto 0}
}
@media (max-width:860px){
  body{font-size:16px}
  .hamburger{display:block}
  .przycisk-pasek{display:none}
  .tylko-mobile{display:list-item}
  .nawigacja{position:fixed;top:76px;left:0;right:0;bottom:0;background:#fff;flex-direction:column;align-items:stretch;gap:0;padding:12px var(--odstep) 40px;transform:translateY(-8px);opacity:0;visibility:hidden;transition:opacity .2s,transform .2s,visibility 0s .2s;overflow-y:auto;height:calc(100vh - 76px);height:calc(100dvh - 76px)}
  .nawigacja.otwarta{opacity:1;visibility:visible;transform:none;transition:opacity .2s,transform .2s}
  .nawigacja-lista{flex-direction:column;align-items:stretch;gap:0}
  .nawigacja-lista li{border-bottom:1px solid var(--linia)}
  .nawigacja-lista a{display:block;padding:20px 0;font-family:var(--naglowek);font-size:26px;font-weight:550;color:var(--tekst);letter-spacing:-.02em}
  .nawigacja-lista a::after{display:none}
  .jezyk{align-self:flex-start;margin-top:28px;font-size:14px;padding:10px 18px}
  body.menu-otwarte{overflow:hidden}
  .uklad-2,.zalozyciel,.uklad-boczny,.kontakt-pas-w{grid-template-columns:minmax(0,1fr)}
  .filary,.zasady{grid-template-columns:minmax(0,1fr)}
  .filar,.filar+.filar{padding:28px 0;border-left:0}
  .filar+.filar{border-top:1px solid var(--linia)}
  .zasada,.zasada:not(:nth-child(3n+1)){padding:28px 0;border-left:0}
  .etap{grid-template-columns:minmax(0,1fr);gap:16px}
  .stopka-w{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .stopka-marka{grid-column:1/-1}
  .adres-duzy{white-space:normal;word-break:break-word}
}
@media (max-width:480px){
  .naglowek-strony h1{font-size:36px;line-height:1.06;letter-spacing:-.03em}
  .hero-tytul{font-size:40px}
}
@media (max-width:640px){
  .obszar{grid-template-columns:minmax(0,1fr);gap:10px;padding:26px 0}
  .kadry{grid-template-columns:minmax(0,1fr)}
  .fakty{grid-template-columns:minmax(0,1fr)}
  .fakt,.fakt+.fakt{padding:20px 0;border-left:0}
  .fakt+.fakt{border-top:1px solid #cdd3dc}
  .krok{grid-template-columns:minmax(0,1fr)}
  .krok .numer{grid-row:auto;padding:0 0 8px}
  .przycisk{flex:1 1 100%}
  .hero-dol .przyciski{gap:20px}
  .fakty{margin-top:48px}
  .stopka-dol{flex-direction:column}
  .schemat-etykieta{font-size:25px}
  .schemat-nr{font-size:18px}
  .schemat{margin-top:0}
}