/* LKH Secure – strona sprzedażowa (cyberbezpieczenstwo). Ciemne pasma niezależne od motywu, reszta z tokenów --lkh-*. */
body.styl-lkh:is([data-current-page="cyberbezpieczenstwo"], [data-current-page="lkh-secure-dom"], [data-current-page="internet-firmy"], [data-current-page="zdalna-pomoc"], [data-current-page="cyberzagrozenia"]) {
    --cs-noc:#09151a; --cs-noc-2:#0f2027; --cs-noc-3:#142b33;
    --cs-turkus:#3ee6c4; --cs-cyjan:#2dd4bf; --cs-fiolet:#a78bfa; --cs-czerwony:#fb7185; --cs-zolty:#fbbf24;
    --cs-tekst-noc:#e8f3f2; --cs-opis-noc:#a3bbc0; --cs-linia-noc:rgba(148,210,205,.18);
    --cs-gradient:linear-gradient(100deg,#3ee6c4 0%,#38bdf8 55%,#a78bfa 100%);
}
body.styl-lkh .cs-gradient { background:var(--cs-gradient); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; color:transparent; }

/* ---------- Przyciski ---------- */
body.styl-lkh .cs-btn { display:inline-flex; align-items:center; gap:.6rem; min-height:3.25rem; padding:.85rem 1.6rem; border-radius:8px; font-weight:700; font-size:1rem; text-decoration:none; transition:transform .2s, box-shadow .25s, background .2s; }
body.styl-lkh .cs-btn-glowny { color:#03221d !important; background:var(--cs-gradient); background-size:160% 100%; box-shadow:0 10px 30px -8px rgba(62,230,196,.55); }
body.styl-lkh .cs-btn-glowny:hover { transform:translateY(-2px); background-position:100% 0; box-shadow:0 16px 40px -10px rgba(56,189,248,.7); }
body.styl-lkh .cs-btn-drugi { color:var(--cs-tekst-noc) !important; border:1px solid rgba(255,255,255,.22); background:rgba(255,255,255,.04); backdrop-filter:blur(6px); }
body.styl-lkh .cs-btn-drugi:hover { border-color:var(--cs-turkus); background:rgba(62,230,196,.08); transform:translateY(-2px); }
body.styl-lkh .cs-btn:focus-visible, body.styl-lkh .cs-link:focus-visible, body.styl-lkh .cs-skroty a:focus-visible { outline:3px solid var(--cs-cyjan); outline-offset:3px; }

/* ---------- Tło: siatka + poświaty ---------- */
body.styl-lkh .cs-hero-tlo { position:absolute; inset:0; z-index:-1; overflow:hidden; pointer-events:none; }
body.styl-lkh .cs-siatka { position:absolute; inset:-2px; background-image:linear-gradient(rgba(120,200,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(120,200,255,.07) 1px,transparent 1px); background-size:56px 56px; mask-image:radial-gradient(ellipse 80% 70% at 60% 40%,#000 30%,transparent 80%); -webkit-mask-image:radial-gradient(ellipse 80% 70% at 60% 40%,#000 30%,transparent 80%); }
body.styl-lkh .cs-poswiata { position:absolute; border-radius:50%; filter:blur(90px); opacity:.55; }
body.styl-lkh .cs-poswiata-1 { width:42rem; height:42rem; right:-8rem; top:-12rem; background:radial-gradient(circle,rgba(62,230,196,.55),transparent 65%); }
body.styl-lkh .cs-poswiata-2 { width:36rem; height:36rem; left:-14rem; bottom:-16rem; background:radial-gradient(circle,rgba(167,139,250,.45),transparent 65%); }

/* ---------- HERO ---------- */
body.styl-lkh .cs-hero { position:relative; isolation:isolate; overflow:hidden; color:var(--cs-tekst-noc); background:radial-gradient(ellipse at 70% 20%,#0f2a3d 0%,var(--cs-noc) 60%); padding:clamp(3rem,7vw,6rem) 0 0; }
body.styl-lkh .cs-hero-uklad { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr); gap:clamp(2rem,5vw,5rem); align-items:center; }
body.styl-lkh .cs-plakietka { display:inline-flex; align-items:center; gap:.6rem; margin:0 0 1.6rem; padding:.45rem 1rem .45rem .8rem; border:1px solid rgba(62,230,196,.35); border-radius:999px; background:rgba(62,230,196,.08); color:#bff7ea; font-size:.82rem; font-weight:600; }
body.styl-lkh .cs-kropka { width:.55rem; height:.55rem; border-radius:50%; background:var(--cs-turkus); box-shadow:0 0 0 0 rgba(62,230,196,.7); animation:cs-puls 2s infinite; }
body.styl-lkh .cs-hero h1 { margin:0 0 1.4rem; color:#fff; font-family:'Space Grotesk',sans-serif; font-size:clamp(2.6rem,5.6vw,5.2rem); font-weight:700; line-height:1.02; letter-spacing:-.045em; background:none; -webkit-text-fill-color:currentColor; }
body.styl-lkh .cs-hero h1 .cs-gradient { -webkit-text-fill-color:transparent; }
body.styl-lkh .cs-hero-wstep { max-width:36rem; margin:0 0 2rem; color:var(--cs-opis-noc); font-size:clamp(1rem,1.3vw,1.15rem); line-height:1.75; }
body.styl-lkh .cs-hero-akcje { display:flex; flex-wrap:wrap; gap:.9rem; }
body.styl-lkh .cs-hero-atuty { display:flex; flex-wrap:wrap; gap:.6rem 1.6rem; list-style:none; margin:2rem 0 0; padding:0; color:#c9d8e4; font-size:.88rem; }
body.styl-lkh .cs-hero-atuty li { display:flex; align-items:center; gap:.5rem; }
body.styl-lkh .cs-hero-atuty i { color:var(--cs-turkus); }

/* Wizual: radar, tarcza, telefon, chipy */
body.styl-lkh .cs-hero-wizual { position:relative; min-height:34rem; display:grid; place-items:center; }
body.styl-lkh .cs-radar { position:absolute; width:min(32rem,92%); aspect-ratio:1; border-radius:50%; }
body.styl-lkh .cs-radar > span { position:absolute; inset:0; border:1px solid rgba(62,230,196,.22); border-radius:50%; }
body.styl-lkh .cs-radar > span:nth-child(2) { inset:16%; border-color:rgba(56,189,248,.22); }
body.styl-lkh .cs-radar > span:nth-child(3) { inset:32%; border-color:rgba(167,139,250,.25); }
body.styl-lkh .cs-radar-wiazka { position:absolute; inset:0; border-radius:50%; background:conic-gradient(from 0deg,rgba(62,230,196,.32),rgba(62,230,196,0) 22%,transparent 100%); animation:cs-obrot 6s linear infinite; mask-image:radial-gradient(circle,#000 0 70%,transparent 71%); -webkit-mask-image:radial-gradient(circle,#000 0 70%,transparent 71%); }
body.styl-lkh .cs-tarcza { position:absolute; top:6%; left:8%; width:4.2rem; height:4.2rem; display:grid; place-items:center; border-radius:1.2rem; color:#03221d; font-size:1.8rem; background:var(--cs-gradient); box-shadow:0 0 50px rgba(62,230,196,.55); animation:cs-unos 5s ease-in-out infinite; z-index:3; }
body.styl-lkh .cs-telefon { position:relative; z-index:2; width:16.5rem; padding:.7rem; border-radius:2.4rem; background:linear-gradient(160deg,#1d3449,#0b1724); border:1px solid rgba(255,255,255,.12); box-shadow:0 40px 80px -20px rgba(0,0,0,.7),0 0 0 1px rgba(62,230,196,.08),0 0 80px -10px rgba(56,189,248,.35); transform:rotate(-4deg); animation:cs-unos-telefon 7s ease-in-out infinite; }
body.styl-lkh .cs-telefon-ekran { overflow:hidden; border-radius:1.8rem; background:#f6f8fb; color:#0f1d2b; min-height:25rem; display:flex; flex-direction:column; }
body.styl-lkh .cs-telefon-pasek { display:flex; justify-content:space-between; padding:.7rem 1.1rem .3rem; font-size:.7rem; font-weight:700; color:#33475a; }
body.styl-lkh .cs-telefon-adres { margin:.3rem .8rem; padding:.5rem .8rem; border-radius:.7rem; background:#e5eaf0; color:#b42335; font-size:.72rem; font-weight:600; text-decoration:line-through; text-decoration-color:rgba(180,35,53,.5); }
body.styl-lkh .cs-telefon-adres i { margin-right:.3rem; }
body.styl-lkh .cs-blokada { flex:1; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:.7rem; padding:1.2rem 1.3rem 1.6rem; text-align:center; background:radial-gradient(circle at 50% 30%,rgba(62,230,196,.18),transparent 60%); }
body.styl-lkh .cs-blokada-ikona { position:relative; width:4.6rem; height:4.6rem; display:grid; place-items:center; border-radius:50%; color:#fff; font-size:2rem; background:linear-gradient(140deg,#0fb39a,#0e7ad1); box-shadow:0 12px 30px -8px rgba(14,122,209,.6); }
body.styl-lkh .cs-blokada-ikona::after { content:''; position:absolute; inset:-8px; border-radius:50%; border:2px solid rgba(15,179,154,.45); animation:cs-fala 2.2s ease-out infinite; }
body.styl-lkh .cs-blokada strong { font-size:1.15rem; line-height:1.25; color:#0b1b2a; }
body.styl-lkh .cs-blokada p { margin:0; color:#4a5d70; font-size:.78rem; line-height:1.5; }
body.styl-lkh .cs-blokada-znacznik { padding:.3rem .7rem; border-radius:999px; background:#0b1b2a; color:#7ff0d8; font-size:.68rem; font-weight:700; letter-spacing:.03em; }
body.styl-lkh .cs-chip { position:absolute; z-index:3; display:flex; align-items:center; gap:.7rem; padding:.7rem 1rem .7rem .75rem; border-radius:1rem; border:1px solid var(--cs-linia-noc); background:rgba(10,23,38,.78); backdrop-filter:blur(10px); box-shadow:0 18px 40px -16px rgba(0,0,0,.6); font-size:.78rem; }
body.styl-lkh .cs-chip i { width:2.1rem; height:2.1rem; display:grid; place-items:center; border-radius:.65rem; font-size:.9rem; }
body.styl-lkh .cs-chip span { display:flex; flex-direction:column; line-height:1.3; }
body.styl-lkh .cs-chip b { color:#fff; font-weight:700; }
body.styl-lkh .cs-chip small { color:var(--cs-opis-noc); font-size:.7rem; }
body.styl-lkh .cs-chip-1 { right:0; top:14%; animation:cs-unos 6s ease-in-out infinite .4s; }
body.styl-lkh .cs-chip-1 i { color:var(--cs-czerwony); background:rgba(251,113,133,.14); }
body.styl-lkh .cs-chip-2 { left:-2%; bottom:22%; animation:cs-unos 6.5s ease-in-out infinite 1.2s; }
body.styl-lkh .cs-chip-2 i { color:var(--cs-zolty); background:rgba(251,191,36,.14); }
body.styl-lkh .cs-chip-3 { right:4%; bottom:6%; animation:cs-unos 7s ease-in-out infinite .8s; }
body.styl-lkh .cs-chip-3 i { color:var(--cs-turkus); background:rgba(62,230,196,.14); }

/* Liczby pod banerem */
body.styl-lkh .cs-liczby { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); margin-top:clamp(2.5rem,5vw,4rem); border-top:1px solid var(--cs-linia-noc); }
body.styl-lkh .cs-liczby > div { padding:1.8rem 1.5rem 2.2rem; border-left:1px solid var(--cs-linia-noc); }
body.styl-lkh .cs-liczby > div:first-child { border-left:0; padding-left:0; }
body.styl-lkh .cs-liczby strong { display:block; margin-bottom:.4rem; font-family:'Space Grotesk',sans-serif; font-size:clamp(1.9rem,3vw,2.7rem); font-weight:700; line-height:1; letter-spacing:-.03em; background:var(--cs-gradient); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
body.styl-lkh .cs-liczby span { color:var(--cs-opis-noc); font-size:.85rem; line-height:1.55; }

/* ---------- Skróty ---------- */
body.styl-lkh .cs-skroty { position:sticky; top:73px; z-index:30; border-bottom:1px solid var(--lkh-linia); background:color-mix(in srgb,var(--lkh-powierzchnia) 88%,transparent); backdrop-filter:blur(12px); }
body.styl-lkh .cs-skroty .container { display:flex; gap:.4rem; overflow-x:auto; padding-block:.6rem; scrollbar-width:none; }
body.styl-lkh .cs-skroty .container::-webkit-scrollbar { display:none; }
body.styl-lkh .cs-skroty a { flex-shrink:0; padding:.45rem .95rem; border-radius:999px; color:var(--lkh-opis); font-size:.85rem; font-weight:600; text-decoration:none; transition:background .2s,color .2s; }
body.styl-lkh .cs-skroty a:hover, body.styl-lkh .cs-skroty a.cs-aktywny { color:var(--lkh-akcent); background:color-mix(in srgb,var(--lkh-akcent) 12%,transparent); }

/* ---------- Sekcje ---------- */
body.styl-lkh .cs-sekcja { position:relative; padding-block:clamp(4rem,8vw,7rem); scroll-margin-top:8rem; }
body.styl-lkh .cs-ciemna { isolation:isolate; overflow:hidden; color:var(--cs-tekst-noc); background:linear-gradient(180deg,var(--cs-noc) 0%,var(--cs-noc-2) 100%); }
body.styl-lkh .cs-nadtytul { margin:0 0 1rem; color:var(--lkh-akcent); font-size:.78rem; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }
body.styl-lkh :is(.cs-ciemna,.cs-hero,.cs-ai,.cs-final) .cs-nadtytul { color:var(--cs-turkus); }
body.styl-lkh .cs-naglowek { max-width:46rem; margin-bottom:clamp(2.5rem,5vw,4rem); }
body.styl-lkh .cs-naglowek.cs-wysrodkowany { margin-inline:auto; text-align:center; }
body.styl-lkh .cs-naglowek h2, body.styl-lkh .cs-ai h2, body.styl-lkh .cs-dom h2, body.styl-lkh .cs-final h2 { margin:0 0 1.2rem; color:var(--lkh-tekst); font-family:'Space Grotesk',sans-serif; font-size:clamp(2rem,4vw,3.3rem); font-weight:700; line-height:1.08; letter-spacing:-.04em; }
body.styl-lkh :is(.cs-ciemna,.cs-ai,.cs-final) h2 { color:#fff; }
body.styl-lkh .cs-naglowek > p:not(.cs-nadtytul) { margin:0; color:var(--lkh-opis); font-size:1.05rem; line-height:1.75; }
body.styl-lkh .cs-ciemna .cs-naglowek > p:not(.cs-nadtytul) { color:var(--cs-opis-noc); }

/* Jak to działa – przepływ */
body.styl-lkh .cs-przeplyw { position:relative; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:3rem; list-style:none; margin:0; padding:0; counter-reset:none; }
body.styl-lkh .cs-przeplyw li { position:relative; padding:2rem 1.6rem 1.8rem; border:1px solid var(--cs-linia-noc); border-radius:1rem; background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.015)); overflow:hidden; }
body.styl-lkh .cs-krok-ikona { position:relative; z-index:1; width:3.4rem; height:3.4rem; display:grid; place-items:center; margin-bottom:1.3rem; border-radius:1rem; font-size:1.35rem; color:var(--cs-czerwony); background:#1a1222; border:1px solid rgba(251,113,133,.35); box-shadow:0 0 30px -6px rgba(251,113,133,.45); }
body.styl-lkh .cs-krok-lkh .cs-krok-ikona { color:var(--cs-cyjan); background:#0c1d2e; border-color:rgba(56,189,248,.4); box-shadow:0 0 30px -6px rgba(56,189,248,.6); }
body.styl-lkh .cs-krok-ok .cs-krok-ikona { color:var(--cs-turkus); background:#0b2220; border-color:rgba(62,230,196,.4); box-shadow:0 0 30px -6px rgba(62,230,196,.6); }
body.styl-lkh .cs-krok-nr { position:absolute; top:1.3rem; right:1.5rem; color:rgba(255,255,255,.12); font-family:'Space Grotesk',sans-serif; font-size:2.6rem; font-weight:700; }
body.styl-lkh .cs-przeplyw h3 { margin:0 0 .6rem; color:#fff; font-size:1.2rem; }
body.styl-lkh .cs-przeplyw p { margin:0; color:var(--cs-opis-noc); font-size:.95rem; line-height:1.65; }
body.styl-lkh .cs-sms { padding:.8rem 1rem; border-radius:1rem 1rem 1rem .3rem; background:#1f2b3a; color:#dbe6f0 !important; font-size:.9rem !important; }
body.styl-lkh .cs-sms u { color:#ff9aa9; }
body.styl-lkh .cs-skan { position:absolute; left:0; right:0; top:0; height:40%; background:linear-gradient(180deg,transparent,rgba(56,189,248,.14),transparent); animation:cs-skan 2.8s ease-in-out infinite; pointer-events:none; }
body.styl-lkh .cs-krok-ok { border-color:rgba(62,230,196,.35) !important; box-shadow:0 0 60px -20px rgba(62,230,196,.5); }
body.styl-lkh .cs-przeplyw-uwaga { display:flex; align-items:flex-start; gap:.7rem; max-width:52rem; margin:2rem auto 0; padding:1rem 1.2rem; border:1px solid var(--cs-linia-noc); border-radius:1rem; background:rgba(255,255,255,.03); color:var(--cs-opis-noc); font-size:.9rem; line-height:1.6; }
body.styl-lkh .cs-przeplyw-uwaga i { padding-top:.2em; color:var(--cs-turkus); }
/* 12.11.2026: „Jak to działa” – animowana scena (JS dodaje .cs-gra, gdy sekcja jest widoczna). Bez JS/z reduced-motion widać stan końcowy. */
body.styl-lkh .cs-przeplyw-scena { position:relative; }
body.styl-lkh .cs-przeplyw li::after { content:''; position:absolute; inset:0; border-radius:inherit; pointer-events:none; opacity:0; border:1px solid rgba(251,113,133,.6); box-shadow:inset 0 0 40px -10px rgba(251,113,133,.35), 0 0 50px -15px rgba(251,113,133,.6); }
body.styl-lkh .cs-przeplyw .cs-krok-lkh::after { border-color:rgba(56,189,248,.7); box-shadow:inset 0 0 40px -10px rgba(56,189,248,.35), 0 0 50px -15px rgba(56,189,248,.7); }
body.styl-lkh .cs-przeplyw .cs-krok-ok::after { border-color:rgba(62,230,196,.75); box-shadow:inset 0 0 40px -10px rgba(62,230,196,.35), 0 0 60px -12px rgba(62,230,196,.7); }
body.styl-lkh .cs-krok-ikona i { position:relative; z-index:1; }
body.styl-lkh .cs-krok-ping { position:absolute; inset:-1px; border-radius:inherit; border:2px solid var(--cs-czerwony); opacity:0; }
body.styl-lkh .cs-sms { position:relative; }
body.styl-lkh .cs-sms-link { position:relative; border-radius:.3rem; padding:0 .1rem; }
body.styl-lkh .cs-klik { position:absolute; left:70%; top:50%; width:1.6rem; height:1.6rem; margin:-.8rem 0 0 -.8rem; border-radius:50%; background:rgba(255,154,169,.55); opacity:0; pointer-events:none; }
body.styl-lkh .cs-kursor { position:absolute; left:70%; top:55%; color:#fff; font-size:1.05rem; filter:drop-shadow(0 2px 4px rgba(0,0,0,.6)); opacity:0; pointer-events:none; }
body.styl-lkh .cs-sprawdz { position:relative; display:grid; gap:.45rem; margin-top:1rem; padding:.85rem .9rem .9rem; border-radius:.9rem; background:rgba(5,13,23,.55); border:1px solid rgba(56,189,248,.18); font-size:.82rem; overflow:hidden; }
body.styl-lkh .cs-sprawdz-pasek { position:absolute; left:0; top:0; height:2px; width:100%; background:linear-gradient(90deg,var(--cs-cyjan),var(--cs-czerwony)); transform-origin:left; }
body.styl-lkh .cs-sprawdz-wiersz { display:flex; align-items:center; gap:.55rem; color:#cfe0ec; font-family:'Space Grotesk',sans-serif; }
body.styl-lkh .cs-sprawdz-wiersz i { width:1rem; text-align:center; color:var(--cs-cyjan); }
body.styl-lkh .cs-sprawdz-w2, body.styl-lkh .cs-sprawdz-w2 i { color:#ff9aa9; }
body.styl-lkh .cs-sprawdz-pieczatka { justify-self:start; display:inline-flex; align-items:center; gap:.45rem; margin-top:.2rem; padding:.3rem .7rem; border-radius:.5rem; border:1.5px solid var(--cs-czerwony); color:#fff; background:rgba(251,113,133,.18); font-weight:700; letter-spacing:.04em; text-transform:uppercase; font-size:.74rem; box-shadow:0 0 24px -6px rgba(251,113,133,.7); transform:rotate(-3deg); }
body.styl-lkh .cs-iskry { position:absolute; left:50%; top:50%; width:0; height:0; }
body.styl-lkh .cs-iskry i { position:absolute; left:-3px; top:-3px; width:6px; height:6px; border-radius:50%; background:var(--cs-turkus); box-shadow:0 0 10px var(--cs-turkus); opacity:0; }
body.styl-lkh .cs-iskry i:nth-child(1) { --x:0px; --y:-34px; } body.styl-lkh .cs-iskry i:nth-child(2) { --x:30px; --y:-17px; } body.styl-lkh .cs-iskry i:nth-child(3) { --x:30px; --y:17px; }
body.styl-lkh .cs-iskry i:nth-child(4) { --x:0px; --y:34px; background:var(--cs-cyjan); } body.styl-lkh .cs-iskry i:nth-child(5) { --x:-30px; --y:17px; background:var(--cs-zolty); } body.styl-lkh .cs-iskry i:nth-child(6) { --x:-30px; --y:-17px; background:var(--cs-cyjan); }
body.styl-lkh .cs-saldo { display:flex; align-items:center; flex-wrap:wrap; gap:.35rem .7rem; margin-top:1rem; padding:.75rem .9rem; border-radius:.9rem; background:rgba(62,230,196,.07); border:1px solid rgba(62,230,196,.22); font-size:.84rem; color:var(--cs-opis-noc); }
body.styl-lkh .cs-saldo b { color:#fff; font-family:'Space Grotesk',sans-serif; font-size:1.05rem; }
body.styl-lkh .cs-saldo em { display:inline-flex; align-items:center; gap:.35rem; margin-left:auto; font-style:normal; color:var(--cs-turkus); font-weight:600; }
body.styl-lkh .cs-tor { position:absolute; top:3.7rem; width:3rem; height:2px; margin-top:-1px; background:linear-gradient(90deg,rgba(251,113,133,.5),rgba(56,189,248,.5)); }
body.styl-lkh .cs-tor-1 { left:calc((100% - 6rem) / 3); }
body.styl-lkh .cs-tor-2 { left:calc((100% - 6rem) * 2 / 3 + 3rem); background:linear-gradient(90deg,rgba(56,189,248,.5),rgba(62,230,196,.5)); }
body.styl-lkh .cs-tor i { position:absolute; top:50%; left:0; width:12px; height:12px; margin:-6px 0 0 -6px; border-radius:50%; background:var(--cs-czerwony); box-shadow:0 0 14px 3px rgba(251,113,133,.8), -14px 0 12px -2px rgba(251,113,133,.45); opacity:0; }
body.styl-lkh .cs-tor-2 i { background:var(--cs-turkus); box-shadow:0 0 14px 3px rgba(62,230,196,.8), -14px 0 12px -2px rgba(62,230,196,.45); }
/* Scena 3 kroków – spokojny, czytelny stan statyczny bez ciągłego migotania */
body.styl-lkh .cs-gra .cs-krok-mail::after,
body.styl-lkh .cs-gra .cs-krok-lkh::after,
body.styl-lkh .cs-gra .cs-krok-ok::after,
body.styl-lkh .cs-gra .cs-krok-ping,
body.styl-lkh .cs-gra .cs-kursor,
body.styl-lkh .cs-gra .cs-klik,
body.styl-lkh .cs-gra .cs-tor-1 i,
body.styl-lkh .cs-gra .cs-tor-2 i,
body.styl-lkh .cs-gra .cs-iskry i { animation:none; opacity:0; }
body.styl-lkh .cs-gra .cs-sms,
body.styl-lkh .cs-gra .cs-sprawdz-w1,
body.styl-lkh .cs-gra .cs-sprawdz-w2,
body.styl-lkh .cs-gra .cs-saldo { animation:none; opacity:1; transform:none; }
body.styl-lkh .cs-gra .cs-sprawdz-pieczatka { animation:none; opacity:1; transform:rotate(-3deg); }
body.styl-lkh .cs-gra .cs-sprawdz-pasek { animation:none; transform:scaleX(1); }
body.styl-lkh .cs-gra .cs-sms-link,
body.styl-lkh .cs-gra .cs-krok-lkh .cs-krok-ikona,
body.styl-lkh .cs-gra .cs-krok-ok .cs-krok-ikona { animation:none; }
@keyframes cs-g1 { 0% { opacity:0; } 3%, 24% { opacity:1; } 30%, 100% { opacity:0; } }
@keyframes cs-g2 { 0%, 26% { opacity:0; } 31%, 57% { opacity:1; } 63%, 100% { opacity:0; } }
@keyframes cs-g3 { 0%, 62% { opacity:0; } 67%, 95% { opacity:1; } 100% { opacity:0; } }
@keyframes cs-ping { 0%, 2% { opacity:0; transform:scale(1); } 3% { opacity:.9; transform:scale(1); } 11% { opacity:0; transform:scale(1.6); } 100% { opacity:0; } }
@keyframes cs-dymek { 0%, 2% { opacity:0; transform:translateY(10px) scale(.95); } 7%, 100% { opacity:1; transform:none; } }
@keyframes cs-kursor { 0%, 8% { opacity:0; transform:translate(46px, 34px); } 10% { opacity:1; transform:translate(46px, 34px); } 16% { opacity:1; transform:translate(0, 0) scale(1); } 18% { transform:translate(0, 0) scale(.78); } 20% { transform:translate(0, 0) scale(1); opacity:1; } 27%, 100% { opacity:0; transform:translate(0, 0); } }
@keyframes cs-klik { 0%, 17% { opacity:0; transform:scale(.2); } 18% { opacity:.9; transform:scale(.3); } 26%, 100% { opacity:0; transform:scale(2.6); } }
@keyframes cs-link { 0%, 17% { background:transparent; } 19%, 26% { background:rgba(251,113,133,.28); } 32%, 100% { background:transparent; } }
@keyframes cs-tor1 { 0%, 22% { opacity:0; left:0; } 23% { opacity:1; left:0; } 30% { opacity:1; left:100%; } 31%, 100% { opacity:0; left:100%; } }
@keyframes cs-tor2 { 0%, 58% { opacity:0; left:0; } 59% { opacity:1; left:0; } 65% { opacity:1; left:100%; } 66%, 100% { opacity:0; left:100%; } }
@keyframes cs-pasek { 0%, 30% { transform:scaleX(0); } 42%, 100% { transform:scaleX(1); } }
@keyframes cs-w1 { 0%, 32% { opacity:0; transform:translateX(-8px); } 35%, 100% { opacity:1; transform:none; } }
@keyframes cs-w2 { 0%, 38% { opacity:0; transform:translateX(-8px); } 41%, 100% { opacity:1; transform:none; } }
@keyframes cs-pieczatka { 0%, 44% { opacity:0; transform:scale(1.8) rotate(-8deg); } 47% { opacity:1; transform:scale(.94) rotate(-3deg); } 49%, 100% { opacity:1; transform:scale(1) rotate(-3deg); } }
@keyframes cs-tarcza-stop { 0%, 44% { color:var(--cs-cyjan); transform:none; } 45% { color:var(--cs-czerwony); border-color:rgba(251,113,133,.6); box-shadow:0 0 40px -4px rgba(251,113,133,.8); transform:translateX(-4px); } 47% { transform:translateX(4px); } 49% { transform:translateX(-3px); } 51% { transform:none; } 56% { color:var(--cs-czerwony); border-color:rgba(251,113,133,.6); box-shadow:0 0 40px -4px rgba(251,113,133,.8); } 62%, 100% { color:var(--cs-cyjan); } }
@keyframes cs-ok-pop { 0%, 65% { transform:scale(1); } 68% { transform:scale(1.28); box-shadow:0 0 50px 0 rgba(62,230,196,.8); } 72%, 100% { transform:scale(1); } }
@keyframes cs-iskra { 0%, 66% { opacity:0; transform:translate(0, 0) scale(.5); } 67% { opacity:1; transform:translate(0, 0) scale(1); } 76%, 100% { opacity:0; transform:translate(var(--x), var(--y)) scale(.3); } }
@keyframes cs-saldo { 0%, 69% { opacity:0; transform:translateY(8px); } 74%, 100% { opacity:1; transform:none; } }
@media (max-width:900px) { body.styl-lkh .cs-przeplyw { gap:1.5rem; } body.styl-lkh .cs-tor { display:none; } }

/* Karty zagrożeń */
body.styl-lkh .cs-karty { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1.25rem; }
body.styl-lkh .cs-karta, body.styl-lkh .cs-warstwy-siatka article { position:relative; display:flex; flex-direction:column; padding:1.8rem 1.6rem; border:1px solid var(--lkh-linia); border-radius:1rem; background:var(--lkh-powierzchnia); transition:transform .3s, box-shadow .3s, border-color .3s; }
body.styl-lkh .cs-karta:hover, body.styl-lkh .cs-warstwy-siatka article:hover { transform:translateY(-6px); border-color:color-mix(in srgb,var(--lkh-akcent) 45%,var(--lkh-linia)); box-shadow:0 30px 60px -30px color-mix(in srgb,var(--lkh-akcent) 55%,transparent); }
body.styl-lkh .cs-karta-ikona { width:3.2rem; height:3.2rem; display:grid; place-items:center; margin-bottom:1.3rem; border-radius:1rem; font-size:1.3rem; }
body.styl-lkh .cs-ikona-czerwona { color:#e11d48; background:rgba(225,29,72,.1); }
body.styl-lkh .cs-ikona-fiolet { color:#7c3aed; background:rgba(124,58,237,.1); }
body.styl-lkh .cs-ikona-zolta { color:#d97706; background:rgba(217,119,6,.12); }
body.styl-lkh .cs-ikona-niebieska { color:#0284c7; background:rgba(2,132,199,.1); }
body.styl-lkh.dark-mode .cs-ikona-czerwona { color:#fb7185; } body.styl-lkh.dark-mode .cs-ikona-fiolet { color:#c4b5fd; } body.styl-lkh.dark-mode .cs-ikona-zolta { color:#fcd34d; } body.styl-lkh.dark-mode .cs-ikona-niebieska { color:#7dd3fc; }
body.styl-lkh .cs-karta h3, body.styl-lkh .cs-warstwy-siatka h3, body.styl-lkh .cs-powody h3 { margin:0 0 .6rem; color:var(--lkh-tekst); font-size:1.15rem; line-height:1.35; }
body.styl-lkh .cs-karta p, body.styl-lkh .cs-warstwy-siatka p, body.styl-lkh .cs-powody p { margin:0 0 1.2rem; color:var(--lkh-opis); font-size:.93rem; line-height:1.7; }
body.styl-lkh .cs-karta .cs-karta-wynik { display:flex; gap:.55rem; margin:auto 0 0; padding-top:1rem; border-top:1px dashed var(--lkh-linia); color:var(--lkh-akcent); font-size:.85rem; font-weight:700; line-height:1.5; }
body.styl-lkh .cs-karta-wynik i { padding-top:.2em; }

/* Bazy zagrożeń */
body.styl-lkh .cs-bazy-lista { display:grid; gap:.6rem; }
body.styl-lkh .cs-bazy-wiersz { display:grid; grid-template-columns:minmax(0,1.3fr) minmax(0,.9fr) minmax(0,1fr); align-items:center; gap:1.5rem; padding:1rem 1.4rem; border:1px solid var(--cs-linia-noc); border-radius:1.1rem; background:rgba(255,255,255,.03); transition:border-color .3s, background .3s; }
body.styl-lkh .cs-bazy-wiersz:not(.cs-bazy-naglowek):hover { border-color:rgba(62,230,196,.4); background:rgba(62,230,196,.05); }
body.styl-lkh .cs-bazy-naglowek { padding-block:.4rem; border:0; background:none; color:var(--cs-opis-noc); font-size:.75rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; }
body.styl-lkh .cs-bazy-naglowek span:last-child { text-align:right; }
body.styl-lkh .cs-bazy-zakres { display:flex; align-items:center; gap:1rem; }
body.styl-lkh .cs-bazy-zakres .cs-karta-ikona { flex-shrink:0; margin:0; width:2.6rem; height:2.6rem; font-size:1rem; }
body.styl-lkh .cs-bazy-zakres b { color:#fff; font-size:.98rem; line-height:1.35; }
body.styl-lkh .cs-bazy-pakiety { color:#cfe0ec; font-size:.9rem; }
body.styl-lkh .cs-bazy-liczba { display:flex; flex-direction:column; align-items:flex-end; gap:.45rem; }
body.styl-lkh .cs-bazy-liczba b { color:#fff; font-family:'Space Grotesk',sans-serif; font-size:1.35rem; letter-spacing:-.02em; }
body.styl-lkh .cs-bazy-pasek { position:relative; display:block; width:100%; max-width:14rem; height:.4rem; border-radius:999px; background:rgba(255,255,255,.08); overflow:hidden; }
body.styl-lkh .cs-bazy-pasek::after { content:''; position:absolute; inset:0 auto 0 0; width:var(--cs-szer); border-radius:inherit; background:var(--cs-gradient); transform-origin:left; transition:transform 1.2s cubic-bezier(.2,.7,.2,1) .2s; }
body.styl-lkh.cs-js .cs-pokaz:not(.cs-widoczny) .cs-bazy-pasek::after { transform:scaleX(0); }
body.styl-lkh .cs-ikona-czerwona, body.styl-lkh .cs-ikona-fiolet, body.styl-lkh .cs-ikona-zolta, body.styl-lkh .cs-ikona-niebieska { font-style:normal; }
body.styl-lkh .cs-bazy .cs-ikona-czerwona { color:#fb7185; } body.styl-lkh .cs-bazy .cs-ikona-fiolet { color:#c4b5fd; } body.styl-lkh .cs-bazy .cs-ikona-zolta { color:#fcd34d; } body.styl-lkh .cs-bazy .cs-ikona-niebieska { color:#7dd3fc; }
body.styl-lkh .cs-bazy-uwaga strong { color:#dce8f1; font-weight:600; }
body.styl-lkh .cs-bazy-uwaga { display:flex; align-items:flex-start; gap:.7rem; margin:1.8rem 0 0; color:var(--cs-opis-noc); font-size:.88rem; line-height:1.6; }
body.styl-lkh .cs-bazy-uwaga i { padding-top:.2em; color:var(--cs-turkus); }
@media (max-width:700px) {
    body.styl-lkh .cs-bazy-naglowek { display:none; }
    body.styl-lkh .cs-bazy-wiersz { grid-template-columns:minmax(0,1fr) auto; gap:.6rem 1rem; padding:1rem; }
    body.styl-lkh .cs-bazy-zakres { grid-column:1 / -1; }
    body.styl-lkh .cs-bazy-pakiety { font-size:.8rem; color:var(--cs-opis-noc); }
    body.styl-lkh .cs-bazy-liczba b { font-size:1.15rem; }
    body.styl-lkh .cs-bazy-pasek { display:none; }
}

/* AI */
body.styl-lkh .cs-ai { position:relative; isolation:isolate; overflow:hidden; padding-block:clamp(4rem,8vw,7rem); color:var(--cs-tekst-noc); background:radial-gradient(ellipse at 15% 50%,rgba(167,139,250,.28),transparent 55%),radial-gradient(ellipse at 90% 40%,rgba(56,189,248,.22),transparent 55%),var(--cs-noc); }
body.styl-lkh .cs-ai-uklad { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); gap:clamp(2rem,5vw,5rem); align-items:center; }
body.styl-lkh .cs-ai p:not(.cs-nadtytul) { margin:0 0 1.5rem; color:var(--cs-opis-noc); font-size:1.05rem; line-height:1.8; }
body.styl-lkh .cs-link { display:inline-flex; align-items:center; gap:.5rem; color:var(--lkh-akcent); font-weight:700; text-decoration:none; }
body.styl-lkh .cs-link i { transition:transform .2s; }
body.styl-lkh .cs-link:hover i { transform:translateX(4px); }
body.styl-lkh :is(.cs-ai,.cs-ciemna) .cs-link { color:var(--cs-turkus); }

/* Router / aplikacja */
body.styl-lkh .cs-dom::before { content:''; position:absolute; z-index:-1; right:-10rem; top:10%; width:40rem; height:40rem; border-radius:50%; background:radial-gradient(circle,rgba(62,230,196,.22),transparent 65%); filter:blur(40px); }
body.styl-lkh .cs-dom-uklad { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr); gap:clamp(2rem,6vw,6rem); align-items:center; }
body.styl-lkh .cs-dom-tresc > p:not(.cs-nadtytul) { margin:0 0 1.6rem; color:var(--cs-opis-noc); font-size:1.05rem; line-height:1.75; }
body.styl-lkh .cs-lista-ikon { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.9rem 1.5rem; list-style:none; margin:0 0 2rem; padding:0; }
body.styl-lkh .cs-lista-ikon li { display:flex; align-items:center; gap:.75rem; color:#dce8f1; font-size:.93rem; }
body.styl-lkh .cs-lista-ikon i { flex-shrink:0; width:2.2rem; height:2.2rem; display:grid; place-items:center; border-radius:.7rem; color:var(--cs-turkus); background:rgba(62,230,196,.1); }
body.styl-lkh .cs-cena-blok { display:flex; flex-wrap:wrap; align-items:center; gap:1rem 2rem; padding:1.5rem 1.6rem; border:1px solid rgba(62,230,196,.3); border-radius:1rem; background:rgba(62,230,196,.05); }
body.styl-lkh .cs-cena { display:flex; align-items:baseline; gap:.5rem; margin:0; }
body.styl-lkh .cs-cena strong { color:#fff; font-family:'Space Grotesk',sans-serif; font-size:3rem; line-height:1; letter-spacing:-.04em; }
body.styl-lkh .cs-cena span { color:var(--cs-opis-noc); font-size:.9rem; }
body.styl-lkh .cs-cena-opis { flex:1 1 14rem; margin:0; color:var(--cs-opis-noc); font-size:.85rem; line-height:1.6; }
body.styl-lkh .cs-aplikacja { justify-self:center; width:min(21rem,100%); padding:.75rem; border-radius:2.6rem; background:linear-gradient(160deg,#1d3449,#0b1724); border:1px solid rgba(255,255,255,.12); box-shadow:0 50px 90px -30px rgba(0,0,0,.8),0 0 90px -20px rgba(62,230,196,.4); }
body.styl-lkh .cs-aplikacja-ekran { display:grid; gap:.6rem; padding:1.3rem 1rem 1rem; border-radius:2rem; background:#0c1826; }
body.styl-lkh .cs-aplikacja-gora { display:flex; justify-content:space-between; align-items:center; margin-bottom:.4rem; color:#fff; font-weight:700; }
body.styl-lkh .cs-zielony { padding:.25rem .65rem; border-radius:999px; background:rgba(62,230,196,.14); color:var(--cs-turkus); font-size:.72rem; }
body.styl-lkh .cs-urzadzenie { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:.8rem; padding:.8rem .9rem; border-radius:1rem; background:#132438; }
body.styl-lkh .cs-urzadzenie > i:first-child { width:2.2rem; height:2.2rem; display:grid; place-items:center; border-radius:.7rem; color:#fda4af; background:rgba(251,113,133,.12); }
body.styl-lkh .cs-urzadzenie.cs-wlaczone > i:first-child { color:var(--cs-turkus); background:rgba(62,230,196,.12); }
body.styl-lkh .cs-urzadzenie span { display:flex; flex-direction:column; line-height:1.3; }
body.styl-lkh .cs-urzadzenie b { color:#fff; font-size:.85rem; }
body.styl-lkh .cs-urzadzenie small { color:var(--cs-opis-noc); font-size:.72rem; }
body.styl-lkh .cs-przelacznik { position:relative; width:2.6rem; height:1.5rem; border-radius:999px; background:#2b3c50; }
body.styl-lkh .cs-przelacznik::after { content:''; position:absolute; top:.2rem; left:.2rem; width:1.1rem; height:1.1rem; border-radius:50%; background:#8aa0b5; transition:transform .3s; }
body.styl-lkh .cs-wlaczone .cs-przelacznik { background:linear-gradient(90deg,#15b89c,#2aa5e0); }
body.styl-lkh .cs-wlaczone .cs-przelacznik::after { transform:translateX(1.1rem); background:#fff; }
body.styl-lkh .cs-aplikacja-stat { margin-top:.3rem; padding:1rem; border-radius:1rem; background:linear-gradient(120deg,rgba(62,230,196,.16),rgba(56,189,248,.12)); }
body.styl-lkh .cs-aplikacja-stat span { display:flex; align-items:center; gap:.8rem; color:#cfe0ec; font-size:.78rem; line-height:1.4; }
body.styl-lkh .cs-aplikacja-stat b { color:#fff; font-family:'Space Grotesk',sans-serif; font-size:2rem; }
body.styl-lkh .cs-aplikacja-podpis { margin:.2rem 0 0; color:#6c8196; font-size:.65rem; text-align:center; }

/* Powody */
body.styl-lkh .cs-powody { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1.25rem; }
body.styl-lkh .cs-powody article { padding:2rem 1.6rem; border-radius:1rem; background:var(--lkh-panel); border:1px solid transparent; transition:border-color .3s, transform .3s; }
body.styl-lkh .cs-powody article:hover { border-color:color-mix(in srgb,var(--lkh-akcent) 40%,transparent); transform:translateY(-4px); }
body.styl-lkh .cs-powody i { display:grid; place-items:center; width:3.2rem; height:3.2rem; margin-bottom:1.3rem; border-radius:1rem; color:var(--lkh-akcent); font-size:1.25rem; background:color-mix(in srgb,var(--lkh-akcent) 12%,transparent); border:1px solid color-mix(in srgb,var(--lkh-akcent) 28%,var(--lkh-linia)); box-shadow:none; }
body.styl-lkh .cs-powody p { margin:0; }

/* Do pobrania */
body.styl-lkh .cs-pobierz { background:var(--lkh-tlo); }
body.styl-lkh .cs-pobierz-siatka { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.5rem; }
body.styl-lkh .cs-pobierz-karta { position:relative; display:flex; flex-direction:column; padding:2rem; border-radius:1rem; color:var(--cs-tekst-noc); background:radial-gradient(ellipse at 100% 0%,rgba(62,230,196,.2),transparent 55%),linear-gradient(180deg,var(--cs-noc-2),var(--cs-noc)); border:1px solid var(--cs-linia-noc); box-shadow:0 30px 70px -40px rgba(5,13,23,.9); overflow:hidden; transition:transform .3s, box-shadow .3s; }
body.styl-lkh .cs-pobierz-karta:hover { transform:translateY(-5px); box-shadow:0 40px 80px -40px rgba(56,189,248,.55); }
body.styl-lkh .cs-pobierz-gora { display:flex; align-items:center; gap:1rem; margin-bottom:1.6rem; }
body.styl-lkh .cs-pobierz-gora img, body.styl-lkh .cs-pobierz-ikona { flex-shrink:0; width:4rem; height:4rem; border-radius:1.1rem; box-shadow:0 0 34px -6px rgba(62,230,196,.6); }
body.styl-lkh .cs-pobierz-ikona { display:grid; place-items:center; color:#03221d; font-size:1.7rem; background:var(--cs-gradient); }
body.styl-lkh .cs-pobierz-gora div { flex:1; }
body.styl-lkh .cs-pobierz-gora h3 { margin:0; color:#fff; font-family:'Space Grotesk',sans-serif; font-size:1.5rem; letter-spacing:-.02em; }
body.styl-lkh .cs-pobierz-gora p { margin:.15rem 0 0; color:var(--cs-opis-noc); font-size:.85rem; }
body.styl-lkh .cs-pobierz-cena { align-self:flex-start; padding:.3rem .75rem; border-radius:999px; background:rgba(62,230,196,.14); color:var(--cs-turkus); font-size:.75rem; font-weight:800; white-space:nowrap; }
body.styl-lkh .cs-pobierz-lista { grid-template-columns:minmax(0,1fr); margin-bottom:1.8rem; }
body.styl-lkh .cs-pobierz-przyciski { display:flex; flex-wrap:wrap; gap:.6rem; margin-top:auto; }
body.styl-lkh .cs-btn-sklep { min-height:2.9rem; padding:.7rem 1.2rem; font-size:.92rem; color:var(--cs-tekst-noc) !important; border:1px solid rgba(255,255,255,.2); background:rgba(255,255,255,.05); }
body.styl-lkh .cs-btn-sklep:hover { border-color:var(--cs-turkus); background:rgba(62,230,196,.1); transform:translateY(-2px); }
body.styl-lkh .cs-btn-sklep.cs-moja, body.styl-lkh .cs-pobierz-przyciski .cs-btn-sklep:only-child { color:#03221d !important; border-color:transparent; background:var(--cs-gradient); box-shadow:0 10px 30px -8px rgba(62,230,196,.55); }
body.styl-lkh .cs-pobierz-instrukcja { margin-top:1.2rem; padding-top:1rem; border-top:1px solid var(--cs-linia-noc); color:var(--cs-opis-noc); font-size:.88rem; }
body.styl-lkh .cs-pobierz-instrukcja summary { cursor:pointer; color:#dce8f1; font-weight:700; list-style:none; }
body.styl-lkh .cs-pobierz-instrukcja summary::-webkit-details-marker { display:none; }
body.styl-lkh .cs-pobierz-instrukcja ol { margin:.8rem 0 0; padding-left:1.2rem; line-height:1.7; }
@media (max-width:900px) { body.styl-lkh .cs-pobierz-siatka { grid-template-columns:minmax(0,1fr); } body.styl-lkh .cs-pobierz-karta { padding:1.5rem; } }

/* Warstwy (firmy) */
body.styl-lkh .cs-warstwy { background:var(--lkh-panel); }
body.styl-lkh .cs-warstwy-siatka { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.25rem; }
body.styl-lkh .cs-warstwy-siatka .cs-link { margin-top:auto; }

/* Nawyki */
body.styl-lkh .cs-dwie-kolumny { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.1fr); gap:clamp(2rem,6vw,6rem); align-items:start; }
body.styl-lkh .cs-nawyki-lista { display:grid; gap:1rem; list-style:none; margin:0; padding:0; counter-reset:cs-nawyk; }
body.styl-lkh .cs-nawyki-lista li { counter-increment:cs-nawyk; position:relative; padding:1.2rem 1.3rem 1.2rem 4.2rem; border:1px solid var(--lkh-linia); border-radius:1.1rem; background:var(--lkh-powierzchnia); color:var(--lkh-tekst); font-size:.95rem; line-height:1.65; }
body.styl-lkh .cs-nawyki-lista li::before { content:counter(cs-nawyk); position:absolute; left:1.2rem; top:1.1rem; width:2.1rem; height:2.1rem; display:grid; place-items:center; border-radius:.7rem; color:var(--lkh-akcent); font-weight:800; background:color-mix(in srgb,var(--lkh-akcent) 12%,transparent); border:1px solid color-mix(in srgb,var(--lkh-akcent) 30%,var(--lkh-linia)); }
body.styl-lkh .cs-zrodlo { margin-top:2.5rem; padding-top:1.5rem; border-top:1px solid var(--lkh-linia); }
body.styl-lkh .cs-zrodlo p { margin:0; color:var(--lkh-opis); font-size:.85rem; line-height:1.8; }
body.styl-lkh .cs-zrodlo a { color:var(--lkh-akcent); text-decoration:underline; text-underline-offset:.2rem; }

/* Finał */
body.styl-lkh .cs-final { position:relative; isolation:isolate; overflow:hidden; padding-block:clamp(4.5rem,9vw,8rem); text-align:center; color:var(--cs-tekst-noc); background:radial-gradient(ellipse at 50% 0%,#12324a,var(--cs-noc) 65%); }
body.styl-lkh .cs-final-uklad { display:flex; flex-direction:column; align-items:center; }
body.styl-lkh .cs-final-tarcza { width:5rem; height:5rem; display:grid; place-items:center; margin-bottom:1.8rem; border-radius:1.5rem; color:#03221d; font-size:2.2rem; background:var(--cs-gradient); box-shadow:0 0 70px rgba(62,230,196,.6); animation:cs-unos 5s ease-in-out infinite; }
body.styl-lkh .cs-final h2 { max-width:20ch; }
body.styl-lkh .cs-final p { max-width:44ch; margin:0 0 2rem; color:var(--cs-opis-noc); font-size:1.1rem; line-height:1.7; }
body.styl-lkh .cs-final .cs-hero-akcje { justify-content:center; }

/* ---------- Komponenty pakietów na tej stronie ---------- */
body.styl-lkh[data-current-page="cyberbezpieczenstwo"] .lkh-secure-sekcja { padding-block:clamp(4rem,8vw,7rem); scroll-margin-top:8rem; }
body.styl-lkh[data-current-page="cyberbezpieczenstwo"] .lkh-secure-naglowek h2 { font-family:'Space Grotesk',sans-serif; font-size:clamp(2rem,4vw,3.3rem); letter-spacing:-.04em; line-height:1.08; }
body.styl-lkh[data-current-page="cyberbezpieczenstwo"] .lkh-secure-karta { border-radius:.75rem; transition:transform .3s, box-shadow .3s, border-color .3s; }
body.styl-lkh[data-current-page="cyberbezpieczenstwo"] .lkh-secure-karta:hover { transform:translateY(-4px); box-shadow:0 20px 44px -26px color-mix(in srgb,var(--lkh-akcent) 40%,transparent); border-color:color-mix(in srgb,var(--lkh-akcent) 45%,var(--lkh-linia)); }
body.styl-lkh[data-current-page="cyberbezpieczenstwo"] .lkh-secure-karta-rodzina { position:relative; border:2px solid var(--lkh-akcent) !important; padding-top:1.5rem; background:var(--lkh-powierzchnia); box-shadow:0 20px 44px -28px color-mix(in srgb,var(--lkh-akcent) 45%,transparent); }
body.styl-lkh[data-current-page="cyberbezpieczenstwo"] .lkh-secure-karta-rodzina::before { content:attr(data-cs-polecany); position:absolute; top:-.85rem; left:50%; transform:translateX(-50%); padding:.3rem .85rem; border-radius:.5rem; color:var(--lkh-na-przycisku, #ffffff); font-size:.72rem; font-weight:800; letter-spacing:.05em; text-transform:uppercase; white-space:nowrap; background:var(--lkh-akcent); }
body.styl-lkh[data-current-page="cyberbezpieczenstwo"] .lkh-secure-cena strong { font-family:'Space Grotesk',sans-serif; letter-spacing:-.03em; }
body.styl-lkh[data-current-page="cyberbezpieczenstwo"] .secure-przyszlosc { scroll-margin-top:8rem; }

/* ---------- Animacje ---------- */
@keyframes cs-puls { 0% { box-shadow:0 0 0 0 rgba(62,230,196,.7); } 70% { box-shadow:0 0 0 10px rgba(62,230,196,0); } 100% { box-shadow:0 0 0 0 rgba(62,230,196,0); } }
@keyframes cs-obrot { to { transform:rotate(360deg); } }
@keyframes cs-unos { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-12px); } }
@keyframes cs-unos-telefon { 0%,100% { transform:rotate(-4deg) translateY(0); } 50% { transform:rotate(-3deg) translateY(-10px); } }
@keyframes cs-fala { 0% { transform:scale(.9); opacity:1; } 100% { transform:scale(1.5); opacity:0; } }
@keyframes cs-skan { 0% { transform:translateY(-100%); } 100% { transform:translateY(260%); } }
@keyframes cs-wejscie { from { opacity:.4; transform:translateY(10px); } to { opacity:1; transform:none; } } /* 12.11: bez pustego ekranu na starcie */
body.styl-lkh.cs-js .cs-pokaz { opacity:1; transform:translateY(12px); transition:transform .45s cubic-bezier(.2,.7,.2,1); } /* 12.11: treść zawsze widoczna – wcześniej opacity:0 dawało puste ekrany przy przewijaniu */
body.styl-lkh.cs-js .cs-pokaz.cs-widoczny { opacity:1; transform:none; }
body.styl-lkh .cs-hero-tresc > * { animation:cs-wejscie .5s cubic-bezier(.2,.7,.2,1) both; }
body.styl-lkh .cs-hero-tresc > :nth-child(2) { animation-delay:.08s; } body.styl-lkh .cs-hero-tresc > :nth-child(3) { animation-delay:.16s; } body.styl-lkh .cs-hero-tresc > :nth-child(4) { animation-delay:.24s; } body.styl-lkh .cs-hero-tresc > :nth-child(5) { animation-delay:.32s; }
body.styl-lkh .cs-hero-wizual { animation:cs-wejscie .6s .1s cubic-bezier(.2,.7,.2,1) both; }
@media (prefers-reduced-motion:reduce) {
    body.styl-lkh [class^="cs-"], body.styl-lkh [class^="cs-"] *, body.styl-lkh [class^="cs-"]::before, body.styl-lkh [class^="cs-"]::after { animation:none !important; transition:none !important; }
    body.styl-lkh.cs-js .cs-pokaz { opacity:1; transform:none; }
}

/* ---------- Responsywność ---------- */
@media (max-width:1100px) {
    body.styl-lkh .cs-karty, body.styl-lkh .cs-powody { grid-template-columns:repeat(2,minmax(0,1fr)); }
    body.styl-lkh .cs-liczby { grid-template-columns:repeat(2,minmax(0,1fr)); }
    body.styl-lkh .cs-liczby > div:nth-child(3) { border-left:0; padding-left:0; }
    body.styl-lkh .cs-liczby > div:nth-child(n+3) { border-top:1px solid var(--cs-linia-noc); }
}
@media (max-width:900px) {
    body.styl-lkh .cs-hero-uklad, body.styl-lkh .cs-ai-uklad, body.styl-lkh .cs-dom-uklad, body.styl-lkh .cs-dwie-kolumny { grid-template-columns:minmax(0,1fr); }
    body.styl-lkh .cs-hero-wizual { min-height:30rem; }
    body.styl-lkh .cs-przeplyw { grid-template-columns:minmax(0,1fr); }
    body.styl-lkh .cs-skroty { top:0; }
}
@media (max-width:600px) {
    body.styl-lkh .cs-hero { padding-top:2.5rem; }
    body.styl-lkh .cs-hero h1 { font-size:clamp(2.3rem,11vw,3.2rem); }
    body.styl-lkh .cs-btn { width:100%; justify-content:center; }
    body.styl-lkh .cs-hero-wizual { min-height:27rem; }
    body.styl-lkh .cs-telefon { width:14rem; }
    body.styl-lkh .cs-telefon-ekran { min-height:21rem; }
    body.styl-lkh .cs-chip { font-size:.7rem; padding:.55rem .75rem .55rem .6rem; }
    body.styl-lkh .cs-chip i { width:1.8rem; height:1.8rem; }
    body.styl-lkh .cs-chip-1 { right:.25rem; top:4%; } body.styl-lkh .cs-chip-2 { left:.25rem; bottom:20%; } body.styl-lkh .cs-chip-3 { right:.25rem; bottom:2%; }
    body.styl-lkh .cs-tarcza { width:3.2rem; height:3.2rem; font-size:1.3rem; left:2%; }
    body.styl-lkh .cs-karty, body.styl-lkh .cs-powody, body.styl-lkh .cs-warstwy-siatka, body.styl-lkh .cs-lista-ikon { grid-template-columns:minmax(0,1fr); }
    body.styl-lkh .cs-liczby > div { padding:1.3rem 1rem 1.5rem; }
    body.styl-lkh .cs-liczby > div:nth-child(odd) { padding-left:0; }
    body.styl-lkh .cs-cena strong { font-size:2.5rem; }
}

/* Zdalna pomoc w karcie „Ochrona komputerów i pomoc przy incydencie” (Claude, 10.11.2026) */
body.styl-lkh .cs-zdalna-pomoc { margin:.2rem 0 1rem; padding:.9rem 1rem; border-radius:1rem; border:1px dashed color-mix(in srgb,var(--lkh-akcent) 45%,var(--lkh-linia)); background:color-mix(in srgb,var(--lkh-akcent) 7%,transparent); }
body.styl-lkh .cs-zdalna-pomoc p { margin:0 0 .4rem; }
body.styl-lkh .cs-zdalna-pomoc ul { margin:0; padding-left:1.1rem; }
body.styl-lkh .cs-zdalna-pomoc li { margin:.15rem 0; }
body.styl-lkh .cs-warstwy-siatka article .cs-link + .cs-link { margin-top:.5rem; }
body.styl-lkh .cs-pobierz-ostrzezenie { color:#b45309; font-weight:600; }
body.styl-lkh.dark-mode .cs-pobierz-ostrzezenie, body.styl-lkh .cs-ciemna .cs-pobierz-ostrzezenie { color:#fcd34d; }
body.styl-lkh .cs-pobierz-ostrzezenie i { color:#f59e0b; }

/* Baner: darmowe rozszerzenie LKH Secure do przeglądarki (zaraz pod nagłówkiem) */
body.styl-lkh .cs-rozszerzenie { position:relative; color:var(--cs-tekst-noc); background:linear-gradient(180deg,var(--cs-noc) 0%,#0b1f33 100%); padding:clamp(2.5rem,5vw,4rem) 0; border-top:1px solid var(--cs-linia-noc); border-bottom:1px solid var(--cs-linia-noc); }
body.styl-lkh .cs-rozszerzenie-uklad { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(0,.9fr); gap:clamp(1.5rem,4vw,3.5rem); align-items:center; }
body.styl-lkh .cs-rozszerzenie h2 { margin:.9rem 0 .8rem; font-size:clamp(1.7rem,3.4vw,2.6rem); line-height:1.12; color:var(--cs-tekst-noc); }
body.styl-lkh .cs-rozszerzenie-tresc > p { color:var(--cs-opis-noc); line-height:1.65; margin:0 0 1rem; max-width:58ch; }
body.styl-lkh .cs-rozszerzenie-atuty { list-style:none; margin:0 0 1rem; padding:0; display:grid; grid-template-columns:1fr 1fr; gap:.7rem 1.2rem; }
body.styl-lkh .cs-rozszerzenie-atuty li { display:flex; gap:.65rem; align-items:flex-start; font-size:.92rem; line-height:1.45; color:var(--cs-opis-noc); }
body.styl-lkh .cs-rozszerzenie-atuty li b { color:var(--cs-tekst-noc); }
body.styl-lkh .cs-rozszerzenie-atuty i { flex:none; width:2rem; height:2rem; display:grid; place-items:center; border-radius:.6rem; color:#03221d; background:var(--cs-gradient); font-size:.85rem; }
body.styl-lkh .cs-rozszerzenie-pakiet { display:flex; gap:.6rem; align-items:flex-start; padding:.8rem 1rem; border-radius:.8rem; border:1px solid var(--cs-linia-noc); background:rgba(62,230,196,.06); font-size:.88rem; }
body.styl-lkh .cs-rozszerzenie-pakiet i { color:var(--cs-turkus); margin-top:.15rem; }
body.styl-lkh .cs-rozszerzenie-wkrotce { cursor:default; }
body.styl-lkh .cs-rozszerzenie-wkrotce:hover { transform:none; }
body.styl-lkh .cs-rozszerzenie-okno { max-width:320px; margin:0 auto; padding:1rem; border-radius:1.1rem; background:#0f1d2c; border:1px solid var(--cs-linia-noc); box-shadow:0 30px 60px -25px rgba(0,0,0,.7), 0 0 0 6px rgba(62,230,196,.06); display:grid; gap:.6rem; }
body.styl-lkh .cs-rozszerzenie-okno-gora { display:flex; align-items:center; gap:.55rem; color:var(--cs-tekst-noc); }
body.styl-lkh .cs-rozszerzenie-okno-gora span { margin-left:auto; font-size:.72rem; color:var(--cs-turkus); }
body.styl-lkh .cs-rozszerzenie-licznik { padding:.7rem .9rem; border-radius:.8rem; background:#13263a; }
body.styl-lkh .cs-rozszerzenie-licznik strong { display:block; font-size:1.9rem; color:#ff8a3d; line-height:1; }
body.styl-lkh .cs-rozszerzenie-licznik small { color:var(--cs-opis-noc); font-size:.75rem; }
body.styl-lkh .cs-rozszerzenie-przelacznik { display:flex; align-items:center; gap:.6rem; font-size:.82rem; color:var(--cs-tekst-noc); }
body.styl-lkh .cs-rozszerzenie-przelacznik i { position:relative; flex:none; width:2.1rem; height:1.2rem; border-radius:999px; background:#2a3d52; }
body.styl-lkh .cs-rozszerzenie-przelacznik i::after { content:""; position:absolute; top:.15rem; left:.15rem; width:.9rem; height:.9rem; border-radius:50%; background:#fff; }
body.styl-lkh .cs-rozszerzenie-przelacznik.wl i { background:#ff8a3d; }
body.styl-lkh .cs-rozszerzenie-przelacznik.wl i::after { transform:translateX(.9rem); }
body.styl-lkh .cs-rozszerzenie-przegladarki { display:flex; justify-content:center; gap:1rem; padding-top:.4rem; font-size:1.3rem; color:var(--cs-opis-noc); }
@media (max-width: 900px) {
    body.styl-lkh .cs-rozszerzenie-uklad { grid-template-columns:minmax(0,1fr); }
    body.styl-lkh .cs-rozszerzenie-atuty { grid-template-columns:minmax(0,1fr); }
}

/* Porównanie z typowym blokerem reklam (bez nazw produktów) */
body.styl-lkh .cs-rozszerzenie-porownanie { margin:0 0 1rem; padding:1rem; border-radius:.9rem; border:1px solid var(--cs-linia-noc); background:rgba(255,255,255,.03); }
body.styl-lkh .cs-rozszerzenie-porownanie-tytul { margin:0 0 .6rem; font-weight:800; color:var(--cs-tekst-noc); }
body.styl-lkh .cs-rozszerzenie-porownanie-tabela > div { display:grid; grid-template-columns:minmax(0,1fr) 5.5rem 5.5rem; gap:.5rem; align-items:center; padding:.4rem 0; border-top:1px solid var(--cs-linia-noc); font-size:.86rem; color:var(--cs-opis-noc); }
body.styl-lkh .cs-rozszerzenie-porownanie-tabela > div.naglowek { border-top:0; font-weight:700; color:var(--cs-tekst-noc); font-size:.78rem; }
body.styl-lkh .cs-rozszerzenie-porownanie-tabela [role=cell], body.styl-lkh .cs-rozszerzenie-porownanie-tabela [role=columnheader] { text-align:center; }
body.styl-lkh .cs-rozszerzenie-porownanie-tabela .tak { color:var(--cs-turkus); font-weight:800; }
body.styl-lkh .cs-rozszerzenie-porownanie-tabela .nie { color:#5d7186; }
body.styl-lkh .cs-rozszerzenie-porownanie-tabela .czesc { color:var(--cs-zolty); font-size:.78rem; }
body.styl-lkh .cs-rozszerzenie-przyklad { display:flex; gap:.6rem; margin:.8rem 0 0; font-size:.86rem; line-height:1.55; color:var(--cs-opis-noc); }
body.styl-lkh .cs-rozszerzenie-przyklad i { color:var(--cs-turkus); margin-top:.2rem; }

/* Link do strony rozszerzenia w karcie „Do pobrania” (12.11.2026) */
body.styl-lkh .cs-pobierz-wiecej { margin: .2rem 0 1rem; font-size: .92rem; }

/* LKH Secure Backup – karta z kalendarzem kopii */
body.styl-lkh .cs-backup-kalendarz { margin:0 0 1.2rem; padding:1rem; border:1px solid color-mix(in srgb,#38bdf8 30%,var(--lkh-linia)); border-radius:1rem; background:linear-gradient(160deg,color-mix(in srgb,#38bdf8 10%,transparent),transparent 70%); }
body.styl-lkh .cs-backup p.cs-backup-kalendarz-tytul { display:flex; align-items:center; gap:.45rem; margin:0 0 .7rem; color:var(--lkh-tekst); font-size:.8rem; font-weight:700; line-height:1.3; }
body.styl-lkh .cs-backup-kalendarz-tytul i { color:#38bdf8; }
body.styl-lkh .cs-backup-kalendarz ol { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:.4rem; list-style:none; margin:0; padding:0; }
body.styl-lkh .cs-backup-kalendarz li { display:flex; flex-direction:column; align-items:center; gap:.3rem; color:var(--lkh-opis); font-size:.68rem; }
body.styl-lkh .cs-backup-kalendarz li i { display:grid; place-items:center; width:100%; max-width:2.2rem; aspect-ratio:1; border-radius:.6rem; background:color-mix(in srgb,#3ee6c4 16%,transparent); color:#0f9488; font-size:.75rem; opacity:0; transform:scale(.6); animation:cs-backup-wejscie .45s cubic-bezier(.2,.9,.3,1.3) forwards; }
body.styl-lkh.dark-mode .cs-backup-kalendarz li i { color:#3ee6c4; }
body.styl-lkh .cs-backup-kalendarz li:nth-child(2) i { animation-delay:.08s; } body.styl-lkh .cs-backup-kalendarz li:nth-child(3) i { animation-delay:.16s; }
body.styl-lkh .cs-backup-kalendarz li:nth-child(4) i { animation-delay:.24s; } body.styl-lkh .cs-backup-kalendarz li:nth-child(5) i { animation-delay:.32s; }
body.styl-lkh .cs-backup-kalendarz li:nth-child(6) i { animation-delay:.4s; } body.styl-lkh .cs-backup-kalendarz li:nth-child(7) i { animation-delay:.48s; }
body.styl-lkh .cs-backup-kalendarz li.cs-backup-dzis i { background:linear-gradient(140deg,#3ee6c4,#38bdf8); color:#03221d; box-shadow:0 0 18px -3px rgba(62,230,196,.7); }
body.styl-lkh .cs-backup-kalendarz li.cs-backup-dzis span { color:var(--lkh-tekst); font-weight:700; }
body.styl-lkh .cs-backup p.cs-backup-blokada { display:flex; align-items:flex-start; gap:.45rem; margin:.8rem 0 0; color:var(--lkh-opis); font-size:.75rem; line-height:1.45; }
body.styl-lkh .cs-backup-blokada i { margin-top:.15rem; color:var(--lkh-akcent); }
body.styl-lkh .cs-backup-cechy { display:grid; gap:.6rem; list-style:none; margin:0 0 1.2rem; padding:0; }
body.styl-lkh .cs-backup-cechy li { display:grid; grid-template-columns:1.3rem minmax(0,1fr); gap:.5rem; color:var(--lkh-opis); font-size:.86rem; line-height:1.5; }
body.styl-lkh .cs-backup-cechy li i { margin-top:.2rem; color:#38bdf8; text-align:center; }
body.styl-lkh .cs-backup-cechy b { color:var(--lkh-tekst); }
body.styl-lkh .cs-backup p.cs-backup-cena { display:flex; align-items:baseline; flex-wrap:wrap; gap:.4rem; margin:auto 0 .5rem; padding-top:1rem; border-top:1px solid var(--lkh-linia); font-size:.82rem; }
body.styl-lkh .cs-backup-cena strong { color:var(--lkh-tekst); font-family:'Space Grotesk',sans-serif; font-size:2.3rem; letter-spacing:-.04em; line-height:1; }
body.styl-lkh .cs-backup p.cs-backup-uwaga { margin:0; font-size:.76rem; line-height:1.55; }
@keyframes cs-backup-wejscie { to { opacity:1; transform:none; } }
@media (prefers-reduced-motion: reduce) { body.styl-lkh .cs-backup-kalendarz li i { animation:none; opacity:1; transform:none; } }