/* Podgląd oferty ochrony korzysta ze wspólnej palety jasnego i ciemnego motywu. */
body.styl-lkh .ochrona-antyddos {
    padding: 1.5rem 0;
    scroll-margin-top: 7rem;
}
body.styl-lkh .ochrona-antyddos-belka {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) minmax(12rem, .55fr);
    align-items: start;
    gap: 1.25rem;
    padding: 1.75rem;
    border: 1px solid var(--lkh-linia);
    border-left: 4px solid var(--lkh-akcent);
    border-radius: .75rem;
    background: var(--lkh-powierzchnia);
}
body.styl-lkh .ochrona-antyddos-ikona {
    display: grid;
    place-items: center;
    width: 3rem;
    height: 3rem;
    background: var(--lkh-panel);
    border-radius: 50%;
    color: var(--lkh-akcent);
    font-size: 1.25rem;
}
body.styl-lkh .ochrona-antyddos-etykieta,
body.styl-lkh .lkh-secure-nadtytul {
    margin: 0 0 .5rem;
    color: var(--lkh-akcent);
    font-weight: 700;
    font-size: .8rem;
}
body.styl-lkh .ochrona-antyddos-opis h2 {
    margin: 0 0 .6rem;
    color: var(--lkh-tekst);
    font-size: 1.35rem;
    line-height: 1.3;
}
body.styl-lkh .ochrona-antyddos-opis > p:last-child,
body.styl-lkh .ochrona-antyddos-szczegoly p {
    margin: 0;
    color: var(--lkh-opis);
    font-size: .9rem;
    line-height: 1.65;
}
body.styl-lkh .ochrona-antyddos-szczegoly summary,
body.styl-lkh .lkh-secure-szczegoly summary,
body.styl-lkh .lkh-secure-pytania summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    color: var(--lkh-tekst);
    cursor: pointer;
    list-style: none;
    font-size: .85rem;
    font-weight: 650;
}
body.styl-lkh :is(.ochrona-antyddos-szczegoly, .lkh-secure-szczegoly, .lkh-secure-pytania) summary::-webkit-details-marker { display: none; }
body.styl-lkh :is(.ochrona-antyddos-szczegoly, .lkh-secure-szczegoly, .lkh-secure-pytania) summary:hover { color: var(--lkh-akcent); }
body.styl-lkh :is(.ochrona-antyddos-szczegoly, .lkh-secure-szczegoly, .lkh-secure-pytania) summary:focus-visible { outline: 3px solid var(--lkh-akcent); outline-offset: 5px; border-radius: 3px; }
body.styl-lkh .ochrona-antyddos-szczegoly { padding-top: .3rem; }
body.styl-lkh .ochrona-antyddos-szczegoly[open] p { margin-top: 1rem; }
body.styl-lkh .ochrona-antyddos-szczegoly a,
body.styl-lkh a.ochrona-antyddos-link { color: var(--lkh-akcent); text-underline-offset: .2em; }
body.styl-lkh .ochrona-antyddos-szczegoly a { display: inline-block; margin-top: .75rem; font-size: .85rem; font-weight: 600; }
body.styl-lkh .lkh-secure-sekcja { padding: 3.5rem 0 4.5rem; scroll-margin-top: 7rem; }
body.styl-lkh .lkh-secure-naglowek { display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; align-items: end; margin-bottom: 2rem; }
body.styl-lkh .lkh-secure-nadtytul { display: flex; flex-wrap: wrap; align-items: center; gap: .8rem; font-size: 1rem; }
body.styl-lkh .lkh-secure-nadtytul span { padding: .25rem .65rem; border: 1px solid var(--lkh-linia); border-radius: 2rem; background: var(--lkh-panel); color: var(--lkh-tekst); font-size: .7rem; font-weight: 600; }
body.styl-lkh .lkh-secure-naglowek h2 { margin: 0; color: var(--lkh-tekst); font-size: clamp(2rem, 3vw, 3.2rem); line-height: 1.15; letter-spacing: -.035em; }
body.styl-lkh .lkh-secure-wprowadzenie > p { margin: 0; color: var(--lkh-opis); line-height: 1.7; }
body.styl-lkh .lkh-secure-wprowadzenie .lkh-secure-status { margin-top: .7rem; font-size: .8rem; }
body.styl-lkh .lkh-secure-atuty { list-style:none; margin:.9rem 0 0; padding:0; display:grid; gap:.5rem; }
body.styl-lkh .lkh-secure-atuty li { display:flex; gap:.6rem; align-items:flex-start; font-size:.9rem; color:var(--lkh-opis); }
body.styl-lkh .lkh-secure-atuty i { color:var(--lkh-akcent); margin-top:.2rem; width:1.1rem; text-align:center; }
body.styl-lkh .lkh-secure-atuty b { color:var(--lkh-tekst); }
body.styl-lkh .lkh-secure-pakiety { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.25rem; }
body.styl-lkh .lkh-secure-karta { min-width: 0; display: flex; flex-direction: column; padding: 1.5rem; border: 1px solid var(--lkh-linia); border-radius: .75rem; background: var(--lkh-powierzchnia); color: var(--lkh-tekst); }
body.styl-lkh .lkh-secure-karta-rodzina { border-top: 4px solid var(--lkh-akcent); padding-top: calc(1.5rem - 3px); }
body.styl-lkh .lkh-secure-miniatura { margin: 0 0 1.4rem; }
body.styl-lkh .lkh-secure-miniatura > a { position: relative; display: block; overflow: hidden; border: 1px solid var(--lkh-linia); border-radius: .55rem; background: var(--lkh-panel); color: var(--lkh-tekst); text-decoration: none; }
body.styl-lkh .lkh-secure-miniatura picture { display: block; }
body.styl-lkh .lkh-secure-miniatura img { display: block; width: 100%; height: 10rem; object-fit: cover; object-position: top; }
body.styl-lkh .lkh-secure-miniatura-etykieta { position: absolute; top: .55rem; left: .55rem; max-width: calc(100% - 1.1rem); padding: .25rem .45rem; border: 1px solid var(--lkh-linia); border-radius: .25rem; background: var(--lkh-powierzchnia); color: var(--lkh-opis); font-size: .65rem; font-weight: 700; }
body.styl-lkh .lkh-secure-miniatura-przycisk { display: flex; align-items: center; justify-content: space-between; gap: .5rem; padding: .7rem .8rem; border-top: 1px solid var(--lkh-linia); background: var(--lkh-powierzchnia); color: var(--lkh-akcent); font-size: .8rem; font-weight: 750; }
body.styl-lkh .lkh-secure-miniatura > a:hover { border-color: var(--lkh-akcent); }
body.styl-lkh .lkh-secure-miniatura > a:hover .lkh-secure-miniatura-przycisk { text-decoration: underline; text-underline-offset: .2em; }
body.styl-lkh .lkh-secure-miniatura > a:focus-visible { outline: 3px solid var(--lkh-akcent); outline-offset: 3px; }
body.styl-lkh .lkh-secure-miniatura figcaption { margin-top: .55rem; color: var(--lkh-opis); font-size: .75rem; line-height: 1.6; }
body.styl-lkh.lkh-secure-podglad-otwarty { overflow: hidden; }
body.styl-lkh .lkh-secure-modal.lkh-secure-podglad { width: min(68rem, calc(100% - 2rem)); max-height: calc(100dvh - 2rem); overflow: hidden; }
body.styl-lkh .lkh-secure-podglad[open] { display: flex; flex-direction: column; }
body.styl-lkh .lkh-secure-podglad > header { flex: 0 0 auto; padding-top: 1.15rem; padding-bottom: 1rem; }
body.styl-lkh .lkh-secure-podglad-opis { flex: 0 0 auto; padding: 1rem 1.8rem .5rem; }
body.styl-lkh .lkh-secure-podglad-opis p { margin: 0 0 .35rem; color: var(--lkh-tekst); font-size: .9rem; line-height: 1.6; }
body.styl-lkh .lkh-secure-podglad-opis .lkh-secure-podglad-przyklad { color: var(--lkh-opis); font-size: .75rem; }
body.styl-lkh .lkh-secure-podglad-widoki { display: flex; flex: 0 0 auto; flex-wrap: wrap; gap: .5rem; padding: .5rem 1.8rem 1rem; }
body.styl-lkh .lkh-secure-podglad-widoki button { min-height: 2.5rem; padding: .5rem .8rem; border: 1px solid var(--lkh-linia); border-radius: .4rem; background: var(--lkh-panel); color: var(--lkh-tekst); font-family: inherit; font-size: .8rem; font-weight: 650; line-height: 1.5; cursor: pointer; }
body.styl-lkh .lkh-secure-podglad-widoki button[aria-pressed="true"] { border-color: var(--lkh-akcent); background: var(--lkh-powierzchnia); color: var(--lkh-akcent); box-shadow: inset 0 -2px var(--lkh-akcent); }
body.styl-lkh .lkh-secure-podglad-widoki button:hover { border-color: var(--lkh-akcent); }
body.styl-lkh .lkh-secure-podglad-obszar { min-height: 5rem; overflow: auto; overscroll-behavior: contain; padding: 1rem; background: var(--lkh-tlo); border-block: 1px solid var(--lkh-linia); }
body.styl-lkh .lkh-secure-podglad-obszar:focus-visible { outline: 3px solid var(--lkh-akcent); outline-offset: -3px; }
body.styl-lkh .lkh-secure-podglad-obszar picture { display: block; }
body.styl-lkh .lkh-secure-podglad-obszar picture[hidden] { display: none; }
body.styl-lkh .lkh-secure-podglad-obszar img { display: block; width: 100%; height: auto; border-radius: .5rem; }
body.styl-lkh .lkh-secure-podglad-obszar > p { color: var(--lkh-opis); font-size: .85rem; }
body.styl-lkh .lkh-secure-podglad-stopka { display: flex; flex: 0 0 auto; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .7rem 1.5rem; padding: 1rem 1.8rem; }
body.styl-lkh .lkh-secure-podglad-stopka a { color: var(--lkh-akcent); font-size: .85rem; text-underline-offset: .2em; }
body.styl-lkh .lkh-secure-podglad-stopka a:focus-visible { outline: 3px solid var(--lkh-akcent); outline-offset: 3px; }
@media (max-width: 640px) {
    body.styl-lkh .lkh-secure-modal.lkh-secure-podglad { width: calc(100% - 1rem); max-height: calc(100dvh - 1rem); }
    body.styl-lkh .lkh-secure-podglad > header { padding: 1rem 3.8rem .8rem 1rem; }
    body.styl-lkh .lkh-secure-podglad > header h2 { font-size: 1.1rem; }
    body.styl-lkh .lkh-secure-podglad-opis { padding: .7rem 1rem .25rem; }
    body.styl-lkh .lkh-secure-podglad-widoki { gap: .4rem; padding: .3rem 1rem .7rem; }
    body.styl-lkh .lkh-secure-podglad-widoki button { font-size: .75rem; }
    body.styl-lkh .lkh-secure-podglad-obszar { padding: .4rem; }
    body.styl-lkh .lkh-secure-podglad-stopka { padding: .7rem 1rem; }
    body.styl-lkh .lkh-secure-podglad-stopka .btn { padding: .6rem 1rem; font-size: .8rem; }
}
body.styl-lkh .lkh-secure-odbiorca { display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-bottom: 1.2rem; color: var(--lkh-opis); font-size: .75rem; }
body.styl-lkh .lkh-secure-odbiorca i { color: var(--lkh-akcent); font-size: 1.1rem; }
body.styl-lkh .lkh-secure-karta h3 { margin: 0 0 .8rem; color: var(--lkh-opis); font-size: .85rem; font-weight: 500; line-height: 1.5; }
body.styl-lkh .lkh-secure-karta h3 strong { display: inline-block; color: var(--lkh-tekst); font-size: 1.4rem; line-height: 1.2; font-weight: 700; }
body.styl-lkh .lkh-secure-opis { min-height: 4.5em; margin: 0 0 1.1rem; color: var(--lkh-opis); font-size: .85rem; line-height: 1.5; }
body.styl-lkh .lkh-secure-cena { display: flex; flex-wrap: wrap; align-items: baseline; gap: .5rem; margin: 0; }
body.styl-lkh .lkh-secure-cena strong { color: var(--lkh-tekst); font-size: 2.5rem; font-weight: 700; line-height: 1.15; letter-spacing: -.055em; }
body.styl-lkh .lkh-secure-cena span { color: var(--lkh-opis); font-size: .7rem; }
body.styl-lkh .lkh-secure-jednostka { margin: .6rem 0 1.4rem; color: var(--lkh-opis); font-size: .7rem; line-height: 1.5; }
body.styl-lkh .lkh-secure-karta ul { display: grid; gap: .8rem; list-style: none; margin: 0 0 1.5rem; padding: 0; }
body.styl-lkh .lkh-secure-karta li { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: .5rem; align-items: start; color: var(--lkh-tekst); font-size: .8rem; line-height: 1.5; }
body.styl-lkh .lkh-secure-karta li i { padding-top: .3em; color: var(--lkh-akcent); }
body.styl-lkh .lkh-secure-info { display: inline-grid; place-items: center; width: 1.8rem; height: 1.8rem; margin-top: -.2rem; padding: 0; border: 1px solid var(--lkh-linia); border-radius: 50%; background: var(--lkh-panel); color: var(--lkh-akcent); cursor: pointer; font-family: inherit; font-size: .8rem; font-weight: 750; line-height: 1; }
body.styl-lkh .lkh-secure-info[hidden] { display: none; }
body.styl-lkh .lkh-secure-info:hover { border-color: var(--lkh-akcent); background: var(--lkh-powierzchnia); }
body.styl-lkh .lkh-secure-info:focus-visible,
body.styl-lkh .lkh-secure-modal button:focus-visible { outline: 3px solid var(--lkh-akcent); outline-offset: 3px; }
body.styl-lkh.lkh-secure-modal-otwarty { overflow: hidden; }
body.styl-lkh .lkh-secure-modal { width: min(40rem, calc(100% - 2rem)); max-width: none; max-height: calc(100dvh - 2rem); padding: 0; border: 1px solid var(--lkh-linia); border-radius: .85rem; background: var(--lkh-powierzchnia); color: var(--lkh-tekst); box-shadow: 0 24px 80px #0005; overflow-y: auto; }
body.styl-lkh .lkh-secure-modal::backdrop { background: #051019b3; backdrop-filter: blur(4px); }
body.styl-lkh .lkh-secure-modal-naglowek { position: relative; padding: 1.8rem 4.5rem 1.1rem 1.8rem; border-bottom: 1px solid var(--lkh-linia); }
body.styl-lkh .lkh-secure-modal-naglowek h2 { margin: 0; color: var(--lkh-tekst); font-size: 1.55rem; line-height: 1.3; }
body.styl-lkh .lkh-secure-modal-zamknij { position: absolute; top: 1.1rem; right: 1.1rem; display: grid; place-items: center; width: 2.6rem; height: 2.6rem; padding: 0; border: 1px solid var(--lkh-linia); border-radius: 50%; background: var(--lkh-panel); color: var(--lkh-tekst); cursor: pointer; font-size: 1.1rem; }
body.styl-lkh .lkh-secure-modal-zamknij:hover { color: var(--lkh-akcent); border-color: var(--lkh-akcent); }
body.styl-lkh .lkh-secure-modal-tresc { display: grid; gap: 1.2rem; padding: 1.5rem 1.8rem; }
body.styl-lkh .lkh-secure-modal-tresc p { margin: 0; color: var(--lkh-opis); font-size: .95rem; line-height: 1.75; }
body.styl-lkh .lkh-secure-modal-tresc h3 { margin: 0 0 .45rem; color: var(--lkh-tekst); font-size: .9rem; font-weight: 700; }
body.styl-lkh .lkh-secure-modal-przyklad { padding: 1.15rem; border-left: 3px solid var(--lkh-akcent); border-radius: .3rem; background: var(--lkh-panel); }
body.styl-lkh .lkh-secure-modal-stopka { display: flex; gap: 1.5rem; align-items: center; justify-content: space-between; padding: 1.1rem 1.8rem; border-top: 1px solid var(--lkh-linia); }
body.styl-lkh .lkh-secure-modal-stopka p { margin: 0; color: var(--lkh-opis); font-size: .75rem; line-height: 1.6; }
body.styl-lkh .lkh-secure-modal-stopka .btn { flex-shrink: 0; }
body.styl-lkh .lkh-secure-szczegoly { margin-top: auto; border-top: 1px solid var(--lkh-linia); padding-top: 1rem; }
body.styl-lkh .lkh-secure-szczegoly p,
body.styl-lkh .lkh-secure-pytania p { margin: .8rem 0 0; color: var(--lkh-opis); font-size: .8rem; line-height: 1.7; }
body.styl-lkh :is(.lkh-secure-szczegoly, .lkh-secure-pytania) details[open] > summary > i,
body.styl-lkh .lkh-secure-szczegoly[open] > summary > i { transform: rotate(45deg); }
body.styl-lkh .lkh-secure-zasady { margin-top: 1.5rem; }
body.styl-lkh .lkh-secure-zasady p { margin: .6rem 0 0; color: var(--lkh-opis); font-size: .75rem; line-height: 1.7; }
body.styl-lkh .lkh-secure-zasady .lkh-secure-zasady-informacja { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: .7rem; }
body.styl-lkh .lkh-secure-zasady i { color: var(--lkh-akcent); padding-top: .3em; }
body.styl-lkh .lkh-secure-pytania { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin-top: 1.75rem; }
/* Porównanie Rodzina – LKH Secure Router */
body.styl-lkh .lkh-secure-porownanie { margin-top: 1.75rem; }
body.styl-lkh .lkh-secure-porownanie h3 { margin: 0 0 .8rem; font-size: 1.05rem; }
body.styl-lkh .lkh-secure-porownanie-tabela { border: 1px solid var(--lkh-linia); border-radius: .5rem; overflow: hidden; background: var(--lkh-panel); }
body.styl-lkh .lkh-secure-porownanie-tabela > div { display: grid; grid-template-columns: 1.1fr 1fr 1fr; gap: 1rem; padding: .7rem 1rem; border-top: 1px solid var(--lkh-linia); font-size: .85rem; line-height: 1.5; }
body.styl-lkh .lkh-secure-porownanie-tabela > div:first-child { border-top: 0; }
body.styl-lkh .lkh-secure-porownanie-naglowek { font-weight: 700; color: var(--lkh-akcent); }
body.styl-lkh .lkh-secure-porownanie-tabela [role=rowheader] { font-weight: 600; }
body.styl-lkh .lkh-secure-porownanie-tabela [role=cell] { color: var(--lkh-opis); }
@media (max-width: 640px) {
    body.styl-lkh .lkh-secure-porownanie-tabela > div { grid-template-columns: 1fr 1fr; }
    body.styl-lkh .lkh-secure-porownanie-tabela > div > :first-child { grid-column: 1 / -1; }
    body.styl-lkh .lkh-secure-porownanie-naglowek > :first-child { display: none; }
}
body.styl-lkh .lkh-secure-pytania details { padding: 1.2rem; border: 1px solid var(--lkh-linia); border-radius: .5rem; background: var(--lkh-panel); }
body.styl-lkh .secure-przyszlosc { padding: 3rem 0; border-top: 1px solid var(--lkh-linia); scroll-margin-top: 7rem; }
body.styl-lkh .secure-przyszlosc h2 { color: var(--lkh-tekst); margin: 0 0 1rem; font-size: clamp(1.6rem, 3vw, 2.2rem); }
body.styl-lkh .secure-przyszlosc-opis { max-width: 56rem; margin: 0 0 2rem; color: var(--lkh-opis); line-height: 1.7; }
body.styl-lkh .secure-przyszlosc-pakiety { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
body.styl-lkh .secure-przyszlosc-brutto { color:var(--lkh-opis); font-size:.75rem; }
body.styl-lkh .secure-przyszlosc-karta { display: flex; flex-direction: column; padding: 1.5rem; border: 1px solid var(--lkh-linia); border-radius: .75rem; background: var(--lkh-powierzchnia); }
body.styl-lkh .secure-przyszlosc-karta h3 { color: var(--lkh-tekst); margin: .5rem 0 .8rem; font-size: 1.3rem; }
body.styl-lkh .secure-przyszlosc-karta > p { margin: 0; color: var(--lkh-opis); font-size: .85rem; line-height: 1.7; }
body.styl-lkh .secure-przyszlosc-karta > p:first-child { color: var(--lkh-akcent); font-weight: 700; font-size: .75rem; }
body.styl-lkh .secure-przyszlosc-karta ul { display: grid; gap: .8rem; list-style: none; padding: 0; margin: 1.2rem 0 1.8rem; }
body.styl-lkh .secure-przyszlosc-karta li { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items:start; gap: .6rem; color: var(--lkh-tekst); font-size: .85rem; line-height: 1.6; }
body.styl-lkh .secure-przyszlosc-kontakt { margin-top:1rem; color:var(--lkh-akcent); font-weight:600; text-decoration:underline; text-underline-offset:.2rem; }
body.styl-lkh .secure-przyszlosc-standard { margin-top:2rem; padding-top:1.5rem; border-top:1px solid var(--lkh-linia); }
body.styl-lkh .secure-przyszlosc-standard h3 { margin:0 0 .7rem; color:var(--lkh-tekst); font-size:1.15rem; }
body.styl-lkh .secure-przyszlosc-standard p { max-width:90ch; color:var(--lkh-opis); font-size:.9rem; line-height:1.8; }
body.styl-lkh .secure-przyszlosc-karta li i { padding-top: .35rem; color: var(--lkh-akcent); }
body.styl-lkh .secure-przyszlosc-cennik { margin-top: auto; padding-top: 1rem; border-top: 1px solid var(--lkh-linia); }
body.styl-lkh .secure-przyszlosc-cennik > p + p { margin: .65rem 0 0; color: var(--lkh-opis); font-size: .8rem; line-height: 1.7; }
body.styl-lkh .secure-przyszlosc-uwaga { margin: 1.3rem 0 0; color: var(--lkh-opis); font-size: .8rem; line-height: 1.7; }
@media (max-width: 1200px) {
    body.styl-lkh .lkh-secure-pakiety { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    body.styl-lkh .secure-przyszlosc-pakiety { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    body.styl-lkh .ochrona-antyddos-belka { grid-template-columns: auto minmax(0, 1fr); }
    body.styl-lkh .ochrona-antyddos-szczegoly { grid-column: 2; }
}
@media (max-width: 640px) {
    body.styl-lkh .ochrona-antyddos-belka { grid-template-columns: minmax(0, 1fr); padding: 1.3rem; gap: 1rem; }
    body.styl-lkh .ochrona-antyddos-szczegoly { grid-column: 1; }
    body.styl-lkh .lkh-secure-naglowek { grid-template-columns: minmax(0, 1fr); gap: 1.1rem; }
    body.styl-lkh .lkh-secure-pakiety,
    body.styl-lkh .lkh-secure-pytania,
    body.styl-lkh .secure-przyszlosc-pakiety { grid-template-columns: minmax(0, 1fr); }
    body.styl-lkh .lkh-secure-sekcja { padding: 2rem 0 3rem; }
    body.styl-lkh .lkh-secure-karta { padding: 1.4rem; }
    body.styl-lkh .lkh-secure-karta-rodzina { padding-top: calc(1.4rem - 3px); }
    body.styl-lkh .lkh-secure-opis { min-height: 0; }
    body.styl-lkh .lkh-secure-info { width: 2rem; height: 2rem; }
    body.styl-lkh .lkh-secure-modal-naglowek { padding: 1.3rem 4rem 1.1rem 1.3rem; }
    body.styl-lkh .lkh-secure-modal-naglowek h2 { font-size: 1.3rem; }
    body.styl-lkh .lkh-secure-modal-tresc { padding: 1.2rem 1.3rem; }
    body.styl-lkh .lkh-secure-modal-stopka { flex-direction: column; align-items: stretch; padding: 1rem 1.3rem; gap: .8rem; }
}

/* Ilustracje panelu w kartach pakietów (Claude 10.11.2026) – zamiast zrzutów ekranu */
body.styl-lkh .secure-ilu { position:relative; margin:0 0 1.4rem; padding:.55rem; border-radius:1.1rem; background:linear-gradient(160deg,#1d3449,#0b1724); box-shadow:0 18px 40px -22px rgba(4,20,35,.8); }
body.styl-lkh .secure-ilu-ekran { display:grid; gap:.55rem; min-height:11.5rem; padding:.8rem; border-radius:.75rem; background:radial-gradient(circle at 85% 0%,rgba(62,230,196,.16),transparent 55%),#0c1826; color:#dce8f1; font-size:.72rem; line-height:1.35; align-content:start; }
body.styl-lkh .secure-ilu-gora { display:flex; justify-content:space-between; align-items:center; gap:.5rem; }
body.styl-lkh .secure-ilu-tytul { color:#fff; font-weight:700; font-size:.75rem; }
body.styl-lkh .secure-ilu-tytul i { color:#3ee6c4; }
body.styl-lkh .secure-ilu-status { display:inline-flex; align-items:center; gap:.35rem; padding:.18rem .5rem; border-radius:999px; background:rgba(62,230,196,.14); color:#3ee6c4; font-size:.62rem; font-weight:700; white-space:nowrap; }
body.styl-lkh .secure-ilu-status i { width:.42rem; height:.42rem; border-radius:50%; background:#3ee6c4; box-shadow:0 0 8px #3ee6c4; }
body.styl-lkh .secure-ilu-licznik { display:flex; align-items:center; gap:.6rem; }
body.styl-lkh .secure-ilu-licznik b { color:#fff; font-family:'Space Grotesk',sans-serif; font-size:1.7rem; line-height:1; }
body.styl-lkh .secure-ilu-licznik span { color:#9db0c2; font-size:.66rem; }
body.styl-lkh .secure-ilu-slupki { display:flex; align-items:flex-end; gap:.3rem; height:2.4rem; }
body.styl-lkh .secure-ilu-slupki i { flex:1; height:var(--h); border-radius:.2rem .2rem 0 0; background:linear-gradient(180deg,#3ee6c4,#38bdf8); opacity:.85; }
body.styl-lkh .secure-ilu-lista { display:grid; gap:.35rem; list-style:none; margin:0; padding:0; }
body.styl-lkh .secure-ilu-lista li { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:.45rem; padding:.4rem .5rem; border-radius:.5rem; background:#132438; }
body.styl-lkh .secure-ilu-lista span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#dce8f1; }
body.styl-lkh .secure-ilu-lista em { font-style:normal; font-size:.6rem; font-weight:700; color:#fb7185; }
body.styl-lkh .secure-ilu-lista em.ok { color:#3ee6c4; }
body.styl-lkh .secure-ilu-czerwony { color:#fb7185; } body.styl-lkh .secure-ilu-fiolet { color:#c4b5fd; } body.styl-lkh .secure-ilu-zielony { color:#3ee6c4; }
body.styl-lkh .secure-ilu-przelaczniki { display:grid; gap:.35rem; list-style:none; margin:0; padding:0; }
body.styl-lkh .secure-ilu-przelaczniki li { display:flex; justify-content:space-between; align-items:center; gap:.5rem; padding:.4rem .55rem; border-radius:.5rem; background:#132438; }
body.styl-lkh .secure-ilu-przelaczniki span { display:flex; flex-direction:column; color:#fff; }
body.styl-lkh .secure-ilu-przelaczniki small { color:#9db0c2; font-size:.6rem; }
body.styl-lkh .secure-ilu-przelaczniki i { position:relative; flex-shrink:0; width:1.9rem; height:1.05rem; border-radius:999px; background:#2b3c50; }
body.styl-lkh .secure-ilu-przelaczniki i::after { content:''; position:absolute; top:.15rem; left:.15rem; width:.75rem; height:.75rem; border-radius:50%; background:#8aa0b5; }
body.styl-lkh .secure-ilu-przelaczniki li.wl i { background:linear-gradient(90deg,#15b89c,#2aa5e0); }
body.styl-lkh .secure-ilu-przelaczniki li.wl i::after { left:auto; right:.15rem; background:#fff; }
body.styl-lkh .secure-ilu-pasek-info { display:flex; align-items:center; gap:.45rem; padding:.45rem .55rem; border-radius:.5rem; background:linear-gradient(120deg,rgba(62,230,196,.16),rgba(56,189,248,.12)); color:#dce8f1; font-weight:600; }
body.styl-lkh .secure-ilu-pasek-info i { color:#3ee6c4; }
body.styl-lkh .secure-ilu-wykres svg { display:block; width:100%; height:3.4rem; }
body.styl-lkh .secure-ilu-alert { display:flex; align-items:center; gap:.5rem; padding:.45rem .55rem; border:1px solid rgba(251,191,36,.35); border-radius:.5rem; background:rgba(251,191,36,.08); }
body.styl-lkh .secure-ilu-alert i { color:#fbbf24; }
body.styl-lkh .secure-ilu-alert span { display:flex; flex-direction:column; }
body.styl-lkh .secure-ilu-alert b { color:#fff; font-size:.7rem; }
body.styl-lkh .secure-ilu-alert small { color:#9db0c2; font-size:.6rem; }
body.styl-lkh .secure-ilu-chipy { display:flex; flex-wrap:wrap; gap:.3rem; }
body.styl-lkh .secure-ilu-chipy span { padding:.15rem .45rem; border-radius:999px; background:#1a2f45; color:#bfe9ff; font-size:.6rem; font-weight:600; }
body.styl-lkh .secure-ilu-chipy .secure-ilu-chip-eksport { background:rgba(62,230,196,.16); color:#3ee6c4; }
/* Miniatura kafelków z konta klienta w karcie pakietu (ekran zawsze ciemny). */
body.styl-lkh .secure-ilu .ls-mini { --ls-tlo: #13243a; --ls-linia: #24394f; --ls-tekst: #e6f0f6; --ls-opis: #9fb3c2; --ls-akcent-mocny: #7ff3da; --ls-cien: none; display: block; }
body.styl-lkh .ls-mini .ls-filtry { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: .45rem; }
body.styl-lkh .ls-mini .ls-filtr { grid-template-columns: auto minmax(0, 1fr) auto; grid-template-areas: 'ikona . przel' 'tytul tytul tytul' 'harm harm harm'; min-width: 0; column-gap: .45rem; row-gap: .4rem; padding: .55rem; border-radius: .65rem; animation: none; }
body.styl-lkh .ls-mini .ls-filtr:hover { transform: none; }
body.styl-lkh .ls-mini .ls-filtr-ikona { width: 1.6rem; height: 1.6rem; border-radius: .5rem; font-size: .7rem; box-shadow: none; }
body.styl-lkh .ls-mini .ls-mini-tytul { grid-area: tytul; font-size: .62rem; font-weight: 700; line-height: 1.2; color: var(--ls-tekst); overflow-wrap: break-word; hyphens: manual; }
body.styl-lkh .ls-mini .ls-przelacznik { grid-area: przel; width: 1.7rem; height: 1rem; cursor: default; }
body.styl-lkh .ls-mini .ls-przelacznik::after { top: 2px; left: 2px; width: .75rem; height: .75rem; }
body.styl-lkh .ls-mini .ls-przelacznik[aria-checked="true"]::after { transform: translateX(.7rem); }
body.styl-lkh .ls-mini .ls-filtr-harm, body.styl-lkh .ls-mini .ls-filtr-zablokowany { grid-area: harm; margin: 0; padding: .15rem .45rem; font-size: .58rem; justify-self: start; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor: default; }
body.styl-lkh .ls-mini .ls-filtr-zablokowany { padding-left: 0; }
body.styl-lkh .secure-ilu-podpis { position:absolute; right:.9rem; bottom:-1.15rem; color:var(--lkh-opis); font-size:.62rem; opacity:.8; }

/* Schemat dwóch warstw anty-DDoS: Internet → HAWE → LKH → łącze (Claude 10.11.2026) */
body.styl-lkh .ddos-schemat { grid-column: 1 / -1; margin: .4rem 0 0; padding: 1.4rem 1.2rem 1rem; border-radius: .9rem; background: radial-gradient(ellipse at 50% 0%, rgba(62,230,196,.14), transparent 60%), #0b1724; color: #dce8f1; }
body.styl-lkh .ddos-tor { display: grid; grid-template-columns: minmax(0,1fr) minmax(2.5rem,.7fr) minmax(0,1fr) minmax(2.5rem,.7fr) minmax(0,1fr) minmax(2.5rem,.7fr) minmax(0,1fr); align-items: start; list-style: none; margin: 0; padding: 0; }
body.styl-lkh .ddos-wezel { display: flex; flex-direction: column; align-items: center; gap: .3rem; text-align: center; }
body.styl-lkh .ddos-ikona { position: relative; display: grid; place-items: center; width: 3.2rem; height: 3.2rem; margin-bottom: .3rem; border-radius: 1rem; font-size: 1.3rem; background: #132438; border: 1px solid rgba(148,190,220,.2); }
body.styl-lkh .ddos-wezel b { color: #fff; font-size: .85rem; line-height: 1.3; }
body.styl-lkh .ddos-wezel small { max-width: 13rem; color: #9db0c2; font-size: .72rem; line-height: 1.45; }
body.styl-lkh .ddos-wezel-internet .ddos-ikona { color: #fda4af; border-color: rgba(251,113,133,.35); }
body.styl-lkh .ddos-wezel-filtr .ddos-ikona { color: #03221d; border: 0; background: linear-gradient(140deg,#3ee6c4,#38bdf8); box-shadow: 0 0 28px -4px rgba(62,230,196,.6); }
body.styl-lkh .ddos-wezel-filtr .ddos-ikona::after { content: ''; position: absolute; inset: -6px; border-radius: 1.25rem; border: 2px solid rgba(62,230,196,.4); animation: ddos-fala 2.4s ease-out infinite; }
body.styl-lkh .ddos-wezel-dom .ddos-ikona { color: #3ee6c4; border-color: rgba(62,230,196,.4); }
body.styl-lkh .ddos-lacze { position: relative; height: 3.2rem; overflow: hidden; }
body.styl-lkh .ddos-lacze::before { content: ''; position: absolute; left: 0; right: 0; top: 50%; height: 2px; transform: translateY(-50%); border-radius: 2px; }
body.styl-lkh .ddos-lacze-1::before { background: linear-gradient(90deg, rgba(251,113,133,.6), rgba(251,113,133,.25)); }
body.styl-lkh .ddos-lacze-2::before { background: linear-gradient(90deg, rgba(251,191,36,.5), rgba(62,230,196,.35)); }
body.styl-lkh .ddos-lacze-3::before { background: rgba(62,230,196,.55); }
body.styl-lkh .ddos-pakiet { position: absolute; top: 50%; left: -10%; width: .55rem; height: .55rem; margin-top: -.275rem; border-radius: 50%; animation: ddos-ruch 2.4s linear infinite; }
body.styl-lkh .ddos-pakiet.z { background: #3ee6c4; box-shadow: 0 0 8px #3ee6c4; }
body.styl-lkh .ddos-pakiet.a { background: #fb7185; box-shadow: 0 0 8px #fb7185; animation-name: ddos-atak; }
body.styl-lkh .ddos-pakiet:nth-child(2) { animation-delay: .4s; } body.styl-lkh .ddos-pakiet:nth-child(3) { animation-delay: .8s; }
body.styl-lkh .ddos-pakiet:nth-child(4) { animation-delay: 1.2s; } body.styl-lkh .ddos-pakiet:nth-child(5) { animation-delay: 1.6s; } body.styl-lkh .ddos-pakiet:nth-child(6) { animation-delay: 2s; }
body.styl-lkh .ddos-schemat figcaption { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: .4rem; margin-top: 1rem; color: #9db0c2; font-size: .72rem; }
body.styl-lkh .ddos-legenda { display: inline-block; width: .55rem; height: .55rem; margin-left: .6rem; border-radius: 50%; }
body.styl-lkh .ddos-legenda.z { background: #3ee6c4; } body.styl-lkh .ddos-legenda.a { background: #fb7185; }
@keyframes ddos-ruch { from { left: -10%; } to { left: 105%; } }
@keyframes ddos-atak { 0% { left: -10%; opacity: 1; transform: scale(1); } 80% { left: 82%; opacity: 1; transform: scale(1); } 100% { left: 90%; opacity: 0; transform: scale(1.8); } }
@keyframes ddos-fala { 0% { transform: scale(.92); opacity: 1; } 100% { transform: scale(1.3); opacity: 0; } }
@media (prefers-reduced-motion: reduce) { body.styl-lkh .ddos-pakiet, body.styl-lkh .ddos-wezel-filtr .ddos-ikona::after { animation: none; } body.styl-lkh .ddos-pakiet { left: 45%; } body.styl-lkh .ddos-pakiet ~ .ddos-pakiet { display: none; } }
@media (max-width: 760px) {
    body.styl-lkh .ddos-tor { grid-template-columns: minmax(0,1fr); justify-items: center; }
    body.styl-lkh .ddos-lacze { width: 3.2rem; height: 2.6rem; }
    body.styl-lkh .ddos-lacze::before { left: 50%; right: auto; top: 0; bottom: 0; width: 2px; height: auto; transform: translateX(-50%); }
    body.styl-lkh .ddos-lacze-1::before { background: linear-gradient(180deg, rgba(251,113,133,.6), rgba(251,113,133,.25)); }
    body.styl-lkh .ddos-lacze-2::before { background: linear-gradient(180deg, rgba(251,191,36,.5), rgba(62,230,196,.35)); }
    body.styl-lkh .ddos-pakiet { left: 50%; top: -10%; margin: 0 0 0 -.275rem; animation-name: ddos-ruch-pion; }
    body.styl-lkh .ddos-pakiet.a { animation-name: ddos-atak-pion; }
    @keyframes ddos-ruch-pion { from { top: -10%; } to { top: 105%; } }
    @keyframes ddos-atak-pion { 0% { top: -10%; opacity: 1; } 80% { top: 75%; opacity: 1; } 100% { top: 85%; opacity: 0; transform: scale(1.8); } }
}

body.styl-lkh .secure-przyszlosc-status { display: inline-flex; align-items: center; gap: .5rem; margin: 0 0 .5rem; padding: .35rem .8rem; border-radius: 999px; background: rgba(251,191,36,.14); color: #f59e0b; font-size: .85rem; font-weight: 800; }
body.styl-lkh.dark-mode .secure-przyszlosc-status { color: #fcd34d; }
body.styl-lkh .secure-przyszlosc-testy > p:nth-child(2) { margin: .2rem 0 0; color: var(--lkh-tekst); font-size: 1.05rem; font-weight: 700; }

body.styl-lkh .secure-przyszlosc-cennik > p.secure-przyszlosc-cena { display:flex; align-items:baseline; gap:.4rem; margin:.4rem 0 0; color:var(--lkh-opis); font-size:.85rem; line-height:1.2; }
body.styl-lkh .secure-przyszlosc-cena strong { color:var(--lkh-tekst, #fff); font-family:'Space Grotesk',sans-serif; font-size:2.6rem; letter-spacing:-.04em; line-height:1; }
body.styl-lkh .secure-przyszlosc-progi { list-style:none; margin:.75rem 0 0; padding:0; display:grid; gap:.35rem; }
body.styl-lkh .secure-przyszlosc-progi li { display:flex; flex-wrap:wrap; justify-content:space-between; gap:.15rem 1rem; padding:.45rem .7rem; border:1px solid var(--lkh-linia); border-radius:.6rem; color:var(--lkh-opis); font-size:.85rem; }
body.styl-lkh .secure-przyszlosc-progi b { color:var(--lkh-tekst); font-weight:600; white-space:nowrap; }
body.styl-lkh .secure-przyszlosc-progi small { flex-basis:100%; text-align:right; color:var(--lkh-opis); font-size:.75rem; }
body.styl-lkh .secure-przyszlosc-cennik > p.secure-przyszlosc-przypis { margin:.65rem 0 0; color:var(--lkh-opis); font-size:.8rem; line-height:1.7; }

/* Przycisk „i” przy anty-DDoS w kartach pakietów + modal z wyjaśnieniem */
.ddos-info { display: inline-grid; place-items: center; width: 1.25rem; height: 1.25rem; margin-left: .3rem; padding: 0; border: 1.5px solid var(--lkh-akcent, #e85d26); border-radius: 50%; background: transparent; color: var(--lkh-akcent, #e85d26); font: italic 700 .75rem/1 Georgia, 'Times New Roman', serif; vertical-align: .1em; cursor: pointer; transition: background .15s, color .15s; }
.ddos-info:hover { background: var(--lkh-akcent, #e85d26); color: var(--lkh-tlo, #fff); }
.ddos-info:focus-visible { outline: 3px solid var(--lkh-akcent, #e85d26); outline-offset: 2px; }
.ddos-info::before { content: ''; position: absolute; width: 44px; height: 44px; }
.ddos-info { position: relative; }
.ddos-modal { width: min(560px, calc(100vw - 32px)); max-height: calc(100vh - 32px); padding: 0; border: 1px solid var(--lkh-linia, #d6e0e3); border-radius: 18px; background: var(--lkh-powierzchnia, #fff); color: var(--lkh-tekst, #14252e); box-shadow: 0 24px 60px rgba(0, 0, 0, .35); }
.ddos-modal::backdrop { background: rgba(8, 14, 20, .6); backdrop-filter: blur(3px); }
.ddos-modal[open] { animation: ddosModalWejscie .22s ease-out; }
@keyframes ddosModalWejscie { from { opacity: 0; transform: translateY(12px) scale(.98); } to { opacity: 1; transform: none; } }
.ddos-modal-tresc { position: relative; padding: 28px 28px 24px; overflow-y: auto; max-height: calc(100vh - 34px); max-height: calc(100dvh - 34px); overscroll-behavior: contain; }
.ddos-modal { overflow: hidden; }
.ddos-modal h2 { margin: 12px 0 10px; font-size: 1.35rem; color: inherit; }
.ddos-modal h3 { margin: 18px 0 6px; font-size: 1rem; color: var(--lkh-akcent, #e85d26); }
.ddos-modal p, .ddos-modal li { font-size: .95rem; line-height: 1.55; color: var(--lkh-opis, #50636e); }
.ddos-modal ul { margin: 0; padding-left: 1.2rem; }
.ddos-modal-ikona { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 14px; background: color-mix(in srgb, var(--lkh-akcent, #e85d26) 15%, transparent); color: var(--lkh-akcent, #e85d26); font-size: 1.3rem; }
.ddos-modal-uwaga { margin-top: 16px; padding: 10px 12px; border-left: 3px solid var(--lkh-akcent, #e85d26); background: color-mix(in srgb, var(--lkh-akcent, #e85d26) 7%, transparent); border-radius: 6px; font-size: .88rem !important; }
.ddos-modal-zamknij { position: absolute; top: 14px; right: 14px; width: 40px; height: 40px; border: 0; border-radius: 50%; background: transparent; color: var(--lkh-opis, #50636e); font-size: 1.1rem; cursor: pointer; }
.ddos-modal-zamknij:hover { background: color-mix(in srgb, var(--lkh-tekst, #14252e) 8%, transparent); }
.ddos-modal-ok { display: block; width: 100%; margin-top: 20px; }
.ddos-modal-ok:focus-visible, .ddos-modal-zamknij:focus-visible { outline: 3px solid var(--lkh-akcent, #e85d26); outline-offset: 2px; }
@media (max-width: 480px) { .ddos-modal-tresc { padding: 22px 18px 18px; } }
@media (prefers-reduced-motion: reduce) { .ddos-modal[open] { animation: none; } }
body.styl-lkh .opieka-it-pakiety { display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:1rem; }
body.styl-lkh .opieka-it-polecany { position:relative; border-color:var(--lkh-akcent); box-shadow:0 10px 30px rgba(234,88,12,.15); }
body.styl-lkh .opieka-it-znacznik { position:absolute; top:-.7rem; right:1rem; padding:.2rem .7rem; border-radius:999px; background:var(--lkh-akcent); color:#fff; font-size:.72rem; font-weight:700; }
body.styl-lkh .opieka-it .secure-przyszlosc-cena { margin:.6rem 0 .4rem; }
@media (max-width: 900px) { body.styl-lkh .opieka-it-pakiety { grid-template-columns:minmax(0,1fr); } }
body.styl-lkh .opieka-it-dodatki { display:grid; grid-template-columns:repeat(auto-fit, minmax(17rem,1fr)); gap:1rem; margin-top:1rem; }
body.styl-lkh .opieka-it-dodatki p { margin:0; padding:.9rem 1rem; border:1px solid var(--lkh-linia); border-radius:14px; background:var(--lkh-powierzchnia); color:var(--lkh-opis); }
body.styl-lkh .opieka-it-dodatki b { color:var(--lkh-tekst); }
body.styl-lkh .opieka-it-dodatki i { color:var(--lkh-akcent); margin-right:.3rem; }
@media (max-width: 700px) { body.styl-lkh .opieka-it-dodatki { grid-template-columns:minmax(0,1fr); } }

/* Wybór dodatkowej ochrony przy pakiecie internetu */
body.styl-lkh .wybor-ochrony { margin:.4rem 0 .9rem; display:grid; gap:.35rem; text-align:left; }
body.styl-lkh .wybor-ochrony label { font-size:.8rem; font-weight:600; color:var(--lkh-opis); display:flex; gap:.4rem; align-items:center; }
body.styl-lkh .wybor-ochrony label i { color:var(--lkh-akcent); }
body.styl-lkh .wybor-ochrony select { width:100%; padding:.55rem .7rem; border-radius:.6rem; border:1px solid var(--lkh-linia); background:var(--lkh-powierzchnia, #fff); color:inherit; font:inherit; font-size:.88rem; cursor:pointer; }
body.styl-lkh .wybor-ochrony-info { margin:0; font-size:.76rem; color:var(--lkh-opis); }
body.styl-lkh .wybor-opieki-pola { display:grid; gap:.4rem; }
body.styl-lkh .wybor-opieki-pola select { min-width:0; }
body.styl-lkh .wybor-ochrony label.wybor-opieki-stanowiska { font-weight:400; white-space:nowrap; }
body.styl-lkh .wybor-ochrony label.wybor-opieki-stanowiska[hidden] { display:none; }
body.styl-lkh .wybor-opieki-stanowiska input { width:4.2rem; padding:.5rem .45rem; border-radius:.6rem; border:1px solid var(--lkh-linia); background:var(--lkh-powierzchnia, #fff); color:inherit; font:inherit; font-size:.88rem; }
body.styl-lkh .pakiet-z-ochrona { border-color:var(--lkh-akcent) !important; box-shadow:0 10px 30px rgba(234,88,12,.14); }
body.styl-lkh .z-ochrona { color:var(--lkh-akcent); transition:color .2s; }
/* Strona Internet dla firm */
body.styl-lkh .firmy-hero { padding-bottom:1rem; }
body.styl-lkh .firmy-hero h1 { font-size:clamp(1.9rem, 4vw, 3rem); margin:.4rem 0 1rem; max-width:22ch; }
body.styl-lkh .firmy-lead { max-width:70ch; color:var(--lkh-opis); line-height:1.7; }
body.styl-lkh .firmy-fakty { list-style:none; padding:0; margin:1.2rem 0 0; display:flex; flex-wrap:wrap; gap:.6rem 1.4rem; }
body.styl-lkh .firmy-fakty i { color:var(--lkh-akcent); margin-right:.45rem; }
body.styl-lkh .firmy-brutto { margin:-.2rem 0 .3rem; font-size:.76rem; color:var(--lkh-opis); }
body.styl-lkh .firmy-ochrona-legenda { margin-top:2rem; padding:1.4rem 1.6rem; border:1px solid var(--lkh-linia); border-radius:.9rem; }
body.styl-lkh .firmy-ochrona-legenda ul { margin:.6rem 0; padding-left:1.1rem; line-height:1.7; }
body.styl-lkh[data-current-page="internet-firmy"] .cena-oferty { display:flex; align-items:baseline; gap:9px; color:var(--lkh-tekst); margin:0; }
body.styl-lkh .cena-oferty strong.z-ochrona, body.styl-lkh .price .amount.z-ochrona { color:var(--lkh-akcent); }

body.styl-lkh .lkh-secure-cena-brutto { display:block; width:100%; margin-top:.2rem; color:var(--lkh-opis); font-size:.75rem; font-weight:400; }

/* Żywy schemat anty-DDoS (js/ochrona-antyddos.js) */
body.styl-lkh .ddos-schemat { position: relative; overflow: hidden; isolation: isolate; transition: box-shadow .4s; }
body.styl-lkh .ddos-plotno { position: absolute; inset: 0; z-index: 0; pointer-events: none; }
body.styl-lkh .ddos-schemat > :not(.ddos-plotno) { position: relative; z-index: 1; }
body.styl-lkh .ddos-schemat--zywy .ddos-pakiet,
body.styl-lkh .ddos-schemat--zywy .ddos-lacze::before { display: none; }
body.styl-lkh .ddos-schemat--zywy .ddos-wezel small { text-shadow: 0 1px 6px #0b1724, 0 0 2px #0b1724; }
body.styl-lkh .ddos-schemat--atak { box-shadow: inset 0 0 0 1px rgba(251,113,133,.35), inset 0 0 60px -20px rgba(251,113,133,.35); }
body.styl-lkh .ddos-wezel-internet .ddos-ikona { transition: box-shadow .3s, transform .3s; }
body.styl-lkh .ddos-schemat--atak .ddos-wezel-internet .ddos-ikona { box-shadow: 0 0 24px -2px rgba(251,113,133,.75); animation: ddos-drzenie .18s linear infinite; }
body.styl-lkh .ddos-schemat--atak .ddos-wezel-filtr .ddos-ikona { box-shadow: 0 0 36px 0 rgba(62,230,196,.85); }
@keyframes ddos-drzenie { 0%,100% { transform: translate(0,0); } 25% { transform: translate(1px,-1px); } 50% { transform: translate(-1px,1px); } 75% { transform: translate(1px,1px); } }

body.styl-lkh .ddos-panel { display: none; grid-template-columns: auto minmax(7rem,1fr) minmax(7rem,1fr) auto auto; align-items: center; gap: .8rem 1.4rem; margin-top: 1.2rem; padding: .75rem 1rem; border: 1px solid rgba(148,190,220,.14); border-radius: .75rem; background: rgba(8,18,30,.72); backdrop-filter: blur(4px); }
body.styl-lkh .ddos-schemat--zywy .ddos-panel { display: grid; }
body.styl-lkh .ddos-stan { display: flex; align-items: center; gap: .5rem; margin: 0; min-width: 15.5rem; color: #dce8f1; font-size: .78rem; font-weight: 700; }
body.styl-lkh .ddos-stan-kropka { flex: none; color: #3ee6c4; width: .6rem; height: .6rem; border-radius: 50%; background: #3ee6c4; box-shadow: 0 0 0 0 rgba(62,230,196,.6); animation: ddos-puls 1.8s ease-out infinite; }
body.styl-lkh .ddos-schemat--atak .ddos-stan { color: #fecdd3; }
body.styl-lkh .ddos-schemat--atak .ddos-stan-kropka { color: #fb7185; background: #fb7185; animation-duration: .6s; box-shadow: 0 0 0 0 rgba(251,113,133,.7); }
@keyframes ddos-puls { 0% { box-shadow: 0 0 0 0 currentColor; opacity: 1; } 70% { box-shadow: 0 0 0 .5rem rgba(0,0,0,0); } 100% { box-shadow: 0 0 0 0 rgba(0,0,0,0); } }
body.styl-lkh .ddos-miernik { display: grid; gap: .3rem; color: #9db0c2; font-size: .68rem; }
body.styl-lkh .ddos-miernik b { color: #3ee6c4; font-weight: 700; }
body.styl-lkh .ddos-miernik i { --poziom: 6%; position: relative; display: block; height: .4rem; border-radius: 999px; background: rgba(148,190,220,.14); overflow: hidden; }
body.styl-lkh .ddos-miernik i::after { content: ''; position: absolute; inset: 0 auto 0 0; width: var(--poziom); border-radius: inherit; transition: width .15s linear; }
body.styl-lkh .ddos-miernik-atak i::after { background: linear-gradient(90deg,#fbbf24,#fb7185); box-shadow: 0 0 10px rgba(251,113,133,.7); }
body.styl-lkh .ddos-miernik-lacze i::after { background: linear-gradient(90deg,#38bdf8,#3ee6c4); box-shadow: 0 0 10px rgba(62,230,196,.6); }
body.styl-lkh .ddos-licznik { display: grid; margin: 0; text-align: right; line-height: 1.1; }
body.styl-lkh .ddos-licznik b { color: #fff; font-family: 'Space Grotesk', sans-serif; font-size: 1.25rem; font-variant-numeric: tabular-nums; letter-spacing: -.02em; }
body.styl-lkh .ddos-licznik span { color: #9db0c2; font-size: .66rem; }
body.styl-lkh .ddos-symuluj { display: inline-flex; align-items: center; gap: .45rem; padding: .6rem 1rem; border: 1px solid rgba(251,113,133,.55); border-radius: 999px; background: linear-gradient(135deg, rgba(251,113,133,.22), rgba(251,113,133,.08)); color: #ffe4e6; font: inherit; font-size: .8rem; font-weight: 700; white-space: nowrap; cursor: pointer; transition: background .2s, transform .15s, box-shadow .2s; }
body.styl-lkh .ddos-symuluj:hover { background: linear-gradient(135deg, rgba(251,113,133,.4), rgba(251,113,133,.15)); box-shadow: 0 0 22px -4px rgba(251,113,133,.8); }
body.styl-lkh .ddos-symuluj:active { transform: scale(.96); }
body.styl-lkh .ddos-symuluj:focus-visible { outline: 3px solid #fb7185; outline-offset: 3px; }
body.styl-lkh .ddos-symuluj--klik i { animation: ddos-blysk .5s ease-out; }
@keyframes ddos-blysk { 0% { transform: scale(1); } 40% { transform: scale(1.6) rotate(-12deg); color: #fde68a; } 100% { transform: scale(1); } }
body.styl-lkh .ddos-podpis-symulacja { display: none; opacity: .75; }
body.styl-lkh .ddos-schemat--zywy .ddos-podpis-symulacja { display: inline; }
@media (max-width: 1100px) {
    body.styl-lkh .ddos-panel { grid-template-columns: minmax(0,1fr) minmax(0,1fr); }
    body.styl-lkh .ddos-stan { grid-column: 1 / -1; min-width: 0; }
    body.styl-lkh .ddos-licznik { text-align: left; }
    body.styl-lkh .ddos-symuluj { justify-self: end; }
}
@media (max-width: 480px) {
    body.styl-lkh .ddos-panel { grid-template-columns: minmax(0,1fr); }
    body.styl-lkh .ddos-symuluj { justify-self: stretch; justify-content: center; }
}
body.styl-lkh .opieka-it-dodatki a { color:var(--lkh-akcent); font-weight:600; text-underline-offset:.2em; }