/* ProLancers – arkusz publiczny (ciemny „tech premium”). Sekcje 1–14 poniżej.
   Przełamania: mobile ≤767 · tablet 768–1279 · desktop ≥1280 */

/* == 1. Fonty: Inter 4.1 (OFL-1.1) – jeden plik na grubość: Basic Latin + Latin-1 + polskie znaki + typografia (pyftsubset) == */
@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../fonty/inter-pl-400.woff2) format("woff2")}
@font-face{font-family:Inter;font-style:normal;font-weight:800;font-display:swap;src:url(../fonty/inter-pl-800.woff2) format("woff2")}

/* == 2. Zmienne (D1) == */
:root{
  /* paleta D1: #7c3aed #6d28d9 #3f1ebc #1d60f7 #dc3574 #f97126 #111826 #22283a */
  --tlo:#02030f; --tlo-2:#070a22; --fiolet:#7c3aed; --magenta:#dc3574;
  --tekst:#e6e7ec; --t2:#9aa3b8; /* kontrast na tle #02030f: 16,5:1 i 7,9:1 (AA) */
  --link:#c4b5fd; --linia:#ffffff14;
  --a:#7c3aed; --a-j:#b99bff; --ar:124 58 237; /* akcent domyślny */
  --r:1rem; --gutter:clamp(1rem,4vw,4rem); --h-nagl:4.5rem;
  --sekcja:clamp(3rem,5.5vw,6.5rem); --odstep:clamp(1rem,1.6vw,1.5rem);
  --ease:cubic-bezier(.2,.7,.2,1);
  /* siatki (minmax(0,1fr) nie rozpycha kolumn) */
  --k1:minmax(0,1fr); --k2:repeat(2,minmax(0,1fr)); --k3:repeat(3,minmax(0,1fr)); --k4:repeat(4,minmax(0,1fr));
}
.akcent-fiolet{--a:#7c3aed;--a-j:#b99bff;--ar:124 58 237}
.akcent-niebieski{--a:#1d60f7;--a-j:#7eabff;--ar:29 96 247}
.akcent-magenta{--a:#dc3574;--a-j:#f585ae;--ar:220 53 116}
.akcent-pomarancz{--a:#f97126;--a-j:#ffa56d;--ar:249 113 38}

/* == 3. Podstawy == */
*,*::before,*::after{box-sizing:border-box}
/* płynny rozmiar bazowy: 15 px (≤1024) → 16 px (1440) → 20 px (≥2560) przy domyślnych 16 px przeglądarki; w % – respektuje
   ustawiony przez użytkownika rozmiar czcionki (WCAG 1.4.4); progi @media w em (skalują się razem z tekstem) */
html{font-size:clamp(93.75%,.357vw + 67.875%,125%);-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--h-nagl) + 1rem);overflow-x:clip;background:var(--tlo)}
body{margin:0;overflow-x:clip;font-family:Inter,system-ui,"Segoe UI",Roboto,sans-serif;font-weight:400;font-size:1rem;line-height:1.6;color:var(--tekst);background:radial-gradient(90rem 50rem at 80% -10%,#1d60f70f,transparent 60%),linear-gradient(180deg,var(--tlo),var(--tlo-2) 40%,var(--tlo));-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-weight:800;line-height:1.12;letter-spacing:-.02em;margin:0;color:#fff;text-wrap:balance}
p{margin:0 0 1em}
img,svg{display:block;max-width:100%}
a{color:var(--link);text-decoration:none;text-underline-offset:.2em}
.proza a,.lead a,.pole--zgoda a,.faq-lista__odp a,.komunikat a{text-decoration:underline}
a:hover{color:#fff}
strong,b{font-weight:800}
:focus-visible{outline:2px solid #c4b5fd;outline-offset:3px;border-radius:.3rem}
main:focus{outline:none}
::selection{background:#7c3aed8c;color:#fff}
.h3{font-size:clamp(1.2rem,1rem + .6vw,1.45rem)}
.h4{font-size:1.05rem}

/* == 4. Narzędzia == */
.szer{width:min(100% - 2*var(--gutter),88rem);margin-inline:auto}
.szer--tekst{width:min(100% - 2*var(--gutter),48rem)}
.wizualnie-ukryte{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.pomin{position:fixed;left:1rem;top:-4rem;z-index:100;padding:.7rem 1.1rem;border-radius:.6rem;background:#fff;color:#1b0b3f;font-weight:800;transition:top .2s}
.pomin:focus{top:1rem}
.sprite{position:absolute;width:0;height:0;overflow:hidden}
.tekst-gradient{background:linear-gradient(95deg,#7c3aed 0%,#a44bf0 45%,#e0407e 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.nadtytul{display:flex;align-items:center;gap:.6rem;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.2em;color:#cfd3e0;margin:0 0 1.25rem}
.lead{color:var(--t2);font-size:clamp(1rem,.95rem + .3vw,1.2rem);line-height:1.65;margin:1rem 0 0}
.rozciagniety::after{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit}
.rozciagniety:focus-visible{outline:none}
.rozciagniety:focus-visible::after{outline:2px solid #c4b5fd;outline-offset:3px}
.pusto{color:var(--t2)}

/* wspólne układy flex */
.naglowek__wnetrze,.naglowek__akcje,.mk__belka,.mk__tytul,.ds-menu li,.ds-gora,.ds-w span,.or-chipy span,.or-wezel,.or-modele li,.sp-rec,.sp-panel li,.sp-sterowanie,.korzysci__lista li,.karta-apl__tytul,.fakty li,.tabela tbody th a{display:flex;align-items:center}
.siatka>li,.mk__okno,.ds-glowny,.ds-tabela,.or-lewa,.or-akcje,.or-modele,.sp-narzedzia,.sp-panel,.sp-os,.kafel__tresc,.opinia figcaption,.faq-lista,.karta-cena,.kontakt__boczna,.pole,.komunikat--ok,.pusto.karta{display:flex;flex-direction:column}
/* == 5. Przyciski i linki == */
.przycisk{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;min-height:3.1rem;padding:.8rem 1.5rem;border-radius:.75rem;border:1px solid transparent;font-family:inherit;font-weight:800;font-size:.95rem;line-height:1.2;color:#fff;cursor:pointer;transition:.25s var(--ease)}
.przycisk:hover{color:#fff;transform:translateY(-2px)}
.przycisk .ikona--mala{transition:transform .25s var(--ease)}
.przycisk:hover .ikona--mala{transform:translateX(3px)}
.przycisk--glowny{background:linear-gradient(135deg,#8b4dff,#6d28d9);box-shadow:inset 0 0 0 1px #ffffff24,0 .75rem 2rem -.6rem #7c3aedb2}
.przycisk--glowny:hover{box-shadow:inset 0 0 0 1px #fff3,0 1rem 2.5rem -.5rem #7c3aede6}
.przycisk--obrys{border-color:#fff9;background:#ffffff05}
.przycisk--obrys:hover{border-color:#fff;background:#ffffff12}
.przycisk--jasny{background:linear-gradient(180deg,#fdfaff,#e6d9ff);color:#1b0b3f;box-shadow:0 0 1.5rem -.2rem #a78bfa99}
.przycisk--jasny:hover{color:#1b0b3f;box-shadow:0 0 2rem 0 #a78bfacc}
.przycisk--maly{min-height:2.5rem;padding:.5rem 1.05rem;font-size:.86rem;border-radius:.6rem}
.przycisk--pelny{width:100%}
.przyciski{display:flex;flex-wrap:wrap;gap:.9rem;margin-top:2rem}
.link-strzalka{display:inline-flex;align-items:center;gap:.45rem;color:var(--a-j);font-weight:800;font-size:.95rem}
.link-strzalka:hover{color:#fff}
.link-strzalka .ikona{transition:transform .25s var(--ease)}
.link-strzalka:hover .ikona{transform:translateX(3px)}

/* == 6. Ikony (SVG ze sprite'a albo <img> WebP – te same wymiary) == */
.ikona{--ik:2.75rem;width:var(--ik);height:var(--ik);flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;object-fit:contain}
.ikona--mala{--ik:1.15rem;stroke-width:1.9}
.ikona--akcent-fiolet{stroke:url(#g-fiolet-magenta);filter:drop-shadow(0 0 .4rem #8b5cf68c)}
.ikona--akcent-niebieski{stroke:url(#g-niebieski-fiolet);filter:drop-shadow(0 0 .4rem #3b82f68c)}
.ikona--akcent-magenta{stroke:url(#g-magenta-fiolet);filter:drop-shadow(0 0 .4rem #ec489980)}
.ikona--akcent-pomarancz{stroke:url(#g-pomarancz);filter:drop-shadow(0 0 .4rem #f971268c)}
.ikona--mala[class*=akcent]{filter:none}
.ikona--biala{stroke:#fff}

/* == 7. Nagłówek A1 (sticky, rozmycie po przewinięciu) == */
.naglowek{position:sticky;top:0;z-index:50;height:var(--h-nagl)}
.naglowek::before{content:"";position:absolute;inset:0;background:#030412bd;backdrop-filter:blur(16px) saturate(1.4);border-bottom:1px solid var(--linia);opacity:0;transition:opacity .35s}
.naglowek--przewiniety::before,html:not(.js) .naglowek::before,body:not(.strona-glowna) .naglowek::before{opacity:1}
.naglowek__wnetrze{position:relative;height:100%;gap:clamp(1rem,2.5vw,2.5rem)}
.logo{display:inline-flex;align-items:center;gap:.6rem;color:#fff;font-weight:800;font-size:1.3rem;letter-spacing:-.01em;flex:none}
.logo:hover{color:#fff}
.logo__sygnet{width:2.1rem;height:2.1rem;fill:none;stroke:#fff;stroke-width:1.9;filter:drop-shadow(0 0 .5rem #8b5cf6b2)}
.menu{margin-inline:auto}
.menu__lista{display:flex;gap:clamp(1rem,2.1vw,2.4rem);list-style:none;margin:0;padding:0}
.menu__lista a,.naglowek__login{position:relative;display:block;padding:.5rem 0;color:#d6d9e3;font-size:.9rem;white-space:nowrap}
.menu__lista a:hover,.naglowek__login:hover,.menu__lista [aria-current]{color:#fff}
.menu__lista [aria-current]::after{content:"";position:absolute;left:0;right:0;bottom:.1rem;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--fiolet),var(--magenta))}
.naglowek__akcje{gap:1.4rem;flex:none}
.menu-mob{display:none}
.menu-mob__przycisk{display:grid;place-items:center;width:2.9rem;height:2.9rem;list-style:none;cursor:pointer;border-radius:.75rem;border:1px solid #ffffff24;background:#ffffff0a;color:#fff}
.menu-mob__przycisk::-webkit-details-marker{display:none}
.menu-mob__przycisk .ikona{--ik:1.4rem}
.menu-mob__zamknij,.menu-mob[open] .menu-mob__otworz{display:none}
.menu-mob[open] .menu-mob__zamknij{display:block}
.menu-mob__panel{position:fixed;inset:var(--h-nagl) 0 0;z-index:49;overflow-y:auto;padding:1rem var(--gutter) 2.5rem;background:#030412;border-top:1px solid var(--linia)}
.menu-mob__panel ul{list-style:none;margin:0;padding:0}
.menu-mob__panel li a{display:flex;justify-content:space-between;align-items:center;padding:1rem .25rem;border-bottom:1px solid var(--linia);color:#fff;font-weight:800;font-size:1.15rem}
.menu-mob__panel [aria-current]{color:#c4b5fd}
.menu-mob__akcje{display:grid;gap:.75rem;margin-top:1.75rem}
@media (max-width:79.9375em){
 .menu,.naglowek__login{display:none}
 .naglowek__akcje{margin-left:auto}
 .menu-mob{display:block}
}
@media (max-width:29.9375em){.naglowek__akcje{display:none}.menu-mob{margin-left:auto}}

/* == 8. Sekcje, siatki, karty == */
.sekcja{padding-block:var(--sekcja)}
.sekcja--ciasna{padding-block:clamp(2rem,4vw,3.5rem)}
.naglowek-sekcji{max-width:54rem;margin:0 auto clamp(2rem,4vw,3.5rem);text-align:center}
.naglowek-sekcji h2{font-size:clamp(1.6rem,1rem + 2vw,2.75rem)}
.naglowek-sekcji--wersaliki{max-width:68rem}
.naglowek-sekcji--wersaliki h2{font-size:clamp(1.3rem,.85rem + 1.5vw,2.2rem);text-transform:uppercase}
.naglowek-sekcji--lewo{margin-inline:0;text-align:left}
.siatka{display:grid;gap:var(--odstep);list-style:none;margin-block:0;padding:0}
.siatka--2{grid-template-columns:var(--k2)}
.siatka--3,.siatka--kafle{grid-template-columns:var(--k3)}
.siatka--4{grid-template-columns:var(--k4)}
.siatka>li>*{flex:1}
@media (min-width:80em){
 .siatka--kafle-4{grid-template-columns:repeat(4,minmax(0,1fr))}
 .siatka--kafle-5{grid-template-columns:repeat(6,minmax(0,1fr))}
 .siatka--kafle-5>li{grid-column:span 2}
 .siatka--kafle-5>li:nth-child(4){grid-column:2/span 2}
 .siatka--kafle-5>li:nth-child(5){grid-column:4/span 2}
}
@media (max-width:79.9375em){.siatka--3,.siatka--4,.siatka--kafle{grid-template-columns:var(--k2)}}
@media (max-width:47.9375em){.siatka--2,.siatka--3,.siatka--4,.siatka--kafle{grid-template-columns:var(--k1)}}
/* karta „szklana” z cienkim obramowaniem i poświatą w kolorze akcentu */
.karta{position:relative;overflow:hidden;border-radius:var(--r);border:1px solid rgb(var(--ar)/.24);background:radial-gradient(90% 60% at 0 0,rgb(var(--ar)/.1),transparent 70%),linear-gradient(180deg,#ffffff0a,#ffffff03),#0c10229e;box-shadow:inset 0 1px 0 #ffffff0d,0 0 2.5rem -1.5rem rgb(var(--ar)/.55)}
.karta--pelna{padding:clamp(1.25rem,2.5vw,2rem)}
.karta--pelna>h2,.karta--pelna>h3{margin-bottom:1rem}
/* hover 3D + poświata za kursorem (JS: --rx --ry --gx --gy) */
[data-tilt]{transform:translateY(var(--wy,0)) perspective(62rem) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .6s var(--ease),opacity .7s var(--ease),border-color .3s}
[data-tilt].tilt-aktywny{transition:transform .12s linear,opacity .7s,border-color .3s}
.karta[data-tilt]::after,.zakup__karta::after{content:"";position:absolute;left:0;top:0;width:22rem;height:22rem;border-radius:50%;pointer-events:none;background:radial-gradient(closest-side,rgb(var(--ar)/.22),transparent);transform:translate(calc(var(--gx,0px) - 50%),calc(var(--gy,0px) - 50%));opacity:0;transition:opacity .35s}
.tilt-aktywny::after{opacity:1!important}
[data-tilt]:hover{border-color:rgb(var(--ar)/.6)}

/* == 9. Hero A2 == */
.hero{position:relative;isolation:isolate;display:grid;align-items:center;min-height:min(100svh,1100px);margin-top:calc(-1*var(--h-nagl));padding:calc(var(--h-nagl) + 1.5rem) 0 clamp(6rem,9vw,8.5rem);overflow:clip}
.hero__tlo{position:absolute;inset:0;z-index:-1;overflow:hidden;background:radial-gradient(40% 45% at 62% 18%,#1d60f747,transparent 70%),radial-gradient(35% 45% at 88% 60%,#7c3aed38,transparent 70%),#01020f}
.hero__warstwa,.hero__obraz{position:absolute;inset:-4% 0 0}
.hero__obraz img{width:100%;height:100%;object-fit:cover;object-position:70% 50%}
.hero__petla{position:absolute;right:-10%;top:2%;width:min(72vw,84rem);height:auto;overflow:visible}
.hero__petla-poswiata{opacity:1}
.hero__siatka{position:absolute;left:10%;right:-20%;bottom:8%;height:62%;background:radial-gradient(circle,#be96ffd9 1.4px,transparent 2px) 0 0/1.25rem 1.25rem;transform:perspective(40rem) rotateX(58deg);transform-origin:50% 100%;mask-image:radial-gradient(60% 85% at 40% 100%,#000 15%,transparent 72%)}
.hero__wnetrze{display:grid;grid-template-columns:minmax(0,10fr) minmax(0,12fr);gap:clamp(1.5rem,3vw,4rem);align-items:center}
.hero__h1{font-size:clamp(2.3rem,1rem + 4.15vw,6.4rem);line-height:1.04;letter-spacing:-.03em;text-wrap:initial}
.hero__h1 span{display:block}
.hero__h1 .tekst-gradient{display:inline-block;padding-bottom:.08em;filter:drop-shadow(0 0 1.6rem #a855f759)}
.hero__lead{max-width:34rem;margin:1.5rem 0 0;font-size:clamp(1rem,.9rem + .4vw,1.25rem);line-height:1.65;color:#c9cedb}
.hero__przyciski{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2.25rem}
.hero__wizual{position:relative}
/* stos 3 ekranów w perspektywie 3D (kaskada: górny prawy → dolny lewy) */
.stos{position:relative;aspect-ratio:1/.94;perspective:120rem;perspective-origin:30% 40%}
.stos__ekran{position:absolute;width:66%;transform-style:preserve-3d;transform:rotateY(-24deg) rotateX(9deg) rotateZ(-3deg);animation:ekran-wejscie 1.1s var(--ease) both}
.stos__ekran--1{top:0;right:0;animation-delay:.15s}
.stos__ekran--2{top:27%;right:14%;animation-delay:.3s}
.stos__ekran--3{top:54%;right:28%;animation-delay:.45s}
.stos__plywak{animation:plyw 9s ease-in-out infinite}
.stos__ekran--2 .stos__plywak{animation-delay:-3s}.stos__ekran--3 .stos__plywak{animation-delay:-6s}
.stos .mk__okno{font-size:2.05cqi}
@keyframes plyw{50%{transform:translate3d(0,-.7rem,0)}}
@keyframes ekran-wejscie{from{opacity:0;translate:0 2.5rem}}
.hero+.korzysci{margin-top:clamp(-6.5rem,-6vw,-4.5rem)}
@media (max-width:79.9375em){.hero{min-height:0}.hero__wnetrze{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
@media (max-width:63.9375em){
 .hero{padding-bottom:clamp(5rem,9vw,7rem)}
 .hero__wnetrze{grid-template-columns:var(--k1);gap:2.5rem}
 .hero__tekst{max-width:44rem}
 .hero__h1{font-size:clamp(2.6rem,7.4vw,4.6rem)}
 .stos{aspect-ratio:1/.8}
 .stos__ekran{width:62%}
 .stos__ekran--2{top:24%;right:19%}
 .stos__ekran--3{top:48%;right:38%}
 .hero__wizual{width:min(100%,46rem);margin-inline:auto}
 .hero__petla{width:120vw;right:-40%;top:30%}
}
@media (max-width:47.9375em){
 .hero{padding-top:calc(var(--h-nagl) + 1rem)}
 .hero__h1{font-size:clamp(2rem,10vw,3.2rem)}
 .hero__przyciski .przycisk{flex:1 1 100%}
 .stos{aspect-ratio:1/.72}
 .stos__ekran{width:84%;transform:rotateY(-16deg) rotateX(6deg) rotateZ(-2deg)}
 .stos__ekran--2{top:30%;right:12%}
 .stos__ekran--3{display:none}
 .hero__petla{width:150vw;right:-60%;top:45%}
 .hero__petla-poswiata,  .hero__siatka{height:30%}
}

/* == 10. Makiety aplikacji (HTML/CSS, skalowane jednostkami cqi) == */
.mk{position:relative;display:block;width:100%;aspect-ratio:16/10;container-type:inline-size;--ar:124 58 237}
.mk--orchestrator{--ar:29 96 247}
.mk--screenpro{--ar:249 113 38}
img.mk{height:auto;border-radius:.9rem;object-fit:cover}
.mk__okno{position:absolute;inset:0;overflow:hidden;font-size:1.5cqi;line-height:1.3;color:#c3c8d6;background:linear-gradient(180deg,#10152b,#0a0d1f);border:1px solid #ffffff1f;border-radius:1.1em;box-shadow:0 0 0 1px rgb(var(--ar)/.22),0 2.5em 5em -1.5em #000c,0 0 5em -1.5em rgb(var(--ar)/.55)}
.mk__belka{gap:.9em;padding:.75em 1.1em;border-bottom:1px solid #ffffff12;background:#ffffff05}
.mk__kropki{display:flex;gap:.4em}
.mk__kropki i{width:.6em;height:.6em;border-radius:50%;background:#3a4057}
.mk__kropki i:first-child{background:#f05d5d}
.mk__tytul{flex:1;gap:.55em;color:#fff;font-weight:800;white-space:nowrap}
.mk__znak{width:1.3em;height:1.3em;border-radius:.4em;background:linear-gradient(135deg,#8b5cf6,#dc3574)}
.mk__znak--niebieski{background:linear-gradient(135deg,#3b82f6,#8b5cf6)}
.mk__znak--pomarancz{background:linear-gradient(135deg,#f97126,#dc3574)}
.mk__ikonki{display:flex;gap:.4em}
.mk__ikonki i{width:1.7em;height:1.7em;border-radius:.45em;background:#ffffff0d;border:1px solid #ffffff17}
.mk__ikonki .on{background:rgb(var(--ar)/.35);border-color:rgb(var(--ar)/.7)}
.mk__uklad{flex:1;display:flex;min-height:0}
/* DataScout */
.ds-menu{width:21%;margin:0;padding:.9em .6em;list-style:none;display:flex;flex-direction:column;gap:.2em;border-right:1px solid #ffffff0f}
.ds-menu li{gap:.6em;padding:.5em .65em;border-radius:.5em;color:#8d96ab;white-space:nowrap}
.ds-menu i{width:.95em;height:.95em;border:.12em solid currentColor;border-radius:.3em;flex:none}
.ds-menu .on{background:#7c3aed38;color:#fff}
.ds-menu b{margin-left:auto;padding:0 .5em;border-radius:1em;background:#7c3aed;color:#fff;font-size:.8em}
.ds-glowny{flex:1;min-width:0;gap:.7em;padding:1em 1.1em}
.ds-gora{gap:.9em}
.ds-gora strong{font-size:1.2em;white-space:nowrap}
.ds-szukaj{flex:1;padding:.4em .8em;border-radius:.5em;border:1px solid #dde0ea;color:#8a93a8;white-space:nowrap;overflow:hidden}
.ds-tabela{flex:1;justify-content:space-around}
.ds-w{display:grid;grid-template-columns:2.3fr 1fr 2.7fr 1.25fr;gap:.7em;align-items:center;padding:.5em .3em;border-bottom:1px solid #ffffff0f}
.ds-w:last-child{border:0}
.ds-w span{gap:.55em;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.ds-w--nagl{color:#6c7590;font-size:.85em}
.mk-av{display:grid;place-items:center;width:1.6em;height:1.6em;flex:none;border-radius:50%;color:#fff;font-size:.72em;background:#7c3aed}
.mk-av--2{background:#10b981}.mk-av--3{background:#1d60f7}.mk-av--4{background:#f59e0b}
.mk-pill{padding:.22em .75em;border-radius:1em;font-style:normal;font-size:.85em;white-space:nowrap;border:1px solid color-mix(in srgb,currentColor 40%,transparent);background:color-mix(in srgb,currentColor 14%,transparent)}
.mk-pill--ok{color:#4ade80}.mk-pill--odp{color:#c4b5fd}.mk-pill--kol{color:#fdba74}
.mk-pill--fiolet{color:#fff;background:#7c3aed}
.mk--jasny .ds-glowny{background:#f5f6fa;color:#343b52}
.mk--jasny .ds-gora strong{color:#141a2e}
.mk--jasny .ds-w{border-color:#e4e6ee}
.mk--jasny .mk-pill--ok{color:#15803d}.mk--jasny .mk-pill--odp{color:#6d28d9}.mk--jasny .mk-pill--kol{color:#c2410c}
/* AI Orchestrator */
.mk-or{flex:1;min-height:0;display:grid;gap:.9em;padding:1em 1.1em}
.mk-or--karta{grid-template-columns:minmax(0,1fr) 29%}
.or-lewa{gap:1em;min-height:0}
.or-prompt{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.7em 1em;padding:.9em;border-radius:.8em;border:1px solid #ffffff17;background:#ffffff08}
.or-wynik{flex:1;min-height:0;overflow:hidden;padding:.8em 1em;border-radius:.7em;border:1px solid #3b82f64c;background:#1d60f712;color:#aab3c9;line-height:1.5}
.or-wynik b{display:block;margin-bottom:.3em;color:#9fc0ff}
.or-chipy{display:flex;gap:.6em}
.or-chipy span{gap:.45em;padding:.45em .8em;border-radius:2em;border:1px solid #ffffff1a;background:#ffffff0a;color:#e6e7ec}
.or-chipy i{width:.6em;height:.6em;border-radius:50%}
.or-etykieta{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;color:#9aa3b8}
.or-pole{min-height:5.2em;padding:.9em 1em;border-radius:.6em;border:1px solid #ffffff1a;background:#070a19;color:#e6e7ec;font-size:1.08em;line-height:1.5}
.or-akcje{align-items:center;justify-content:center;gap:.7em}
.or-ulepsz{padding:.85em 1.9em;border-radius:.6em;background:linear-gradient(135deg,#8b4dff,#5b21b6);color:#fff;font-weight:800;box-shadow:0 0 1.6em #7c3aed99}
.or-diagram{position:relative;flex:1;min-height:6em}
.or-diagram svg{position:absolute;top:2.3em;width:100%;height:calc(100% - 4.6em);fill:none;stroke:#3b82f6;stroke-width:1.2;opacity:.8}
.or-diagram path{vector-effect:non-scaling-stroke}
.or-wezel{position:absolute;gap:.5em;height:2.3em;padding:0 .8em;border-radius:.6em;border:1px solid #3b82f68c;background:#0c1431;color:#dbe4ff;font-size:.92em;white-space:nowrap;transform:translateX(-50%);box-shadow:0 0 1.2em #3b82f640}
.or-wezel i{width:1em;height:1em;border-radius:.3em;background:linear-gradient(135deg,#3b82f6,#8b5cf6)}
.or-wezel--g{top:0;left:50%}
.or-wezel--1,.or-wezel--2,.or-wezel--3{bottom:0;left:17%}
.or-wezel--2{left:50%}.or-wezel--3{left:83%}
.or-modele{margin:0;padding:.6em;list-style:none;gap:.35em;border-radius:.8em;border:1px solid #ffffff14;background:#ffffff05}
.or-modele li{gap:.6em;padding:.55em .65em;border-radius:.5em;background:#ffffff09;color:#e6e7ec;white-space:nowrap}
.or-modele i{width:.7em;height:.7em;border-radius:50%;flex:none}
.mk-or .k1{background:#10b981;box-shadow:0 0 .5em #10b981}.mk-or .k2{background:#f59e0b}.mk-or .k3{background:#3b82f6}.mk-or .k4{background:#a855f7}
.or-modele small{margin-left:auto;color:#737c93;font-size:.8em}
.or-modele .or-modele-nagl{background:none;color:#9aa3b8;font-weight:800}
/* ScreenPro */
.mk-sp{flex:1;min-height:0;display:grid;grid-template-columns:2.7em minmax(0,1fr) 25%;grid-template-rows:minmax(0,1fr) auto;gap:.7em;padding:.8em .9em}
.mk-sp--karta{grid-template-rows:minmax(0,1fr) auto 4.4em}
.sp-rec{gap:.4em;color:#f87171;font-weight:800;font-size:.85em}
.sp-rec::before{content:"";width:.6em;height:.6em;border-radius:50%;background:#ef4444;box-shadow:0 0 .6em #ef4444}
.sp-narzedzia{grid-row:1/-1;gap:.5em}
.sp-narzedzia i{aspect-ratio:1;border-radius:.55em;background:#ffffff0d;border:1px solid #ffffff17}
.sp-narzedzia .on{background:#f9712633;border-color:#f97126b2}
.sp-podglad{position:relative;overflow:hidden;min-height:0;border-radius:.6em;box-shadow:0 0 0 1px #ffffff1a}
.sp-kadr{position:absolute;inset:0;width:100%;height:100%}
.sp-postep{position:absolute;left:.9em;right:.9em;bottom:.8em;height:.3em;border-radius:1em;background:#ffffff4c}
.sp-postep i{display:block;width:31%;height:100%;border-radius:inherit;background:#f97126;box-shadow:0 0 .7em #f97126}
.sp-panel{margin:0;padding:0;list-style:none;gap:.45em}
.sp-panel li{flex:1;gap:.55em;padding:0 .65em;border-radius:.5em;background:#ffffff0a;border:1px solid #ffffff14;font-size:.9em;white-space:nowrap;overflow:hidden}
.sp-panel i{width:1em;height:1em;flex:none;border-radius:.3em;border:.12em solid #ffa56d}
.sp-sterowanie{grid-column:2/4;gap:.8em}
.sp-czas{margin-left:auto;color:#fff;font-weight:800;font-variant-numeric:tabular-nums}
.sp-os{grid-column:2/4;position:relative;justify-content:space-between;padding-top:.45em;border-top:1px solid #ffffff14}
.sp-sciezka{display:flex;gap:.3em;height:1em}
.sp-sciezka i{border-radius:.25em}
.sp-sciezka--wideo i{background:linear-gradient(90deg,#1d60f7,#4f8bff)}
.sp-sciezka--wideo i:nth-child(1){flex:3}.sp-sciezka--wideo i:nth-child(2){flex:2}.sp-sciezka--wideo i:nth-child(3){flex:4}
.sp-sciezka--nakl{padding-left:22%}
.sp-sciezka--nakl i{flex:0 0 22%;background:linear-gradient(90deg,#7c3aed,#a855f7)}
.sp-fala{width:100%;height:1.4em;fill:none;stroke:#f58a4b;stroke-width:1.2}
.sp-fala path{vector-effect:non-scaling-stroke}
.sp-glowica{position:absolute;top:0;bottom:0;left:36%;width:2px;background:#ef4444;box-shadow:0 0 .5em #ef4444}
/* odznaki pływające przy makietach (B1) */
.odznaka{position:absolute;z-index:2;display:grid;place-items:center;width:clamp(4rem,6.5vw,6.5rem);aspect-ratio:1;border-radius:1.3rem;right:-1.4rem;top:22%;background:linear-gradient(135deg,#9061ff,#5b21b6);box-shadow:inset 0 0 0 1px #fff3,0 1rem 2.5rem -.5rem #7c3aedcc;animation:plyw 7s ease-in-out infinite}
.odznaka .ikona{--ik:48%;stroke-width:1.8}
.odznaka--pomarancz{top:auto;bottom:24%;background:linear-gradient(135deg,#ff8a3d,#dc3574);box-shadow:inset 0 0 0 1px #fff3,0 1rem 2.5rem -.5rem #f97126cc}
img.odznaka{background:none;box-shadow:none;height:auto}
@media (max-width:47.9375em){.odznaka{right:-.4rem;border-radius:1rem}}

/* == 11. Sekcje strony głównej == */
/* A3 korzyści */
.korzysci{position:relative;z-index:1}
.korzysci__lista{list-style:none;margin-block:0;padding:1.15rem clamp(1rem,3vw,3rem);display:grid;grid-template-columns:var(--k4);gap:1rem;border-radius:1rem;border:1px solid #8b5cf63d;background:#090b1eb8;backdrop-filter:blur(10px)}
.korzysci__lista li{justify-content:center;gap:.9rem;font-weight:800;font-size:.95rem;line-height:1.3}
.korzysci__lista .ikona{--ik:2.4rem}
.korzysci--punkty{padding-top:clamp(1.5rem,3vw,2.5rem)}
.korzysci--punkty li{justify-content:flex-start;font-weight:400}
.korzysci--punkty .ikona{--ik:1.5rem}
/* A4 problemy */
.karta-problem{display:flex;flex-direction:column;gap:1rem;padding:clamp(1.25rem,2vw,1.75rem)}
.karta-problem__gora{display:flex;gap:1rem;align-items:flex-start}
.karta-problem h3{font-size:1.06rem;line-height:1.38}
.karta-problem h3 a{color:#fff}
.karta-problem p{margin:0;color:var(--t2);font-size:.93rem}
.karta__strzalka{margin-top:auto;align-self:flex-end;color:var(--a-j);transition:transform .3s var(--ease)}
.karta:hover .karta__strzalka,.zakup__karta:hover .karta__strzalka{transform:translateX(4px)}
/* B1 karty aplikacji */
.aplikacje__lista{display:flex;flex-direction:column;gap:clamp(1.25rem,2vw,2rem)}
.karta-apl{position:relative;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(1.5rem,4vw,4.5rem);align-items:center;padding:clamp(1.25rem,3vw,3rem);border-radius:1.25rem;border:1px solid rgb(var(--ar)/.45);background:radial-gradient(70% 110% at 0 0,rgb(var(--ar)/.17),transparent 65%),linear-gradient(180deg,#11152ad9,#090c1cd9);box-shadow:inset 0 0 0 1px rgb(var(--ar)/.06),0 0 3.5rem -1.5rem rgb(var(--ar)/.55)}
.karta-apl__tytul{gap:1rem}
.karta-apl__numer{display:inline-grid;place-items:center;flex:none;width:2.9rem;height:2.9rem;border-radius:.65rem;background:linear-gradient(135deg,var(--a),rgb(var(--ar)/.65));color:#fff;font-weight:800;font-size:1rem;box-shadow:0 0 1.4rem -.2rem rgb(var(--ar)/.75)}
.karta-apl__numer--maly{width:2rem;height:2rem;font-size:.8rem;border-radius:.5rem;letter-spacing:0}
.karta-apl h3{font-size:clamp(1.45rem,1rem + 1.3vw,2.15rem)}
.karta-apl__podtytul{margin:1.1rem 0 1.4rem;color:#fff;font-size:clamp(1.02rem,.95rem + .3vw,1.2rem);line-height:1.45;max-width:30rem}
.lista-kropki{list-style:none;margin:0 0 1.75rem;padding:0;display:grid;gap:.75rem}
.lista-kropki li{display:flex;gap:.9rem;align-items:baseline;color:#cdd1dc}
.lista-kropki li::before{content:"";flex:none;width:.55rem;height:.55rem;border-radius:50%;background:var(--a);box-shadow:0 0 0 .22rem rgb(var(--ar)/.25),0 0 .8rem var(--a);transform:translateY(-.12rem)}
.karta-apl__wizual{position:relative}
@media (max-width:63.9375em){.karta-apl{grid-template-columns:var(--k1)}.karta-apl__wizual{order:-1;margin-right:1.2rem}}
/* B2 usługi – grupy i kafle */
.grupy{display:flex;flex-direction:column;gap:clamp(2.25rem,4vw,3.5rem)}
.grupa__naglowek{display:flex;flex-wrap:wrap;align-items:baseline;gap:.4rem 1.5rem;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid var(--linia)}
.grupa__tytul{font-size:clamp(1.15rem,1rem + .5vw,1.5rem)}
.grupa__naglowek p{flex:1 1 22rem;margin:0;color:var(--t2);font-size:.95rem}
.kafel{display:flex;gap:1.1rem;align-items:flex-start;height:100%;padding:1.35rem 2.6rem 1.35rem 1.3rem}
.kafel__tresc{gap:.3rem;min-width:0}
.kafel__numer{font-size:.78rem;letter-spacing:.06em;color:var(--t2)}
.kafel__nazwa{font-size:1.07rem;line-height:1.3}
.kafel__nazwa a{color:#fff}
.kafel__cena{margin:.2rem 0 0;color:var(--a-j);font-weight:800;font-size:.95rem}
.kafel__opis{margin:0;color:var(--t2);font-size:.88rem;line-height:1.5}
.kafel__strzalka{position:absolute;right:1.1rem;top:1.35rem;color:var(--t2);transition:transform .3s var(--ease),color .3s}
.kafel:hover .kafel__strzalka{transform:translateX(3px);color:var(--a-j)}
.uslugi__dalej,.dowod__dalej{margin:2.5rem 0 0;text-align:center}
/* oś kroków (C5) – poziomo; w wąskim kontenerze pionowo */
.os-kontener{container-type:inline-size}
.os{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));grid-auto-flow:column;gap:1.5rem}
.os__krok{position:relative;text-align:center;padding-inline:.5rem}
.os__krok:not(:last-child)::before{content:"";position:absolute;top:2.1rem;left:calc(50% + 2.9rem);width:calc(100% + 1.5rem - 5.8rem);height:1px;background:linear-gradient(90deg,#8b5cf6b2,#3b82f680)}
.os__ikona{position:relative;display:inline-grid;place-items:center;width:4.2rem;height:4.2rem;border-radius:1.1rem;border:1px solid #7c3aed73;background:#7c3aed1a;box-shadow:0 0 2rem -.6rem #7c3aedb2}
.os__ikona .ikona{--ik:2.2rem}
.os__nr{position:absolute;top:-.55rem;right:-.6rem;padding:.12rem .42rem;border-radius:1rem;background:#7c3aed;color:#fff;font-size:.7rem;font-weight:800;line-height:1.4}
.os__nr--duzy{position:static;padding:0;background:none;font-size:1.25rem}
.os__tytul{margin:1rem 0 .35rem;font-size:1.05rem;line-height:1.35}
.os--tekst .os__tytul{font-weight:400;color:#dfe2ea;font-size:1rem}
.os__krok p{margin:0;color:var(--t2);font-size:.9rem}
@container (max-width:42rem){
 .os{grid-auto-flow:row;grid-template-columns:var(--k1);gap:1.4rem}
 .os__krok{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:1.1rem;text-align:left;padding:0}
 .os__krok>:not(.os__ikona){grid-column:2}
 .os__ikona{grid-row:1/span 2;width:3.4rem;height:3.4rem}
 .os__ikona .ikona{--ik:1.8rem}
 .os__krok:not(:last-child)::before{left:1.7rem;top:3.6rem;width:1px;height:calc(100% - 2.4rem);background:linear-gradient(#8b5cf6b2,#3b82f64c)}
 .os__tytul{margin:.35rem 0 .2rem}
}
.fakty{list-style:none;margin:clamp(2.5rem,4vw,3.75rem) 0 0;padding:1.3rem clamp(1.25rem,2.5vw,2rem);display:grid;grid-template-columns:var(--k4);gap:1rem 2rem;border-radius:var(--r);border:1px solid var(--linia);background:#ffffff05}
.fakty li{gap:.85rem;font-size:.95rem;line-height:1.4}
.fakty .ikona{--ik:2rem}
@media (max-width:79.9375em){.fakty{grid-template-columns:var(--k2)}}
@media (max-width:47.9375em){.fakty{grid-template-columns:var(--k1)}}
.opinie{margin-top:2rem}
.opinia{margin:0;padding:1.75rem}
.opinia blockquote{margin:1rem 0;font-size:1.05rem;color:#fff}
.opinia figcaption{color:var(--t2);font-size:.9rem}
/* A5 zakup */
.sekcja--zakup{padding-top:calc(var(--sekcja) + 1rem)}
.zakup{position:relative;display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:clamp(1.5rem,3vw,3rem);align-items:center;padding:clamp(1.75rem,3.5vw,3.5rem);border-radius:1.25rem;background:linear-gradient(100deg,#2322d4 0%,#3a1cbc 32%,#7a1fa8 62%,#d4336d 86%,#f46a2a 100%);box-shadow:0 2rem 5rem -2.5rem #7c3aedcc,inset 0 0 0 1px #ffffff1f}
.zakup::before{content:"";position:absolute;left:50%;top:-1.15rem;border:1.2rem solid transparent;border-top:0;border-bottom-color:#6a3cf0;transform:translateX(-50%);filter:drop-shadow(0 -.3rem .6rem #7c3aed99)}
.zakup__tytul{font-size:clamp(1.5rem,1rem + 1.6vw,2.4rem);line-height:1.2}
.zakup__opcje{display:grid;grid-template-columns:var(--k2);gap:1.25rem}
.zakup__karta{position:relative;overflow:hidden;display:flex;gap:1.1rem;align-items:flex-start;min-height:9.5rem;padding:1.5rem 1.5rem 2.75rem;border-radius:1rem;border:1px solid #fff3;background:#0a06265c}
.zakup__karta h3{margin-bottom:.5rem;font-size:1.15rem}
.zakup__karta a{color:#fff}
.zakup__karta p{margin:0;color:#ebe6fb;font-size:.93rem}
.zakup__karta .karta__strzalka{position:absolute;right:1.25rem;bottom:1rem;color:#fff}
@media (max-width:63.9375em){.zakup{grid-template-columns:var(--k1)}.zakup__tytul{text-align:center}}
@media (max-width:47.9375em){.zakup__opcje{grid-template-columns:var(--k1)}}
/* FAQ (akordeon <details>) */
.faq__uklad{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:clamp(2rem,5vw,5rem);align-items:start}
.faq-lista{gap:.75rem}
.faq-lista__el{border-radius:.9rem;border:1px solid var(--linia);background:#ffffff06;transition:border-color .3s,background-color .3s}
.faq-lista__el[open]{border-color:#7c3aed73;background:#7c3aed12}
.faq-lista summary{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem 1.3rem;list-style:none;cursor:pointer;font-weight:800;line-height:1.4;border-radius:.9rem}
.faq-lista summary::-webkit-details-marker{display:none}
.faq-lista__plus{color:#b99bff;transition:transform .3s var(--ease)}
.faq-lista__el[open] .faq-lista__plus{transform:rotate(45deg)}
.faq-lista__odp{padding:0 1.3rem 1.2rem;color:var(--t2)}
.faq-lista__odp>:last-child{margin-bottom:0}
@media (max-width:63.9375em){.faq__uklad{grid-template-columns:var(--k1)}}
/* B3 pasek CTA */
.sekcja--cta{padding-block:clamp(2rem,4vw,3.5rem) var(--sekcja)}
.cta-pasek{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.25rem 2rem;padding:clamp(1.5rem,3vw,2.5rem) clamp(1.5rem,4vw,3.5rem);border-radius:1.25rem;border:1px solid #8b5cf673;background:radial-gradient(60% 150% at 100% 50%,#7c3aed66,transparent 70%),linear-gradient(90deg,#17103eeb,#211258eb);box-shadow:0 0 3.5rem -1.5rem #7c3aedb2}
.cta-pasek__tekst{flex:1 1 20rem;font-size:clamp(1.25rem,1rem + 1vw,1.9rem)}
@media (max-width:47.9375em){.cta-pasek .przycisk{width:100%}}

/* == 12. Stopka == */
.stopka{padding-block:clamp(3rem,5vw,5rem) 1.5rem;border-top:1px solid var(--linia);background:linear-gradient(180deg,#03040f,#060919)}
.stopka__wnetrze{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,4fr);gap:clamp(2rem,4vw,4.5rem)}
.stopka__slogan{margin:1.1rem 0 1.5rem;color:#fff;font-size:1.05rem}
.stopka__dane{font-style:normal;color:var(--t2);font-size:.9rem}
.stopka__dane strong{color:#fff}
.lista-kontakt{list-style:none;margin:0;padding:0;display:grid;gap:.65rem}
.lista-kontakt li{display:flex;gap:.7rem;align-items:flex-start;line-height:1.45}
.lista-kontakt .ikona{--ik:1.25rem;margin-top:.1rem;stroke-width:1.9}
.lista-kontakt a{color:var(--tekst);overflow-wrap:anywhere}
.lista-kontakt a:hover{color:#fff;text-decoration:underline}
.lista-kontakt--duza{margin-top:1.25rem;font-size:1.15rem}
.lista-kontakt--duza .ikona{--ik:1.6rem}
.stopka__linki{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1.75rem 1.5rem}
.stopka__tytul{margin-bottom:1rem;font-size:.78rem;text-transform:uppercase;letter-spacing:.14em;line-height:1.4}
.stopka__tytul a{color:#fff}
.stopka__kolumna ul{list-style:none;margin:0;padding:0;display:grid;gap:.6rem}
.stopka__kolumna li a{color:var(--t2);font-size:.9rem;line-height:1.4}
.stopka__kolumna li a:hover{color:#fff}
.stopka__dol{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem 2rem;margin-top:3rem;padding-top:1.25rem;border-top:1px solid var(--linia);color:var(--t2);font-size:.85rem}
.stopka__dol p{margin:0}
.stopka__panel a{color:var(--t2)}
.stopka__panel a:hover{color:#fff}
@media (max-width:79.9375em){.stopka__wnetrze{grid-template-columns:var(--k1)}.stopka__linki{grid-template-columns:var(--k3)}}
@media (max-width:47.9375em){.stopka__linki{grid-template-columns:var(--k2)}}

/* == 13. Podstrony == */
.podhero{position:relative;padding-block:clamp(1.75rem,4vw,3.5rem) clamp(2.5rem,5vw,4.5rem);border-bottom:1px solid var(--linia);background:radial-gradient(45% 90% at 88% 0,rgb(var(--ar)/.24),transparent 70%),radial-gradient(40% 70% at 12% 0,#1d60f71f,transparent 70%)}
.podhero h1{max-width:26ch;font-size:clamp(2rem,1.2rem + 3vw,3.9rem);letter-spacing:-.025em}
.podhero .lead{max-width:50rem}
.podhero__uklad{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(2rem,4vw,4.5rem);align-items:center}
.podhero__uklad--usluga{grid-template-columns:minmax(0,7fr) minmax(0,3.3fr);align-items:end}
.podhero__podtytul{margin:.9rem 0 0;color:#fff;font-size:clamp(1.05rem,1rem + .4vw,1.3rem)}
.podhero__meta{margin:1.25rem 0 0;color:var(--t2);font-size:.88rem}
.podhero .nadtytul .ikona{--ik:1.3rem}
@media (max-width:63.9375em){.podhero__uklad,.podhero__uklad--usluga{grid-template-columns:var(--k1)}.podhero__wizual{margin-right:1.2rem}}
.okruszki ol{display:flex;flex-wrap:wrap;gap:.35rem;margin:0 0 1.6rem;padding:0;list-style:none;font-size:.85rem;color:var(--t2)}
.okruszki li+li::before{content:"/";margin-right:.35rem;opacity:.45}
.okruszki a{color:var(--t2)}
.okruszki a:hover{color:#fff;text-decoration:underline}
.okruszki [aria-current]{color:var(--tekst)}
.skroty{display:flex;flex-wrap:wrap;gap:.6rem;margin:1.75rem 0 0;padding:0;list-style:none}
.skroty a{display:inline-block;padding:.5rem 1.05rem;border-radius:2rem;border:1px solid #ffffff26;background:#ffffff08;color:var(--tekst);font-size:.9rem}
.skroty a:hover{border-color:#8b5cf6b2;color:#fff}
.skroty--duze{justify-content:center}
.cena-wyrozniona{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:.35rem .8rem;margin:1.5rem 0 0;padding:.65rem 1.1rem;border-radius:.8rem;border:1px solid rgb(var(--ar)/.45);background:rgb(var(--ar)/.1)}
.cena-wyrozniona span,.karta-cena__etykieta{font-size:.75rem;text-transform:uppercase;letter-spacing:.14em;color:var(--t2)}
.cena-wyrozniona strong{color:#fff;font-size:1.15rem}
.karta-cena{gap:.8rem;padding:1.75rem;border-color:rgb(var(--ar)/.5)}
.karta-cena p{margin:0}
.karta-cena__kwota{color:#fff;font-weight:800;font-size:clamp(1.5rem,1.2rem + 1vw,2.1rem);line-height:1.15}
.karta-cena__opis{color:var(--t2);font-size:.9rem}
.karta-cena .link-strzalka{align-self:center}
.karta-funkcja{padding:1.6rem}
.karta-funkcja h3{margin:.6rem 0 .5rem;font-size:1.1rem}
.karta-funkcja p{margin:0;color:var(--t2);font-size:.93rem}
.karta-funkcja__nr{color:var(--a-j);font-weight:800;font-size:.85rem}
.lista-check,.lista-modele{list-style:none;margin:0;padding:0;display:grid;gap:.65rem}
.lista-check li,.lista-modele li{display:flex;gap:.7rem;align-items:flex-start;color:#d3d7e1}
.lista-check .ikona{margin-top:.2rem}
.lista-modele li{align-items:center;font-weight:800}
.lista-modele .ikona{--ik:2.2rem}
/* treść Markdown */
.proza{color:#d3d6e0;font-size:1.05rem;line-height:1.75}
.proza>:first-child,.proza>.wizualnie-ukryte+*{margin-top:0}
.proza h2{margin:2.2em 0 .6em;font-size:clamp(1.4rem,1.1rem + 1vw,1.9rem)}
.proza h3{margin:1.8em 0 .5em;font-size:1.2rem}
.proza ul,.proza ol{padding-left:1.3em;margin:0 0 1.2em}
.proza li{margin:.35em 0}
.proza li::marker{color:#a78bfa}
.proza strong{color:#fff}
.proza blockquote{margin:1.5em 0;padding:.5em 1.25em;border-left:3px solid #7c3aed;color:#fff}
.uklad-artykul{max-width:52rem;padding-block:clamp(2rem,4vw,3.5rem)}
.blok{margin-top:clamp(2.5rem,5vw,3.5rem)}
.blok>h2{margin-bottom:1.4rem;font-size:clamp(1.4rem,1.1rem + 1vw,1.9rem)}
.rozliczenie{color:#d3d6e0;font-size:1.05rem}
.uwagi{margin-top:clamp(2rem,4vw,3rem);padding:1.5rem 1.75rem;border-radius:var(--r);border:1px solid var(--linia);background:#ffffff05}
.uwagi h2{margin-bottom:1rem}
/* cennik: tabela → karty na mobile */
.cennik{display:flex;flex-direction:column;gap:clamp(2.5rem,4vw,3.5rem);padding-block:clamp(2rem,4vw,3.5rem) 0}
.cennik__grupa h2{font-size:clamp(1.3rem,1rem + 1vw,1.75rem)}
.cennik__opis{margin:.5rem 0 0;color:var(--t2)}
.tabela-owijka{margin-top:1.25rem;overflow-x:auto;border-radius:var(--r);border:1px solid var(--linia);background:#ffffff05}
.tabela{width:100%;border-collapse:collapse;font-size:.95rem}
.tabela th,.tabela td{padding:1rem 1.25rem;text-align:left;vertical-align:top;border-top:1px solid var(--linia)}
.tabela thead th{border-top:0;background:#ffffff08;color:var(--t2);font-size:.74rem;text-transform:uppercase;letter-spacing:.12em}
.tabela tbody th{width:36%}
.tabela tbody th a{gap:.75rem;color:#fff;font-weight:800;line-height:1.35}
.tabela tbody th a:hover{color:var(--a-j)}
.tabela td{color:var(--t2)}
.tabela tbody tr{transition:background-color .2s}
.tabela tbody tr:hover{background:rgb(var(--ar)/.07)}
.tabela .tabela__cena{text-align:right;white-space:nowrap}
.tabela__cena strong{color:var(--a-j)}
@media (max-width:47.9375em){
 .tabela thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
 .tabela,.tabela tbody,.tabela tr,.tabela th,.tabela td{display:block;width:auto!important}
 .tabela tbody tr{padding:1.1rem 1.1rem 1rem;border-top:1px solid var(--linia)}
 .tabela tbody tr:first-child{border-top:0}
 .tabela th,.tabela td{padding:.2rem 0;border:0}
 .tabela td::before{content:attr(data-etykieta);display:block;margin-top:.55rem;color:#8790a8;font-size:.72rem;text-transform:uppercase;letter-spacing:.12em}
 .tabela .tabela__cena{text-align:left;white-space:normal}
}
/* kontakt i formularz */
.kontakt{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:clamp(1.5rem,3vw,2.5rem);align-items:start;padding-block:clamp(2rem,4vw,3.5rem) var(--sekcja)}
.kontakt__boczna{gap:1.5rem}
.kontakt__osoba{color:var(--t2)}
.kontakt__osoba strong{color:#fff}
@media (max-width:63.9375em){.kontakt{grid-template-columns:var(--k1)}}
.formularz__info{margin:.4rem 0 0;color:var(--t2);font-size:.85rem}
.formularz__bledy{margin:1rem 0;padding:.85rem 1rem;border-radius:.75rem;border:1px solid #f871718c;background:#f8717117;color:#fecaca}
.formularz__bledy p{margin:0}
.formularz__siatka{display:grid;grid-template-columns:var(--k2);gap:1.15rem 1.25rem;margin:1.4rem 0 1.75rem}
.pole{gap:.45rem}
.pole--szerokie{grid-column:1/-1}
.pole label{font-size:.9rem;font-weight:800}
.pole__gw{color:#f585ae}
.pole input,.pole select,.pole textarea{width:100%;min-height:3.1rem;padding:.8rem .95rem;border-radius:.7rem;border:1px solid #ffffff29;background:#070a1c;color:#fff;font:inherit;transition:border-color .2s,box-shadow .2s}
.pole textarea{resize:vertical;min-height:9rem}
.pole select{appearance:none;padding-right:2.6rem;background:#070a1c url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b99bff' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right .9rem center/1.1rem}
.pole input:hover,.pole select:hover,.pole textarea:hover{border-color:#ffffff4c}
.pole input:focus,.pole select:focus,.pole textarea:focus{outline:2px solid transparent;border-color:#a78bfa;box-shadow:0 0 0 3px #8b5cf659}
.pole--blad input,.pole--blad select,.pole--blad textarea{border-color:#f87171}
.pole__blad{margin:0;color:#fca5a5;font-size:.86rem}
.pole--zgoda{flex-direction:row;flex-wrap:wrap;align-items:flex-start;gap:.5rem .8rem}
.pole--zgoda input{width:1.3rem;min-height:0;height:1.3rem;margin:.15rem 0 0;flex:none;accent-color:#7c3aed}
.pole--zgoda label{flex:1;font-weight:400;color:var(--t2);line-height:1.5}
.pole--zgoda .pole__blad{flex-basis:100%}
.pole-pulapka{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
/* CAPTCHA (Cloudflare Turnstile) – stałe miejsce w formularzu, żeby widget nie przesuwał układu */
.pole-captcha{gap:.45rem}
.pole-captcha__etykieta{margin:0;font-weight:600;font-size:.92rem}
.pole-captcha .captcha{min-height:65px;width:300px;max-width:100%}
.pole-captcha__pomoc{margin:0}
.formularz button[type="submit"][disabled]{opacity:.55;cursor:not-allowed}
@media (max-width:47.9375em){.pole-captcha .captcha{margin-left:auto;margin-right:auto}.pole-captcha__etykieta{text-align:center}}
@media (max-width:47.9375em){.formularz__siatka{grid-template-columns:var(--k1)}.formularz .przycisk{width:100%}}
.komunikat--ok{text-align:center;align-items:center;gap:.5rem}
.komunikat--ok .ikona{--ik:3.5rem}
/* baza wiedzy */
.karta-artykul{display:flex;flex-direction:column;gap:.8rem;height:100%;padding:1.6rem}
.karta-artykul__meta{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin:0;color:var(--t2);font-size:.82rem}
.etykieta{padding:.15rem .65rem;border-radius:1rem;border:1px solid #7c3aed66;background:#7c3aed26;color:#c4b5fd}
.karta-artykul h3{font-size:1.22rem;line-height:1.3}
.karta-artykul h3 a{color:#fff}
.karta-artykul p{margin:0;color:var(--t2)}
.karta-artykul .link-strzalka{margin-top:auto}
.pusto.karta{max-width:38rem;margin-inline:auto;align-items:center;gap:.8rem;text-align:center}
/* 404 */
.strona-404{padding-block:clamp(3rem,10vw,8rem);text-align:center;border:0}
.strona-404 h1,.strona-404 .lead{margin-inline:auto}
.strona-404__kod{margin:0;font-size:clamp(5rem,3rem + 10vw,11rem);font-weight:800;line-height:1;letter-spacing:-.05em;background:linear-gradient(135deg,#8b5cf6,#dc3574 60%,#f97126);-webkit-background-clip:text;background-clip:text;color:transparent}

/* == 14. Ruch: wejścia sekcji, redukcja ruchu, mobile == */
[data-wejscie]{transition:opacity .75s var(--ease),transform .75s var(--ease)}
[data-wejscie]:not([data-tilt]){transform:translateY(var(--wy,0))}
.js .wejscie--ukryte{--wy:1.75rem;opacity:0}
@media (max-width:47.9375em){
 [data-wejscie]{transition-duration:.45s}
 .js .wejscie--ukryte{--wy:1rem}
 .karta{box-shadow:none}
 .karta-apl{box-shadow:0 0 1.5rem -1rem rgb(var(--ar)/.6)}
 .ikona[class*=akcent]{filter:none}
 .korzysci__lista{grid-template-columns:var(--k2);backdrop-filter:none;background:#090b1eeb}
 .korzysci__lista li{justify-content:flex-start;font-size:.9rem}
}
@media (prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
 .js .wejscie--ukryte{--wy:0;opacity:1}
}

/* == 15. v2: języki, grafiki K/C/P, zakup, zamówienia == */
/* przełącznik języka */
.jezyki ul{display:flex;gap:.25rem;margin:0;padding:0;list-style:none}
.jezyki a{display:grid;place-items:center;min-width:2.2rem;height:2rem;padding:0 .4rem;border-radius:.5rem;border:1px solid transparent;color:var(--t2);font-size:.78rem;font-weight:800;letter-spacing:.06em}
.jezyki a:hover{color:#fff;border-color:#ffffff29}
.jezyki [aria-current]{color:#fff;border-color:#8b5cf680;background:#7c3aed2e}
.jezyki--duze a{min-width:3rem;height:2.75rem;font-size:.9rem}
.menu-mob__akcje .jezyki{margin-top:.5rem}
@media (max-width:79.9375em){.naglowek__akcje .jezyki{display:none}}
/* klasy grafik: K – ikony z alfą (poświata z .ikona--akcent-*), C – czarne tło, P – pełny kadr */
.grafika-c{mix-blend-mode:screen;pointer-events:none}
.grafika-p{border-radius:var(--r);box-shadow:0 1.5rem 3rem -1.5rem #000c,0 0 0 1px #ffffff14}
img.mk.grafika-p{border-radius:1.1rem;box-shadow:0 0 0 1px rgb(var(--ar)/.3),0 2.5rem 5rem -1.5rem #000c,0 0 5em -1.5em rgb(var(--ar)/.55)}
img.odznaka.grafika-p{border-radius:1.3rem;box-shadow:0 1rem 2.5rem -.5rem #7c3aedcc}
img.ikona{object-fit:contain}
.ikona--duza{--ik:4.5rem}
/* ikona aplikacji (G46–G48; brak pliku → kafel CSS z symbolem) */
.ikona-apl{display:inline-grid;place-items:center;flex:none;width:4.5rem;height:4.5rem;border-radius:1.1rem;overflow:hidden;background:linear-gradient(135deg,var(--a),rgb(var(--ar)/.55));box-shadow:inset 0 0 0 1px #fff3,0 .8rem 2rem -.6rem rgb(var(--ar)/.8)}
.ikona-apl .ikona{--ik:55%}
.ikona-apl img.ikona{--ik:100%;border-radius:inherit}
.ikona-apl--mala{width:3.25rem;height:3.25rem;border-radius:.8rem}
.ikona-apl--mini{width:2.1rem;height:2.1rem;border-radius:.55rem;box-shadow:none}
.podhero__marka{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}
.podhero__marka .nadtytul{margin:0}
.podhero__tlo{position:absolute;inset:0;border-radius:0;box-shadow:none}
.podhero>.szer{position:relative}
.podhero__tlo img{width:100%;height:100%;object-fit:cover}
.podhero--waski{padding-block:clamp(1.5rem,3vw,2.5rem) clamp(1.75rem,3vw,2.75rem)}
.podhero--waski h1{font-size:clamp(1.7rem,1.1rem + 2vw,2.8rem)}
.szer--sredni{width:min(100% - 2*var(--gutter),58rem)}
.naglowek-sekcji--maly h2{font-size:clamp(1.3rem,1rem + 1vw,1.8rem)}
.grupa__ikona{--ik:2.2rem;align-self:center}
.cennik__grupa h2{display:flex;align-items:center;gap:.8rem}
.tabela__okres{color:#7f88a0;font-size:.85em}
/* galeria i zastosowania */
.galeria__glowny{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}
.galeria figure{margin:0}
.galeria img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}
.galeria figcaption{margin-top:.5rem;color:var(--t2);font-size:.85rem}
.zastosowania .lista-check--kolumny{grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:.7rem 2rem}
/* plany zakupu */
.plany{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));gap:var(--odstep);align-items:stretch}
.plan{display:flex;flex-direction:column;gap:.55rem;padding:clamp(1.25rem,2vw,1.75rem)}
.plan--wyrozniony{border-color:rgb(var(--ar)/.75);box-shadow:0 0 0 1px rgb(var(--ar)/.4),0 1.5rem 3rem -1.5rem rgb(var(--ar)/.8)}
.plan__wyroznienie{align-self:flex-start;margin:0;padding:.15rem .7rem;border-radius:1rem;background:var(--a);color:#fff;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em}
.plan__nazwa{font-size:1.2rem}
.plan__okres{margin:0;color:var(--t2);font-size:.85rem}
.plan__cena{margin:.3rem 0;color:#fff;font-size:clamp(1.45rem,1.1rem + 1vw,1.9rem);font-weight:800;line-height:1.15}
.plan__opis{margin:0;color:#c9cedb;font-size:.93rem}
.plan .lista-check{margin:.4rem 0 .6rem;font-size:.92rem}
.plan__akcja{margin-top:auto;padding-top:.5rem}
.plan__wkrotce{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;margin:0;font-size:.9rem}
.etykieta--ostrzezenie{border-color:#f59e0b99;background:#f59e0b24;color:#fcd34d}
.plany-zestawienie{display:flex;flex-direction:column;gap:clamp(2rem,3.5vw,3rem)}
.plany-aplikacji__naglowek{display:flex;align-items:center;gap:1rem;margin-bottom:1.1rem}
.plany-aplikacji__naglowek h3{font-size:clamp(1.2rem,1rem + .6vw,1.5rem)}
.plany-aplikacji__naglowek a{color:#fff}
.plany-aplikacji__brak{display:flex;gap:.8rem;align-items:center}
/* pas zalet zakupu (G49–G52) */
.zalety{list-style:none;margin:clamp(2rem,3.5vw,3rem) 0 0;padding:1.1rem clamp(1rem,2.5vw,2rem);display:grid;grid-template-columns:var(--k4);gap:1rem 1.5rem;border-radius:var(--r);border:1px solid var(--linia);background:#ffffff05}
.zalety li{display:flex;align-items:center;gap:.8rem;font-weight:800;font-size:.92rem;line-height:1.35}
.zalety .ikona{--ik:2.2rem}
.zamowienie__zalety .zalety{grid-template-columns:var(--k1)}
@media (max-width:63.9375em){.zalety{grid-template-columns:var(--k2)}}
/* okładki artykułów (16:9; brak pliku → tło CSS) */
.okladka{position:relative;aspect-ratio:16/9;overflow:hidden;background:radial-gradient(60% 90% at 80% 10%,rgb(var(--ar)/.45),transparent 70%),radial-gradient(50% 80% at 10% 100%,#1d60f74d,transparent 70%),linear-gradient(135deg,#150d3a,#070a22)}
.okladka img{width:100%;height:100%;object-fit:cover;border-radius:0;box-shadow:none}
.karta-artykul{padding:0}
.karta-artykul__tresc{display:flex;flex-direction:column;gap:.8rem;flex:1;padding:1.4rem 1.6rem 1.6rem}
.artykul__okladka{margin-bottom:2rem;border-radius:var(--r)}
.strona-404__ilustracja{width:min(100%,32rem);height:auto;margin:0 auto 1rem;border-radius:0;box-shadow:none}
/* dekoracje klasy C */
.dowod{position:relative}
.dowod>.szer{position:relative}
.dowod__dekor{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.35;border-radius:0}
.cta-pasek{position:relative;overflow:hidden}
.cta-pasek__dekor{position:absolute;right:-3rem;top:50%;width:clamp(11rem,20vw,20rem);height:auto;transform:translateY(-50%);opacity:.8}
.cta-pasek>:not(.cta-pasek__dekor){position:relative}
/* zamówienie */
.zamowienie{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);grid-template-areas:"f p" "f z" "f .";gap:clamp(1.25rem,2.5vw,2rem) clamp(1.5rem,3vw,2.5rem);align-items:start;padding-block:clamp(1.5rem,3vw,2.5rem) var(--sekcja)}
.zamowienie__glowna{grid-area:f}.zamowienie__boczna{grid-area:p}.zamowienie__zalety{grid-area:z}
.zamowienie__zalety .zalety{margin:0}
.formularz__grupa{margin:0 0 1.5rem;padding:0;border:0;min-width:0}
.formularz__grupa legend{padding:0;margin-bottom:.4rem;color:#fff;font-weight:800}
.formularz__grupa .formularz__siatka{margin-bottom:0}
.pole__pomoc{margin:0;color:var(--t2);font-size:.82rem}
.pole--zgoda .pole__pomoc{flex-basis:100%;padding-left:2.1rem}
.formularz__grupa .pole--zgoda{margin-top:1rem}
.podsumowanie__produkt{display:flex;align-items:center;gap:1rem;margin-bottom:1.25rem}
.podsumowanie__produkt p{margin:0}
.podsumowanie__nazwa{color:#fff;font-weight:800;font-size:1.1rem}
.podsumowanie__plan{color:var(--t2);font-size:.9rem}
.podsumowanie__kwoty{margin:0;display:grid;gap:.1rem}
.podsumowanie__kwoty div{display:flex;justify-content:space-between;gap:1rem;padding:.55rem 0;border-bottom:1px solid var(--linia)}
.podsumowanie__kwoty dt{color:var(--t2)}
.podsumowanie__kwoty dd{margin:0;color:#fff;text-align:right;overflow-wrap:anywhere}
.podsumowanie__suma dt,.podsumowanie__suma dd{color:#fff;font-weight:800;font-size:1.15rem}
.podsumowanie__suma small{color:var(--t2);font-size:.75em}
.podsumowanie__zmiana{margin-top:1.25rem}
.podsumowanie__etykieta{margin:0 0 .5rem;color:var(--t2);font-size:.78rem;text-transform:uppercase;letter-spacing:.12em}
.podsumowanie__zmiana ul{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}
.podsumowanie__zmiana a{display:flex;justify-content:space-between;gap:1rem;padding:.65rem .85rem;border-radius:.7rem;border:1px solid #ffffff1f;color:var(--tekst);font-size:.9rem}
.podsumowanie__zmiana a:hover{border-color:rgb(var(--ar)/.7);color:#fff}
.podsumowanie__zmiana strong{color:var(--a-j);white-space:nowrap}
@media (max-width:63.9375em){.zamowienie{grid-template-columns:var(--k1);grid-template-areas:"p" "f" "z"}}
@media (min-width:37.5em) and (max-width:63.9375em){.zamowienie__zalety .zalety{grid-template-columns:var(--k2)}}
/* status zamówienia i płatność testowa */
.zamowienie-status{padding-block:clamp(1.5rem,3vw,2.5rem) var(--sekcja)}
.status{display:flex;flex-direction:column;gap:1rem}
.status__ikona{display:flex}
.status__opis{margin:0;color:#dfe2ea;font-size:1.1rem}
.status__test{margin:0;color:var(--t2)}
.status code,.podsumowanie__kwoty code{font-size:.9em;color:#c4b5fd}
.status--oplacone{border-color:#22c55e66}
.status--anulowane,.status--blad{border-color:#f8717166}
.symulacja{padding-block:clamp(1.5rem,4vw,3rem) var(--sekcja)}
.symulacja__baner{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem 1.25rem;border-radius:var(--r);border:2px dashed #f59e0b;background:repeating-linear-gradient(135deg,#f59e0b1f 0 12px,#0000 12px 24px);color:#fde68a}
.symulacja__baner p{margin:0}
.symulacja__baner strong{padding:.1rem .5rem;margin-right:.4rem;border-radius:.3rem;background:#f59e0b;color:#1b1203}
.symulacja__baner .ikona{--ik:2rem}
.symulacja__karta h1{margin-bottom:1.25rem}
.symulacja__formularz{display:flex;flex-wrap:wrap;gap:.9rem;margin:1.5rem 0 1rem}
@media (max-width:47.9375em){
 .ikona:not(.ikona--mala)[class*=akcent]{filter:drop-shadow(0 0 .2rem rgb(139 92 246/.35))}
 .symulacja__formularz .przycisk,.plan .przycisk{width:100%}
 .zalety{grid-template-columns:var(--k1)}
 .cta-pasek__dekor{display:none}
}

/* == 16. v3: zgody, dokumenty prawne, zamówienie dwuetapowe, fakty, wydajność, druk == */
[hidden]{display:none!important}
/* baner zgód – dolny, nie blokuje treści (bez tła przyciemniającego); przyciski równorzędne */
.zgody{position:fixed;left:0;right:0;bottom:0;z-index:60;max-height:85vh;overflow-y:auto;padding-block:1rem calc(1rem + env(safe-area-inset-bottom));background:#070a1f;border-top:1px solid #8b5cf659;box-shadow:0 -1rem 3rem -1rem #000c}
.zgody__wnetrze{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.9rem 2rem;align-items:center}
.zgody__tytul{font-size:1rem;margin-bottom:.3rem}
.zgody__tekst p{margin:0;color:#c9cedb;font-size:.9rem}
.zgody__panel{grid-column:1/-1}
.zgody__kategorie{margin:0;padding:0;border:0;display:grid;grid-template-columns:var(--k2);gap:.75rem}
.zgody__kat{display:flex;gap:.8rem;align-items:flex-start;padding:.8rem 1rem;border-radius:.8rem;border:1px solid var(--linia);background:#ffffff08}
.zgody__kat input{flex:none;width:2.4rem;height:1.35rem;margin:.1rem 0 0;appearance:none;border-radius:1rem;background:#3a4057;position:relative;cursor:pointer;transition:background-color .2s}
.zgody__kat input::after{content:"";position:absolute;left:.18rem;top:.18rem;width:1rem;height:1rem;border-radius:50%;background:#fff;transition:transform .2s}
.zgody__kat input:checked{background:#7c3aed}
.zgody__kat input:checked::after{transform:translateX(1.05rem)}
.zgody__kat input:disabled{opacity:.6;cursor:not-allowed}
.zgody__kat input:focus-visible{outline:2px solid #c4b5fd;outline-offset:3px}
.zgody__kat label{display:flex;flex-direction:column;gap:.15rem;font-size:.9rem}
.zgody__zawsze{color:#86efac;font-size:.78rem}
.zgody__opis-kat{color:var(--t2);font-size:.82rem}
.zgody__przyciski{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:flex-end}
.przycisk--zgoda{min-height:2.6rem;padding:.55rem 1.1rem;font-size:.88rem;border-color:#ffffff66;background:#ffffff0d}
.przycisk--zgoda:hover{border-color:#fff;background:#ffffff1a}
.zgody-otwarte body{padding-bottom:9rem}
@media (max-width:63.9375em){.zgody__wnetrze{grid-template-columns:var(--k1)}.zgody__przyciski{justify-content:stretch}.przycisk--zgoda{flex:1 1 9rem}.zgody__kategorie{grid-template-columns:var(--k1)}}
@media (max-width:47.9375em){.zgody-otwarte body{padding-bottom:16rem}.zgody__tekst p{font-size:.85rem}}
/* stopka – kolumny, informacje prawne, przycisk ustawień cookies */
.stopka__linki{grid-template-columns:repeat(auto-fit,minmax(9.5rem,1fr))}
.stopka__przycisk{padding:0;border:0;background:none;color:var(--t2);font:inherit;font-size:.9rem;line-height:1.4;cursor:pointer;text-align:left}
.stopka__przycisk:hover{color:#fff}
.stopka__odstapienie{color:#f5c2d6!important;font-weight:800}
/* dokumenty prawne */
.dokument__meta{display:flex;flex-wrap:wrap;gap:.5rem 1.75rem;margin:1.25rem 0 0}
.dokument__meta div{display:flex;gap:.4rem;font-size:.88rem}
.dokument__meta dt{color:var(--t2)}
.dokument__meta dd{margin:0;color:#fff}
.dokument__akcje{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.25rem}
.spis{margin-bottom:2rem;padding:1.1rem 1.4rem;border-radius:var(--r);border:1px solid var(--linia);background:#ffffff05}
.spis__tytul{margin:0 0 .5rem;color:#fff;font-weight:800}
.spis ol{margin:0;padding:0;list-style:none;display:grid;gap:.3rem;font-size:.92rem}
.proza--prawna h2{scroll-margin-top:calc(var(--h-nagl) + 1rem)}
/* kluczowe informacje (fakty z danych) */
.sekcja--kluczowe{padding-block:0 var(--sekcja)}
.kluczowe{padding:clamp(1.25rem,2.5vw,2rem);border-radius:var(--r);border:1px solid var(--linia);background:#ffffff05}
.kluczowe__tytul{margin-bottom:1rem;font-size:clamp(1.2rem,1rem + .6vw,1.5rem)}
.kluczowe__lista{margin:0;display:grid;grid-template-columns:var(--k2);gap:.1rem 2.5rem}
.kluczowe__lista div{display:grid;grid-template-columns:minmax(7rem,.35fr) 1fr;gap:1rem;padding:.6rem 0;border-bottom:1px solid var(--linia)}
.kluczowe__lista dt{color:var(--t2);font-size:.9rem}
.kluczowe__lista dd{margin:0;font-size:.95rem}
@media (max-width:63.9375em){.kluczowe__lista{grid-template-columns:var(--k1)}}
@media (max-width:29.9375em){.kluczowe__lista div{grid-template-columns:var(--k1);gap:.1rem}}
.wstep-listy{padding-bottom:0}
/* ceny planów: netto + brutto, odnowienie, VAT dla zagranicy */
.plan__brutto{margin:-.35rem 0 .2rem;color:#dfe2ea;font-size:.95rem}
.plan__brutto span{color:var(--t2);font-size:.82rem}
.plan__odnowienie,.plany-aplikacji__vat,.podsumowanie__vat{margin:.3rem 0 0;color:var(--t2);font-size:.83rem;line-height:1.5}
.plany-aplikacji__vat{margin-top:1rem}
/* zamówienie: typ klienta, pola, podsumowanie (krok 2) */
.pole__etykieta{margin:0;font-size:.9rem;font-weight:800}
.wybor{display:grid;grid-template-columns:var(--k2);gap:.75rem}
.wybor__opcja{display:flex;gap:.7rem;align-items:flex-start;padding:.85rem 1rem;border-radius:.8rem;border:1px solid #ffffff29;background:#070a1c;cursor:pointer}
.wybor__opcja:has(input:checked){border-color:#a78bfa;box-shadow:0 0 0 3px #8b5cf640}
.wybor__opcja input{margin:.2rem 0 0;accent-color:#7c3aed;width:1.1rem;height:1.1rem;flex:none}
.wybor__opcja span{display:flex;flex-direction:column;gap:.15rem}
.wybor__opcja small{color:var(--t2);font-size:.82rem}
.formularz__siatka--wew{display:grid;grid-template-columns:var(--k2);gap:1.15rem 1.25rem;margin:0}
.vies{color:#c4b5fd}
.rodo{margin:1.25rem 0 0;color:var(--t2);font-size:.8rem;line-height:1.55}
.dostawca{display:flex;gap:.5rem;align-items:center;margin:1rem 0 0;color:var(--t2);font-size:.85rem}
.zamowienie--krok2 .zamowienie__glowna{display:flex;flex-direction:column;gap:1.25rem}
.tabela--kwoty th,.tabela--kwoty td{padding:.75rem 1.1rem}
.tabela--kwoty tbody th{width:auto;color:var(--t2);font-weight:400}
.tabela__suma th,.tabela__suma td{color:#fff!important;font-weight:800;font-size:1.1rem}
.vat-info{margin-top:1rem;color:#c9cedb;font-size:.9rem}
.vat-info p{margin:0 0 .4rem}
.vat-info__uwaga{color:#fcd34d}
.strony-umowy{display:grid;grid-template-columns:var(--k2);gap:1.5rem}
.strony-umowy h3{margin-bottom:.6rem}
.adres{font-style:normal;color:#dfe2ea;line-height:1.6;margin-bottom:.75rem;overflow-wrap:anywhere}
.adres__vies{color:#86efac;font-size:.88rem}
.oplata__kwota{margin:0 0 1rem;font-size:1.1rem}
.oplata__kwota strong{color:#fff;font-size:1.35rem}
.podsumowanie__numer{margin:.2rem 0 1rem}
.odstapienie{display:grid;gap:1.5rem;padding-block:clamp(1.5rem,3vw,2.5rem) var(--sekcja)}
.odstapienie__tresc{margin:1rem 0;padding:.8rem 1.1rem;border-left:3px solid #7c3aed;color:#dfe2ea;white-space:pre-line}
.komunikat-krotki{margin:0;padding:.7rem 1rem;border-radius:.7rem;background:#22c55e1f;color:#bbf7d0}
.subskrypcja__formularz{display:flex;flex-wrap:wrap;gap:.9rem}
/* zmiana ceny subskrypcji: porównanie cen i zgoda klienta na odnowienie w nowej cenie */
.subskrypcja__zmiana-ceny{margin:1.2rem 0;padding:clamp(1rem,2vw,1.5rem);border-color:#f59e0b66}
.subskrypcja__zmiana-ceny h2{margin:0 0 .8rem;font-size:1.15rem}
.subskrypcja__zmiana-ceny p{margin:.6rem 0 0;color:var(--t2)}
.subskrypcja__zmiana-ceny .subskrypcja__formularz{margin-top:1.1rem}
.status__platnosc{margin-top:.5rem}
@media (max-width:47.9375em){.wybor,.formularz__siatka--wew,.strony-umowy{grid-template-columns:var(--k1)}}
/* H1 strony głównej: nadtytuł (frazy) jako widoczna część nagłówka */
.hero__nadtytul{display:flex;margin:0 0 1.25rem;line-height:1.4;letter-spacing:.2em;font-size:.78rem}
/* wydajność: sekcje poniżej pierwszego ekranu renderowane leniwie; tańszy akordeon */
.strona-glowna .sekcja{content-visibility:auto;contain-intrinsic-size:auto 900px}
.faq-lista__el{contain:layout paint}
/* druk (dokumenty prawne, podsumowania) */
@media print{
 html,body{background:#fff!important;color:#000!important;font-size:11pt}
 .naglowek,.stopka,.zgody,.pomin,.dokument__akcje,.spis,.sekcja--cta,.okruszki,.podhero__tlo,.sprite{display:none!important}
 .podhero,.sekcja,.karta{background:none!important;border:0!important;box-shadow:none!important;padding:0!important}
 h1,h2,h3,h4,.proza,.proza strong,.lead,.dokument__meta dd{color:#000!important}
 .proza a{color:#000;text-decoration:underline}
 .proza a[href^="http"]::after{content:" (" attr(href) ")";font-size:.85em}
 .szer,.szer--tekst{width:100%!important}
 h2,h3{break-after:avoid}
}

/* == 17. v4: audyt wizualny – bez nachodzenia i ucinania (PL/EN, 320–1920 px, tekst 200%) == */
/* złożenia „e-commerce”, „on-site” (strona.js) i ceny (LamanieCeny) nie łamią się w złym miejscu */
.bez-lamania{white-space:nowrap}
/* plakietki: min. 11 px */
.os__nr,.plan__wyroznienie{font-size:.75rem}
/* oś kroków: poziomo tylko wtedy, gdy każdy krok ma ≥ ~10 rem (5+ kroków przechodzi w pion wcześniej) */
@container (max-width:56rem){
 .os:has(>li:nth-child(5)){grid-auto-flow:row;grid-template-columns:var(--k1);gap:1.4rem}
 .os:has(>li:nth-child(5)) .os__krok{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:1.1rem;text-align:left;padding:0}
 .os:has(>li:nth-child(5)) .os__krok>:not(.os__ikona){grid-column:2}
 .os:has(>li:nth-child(5)) .os__ikona{grid-row:1/span 2;width:3.4rem;height:3.4rem}
 .os:has(>li:nth-child(5)) .os__krok:not(:last-child)::before{left:1.7rem;top:3.6rem;width:1px;height:calc(100% - 2.4rem);background:linear-gradient(#8b5cf6b2,#3b82f64c)}
 .os:has(>li:nth-child(5)) .os__tytul{margin:.35rem 0 .2rem}
}
@container (max-width:68rem){
 .os:has(>li:nth-child(6)){grid-auto-flow:row;grid-template-columns:var(--k1);gap:1.4rem}
 .os:has(>li:nth-child(6)) .os__krok{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:1.1rem;text-align:left;padding:0}
 .os:has(>li:nth-child(6)) .os__krok>:not(.os__ikona){grid-column:2}
 .os:has(>li:nth-child(6)) .os__ikona{grid-row:1/span 2;width:3.4rem;height:3.4rem}
 .os:has(>li:nth-child(6)) .os__krok:not(:last-child)::before{left:1.7rem;top:3.6rem;width:1px;height:calc(100% - 2.4rem);background:linear-gradient(#8b5cf6b2,#3b82f64c)}
 .os:has(>li:nth-child(6)) .os__tytul{margin:.35rem 0 .2rem}
}
.os__tytul,.kafel__nazwa,.karta h3,.plan h3{overflow-wrap:break-word}
/* kafle usług: strzałka ma własne miejsce przy tytule, treść wykorzystuje całą szerokość */
.kafel{padding-right:1.3rem}
.kafel__nazwa{padding-right:1.6rem}
/* tabele w treściach Markdown (dokumenty prawne): przewijanie poziome tylko w obrębie tabeli */
.proza table{display:block;max-width:100%;overflow-x:auto;margin:1.5em 0;border-collapse:collapse;font-size:.92rem;line-height:1.55;border:1px solid var(--linia);border-radius:.6rem}
.proza th,.proza td{min-width:9rem;padding:.65rem .9rem;text-align:left;vertical-align:top;border-top:1px solid var(--linia)}
.proza thead th{border-top:0;background:#ffffff08;color:#fff}
.proza table:focus-visible{outline-offset:2px}
/* kwoty w podsumowaniu: łamanie tylko między kwotą a jednostką (LamanieCeny), nie w środku słowa */
.podsumowanie__kwoty dd{overflow-wrap:break-word}
.podsumowanie__suma small{white-space:nowrap}
/* lista korzyści z punktami (podstrona aplikacji): kolumny tylko, gdy mieszczą najdłuższe słowo */
.korzysci--punkty .korzysci__lista{grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr))}
/* odznaki przy makietach: w lewym dolnym rogu (tam makiety nie mają tekstu), częściowo poza makietą */
.odznaka,.odznaka--pomarancz{right:auto;top:auto;left:-1.4rem;bottom:-1.2rem}
@media (max-width:63.9375em){.karta-apl__wizual,.podhero__wizual{margin-right:0;margin-inline:1rem 0;margin-bottom:.8rem}}
@media (max-width:47.9375em){.odznaka,.odznaka--pomarancz{left:-.9rem;bottom:-.9rem;width:3.6rem;border-radius:.9rem}}
/* stos ekranów w hero: treść niższych ekranów wygasa przed krawędzią ekranu, który je przykrywa –
   bez przeciętych w pół napisów; --wid = widoczna (nieprzykryta) część treści ekranu */
.stos__ekran{--wid:57%}
.stos__ekran:not(:last-child) .mk__okno>:not(.mk__belka){-webkit-mask-image:linear-gradient(180deg,#000 calc(var(--wid) - 20%),transparent calc(var(--wid) - 6%));mask-image:linear-gradient(180deg,#000 calc(var(--wid) - 20%),transparent calc(var(--wid) - 6%))}
@media (max-width:63.9375em){.stos__ekran{--wid:44%}}
@media (max-width:47.9375em){
 .stos__ekran{--wid:35%}
 .stos__ekran--1{right:4%}
 .stos__ekran--2{top:30%;right:16%}
 .stos__ekran--2:not(:last-child) .mk__okno>:not(.mk__belka){-webkit-mask-image:none;mask-image:none}
 .hero{padding-bottom:6.5rem}
}
/* baner zgód na najwęższych ekranach: przyciski jeden pod drugim (pełne etykiety, bez zawijania) */
@media (max-width:23.4375em){.przycisk--zgoda{flex-basis:100%}}
.hero__nadtytul{text-wrap:balance}
/* Runda 4 – stopka: „Informacje prawne” jako pełny wiersz pod kolumnami (bez pustej przestrzeni obok) */
.stopka__linki .stopka__prawne{grid-column:1/-1;padding-top:1.25rem;border-top:1px solid rgba(255,255,255,.08)}
.stopka__linki .stopka__prawne ul{display:flex;flex-wrap:wrap;gap:.6rem 1.75rem}
.stopka__linki .stopka__prawne li{min-width:0}

/* Runda 5 – osierocony ostatni element w siatce 2-kolumnowej (tablet): wyśrodkowany, szerokość jednej kolumny */
@media (min-width:48em) and (max-width:79.9375em){
 .siatka--kafle>li:last-child:nth-child(odd),.siatka--3>li:last-child:nth-child(odd){grid-column:1/-1;justify-self:center;width:calc((100% - var(--odstep))/2)}
}
/* Druk – wszystkie sekcje widoczne niezależnie od animacji wejścia */
@media print{.wejscie--ukryte{opacity:1!important;--wy:0!important;transform:none!important}}

/* == 18. v4 (runda 6): podgląd, konserwacja, rabat, promocja (Omnibus), licencja == */
/* belka podglądu z panelu – nad nagłówkiem, przyklejona; nagłówek przesuwa się pod nią */
.belka-podgladu{position:sticky;top:0;z-index:55;height:2.5rem;display:flex;align-items:center;background:repeating-linear-gradient(135deg,#f59e0b 0 1rem,#f7ad2a 1rem 2rem);color:#1a1203;font-size:.88rem;line-height:1.35}
.belka-podgladu__wnetrze{display:flex;align-items:center;gap:.6rem;padding-block:.45rem}
.belka-podgladu p{margin:0}
.belka-podgladu .ikona{flex:none;stroke:#1a1203}
.podglad .naglowek{top:2.5rem}
/* jedna linia (wysokość = przesunięcie nagłówka); opis tylko na szerokich ekranach, węższe – dla czytników ekranu */
@media (max-width:63.9375em){.belka-podgladu__opis{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}
.podglad{--podglad:2.5rem;scroll-padding-top:calc(var(--h-nagl) + 3.5rem)}
/* konserwacja */
.naglowek--prosty .naglowek__akcje--prosty{display:flex;margin-left:auto}
.naglowek--prosty .naglowek__akcje .jezyki{display:block}
.naglowek--prosty .logo{cursor:default}
.konserwacja{padding-block:clamp(2.5rem,8vw,6rem);min-height:calc(100svh - var(--h-nagl) - 5rem);display:grid;align-items:center}
.konserwacja__karta{display:flex;flex-direction:column;align-items:flex-start;gap:.35rem;padding:clamp(1.5rem,4vw,3rem)}
.konserwacja__karta h1{font-size:clamp(1.8rem,1.2rem + 2.4vw,3rem);overflow-wrap:break-word}
.konserwacja__karta .lead{margin:.4rem 0 .6rem;color:#c9cedb;font-size:clamp(1rem,.9rem + .4vw,1.2rem)}
.konserwacja__ikona{margin-bottom:.75rem}
.konserwacja__komunikat{margin:.25rem 0 .5rem;padding:.9rem 1.1rem;border-left:3px solid #7c3aed;border-radius:.4rem;background:#7c3aed14;color:#fff}
.konserwacja__koniec{display:flex;gap:.6rem;align-items:flex-start;margin:.25rem 0;color:#dfe2ea}
.konserwacja__koniec .ikona{margin-top:.2rem;flex:none}
.konserwacja__odswiez,.konserwacja__kontakt{margin:.25rem 0 0;color:var(--t2);font-size:.95rem}
.konserwacja__kontakt a{overflow-wrap:anywhere}
.stopka--prosta{padding-block:1.5rem;border-top:1px solid var(--linia);color:var(--t2);font-size:.85rem}
.stopka--prosta p{margin:0}
/* kod rabatowy i wiersz rabatu */
.formularz__grupa--rabat #f-kod_rabatowy{text-transform:uppercase;letter-spacing:.06em}
.kod-rabatowy,.promocja__kod code{padding:.05rem .4rem;border-radius:.35rem;border:1px dashed #a78bfa99;background:#7c3aed1f;color:#ddd6fe;font-size:.95em;letter-spacing:.04em;overflow-wrap:anywhere}
.tabela__rabat td,.podsumowanie__rabat dd{color:#86efac!important}
/* promocja na kartach planów i w tabeli cennika */
.promocja{display:flex;flex-direction:column;gap:.35rem}
.promocja__etykieta{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .6rem;margin:0}
.etykieta--promocja{display:inline-flex;align-items:center;gap:.35rem;border-color:#f9712699;background:#f9712626;color:#fdba74;font-size:.8rem;font-weight:800;letter-spacing:.04em}
.promocja__do{color:var(--t2);font-size:.85rem}
.promocja .plan__cena{margin:.1rem 0 0}
.promocja__regularna{margin:0;color:var(--t2);font-size:.92rem}
.promocja__regularna s{color:#a3a9bb;text-decoration-thickness:1.5px}
.promocja .plan__brutto{margin:0}
.promocja__omnibus{margin:.15rem 0 0;padding:.55rem .75rem;border-radius:.5rem;background:#ffffff08;color:#cfd3de;font-size:.85rem;line-height:1.5}
.promocja__omnibus strong{color:#fff;white-space:nowrap}
.promocja__kod{margin:0;color:var(--t2);font-size:.85rem}
.promocja--mala{gap:.2rem;white-space:normal;text-align:left;min-width:12rem}
.promocja--mala .plan__cena{font-size:1.05rem;color:var(--a-j)}
.promocja--mala .plan__brutto,.promocja--mala .promocja__regularna{font-size:.85rem}
.promocja--mala .promocja__omnibus{padding:.4rem .55rem;font-size:.8rem}
.tabela .tabela__cena:has(.promocja){white-space:normal;min-width:14rem}
.podsumowanie__promocja{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--linia)}
/* licencja na stronie statusu */
.licencje{margin:1.5rem 0 .5rem;padding:1.25rem clamp(1rem,2.5vw,1.5rem);border-radius:var(--r);border:1px solid #7c3aed59;background:#7c3aed12}
.licencje h2{display:flex;align-items:center;gap:.6rem;margin-bottom:.9rem}
.licencja+.licencja{margin-top:1.1rem;padding-top:1.1rem;border-top:1px solid var(--linia)}
.licencja__aplikacja{margin:0 0 .4rem;color:#fff;font-weight:800}
.licencja__etykieta{margin:0 0 .35rem;color:var(--t2);font-size:.8rem;text-transform:uppercase;letter-spacing:.12em}
.licencja__klucz{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem}
.licencja__klucz code{flex:1 1 15rem;min-width:0;padding:.65rem .85rem;border-radius:.6rem;border:1px solid #ffffff26;background:#05071a;color:#fff;font-size:clamp(.95rem,.85rem + .4vw,1.15rem);letter-spacing:.08em;overflow-wrap:anywhere;user-select:all}
.licencja__pomoc{min-height:1.2em;margin:.35rem 0 0;color:#86efac;font-size:.85rem}
.licencja__pomoc:empty{min-height:0;margin:0}
.licencja__pobieranie{display:flex;flex-direction:column;align-items:flex-start;gap:.6rem;margin-top:.9rem}
.licencja__pliki{display:flex;flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none}
.licencja__pliki .przycisk,.licencja__pobieranie>.przycisk{max-width:100%;white-space:normal;text-align:left}
.licencja__waznosc,.licencja__wygasl,.licencja__uniewazniona{margin:0;color:var(--t2);font-size:.9rem}
.licencja__waznosc strong{color:#fff}
.tabela .tabela__cena .promocja--mala{align-items:flex-end;text-align:right}
.tabela .tabela__cena .promocja--mala .promocja__etykieta{justify-content:flex-end}
@media (max-width:47.9375em){.tabela .tabela__cena .promocja--mala{align-items:flex-start;text-align:left}.tabela .tabela__cena .promocja--mala .promocja__etykieta{justify-content:flex-start}}
/* panel klienta (B5): nawigacja konta, kafle podsumowania i listy dokumentów */
.konto{display:grid;gap:1.25rem;padding-block:clamp(1.5rem,3vw,2.5rem) var(--sekcja)}
.konto__panel{margin:0;text-align:center;font-size:.85rem}
.konto__panel a{color:var(--t2)}
.konto__panel a:hover{color:#fff}
.konto-menu{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.9rem}
.konto-menu__lista{display:flex;flex-wrap:wrap;gap:.4rem;margin:0;padding:0;list-style:none}
.konto-menu__link{display:inline-block;padding:.5rem .95rem;border-radius:.6rem;border:1px solid var(--linia);color:var(--t2);text-decoration:none;font-size:.92rem}
.konto-menu__link:hover{color:#fff;border-color:#7c3aed80}
.konto-menu__link--aktywny{color:#fff;border-color:#7c3aed;background:#7c3aed1f}
.konto-menu__wyloguj{margin:0}
.konto-karta,.konto-sekcja{margin:0}
.konto-sekcja h2{margin:0 0 .9rem}
.konto-kafle{display:grid;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:1rem}
.konto-kafel{flex-direction:column;align-items:flex-start;gap:.35rem;padding:1.25rem;text-decoration:none;color:inherit}
.konto-kafel:hover{border-color:#7c3aed80}
.konto-kafel__liczba{color:#fff;font-size:1.8rem;font-weight:800;line-height:1.1}
.konto-kafel__nazwa{color:var(--t2);font-size:.92rem}
.konto-lista{display:grid;gap:1rem;margin:0;padding:0;list-style:none}
.konto-wiersz{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem}
.konto-wiersz--kolumna{flex-direction:column;align-items:stretch}
.konto-wiersz__glowna{min-width:0}
.konto-wiersz__tytul{margin:0 0 .3rem;color:#fff;font-weight:800}
.konto-wiersz__meta{margin:0;color:var(--t2);font-size:.9rem;overflow-wrap:anywhere}
.konto-wiersz__meta code{color:#dfe2ea}
.konto-wiersz__tresc{margin:.6rem 0 0;color:#dfe2ea;white-space:pre-line}
.konto-wiersz__odpowiedz{margin:.6rem 0 0;padding-left:.85rem;border-left:3px solid #7c3aed;color:#dfe2ea}
.konto-odstapienie{margin-top:.4rem;border-top:1px solid var(--linia);padding-top:.8rem}
.konto-odstapienie summary{display:flex;align-items:center;gap:.5rem;cursor:pointer;color:var(--t2);font-size:.92rem}
.konto-odstapienie summary:hover{color:#fff}
.konto-odstapienie .formularz{margin-top:.9rem}
.konto-usuniecie{border-color:#f43f5e59}
.konto-usuniecie h2{color:#fda4af}
.konto-pusto{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem}
.konto-pusto p{margin:0;color:var(--t2)}
@media (max-width:47.9375em){.konto-menu{justify-content:flex-start}.konto-wiersz{flex-direction:column;align-items:stretch}}