/* Podstrony nowej strony (podglad /nowa-strona-2/<podstrona>/, petla nocna 2026-10-09).
   Ten sam naglowek, menu i stopka co strona glowna; tu tylko wspolne elementy podstron. */

/* Naglowek: przezroczysty tylko na samej gorze nad hero. Do 2026-10-10 stala tu regula bez :not(.przewiniete)
   i jako pozniejsza wygrywala z bialym tlem po przewinieciu: tresc przeswitywala przez naglowek na kazdej podstronie. */
.n2p .n2-nav:not(.przewiniete):not(.mega-otwarte){background:transparent}
/* Kotwice: sekcje i naglowki nie chowaja sie pod przyklejonym naglowkiem (uwaga Grzegorza 2026-10-10) */
.n2p main [id],.n2p main h2,.n2p main h3{scroll-margin-top:96px}
/* Po przewinieciu pelna biel: przy .97 bialy tekst ciemnych sekcji (CTA, hero) przeswitywal przez pasek */
.n2p .n2-nav.przewiniete{background:#fff}

/* Typografia: naglowki sekcji pogrubione na wszystkich podstronach (uwaga Grzegorza z 2026-10-10) */
.n2p main h2{font-weight:700}
.n2p-hero{position:relative;overflow:hidden;margin-top:-68px;padding:calc(68px + max(56px,calc(60*var(--u)))) 0 max(56px,calc(60*var(--u)));color:#fff;
  background:
    radial-gradient(ellipse 40% 60% at 85% 100%,rgba(255,120,40,.45) 0%,rgba(255,96,20,0) 70%),
    radial-gradient(ellipse 55% 70% at 8% 40%,rgba(40,90,220,.55) 0%,rgba(40,90,220,0) 70%),
    linear-gradient(180deg,#071030 0%,#0b1a52 70%,#10215e 100%)}
.n2p-hero h1{margin-top:14px;font-size:max(36px,calc(40*var(--u)));line-height:1.05;font-weight:500;letter-spacing:-.035em;max-width:22ch}
.n2p-hero p{margin-top:18px;max-width:60ch;color:#c9d0e2;font-size:max(16px,calc(10.5*var(--u)))}
.n2p-sekcja{padding:max(56px,calc(60*var(--u))) 0}

.n2p-mapa{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
.n2p-mapa li{display:flex;flex-direction:column;gap:10px;padding:20px 22px;border-radius:18px;background:#fff;
  box-shadow:0 1px 0 rgba(17,22,42,.06),0 14px 30px -18px rgba(17,22,42,.25)}
.n2p-mapa b{font-size:17px;font-weight:600}
.n2p-znak{align-self:flex-start;padding:4px 12px;border-radius:99px;font-size:13px;font-weight:600;background:#eceef3;color:var(--szary)}
.n2p-znak--gotowa{background:#fff1e8;color:var(--pomarancz-2)}
.n2p-mapa-zywy{font-size:13px;color:var(--szary);text-decoration:underline;text-underline-offset:3px}
.n2p-mapa-adres{font-size:13px;color:var(--szary);overflow-wrap:anywhere}
.n2p-sekcja--seo{padding-top:0}
.n2p-mapa-h2{font-size:max(26px,calc(26*var(--u)));font-weight:700;letter-spacing:-.03em}
.n2p-mapa-lead{margin:10px 0 24px;color:var(--szary)}

/* Wspolne klocki podstron (od B1 cennik) */
.n2p-akc{color:var(--pomarancz)}
.n2p-etykieta-akc{color:var(--pomarancz)}
.n2p-hero--srodek{text-align:center}
.n2p-hero--srodek h1,.n2p-hero--srodek p{margin-left:auto;margin-right:auto}
.n2p-hero--srodek h1{max-width:none;font-size:max(40px,calc(48*var(--u)));font-weight:600}
.n2p-chipy{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:28px}
.n2p-chipy li{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.06);font-size:max(13px,calc(8.4*var(--u)));color:#e7eaf1}
.n2p-chipy svg{width:16px;height:16px;color:var(--pomarancz)}
.n2p-kotwica{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:24px;margin-top:30px}
.n2p-kotwica-cena{display:flex;align-items:baseline;gap:8px;margin:0 !important;color:#c9d0e2}
.n2p-kotwica-cena b{font-size:max(40px,calc(36*var(--u)));font-weight:600;letter-spacing:-.03em;line-height:1;color:var(--pomarancz)}
.n2p-hero p.n2p-drobne{margin-top:14px;font-size:13px;color:#8f98ad}
.n2p-sekcja--bez-gory{padding-top:0}
.n2p-karta{background:#fff;border:1px solid rgba(17,22,42,.06);border-radius:calc(16*var(--u));
  box-shadow:0 1px 0 rgba(17,22,42,.04),0 calc(12*var(--u)) calc(30*var(--u)) calc(-18*var(--u)) rgba(17,22,42,.16)}
/* Ikona w karcie: jeden rozmiar 44 px na wszystkich podstronach. Ikona kreskowa siedzi w kaflu,
   obrazek 3D (assety P2, n2_assety.py) wypelnia kafel bez tla. */
.n2p-kolko{display:inline-flex;flex:none;align-items:center;justify-content:center;width:44px;height:44px;
  border-radius:12px;background:#fff1e8;color:var(--pomarancz)}
.n2p-kolko svg{width:55%;height:55%}
.n2p-kolko:has(> img){background:none}
.n2p-kolko > img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2px 3px rgba(22,33,62,.22))}
.n2p-link-akc{color:var(--pomarancz-2)}

/* Cennik: tabela porownania */
.n2p-tabela-przewin{overflow-x:auto;padding:calc(10*var(--u)) calc(20*var(--u))}
.n2p-porownanie{width:100%;min-width:640px;border-collapse:collapse;font-size:max(14px,calc(8.8*var(--u)))}
.n2p-porownanie th{padding:16px 14px 12px;font-weight:500;color:var(--szary);font-size:max(13px,calc(8.2*var(--u)))}
.n2p-porownanie th.n2p-kol-saplo{color:var(--tekst);font-weight:700}
.n2p-porownanie td{padding:13px 14px;border-top:1px solid rgba(17,22,42,.07);text-align:center;color:var(--tekst-2)}
.n2p-porownanie td:first-child{text-align:left;color:var(--tekst)}
.n2p-porownanie td:first-child a{text-decoration:underline;text-decoration-color:rgba(255,106,26,.5);text-underline-offset:3px}
.n2p-porownanie .n2p-kol-saplo{background:#fff6f0}
.n2p-porownanie td.n2p-tak{color:#15803d;font-weight:600}
.n2p-porownanie td.n2p-nie{color:#d9480f}

/* Cennik: duze plany, pasek Box S */
.n2p-wiecej{margin-top:calc(26*var(--u))}
.n2p-wiecej summary{list-style:none;cursor:pointer;width:max-content;max-width:100%;margin:0 auto;text-align:center;color:var(--tekst-2);font-size:max(14px,calc(9*var(--u)))}
.n2p-wiecej summary::-webkit-details-marker{display:none}
.n2p-wiecej summary > span{color:var(--pomarancz-2);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.n2p-wiecej[open] summary{margin-bottom:calc(20*var(--u))}
.n2p-plany-duze{grid-template-columns:repeat(2,1fr);max-width:calc(620*var(--u));margin:0 auto}
.n2p-pasek{display:flex;align-items:center;gap:calc(18*var(--u));margin-top:calc(30*var(--u));padding:calc(18*var(--u)) calc(24*var(--u))}
.n2p-pasek-ikona{display:flex;flex:none;width:44px;height:44px;border-radius:12px;background:#fff1e8;color:var(--pomarancz);align-items:center;justify-content:center}
.n2p-pasek-ikona svg{width:58%;height:58%}
.n2p-pasek-tekst{flex:1}
.n2p-pasek-tekst b{font-size:max(16px,calc(11*var(--u)))}
.n2p-pasek-tekst small{font-weight:400;color:var(--szary)}
.n2p-pasek-tekst p{margin-top:4px;color:var(--szary);font-size:max(13px,calc(8.2*var(--u)))}

/* Cennik: w cenie, dodatki, FAQ, CTA */
.n2p-wcenie{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(14*var(--u))}
.n2p-wcenie-karta{display:flex;gap:calc(14*var(--u));align-items:flex-start;padding:calc(22*var(--u))}
.n2p-wcenie-karta h3{font-size:max(16px,calc(10.5*var(--u)));font-weight:600}
.n2p-wcenie-karta p{margin-top:6px;color:var(--szary);font-size:max(13px,calc(8.2*var(--u)));line-height:1.55}
.n2p-wcenie-karta a{color:var(--pomarancz-2);font-weight:600}
.n2p-dodatki{display:grid;grid-template-columns:1fr 1fr;gap:calc(16*var(--u))}
.n2p-dodatki-karta{padding:calc(22*var(--u)) calc(26*var(--u))}
.n2p-dodatki-karta h3{display:flex;align-items:center;gap:12px;font-size:max(16px,calc(10.5*var(--u)));font-weight:600;margin-bottom:10px}
.n2p-dodatki-karta li{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-top:1px solid rgba(17,22,42,.07);color:var(--tekst-2)}
.n2p-dodatki-karta li b,.n2p-cena-akc{color:var(--pomarancz-2);font-weight:600;white-space:nowrap}
.n2p-dodatki-dol{display:flex;align-items:center;gap:calc(26*var(--u));margin-top:calc(16*var(--u))}
.n2p-dodatki-wsparcie{flex:1;display:flex;align-items:center;gap:14px;padding:calc(16*var(--u)) calc(26*var(--u))}
.n2p-dodatki-wsparcie div{flex:1;display:flex;flex-direction:column}
.n2p-dodatki-wsparcie div span{color:var(--szary);font-size:max(13px,calc(8.2*var(--u)))}
.n2p-faq-waska{max-width:calc(760*var(--u));margin:0 auto}
.n2p-faq-waska a{color:var(--pomarancz-2);font-weight:600}
.n2-cta h2.n2p-cta-h2{max-width:18ch;font-size:max(34px,calc(42*var(--u)))}
.n2p-cta-h2 small{font-size:.45em;opacity:.7}

@media (max-width:899px){
  .n2p-wcenie{grid-template-columns:1fr 1fr}
  .n2p-dodatki,.n2p-plany-duze{grid-template-columns:1fr}
  .n2p-plany-duze{max-width:480px}
  .n2p-pasek,.n2p-dodatki-dol{flex-direction:column;align-items:flex-start}
  .n2p-dodatki-wsparcie{width:100%}
  .n2p-tabela-przewin{padding:6px 12px}
}
@media (max-width:520px){
  .n2p-wcenie{grid-template-columns:1fr}
  .n2p-pasek .n2-btn{width:100%;justify-content:center}
}

/* Domeny (B2) */
.n2p-ukryte{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.n2p-dom-hero .n2-wrap{position:relative;z-index:1}
.n2p-dom-kostka{position:absolute;right:calc(-40*var(--u));top:calc(250*var(--u));width:calc(200*var(--u));height:auto;opacity:.9;pointer-events:none;
  filter:drop-shadow(0 0 calc(40*var(--u)) rgba(255,106,26,.4))}
.n2p-dom-staty{display:flex;justify-content:center;margin-top:calc(26*var(--u))}
.n2p-dom-staty li{display:flex;flex-direction:column;align-items:center;gap:4px;padding:0 calc(26*var(--u));font-size:max(13px,calc(8*var(--u)));color:#aab3c8}
.n2p-dom-staty li+li{border-left:1px solid rgba(255,255,255,.16)}
.n2p-dom-staty b{font-size:max(19px,calc(15*var(--u)));font-weight:600;color:#fff;letter-spacing:-.02em}
.n2p-dom-szukaj{display:flex;align-items:center;gap:12px;max-width:calc(600*var(--u));margin:calc(34*var(--u)) auto 0;padding:6px 6px 6px 22px;border-radius:999px;background:#fff;
  box-shadow:0 0 0 4px rgba(255,255,255,.1),0 calc(20*var(--u)) calc(50*var(--u)) calc(-16*var(--u)) rgba(0,0,0,.5)}
.n2p-dom-szukaj svg{width:20px;height:20px;flex:none;color:var(--pomarancz)}
.n2p-dom-szukaj input{flex:1;min-width:0;border:0;outline:0;background:transparent;font:inherit;font-size:max(15px,calc(9.5*var(--u)));color:var(--tekst)}
.n2p-dom-szukaj input::placeholder{color:#8a91a3}
.n2p-dom-szukaj .n2-btn{flex:none;border:0;cursor:pointer;font:inherit;font-weight:600;min-width:calc(110*var(--u));justify-content:center}
.n2p-dom-szukaj .n2-btn:disabled{opacity:.7;cursor:wait}
.n2p-dom-tld{max-width:calc(640*var(--u));margin:0 auto}
.n2p-dom-tabela{width:100%;min-width:560px;border-collapse:collapse;font-size:max(14px,calc(9*var(--u)))}
.n2p-dom-tabela th{padding:14px 12px 12px;font-weight:500;font-size:max(12px,calc(7.6*var(--u)));color:var(--szary);text-align:center}
.n2p-dom-tabela th:first-child{text-align:left}
.n2p-dom-tabela td{padding:10px 12px;border-top:1px solid rgba(17,22,42,.07);text-align:center;color:var(--tekst-2);white-space:nowrap}
.n2p-dom-ext{text-align:left !important;font-weight:700;color:var(--tekst) !important;font-size:max(15px,calc(10*var(--u)))}
.n2p-dom-promo{display:inline-block;margin-left:10px;padding:2px 9px;border-radius:99px;background:#fff1e8;color:var(--pomarancz-2);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;vertical-align:2px}
.n2p-dom-pierwszy s{color:#a5abb8;font-weight:400;margin-right:4px}
.n2p-dom-pierwszy b{color:var(--pomarancz-2);font-weight:700}
.n2p-dom-gratis{color:#15803d;font-weight:600}
.n2p-dom-akcja{text-align:right !important}
.n2p-dom-sprawdz{display:inline-flex;align-items:center;padding:7px 18px;border-radius:999px;background:var(--pomarancz);color:#fff;font-weight:600;font-size:13px;transition:background .2s}
.n2p-dom-sprawdz:hover{background:var(--pomarancz-2)}
.n2p-dom-wyniki{max-width:calc(640*var(--u));margin:0 auto calc(24*var(--u));padding:calc(18*var(--u)) calc(24*var(--u))}
.n2p-dom-wyniki-tyt{font-size:13px;color:var(--szary);margin-bottom:8px}
.n2p-dom-wyniki-tyt b{color:var(--tekst)}
.n2p-dom-wiersz{display:flex;align-items:center;gap:10px;padding:10px 0;border-top:1px solid rgba(17,22,42,.07)}
.n2p-dom-wiersz b{font-weight:600}
.n2p-dom-znak{width:22px;text-align:center;font-weight:700}
.n2p-dom-wiersz--wolna .n2p-dom-znak{color:#15803d}
.n2p-dom-wiersz--zajeta .n2p-dom-znak{color:#d9480f}
.n2p-dom-wiersz--nieznana .n2p-dom-znak{color:var(--szary)}
.n2p-dom-prawo{margin-left:auto;display:flex;align-items:center;gap:14px}
.n2p-dom-cena{color:var(--pomarancz-2);font-weight:700}
.n2p-dom-stan{color:var(--szary);font-size:13px}
.n2p-dom-blad{color:#d9480f;padding:8px 0}
.n2p-dom-czekaj{display:flex;align-items:center;gap:10px;color:var(--szary);padding:4px 0 10px}
.n2p-dom-puls{display:inline-flex;gap:5px}
.n2p-dom-puls span{width:7px;height:7px;border-radius:50%;background:var(--pomarancz);animation:n2pPuls 1s ease-in-out infinite}
.n2p-dom-puls span:nth-child(2){animation-delay:.15s}
.n2p-dom-puls span:nth-child(3){animation-delay:.3s}
.n2p-dom-szkielet{height:14px;margin:12px 0;border-radius:6px;background:linear-gradient(90deg,#eef0f4 25%,#e1e4ea 50%,#eef0f4 75%);background-size:200% 100%;animation:n2pMig 1.2s linear infinite}
@keyframes n2pPuls{0%,100%{transform:translateY(0);opacity:.4}50%{transform:translateY(-5px);opacity:1}}
@keyframes n2pMig{to{background-position:-200% 0}}
.n2p-dom-num{display:block;color:var(--pomarancz-2);font-weight:700;font-size:13px;margin-bottom:6px}
@media (max-width:1100px){.n2p-dom-kostka{display:none}}
@media (max-width:640px){
  .n2p-dom-staty{display:grid;grid-template-columns:1fr 1fr;row-gap:16px}
  .n2p-dom-staty li{padding:0 10px}
  .n2p-dom-staty li:nth-child(3){border-left:0}
  .n2p-dom-szukaj{padding-left:16px}
  .n2p-dom-szukaj .n2-btn{min-width:0;padding:0 18px}
  .n2p-dom-szukaj svg{display:none}
  .n2p-dom-tabela{min-width:0;font-size:14px}
  .n2p-dom-tabela th,.n2p-dom-tabela td{padding-left:6px;padding-right:6px}
  .n2p-dom-tabela th:last-child,.n2p-dom-akcja,.n2p-dom-promo,.n2p-dom-pierwszy s{display:none}
}
.n2p-dom-karty .n2p-wcenie-karta{padding:calc(26*var(--u)) calc(24*var(--u));gap:calc(18*var(--u))}
.n2p-dom-karty h3{font-size:max(17px,calc(11.5*var(--u)))}
.n2p-dom-karty p{font-size:max(14px,calc(8.8*var(--u)))}

/* Katalog aplikacji (B3) */
.n2p-hero h1.n2p-kat-h1{max-width:none}
.n2p-hero .n2p-kotwica{margin-top:calc(26*var(--u))}
.n2p-kat-szukaj{display:flex;align-items:center;gap:10px;max-width:calc(520*var(--u));margin:0 auto calc(20*var(--u));padding:0 20px;background:#fff;
  border:1px solid rgba(17,22,42,.1);border-radius:999px;transition:border-color .18s,box-shadow .18s}
.n2p-kat-szukaj:focus-within{border-color:var(--pomarancz);box-shadow:0 0 0 3px rgba(255,106,26,.14)}
.n2p-kat-szukaj svg{flex:none;width:18px;height:18px;color:var(--szary)}
.n2p-kat-szukaj input{flex:1;min-width:0;border:0;outline:0;background:none;font:inherit;font-size:max(15px,calc(9*var(--u)));padding:14px 0;color:var(--tekst)}
.n2p-kat-szukaj input::placeholder{color:var(--szary)}
.n2p-kat-filtry{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:calc(32*var(--u));transition:opacity .2s}
.n2p-kat-filtry--przygaszone{opacity:.45}
.n2p-kat-pill{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:999px;border:1px solid rgba(17,22,42,.1);background:#fff;
  font:inherit;font-size:max(13px,calc(8.4*var(--u)));color:var(--tekst);cursor:pointer;transition:border-color .15s,background .15s,color .15s}
.n2p-kat-pill:hover{border-color:var(--pomarancz)}
.n2p-kat-pill span{font-size:11.5px;font-weight:600;padding:1px 8px;border-radius:99px;background:#f0f1f5;color:var(--tekst-2)}
.n2p-kat-pill--on{background:#0b1a52;border-color:#0b1a52;color:#fff}
.n2p-kat-pill--on span{background:rgba(255,255,255,.18);color:#fff}
.n2p-kat-siatka{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(16*var(--u))}
.n2p-apka{display:flex;flex-direction:column;padding:calc(22*var(--u)) calc(22*var(--u)) calc(20*var(--u));color:inherit;text-decoration:none;
  transition:transform .18s,box-shadow .18s,border-color .18s}
.n2p-apka[hidden]{display:none}
.n2p-apka:hover{transform:translateY(-2px);border-color:rgba(255,106,26,.35);box-shadow:0 18px 36px -24px rgba(11,26,82,.45)}
.n2p-apka-gora{display:flex;align-items:center;gap:14px;margin-bottom:calc(16*var(--u))}
.n2p-apka-ico{display:flex;flex:none;align-items:center;justify-content:center;width:max(48px,calc(36*var(--u)));height:max(48px,calc(36*var(--u)));
  border-radius:12px;background:#f5f6f9}
.n2p-apka-ico img{width:30px;height:30px}
.n2p .n2p-apka h2{font-size:max(17px,calc(11.5*var(--u)));font-weight:700;letter-spacing:-.01em;line-height:1.25}
.n2p-apka-hot{display:inline-block;margin-left:6px;padding:2px 9px;border-radius:99px;background:var(--pomarancz);color:#fff;font-size:10px;font-weight:700;
  letter-spacing:.06em;text-transform:uppercase;vertical-align:middle}
.n2p-apka-kat{display:block;margin-top:3px;font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:var(--szary)}
.n2p-apka-do{font-size:max(14.5px,calc(9*var(--u)));font-weight:600;color:var(--tekst);line-height:1.4;margin-bottom:8px}
.n2p-apka-opis{font-size:max(13.5px,calc(8.4*var(--u)));color:var(--tekst-2);line-height:1.6}
.n2p-apka-wiecej{margin-top:auto;padding-top:calc(16*var(--u));font-size:13.5px;font-weight:600;color:var(--pomarancz-2)}
.n2p-kat-pusto{text-align:center;color:var(--szary);padding:40px 0}
.n2p-kat-wiecej{display:flex;justify-content:center;margin-top:calc(26*var(--u))}
.n2p-btn-obrys{display:inline-flex;align-items:center;gap:.6em;height:max(46px,calc(36*var(--u)));padding:0 max(24px,calc(22*var(--u)));border-radius:999px;
  border:1.5px solid rgba(17,22,42,.18);background:#fff;font:inherit;font-weight:600;font-size:max(14px,calc(9*var(--u)));color:var(--tekst);cursor:pointer;
  text-decoration:none;transition:border-color .15s,color .15s}
.n2p-btn-obrys:hover{border-color:var(--pomarancz);color:var(--pomarancz-2)}
.n2p-btn-obrys[hidden]{display:none}
.n2p-kat-brak{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:calc(44*var(--u));margin-top:calc(48*var(--u));padding:calc(34*var(--u)) calc(48*var(--u))}
.n2p-kat-brak h3{font-size:max(22px,calc(16*var(--u)));font-weight:600;letter-spacing:-.02em;color:var(--tekst)}
.n2p-kat-brak p{margin-top:10px;max-width:60ch;color:var(--tekst-2);font-size:max(15px,calc(9.4*var(--u)));line-height:1.6}
.n2p-kat-przyciski{display:flex;flex-wrap:wrap;gap:12px;margin-top:calc(22*var(--u))}
.n2p-kat-terminal{position:relative;width:calc(190*var(--u));height:calc(130*var(--u));min-width:150px;min-height:104px;border-radius:16px;
  background:linear-gradient(160deg,#fff 0%,#ffe9dc 100%);border:1px solid rgba(255,106,26,.25);transform:rotate(-8deg);
  box-shadow:0 24px 50px -20px rgba(255,106,26,.55)}
.n2p-kat-kropki{position:absolute;top:14px;left:16px;display:flex;gap:6px}
.n2p-kat-kropki i{width:9px;height:9px;border-radius:50%;background:var(--pomarancz)}
.n2p-kat-prompt{position:absolute;left:0;right:0;top:44%;text-align:center;font:700 max(34px,calc(30*var(--u)))/1 ui-monospace,monospace;color:var(--pomarancz)}
.n2-cta .n2-cta-tekst p{margin-top:14px;max-width:46ch;color:#c9d0e2}
@media (max-width:1024px){.n2p-kat-siatka{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){
  .n2p-kat-siatka{grid-template-columns:1fr}
  .n2p-kat-filtry{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;margin-left:-20px;margin-right:-20px;padding:0 20px 4px;scrollbar-width:none}
  .n2p-kat-pill{flex:none}
  .n2p-kat-brak{grid-template-columns:1fr;padding:26px 22px;gap:24px}
  .n2p-kat-terminal{display:none}
}
@media (max-width:640px){
  .n2p-dom-staty.n2p-kat-staty{grid-template-columns:repeat(3,1fr)}
  .n2p-kat-staty li{padding:0 4px}
  .n2p-dom-staty.n2p-kat-staty li:nth-child(3){border-left:1px solid rgba(255,255,255,.16)}
}

/* Karta aplikacji (B4) */
.n2p-ap-hero .n2-wrap{position:relative;z-index:1}
.n2p-ap-kostka{position:absolute;right:calc(70*var(--u));top:calc(90*var(--u));width:calc(190*var(--u));height:auto;pointer-events:none;
  filter:drop-shadow(0 0 calc(40*var(--u)) rgba(255,106,26,.45))}
.n2p-ap-okruszki{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;font-size:13px;color:#8f98ad}
.n2p-ap-okruszki a:hover{color:#fff}
.n2p-ap-okruszki b{color:#fff;font-weight:600}
.n2p-ap-ikona{display:flex;align-items:center;justify-content:center;width:max(62px,calc(50*var(--u)));height:max(62px,calc(50*var(--u)));margin:calc(22*var(--u)) auto 0;
  border-radius:16px;background:#fff;box-shadow:0 14px 34px -14px rgba(0,0,0,.6)}
.n2p-ap-ikona img{width:56%;height:56%}
.n2p-hero.n2p-ap-hero h1{margin-top:calc(20*var(--u));max-width:16ch;overflow-wrap:anywhere}
.n2p-ap-hero h1 .n2p-akc{display:block}
.n2p-ap-staty{margin-top:calc(30*var(--u))}
.n2p-ap-staty li{max-width:calc(170*var(--u));text-align:center}
.n2p-ap-uklad{display:grid;grid-template-columns:1fr calc(370*var(--u));gap:calc(56*var(--u));align-items:start}
.n2p-ap-opis .n2-etykieta{display:block;margin-bottom:12px}
.n2p-ap-opis .n2-etykieta:not(:first-child){margin-top:calc(34*var(--u))}
.n2p-ap-lead{color:var(--tekst-2);font-size:max(16px,calc(10.4*var(--u)));line-height:1.7;max-width:62ch}
.n2p-ap-ptaszki{display:flex;flex-direction:column;gap:12px;font-size:max(15px,calc(9.6*var(--u)));color:var(--tekst-2);line-height:1.5}
.n2p-ap-ptaszki li{position:relative;padding-left:28px}
.n2p-ap-ptaszki li::before{content:"";position:absolute;left:3px;top:.28em;width:7px;height:12px;border:solid var(--pomarancz);border-width:0 2.5px 2.5px 0;transform:rotate(40deg)}
.n2p-ap-ptaszki b{color:var(--tekst);font-weight:600}
.n2p-ap-ptaszki--male{gap:9px;font-size:max(14px,calc(8.6*var(--u)))}
.n2p-ap-kroki{counter-reset:krok;display:flex;flex-direction:column;gap:14px}
.n2p-ap-kroki li{counter-increment:krok;position:relative;padding-left:46px;min-height:32px;padding-top:4px;color:var(--tekst-2);font-size:max(15px,calc(9.6*var(--u)));line-height:1.55}
.n2p-ap-kroki li::before{content:counter(krok);position:absolute;left:0;top:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;
  border-radius:50%;background:var(--pomarancz);color:#fff;font-weight:700;font-size:14px}
.n2p-ap-kroki b{color:var(--tekst);font-weight:600}
.n2p-ap-oszcz{margin-top:calc(30*var(--u));padding:calc(18*var(--u)) calc(22*var(--u));border-radius:14px;background:#fff6f0;border:1px solid rgba(255,106,26,.28)}
.n2p-ap-oszcz > b{display:block;font-size:max(16px,calc(10.4*var(--u)));font-weight:600}
.n2p-ap-oszcz p{margin-top:6px;color:var(--tekst-2);line-height:1.6}
.n2p-ap-bok{position:sticky;top:96px;padding:calc(26*var(--u)) calc(26*var(--u)) calc(22*var(--u))}
.n2p-ap-bok-plan{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:10px 0 18px;font-size:max(22px,calc(15*var(--u)));font-weight:700;letter-spacing:-.02em}
.n2p-ap-bok-plan span{font-size:max(16px,calc(10.4*var(--u)));color:var(--pomarancz-2);font-weight:700;white-space:nowrap}
.n2p-ap-blok{display:flex;width:100%;justify-content:center;margin-top:calc(22*var(--u))}
.n2p-ap-bok-nota{margin-top:12px;font-size:12.5px;color:var(--szary);line-height:1.55}
.n2p-ap-drab{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(18*var(--u));max-width:calc(900*var(--u));margin:0 auto}
.n2p-ap-szczebel{position:relative;display:flex;flex-direction:column;padding:calc(26*var(--u)) calc(24*var(--u)) calc(22*var(--u))}
.n2p-ap-szczebel--pol{border:1.5px solid var(--pomarancz);box-shadow:0 22px 44px -26px rgba(255,106,26,.55)}
.n2p-ap-szczebel .n2-plakietka{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);white-space:nowrap}
.n2p-ap-szczebel h3{font-size:max(18px,calc(12*var(--u)));font-weight:700}
.n2p-ap-powod{margin-top:4px;min-height:2.8em;color:var(--szary);font-size:max(13.5px,calc(8.4*var(--u)));line-height:1.45}
.n2p-ap-szczebel-plan{margin-top:calc(16*var(--u));font-size:13px;font-weight:600;color:var(--tekst-2)}
.n2p-ap-szczebel-cena{margin:2px 0 calc(14*var(--u));font-size:max(30px,calc(22*var(--u)));font-weight:700;letter-spacing:-.03em;line-height:1.1}
.n2p-ap-szczebel-cena small{font-size:.45em;font-weight:500;color:var(--szary);letter-spacing:0}
.n2p-ap-szczebel .n2p-ap-blok{margin-top:auto;padding-top:0}
.n2p-ap-szczebel ul{margin-bottom:calc(22*var(--u))}
.n2p-ap-nota{max-width:62ch;margin:calc(26*var(--u)) auto 0;text-align:center;color:var(--szary);font-size:max(13.5px,calc(8.4*var(--u)));line-height:1.6}
.n2p-ap-obok{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(14*var(--u));max-width:calc(900*var(--u));margin:0 auto}
.n2p-ap-pokrewne{display:grid;grid-template-columns:repeat(4,1fr);gap:calc(14*var(--u))}
.n2p-ap-mini{display:flex;align-items:center;gap:14px;padding:calc(16*var(--u)) calc(18*var(--u));color:inherit;text-decoration:none;
  transition:transform .18s,border-color .18s}
.n2p-ap-mini:hover{transform:translateY(-2px);border-color:rgba(255,106,26,.35)}
.n2p-ap-mini-txt{display:flex;flex-direction:column;gap:2px;min-width:0}
.n2p-ap-mini-txt b{font-size:max(15px,calc(9.6*var(--u)));font-weight:700}
.n2p-ap-mini-txt small{font-size:max(13px,calc(8*var(--u)));color:var(--szary);line-height:1.4}
.n2p-ap-mini-txt em{font-style:normal;font-size:max(13px,calc(8*var(--u)));font-weight:600;color:#15803d}
.n2p-ap-link{margin-top:calc(26*var(--u));text-align:center}
.n2p-ap-link a{color:var(--pomarancz-2);font-weight:600}
.n2p-ap-szczery{display:flex;gap:16px;align-items:flex-start;margin-top:calc(18*var(--u));padding:calc(18*var(--u)) calc(22*var(--u));border-radius:calc(12*var(--u));
  background:#fff6f0;border:1px solid rgba(255,106,26,.28)}
.n2p-ap-szczery-znak{display:flex;flex:none;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--pomarancz);color:#fff;font-weight:800}
.n2p-ap-szczery b{font-weight:600}
.n2p-ap-szczery p{margin-top:4px;color:var(--tekst-2);line-height:1.6}
@media (max-width:1100px){.n2p-ap-kostka{display:none}}
@media (max-width:899px){
  .n2p-ap-uklad{grid-template-columns:1fr;gap:36px}
  .n2p-ap-bok{position:static}
  .n2p-ap-drab{grid-template-columns:1fr;max-width:480px;gap:26px}
  .n2p-ap-obok,.n2p-ap-pokrewne{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  .n2p-ap-obok,.n2p-ap-pokrewne{grid-template-columns:1fr}
  .n2p-dom-staty.n2p-ap-staty{grid-template-columns:repeat(3,1fr)}
  .n2p-ap-staty li{padding:0 4px}
  .n2p-dom-staty.n2p-ap-staty li:nth-child(3){border-left:1px solid rgba(255,255,255,.16)}
}
.n2p-ap-szczebel .n2-plakietka{right:auto;padding:4px 12px;border-radius:99px;background:var(--pomarancz);color:#fff;font-size:10.5px;letter-spacing:.08em}
.n2p-ap-szczebel .n2p-btn-obrys{border-color:rgba(255,106,26,.55);color:var(--pomarancz-2)}

/* Migracja (B5) */
.n2p-mig-hero .n2p-ap-okruszki{margin-bottom:calc(18*var(--u))}
.n2p-mig-hero h1{margin-top:calc(12*var(--u))}
.n2p-mig-naglowek{max-width:calc(640*var(--u))}
.n2p-mig-naglowek h2{font-size:max(30px,calc(32*var(--u)));font-weight:600}
.n2p-mig-plakietka{display:inline-block;padding:5px 14px;border-radius:999px;border:1px solid rgba(255,106,26,.35);background:#fff6f0;
  color:var(--pomarancz-2);font-size:max(11px,calc(6.8*var(--u)));font-weight:600;letter-spacing:.22em;text-transform:uppercase}
.n2p-mig-tor{display:flex;align-items:center;gap:calc(14*var(--u))}
.n2p-mig-koniec{flex:none;width:calc(120*var(--u));display:flex;flex-direction:column;align-items:center;gap:8px}
.n2p-mig-koniec img{width:100%;height:auto}
.n2p-mig-koniec--stary img{width:100%;filter:grayscale(.35) brightness(.85)}
.n2p-mig-koniec span{white-space:nowrap;font-size:max(11px,calc(6.8*var(--u)));font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--szary)}
.n2p-mig-koniec--saplo span{color:var(--pomarancz-2)}
.n2p-mig-szyna{position:relative;flex:1;height:4px;margin-bottom:calc(28*var(--u));border-radius:2px;background:#e6e2da}
.n2p-mig-wypelnienie{position:absolute;left:0;top:0;height:100%;width:0;border-radius:2px;background:linear-gradient(90deg,#fdba74,var(--pomarancz))}
.n2p-mig-szyna ol{position:absolute;inset:0}
.n2p-mig-szyna li{position:absolute;top:-9px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;
  font-size:max(12px,calc(7.6*var(--u)));color:var(--szary);transition:color .3s}
.n2p-mig-szyna li::before{content:"";width:16px;height:16px;border-radius:50%;background:#fff;border:3px solid #ddd8ce;transition:border-color .3s,box-shadow .3s}
.n2p-mig-szyna li:nth-child(1){left:12%}.n2p-mig-szyna li:nth-child(2){left:37%}
.n2p-mig-szyna li:nth-child(3){left:62%}.n2p-mig-szyna li:nth-child(4){left:87%}
.n2p-mig-szyna li.n2p-mig-on{color:var(--tekst)}
.n2p-mig-szyna li.n2p-mig-on::before{border-color:var(--pomarancz);box-shadow:0 0 0 5px rgba(255,106,26,.16)}
.n2p-mig-kroki{display:grid;grid-template-columns:repeat(4,1fr);gap:calc(14*var(--u));margin-top:calc(24*var(--u))}
.n2p-mig-kroki li{padding:calc(22*var(--u));transition:border-color .35s,box-shadow .35s}
.n2p-mig-kroki li.n2p-mig-on{border-color:rgba(255,106,26,.45)}
.n2p-mig-num{display:block;font-size:max(22px,calc(17*var(--u)));font-weight:500;color:var(--pomarancz)}
.n2p-mig-kroki h3,.n2p-mig-stack h3{margin-top:10px;font-size:max(17px,calc(11*var(--u)));font-weight:600}
.n2p-mig-kroki p,.n2p-mig-stack p{margin-top:8px;color:var(--szary);font-size:max(14px,calc(8.6*var(--u)));line-height:1.55}
.n2p-mig-stacki{display:grid;grid-template-columns:repeat(6,1fr);gap:calc(14*var(--u))}
.n2p-mig-stack{grid-column:span 2;display:flex;flex-direction:column;align-items:flex-start;padding:calc(24*var(--u))}
.n2p-mig-stack--szeroki{grid-column:span 3}
.n2p-mig-ikona{display:block;width:55%;height:55%;background:currentColor;-webkit-mask:var(--ikona) center/contain no-repeat;mask:var(--ikona) center/contain no-repeat}
.n2p-mig-skad{margin-top:auto;padding:4px 10px;border-radius:6px;background:#f1efe9;font-size:12px;color:var(--tekst-2);letter-spacing:.04em}
.n2p-mig-stack p{margin-bottom:16px}
.n2p-mig-zglos{display:grid;grid-template-columns:1fr 1fr;gap:calc(16*var(--u));align-items:stretch}
.n2p-mig-zglos-bok{position:relative;overflow:hidden;padding:calc(34*var(--u)) calc(30*var(--u)) calc(150*var(--u));border-radius:calc(16*var(--u));color:#fff;
  background:radial-gradient(ellipse 70% 50% at 50% 100%,rgba(255,120,40,.4) 0%,rgba(255,96,20,0) 70%),
    radial-gradient(ellipse 60% 70% at 10% 20%,rgba(40,90,220,.5) 0%,rgba(40,90,220,0) 70%),linear-gradient(180deg,#071030 0%,#0b1a52 100%)}
.n2 .n2p-mig-zglos-bok h2{color:#fff;font-weight:600;font-size:max(30px,calc(30*var(--u)))}
.n2p-mig-zglos-bok p{margin-top:12px;color:#c9d0e2;max-width:32ch}
.n2p-mig-ptaszki{display:flex;flex-direction:column;gap:12px;margin-top:22px;position:relative;z-index:1}
.n2p-mig-ptaszki li{position:relative;padding-left:34px;color:#e7eaf1;font-size:max(15px,calc(9*var(--u)))}
.n2p-mig-ptaszki li::before{content:"";position:absolute;left:0;top:-1px;width:22px;height:22px;border-radius:50%;background:var(--pomarancz)}
.n2p-mig-ptaszki li::after{content:"";position:absolute;left:8px;top:3px;width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(40deg)}
.n2p-mig-zglos-bok img{position:absolute;left:50%;bottom:calc(-50*var(--u));width:calc(200*var(--u));height:auto;transform:translateX(-50%);pointer-events:none}
.n2p-mig-form{display:flex;flex-direction:column;justify-content:center;padding:calc(30*var(--u))}
.n2p-mig-form label{margin-top:18px;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--szary)}
.n2p-mig-form label:first-of-type{margin-top:0}
.n2p-mig-form input,.n2p-mig-form textarea{margin-top:8px;width:100%;padding:13px 15px;border:1px solid #e3e0d8;border-radius:10px;background:#fff;
  font:inherit;font-size:16px;color:var(--tekst);outline:0;resize:vertical}
.n2p-mig-form input:focus,.n2p-mig-form textarea:focus{border-color:var(--pomarancz);box-shadow:0 0 0 3px rgba(255,106,26,.15)}
.n2p-mig-form .n2-btn{margin-top:24px;justify-content:center;width:100%;border:0;cursor:pointer;font-family:inherit}
@media (max-width:899px){
  .n2p-mig-kroki{grid-template-columns:1fr 1fr}
  .n2p-mig-stacki{grid-template-columns:1fr 1fr}
  .n2p-mig-stack,.n2p-mig-stack--szeroki{grid-column:auto}
  .n2p-mig-zglos{grid-template-columns:1fr}
  .n2p-mig-zglos-bok{padding-bottom:max(140px,calc(150*var(--u)))}
  .n2p-mig-zglos-bok img{width:180px;bottom:-40px}
}
@media (max-width:640px){
  .n2p-mig-szyna{display:none}
  .n2p-mig-tor{justify-content:space-between;padding:0 10%}
  .n2p-mig-koniec{width:110px}
  .n2p-mig-kroki,.n2p-mig-stacki{grid-template-columns:1fr}
  .n2p-dom-staty.n2p-mig-staty{grid-template-columns:repeat(3,1fr)}
  .n2p-dom-staty.n2p-mig-staty li:nth-child(3){border-left:1px solid rgba(255,255,255,.16)}
}

/* Hosting, strona reklamowa (B6) */
.n2p-lp-hero-uklad{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:center;gap:calc(40*var(--u))}
.n2p-lp-plakietka{display:inline-block;padding:5px 14px;border-radius:999px;border:1px solid rgba(255,106,26,.75);background:rgba(255,106,26,.08);
  color:#ffd9c2;font-size:max(13px,calc(8.4*var(--u)));font-weight:500}
.n2p-hero.n2p-lp-hero h1{margin-top:calc(18*var(--u));font-size:max(38px,calc(50*var(--u)));font-weight:600;max-width:13ch}
.n2p-lp-hero h1 .n2p-akc{display:block}
.n2p-lp-przyciski{display:flex;flex-wrap:wrap;gap:14px;margin-top:calc(30*var(--u))}
.n2p-lp-przyciski .n2-cta-obrys{color:#fff}
.n2p-lp-hero p.n2p-drobne b{color:#c9d0e2;font-weight:600}
.n2p-lp-kostka{justify-self:center;width:min(100%,calc(330*var(--u)));height:auto;filter:drop-shadow(0 0 calc(50*var(--u)) rgba(255,106,26,.4))}
.n2p-lp-plany{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(16*var(--u))}
.n2p-lp-plan{display:flex;flex-direction:column;padding:calc(22*var(--u)) calc(22*var(--u)) calc(20*var(--u));border:1.5px solid transparent;transition:transform .2s,border-color .2s}
.n2p-lp-plan:hover{transform:translateY(-3px);border-color:rgba(255,106,26,.45)}
.n2p-lp-plan--wyr{border-color:var(--pomarancz)}
.n2p-lp-plan-nazwa{font-size:max(17px,calc(11*var(--u)));font-weight:700}
.n2p-lp-plan-opis{margin-top:8px;color:var(--tekst-2);font-size:max(14px,calc(8.6*var(--u)));line-height:1.5}
.n2p-lp-plan-cena{margin-top:calc(22*var(--u));font-size:max(30px,calc(24*var(--u)));font-weight:700;letter-spacing:-.03em;line-height:1}
.n2p-lp-plan-okres{margin-top:6px;color:var(--szary);font-size:14px}
.n2p-lp-pod{margin-top:calc(22*var(--u));text-align:center;color:var(--tekst-2);font-size:max(14px,calc(8.8*var(--u)))}
.n2p-lp-naglowek-szeroki{max-width:calc(720*var(--u))}
.n2p-lp-cechy{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(16*var(--u))}
.n2p-lp-cecha{padding:calc(24*var(--u))}
.n2p-lp-ikona{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;
  background:#fff1e8;color:var(--pomarancz)}
.n2p-lp-ikona svg{width:55%;height:55%}
.n2p-lp-cecha h3{margin-top:calc(16*var(--u));font-size:max(17px,calc(11*var(--u)));font-weight:700}
.n2p-lp-cecha p{margin-top:8px;color:var(--tekst-2);font-size:max(14px,calc(8.8*var(--u)));line-height:1.55}
.n2p-lp-cecha a{color:var(--pomarancz-2);text-decoration:underline;text-underline-offset:3px}
.n2p-lp-stacki{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:calc(24*var(--u))}
.n2p-lp-stacki li{padding:7px 16px;border-radius:999px;border:1px solid rgba(17,22,42,.12);background:#fff;color:var(--tekst-2);font-size:max(13px,calc(8.4*var(--u)))}
.n2p-lp-naglowek-lewy{margin-bottom:calc(22*var(--u))}
.n2p-lp-naglowek-lewy h2{margin-top:calc(14*var(--u))}
.n2p-lp-tabela{padding:calc(8*var(--u)) calc(28*var(--u))}
.n2p-lp-tabela dl > div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.6fr);gap:calc(24*var(--u));padding:calc(15*var(--u)) 0;border-top:1px solid rgba(17,22,42,.07)}
.n2p-lp-tabela dl > div:first-child{border-top:0}
.n2p-lp-tabela dt{font-weight:700;font-size:max(15px,calc(9.4*var(--u)))}
.n2p-lp-tabela dd{margin:0;color:var(--tekst-2);font-size:max(14px,calc(9*var(--u)));line-height:1.55}
.n2p-lp-tel{display:inline-flex;align-items:center;color:#fff;font-weight:600;font-size:max(15px,calc(10*var(--u)))}
.n2p-lp-tel:hover{color:var(--pomarancz)}
@media (max-width:1100px){
  .n2p-lp-plany{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:860px){
  .n2p-lp-hero-uklad{grid-template-columns:1fr}
  .n2p-lp-kostka{display:none}
  .n2p-lp-cechy{grid-template-columns:1fr}
  .n2p-lp-tabela dl > div{grid-template-columns:1fr;gap:4px}
}
@media (max-width:520px){
  .n2p-lp-plany{gap:10px}
  .n2p-lp-plan{padding:16px 14px}
  .n2p-lp-przyciski .n2-btn,.n2p-lp-przyciski .n2-cta-obrys{width:100%;justify-content:center}
}

/* Cennik dodatkow */
.n2p-dod-hero-btn{margin-top:calc(26*var(--u))}
.n2p-dod-wrap{max-width:calc(760*var(--u));display:flex;flex-direction:column;gap:calc(18*var(--u))}
.n2p-dod-grupa{padding:calc(24*var(--u)) calc(26*var(--u)) calc(14*var(--u))}
.n2p-dod-grupa h2{font-size:max(24px,calc(19*var(--u)));line-height:1.15;font-weight:700;letter-spacing:-.025em;color:var(--tekst)}
.n2p-dod-pod{margin-top:6px;color:var(--szary);font-size:max(14px,calc(8.8*var(--u)))}
.n2p-dod-tab{width:100%;margin-top:calc(16*var(--u));border-collapse:collapse;font-size:max(14px,calc(8.8*var(--u)))}
.n2p-dod-tab th{padding:12px 14px;border-top:1px solid rgba(17,22,42,.07);text-align:left;font-size:max(11px,calc(7*var(--u)));font-weight:600;
  letter-spacing:.12em;text-transform:uppercase;color:var(--tekst-2)}
.n2p-dod-tab td{padding:14px;border-top:1px solid rgba(17,22,42,.07);vertical-align:middle}
.n2p-dod-r{text-align:right;white-space:nowrap}
.n2p-dod-tab td.n2p-dod-r{text-align:center;width:22%}
.n2p-dod-tab th.n2p-dod-r{text-align:center}
.n2p-dod-nazwa{display:block;color:var(--tekst);font-weight:700}
.n2p-dod-opis{display:block;margin-top:3px;color:var(--tekst-2);font-size:.92em}
.n2p-dod-cena{display:block;color:var(--tekst);font-weight:700;font-size:1.15em}
.n2p-dod-rok{display:block;margin-top:2px;color:var(--tekst-2);font-size:.85em}
.n2p-dod-gb{color:var(--tekst-2)}
.n2p-dod-info{display:flex;gap:14px;align-items:flex-start;padding:calc(16*var(--u)) calc(22*var(--u));border:1px solid rgba(255,106,26,.28);
  border-radius:calc(12*var(--u));background:#fff6ef;color:var(--tekst-2);font-size:max(14px,calc(8.6*var(--u)));line-height:1.55}
.n2p-dod-info svg{flex:none;width:max(22px,calc(16*var(--u)));height:max(22px,calc(16*var(--u)));color:var(--pomarancz);margin-top:1px}
.n2p-dod-info b{color:var(--tekst)}
.n2p-dod-przyciski{display:flex;flex-wrap:wrap;gap:12px;margin-top:calc(6*var(--u))}
.n2p-dod-przyciski .n2-btn,.n2p-dod-przyciski .n2p-btn-obrys{height:max(48px,calc(38*var(--u)))}
@media (max-width:520px){
  .n2p-dod-grupa{padding:20px 14px 8px}
  .n2p-dod-tab th,.n2p-dod-tab td{padding:12px 6px}
  .n2p-dod-tab td.n2p-dod-r{width:auto}
  .n2p-dod-przyciski a{width:100%;justify-content:center}
}

/* Hosting z SSH */
.n2p-ssh-hero h1{font-size:max(40px,calc(52*var(--u)))}
.n2p-hero p code,.n2p-ssh-cechy code,.n2p-faq-waska code{padding:1px 6px;border-radius:5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em}
.n2p-hero p code{background:rgba(255,255,255,.1);color:#fff}
.n2p-ssh-cechy code,.n2p-faq-waska code{background:#f1f2f6;color:var(--tekst)}
.n2p-ssh-terminal{display:flex;flex-direction:column;gap:6px;width:min(100%,calc(380*var(--u)));margin:calc(26*var(--u)) auto 0;padding:14px 20px 18px;text-align:left;
  border:1px solid rgba(255,255,255,.14);border-radius:12px;background:rgba(5,10,30,.72);box-shadow:0 20px 40px -20px rgba(0,0,0,.6)}
.n2p-ssh-kropki{display:flex;gap:7px;margin-bottom:8px}
.n2p-ssh-kropki i{width:11px;height:11px;border-radius:50%;background:#ff5f57}
.n2p-ssh-kropki i:nth-child(2){background:#febc2e}
.n2p-ssh-kropki i:nth-child(3){background:#28c840}
.n2p-ssh-terminal code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:max(13px,calc(9.4*var(--u)));color:#e7eaf1;white-space:pre-wrap;word-break:break-all}
.n2p-ssh-terminal code span{color:#8f98ad;margin-right:6px}
.n2p-ssh-dowody{display:flex;justify-content:center;flex-wrap:wrap;gap:calc(18*var(--u));margin-top:calc(26*var(--u))}
.n2p-ssh-dowody li{display:flex;align-items:center;gap:12px;padding:12px 20px;border:1px solid rgba(255,255,255,.16);border-radius:10px;background:rgba(255,255,255,.05);
  font-size:max(13px,calc(8.6*var(--u)));color:#c9d0e2}
.n2p-ssh-dowody svg{flex:none;width:22px;height:22px;color:#fff}
.n2p-ssh-dowody b{color:#fff;font-weight:600}
.n2p-ssh-cechy{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:calc(16*var(--u))}
.n2p-ssh-cechy > *{grid-column:span 2}
.n2p-ssh-cechy > :nth-child(4),.n2p-ssh-cechy > :nth-child(5){grid-column:span 3}
.n2p-ssh-uczciwie{margin-top:calc(26*var(--u));padding:calc(22*var(--u)) calc(26*var(--u));border:1px solid rgba(255,106,26,.2);border-radius:calc(16*var(--u));background:#fbf6ef;text-align:center}
.n2p-ssh-uczciwie-kol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:calc(16*var(--u));text-align:left}
.n2p-ssh-uczciwie-kol > div{display:flex;gap:14px;align-items:flex-start;padding:0 calc(20*var(--u))}
.n2p-ssh-uczciwie-kol > div + div{border-left:1px solid rgba(17,22,42,.08)}
.n2p-ssh-uczciwie-kol p{color:var(--tekst-2);font-size:max(14px,calc(8.6*var(--u)));line-height:1.55}
.n2p-ssh-uczciwie-kol b{display:block;margin-bottom:4px;color:var(--tekst);font-weight:700}
.n2p-ssh-plany{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:calc(14*var(--u))}
.n2p-ssh-plan{display:flex;flex-direction:column;align-items:flex-start;padding:calc(20*var(--u)) calc(20*var(--u)) calc(22*var(--u));border:1.5px solid transparent}
.n2p-ssh-plan--wyr{border-color:var(--pomarancz);background:#fff8f2}
.n2p-ssh-plan-nazwa{font-size:max(17px,calc(11*var(--u)));font-weight:700}
.n2p-ssh-plan-cena{margin-top:calc(12*var(--u));font-size:max(24px,calc(18*var(--u)));font-weight:700;letter-spacing:-.03em}
.n2p-ssh-plan-cena small{font-size:.6em;font-weight:500;color:var(--szary);letter-spacing:0}
.n2p-ssh-plan-stan{margin-top:8px;color:var(--pomarancz-2);font-weight:600;font-size:max(14px,calc(9*var(--u)))}
.n2p-ssh-plan-bez{margin-top:8px;color:var(--tekst-2);font-size:max(14px,calc(9*var(--u)))}
.n2p-ssh-plan-znak{align-self:stretch;margin-top:14px;padding:5px 12px;border-radius:99px;background:#eceef3;color:var(--szary);font-size:13px;font-weight:600;text-align:center}
.n2p-ssh-plany-cta{margin-top:calc(26*var(--u));text-align:center}
.n2p-ssh-plany-cta p{margin-top:12px;color:var(--tekst-2);font-size:max(13px,calc(8.4*var(--u)))}
@media (max-width:1100px){
  .n2p-ssh-plany{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:860px){
  .n2p-ssh-cechy{grid-template-columns:1fr}
  .n2p-ssh-cechy > *,.n2p-ssh-cechy > :nth-child(4),.n2p-ssh-cechy > :nth-child(5){grid-column:auto}
  .n2p-ssh-uczciwie-kol{grid-template-columns:1fr;gap:18px}
  .n2p-ssh-uczciwie-kol > div{padding:0}
  .n2p-ssh-uczciwie-kol > div + div{border-left:0;padding-top:18px;border-top:1px solid rgba(17,22,42,.08)}
}
@media (max-width:520px){
  .n2p-ssh-plany{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .n2p-ssh-plan{padding:16px 14px}
  .n2p-ssh-dowody{flex-direction:column;align-items:stretch;gap:10px}
  .n2p-ssh-plany-cta .n2-btn{width:100%;justify-content:center}
}

/* Dla programistow (B9) */
.n2p-dev-okruszki{justify-content:flex-start}
.n2p-hero.n2p-dev-hero h1{max-width:15ch}

.n2p-dev-dowody{display:flex;justify-content:center;flex-wrap:wrap;gap:calc(40*var(--u));margin-top:calc(34*var(--u));padding-top:calc(26*var(--u));border-top:1px solid rgba(255,255,255,.1)}
.n2p-dev-dowody li{display:flex;align-items:center;gap:14px;color:#c9d0e2;font-size:max(14px,calc(8.8*var(--u)))}
.n2p-dev-dowody svg{flex:none;width:30px;height:30px;color:#fff}
.n2p-dev-dowody b{display:block;color:#fff;font-weight:600}
.n2p-dev-cechy{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:calc(16*var(--u))}
.n2p-dev-cechy > *{grid-column:span 3}
.n2p-dev-cechy > :nth-child(n+5){grid-column:span 4}
.n2p-dev-cecha{padding:calc(22*var(--u)) calc(24*var(--u)) calc(24*var(--u))}
.n2p-dev-cecha-gora{display:flex;align-items:center;justify-content:space-between}
.n2p-dev-nr{color:var(--pomarancz);font-size:max(18px,calc(13*var(--u)));font-weight:500}
.n2p-dev-cecha-gora svg{width:max(26px,calc(20*var(--u)));height:max(26px,calc(20*var(--u)));color:var(--tekst)}
.n2p-dev-cecha h3{margin-top:calc(18*var(--u));font-size:max(16px,calc(10.4*var(--u)));font-weight:700}
.n2p-dev-cecha p{margin-top:8px;color:var(--tekst-2);font-size:max(14px,calc(8.6*var(--u)));line-height:1.55}
.n2p-sekcja .n2-naglowek code,.n2p-dev-droga p code{padding:1px 6px;border-radius:5px;background:#f1f2f6;color:var(--tekst);font-size:.92em}
.n2p-dev-terminal{display:flex;flex-direction:column;gap:6px;width:min(100%,calc(780*var(--u)));margin:0 auto;padding:18px 26px 22px;border-radius:14px;
  background:#0f1424;box-shadow:0 calc(20*var(--u)) calc(50*var(--u)) rgba(15,20,36,.22)}
.n2p-dev-terminal code,.n2p-dev-kod code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#e7eaf1;white-space:pre-wrap;overflow-wrap:anywhere}
.n2p-dev-terminal code{font-size:max(13px,calc(9.6*var(--u)))}
.n2p-dev-prompt{color:var(--pomarancz);margin-right:6px}
.n2p-dev-ok{color:#3ecf6e;margin-right:6px}
.n2p-dev-drogi{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(16*var(--u))}
.n2p-dev-droga{display:flex;flex-direction:column;padding:calc(24*var(--u))}
.n2p-dev-droga-tyt{display:flex;align-items:center;gap:14px}
.n2p-dev-droga-tyt h3{font-size:max(16px,calc(10.4*var(--u)));font-weight:700}
.n2p-dev-droga > p{margin-top:14px;color:var(--tekst-2);font-size:max(14px,calc(8.6*var(--u)));line-height:1.55}
.n2p-dev-kod{display:flex;flex-direction:column;gap:4px;margin-top:auto;padding:14px 18px;border-radius:10px;background:#0f1424}
.n2p-dev-droga > p + .n2p-dev-kod{margin-top:18px}
.n2p-dev-kod code{font-size:max(12.5px,calc(8.4*var(--u)))}
.n2p-dev-bezpiecznie{display:flex;align-items:center;gap:14px;margin-top:calc(22*var(--u));padding:calc(16*var(--u)) calc(22*var(--u));border:1px solid rgba(255,106,26,.25);
  border-radius:calc(14*var(--u));background:#fff4ec}
.n2p-dev-bezpiecznie svg{flex:none;width:24px;height:24px;color:var(--pomarancz)}
.n2p-dev-bezpiecznie p{color:var(--tekst-2);font-size:max(14px,calc(8.8*var(--u)));line-height:1.5}
.n2p-dev-bezpiecznie b{color:var(--pomarancz-2)}
.n2p-dev-linki{display:flex;justify-content:center;flex-wrap:wrap;gap:14px;margin-top:calc(26*var(--u))}
.n2p-dev-stacki{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(14*var(--u))}
.n2p-dev-stack{display:flex;align-items:center;gap:16px;padding:calc(18*var(--u)) calc(20*var(--u))}
.n2p-dev-stack img{flex:none;width:max(30px,calc(24*var(--u)));height:max(30px,calc(24*var(--u)));object-fit:contain}
.n2p-dev-stack b{display:block;font-size:max(15px,calc(9.6*var(--u)));font-weight:700}
.n2p-dev-stack span{display:block;margin-top:3px;color:var(--szary);font-size:max(12.5px,calc(8*var(--u)));line-height:1.4}
.n2p-dev-wiecej{margin-top:calc(22*var(--u));text-align:center;color:var(--tekst-2);font-size:max(14px,calc(8.8*var(--u)))}
@media (max-width:1100px){
  .n2p-dev-cechy > *,.n2p-dev-cechy > :nth-child(n+5){grid-column:span 6}
  .n2p-dev-cechy > :nth-child(7){grid-column:span 12}
  .n2p-dev-stacki{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:860px){
  .n2p-dev-drogi{grid-template-columns:1fr}
  .n2p-dev-stacki{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:520px){
  .n2p-dev-cechy > *,.n2p-dev-cechy > :nth-child(n+5),.n2p-dev-cechy > :nth-child(7){grid-column:span 12}
  .n2p-dev-dowody{flex-direction:column;align-items:flex-start;gap:16px}
  .n2p-dev-stacki{grid-template-columns:1fr}
  .n2p-dev-linki .n2-btn{width:100%;justify-content:center}
  .n2p-dev-terminal{padding:14px 16px 18px}
}

/* Program partnerski (B10) */
.n2p-pp-hero h1{font-size:max(40px,calc(52*var(--u)))}
.n2p-pp-hero .n2p-kotwica{gap:14px}
.n2p-pp-dowody{display:flex;justify-content:center;flex-wrap:wrap;margin-top:calc(34*var(--u))}
.n2p-pp-dowody li{display:flex;align-items:center;gap:14px;padding:4px calc(28*var(--u));color:#c9d0e2;font-size:max(14px,calc(8.8*var(--u)));text-align:left}
.n2p-pp-dowody li + li{border-left:1px solid rgba(255,255,255,.18)}
.n2p-pp-dowody svg{flex:none;width:32px;height:32px;color:#fff}
.n2p-pp-dowody b{display:block;color:#fff;font-weight:600;font-size:max(16px,calc(10.4*var(--u)))}
.n2p-pp-kroki{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(16*var(--u))}
.n2p-pp-krok{padding:calc(22*var(--u)) calc(22*var(--u)) calc(24*var(--u))}
.n2p-pp-krok-gora{display:flex;align-items:center;gap:14px}
.n2p-pp-nr{color:var(--pomarancz);font-size:max(16px,calc(11*var(--u)));font-weight:600}
.n2p-pp-krok h3{margin-top:calc(16*var(--u));font-size:max(17px,calc(11*var(--u)));font-weight:700}
.n2p-pp-krok p{margin-top:8px;color:var(--tekst-2);font-size:max(14px,calc(8.6*var(--u)));line-height:1.55}
.n2p-pp-krok code{display:inline-block;margin:4px 0;padding:2px 8px;border-radius:6px;background:#fff1e8;color:var(--pomarancz-2);
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.88em;overflow-wrap:anywhere}
.n2p-pp-tabela{max-width:calc(560*var(--u));margin:0 auto;border-radius:calc(14*var(--u));overflow:hidden;background:#fff;
  box-shadow:0 1px 0 rgba(17,22,42,.04),0 calc(14*var(--u)) calc(34*var(--u)) calc(-18*var(--u)) rgba(17,22,42,.2)}
.n2p-pp-tabela table{width:100%;border-collapse:collapse}
.n2p-pp-tabela th{padding:16px calc(24*var(--u));background:#0f1424;color:#fff;text-align:left;font-size:max(11px,calc(7*var(--u)));font-weight:600;
  letter-spacing:.1em;text-transform:uppercase}
.n2p-pp-tabela td{padding:16px calc(24*var(--u));border-top:1px solid rgba(17,22,42,.07);vertical-align:middle}
.n2p-pp-tabela td b{display:block;font-size:max(16px,calc(10.4*var(--u)));font-weight:700}
.n2p-pp-tabela td small{display:block;margin-top:3px;color:var(--szary);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
  font-size:max(10.5px,calc(6.6*var(--u)));letter-spacing:.04em;text-transform:uppercase}
.n2p-pp-tabela .n2p-pp-r{text-align:center;width:28%}
.n2p-pp-stawka{color:var(--pomarancz);font-size:max(18px,calc(13*var(--u)));font-weight:700;letter-spacing:-.02em}
.n2p-pp-tworcy{background:#fff4ec}
.n2p-pp-pod{max-width:calc(520*var(--u));margin:calc(22*var(--u)) auto 0;text-align:center;color:var(--tekst-2);font-size:max(14px,calc(8.6*var(--u)));line-height:1.6}
.n2p-pp-zasady{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(16*var(--u))}
.n2p-pp-zasada{display:flex;gap:16px;align-items:flex-start;padding:calc(22*var(--u))}
.n2p-pp-zasada h3{font-size:max(16px,calc(10*var(--u)));font-weight:700}
.n2p-pp-zasada p{margin-top:6px;color:var(--tekst-2);font-size:max(14px,calc(8.4*var(--u)));line-height:1.55}
.n2p-pp-info{margin-top:calc(18*var(--u))}
.n2p-pp-info p + p{margin-top:8px}
.n2p-pp-regulamin{color:var(--pomarancz-2);font-weight:600}
@media (max-width:1100px){
  .n2p-pp-kroki{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:860px){
  .n2p-pp-zasady{grid-template-columns:1fr}
}
@media (max-width:520px){
  .n2p-pp-kroki{grid-template-columns:1fr}
  .n2p-pp-dowody{flex-direction:column;align-items:flex-start;gap:16px;width:max-content;max-width:100%;margin-left:auto;margin-right:auto}
  .n2p-pp-dowody li{padding:0}
  .n2p-pp-dowody li + li{border-left:0}
  .n2p-pp-tabela th,.n2p-pp-tabela td{padding:14px 12px}
  .n2p-pp-tabela .n2p-pp-r{width:auto}
  .n2p-pp-hero .n2p-kotwica a{width:100%;justify-content:center}
}

/* B11 Blog: lista */
.n2p-blog-hero{padding-top:calc(68px + max(36px,calc(34*var(--u))));padding-bottom:max(44px,calc(44*var(--u)))}
.n2p-blog-hero .n2-etykieta{margin-top:calc(22*var(--u));text-transform:none;letter-spacing:0;font-size:max(14px,calc(9*var(--u)));font-weight:700}
.n2p-blog-hero h1{font-size:max(36px,calc(40*var(--u)))}
.n2p-blog-hero h1{max-width:20ch}
.n2p-blog-filtry a{text-decoration:none}
.n2p-blog-okladka{display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(135deg,#fff3e9,#fde7d6);aspect-ratio:16/7.4}
.n2p-blog-okladka img{width:100%;height:100%;object-fit:cover}
.n2p-blog-okladka img.n2p-blog-splot{width:auto;height:max(44px,calc(40*var(--u)));object-fit:contain}
.n2p-blog-kat{display:block;font-size:max(13px,calc(8.2*var(--u)));font-weight:700;color:var(--pomarancz-2)}
.n2p-blog-meta{display:inline-flex;flex-wrap:wrap;gap:8px;font-size:max(13px,calc(8.2*var(--u)));color:var(--szary)}
.n2p-blog-glowny{display:grid;grid-template-columns:43% 1fr;overflow:hidden;margin-bottom:calc(20*var(--u))}
.n2p-blog-okladka--duza{aspect-ratio:auto;min-height:calc(220*var(--u));background:radial-gradient(circle at 18% 90%,#fde3cf 0 22%,transparent 23%),linear-gradient(135deg,#fff6ef,#fde8d8)}
.n2p-blog-okladka--duza img.n2p-blog-splot{height:max(56px,calc(54*var(--u)))}
.n2p-blog-glowny-tresc{display:flex;flex-direction:column;padding:calc(30*var(--u)) calc(30*var(--u)) calc(24*var(--u))}
.n2p-blog-glowny-tresc h2{margin-top:12px;font-size:max(22px,calc(17*var(--u)));line-height:1.25;font-weight:700;letter-spacing:-.02em}
.n2p-blog-glowny-tresc p{margin-top:14px;color:var(--szary);font-size:max(15px,calc(9.4*var(--u)))}
.n2p-blog-dol{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;margin-top:auto;padding-top:22px}
.n2p-blog-siatka{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(18*var(--u))}
.n2p-blog-karta{display:flex;flex-direction:column;overflow:hidden;padding:6px}
.n2p-blog-karta .n2p-blog-okladka{border-radius:calc(12*var(--u))}
.n2p-blog-karta-tresc{display:flex;flex:1;flex-direction:column;gap:10px;padding:calc(16*var(--u)) calc(12*var(--u)) calc(14*var(--u))}
.n2p-blog-karta h3{font-size:max(17px,calc(11.4*var(--u)));line-height:1.3;font-weight:700;letter-spacing:-.01em}
.n2p-blog-karta p{color:var(--szary);font-size:max(14px,calc(8.8*var(--u)));line-height:1.5}
.n2p-blog-karta .n2p-blog-meta{margin-top:auto;padding-top:8px}
.n2p-blog-glowny h2 a:hover,.n2p-blog-karta h3 a:hover{color:var(--pomarancz-2)}
.n2p-blog-strony{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:calc(30*var(--u))}
.n2p-blog-strona{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:40px;height:40px;padding:0 12px;border-radius:10px;
  border:1px solid rgba(17,22,42,.1);background:#fff;font-size:14px;font-weight:600;color:var(--tekst)}
.n2p-blog-strona:hover{border-color:var(--pomarancz)}
.n2p-blog-strona--on{background:#0b1a52;border-color:#0b1a52;color:#fff}
.n2p-blog-strona--tekst{padding:0 16px}
.n2p-blog-pusto{text-align:center;color:var(--szary)}
@media (max-width:900px){
  .n2p-blog-siatka{grid-template-columns:repeat(2,1fr)}
  .n2p-blog-glowny{grid-template-columns:1fr}
  .n2p-blog-okladka--duza{min-height:180px}
}
@media (max-width:600px){
  .n2p-blog-siatka{grid-template-columns:1fr}
  .n2p-blog-glowny-tresc{padding:22px 20px}
}

/* B11 Blog: wpis */
.n2p-bw-okruszki{display:flex;justify-content:center;gap:8px;font-size:max(14px,calc(8.6*var(--u)));font-weight:600;color:var(--pomarancz)}
.n2p-bw-okruszki a:hover{color:#fff}
.n2p-bw-hero{padding-top:calc(68px + max(36px,calc(34*var(--u))));padding-bottom:max(44px,calc(40*var(--u)))}
.n2p-bw-hero h1{max-width:24ch;font-size:max(32px,calc(40*var(--u)));line-height:1.1}
.n2p-bw-hero p.n2p-bw-meta{margin-top:14px;font:500 max(12px,calc(7.8*var(--u)))/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;color:#c9d0e2}
.n2p-bw-hero .n2p-kotwica{margin-top:22px}
.n2p-bw{padding-top:calc(24*var(--u))}
.n2p-bw-uklad{display:grid;grid-template-columns:minmax(0,1fr) calc(300*var(--u));gap:calc(24*var(--u));align-items:start}
.n2p-bw-artykul{padding:calc(30*var(--u)) calc(30*var(--u)) calc(26*var(--u))}
.n2p-bw-tresc{overflow-wrap:anywhere;color:var(--tekst-2);font-size:max(16px,calc(10*var(--u)));line-height:1.7}
.n2p-bw-tresc > * + *{margin-top:1em}
.n2p-bw-tresc h2{margin-top:1.6em;scroll-margin-top:96px;font-size:max(22px,calc(15*var(--u)));line-height:1.3;font-weight:800;letter-spacing:-.02em;color:var(--tekst)}
.n2p-bw-tresc h3{margin-top:1.4em;font-size:max(18px,calc(12*var(--u)));font-weight:600;color:var(--tekst)}
.n2p-bw-tresc a{color:var(--pomarancz-2);text-decoration:underline;text-underline-offset:3px}
.n2p-bw-tresc strong{color:var(--tekst);font-weight:600}
.n2p-bw-tresc ul,.n2p-bw-tresc ol{padding-left:0}
.n2p-bw-tresc li{position:relative;padding-left:30px}
.n2p-bw-tresc li + li{margin-top:.5em}
.n2p-bw-tresc ul > li::before{content:"";position:absolute;left:8px;top:.7em;width:6px;height:6px;border-radius:50%;background:var(--pomarancz)}
.n2p-bw-tresc ol{counter-reset:n2bw}
.n2p-bw-tresc ol > li{counter-increment:n2bw}
.n2p-bw-tresc ol > li::before{content:counter(n2bw) ".";position:absolute;left:0;font-weight:700;color:var(--pomarancz-2)}
.n2p-bw-tresc code{padding:2px 7px;border-radius:6px;background:#fff1e8;color:#d9480f;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.86em}
.n2p-bw-tresc pre{position:relative;overflow-x:auto;padding:16px 56px 16px 18px;border-radius:12px;background:#111a2e;color:#e7eaf1;line-height:1.6}
.n2p-bw-tresc pre code{padding:0;background:none;color:inherit;font-size:max(13px,calc(8.6*var(--u)))}
.n2p-bw-tresc blockquote{padding:14px 18px;border-left:3px solid var(--pomarancz);border-radius:0 10px 10px 0;background:#fff7f1}
.n2p-bw-tresc table{width:100%;border-collapse:collapse;font-size:.92em;display:block;overflow-x:auto}
.n2p-bw-tresc th,.n2p-bw-tresc td{padding:9px 12px;border-bottom:1px solid rgba(17,22,42,.08);text-align:left}
.n2p-bw-tresc img{max-width:100%;height:auto;border-radius:12px}
.n2p-bw-kopiuj{position:absolute;top:10px;right:10px;display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;
  border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);color:#c9d0e2;cursor:pointer}
.n2p-bw-kopiuj svg{width:16px;height:16px}
.n2p-bw-kopiuj--ok{color:#4ade80;border-color:#4ade80}
.n2p-bw-galeria{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-top:28px}
.n2p-bw-galeria img{width:100%;border-radius:10px}
.n2p-bw-galeria figcaption{margin-top:6px;font-size:13px;color:var(--szary)}
.n2p-bw-tagi{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px;padding-top:22px;border-top:1px solid rgba(17,22,42,.08)}
.n2p-bw-tagi li{padding:5px 12px;border-radius:99px;background:#f2f3f7;font-size:13px;color:var(--tekst-2)}
.n2p-bw-autor{display:flex;align-items:center;gap:calc(20*var(--u));margin-top:24px;padding:calc(18*var(--u)) calc(20*var(--u));border-radius:calc(14*var(--u));background:#f7f4ef}
.n2p-bw-awatar{display:flex;flex:none;align-items:center;justify-content:center;width:max(60px,calc(52*var(--u)));height:max(60px,calc(52*var(--u)));border-radius:50%;background:#fff;overflow:hidden}
.n2p-bw-awatar img{width:62%;height:62%;object-fit:contain}
.n2p-bw-autor b{font-size:max(15px,calc(9.6*var(--u)));font-weight:600;color:var(--tekst)}
.n2p-bw-autor p{margin-top:2px;font-size:13px;color:var(--szary)}
.n2p-bw-bok{position:sticky;top:96px;display:flex;flex-direction:column;gap:calc(16*var(--u))}
.n2p-bw-spis{padding:calc(20*var(--u)) calc(18*var(--u))}
.n2p-bw-spis b{font-size:max(15px,calc(10*var(--u)));font-weight:600}
.n2p-bw-spis ol{position:relative;margin-top:14px}
.n2p-bw-spis ol::before{content:"";position:absolute;left:3px;top:8px;bottom:8px;width:1px;background:rgba(17,22,42,.12)}
.n2p-bw-spis li{position:relative;padding-left:22px;font-size:max(13px,calc(8.4*var(--u)));line-height:1.45}
.n2p-bw-spis li + li{margin-top:12px}
.n2p-bw-spis li::before{content:"";position:absolute;left:0;top:.45em;width:7px;height:7px;border-radius:50%;background:#c5c9d3}
.n2p-bw-spis li a{color:var(--tekst-2)}
.n2p-bw-spis li a:hover,.n2p-bw-spis--on a{color:var(--pomarancz-2) !important}
.n2p-bw-spis li.n2p-bw-spis--on::before{background:var(--pomarancz)}
.n2p-bw-wezwanie{position:relative;overflow:hidden;min-height:calc(230*var(--u));padding:calc(22*var(--u)) calc(22*var(--u)) calc(24*var(--u));border-radius:calc(16*var(--u));color:#fff;
  background:radial-gradient(ellipse 60% 60% at 90% 90%,rgba(255,106,26,.35),transparent 70%),linear-gradient(150deg,#10215e,#071030 70%)}
.n2p-bw-wezwanie b{position:relative;z-index:1;display:block;font-size:max(18px,calc(12*var(--u)));font-weight:600;letter-spacing:-.01em}
.n2p-bw-wezwanie p{position:relative;z-index:1;margin:6px 0 18px;font-size:13px;color:#c9d0e2}
.n2p-bw-wezwanie .n2-btn{position:relative;z-index:1}
.n2p-bw-wezwanie img{position:absolute;right:-14px;bottom:-18px;width:calc(150*var(--u));min-width:120px;height:auto;pointer-events:none}
.n2p-bw-powiazane h2{margin-top:8px;margin-bottom:calc(22*var(--u));font-size:max(28px,calc(24*var(--u)));font-weight:600;letter-spacing:-.03em}
.n2p-bw-powiazane .n2p-blog-karta h3{font-size:max(16px,calc(10.6*var(--u)))}
@media (max-width:980px){
  .n2p-bw-uklad{grid-template-columns:minmax(0,1fr)}
  .n2p-bw-bok{position:static}
}
@media (max-width:600px){
  .n2p-bw-artykul{padding:22px 18px}
  .n2p-bw-hero h1{font-size:30px}
}

/* B12: dokumenty (SLA, oficjalne kanaly) i strony prawne. Tresc 1:1 ze starych szablonow, tu tylko oprawa. */
.n2p-dok-hero{padding-bottom:max(44px,calc(48*var(--u)))}
.n2p-dok-hero h1{margin-top:12px}
.n2p-dok-hero p{max-width:56ch}
.n2p-dok-okruszki{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;
  font-size:14px;font-weight:500;color:#aab3c9}
.n2p-dok-okruszki a{color:var(--pomarancz)}
.n2p-dok-liczby{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:26px}
.n2p-dok-liczby li{display:flex;flex-direction:column;align-items:center;min-width:150px;padding:12px 20px;border-radius:14px;
  border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06)}
.n2p-dok-liczby b{font-size:max(22px,calc(16*var(--u)));font-weight:600;color:#fff;letter-spacing:-.02em}
.n2p-dok-liczby span{margin-top:2px;font-size:13px;color:#aab3c9}
.n2p-dok{padding-top:max(28px,calc(30*var(--u)))}
.n2p-dok-kolumna{display:flex;flex-direction:column;gap:calc(16*var(--u));max-width:1010px}
.n2p-dok-karta{padding:max(22px,calc(26*var(--u))) max(20px,calc(30*var(--u)));scroll-margin-top:96px}
.n2p-dok-etykieta{display:block;font-size:14px;font-weight:600;color:var(--szary)}
.n2p-dok-karta h2,.n2p-pr-paragraf h2{margin-top:6px;font-size:max(23px,calc(19*var(--u)));line-height:1.25;font-weight:700;letter-spacing:-.025em;color:var(--tekst)}
.n2p-dok-karta--uwaga{border-left:4px solid var(--pomarancz);background:linear-gradient(90deg,#fff6ef,#fff 70%)}
.n2p-dok-tresc{margin-top:12px;overflow-wrap:anywhere;color:var(--tekst-2);font-size:max(15px,calc(9.6*var(--u)));line-height:1.65}
.n2p-dok-tresc > * + *{margin-top:.85em}
.n2p-dok-tresc h3{margin-top:1.3em;font-size:max(17px,calc(11*var(--u)));font-weight:600;color:var(--tekst)}
.n2p-dok-tresc a{color:var(--pomarancz-2);text-decoration:underline;text-underline-offset:3px}
.n2p-dok-tresc strong{color:var(--tekst);font-weight:600}
.n2p-dok-tresc ul,.n2p-dok-tresc ol{padding-left:0}
.n2p-dok-tresc li{position:relative;padding-left:28px}
.n2p-dok-tresc li + li{margin-top:.45em}
.n2p-dok-tresc ul > li::before{content:"";position:absolute;left:8px;top:.68em;width:6px;height:6px;border-radius:50%;background:var(--pomarancz)}
.n2p-dok-tresc ol{counter-reset:n2dok}
.n2p-dok-tresc ol > li{counter-increment:n2dok}
.n2p-dok-tresc ol > li::before{content:counter(n2dok) ".";position:absolute;left:0;font-weight:700;color:var(--pomarancz-2)}
.n2p-dok-karta--uwaga .n2p-dok-tresc ul > li{padding-left:32px}
.n2p-dok-karta--uwaga .n2p-dok-tresc ul > li::before{content:"\00d7";left:0;top:.18em;width:20px;height:20px;display:flex;align-items:center;justify-content:center;
  font-size:15px;font-weight:700;line-height:1;color:#fff;background:var(--pomarancz)}
.n2p-dok-tresc code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.88em;color:#d9480f}
.n2p-dok-tresc pre{position:relative;overflow-x:auto;padding:16px 56px 16px 18px;border-radius:12px;background:#111a2e;color:#e7eaf1;line-height:1.6}
.n2p-dok-tresc pre code{color:inherit;font-size:max(13px,calc(8.6*var(--u)))}
.n2p-dok-tresc table{width:100%;border-collapse:collapse;font-size:.93em}
.n2p-dok-tresc thead th,.n2p-dok-tresc tr:first-child th{background:#f3f4f7}
.n2p-dok-tresc th{padding:10px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;font-weight:500;letter-spacing:.04em;text-align:left;color:var(--tekst-2)}
.n2p-dok-tresc td{padding:10px 12px;border-bottom:1px solid rgba(17,22,42,.08);vertical-align:top;text-align:left}
.n2p-dok-tresc td:first-child{font-weight:600;color:var(--tekst)}
.n2p-dok-tresc .kanaly-tab td:first-child{white-space:nowrap}
.n2p--sla .n2p-dok-tresc td:last-child{color:var(--pomarancz-2);font-weight:600}
.n2p-dok-tresc .kanaly-uwaga{padding:12px 16px;border-radius:12px;background:rgba(255,255,255,.75);border:1px dashed rgba(255,96,20,.35)}
.n2p-dok-tresc button:not(.n2p-bw-kopiuj){display:inline-flex;padding:10px 20px;border:0;border-radius:999px;background:var(--pomarancz);color:#fff;font:inherit;font-weight:600;cursor:pointer}

.n2p-pr-uklad{display:grid;grid-template-columns:calc(250*var(--u)) minmax(0,1fr);gap:calc(20*var(--u));align-items:start}
.n2p-pr-bok{position:sticky;top:96px}
.n2p-pr-spis{padding:calc(24*var(--u)) calc(20*var(--u));max-height:calc(100vh - 120px);overflow-y:auto}
.n2p-pr-spis b{font-size:max(17px,calc(12*var(--u)));font-weight:600}
.n2p-pr-spis ol{margin-top:16px}
.n2p-pr-spis li{position:relative;padding-left:12px;font-size:max(14px,calc(9.6*var(--u)));line-height:1.4}
.n2p-pr-spis li + li{margin-top:12px}
.n2p-pr-spis li a{color:var(--tekst-2)}
.n2p-pr-spis li a:hover,.n2p-pr-spis--on a{color:var(--pomarancz-2) !important}
.n2p-pr-spis li.n2p-pr-spis--on::before{content:"";position:absolute;left:-4px;top:0;bottom:0;width:3px;border-radius:2px;background:var(--pomarancz)}
.n2p-pr-karta{padding:max(24px,calc(36*var(--u))) max(20px,calc(38*var(--u)))}
.n2p-pr-paragraf{scroll-margin-top:96px}
.n2p-pr-paragraf + .n2p-pr-paragraf{margin-top:calc(30*var(--u));padding-top:calc(30*var(--u));border-top:1px solid rgba(17,22,42,.09)}
.n2p-pr-karta .n2p-dok-tresc{margin-top:14px}
.n2p-pr-pytania{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:calc(16*var(--u));padding:16px 22px;font-size:14px;color:var(--tekst-2)}
.n2p-pr-pytania svg{width:20px;height:20px;color:var(--tekst)}
.n2p-pr-pytania a{color:var(--pomarancz-2);font-weight:500}
@media (max-width:900px){
  .n2p-pr-uklad{grid-template-columns:minmax(0,1fr)}
  .n2p-pr-bok{position:static}
  .n2p-pr-spis{max-height:none}
}
@media (max-width:640px){
  .n2p-dok-tresc .kanaly-tab thead{display:none}
  .n2p-dok-tresc .kanaly-tab,.n2p-dok-tresc .kanaly-tab tbody,.n2p-dok-tresc .kanaly-tab tr,.n2p-dok-tresc .kanaly-tab td{display:block;width:100%}
  .n2p-dok-tresc .kanaly-tab tr{padding:10px 0;border-bottom:1px solid rgba(17,22,42,.08)}
  .n2p-dok-tresc .kanaly-tab td{padding:2px 0;border:0}
  .n2p-dok-tresc .kanaly-tab td:first-child{white-space:normal}
  .n2p-dok-tresc table:not(.kanaly-tab){display:block;overflow-x:auto}
}
.n2p-dok-tresc .kanaly-tab th:first-child{white-space:nowrap}
.n2p-dok-hero.n2p-hero--srodek h1{font-weight:700}

/* Logowanie i rejestracja (B13): jasna strona, granatowy pasek menu, po lewej granatowy panel, po prawej karta formularza */
.n2p--logowanie .n2-nav:not(.przewiniete):not(.mega-otwarte),.n2p--rejestracja .n2-nav:not(.przewiniete):not(.mega-otwarte){background:#0d1530}
/* naglowek podstron zachodzi na tresc (jak nad hero), wiec gorny odstep liczy jego 68 px */
.n2p-konto{padding:calc(68px + max(48px,calc(44*var(--u)))) 0 max(56px,calc(48*var(--u)))}
.n2p-konto-siatka{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:max(28px,calc(24*var(--u)));align-items:center}
.n2p-konto-bok{position:relative;overflow:hidden;align-self:stretch;display:flex;flex-direction:column;border-radius:20px;color:#fff;
  padding:max(44px,calc(38*var(--u))) max(32px,calc(30*var(--u))) 0;
  background:
    radial-gradient(ellipse 60% 40% at 85% 0%,rgba(60,110,255,.55) 0%,rgba(60,110,255,0) 70%),
    radial-gradient(ellipse 70% 45% at 50% 100%,rgba(40,90,220,.5) 0%,rgba(40,90,220,0) 70%),
    linear-gradient(180deg,#0a1440 0%,#0c1c5c 55%,#0a1647 100%)}
.n2p-konto-sygnet{width:max(36px,calc(28*var(--u)));height:auto}
.n2p-konto-tytul{margin-top:max(40px,calc(44*var(--u))) !important;font-size:max(30px,calc(37*var(--u)));line-height:1.1;font-weight:700;letter-spacing:-.03em;max-width:15ch}
.n2p-konto-lead{margin-top:20px !important;color:#c9d0e2;font-size:max(16px,calc(13*var(--u)));line-height:1.5;max-width:40ch}
.n2p-konto-punkty{margin-top:30px !important;display:flex;flex-direction:column;gap:18px}
.n2p-konto-punkty li{display:flex;align-items:center;gap:14px;font-size:max(16px,calc(12.6*var(--u)));color:#eef1f8}
.n2p-konto-punkty svg{flex:none;width:32px;height:32px}
.n2p-konto-punkty circle{fill:var(--pomarancz)}
.n2p-konto-punkty path{fill:none;stroke:#fff;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.n2p-konto-kostka{margin:auto auto 0;width:min(100%,max(280px,calc(250*var(--u))));height:auto;padding-top:20px}
.n2p-konto-prawa{display:flex;flex-direction:column;align-items:center;gap:22px}
.n2p-konto-karta{width:100%;background:#fff;border:1px solid rgba(17,22,42,.07);border-radius:18px;padding:max(36px,calc(34*var(--u))) max(28px,calc(34*var(--u)));
  box-shadow:0 1px 0 rgba(17,22,42,.04),0 24px 50px -30px rgba(17,22,42,.3)}
.n2p-konto-karta h1{font-size:max(32px,calc(32*var(--u)));line-height:1.1;font-weight:800;letter-spacing:-.035em;color:var(--tekst)}
.n2p-konto-sub{margin-top:12px !important;color:var(--szary);font-size:max(16px,calc(12*var(--u)))}
.n2p-konto-karta form{margin-top:28px}
.n2p-konto .field{margin-bottom:20px}
.n2p-konto .field label{display:block;margin-bottom:8px;font-size:15px;font-weight:700;color:var(--tekst)}
.n2p-konto .field label span{font-weight:500;color:var(--szary)}
.n2p-konto-etyk{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.n2p-konto-etyk a{margin-bottom:8px;font-size:14px;font-weight:600;color:var(--pomarancz-2)}
.n2p-konto-etyk a:hover{text-decoration:underline}
.n2p-konto input[type=text],.n2p-konto input[type=email],.n2p-konto input[type=password]{width:100%;height:52px;padding:0 16px;border:1.5px solid #d7dae2;border-radius:10px;
  background:#fff;color:var(--tekst);font:inherit;font-size:16px;transition:border-color .15s,box-shadow .15s}
.n2p-konto input::placeholder{color:#9aa0ae}
.n2p-konto input:focus{outline:none;border-color:var(--pomarancz);box-shadow:0 0 0 4px rgba(255,106,26,.15)}
.n2p-konto input.kod{font-size:24px;letter-spacing:.4em;text-align:center}
.n2p-konto .pole-haslo{position:relative}
.n2p-konto .pole-haslo input{padding-right:58px}
.n2p-konto .pokaz-haslo{position:absolute;right:8px;top:50%;transform:translateY(-50%);height:38px;min-width:42px;padding:0 8px;border:0;border-radius:8px;
  background:none;cursor:pointer;color:#4a5060;display:flex;align-items:center;justify-content:center}
.n2p-konto .pokaz-haslo:hover{background:#f1f2f4;color:var(--tekst)}
.n2p-konto .pokaz-haslo svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.n2p-konto .pokaz-haslo .oko-zamkniete{display:none}
.n2p-konto .pokaz-haslo[aria-pressed="true"] .oko-otwarte{display:none}
.n2p-konto .pokaz-haslo[aria-pressed="true"] .oko-zamkniete{display:block}
/* Przycisk z _password_meter.html ma tekst "pokaz/ukryj"; na nowej stronie pokazujemy oko jak na makiecie, stan z aria-label */
.n2p-konto .pokaz-haslo:not(.oko){font-size:0;color:transparent}
.n2p-konto .pokaz-haslo:not(.oko)::before{content:"";width:22px;height:22px;background:#4a5060;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.6-7 10-7 10 7 10 7-3.6 7-10 7S2 12 2 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.6-7 10-7 10 7 10 7-3.6 7-10 7S2 12 2 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") center/contain no-repeat}
.n2p-konto .pokaz-haslo:not(.oko)[aria-label="Ukryj hasło"]::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 3l18 18'/%3E%3Cpath d='M10.6 5.1A9.9 9.9 0 0 1 12 5c6.4 0 10 7 10 7a17 17 0 0 1-3.2 4.1M6.6 6.6C3.7 8.4 2 12 2 12s3.6 7 10 7a9.6 9.6 0 0 0 5.4-1.6'/%3E%3Cpath d='M9.9 9.9a3 3 0 0 0 4.2 4.2'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 3l18 18'/%3E%3Cpath d='M10.6 5.1A9.9 9.9 0 0 1 12 5c6.4 0 10 7 10 7a17 17 0 0 1-3.2 4.1M6.6 6.6C3.7 8.4 2 12 2 12s3.6 7 10 7a9.6 9.6 0 0 0 5.4-1.6'/%3E%3Cpath d='M9.9 9.9a3 3 0 0 0 4.2 4.2'/%3E%3C/svg%3E")}
.n2p-konto .sila{display:flex;gap:4px;margin-top:10px}
.n2p-konto .sila span{flex:1;height:4px;border-radius:2px;background:#eceef3;transition:background .2s}
.n2p-konto .sila[data-poziom="1"] span:nth-child(1){background:#dc2626}
.n2p-konto .sila[data-poziom="2"] span:nth-child(-n+2){background:#f97316}
.n2p-konto .sila[data-poziom="3"] span:nth-child(-n+3){background:#eab308}
.n2p-konto .sila[data-poziom="4"] span{background:#16a34a}
.n2p-konto .zasady{margin:0 0 20px;display:flex;flex-direction:column;gap:7px}
.n2p-konto .zasady li{display:flex;align-items:flex-start;gap:9px;font-size:14px;line-height:1.4;color:var(--szary)}
.n2p-konto .zasady li .znak{flex:0 0 16px;height:16px;margin-top:1px;border-radius:50%;border:1.5px solid #d7dae2;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:transparent}
.n2p-konto .zasady li[data-stan="ok"]{color:#15803d}
.n2p-konto .zasady li[data-stan="ok"] .znak{background:#16a34a;border-color:#16a34a;color:#fff}
.n2p-konto .zasady li[data-stan="ok"] .znak::before{content:"\2713"}
.n2p-konto .zasady li[data-stan="zle"]{color:#b42318}
.n2p-konto .zasady li[data-stan="zle"] .znak{background:#dc2626;border-color:#dc2626;color:#fff}
.n2p-konto .zasady li[data-stan="zle"] .znak::before{content:"\2715"}
.n2p-konto .zasady li[data-stan="czeka"] .znak{border-color:var(--tekst);border-right-color:transparent;animation:n2p-konto-spin .7s linear infinite}
@keyframes n2p-konto-spin{to{transform:rotate(360deg)}}
.n2p-konto .zasady-blad{font-size:13px;color:var(--szary);margin:0 0 16px}
.n2p-konto [hidden]{display:none !important}
.n2p-konto .field-check{display:flex;align-items:center;gap:12px;margin:2px 0 26px;font-size:15px;color:var(--tekst)}
.n2p-konto .field-check input{flex:none;width:22px;height:22px;margin:0;border:1.5px solid #c9cdd6;border-radius:6px;background:#fff;cursor:pointer;-webkit-appearance:none;appearance:none;display:grid;place-items:center}
.n2p-konto .field-check input:checked{background:#0d1530;border-color:#0d1530}
.n2p-konto .field-check input:checked::after{content:"";width:6px;height:11px;border:solid #fff;border-width:0 2.4px 2.4px 0;transform:translateY(-1px) rotate(45deg)}
.n2p-konto .field-check label{cursor:pointer}
.n2p-konto .btn-submit{width:100%;min-height:54px;border:0;border-radius:999px;background:var(--pomarancz);color:#fff;font:inherit;font-size:18px;font-weight:700;cursor:pointer;
  box-shadow:0 10px 26px -10px rgba(255,106,26,.7);transition:background .2s,translate .2s}
.n2p-konto .btn-submit:hover{background:var(--pomarancz-2);translate:0 -1px}
.n2p-konto .btn-submit:disabled{opacity:.45;cursor:not-allowed;translate:none}
.n2p-konto-albo{display:flex;align-items:center;gap:18px;margin:30px 0 22px;color:var(--szary);font-size:15px}
.n2p-konto-albo::before,.n2p-konto-albo::after{content:"";flex:1;height:1px;background:#e4e6ec}
.n2p-konto-pyt{text-align:center;color:var(--szary);font-size:max(16px,calc(10.5*var(--u)))}
.n2p-konto-karta form + form,.n2p-konto-pyt + form{margin-top:0}
.n2p-konto-obrys{display:flex;align-items:center;justify-content:center;width:100%;min-height:54px;margin-top:16px;border:1.5px solid #0d1530;border-radius:999px;
  background:#fff;color:#0d1530;font:inherit;font-size:17px;font-weight:700;cursor:pointer;transition:background .2s,color .2s}
.n2p-konto-obrys:hover{background:#0d1530;color:#fff}
.n2p-konto-link{display:block;margin-top:20px;text-align:center;font-weight:700;color:var(--pomarancz-2)}
.n2p-konto-link:hover{text-decoration:underline}
.n2p-konto-szyfr{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--szary)}
.n2p-konto-szyfr svg{width:14px;height:14px;fill:currentColor}
.n2p-konto-msg{margin-top:18px;padding:13px 16px;border-radius:10px;font-size:15px;line-height:1.45;background:#f2f4f8;border:1px solid #dde2ec;color:#2a3352}
.n2p-konto-msg--error{background:#fdf1f0;border-color:#f4cdc8;color:#a12a1d}
.n2p-konto-msg--success{background:#eef8f1;border-color:#c7e8d2;color:#1e6b3e}
.n2p-konto-msg--warning{background:#fff6ea;border-color:#f5d9b2;color:#8a4a0b}
@media (max-width:900px){
  .n2p-konto-siatka{grid-template-columns:minmax(0,1fr)}
  .n2p-konto-prawa{order:-1}
  .n2p-konto-bok{padding:36px 26px 0}
  .n2p-konto-tytul{margin-top:24px !important}
  .n2p-konto-kostka{width:min(100%,260px)}
}

/* Podstrony SEO "hosting X" (S3: hosting-wordpress, hosting-n8n; wspolny szablon n2_hosting_x.html) */
.n2p-hx-hero{padding-bottom:max(48px,calc(54*var(--u)))}
.n2p-hx-hero-uklad{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:calc(48*var(--u))}
.n2p-hero.n2p-hx-hero h1{margin-top:calc(18*var(--u));font-size:max(34px,calc(42*var(--u)));font-weight:600;max-width:none}
.n2p-hx-hero h1 .n2p-akc{display:block;color:#fff}
.n2p-hx-okno-kropki{position:absolute;top:calc(14*var(--u));right:calc(18*var(--u));display:flex;gap:6px}
.n2p-hx-okno-kropki i{width:8px;height:8px;border-radius:50%;background:#d5d9e3}
.n2p-hx-naglowek{max-width:calc(760*var(--u))}
.n2p-hx-bez-karty{align-self:center;color:#c9d0e2;font-size:14px}
.n2p-hx-okno{position:relative;display:grid;grid-template-columns:38% 1fr;gap:calc(14*var(--u));padding:calc(18*var(--u));border-radius:calc(16*var(--u));background:#f6f7fb;color:var(--tekst);
  box-shadow:0 calc(30*var(--u)) calc(60*var(--u)) rgba(3,8,30,.45);transform:rotate(-1.5deg)}
.n2p-hx-okno-bok{display:flex;flex-direction:column;gap:calc(12*var(--u));padding:calc(8*var(--u)) calc(4*var(--u));font-size:max(12px,calc(8*var(--u)));color:var(--szary)}
.n2p-hx-okno-bok .akt{padding:6px 10px;border-radius:8px;background:#fff1e8;color:var(--pomarancz-2);font-weight:600}
.n2p-hx-okno-logo{display:flex;align-items:center;gap:6px;margin-bottom:6px;color:var(--tekst);font-size:max(16px,calc(12*var(--u)));font-weight:700}
.n2p-hx-okno-apka{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:calc(20*var(--u));border-radius:calc(14*var(--u));background:#fff;box-shadow:0 10px 30px -16px rgba(17,22,42,.3)}
.n2p-hx-okno-apka b{margin-top:6px;font-size:max(15px,calc(10*var(--u)))}
.n2p-hx-dziala{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--tekst-2)}
.n2p-hx-dziala::before{content:"";width:8px;height:8px;border-radius:50%;background:#2fb457}
.n2p-hx-okno-btn{margin-top:8px;padding:8px 16px;border:1.5px solid var(--pomarancz);border-radius:999px;color:var(--pomarancz-2);font-size:13px;font-weight:600}
.n2p-hx-wezly{display:flex;align-items:center;justify-content:center;padding:calc(48*var(--u)) calc(24*var(--u));border:1px solid rgba(255,255,255,.14);border-radius:calc(18*var(--u));
  background:radial-gradient(rgba(255,255,255,.12) 1px,transparent 1px) 0 0/18px 18px,rgba(255,255,255,.05)}
.n2p-hx-wezel{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:calc(110*var(--u));min-width:86px;aspect-ratio:1;border-radius:14px;
  background:#fff;color:var(--tekst);font-size:max(12px,calc(8*var(--u)));font-weight:600;text-align:center;box-shadow:0 14px 30px rgba(3,8,30,.35)}
.n2p-hx-wezel svg{width:34%;height:34%}
.n2p-hx-wezly i{flex:1;max-width:calc(50*var(--u));height:2px;background:var(--pomarancz);position:relative}
.n2p-hx-wezly i::before,.n2p-hx-wezly i::after{content:"";position:absolute;top:50%;width:8px;height:8px;margin-top:-4px;border-radius:50%;background:var(--pomarancz)}
.n2p-hx-wezly i::before{left:-4px}.n2p-hx-wezly i::after{right:-4px}
.n2p-hx-plany{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:calc(14*var(--u))}
.n2p-hx-plan{position:relative;display:flex;flex-direction:column;padding:calc(22*var(--u)) calc(20*var(--u)) calc(20*var(--u));border:1.5px solid transparent}
.n2p-hx-plan--wyr{border-color:var(--pomarancz)}
.n2p-hx-plakietka{position:absolute;top:-12px;right:calc(16*var(--u));padding:3px 12px;border-radius:999px;background:var(--pomarancz);color:#fff;font-size:12px;font-weight:600}
.n2p-hx-plan-nazwa{font-size:max(16px,calc(10.5*var(--u)));font-weight:700}
.n2p-hx-plan-cena{margin-top:10px;font-size:max(28px,calc(22*var(--u)));font-weight:700;letter-spacing:-.03em;line-height:1}
.n2p-hx-plan-cena small{font-size:14px;font-weight:500;color:var(--szary);letter-spacing:0}
.n2p-hx-ptaszki{display:flex;flex-direction:column;gap:8px;margin:calc(18*var(--u)) 0 calc(20*var(--u))}
.n2p-hx-ptaszki li{position:relative;padding-left:24px;color:var(--tekst-2);font-size:max(13.5px,calc(8.4*var(--u)));line-height:1.45}
.n2p-hx-ptaszki li::before{content:"";position:absolute;left:2px;top:.25em;width:12px;height:7px;border-left:2px solid var(--pomarancz);border-bottom:2px solid var(--pomarancz);transform:rotate(-45deg)}
.n2p-hx-wybierz{margin-top:auto;justify-content:center;width:100%}
.n2p-hx-plan .n2p-btn-obrys{border-color:rgba(255,106,26,.55);color:var(--pomarancz-2)}
.n2p-hx-pod{margin-top:calc(20*var(--u));text-align:center;color:var(--szary);font-size:13px}
.n2p-hx-nota{margin-top:8px;text-align:center;color:var(--pomarancz-2);font-size:max(14px,calc(8.8*var(--u)));font-weight:600}
.n2p-hx-cechy{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(16*var(--u))}
.n2p-hx-cecha{display:flex;align-items:flex-start;gap:calc(16*var(--u));padding:calc(22*var(--u))}
.n2p-hx-cecha .n2p-kolko svg,.n2p-hx-link .n2p-kolko svg{width:52%;height:52%}
.n2p-hx-cecha h3{font-size:max(16px,calc(10.4*var(--u)));font-weight:700}
.n2p-hx-cecha p{margin-top:6px;color:var(--tekst-2);font-size:max(14px,calc(8.6*var(--u)));line-height:1.55}
.n2p-hx-maska{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:calc(32*var(--u));padding:calc(28*var(--u)) calc(32*var(--u))}
.n2p-hx-ptaszki--duze{margin:0;gap:14px}
.n2p-hx-ptaszki--duze li{font-size:max(15px,calc(9.4*var(--u)))}
.n2p-hx-kod{display:flex;flex-direction:column;gap:8px;padding:16px 24px 24px;border-radius:14px;background:#0f1424;box-shadow:0 calc(20*var(--u)) calc(40*var(--u)) rgba(15,20,36,.22)}
.n2p-hx-kod-pasek{display:flex;align-items:center;gap:7px;margin-bottom:10px}
.n2p-hx-kod-pasek i{width:11px;height:11px;border-radius:50%;background:#ff5f57}
.n2p-hx-kod-pasek i:nth-child(2){background:#febc2e}.n2p-hx-kod-pasek i:nth-child(3){background:#28c840}
.n2p-hx-kod-pasek span{margin-left:10px;color:#8f98ad;font-size:12px}
.n2p-hx-kod code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:max(13px,calc(9.2*var(--u)));color:#e7eaf1;overflow-wrap:anywhere}
.n2p-hx-kod code span{display:inline-block;min-width:7.5em;color:#8fb3ff}
.n2p-hx-czytaj{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(16*var(--u))}
.n2p-hx-link{display:flex;align-items:center;gap:16px;padding:calc(20*var(--u)) calc(22*var(--u));transition:transform .2s}
.n2p-hx-link:hover{transform:translateY(-3px)}
.n2p-hx-link-txt{display:flex;flex-direction:column;gap:4px;flex:1}
.n2p-hx-link-txt b{font-size:max(15px,calc(10*var(--u)))}
.n2p-hx-link-txt small{color:var(--tekst-2);font-size:max(13px,calc(8.2*var(--u)));line-height:1.45}
.n2p-hx-strzalka{color:var(--pomarancz);font-size:20px}
@media (max-width:1100px){
  .n2p-hx-plany{grid-template-columns:repeat(3,minmax(0,1fr))}
  .n2p-hx-cechy,.n2p-hx-czytaj{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:860px){
  .n2p-hx-hero-uklad,.n2p-hx-maska{grid-template-columns:1fr}
  .n2p-hx-okno{transform:none}
  .n2p-hx-cechy,.n2p-hx-czytaj{grid-template-columns:1fr}
}
@media (max-width:520px){
  .n2p-hx-plany{grid-template-columns:1fr 1fr;gap:12px}
  .n2p-hx-plan{padding:16px 14px}
  .n2p-hx-okno{grid-template-columns:1fr}
  .n2p-hx-okno-bok{display:none}
  .n2p-hx-wezly{padding:28px 12px}
  .n2p-hx-wezel{min-width:0;width:auto;flex:1 1 0;font-size:11px}
  .n2p-hx-wezly i{flex:0 0 14px}
  .n2p-hx-maska{padding:20px 16px}
}
.n2p-hx-terminal{display:flex;flex-direction:column;gap:12px;padding:18px 26px 28px;border:1px solid rgba(255,255,255,.12);border-radius:calc(16*var(--u));background:#0b1020;box-shadow:0 calc(30*var(--u)) calc(60*var(--u)) rgba(255,106,26,.18)}
.n2p-hx-terminal code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:max(13px,calc(10*var(--u)));color:#e7eaf1;overflow-wrap:anywhere}
.n2p-hx-terminal .n2p-hx-t-zolty{color:#ffc46b}
.n2p-hx-terminal .n2p-hx-t-zielony{color:#6ee7a0}
.n2p-hx-stacki{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:calc(10*var(--u))}
.n2p-hx-stack{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:calc(16*var(--u)) 8px;text-align:center;font-size:max(12.5px,calc(8*var(--u)));font-weight:600;transition:transform .2s}
a.n2p-hx-stack:hover{transform:translateY(-3px)}
.n2p-hx-stack img{width:30px;height:30px;object-fit:contain}
.n2p-hx-droga{display:flex;flex-direction:column;gap:12px;padding:calc(24*var(--u))}
.n2p-hx-droga-gora{display:flex;align-items:center;gap:14px}
.n2p-hx-droga .n2p-kolko svg{width:52%;height:52%}
.n2p-hx-droga h3{font-size:max(17px,calc(11*var(--u)));font-weight:700}
.n2p-hx-droga p{color:var(--tekst-2);font-size:max(14px,calc(8.6*var(--u)));line-height:1.55}
.n2p-hx-droga code{margin-top:auto;padding:12px 16px;border-radius:10px;background:#0f1424;color:#e7eaf1;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13.5px;overflow-wrap:anywhere}
.n2p-hx-maska--lista{grid-template-columns:1fr}
.n2p-hx-maska--lista .n2p-hx-ptaszki{display:grid;grid-template-columns:1fr 1fr;column-gap:calc(40*var(--u))}
.n2p-hx-kod .n2p-hx-drzewo0{color:#8fb3ff}
.n2p-hx-kod .n2p-hx-drzewo1{position:relative;padding-left:2.4em}
.n2p-hx-kod .n2p-hx-drzewo1::before{content:"";position:absolute;left:.7em;top:-.55em;width:1.1em;height:1.15em;border-left:1px solid #5b6478;border-bottom:1px solid #5b6478}
@media (max-width:1100px){
  .n2p-hx-stacki{grid-template-columns:repeat(5,minmax(0,1fr))}
}
@media (max-width:520px){
  .n2p-hx-stacki{grid-template-columns:repeat(3,minmax(0,1fr))}
  .n2p-hx-maska--lista .n2p-hx-ptaszki{grid-template-columns:1fr}
  .n2p-hx-plan:last-child:nth-child(odd){grid-column:1/-1}
  .n2p-hx-terminal{padding:14px 16px 20px}
}
.n2p-hx-hero-uklad--terminal{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr)}
@media (max-width:860px){.n2p-hx-hero-uklad--terminal{grid-template-columns:1fr}}
.n2p-hero.n2p-hx-hero .n2p-hx-hero-uklad--terminal h1{font-size:max(32px,calc(37*var(--u)))}
.n2p-hx-terminal code{white-space:pre-wrap}
.n2p-hx-terminal .n2p-hx-t-klucz{color:#8fb3ff}
.n2p-hx-skrzynki{display:flex;flex-direction:column;gap:calc(12*var(--u));padding:calc(24*var(--u));border-radius:calc(16*var(--u));background:#fff;color:var(--tekst);box-shadow:0 calc(30*var(--u)) calc(60*var(--u)) rgba(255,106,26,.18)}
.n2p-hx-skrzynka{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:10px;background:#f6f7fb;font-size:max(13px,calc(9*var(--u)))}
.n2p-hx-skrzynka svg{width:20px;height:20px;flex:none;color:var(--tekst-2)}
.n2p-hx-skrzynka b{flex:1;font-weight:600;overflow-wrap:anywhere}
.n2p-hx-skrzynka i{width:9px;height:9px;flex:none;border-radius:50%;background:#2fb457}
.n2p-hx-zajetosc{display:flex;justify-content:space-between;margin-top:6px;font-size:13px;font-weight:600}
.n2p-hx-zajetosc span:last-child{color:var(--szary);font-weight:500}
.n2p-hx-pasek{height:8px;border-radius:999px;background:#eceef4;overflow:hidden}
.n2p-hx-pasek i{display:block;height:100%;border-radius:inherit;background:var(--pomarancz)}
.n2p-hx-plan-gb{margin-top:calc(18*var(--u));font-size:max(24px,calc(18*var(--u)));font-weight:700;letter-spacing:-.02em;line-height:1.1}
.n2p-hx-plan-gb small{display:block;margin-top:4px;font-size:13px;font-weight:500;color:var(--szary);letter-spacing:0}
.n2p-hx-plan-dop{margin:calc(14*var(--u)) 0 calc(18*var(--u));padding-top:calc(12*var(--u));border-top:1px solid #eceef4;color:var(--tekst-2);font-size:13px}
.n2p-hx-kroki{list-style:none;padding:0}
.n2p-hx-nr{display:grid;place-items:center;flex:none;width:calc(48*var(--u));min-width:40px;aspect-ratio:1;border-radius:50%;background:var(--pomarancz);color:#fff;font-size:max(18px,calc(13*var(--u)));font-weight:700}
.n2p-hx-pakiety{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(16*var(--u))}
.n2p-hx-pakiet{display:flex;flex-direction:column;gap:6px;padding:calc(22*var(--u))}
.n2p-hx-pakiet b{font-size:max(16px,calc(10.4*var(--u)))}
.n2p-hx-pakiet p{color:var(--tekst-2);font-size:max(14px,calc(8.6*var(--u)));line-height:1.5}
.n2p-hx-pakiet-cena{margin-top:auto;padding-top:10px;font-size:max(20px,calc(13*var(--u)));font-weight:700}
.n2p-hx-pakiet-cena small{font-size:13px;font-weight:500;color:var(--szary)}
.n2p-hx-pod a{color:var(--pomarancz-2);font-weight:600}
@media (max-width:1100px){.n2p-hx-pakiety{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.n2p-hx-pakiety{grid-template-columns:1fr}.n2p-hx-skrzynki{padding:16px}}
/* S7: kopie-zapasowe i certyfikat-ssl (karty hero, warianty planow, cechy w dwoch kolumnach) */
.n2p-hx-cechy--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.n2p-hx-kopie,.n2p-hx-ssl{display:flex;flex-direction:column;gap:calc(14*var(--u));max-width:calc(420*var(--u));width:100%;justify-self:end;padding:calc(26*var(--u));border-radius:calc(16*var(--u));background:#fff;color:var(--tekst);box-shadow:0 calc(30*var(--u)) calc(60*var(--u)) rgba(255,106,26,.18)}
.n2p-hx-kopie-tytul{font-size:max(16px,calc(11*var(--u)));font-weight:700}
.n2p-hx-os{list-style:none;padding:0;display:flex;flex-direction:column;gap:calc(16*var(--u))}
.n2p-hx-os li{position:relative;display:flex;align-items:flex-start;gap:14px;font-size:max(14px,calc(9*var(--u)));font-weight:600}
.n2p-hx-os li:not(:last-child)::after{content:"";position:absolute;left:10px;top:24px;bottom:calc(-16*var(--u));width:2px;background:#2fb457}
.n2p-hx-os i{position:relative;flex:none;width:22px;height:22px;border-radius:50%;background:#2fb457}
.n2p-hx-os i::after,.n2p-hx-ssl-punkty li::after{content:"";position:absolute;left:7px;top:6px;width:8px;height:5px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg)}
.n2p-hx-os small{display:block;margin-top:2px;color:var(--szary);font-size:12.5px;font-weight:500}
.n2p-hx-kopie-btn{margin-top:calc(6*var(--u));text-align:center;padding:10px 16px}
.n2p-hx-ssl{max-width:calc(480*var(--u));background:#f6f7fb}
.n2p-hx-ssl-kropki{display:flex;gap:7px}
.n2p-hx-ssl-kropki i{width:11px;height:11px;border-radius:50%;background:#ff5f57}
.n2p-hx-ssl-kropki i:nth-child(2){background:#febc2e}.n2p-hx-ssl-kropki i:nth-child(3){background:#28c840}
.n2p-hx-ssl-adres{display:flex;align-items:center;gap:10px;padding:12px 18px;border-radius:999px;background:#fff;box-shadow:0 6px 18px -10px rgba(17,22,42,.3);font-size:max(16px,calc(12*var(--u)));overflow-wrap:anywhere}
.n2p-hx-ssl-adres svg{width:20px;height:20px;flex:none;color:#2fb457}
.n2p-hx-ssl-adres b{margin-right:-10px;color:#2fb457;font-weight:600}
.n2p-hx-ssl-punkty{display:flex;flex-direction:column;gap:12px;padding:4px 6px}
.n2p-hx-ssl-punkty li{position:relative;padding-left:34px;line-height:22px;font-size:max(14px,calc(9.2*var(--u)))}
.n2p-hx-ssl-punkty li::before{content:"";position:absolute;left:0;top:0;width:22px;height:22px;border-radius:50%;background:#2fb457}
.n2p-hx-plan-gb--mniejsze{font-size:max(18px,calc(13*var(--u)))}
.n2p-hx-plan-odstep{display:block;height:calc(18*var(--u))}
@media (max-width:860px){.n2p-hx-kopie,.n2p-hx-ssl{justify-self:stretch;max-width:none}}
@media (max-width:640px){.n2p-hx-cechy--2{grid-template-columns:1fr}}
.n2p-hx-formularz{display:flex;flex-direction:column;gap:calc(8*var(--u));max-width:calc(400*var(--u));width:100%;justify-self:end;padding:calc(26*var(--u));border-radius:calc(16*var(--u));background:#fff;color:var(--tekst);box-shadow:0 calc(30*var(--u)) calc(60*var(--u)) rgba(255,106,26,.18)}
.n2p-hx-formularz-gora{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:calc(8*var(--u))}
.n2p-hx-formularz-gora b{font-size:max(15px,calc(11*var(--u)))}
.n2p-hx-pole-etykieta{margin-top:calc(4*var(--u));color:#6b7085;font-size:13px}
.n2p-hx-pole{position:relative;padding:11px 14px;border:1px solid #e3e5ee;border-radius:10px;font-size:14px}
.n2p-hx-pole--wybor::after{content:"";position:absolute;right:16px;top:50%;width:7px;height:7px;margin-top:-6px;border-right:2px solid var(--tekst);border-bottom:2px solid var(--tekst);transform:rotate(45deg)}
.n2p-hx-pole-znacznik{position:relative;display:flex;align-items:center;gap:10px;margin:calc(8*var(--u)) 0;font-size:14px}
.n2p-hx-pole-znacznik i{position:relative;width:20px;height:20px;flex:none;border-radius:5px;background:var(--pomarancz)}
.n2p-hx-pole-znacznik i::after{content:"";position:absolute;left:6px;top:6px;width:8px;height:4px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg)}
.n2p-hx-formularz-btn{justify-content:center;width:100%}
@media (max-width:860px){.n2p-hx-formularz{justify-self:stretch;max-width:none}}
.n2p-btn-obrys--jasny{border-color:rgba(255,255,255,.55);background:transparent;color:#fff}
.n2p-btn-obrys--jasny:hover{border-color:#fff;color:#fff}
.n2p-hx-pole--ikona{display:flex;align-items:center;gap:12px;padding:12px 14px}
.n2p-hx-pole--ikona svg{width:18px;height:18px;flex:none;color:var(--tekst)}
.n2p-hx-pole--ikona small{display:block;color:#6b7085;font-size:11px;line-height:1.2}
.n2p-tr-ok{display:flex;align-items:center;gap:10px;margin-top:calc(4*var(--u));color:#1f9a48;font-size:14px;font-weight:600}
.n2p-tr-ok i{position:relative;width:22px;height:22px;flex:none;border-radius:50%;background:#2fb457}
.n2p-tr-ok i::after{content:"";position:absolute;left:7px;top:6px;width:8px;height:5px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg)}
.n2p-tr-kroki{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(20*var(--u))}
.n2p-tr-krok{padding:calc(24*var(--u))}
.n2p-tr-krok-gora{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:calc(16*var(--u))}
.n2p-tr-krok-gora svg{width:24px;height:24px;color:var(--tekst)}
.n2p-tr-krok h3{margin-bottom:8px;font-size:max(16px,calc(11*var(--u)))}
.n2p-tr-krok p{color:var(--szary);font-size:max(14px,calc(8.6*var(--u)));line-height:1.55}
.n2p-tr-tabela-wrap{max-width:calc(820*var(--u));margin:0 auto}
.n2p-tr-tabela{min-width:0}
.n2p-tr-tabela th,.n2p-tr-tabela td{text-align:left;padding-left:calc(26*var(--u))}
.n2p-tr-tabela td b{color:var(--tekst)}
.n2p-tr-pod{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:14px;color:var(--szary);font-size:13px}
.n2p-tr-pod a{flex:none;color:var(--pomarancz-2);font-weight:600;text-decoration:none}
.n2p-tr-sprawdz{max-width:calc(880*var(--u));margin:0 auto}
.n2p-tr-info{display:flex;gap:14px;padding:calc(22*var(--u));border-radius:calc(12*var(--u));background:#fff4ec}
.n2p-tr-info-i{display:grid;place-items:center;width:28px;height:28px;flex:none;border:2px solid var(--pomarancz);border-radius:50%;color:var(--pomarancz);font-weight:700;font-family:Georgia,serif}
.n2p-tr-info p{color:var(--tekst-2);line-height:1.6}
.n2p-tr-info b{display:block;color:var(--tekst)}
@media (max-width:1000px){.n2p-tr-kroki{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.n2p-tr-kroki{grid-template-columns:1fr}.n2p-tr-pod{flex-direction:column;align-items:flex-start}.n2p-tr-tabela th,.n2p-tr-tabela td{padding-left:14px}}
.n2p-hx-kafle{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(14*var(--u));max-width:calc(440*var(--u));width:100%;justify-self:end;padding:calc(18*var(--u));border-radius:calc(20*var(--u));background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);box-shadow:0 calc(30*var(--u)) calc(70*var(--u)) rgba(59,108,246,.35)}
.n2p-hx-kafel{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;aspect-ratio:1.1;padding:10px;border-radius:calc(12*var(--u));background:#fff;color:var(--tekst);font-size:max(12px,calc(9*var(--u)));text-align:center}
.n2p-hx-kafel img{width:34px;height:34px;object-fit:contain}
.n2p-hx-czat{display:flex;flex-direction:column;gap:calc(12*var(--u));max-width:calc(400*var(--u));width:100%;justify-self:end;padding:calc(22*var(--u));border-radius:calc(16*var(--u));background:#fff;color:var(--tekst);box-shadow:0 calc(30*var(--u)) calc(60*var(--u)) rgba(255,106,26,.18)}
.n2p-hx-czat-gora{display:flex;align-items:center;gap:10px;padding-bottom:calc(10*var(--u));border-bottom:1px solid #eceef4}
.n2p-hx-czat-gora i{width:10px;height:10px;border-radius:50%;background:var(--pomarancz)}
.n2p-hx-dymek{display:flex;align-items:center;gap:10px}
.n2p-hx-dymek p{margin:0;padding:10px 14px;color:var(--tekst);opacity:1;border-radius:12px;background:#eef2fe;font-size:14px;line-height:1.45}
.n2p-hx-dymek--ja p{background:#f4f5f9}
.n2p-hx-dymek-sygnet{display:grid;place-items:center;width:max(40px,calc(34*var(--u)));height:max(40px,calc(34*var(--u)));flex:none;border-radius:50%;background:#fff3ec}
.n2p-hx-kanaly{display:flex;flex-wrap:wrap;gap:8px;padding-top:calc(4*var(--u))}
.n2p-hx-kanaly span{padding:6px 12px;border:1px solid #e3e5ee;border-radius:999px;font-size:13px;font-weight:600}
@media (max-width:860px){.n2p-hx-kafle,.n2p-hx-czat{justify-self:stretch;max-width:none}}
.n2p-hx-dwie{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);align-items:start;gap:calc(48*var(--u))}
.n2p-hx-zamiast{padding:calc(22*var(--u)) calc(26*var(--u))}
.n2p-hx-zamiast table{width:100%;border-collapse:collapse;font-size:15px}
.n2p-hx-zamiast th{padding:0 0 12px;text-align:left;font-size:14px}
.n2p-hx-zamiast td{padding:12px 0;border-top:1px solid #eceef4;color:var(--tekst-2)}
.n2p-hx-zamiast td a{color:var(--tekst);font-weight:700}
.n2p-hx-zamiast td a:hover{color:var(--pomarancz-2)}
.n2p-hx-zamiast-str{width:48px;color:var(--pomarancz);font-weight:700}
.n2p-hx-zamiast-nota{margin-top:12px;color:#6b7085;font-size:12.5px}
.n2p-hx-kategorie{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:calc(16*var(--u))}
.n2p-hx-kategoria{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:calc(22*var(--u));transition:transform .2s}
.n2p-hx-kategoria:hover{transform:translateY(-3px)}
.n2p-hx-kategoria .n2p-kolko{margin-bottom:8px}
.n2p-hx-kategoria b{font-size:max(15px,calc(11*var(--u)))}
.n2p-hx-kategoria small{color:#6b7085;font-size:13px}
.n2p-hx-kategoria p{flex:1;color:var(--tekst-2);font-size:14px;line-height:1.5}
.n2p-hx-ai small{margin-top:8px}
.n2p-hx-kategoria-link{margin-top:6px;color:var(--pomarancz-2);font-size:14px;font-weight:700}
@media (max-width:1100px){.n2p-hx-kategorie{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:860px){.n2p-hx-dwie{grid-template-columns:1fr;gap:20px}}
@media (max-width:640px){.n2p-hx-kategorie{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:420px){.n2p-hx-kategorie--ai{grid-template-columns:1fr}.n2p-hx-zamiast{padding:16px}.n2p-hx-zamiast table{font-size:14px}.n2p-hx-zamiast-str{width:32px}}
.n2p-hx-dwie .n2-naglowek{margin:0;text-align:left;align-items:flex-start}
.n2p-hx-dwie .n2-naglowek h2{text-align:left}
.n2p-hx-h1-mniejsze{display:block;font-size:.8em}
@media (max-width:640px){.n2p-lp-przyciski .n2p-btn-obrys{width:100%;justify-content:center}}
/* Hosting X: cztery cechy w rzedzie (ikona nad tekstem), tabela porownania, karta wariantow, kiedy VPS */
.n2p-hx-cechy--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.n2p-hx-cechy--4 .n2p-hx-cecha{flex-direction:column;gap:calc(14*var(--u))}
@media (max-width:1100px){.n2p-hx-cechy--4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.n2p-hx-cechy--4{grid-template-columns:1fr}.n2p-hx-cechy--4 .n2p-hx-cecha{flex-direction:row}}
.n2p-hx-porownanie{padding:0;overflow-x:auto}
.n2p-hx-porownanie table{width:100%;border-collapse:collapse;font-size:max(14px,calc(8.8*var(--u)))}
.n2p-hx-porownanie th,.n2p-hx-porownanie td{padding:calc(15*var(--u)) calc(20*var(--u));border-top:1px solid #eceef4;text-align:left;vertical-align:middle;color:var(--tekst-2)}
.n2p-hx-porownanie thead th{border-top:0;color:var(--tekst);font-weight:700;font-size:max(13.5px,calc(8.6*var(--u)))}
.n2p-hx-porownanie tbody th{font-weight:500;color:var(--tekst)}
.n2p-hx-porownanie th + th,.n2p-hx-porownanie td{border-left:1px solid #eceef4}
.n2p-hx-porownanie .n2p-hx-por-nasz{background:rgba(255,106,26,.05);color:var(--tekst)}
.n2p-hx-porownanie thead .n2p-hx-por-nasz{color:var(--pomarancz-2);background:rgba(255,106,26,.1)}
.n2p-hx-por-ok{position:relative;display:inline-block;width:20px;height:20px;margin-right:10px;vertical-align:-5px;border-radius:50%;background:var(--pomarancz)}
.n2p-hx-por-ok::after{content:"";position:absolute;left:6px;top:6px;width:8px;height:4px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg)}
.n2p-hx-porownanie--szeroka table{min-width:640px}
@media (max-width:640px){.n2p-hx-porownanie th,.n2p-hx-porownanie td{padding:12px 10px;font-size:13.5px}.n2p-hx-por-ok{display:none}}
.n2p-hx-warianty{display:flex;flex-direction:column;gap:calc(12*var(--u));max-width:calc(400*var(--u));width:100%;justify-self:end;padding:calc(16*var(--u));border-radius:calc(16*var(--u));background:#fff;color:var(--tekst);box-shadow:0 calc(30*var(--u)) calc(60*var(--u)) rgba(255,106,26,.18)}
.n2p-hx-wariant{display:flex;align-items:center;gap:14px;padding:calc(14*var(--u)) calc(16*var(--u));border:1px solid #eceef4;border-radius:12px}
.n2p-hx-wariant .n2p-kolko{flex:none}
.n2p-hx-wariant .n2p-kolko svg{width:52%;height:52%}
.n2p-hx-wariant b{display:block;font-size:max(15px,calc(10*var(--u)))}
.n2p-hx-wariant small{display:block;margin-top:2px;color:#6b7085;font-size:12.5px}
.n2p-hx-wariant em{margin-left:auto;padding:3px 10px;border-radius:999px;background:var(--pomarancz);color:#fff;font-style:normal;font-size:12px;font-weight:700}
.n2p-hx-wariant--nasz{border:2px solid var(--pomarancz);background:rgba(255,106,26,.05)}
@media (max-width:860px){.n2p-hx-warianty{justify-self:stretch;max-width:none}}
.n2p-hx-kiedy{display:grid;grid-template-columns:1fr 1fr;padding:0}
.n2p-hx-kiedy-kol{padding:calc(26*var(--u)) calc(30*var(--u))}
.n2p-hx-kiedy-kol + .n2p-hx-kiedy-kol{border-left:1px solid #eceef4}
.n2p-hx-kiedy h3{font-size:max(16px,calc(10.6*var(--u)));font-weight:700}
.n2p-hx-kiedy .n2p-hx-ptaszki{margin-bottom:0}
.n2p-hx-kropki{display:flex;flex-direction:column;gap:8px;margin-top:calc(18*var(--u))}
.n2p-hx-kropki li{position:relative;padding-left:24px;color:var(--tekst-2);font-size:max(13.5px,calc(8.4*var(--u)));line-height:1.45}
.n2p-hx-kropki li::before{content:"";position:absolute;left:5px;top:.5em;width:6px;height:6px;border-radius:50%;background:var(--tekst)}
.n2p-hx-ptaszki--kolka li{padding-left:30px}
.n2p-hx-ptaszki--kolka li::before{left:0;top:.05em;width:18px;height:18px;border:0;border-radius:50%;background:var(--pomarancz);transform:none}
.n2p-hx-ptaszki--kolka li::after{content:"";position:absolute;left:5px;top:calc(.05em + 6px);width:8px;height:4px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg)}
@media (max-width:640px){.n2p-hx-kiedy{grid-template-columns:1fr}.n2p-hx-kiedy-kol + .n2p-hx-kiedy-kol{border-left:0;border-top:1px solid #eceef4}.n2p-hx-kiedy-kol{padding:20px}}
.n2p-hx-ptaszki li.n2p-hx-nie{color:var(--szary)}
.n2p-hx-ptaszki li.n2p-hx-nie::before{top:.6em;width:10px;height:0;border-left:0;border-bottom:2px solid #c3c6d2;transform:none}
.n2p-hx-pole-ram{color:#6b7085;font-size:12.5px}
.n2p-hx-hero h1 .n2p-akc.n2p-akc--pom{color:var(--pomarancz)}
@media (max-width:640px){
  .n2p-hx-porownanie--szeroka table{min-width:0}
  .n2p-hx-porownanie--szeroka thead{display:none}
  .n2p-hx-porownanie--szeroka tr,.n2p-hx-porownanie--szeroka tbody th,.n2p-hx-porownanie--szeroka td{display:block;border-left:0}
  .n2p-hx-porownanie--szeroka tr + tr{border-top:1px solid #eceef4}
  .n2p-hx-porownanie--szeroka tbody th{padding:14px 16px 6px;border-top:0;font-weight:700}
  .n2p-hx-porownanie--szeroka td{display:flex;gap:12px;padding:5px 16px;border-top:0}
  .n2p-hx-porownanie--szeroka td::before{content:attr(data-kol);flex:0 0 46%;color:var(--szary)}
  .n2p-hx-porownanie--szeroka td:last-child{margin:4px 0 12px;padding:8px 16px;font-weight:600}
}
/* Hosting dla agencji: karta "Twoj Box" w hero i ciemny pas programu partnerskiego */
.n2p-hx-box{display:flex;flex-direction:column;gap:calc(10*var(--u));max-width:calc(400*var(--u));width:100%;justify-self:end;padding:calc(18*var(--u)) calc(16*var(--u)) calc(14*var(--u));border-radius:calc(16*var(--u));background:#fff;color:var(--tekst);box-shadow:0 calc(30*var(--u)) calc(60*var(--u)) rgba(255,106,26,.18)}
.n2p-hx-box-tytul{font-size:max(16px,calc(11*var(--u)));margin-bottom:2px}
.n2p-hx-box-apka{display:flex;align-items:center;gap:12px;padding:calc(10*var(--u)) calc(12*var(--u));border:1px solid #eceef4;border-radius:12px}
.n2p-hx-box-apka img{flex:none;width:30px;height:30px;object-fit:contain}
.n2p-hx-box-apka>span{min-width:0}
.n2p-hx-box-apka b{display:block;font-size:max(14px,calc(9.5*var(--u)))}
.n2p-hx-box-apka small{display:block;margin-top:1px;color:#6b7085;font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.n2p-hx-box-apka em{display:flex;align-items:center;gap:6px;margin-left:auto;flex:none;color:#6b7085;font-style:normal;font-size:12px}
.n2p-hx-box-apka em::before{content:"";width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.18)}
.n2p-hx-box-stopka{display:flex;flex-wrap:wrap;gap:6px 20px;padding-top:calc(8*var(--u));border-top:1px solid #eceef4;color:#6b7085;font-size:12.5px}
.n2p-hx-box-stopka b{color:var(--tekst);font-weight:600}
.n2p-hx-pas{display:flex;align-items:center;justify-content:space-between;gap:calc(30*var(--u));padding:calc(34*var(--u)) calc(44*var(--u));border-radius:calc(20*var(--u));color:#fff;
  background:radial-gradient(ellipse 40% 90% at 85% 50%,rgba(255,106,26,.32),transparent 70%),linear-gradient(135deg,#0b1430,#060d20 60%,#0a1330);box-shadow:0 calc(30*var(--u)) calc(60*var(--u)) rgba(10,18,40,.18)}
.n2p-hx-pas h2{margin:0;color:#fff;font-size:max(20px,calc(17*var(--u)));line-height:1.25}
.n2p-hx-pas p{margin-top:8px;color:rgba(255,255,255,.72);font-size:max(14px,calc(9.5*var(--u)))}
.n2p-hx-pas .n2-btn{flex:none}
@media (max-width:860px){.n2p-hx-box{justify-self:stretch;max-width:none}}
@media (max-width:640px){.n2p-hx-pas{flex-direction:column;align-items:flex-start;padding:26px 22px}.n2p-hx-pas .n2-btn{width:100%;justify-content:center}}
.n2p-hx-kod--terminal code span{min-width:0;margin-right:.6em;color:var(--pomarancz)}

/* ---------- Wspolny styl tabel podstron (P1, 2026-10-10) ----------
   Uzycie: <div class="n2-tabela"><table>...</table></div>. Kolumna Saplo: klasa n2-tabela-nasz na th i td.
   Kazda komorka td dostaje data-kol="<naglowek kolumny>": na telefonie wiersz staje sie karta,
   a etykieta kolumny wchodzi przed wartosc. Ptaszek i kreska: <span class="n2-tabela-tak"> / <span class="n2-tabela-nie">. */
.n2-tabela{border-radius:20px;background:#fff;overflow-x:auto;box-shadow:0 1px 0 rgba(17,22,42,.06),0 18px 40px -24px rgba(17,22,42,.28)}
.n2-tabela table{width:100%;border-collapse:collapse;font-size:max(14px,calc(8.8*var(--u)));font-variant-numeric:tabular-nums}
.n2-tabela thead th{padding:16px calc(20*var(--u));background:#f6f2ee;color:var(--tekst);text-align:left;white-space:nowrap;
  font-size:max(11.5px,calc(7.2*var(--u)));font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.n2-tabela tbody th,.n2-tabela td{padding:calc(15*var(--u)) calc(20*var(--u));text-align:left;vertical-align:middle;border-top:1px solid #efece8}
.n2-tabela tbody th{font-weight:700;color:var(--tekst)}
.n2-tabela td{color:var(--tekst-2)}
.n2-tabela tbody tr:nth-child(even){background:#fbfaf8}
.n2-tabela tbody tr:hover{background:#fdf6f1}
.n2-tabela .n2-tabela-nasz{background:rgba(255,106,26,.07);color:var(--tekst);font-weight:600}
.n2-tabela thead .n2-tabela-nasz{background:#fde9dc;color:var(--pomarancz-2)}
.n2-tabela .n2-tabela-liczba{text-align:right;white-space:nowrap}
.n2-tabela-tak,.n2-tabela-nie{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;vertical-align:middle}
.n2-tabela-tak{background:#16a34a}
.n2-tabela-tak::after{content:"";width:9px;height:5px;margin-top:-2px;border:solid #fff;border-width:0 0 2px 2px;transform:rotate(-45deg)}
.n2-tabela-nie::after{content:"";width:12px;height:2px;border-radius:2px;background:#b8bdc8}
.n2-tabela-pod{margin-top:14px;color:var(--szary);font-size:13px;text-align:center}
@media (max-width:640px){
  .n2-tabela{background:none;box-shadow:none;border-radius:0;overflow:visible}
  .n2-tabela thead{display:none}
  .n2-tabela table,.n2-tabela tbody,.n2-tabela tr,.n2-tabela tbody th,.n2-tabela td{display:block;width:100%}
  .n2-tabela tbody tr,.n2-tabela tbody tr:nth-child(even){margin-bottom:12px;border-radius:16px;background:#fff;overflow:hidden;
    box-shadow:0 1px 0 rgba(17,22,42,.06),0 12px 28px -20px rgba(17,22,42,.3)}
  .n2-tabela tbody th{padding:14px 16px;border-top:0;background:#f6f2ee;font-size:15px}
  .n2-tabela td{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:11px 16px;text-align:right}
  .n2-tabela td[data-kol]::before{content:attr(data-kol);color:var(--szary);font-size:13px;font-weight:600;text-align:left}
  .n2-tabela .n2-tabela-liczba{text-align:right}
}
/* Istniejace tabele podstron dostaja ten sam naglowek i pasy, zanim pakiety stron przejda na .n2-tabela */
.n2p-porownanie thead th,.n2p-dom-tabela thead th,.n2p-dod-tab thead th,.n2p-pp-tabela thead th,.n2p-hx-porownanie thead th,.n2p-hx-zamiast thead th{
  background:#f6f2ee;color:var(--tekst);font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:max(11.5px,calc(7.2*var(--u)))}
.n2p-porownanie thead th.n2p-kol-saplo,.n2p-hx-porownanie thead .n2p-hx-por-nasz{background:#fde9dc;color:var(--pomarancz-2)}
.n2p-porownanie tbody tr:nth-child(even),.n2p-dom-tabela tbody tr:nth-child(even),.n2p-dod-tab tbody tr:nth-child(even),
.n2p-pp-tabela tbody tr:nth-child(even),.n2p-hx-porownanie tbody tr:nth-child(even),.n2p-hx-zamiast tbody tr:nth-child(even){background:#fbfaf8}
.n2p-hx-porownanie tbody th,.n2p-porownanie td:first-child{font-weight:700}