@font-face{font-family:Roobert;src:url(fonty/Roobert-Regular.woff2) format("woff2"),url(fonty/Roobert-Regular.otf) format("opentype");font-weight:400;font-display:swap}
@font-face{font-family:Roobert;src:url(fonty/Roobert-Medium.woff2) format("woff2"),url(fonty/Roobert-Medium.otf) format("opentype");font-weight:500;font-display:swap}
:root{--g:#000623;--n:#5768FF;--nt:#4E5EE5;--n2:#4E5EE5;--p:#F9F9F9;--l:#CCCDD3;--s:#666A7B;--szary:#D9D9D9}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--p);color:var(--g);font-family:Roobert,"Segoe UI",system-ui,sans-serif;font-size:calc(16px * var(--kn));line-height:calc(24px * var(--kn));
 -webkit-font-smoothing:antialiased;letter-spacing:-.01em;overflow-x:hidden}
img,svg,video{display:block;max-width:100%}
a{color:inherit}
em{font-style:normal;color:var(--n)}
.t-ciemne em,.hero-ciemny em{color:#5768FF}   /* 30.09: niebieski marki na granacie jak w projekcie (4,6:1) */
.cta em,.t-nieb em{color:#fff;text-decoration:underline;text-decoration-thickness:calc(2px * var(--kn));text-underline-offset:calc(6px * var(--kn));text-decoration-color:rgba(255,255,255,.55)}
h1,h2,h3,p,ul,ol,figure,blockquote{margin:0;padding:0}
ul,ol{list-style:none}
h1,h2,h3{font-weight:500}
/* kerning −1% wielkości pisma jak w projekcie (body dziedziczy −0,16 px, nagłówki potrzebują własnego) */
h1,h2,h3,.h1m,.etap-n,.btn-l,.newsl h2{letter-spacing:-.01em}
h1{font-size:calc(40px * var(--ts) * var(--kn));line-height:1}
.h1m{font-size:calc(40px * var(--ts) * var(--kn));line-height:1}
h2{font-size:calc(32px * var(--ts) * var(--kn));line-height:calc(40px * var(--ts) * var(--kn));margin-bottom:calc(16px * var(--kn));max-width:calc(900 * var(--u) * var(--kn))}
h3{font-size:calc(20px * var(--kn));line-height:calc(25px * var(--kn));margin-bottom:calc(10px * var(--kn))}
p+p{margin-top:calc(12px * var(--kn))}
/* marginesy jak w Figmie na każdej szerokości (brief v2 pkt 2–3): treść 40 px od krawędzi okna, bez limitu 1200;
   telefon (≤ 900 px): 20 px jak w ramkach mobilnych 320 px */
.wrap{max-width:none;margin:0;padding:0 calc(40px * var(--kn))}
.c{text-align:center}.c h2,.c .lead{margin-left:auto;margin-right:auto}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:calc(-9999px * var(--kn))}.skip:focus{left:calc(16px * var(--kn));top:calc(16px * var(--kn));z-index:99;background:#fff;padding:calc(8px * var(--kn)) calc(12px * var(--kn))}
.etyk{font-size:calc(16px * var(--kn));line-height:calc(20px * var(--kn));margin-bottom:calc(10px * var(--kn));color:var(--g)}
.t-ciemne .etyk,.hero-ciemny .etyk,.cta .etyk,.t-nieb .etyk{color:#fff}
.lead{font-size:calc(16px * var(--kn));line-height:calc(24px * var(--kn));max-width:calc(740 * var(--u) * var(--kn));margin-bottom:calc(32px * var(--kn))}
/* przyciski */
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:calc(40px * var(--kn));padding:calc(10px * var(--kn)) calc(20px * var(--kn));background:var(--n);color:#fff;
 text-decoration:none;font-size:calc(16px * var(--kn));line-height:calc(20px * var(--kn));border:0;font-family:inherit;cursor:pointer;margin:calc(24px * var(--kn)) calc(12px * var(--kn)) 0 0;transition:background .2s}
.btn:hover{background:#3543C1}
.btn-l{min-height:calc(60px * var(--kn));font-size:calc(20px * var(--kn));line-height:calc(25px * var(--kn));padding:calc(15px * var(--kn)) calc(24px * var(--kn))}
.btn-drugi{background:transparent;color:var(--g);box-shadow:inset 0 0 0 1px var(--g)}
.btn-drugi:hover{background:transparent;color:#5768FF;box-shadow:inset 0 0 0 1px #5768FF}
.t-ciemne .btn-drugi,.hero-ciemny .btn-drugi{color:#fff;box-shadow:inset 0 0 0 1px #fff}
.btn-granat{background:var(--g)}.btn-granat:hover{background:#fff;color:var(--g)}
/* belka */
.belka{position:fixed;left:0;right:0;top:calc(20px * var(--kn));z-index:50;height:calc(60px * var(--kn));background:var(--g);transition:background .25s,top .2s}
/* Top navigation - Desktop (207:6081): logo LEFT przy 40 px, menu i przycisk RIGHT przy 40 px od prawej krawędzi okna */
.belka-in{height:100%;margin:0;padding:calc(10px * var(--kn)) calc(40px * var(--kn));display:flex;align-items:center;gap:calc(40px * var(--kn))}
.logo{flex:none}.logo img{width:calc(186px * var(--kn));height:calc(40px * var(--kn))}.logo-g{display:none}
.belka nav{margin-left:auto}
.menu{display:flex;gap:calc(40px * var(--kn));align-items:center}
button,input,textarea,select{letter-spacing:inherit}
.nl{display:flex;align-items:center;gap:0;color:#fff;font:inherit;font-size:calc(16px * var(--kn));background:none;border:0;padding:0;cursor:pointer;
 text-decoration:none;white-space:nowrap}
.nl svg{width:calc(20px * var(--kn));height:calc(20px * var(--kn))}
.nl:hover{text-decoration:underline;text-underline-offset:calc(5px * var(--kn))}
.nl-off{cursor:default}.nl-off:hover{text-decoration:none}
/* teksty tylko na desktopie / tylko na telefonie (ramki mobilne mają inne brzmienie albo twarde spacje) */
.t-only{display:none}
/* przycisk 162×40 i pozycje menu na szerokościach z projektu (Nav Link 86/92/108/62/57): przeglądarka składa Roobert
   o 1–2,5 px szerzej, więc bez stałych szerokości menu przesuwało się w lewo o 2–4,6 px (audyt A pkt 11) */
.btn-belka{margin:0;width:calc(162px * var(--kn));padding-left:0;padding-right:0}
@media (min-width:901px){.menu>li:nth-child(1)>.nl{width:calc(86px * var(--kn))}.menu>li:nth-child(2)>.nl{width:calc(92px * var(--kn))}.menu>li:nth-child(3)>.nl{width:auto}.menu>li:nth-child(4)>.nl{width:calc(62px * var(--kn))}.menu>li:nth-child(5)>.nl{width:calc(57px * var(--kn))}}
.belka.belka-jasna:not(.zjechana){background:transparent}
.belka.belka-jasna:not(.zjechana) .nl{color:var(--g)}
.belka.belka-jasna:not(.zjechana) .logo-b{display:none}.belka.belka-jasna:not(.zjechana) .logo-g{display:block}
.belka.zjechana{top:0}
.rozw{position:relative}
.mm{position:fixed;left:0;right:0;top:calc(80px * var(--kn));background:#fff;box-shadow:0 calc(24px * var(--kn)) calc(48px * var(--kn)) rgba(0,6,35,.16);opacity:0;visibility:hidden;
 transform:translateY(calc(-8px * var(--kn)));transition:opacity .2s,transform .2s,visibility .2s}
.belka.zjechana .mm{top:calc(60px * var(--kn))}
.rozw.otwarte .mm{opacity:1;visibility:visible;transform:none}
.mm-in{margin:0;padding:calc(32px * var(--kn)) calc(40px * var(--kn)) calc(40px * var(--kn));display:grid;grid-template-columns:repeat(4,1fr);gap:calc(32px * var(--kn))}
.mm-t{font-size:calc(14px * var(--kn));color:var(--s);margin-bottom:calc(12px * var(--kn));min-height:calc(20px * var(--kn))}
.mm-k li a{display:block;padding:calc(7px * var(--kn)) 0;color:var(--g);text-decoration:none}
.mm-k li a:hover{color:var(--nt)}
.burger{display:none;width:calc(44px * var(--kn));height:calc(44px * var(--kn));background:none;border:0;padding:calc(10px * var(--kn));cursor:pointer}
.burger span{display:block;height:calc(2px * var(--kn));background:#fff;margin:calc(5px * var(--kn)) 0}
.belka.belka-jasna:not(.zjechana) .burger span{background:var(--g)}
/* otwarte menu: ikona ≡ → × (audyt A pkt 13) */
.burger span{transition:transform .2s,opacity .2s}
.belka.menu-otwarte .burger span:nth-child(1){transform:translateY(calc(8px * var(--kn))) rotate(45deg)}
.belka.menu-otwarte .burger span:nth-child(2){opacity:0}
.belka.menu-otwarte .burger span:nth-child(3){transform:translateY(calc(-8px * var(--kn))) rotate(-45deg)}
/* hero podstrony (jak w projekcie: szare tło, portret z prawej, podpis w granatowym boksie) */
.hero{background:var(--szary);min-height:calc(480px * var(--kn));padding-top:calc(80px * var(--kn));overflow:hidden}
.hero-in{display:grid;grid-template-columns:1fr 1fr;gap:calc(40px * var(--kn));align-items:end;min-height:calc(400px * var(--kn))}
.hero-t{padding:0 0 calc(40px * var(--kn));align-self:end;max-width:calc(520 * var(--u) * var(--kn))}
.hero h1{font-size:calc(32px * var(--ts) * var(--kn));line-height:1;margin-bottom:calc(20px * var(--kn))}
.hero-lead{font-size:calc(16px * var(--kn));line-height:calc(20px * var(--kn))}
.hero-o{position:relative;align-self:stretch;min-height:calc(400px * var(--kn));margin-right:calc(-40px * var(--kn))}
.hero-o .fot{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 20%}
.podpis{position:absolute;right:0;bottom:0;background:var(--g);color:#fff;padding:calc(10px * var(--kn));font-size:calc(16px * var(--kn));line-height:calc(24px * var(--kn));max-width:calc(300px * var(--kn));z-index:1}
.podpis b{display:block;font-weight:400}.podpis span{display:block}
.hero-roz img{position:absolute;right:0;bottom:0;width:100%;height:100%;object-fit:cover}
.hero-ciemny{background:var(--g);color:#fff}
/* hero z wycięciem (projekt Figmy): belka nad hero, jeden kolor nagłówka, bez nadlinii, osoba dociśnięta do dołu */
/* hero z projektu Figmy: jednolite #D9D9D9, osoba bez tła dociśnięta do dołu, bez nadlinii, nagłówek w jednym kolorze */
.hero{background:#D9D9D9}.hero:has(.hero-wyc){padding-top:0}
.hero:has(.hero-wyc) .hero-in{min-height:calc(480px * var(--kn));align-items:stretch;grid-template-columns:minmax(calc(456 * var(--u) * var(--kn)),1fr) 1fr}
/* 901–1000 px: płótno 700 px zaczynałoby się przed końcem tekstu (x 496) → przesunięte w prawo, podpis zostaje w rogu */
@media (min-width:901px) and (max-width:1000px){.hero .hero-wyc .wyc{right:calc(calc(min(100vw, 1920px) * var(--kn)) - calc(1000px * var(--kn)))}}
.hero:has(.hero-wyc) .hero-t{padding:calc(120px * var(--kn)) 0 calc(40px * var(--kn));max-width:calc(456 * var(--u) * var(--kn));position:relative;z-index:1}
.hero:has(.hero-wyc) .btn{margin-top:calc(20px * var(--kn))}
.hero .etyk{display:none}
.hero h1 em{color:inherit}
/* jak w Figmie: podpis dotyka prawej krawędzi strony, osoba stoi ok. 300 px od niej (środek sylwetki) */
.hero-wyc{min-height:calc(480px * var(--kn));margin-right:calc(-40px * var(--kn))}
.wyc-tel{display:none}
/* płótno z portrety.py = prawa część ramki projektu (x 500–1200, 480 px): czubek głowy 101 px od góry, głowa ~99 px */
.hero-wyc .wyc{position:absolute;right:0;bottom:0;width:calc(700 * var(--u) * var(--kn));height:calc(480px * var(--kn));max-width:none}
/* hero prosty */
.hero-prosty{padding:calc(140px * var(--kn)) 0 calc(60px * var(--kn));background:#fff}
.hero-prosty .etyk{color:#666A7B}
.hero-prosty .h1m{max-width:calc(900 * var(--u) * var(--kn))}
.hero-prosty .lead{margin-top:calc(20px * var(--kn));max-width:calc(760 * var(--u) * var(--kn))}
/* okruszki */
.okruszki{padding-top:calc(20px * var(--kn));padding-bottom:0}
.okruszki ol{display:flex;flex-wrap:wrap;gap:calc(6px * var(--kn));font-size:calc(14px * var(--kn));color:var(--s)}
.okruszki li+li::before{content:"/";margin-right:calc(6px * var(--kn));color:var(--l)}
.okruszki a{color:var(--s);text-decoration:none}.okruszki a:hover{color:var(--g);text-decoration:underline}
.hero-prosty+.okruszki{display:none}
/* sekcje */
.sek{padding:calc(120px * var(--kn)) 0}
.t-jasne{background:var(--p)}.t-biale{background:#fff}.t-szare{background:var(--szary)}
.t-ciemne{background:var(--g);color:#fff}.t-nieb{background:var(--n);color:#fff}
.tk{display:block}.tk-2{display:grid;grid-template-columns:1.2fr .8fr;gap:calc(60px * var(--kn));align-items:start}
.tk p{max-width:calc(720 * var(--u) * var(--kn))}
.tk-bok{position:relative;min-height:calc(360px * var(--kn));background:var(--szary)}
.tk-bok .fot{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.tk-roz{background:var(--g)}.tk-roz img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.tk-pkt{background:none;min-height:0}
.pkt li,.tk-pkt li{position:relative;padding:calc(14px * var(--kn)) 0 calc(14px * var(--kn)) calc(36px * var(--kn));border-bottom:1px solid var(--l)}
.t-ciemne .pkt li{border-color:rgba(255,255,255,.2)}
.pkt li::before,.tk-pkt li::before{content:"";position:absolute;left:0;top:calc(18px * var(--kn));width:calc(20px * var(--kn));height:calc(20px * var(--kn));border-radius:calc(10px * var(--kn));
 background:var(--n) url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M5.5 10.5l3 3 6-7" stroke="white" stroke-width="2" fill="none"/></svg>') center/calc(14px * var(--kn)) no-repeat}
/* karty */
.siatka{display:grid;gap:calc(20px * var(--kn));margin-top:calc(40px * var(--kn))}
.k2{grid-template-columns:repeat(2,1fr)}.k3{grid-template-columns:repeat(3,1fr)}.k4{grid-template-columns:repeat(4,1fr)}
.karta{position:relative;display:block;background:#fff;padding:calc(40px * var(--kn));color:var(--g);text-decoration:none;min-height:100%;
 transition:box-shadow .2s,transform .2s}
.t-biale .karta{background:var(--p)}
.t-ciemne .karta{background:#fff;color:var(--g)}
a.karta{padding-bottom:calc(84px * var(--kn))}
a.karta:hover{box-shadow:0 calc(12px * var(--kn)) calc(32px * var(--kn)) rgba(0,6,35,.12);transform:translateY(calc(-2px * var(--kn)))}
.karta p{color:#666A7B;font-size:calc(16px * var(--kn));line-height:calc(24px * var(--kn))}
.k-etyk{font-size:calc(14px * var(--kn))!important;color:var(--nt)!important;margin-bottom:calc(12px * var(--kn))}
.strz{position:absolute;left:calc(40px * var(--kn));bottom:calc(32px * var(--kn));display:grid;place-items:center;width:calc(36px * var(--kn));height:calc(36px * var(--kn));border:1px solid var(--g);border-radius:calc(18px * var(--kn))}
.karta:hover .strz{background:var(--g);color:#fff}
.ik{display:block;width:calc(40px * var(--kn));height:calc(40px * var(--kn));margin-bottom:calc(28px * var(--kn))}
.karta-ob h3{font-size:calc(20px * var(--kn))}
.art-t{overflow-wrap:anywhere}.art-t table{display:block;overflow-x:auto;max-width:100%}

/* etapy z projektu Figmy (Strategia): karta 1120×380, tekst 60 px od lewej, grafika 455 px po prawej */
.etapy{display:grid;gap:calc(40px * var(--kn))}
.etap{display:grid;grid-template-columns:1fr calc(455 * var(--u) * var(--kn));background:#fff;min-height:calc(380px * var(--kn));color:inherit;text-decoration:none}
a.etap:hover .btn{background:#3543C1}
.etap-gt,.szu-gt{display:none}
.etap-t{padding:0 calc(60px * var(--kn));align-self:center;max-width:calc(610 * var(--u) * var(--kn))}
.etap-n{color:var(--n);font-size:calc(32px * var(--ts) * var(--kn));line-height:calc(40px * var(--ts) * var(--kn));font-weight:500;margin-bottom:calc(5px * var(--kn))}
.etap h3{font-size:calc(32px * var(--ts) * var(--kn));line-height:calc(40px * var(--ts) * var(--kn));margin:0 0 calc(20px * var(--kn))}
.etap-t>p:not(.etap-n){font-size:calc(16px * var(--kn));line-height:calc(24px * var(--kn));color:#000}
/* glify opisu 16/24 w Figmie stoją 2 px wyżej niż w przeglądarce (pomiar rzędów pikseli, audyt A pkt 16); przesunięcie
   bez zmiany układu (przycisk zostaje co do piksela) */
.etap-t>p:not(.etap-n){position:relative;top:calc(-2px * var(--kn))}
.logo-sek+.etapy-sek{padding-top:0}
.etap .btn{margin-top:calc(20px * var(--kn))}
.etap-g{align-self:stretch;overflow:hidden}
/* szuflada z lewej (nakładka z projektu: 685 px, wysuw 0,3 s) */
.szuflada{position:fixed;inset:0;z-index:90;visibility:hidden;pointer-events:none}
html:has(.szuflada:target){overflow:hidden}.szu-in{overscroll-behavior:contain}
.szu-tlo{position:absolute;inset:0;background:rgba(0,6,35,.45);opacity:0;transition:opacity .3s ease-in-out}
.szu-in{position:absolute;left:0;top:0;bottom:0;width:calc(685 * var(--u) * var(--kn));max-width:calc(min(100vw, 1920px) * var(--kn));background:#fff;overflow-y:auto;
 transform:translateX(-100%);transition:transform .3s ease-in-out}
.szuflada:target{visibility:visible;pointer-events:auto}
.szuflada:target .szu-tlo{opacity:1}.szuflada:target .szu-in{transform:none}
/* nakładka 207:6291…: krzyżyk 32×32 (x 613, y 20) biały na granatowej grafice, granatowy na jasnej */
.szu-x{position:absolute;right:calc(40px * var(--kn));top:calc(20px * var(--kn));width:calc(32px * var(--kn));height:calc(32px * var(--kn));padding:0;color:var(--g);background:none;z-index:2}
#etap-1 .szu-x,#etap-3 .szu-x{color:#fff}
.szu-t{padding:calc(80px * var(--kn)) calc(40px * var(--kn)) calc(60px * var(--kn))}
.szu-t .etap-n{margin-bottom:calc(10px * var(--kn))}
.szu-t h2{margin-bottom:calc(40px * var(--kn))}.szu-t .szu-p{line-height:calc(20px * var(--kn))}
.szu-efn{margin-top:calc(40px * var(--kn));font-weight:500;color:#000;line-height:calc(20px * var(--kn))}.szu-t .szu-ef{margin-top:calc(5px * var(--kn));line-height:calc(20px * var(--kn))}
/* fragmenty grafik z projektu Figmy (figma_fragment.py) */
.fg{position:relative;overflow:hidden;width:100%;aspect-ratio:var(--fw)/var(--fh)}
.fg-in{position:absolute;left:0;top:0;transform-origin:0 0;overflow:hidden}
.fg .pa,.fg .pt{position:absolute;box-sizing:border-box;margin:0}
.fg .obrys svg,.fg .pa>svg{display:block;width:100%;height:100%}
.fg img{max-width:none}
.etap-g .fg{height:100%;aspect-ratio:auto}
/* kroki */
.kroki{display:grid;grid-template-columns:repeat(auto-fit,minmax(calc(240 * var(--u) * var(--kn)),1fr));gap:calc(20px * var(--kn));margin-top:calc(40px * var(--kn));counter-reset:k}
.kroki li{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);padding:calc(28px * var(--kn)) calc(24px * var(--kn))}
.t-jasne .kroki li,.t-biale .kroki li{background:#fff;border-color:var(--l)}
.nr{display:block;font-size:calc(40px * var(--ts) * var(--kn));line-height:calc(48px * var(--ts) * var(--kn));color:#5768FF;margin-bottom:calc(16px * var(--kn))}
.t-jasne .nr,.t-biale .nr{color:var(--nt)}
.kroki p{opacity:.9}
/* liczby */
.liczby{display:grid;grid-template-columns:repeat(4,1fr);gap:calc(20px * var(--kn));margin-top:calc(40px * var(--kn))}
.lb{border-top:1px solid rgba(255,255,255,.3);padding-top:calc(20px * var(--kn))}
.t-jasne .lb,.t-biale .lb{border-color:var(--l)}
.lb b{display:block;font-weight:500;font-size:calc(52px * var(--ts) * var(--kn));line-height:calc(57px * var(--ts) * var(--kn))}
.lb small{display:block;margin-top:calc(10px * var(--kn));font-size:calc(12px * var(--kn));line-height:calc(16px * var(--kn));opacity:.85}
/* cytat */
.cytat{display:grid;grid-template-columns:calc(280 * var(--u) * var(--kn)) 1fr;gap:calc(60px * var(--kn));align-items:center}
.cyt-fot{width:calc(280px * var(--kn));height:calc(340px * var(--kn));object-fit:cover;background:var(--szary)}
.cytat blockquote p{font-size:calc(28px * var(--ts) * var(--kn));line-height:calc(38px * var(--ts) * var(--kn))}
.cytat footer{margin-top:calc(24px * var(--kn))}.cytat footer b{display:block;font-weight:500}.cytat footer span{color:var(--s)}
/* zespół */
.zespol a.os-l{display:block;text-decoration:none;color:inherit}.zespol a.os-l:hover b{color:var(--nt)}
.zespol{display:grid;grid-template-columns:repeat(4,1fr);gap:calc(20px * var(--kn));margin-top:calc(40px * var(--kn))}
.os{background:#fff}.os .fot{width:100%;aspect-ratio:10/11;object-fit:cover;object-position:center top;background:#D9D9D9}
.os figcaption{padding:calc(16px * var(--kn))}.os b{display:block;font-weight:500}.os span{color:var(--s);font-size:calc(14px * var(--kn))}
/* ekspert */
.eksp{display:grid;grid-template-columns:1fr calc(360 * var(--u) * var(--kn));gap:calc(60px * var(--kn));align-items:center}
.eksp figure{position:relative}.eksp .fot{width:100%;aspect-ratio:4/5;object-fit:cover;background:var(--szary)}
.eksp figcaption{position:absolute;right:0;bottom:0;background:var(--g);color:#fff;padding:calc(12px * var(--kn)) calc(16px * var(--kn));font-size:calc(14px * var(--kn));line-height:calc(18px * var(--kn))}
.eksp figcaption b{display:block;font-weight:400}
/* linki (miasta, platformy) */
.linki{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--l);border-left:1px solid var(--l);margin-top:calc(32px * var(--kn))}
.linki li{display:flex;background:#fff;border-right:1px solid var(--l);border-bottom:1px solid var(--l)}
.linki a{display:block;flex:1;padding:calc(16px * var(--kn)) calc(20px * var(--kn));text-decoration:none}
.linki a:hover{background:var(--g);color:#fff}
/* faq */
.faq-w{display:grid;grid-template-columns:calc(360 * var(--u) * var(--kn)) 1fr;gap:calc(60px * var(--kn))}
.faq details{border-bottom:1px solid var(--l);padding:calc(20px * var(--kn)) 0}
.faq summary{cursor:pointer;font-size:calc(20px * var(--kn));line-height:calc(26px * var(--kn));list-style:none;position:relative;padding-right:calc(40px * var(--kn))}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:0;top:calc(-2px * var(--kn));font-size:calc(28px * var(--ts) * var(--kn));color:var(--nt)}
.faq details[open] summary::after{content:"–"}
.faq details div{padding-top:calc(12px * var(--kn));color:#666A7B}
/* cta */
.cta{background:var(--n);color:#fff;padding:0}
.cta-in{display:grid;grid-template-columns:1fr calc(340 * var(--u) * var(--kn));gap:calc(60px * var(--kn));align-items:center;padding-top:calc(40px * var(--kn))}
.cta-in>div{padding-bottom:calc(40px * var(--kn))}
.cta h2{font-size:calc(32px * var(--ts) * var(--kn));line-height:calc(40px * var(--ts) * var(--kn))}
.cta-o{position:relative;align-self:end}.cta-o .fot{width:100%;aspect-ratio:680/600;object-fit:cover}
.cta-o figcaption{position:absolute;right:0;bottom:0;background:var(--g);padding:calc(10px * var(--kn)) calc(14px * var(--kn));font-size:calc(14px * var(--kn));line-height:calc(18px * var(--kn))}
.cta-o figcaption b{display:block;font-weight:400}
/* formularz */
.form-sek{display:grid;grid-template-columns:calc(400 * var(--u) * var(--kn)) 1fr;background:#fff}
.form-o{position:relative;min-height:calc(560px * var(--kn));background:var(--szary)}
.form-o .fot{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.form-roz{background:var(--n)}.form-roz img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.form-t{padding:calc(120px * var(--kn)) calc(120px * var(--kn)) calc(120px * var(--kn)) calc(120px * var(--kn));max-width:calc(800 * var(--u) * var(--kn))}
.form-t h2{font-size:calc(32px * var(--ts) * var(--kn));line-height:calc(40px * var(--ts) * var(--kn))}
.form{display:grid;grid-template-columns:1fr 1fr;gap:calc(20px * var(--kn));margin-top:calc(20px * var(--kn))}
.pole{display:block}
.pole-p,.zgoda,.form .btn,.form-uw{grid-column:1/-1}
.pole input,.pole select,.pole textarea{width:100%;min-height:calc(60px * var(--kn));border:1px solid var(--l);background:#fff;padding:calc(18px * var(--kn)) calc(16px * var(--kn));
 font:inherit;font-size:calc(14px * var(--kn));color:var(--g)}
.pole input:focus,.pole select:focus,.pole textarea:focus{outline:calc(2px * var(--kn)) solid var(--n);outline-offset:0}
.zgoda{display:flex;gap:calc(10px * var(--kn));font-size:calc(14px * var(--kn));line-height:calc(18px * var(--kn));color:#666A7B}
.zgoda input{width:calc(20px * var(--kn));height:calc(20px * var(--kn));flex:none;margin:0}
.form .btn{justify-self:end;margin:0}
.form-uw{font-size:calc(12px * var(--kn));color:var(--s)}
/* loga */
.logo-sek{padding:calc(60px * var(--kn)) 0 calc(120px * var(--kn))}.logo-sek .wrap{padding:0 calc(20px * var(--kn))}.logo-sek .etyk{margin:0}
/* Clients.Short (207:6094): pad 20, logotypy FILL (grow 1) z odstępem 20 → kolumny po równo */
.loga{display:grid;grid-template-columns:repeat(6,1fr);gap:calc(20px * var(--kn));margin-top:calc(40px * var(--kn))}
.loga li{display:grid;place-items:center;background:#fff;height:calc(100px * var(--kn));padding:calc(20px * var(--kn))}
.loga img{max-height:calc(50px * var(--kn));width:auto}
/* tabela */
.tab{overflow-x:auto;margin-top:calc(24px * var(--kn))}
table{border-collapse:collapse;width:100%;background:#fff}
th{background:var(--g);color:#fff;text-align:left;font-weight:500;padding:calc(14px * var(--kn)) calc(16px * var(--kn))}
td{border-bottom:1px solid var(--l);padding:calc(14px * var(--kn)) calc(16px * var(--kn));vertical-align:top}
/* artykuł */
.art{max-width:calc(860 * var(--u) * var(--kn))}
.art-t h2{font-size:calc(28px * var(--ts) * var(--kn));line-height:calc(36px * var(--ts) * var(--kn));margin:calc(40px * var(--kn)) 0 calc(12px * var(--kn))}
.art-t h3{font-size:calc(20px * var(--kn));margin:calc(28px * var(--kn)) 0 calc(8px * var(--kn))}
.art-t p{margin:0 0 calc(14px * var(--kn))}.art-t ul{list-style:disc;padding-left:calc(24px * var(--kn));margin:0 0 calc(14px * var(--kn))}.art-t ol{list-style:decimal;padding-left:calc(24px * var(--kn));margin:0 0 calc(14px * var(--kn))}
.art-t li{margin:calc(4px * var(--kn)) 0}.art-t a{color:var(--nt)}
.uw-zew{margin-top:calc(20px * var(--kn));font-size:calc(14px * var(--kn));color:var(--s)}
/* newsletter */
.newsl{background:var(--p);padding:calc(120px * var(--kn)) 0}.t-jasne+.newsl{background:#fff}
.newsl h2{max-width:none;font-size:calc(40px * var(--ts) * var(--kn));line-height:calc(50px * var(--ts) * var(--kn));margin:0}.newsl h2 em{color:var(--n)}
.nl-form{display:flex;max-width:calc(550 * var(--u) * var(--kn));margin:calc(40px * var(--kn)) auto 0}.nl-form .pole{flex:0 0 calc(403px * var(--kn))}.nl-form .pole input{height:calc(60px * var(--kn));min-height:calc(60px * var(--kn))}
.nl-form .btn{margin:0;width:calc(147px * var(--kn));height:calc(60px * var(--kn));padding:0}
.nl-uw{font-size:calc(16px * var(--kn));line-height:calc(20px * var(--kn));color:#6E7181;max-width:calc(550 * var(--u) * var(--kn));margin:calc(20px * var(--kn)) auto 0;text-align:left}
.nl-uw a{text-decoration:none}.nl-uw a:hover{text-decoration:underline}.nl-form input{font-size:calc(16px * var(--kn));padding:calc(20px * var(--kn))}
.nl-uw a{color:#6E7181}
/* stopka (projekt: Data Footer 1200×678, Video Footer 1200×700) */
.stopka{background:var(--g);color:#fff}
.st-dane{padding-top:calc(120px * var(--kn));padding-bottom:calc(60px * var(--kn))}
/* Data Footer (187:12528): cztery kolumny FILL (grow 1), odstęp 20; „Jesteśmy członkami:” 551 px na środku (CENTER) */
.st-rzad{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,4fr);gap:calc(20px * var(--kn))}
.st-kol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(20px * var(--kn))}
.st-logo{width:calc(140px * var(--kn));height:calc(30px * var(--kn))}
.st-adr p{margin-top:calc(52px * var(--kn));line-height:calc(20px * var(--kn))}
.st-t{color:#808291;line-height:calc(20px * var(--kn))}
.st-k ul{margin-top:calc(20px * var(--kn))}.st-k li{line-height:calc(20px * var(--kn));padding-bottom:1px}.st-k li+li{margin-top:calc(14px * var(--kn))}
.st-rzad>.st-k:nth-child(2) li:last-child{padding-bottom:0}
.stopka a{text-decoration:none}.stopka a:hover{text-decoration:underline}
.st-kontakt{margin-top:calc(40px * var(--kn));display:flex;flex-direction:column;align-items:flex-start;gap:calc(20px * var(--kn));line-height:calc(20px * var(--kn))}
.st-kontakt a{line-height:calc(21px * var(--kn))}.st-kontakt a+a{line-height:calc(24px * var(--kn))}
.st-czl{margin:calc(40px * var(--kn)) auto 0;width:calc(551 * var(--u) * var(--kn));max-width:100%}
.st-czl ul{display:flex;gap:calc(20px * var(--kn));margin-top:calc(20px * var(--kn))}
.st-czl li{width:calc(30px * var(--kn));height:calc(30px * var(--kn));display:grid;place-items:center;font-weight:500;line-height:1}
.st-czl li:nth-child(1){font-size:calc(30px * var(--ts) * var(--kn))}.st-czl li:nth-child(2){font-size:calc(14px * var(--kn))}.st-czl li:nth-child(3){background:#fff;color:var(--g);font-size:calc(11px * var(--kn))}
.st-prawne{margin-top:calc(40px * var(--kn));color:#808291;line-height:calc(20px * var(--kn))}
.st-wideo{position:relative;height:calc(700px * var(--kn));overflow:hidden}
.st-wideo video{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}
.st-dol{position:absolute;left:0;right:0;top:calc(619px * var(--kn));display:flex;justify-content:space-between;align-items:center;padding-top:calc(21px * var(--kn))!important;line-height:calc(20px * var(--kn))}
.st-dol::before{content:"";position:absolute;left:calc(40px * var(--kn));right:calc(40px * var(--kn));top:0;height:1px;background:rgba(255,255,255,.2)}
.st-linki{display:flex;flex-wrap:wrap;gap:calc(40px * var(--kn))}
.st-soc{display:flex;gap:calc(20px * var(--kn))}.st-soc a,.st-soc .st-x{width:calc(20px * var(--kn));height:calc(20px * var(--kn));display:grid;place-items:center;font-weight:500;font-size:calc(15px * var(--kn))}
/* 901–1100 px (brak ramki w projekcie): belka z projektu ma 40+186+40+767+40 = 1073 px → mniejsze odstępy menu,
   żeby przycisk nie łamał się na dwa wiersze */
.btn-belka{white-space:nowrap}.nl svg{flex:none}
@media (min-width:901px) and (max-width:1000px){.belka .belka-in{gap:calc(12px * var(--kn))}.belka .menu{gap:calc(12px * var(--kn))}}
@media (max-width:1100px){.menu,.belka-in{gap:calc(24px * var(--kn))}.mm-in{grid-template-columns:repeat(2,1fr)}.k4,.zespol{grid-template-columns:repeat(3,1fr)}
 .liczby{grid-template-columns:repeat(2,1fr)}.form-t{padding:calc(80px * var(--kn)) calc(48px * var(--kn))}}
@media (max-width:900px){
 .wrap{padding:0 calc(20px * var(--kn))}
 h1,.h1m,h2,.cta h2{font-size:calc(28px * var(--ts) * var(--kn));line-height:1}
 .d-only{display:none}.t-only{display:inline}
 /* Top navigation - Mobile (207:6745): 80 px, logo 134×30 (x20 y25), „Kontakt” 77×40, menu 30×30 (x270, 20 od prawej) */
 .belka{top:0;height:calc(80px * var(--kn))}.belka-in{padding:0 calc(20px * var(--kn));gap:0}.logo img{width:calc(134px * var(--kn));height:calc(30px * var(--kn))}
 .belka nav{position:fixed;left:0;right:0;top:calc(80px * var(--kn));bottom:0;background:#fff;overflow:auto;display:none;padding:0 calc(20px * var(--kn)) calc(20px * var(--kn))}
 .belka.menu-otwarte nav{display:block}.belka.menu-otwarte{background:var(--g)!important}
 .belka.menu-otwarte .logo-b{display:block!important}.belka.menu-otwarte .logo-g{display:none!important}
 .belka.menu-otwarte .burger span{background:#fff!important}
 .menu{flex-direction:column;align-items:stretch;gap:0}.menu>li{border-bottom:1px solid var(--l)}
 .nl,.belka.belka-jasna:not(.zjechana) .nl{color:var(--g);padding:calc(16px * var(--kn)) 0;width:100%;justify-content:space-between}
 .mm{position:static;box-shadow:none;display:none;opacity:1;visibility:visible;transform:none}
 .rozw.otwarte .mm{display:block}.mm-in{grid-template-columns:1fr;padding:0 0 calc(16px * var(--kn));gap:calc(8px * var(--kn))}
 .btn-belka{display:inline-flex;margin:0 calc(16px * var(--kn)) 0 auto;height:calc(40px * var(--kn));min-height:calc(40px * var(--kn));padding:calc(10px * var(--kn));width:auto}
 .burger{display:flex;flex-direction:column;justify-content:space-between;width:calc(30px * var(--kn));height:calc(30px * var(--kn));padding:calc(6px * var(--kn)) calc(3px * var(--kn));margin:0}
 .burger span{margin:0;height:calc(2px * var(--kn))}
 /* hero z portretem (207:6506): tekst 120 px od góry (belka 80 + 40), tytuł 24/30, lead 16/20, pod nim pole zdjęcia
    270 px na całą szerokość z płótnem mobilnym (osoby-hero-tel, więz LEFT), podpis RIGHT/BOTTOM 16/20 */
 .hero{min-height:0;padding-bottom:var(--dol-tel,0px);background:var(--tlo-tel,#CCCCCC)}
 .nl-off svg{display:none}.hero-in{grid-template-columns:1fr;gap:0}.hero-t{padding:calc(32px * var(--kn)) 0}
 .hero-o{min-height:calc(320px * var(--kn));margin:0 calc(-20px * var(--kn))}
 .hero:has(.hero-wyc){padding-top:0}.hero:has(.hero-wyc) .hero-in{display:block;min-height:0}
 .hero:has(.hero-wyc) .hero-t{padding:calc(120px * var(--kn)) 0 calc(40px * var(--kn));max-width:none}
 .hero h1{font-size:calc(24px * var(--kn));line-height:1;margin-bottom:calc(20px * var(--kn))}.hero-lead{font-size:calc(16px * var(--kn));line-height:calc(20px * var(--kn))}
 .hero-wyc{min-height:0;height:calc(270px * var(--kn));margin:0 calc(-20px * var(--kn))}
 .hero-wyc .wyc{display:none}.hero-wyc .wyc-tel{display:block;position:absolute;left:0;bottom:0;width:calc(600 * var(--u) * var(--kn));height:calc(270px * var(--kn));max-width:none}
 .podpis{padding:calc(10px * var(--kn)) calc(20px * var(--kn));line-height:calc(20px * var(--kn))}
 .hero-prosty{padding:calc(100px * var(--kn)) 0 calc(40px * var(--kn))}
 /* Clients.Short mobile (207:6514): 160 px, napis y 40, karuzela 130×80 z odstępem 20 przewijana w poziomie */
 .sek.logo-sek{padding:calc(40px * var(--kn)) 0 0}
 .loga{display:flex;gap:calc(20px * var(--kn));margin:calc(20px * var(--kn)) calc(-20px * var(--kn)) 0;padding:0 calc(20px * var(--kn));overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
 .loga::-webkit-scrollbar{display:none}.loga li{flex:0 0 calc(130px * var(--kn));height:calc(80px * var(--kn));padding:0}
 /* etapy (Model 207:6515): pad 40, karty 320×503 bez marginesów bocznych, odstęp 40; tekst 240 px (x20; w CSS 243 px, bo przeglądarka
    składa Roobert o ok. 2,5 px szerzej niż Figma i łamałaby wiersze wcześniej) od y 40 (w każdej karcie, także
    krótszej), nad grafiką 128 px; cała karta otwiera nakładkę */
 .etapy-sek,.logo-sek+.etapy-sek{padding:calc(40px * var(--kn)) 0}.etapy-sek .wrap{padding:0}
 .etap{display:flex;flex-direction:column;height:calc(503px * var(--kn));min-height:0}
 .etap-t{flex:none;height:calc(375px * var(--kn));padding:calc(40px * var(--kn)) calc(57px * var(--kn)) 0 calc(20px * var(--kn));max-width:none;align-self:stretch;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}
 .etap-n,.etap h3{font-size:calc(24px * var(--kn));line-height:calc(30px * var(--ts) * var(--kn))}.etap h3{margin:0 0 calc(20px * var(--kn))}
 .etap-t>p:not(.etap-n){top:-1px}
 .etap-g{display:none}.etap-gt,.szu-gt{display:block;position:relative;overflow:hidden}.etap-gt{height:calc(128px * var(--kn))}.szu-gt{height:calc(233px * var(--kn))}
 .etap-gt .fg-tel,.szu-gt .fg-tel{position:absolute;left:50%;top:0;width:calc(900 * var(--u) * var(--kn));margin-left:calc(-450px * var(--kn))}
 /* nakładka mobilna (207:6746…): cały ekran, grafika 233, krzyżyk 32×32 biały 20 px od góry i prawej, tekst od y 273 */
 .szu-in{width:100%}.szu-g{display:none}
 .szu-x,#etap-1 .szu-x,#etap-3 .szu-x{right:calc(20px * var(--kn));top:calc(20px * var(--kn));color:#fff}
 .szu-t{padding:calc(40px * var(--kn)) calc(17px * var(--kn)) calc(40px * var(--kn)) calc(20px * var(--kn))}   /* tekst 280 px (+3 px na szerszy skład Rooberta w przeglądarce) */.szu-t .etap-n{margin-bottom:calc(10px * var(--kn))}.szu-t h2{font-size:calc(24px * var(--kn));line-height:calc(30px * var(--ts) * var(--kn));margin-bottom:calc(20px * var(--kn))}
 .szu-efn{margin-top:calc(20px * var(--kn))}#etap-4 .szu-ef{margin-right:calc(-8px * var(--kn))}   /* „organizacja przygotowana do działania” mieści się w Figmie w 280 px, w przeglądarce ma 287 */
 .sek{padding:calc(60px * var(--kn)) 0}.tk-2,.cytat,.eksp,.faq-w,.cta-in,.form-sek{grid-template-columns:1fr;gap:calc(32px * var(--kn))}
 .k2,.k3,.k4,.kroki,.zespol{grid-template-columns:1fr}.zespol{grid-template-columns:1fr 1fr}
 .liczby{grid-template-columns:1fr 1fr}.lb b{font-size:calc(36px * var(--ts) * var(--kn));line-height:calc(42px * var(--ts) * var(--kn));overflow-wrap:anywhere}.linki{grid-template-columns:1fr 1fr}
 .karta{padding:calc(28px * var(--kn))}a.karta{padding-bottom:calc(72px * var(--kn))}.strz{left:calc(28px * var(--kn));bottom:calc(24px * var(--kn))}
 .cyt-fot{width:100%;height:calc(320px * var(--kn))}.cytat blockquote p{font-size:calc(22px * var(--kn));line-height:calc(30px * var(--ts) * var(--kn))}
 .form-o{min-height:calc(280px * var(--kn))}.form-t{padding:calc(48px * var(--kn)) calc(20px * var(--kn))}.form{grid-template-columns:1fr}
 .cta-in{padding-top:calc(48px * var(--kn))}.cta-in>div{padding-bottom:0}.cta-o{max-width:calc(300px * var(--kn))}
 /* Newsletter mobile (207:6706): tło #F9F9F9, pad 80/20, 28/35, pole i przycisk 60 px jeden pod drugim (10) */
 .newsl,.t-jasne+.newsl{background:var(--p);padding:calc(80px * var(--kn)) 0}
 .newsl h2{font-size:calc(28px * var(--ts) * var(--kn));line-height:calc(35px * var(--ts) * var(--kn))}
 .nl-form{flex-direction:column;gap:calc(10px * var(--kn));max-width:none;margin:calc(40px * var(--kn)) 0 0}.nl-form .pole{flex:none}
 .nl-form .pole input{padding:calc(10px * var(--kn)) calc(20px * var(--kn))}.nl-form .btn{width:100%}
 .nl-uw{max-width:none;margin:calc(20px * var(--kn)) 0 0}
 /* Data Footer mobile (207:6707): jedna kolumna, pad 80/40, odstęp 40: adres · kontakt · Oferta · Aktualności ·
    Nasza firma · członkowie · dane spółki; w ramkach mobilnych nie ma Video Footer */
 .st-dane{padding-top:calc(80px * var(--kn));padding-bottom:calc(40px * var(--kn));display:flex;flex-direction:column;gap:calc(40px * var(--kn))}
 .st-rzad{display:contents}.st-adr{order:1}.st-kontakt{order:2;margin:0}.st-kol{order:3;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(40px * var(--kn)) calc(20px * var(--kn))}
 .st-czl{order:4;margin:0;width:auto}.st-prawne{order:5;margin:0}
 .st-wideo{display:none}}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* STOPKA B2 (30.09, decyzja właściciela: wariant B bez wielkiego znaku, bez filmu; rama.stopka_b2) */
.sf{position:relative;overflow:hidden;background:var(--g);color:#fff}
.sf a{color:#fff;text-decoration:none}.sf a:hover{text-decoration:underline;text-underline-offset:calc(4px * var(--kn))}
.sf-in{position:relative;z-index:1;padding:calc(96px * var(--kn)) calc(40px * var(--kn)) calc(28px * var(--kn))}
.sf-t{color:#808291;font-size:calc(14px * var(--kn));line-height:calc(20px * var(--kn));margin:0 0 calc(16px * var(--kn))}
.sf-k ul{margin:0;padding:0;list-style:none}.sf-k li+li{margin-top:calc(12px * var(--kn))}.sf-k a{font-size:calc(15px * var(--kn));line-height:calc(20px * var(--kn))}
.sf-siatka{display:grid;grid-template-columns:minmax(0,1.3fr) repeat(4,minmax(0,1fr));gap:calc(32px * var(--kn)) calc(24px * var(--kn))}
.sf-haslo{font-size:calc(28px * var(--ts) * var(--kn));line-height:calc(34px * var(--ts) * var(--kn));font-weight:500;margin:0;letter-spacing:-.01em}.sf-haslo em{color:var(--n);font-style:normal}
.sf-adr{margin:calc(24px * var(--kn)) 0 0;line-height:calc(22px * var(--kn));color:#fff}
.sf-kon{display:flex;flex-direction:column;align-items:flex-start;gap:calc(8px * var(--kn));margin-top:calc(24px * var(--kn))}
.sf-rej{margin:calc(56px * var(--kn)) 0 0;color:#808291;font-size:calc(13px * var(--kn));line-height:calc(19px * var(--kn));max-width:calc(980 * var(--u) * var(--kn))}
.sf-dol{display:flex;justify-content:space-between;align-items:center;gap:calc(24px * var(--kn));flex-wrap:wrap;margin-top:calc(24px * var(--kn));padding-top:calc(20px * var(--kn));
 border-top:1px solid rgba(255,255,255,.18);font-size:calc(14px * var(--kn));line-height:calc(20px * var(--kn))}
.sf-prawne,.sf-soc{display:flex;flex-wrap:wrap;gap:calc(8px * var(--kn)) calc(28px * var(--kn));margin:0;padding:0;list-style:none}
.sf-prawne li:first-child{color:#808291}
@media (max-width:1100px){.sf-siatka{grid-template-columns:repeat(2,minmax(0,1fr))}.sf-znak{grid-column:1/-1}}
@media (max-width:900px){.sf-in{padding:calc(64px * var(--kn)) calc(20px * var(--kn)) calc(24px * var(--kn))}.sf-haslo{font-size:calc(24px * var(--kn));line-height:calc(30px * var(--ts) * var(--kn))}.sf-dol{flex-direction:column;align-items:flex-start}}

/* ── figma_ac.css ── */
/* figma_ac · /academy/: telefon 1:1 z ramki 207:7316, desktop = układ Future of Search (273:5344) bez kafli.
   Karta wpisu i opakowanie .figma_ir-w: tresci/figma_ir.css. Analiza: _narzedzia/analiza/academy.md */
/* „Blog Posts” (wzór 273:5359): 40 px pod hero, 4 rzędy × 3 karty FILL (odstęp 20 poziomo, 60 pionowo), od razu pas
   paginacji 360 (pad 160, element 40 na środku) */
.figma_ac-sek{background:#fff;padding-top:calc(40px * var(--kn))}
.figma_ac-posty{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(60px * var(--kn)) calc(20px * var(--kn))}
.figma_ac-pag{display:flex;justify-content:center;align-items:flex-start;height:calc(360px * var(--kn));padding-top:calc(160px * var(--kn))}
.figma_ac-wiecej{display:inline-flex;align-items:center;height:calc(40px * var(--kn));padding:0 calc(20px * var(--kn));border-radius:calc(20px * var(--kn));
 box-shadow:inset 0 0 0 1px #000623;font-size:calc(16px * var(--kn));line-height:calc(20px * var(--kn));color:var(--g);text-decoration:none}
.figma_ac-wiecej:hover,.figma_ac-wiecej:focus-visible{background:#000623;color:#fff}
@media (max-width:900px){
 /* ramka 207:7325: pad 40 góra i dół, boki 20, karty co 40; paginacja 469:4962: 200 wys., pad 80 */
 .figma_ac-posty{grid-template-columns:minmax(0,1fr);gap:calc(40px * var(--kn));padding-bottom:calc(40px * var(--kn))}
 .figma_ac-pag{height:calc(200px * var(--kn));padding-top:calc(80px * var(--kn))}
 /* hero ramki telefonu nie ma przycisku (desktop: przycisk jak w hero Future of Search) */
 body:has(.figma_ac-sek) .hero .btn{display:none}
 /* lead w ramce 207:7320: 16/24 (5 wierszy), nie 16/20 wspólnego hero */
 body:has(.figma_ac-sek) .hero-lead{line-height:calc(24px * var(--kn))}
}

/* ── figma_fo.css ── */
/* MODUŁ figma_fo · /future-of-search/ i /search-observatory/ 1:1 z projektu Figmy
   desktop: ramki 273:5344 (FoS) i 273:5420 (SO), przy 1200 identyczne z planszą; szerzej marginesy 40 px z więzów projektu
   telefon (≤ 900 px): ramka 581:5009 (SO; FoS w projekcie nie ma ramki mobilnej, układ jak SO) — analizy:
   _narzedzia/analiza/future-of-search.md, search-observatory.md */

/* hero (rama): lead w projekcie łamie się w 456 px o słowo wcześniej niż w przeglądarce (Figma składa Roobert
   minimalnie węziej); 8 px zapasu po prawej daje te same cztery wiersze co w projekcie, bez zmiany kroju i odstępów */
body:has(.figma_fo-kafle) .hero-lead{margin-right:calc(-8px * var(--kn))}

/* ── granatowa sekcja 273:5454 / 273:5377: pad 120/120, lewy 40, odstęp 80; kafle 550×320 co 20 (FIXED, rząd wychodzi
   za prawą krawędź okna), zdanie zamykające FILL ── */
.figma_fo-kafle{padding:calc(120px * var(--kn)) 0}
.figma_fo-kafle h2{margin:0 0 calc(80px * var(--kn));max-width:calc(645 * var(--u) * var(--kn))}
.figma_fo-kafle h2 em{color:#5768FF}
/* tor: od 40 px do prawej krawędzi okna; wysokość 344 = kafel 320 + 24 pod pasek przewijania (pasek mieści się w tych
   24 px niezależnie od grubości w przeglądarce), + 56 marginesu zdania = 80 jak w projekcie */
.figma_fo-tor{display:flex;gap:calc(20px * var(--kn));margin-left:calc(40px * var(--kn));padding-right:calc(40px * var(--kn));height:calc(344px * var(--kn));box-sizing:border-box;
 overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#5768FF rgba(255,255,255,.15)}
.figma_fo-tor::-webkit-scrollbar{height:calc(4px * var(--kn))}
.figma_fo-tor::-webkit-scrollbar-track{background:rgba(255,255,255,.15)}
.figma_fo-tor::-webkit-scrollbar-thumb{background:#5768FF}
.figma_fo-tor:focus-visible{outline:calc(2px * var(--kn)) solid #5768FF;outline-offset:calc(4px * var(--kn))}
.figma_fo-kafel{flex:0 0 calc(550px * var(--kn));height:calc(320px * var(--kn));display:flex;position:relative;scroll-snap-align:start;text-decoration:none;color:var(--g)}
.figma_fo-k-biale{background:#fff}
.figma_fo-k-nieb{background:#5768FF}
/* tekst: ramka 280×240 na (40, 40), tytuł u góry, opis do dołu ramki */
.figma_fo-kafel-t{display:flex;flex-direction:column;flex:1;padding:calc(40px * var(--kn)) 0 calc(40px * var(--kn)) calc(40px * var(--kn));min-width:0;position:relative;z-index:1}
/* tekst nad pasem grafiki: opis ma 288 px (8 px zapasu na krój), pas grafiki zaczyna się na x=320 kafla i bez tego
   przykrywał końcówki wierszy („przez A”, audyt C, usterka 1); koło grafiki zaczyna się dopiero na x=367 */
.figma_fo-kafel h3{font-size:calc(24px * var(--kn));line-height:calc(30px * var(--ts) * var(--kn));font-weight:500;margin:0;max-width:calc(280px * var(--kn));color:var(--g)}
/* opis 280 px w projekcie; przeglądarka składa Roobert minimalnie szerzej niż Figma („…przez AI” w SO 1 spadało do
   piątego wiersza) — 8 px zapasu po prawej jak w leadzie hero; łamania wszystkich 11 kafli = projekt (analiza 2) */
.figma_fo-kafel p{margin:auto calc(-8px * var(--kn)) 0 0;font-size:calc(16px * var(--kn));line-height:calc(24px * var(--kn));max-width:calc(288px * var(--kn));color:var(--g)}
.figma_fo-kafel-g{flex:0 0 calc(230px * var(--kn));align-self:stretch;overflow:hidden}
.figma_fo-kafel-g .fg{height:100%}
.figma_fo-kafel-gt{display:none}
.figma_fo-kafel:hover h3,.figma_fo-kafel:focus-visible h3{text-decoration:underline;text-underline-offset:calc(5px * var(--kn));text-decoration-thickness:1px}
.figma_fo-kafel:focus-visible{outline:calc(2px * var(--kn)) solid #fff;outline-offset:calc(2px * var(--kn))}
.figma_fo-kafle h2,.figma_fo-kafel h3,.figma_fo-zamkn,.figma_fo-tyt{letter-spacing:-.01em}
.figma_fo-zamkn{margin:calc(56px * var(--kn)) 0 0;font-size:calc(24px * var(--kn));line-height:calc(30px * var(--ts) * var(--kn));font-weight:500;color:#fff}
.figma_fo-zamkn em{color:#5768FF;font-style:normal}
.figma_fo-z-320{display:none}
@media (max-width:360px){.figma_fo-z-sz{display:none}.figma_fo-z-320{display:inline}}

/* ── „Blog Posts” 273:5436 / 273:5359: rzędy FILL po 3 karty (fr) co 20, rzędy co 60; karta: zdjęcie FILL × 203,
   20, szczegóły 23, 20, tytuł 24/30 (2 wiersze = 60), 20, zajawka 16/24 (3 wiersze = 72), 20, autor 40 → 478 ── */
.figma_fo-posty-sek{background:#fff;padding:var(--odstep,calc(40px * var(--kn))) 0 0}
.figma_fo-posty{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(60px * var(--kn)) calc(20px * var(--kn))}
.figma_fo-post{display:flex;flex-direction:column;color:var(--g);text-decoration:none;min-width:0}
.figma_fo-zd{display:block;position:relative;flex:none;height:calc(203px * var(--kn));overflow:hidden;background:#D9D9D9}
.figma_fo-zd img{display:block;width:100%;height:100%;object-fit:cover;max-width:none}
.figma_fo-zd-roz{background:#000623}
/* portret autora: plik 1400×960 w skali 0,32 (448 px), środek głowy na środku pola, czubek głowy 15 px od góry;
   --s = wysokość pola / 203 (telefon: 158/203) */
.figma_fo-zd-portret{--s:1}
.figma_fo-zd-portret img{position:absolute;width:calc(calc(448 * var(--u) * var(--kn)) * var(--s));height:auto;object-fit:initial;
 left:calc(50% - var(--cx) * var(--s) * 1px);top:calc(var(--ty) * var(--s) * 1px)}
.figma_fo-post .figma_fo-zd img{transition:filter .3s}
.figma_fo-post:hover .figma_fo-zd img{filter:brightness(1.08)}
/* szczegóły: pole 23 px, kategoria i data 1 px niżej niż kropka (desktop), 2 px (telefon) */
.figma_fo-det{display:flex;align-items:flex-start;gap:calc(10px * var(--kn));height:calc(23px * var(--kn));margin:calc(20px * var(--kn)) 0 0;font-size:calc(16px * var(--kn));line-height:calc(20px * var(--kn))}
.figma_fo-kat{color:#4E5EE5;padding-top:1px}
.figma_fo-data{padding-top:1px}
.figma_fo-tyt{min-height:calc(60px * var(--kn));margin:calc(20px * var(--kn)) 0 0;font-size:calc(24px * var(--kn));line-height:calc(30px * var(--ts) * var(--kn));font-weight:500}
.figma_fo-post:hover .figma_fo-tyt,.figma_fo-post:focus-visible .figma_fo-tyt{text-decoration:underline;text-underline-offset:calc(5px * var(--kn));text-decoration-thickness:1px}
.figma_fo-zaj{display:block;min-height:calc(72px * var(--kn));margin:calc(20px * var(--kn)) 0 0;font-size:calc(16px * var(--kn));line-height:calc(24px * var(--kn))}
/* wiersz autora (używany też przez tresci/figma_ir.py — klasy bez zawężenia do sekcji) */
.figma_fo-autor{display:flex;align-items:center;gap:calc(10px * var(--kn));height:calc(40px * var(--kn));margin:calc(20px * var(--kn)) 0 0;font-size:calc(16px * var(--kn));line-height:calc(20px * var(--kn))}
.figma_fo-av{flex:none;width:calc(40px * var(--kn));height:calc(40px * var(--kn));border-radius:50%;object-fit:cover;object-position:center 15%;background:#D9D9D9}
.figma_fo-av-icea{display:flex;align-items:center;justify-content:center;background:#000623}
.figma_fo-av-icea img{width:calc(30px * var(--kn));height:auto}
/* dawne klasy zdjęć kart (portret(), rozeta(), zdjecie() — zostają dla modułów, które je importują) */
.figma_fo-foto{display:block;position:relative;width:100%;aspect-ratio:360/203;background:#D9D9D9;overflow:hidden}
.figma_fo-portret img{position:absolute;max-width:none;height:auto}
.figma_fo-roz{background:#000623}
.figma_fo-roz img{display:block;width:100%;height:100%;object-fit:cover}
/* pas paginacji 469:5003: 360 px, element 40 px na y=160, wyśrodkowany (primaryAxisAlign CENTER) */
.figma_fo-pag{display:flex;justify-content:center;align-items:flex-start;height:calc(360px * var(--kn));padding-top:calc(160px * var(--kn));box-sizing:border-box}
.figma_fo-wiecej{display:inline-flex;align-items:center;height:calc(40px * var(--kn));padding:0 calc(20px * var(--kn));border-radius:calc(20px * var(--kn));
 box-shadow:inset 0 0 0 1px #000623;font-size:calc(16px * var(--kn));line-height:calc(20px * var(--kn));color:var(--g);text-decoration:none}
.figma_fo-wiecej:hover,.figma_fo-wiecej:focus-visible{background:#000623;color:#fff}

/* ═══ telefon = ramka 581:5009 (320 px; szerzej boki 20, treść FILL, kafle FIXED 270) ═══ */
@media (max-width:900px){
 /* hero (rama): lead w ramce SO 16/24 (581:5013), nie 16/20 wspólnego hero */
 body:has(.figma_fo-kafle) .hero-lead{margin-right:0;font-size:calc(16px * var(--kn));line-height:calc(24px * var(--kn))}
 /* teksty z twardymi spacjami ramki mobilnej (.d-only/.t-only z WSPOLNE.md; tu zawężone do sekcji, na wypadek
    gdyby reguła telefonu w styl.py jeszcze nie stała) */
 .figma_fo-kafle .d-only,.figma_fo-posty-sek .d-only{display:none}
 .figma_fo-kafle .t-only,.figma_fo-posty-sek .t-only{display:inline}
 /* granat 581:5019: pad 80/80, boki 20, odstępy 40 */
 .figma_fo-kafle{padding:calc(80px * var(--kn)) 0}
 .figma_fo-kafle h2{margin:0 0 calc(40px * var(--kn));max-width:none;font-size:calc(24px * var(--kn));line-height:calc(30px * var(--ts) * var(--kn))}
 /* tor: kafle 270×460 co 20 od x=20; 16 px pod pasek + 24 marginesu zdania = 40 */
 .figma_fo-tor{margin-left:calc(20px * var(--kn));padding-right:calc(20px * var(--kn));height:calc(476px * var(--kn))}
 .figma_fo-kafel{flex:0 0 calc(270px * var(--kn));height:calc(460px * var(--kn));display:block}
 .figma_fo-kafel-t{display:block;position:absolute;left:calc(20px * var(--kn));top:calc(40px * var(--kn));width:calc(230px * var(--kn));padding:0}
 .figma_fo-kafel h3{max-width:none}
 .figma_fo-k-t20 h3{font-size:calc(20px * var(--kn));line-height:calc(25px * var(--kn))}
 .figma_fo-kafel p{margin:calc(10px * var(--kn)) 0 0;max-width:none;line-height:calc(20px * var(--kn))}
 /* pas grafiki 270×220 na dole kafla (Frame 1171276380 581:5027: y=240) */
 .figma_fo-kafel-g{display:none}
 .figma_fo-kafel-gt{display:block;position:absolute;left:0;top:calc(240px * var(--kn));width:calc(270px * var(--kn));height:calc(220px * var(--kn));overflow:hidden}
 .figma_fo-kafel-gt .fg-in{transform:scale(var(--k))}
 /* zdanie 581:5092: 280 px w projekcie; przeglądarka składa szerzej („raportów, analiz i rekomendacji” spadało o słowo)
    — 8 px zapasu po prawej, łamanie = projekt (8 wierszy) */
 .figma_fo-zamkn{margin-top:calc(24px * var(--kn));margin-right:calc(-8px * var(--kn));font-size:calc(20px * var(--kn));line-height:calc(25px * var(--kn))}
 /* „Blog Posts” 581:5093: pad 40/20/40/20, karty FILL jedna pod drugą co 40 */
 .figma_fo-posty-sek{padding:calc(40px * var(--kn)) 0 0}
 .figma_fo-posty{grid-template-columns:1fr;gap:calc(40px * var(--kn));padding-bottom:calc(40px * var(--kn))}
 /* karta 581:5094: zdjęcie FILL × 158, szczegóły (tekst +2 px), tytuł 20/25, zajawka 16/24, autor 40 */
 .figma_fo-zd{height:calc(158px * var(--kn))}
 .figma_fo-zd-portret{--s:.77833}
 .figma_fo-kat,.figma_fo-data{padding-top:calc(2px * var(--kn))}
 .figma_fo-tyt{min-height:0;font-size:calc(20px * var(--kn));line-height:calc(25px * var(--kn))}
 .figma_fo-zaj{min-height:0}
 /* paginacja 581:5106: 200 px, pad 80/80, element 40 na środku */
 .figma_fo-pag{height:calc(200px * var(--kn));padding-top:calc(80px * var(--kn))}
}

/* ── figma_ir.css ── */
/* figma_ir · /baza-wiedzy/ (207:7138 · telefon 207:7219) i /raporty/ (207:5919 · telefon 207:6960) + karta wpisu wspólna
   z /academy/. Desktop płynnie: boki 40 px od krawędzi okna (własne opakowanie, nie .wrap), tła na całą szerokość;
   przy 1200 = plansza. Telefon ≤ 900: ramki mobilne, boki 20 px. Analizy: _narzedzia/analiza/insights.md, raporty.md */
.figma_ir-w{padding:0 calc(40px * var(--kn))}
/* biała góra: nadlinia y=140, +20 tytuł 40/50, 60 px do pierwszej sekcji */
.figma_ir-gora{padding:calc(140px * var(--kn)) 0 calc(60px * var(--kn));background:#fff}
.figma_ir-etyk{font-size:calc(16px * var(--kn));line-height:calc(20px * var(--kn));color:#666A7B;margin:0 0 calc(20px * var(--kn))}
.figma_ir-gora h1{max-width:calc(900 * var(--u) * var(--kn));margin:0}
.figma_ir-lead{font-size:calc(16px * var(--kn));line-height:calc(20px * var(--kn));max-width:calc(456 * var(--u) * var(--kn));margin:0}
.figma_ir-wiecej{display:inline-block;vertical-align:top;color:var(--g);font-size:calc(16px * var(--kn));line-height:calc(24px * var(--kn));text-decoration:none}
.figma_ir-wiecej:hover,.figma_ir-wiecej:focus-visible{text-decoration:underline;text-underline-offset:calc(4px * var(--kn))}
.figma_ir-szary{display:block;color:#666A7B;font-size:calc(16px * var(--kn));line-height:calc(20px * var(--kn));margin:0}
/* pas działu #CCCCCC 640 wys.: tekst przy lewym marginesie (tytuł +40, lead +100, wiersze 550×88 od +267 co 98,
   „Zobacz więcej” +576); portret 600×640 przy prawej krawędzi okna (więz RIGHT), podpis RIGHT/BOTTOM */
.figma_ir-dzial{display:grid;grid-template-columns:minmax(0,1fr) calc(600 * var(--u) * var(--kn));grid-template-rows:calc(640px * var(--kn));background:#CCCCCC}
.figma_ir-dzial+.figma_ir-dzial{border-top:calc(10px * var(--kn)) solid #fff}
.figma_ir-dz-t{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;padding:calc(40px * var(--kn)) 0 calc(40px * var(--kn)) calc(40px * var(--kn));min-width:0}
.figma_ir-dzial h2{font-size:calc(32px * var(--ts) * var(--kn));line-height:calc(40px * var(--ts) * var(--kn));font-weight:500;margin:0 0 calc(20px * var(--kn));max-width:none}
.figma_ir-dzial .figma_ir-lead{width:calc(456 * var(--u) * var(--kn));flex:none}
.figma_ir-wiersze{margin-top:auto;padding-top:calc(40px * var(--kn));display:flex;flex-direction:column;gap:calc(10px * var(--kn))}
.figma_ir-wiersz{display:flex;align-items:center;flex:none;width:calc(550 * var(--u) * var(--kn));height:calc(88px * var(--kn));background:#fff;color:var(--g);text-decoration:none;
 transition:box-shadow .2s}
.figma_ir-wiersz:hover,.figma_ir-wiersz:focus-visible{box-shadow:0 calc(8px * var(--kn)) calc(24px * var(--kn)) rgba(0,6,35,.14)}
.figma_ir-min{flex:none;width:calc(88px * var(--kn));height:calc(88px * var(--kn));overflow:hidden;background:var(--g)}
.figma_ir-min img{display:block;width:100%;height:100%;object-fit:cover;max-width:none}
.figma_ir-wt{display:block;padding:0 calc(20px * var(--kn));min-width:0}
.figma_ir-wtyt{display:block;font-size:calc(16px * var(--kn));line-height:calc(24px * var(--kn));color:var(--g)}
.figma_ir-wsub{display:block;font-size:calc(16px * var(--kn));line-height:calc(24px * var(--kn));color:#666A7B}
.figma_ir-dz-t .figma_ir-wiecej{margin-top:calc(25px * var(--kn))}
.figma_ir-dz-g{position:relative;overflow:hidden}
.figma_ir-dz-g>img{position:absolute;right:0;top:0;width:calc(1200 * var(--u) * var(--kn));height:calc(640px * var(--kn));max-width:none;object-fit:cover}
.figma_ir-podpis{position:absolute;right:0;bottom:0;z-index:1;margin:0;background:var(--g);color:#fff;padding:calc(10px * var(--kn));font-size:calc(16px * var(--kn));line-height:calc(24px * var(--kn))}
.figma_ir-podpis b{display:block;font-weight:400}.figma_ir-podpis span{display:block}
/* Raporty na #F9F9F9 pod 10 px bieli: tytuł +40, lead +100, okładki +180 (265×375, na środku: 162/467/772 przy 1200),
   tytuł +20 (2 wiersze), szara linia +10, „Zobacz więcej” +40, 40 px do końca pasa */
.figma_ir-okladki{background:var(--p);border-top:calc(10px * var(--kn)) solid #fff;padding:calc(40px * var(--kn)) 0;text-align:center}
.figma_ir-okladki h2,.figma_ir-obs h2{font-size:calc(32px * var(--ts) * var(--kn));line-height:calc(40px * var(--ts) * var(--kn));font-weight:500;margin:0 0 calc(20px * var(--kn));max-width:none}
.figma_ir-okladki .figma_ir-lead{margin:0 auto}
.figma_ir-rzad{display:grid;grid-template-columns:repeat(3,calc(265 * var(--u) * var(--kn)));gap:calc(40px * var(--kn));width:calc(875 * var(--u) * var(--kn));margin:calc(40px * var(--kn)) 0 calc(40px * var(--kn)) calc(50% - calc(438px * var(--kn)));text-align:left}
.figma_ir-rap{display:block;color:var(--g);text-decoration:none}
.figma_ir-okl{display:block;overflow:hidden}
.figma_ir-okl img{display:block;width:calc(265px * var(--kn));height:calc(375px * var(--kn));max-width:none;object-fit:cover}
.figma_ir-rap h3{font-size:calc(16px * var(--kn));line-height:calc(20px * var(--kn));font-weight:400;margin:calc(20px * var(--kn)) 0 calc(10px * var(--kn));max-width:none}
.figma_ir-rap:hover h3,.figma_ir-rap:focus-visible h3{text-decoration:underline;text-underline-offset:calc(3px * var(--kn))}
.figma_ir-okladki .figma_ir-wiecej{display:block;width:max-content;margin:0 auto}
/* Search Observatory: tytuł +60, lead +120, karty +200 (FILL, gap 20), 60 px do newslettera */
.figma_ir-obs{background:#fff;padding:calc(60px * var(--kn)) 0}
.figma_ir-posty{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(60px * var(--kn)) calc(20px * var(--kn));margin-top:calc(60px * var(--kn))}
/* karta wpisu „Blog Post” 360×478: zdjęcie FILL × 203 (cover), 20, kategoria • data 23, 20, tytuł 24/30 na 60, 20,
   zajawka 16/24 na 72, 20, autor 40. Portret autora: płótno osoby-hero w skali --s od wysokości zdjęcia (twarz na środku) */
.figma_ir-post{display:flex;flex-direction:column;min-width:0;color:var(--g);text-decoration:none}
.figma_ir-foto{--s:.32;position:relative;display:block;flex:none;height:calc(203px * var(--kn));overflow:hidden;background:#D9D9D9}
.figma_ir-foto>img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;transition:filter .3s}
.figma_ir-foto>.figma_ir-por{position:absolute;width:calc(calc(1400 * var(--u) * var(--kn)) * var(--s));height:auto;
 left:calc(50% - var(--cx) * var(--s) * 1px);top:calc(calc(15px * var(--kn)) * var(--s) / .32 - var(--top) * var(--s) * 1px)}
.figma_ir-foto-roz{background:#000623}
.figma_ir-post:hover .figma_ir-foto>img,.figma_ir-post:focus-visible .figma_ir-foto>img{filter:brightness(1.08)}
.figma_ir-det{display:flex;align-items:flex-start;gap:calc(10px * var(--kn));height:calc(23px * var(--kn));padding-top:1px;margin:calc(20px * var(--kn)) 0;font-size:calc(16px * var(--kn));line-height:calc(20px * var(--kn))}
.figma_ir-kat{color:var(--nt)}
.figma_ir-tyt{font-size:calc(24px * var(--kn));line-height:calc(30px * var(--ts) * var(--kn));font-weight:500;margin:0 0 calc(20px * var(--kn));min-height:calc(60px * var(--kn));max-width:none}
.figma_ir-post:hover .figma_ir-tyt,.figma_ir-post:focus-visible .figma_ir-tyt{text-decoration:underline;text-underline-offset:calc(5px * var(--kn));text-decoration-thickness:1px}
.figma_ir-zaj{display:block;font-size:calc(16px * var(--kn));line-height:calc(24px * var(--kn));margin:0 0 calc(20px * var(--kn));min-height:calc(72px * var(--kn))}
.figma_ir-m{display:none}
.figma_ir-autor{display:flex;align-items:center;gap:calc(10px * var(--kn));height:calc(40px * var(--kn));font-size:calc(16px * var(--kn));line-height:calc(20px * var(--kn))}
.figma_ir-av{flex:none;width:calc(40px * var(--kn));height:calc(40px * var(--kn));border-radius:50%;object-fit:cover;object-position:center 15%;background:#D9D9D9}
.figma_ir-av-icea{display:flex;align-items:center;justify-content:center;background:#000623}
.figma_ir-av-icea img{width:calc(30px * var(--kn));height:auto}
/* /raporty/: siatka 2 kolumn (fr, odstęp 20), w kolumnie okładka 265 + 20 + tekst 265; wiersze co 435 px;
   pas paginacji 360 (pad 160), kółko 40 z obrysem 1 px #000623 */
.figma_ir-lista{background:#fff}
.figma_ir-siatka{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(60px * var(--kn)) calc(20px * var(--kn))}
.figma_ir-poz{display:grid;grid-template-columns:calc(265 * var(--u) * var(--kn)) minmax(0,calc(265 * var(--u) * var(--kn)));gap:calc(20px * var(--kn));align-items:start;color:var(--g);text-decoration:none}
.figma_ir-poz-t{display:block}
.figma_ir-poz-h{font-size:calc(16px * var(--kn));line-height:calc(20px * var(--kn));font-weight:400;margin:0 0 calc(10px * var(--kn));max-width:none}
.figma_ir-poz:hover .figma_ir-poz-h,.figma_ir-poz:focus-visible .figma_ir-poz-h{text-decoration:underline;text-underline-offset:calc(3px * var(--kn))}
.figma_ir-pag{display:flex;justify-content:center;align-items:flex-start;height:calc(360px * var(--kn));padding-top:calc(160px * var(--kn))}
/* 901–1199 px: tekst i wiersze 550 zostają przy lewym marginesie (więz LEFT), a portret nie może pod nie wejść
   (audyt C, usterka 3): pole portretu zaczyna się 610 px od lewej, obraz przycięty z prawej, podpis dalej w rogu okna */
@media (min-width:901px) and (max-width:1199px){
 .figma_ir-dzial{grid-template-columns:calc(610 * var(--u) * var(--kn)) minmax(0,1fr)}
 .figma_ir-dz-g>img{right:auto;left:calc(-600px * var(--kn))}
}
.figma_ir-pk{display:flex;align-items:center;justify-content:center;width:calc(40px * var(--kn));height:calc(40px * var(--kn));border-radius:50%;
 box-shadow:inset 0 0 0 1px #000623;font-size:calc(16px * var(--kn));line-height:calc(20px * var(--kn));color:var(--g)}
@media (max-width:900px){
 .figma_ir-w{padding:0 calc(20px * var(--kn))}
 /* góra 207:7221 / 207:6962: nadlinia y=120, +20 tytuł 28/35, 40 px do sekcji. Figma składa Roobert minimalnie węziej
    niż przeglądarka: 4 px zapasu po prawej (284 zamiast 280) daje łamania z ramki — tytuł, leady kart działów,
    lead Search Observatory i zajawka „linkowania” (sprawdzone wiersz po wierszu przy 320) */
 .figma_ir-gora{padding:calc(120px * var(--kn)) 0 calc(40px * var(--kn))}
 .figma_ir-gora h1{font-size:calc(28px * var(--ts) * var(--kn));line-height:1;margin-right:calc(-4px * var(--kn))}
 /* karta działu 207:7225: tytuł 24/30 +40, lead 16/24 +90, portret 320×320, pas wierszy 128 (pad 20, wiersze 270×88
    co 280 w karuzeli), „Zobacz więcej” + 40 px */
 .figma_ir-dzial{display:flex;flex-direction:column}
 .figma_ir-dz-t{display:contents}
 .figma_ir-dzial h2{order:1;margin:calc(40px * var(--kn)) calc(20px * var(--kn)) calc(20px * var(--kn));font-size:calc(24px * var(--kn));line-height:calc(30px * var(--ts) * var(--kn))}
 .figma_ir-dzial .figma_ir-lead{order:2;width:auto;max-width:none;margin:0 calc(16px * var(--kn)) 0 calc(20px * var(--kn));line-height:calc(24px * var(--kn))}
 .figma_ir-dz-g{order:3;height:calc(320px * var(--kn))}
 .figma_ir-dz-g>img{width:var(--mw);height:auto;right:auto;top:auto;bottom:0;left:calc(50% + var(--mx))}
 .figma_ir-podpis{display:none}
 .figma_ir-wiersze{order:4;flex-direction:row;margin:0;padding:calc(20px * var(--kn));overflow-x:auto;scroll-snap-type:x mandatory;
  scroll-padding:0 calc(20px * var(--kn));scrollbar-width:none}
 .figma_ir-wiersze::-webkit-scrollbar{display:none}
 .figma_ir-wiersz{width:calc(270px * var(--kn));scroll-snap-align:start;align-items:stretch}
 .figma_ir-min{width:calc(60px * var(--kn))}
 .figma_ir-wt{flex:none;width:calc(210px * var(--kn));padding:calc(20px * var(--kn))}
 .figma_ir-wtyt{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:calc(48px * var(--kn))}
 .figma_ir-wsub{display:none}
 .figma_ir-dz-t .figma_ir-wiecej{order:5;margin:0 calc(20px * var(--kn)) calc(40px * var(--kn));align-self:flex-start}
 /* Raporty 207:7284: pad 40, tytuł 24/30, lead 16/24, okładki 265×375 jedna pod drugą co 40, tytuł i szara 16/24 */
 .figma_ir-okladki h2,.figma_ir-obs h2{font-size:calc(24px * var(--kn));line-height:calc(30px * var(--ts) * var(--kn))}
 .figma_ir-okladki .figma_ir-lead,.figma_ir-obs .figma_ir-lead{line-height:calc(24px * var(--kn));max-width:none}
 .figma_ir-obs .figma_ir-lead{margin-right:calc(-4px * var(--kn))}
 .figma_ir-rzad{display:flex;flex-direction:column;align-items:center;gap:calc(40px * var(--kn));width:auto;margin:calc(40px * var(--kn)) 0}
 .figma_ir-rap{width:calc(265px * var(--kn))}
 .figma_ir-rap h3,.figma_ir-okladki .figma_ir-szary{line-height:calc(24px * var(--kn))}
 /* Search Observatory 207:7305: pad 40, tytuł 24/30, lead 16/24, +40, karty 280 co 40 */
 .figma_ir-obs{padding:calc(40px * var(--kn)) 0}
 .figma_ir-posty{grid-template-columns:minmax(0,1fr);gap:calc(40px * var(--kn));margin-top:calc(40px * var(--kn))}
 /* karta 207:7310: zdjęcie FILL × 158, tytuł 20/25, zajawka 16/24 bez stałych wysokości (wiersze jak w ramce) */
 .figma_ir-foto{--s:.24906;height:calc(158px * var(--kn))}
 .figma_ir-tyt{font-size:calc(20px * var(--kn));line-height:calc(25px * var(--kn));min-height:0}
 .figma_ir-zaj{min-height:0;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
 .figma_ir-zapas{margin-right:calc(-4px * var(--kn))}
 .figma_ir-d{display:none}.figma_ir-m{display:inline}
 /* /raporty/ 207:6964: pozycje 280×486 co 40 (okładka 280×396, +20 tytuł w polu 265, +10 szara), pad 40/40;
    paginacja 200 (pad 80) */
 .figma_ir-lista .figma_ir-w{padding-bottom:calc(40px * var(--kn))}
 .figma_ir-siatka{display:flex;flex-direction:column;gap:calc(40px * var(--kn))}
 .figma_ir-poz{display:block}
 .figma_ir-poz .figma_ir-okl img{width:calc(280px * var(--kn));height:calc(396.236px * var(--kn))} /* 265×375 w skali 280 (ramka: 396,2359) */
 .figma_ir-poz-t{width:calc(265px * var(--kn));margin-top:calc(20px * var(--kn))}
 .figma_ir-pag{height:calc(200px * var(--kn));padding-top:calc(80px * var(--kn))}
}

/* ── figma_nc.css ── */
/* MODUŁ figma_nc · /narzedzia/ i /case-study/ według projektu Figmy · plik GENEROWANY: python3 tresci/figma_nc.py --css */
/* szerokość: .wrap (rama) = 40 px od krawędzi okna na każdej szerokości > 900 px; przy 1200 = ramka 1:1.
   Telefon ≤ 900 px = ramki mobilne 581:5120 (Narzędzia) i 581:4820 (Case Studies), margines 20 px. */
/* odstęp liter jak w projekcie: -1 % rozmiaru pisma każdego elementu (globalne -.01em dziedziczy się jako -0,16 px) */
.fnc-narz *,.fnc-form *,.fnc-kafle-sek *,.fnc-lista *{letter-spacing:-.01em}
/* elementy tylko z ramek mobilnych */
.fnc-t,.fnc-kafel-gm,.fnc-det,.fnc-zaj,.fnc-aut{display:none}
/* /narzedzia/ · karty 360 px wysokości, ikona u góry, tytuł i opis dociśnięte nad strzałkę (273:5538);
   siatka 3 × 1fr z odstępem 20 (przy 1200: 360 px), opis FILL (karta 2: FIXED 265) */
.fnc-narz{padding:calc(120px * var(--kn)) 0}
.fnc-narz h2{max-width:calc(740 * var(--u) * var(--kn));margin-bottom:calc(20px * var(--kn))}
.fnc-narz h2 em{color:var(--n)}
.fnc-narz .lead{max-width:calc(740 * var(--u) * var(--kn));line-height:calc(20px * var(--kn));margin-bottom:0}
.fnc-siatka{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(20px * var(--kn));margin-top:calc(80px * var(--kn))}
.fnc-karta{display:flex;flex-direction:column;min-height:calc(360px * var(--kn));padding:calc(40px * var(--kn));background:#fff;color:var(--g);text-decoration:none;
 transition:box-shadow .2s,transform .2s}
.fnc-karta:hover{box-shadow:0 calc(12px * var(--kn)) calc(32px * var(--kn)) rgba(0,6,35,.12);transform:translateY(calc(-2px * var(--kn)))}
.fnc-karta .fnc-ik,.fnc-karta .fnc-strz{width:calc(40px * var(--kn));flex:none}
.fnc-kt{display:block;margin-top:auto;padding-top:calc(15px * var(--kn))}
.fnc-karta h3{font-size:calc(20px * var(--kn));line-height:calc(25px * var(--kn));letter-spacing:-.2px;margin:0 0 calc(20px * var(--kn))}
.fnc-karta p{color:#666A7B;font-size:calc(16px * var(--kn));line-height:calc(20px * var(--kn))}
.fnc-karta:nth-child(2) p{width:calc(265px * var(--kn));max-width:100%}   /* FIXED 265; przy 1024 nie wchodzi w margines karty */
@media (min-width:1201px){.fnc-karta:nth-child(2) p{width:auto}}   /* > 1200: FILL jak sąsiednie, tytuły w jednej linii (audyt B pkt 12) */
.fnc-karta .fnc-strz{display:block;height:calc(40px * var(--kn));margin-top:calc(20px * var(--kn));border-radius:50%;color:var(--g)}
.fnc-karta:hover .fnc-strz{background:var(--szary)}
/* formularz „Audyt SEO” (273:5532) = wzorzec strony głównej (decyzja 4): Key Visual 400 (ilustracja 400×320 + zdjęcie
   400×616) przy lewej krawędzi okna, kolumna formularza z paddingiem 120 (przy 1024: 40, jak na stronie głównej), pola
   FIXED 560, białe tło do prawej krawędzi okna; pola 60 px (16/20 #666A7B, wcięcie 20), obszar 120 bez uchwytu,
   zgoda 16/20, przycisk 183×60; sekcja 936 px */
.fnc-form .fnc-kv{display:flex;flex-direction:column;background:#fff;min-height:0}
.fnc-kv-il{display:block;height:calc(320px * var(--kn));position:relative;overflow:hidden;background:#5768FF}
.fnc-kv-il img{position:absolute;inset:0;width:100%;height:100%}
.fnc-kv-fot{display:block;height:calc(616px * var(--kn));position:relative;background:#D9D9D9}
.fnc-kv-fot img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.fnc-form .form-t{padding:calc(120px * var(--kn)) clamp(calc(40px * var(--kn)), calc(calc(min(100vw, 1920px) * var(--kn)) - calc(1080px * var(--kn))), calc(120px * var(--kn)))}
.fnc-form .form-t h2{margin-bottom:calc(20px * var(--kn))}
.fnc-form .form-t .lead{margin-bottom:0}
.fnc-form .pole:has(input[type=url]){grid-column:1/-1}
.fnc-form .pole input,.fnc-form .pole select,.fnc-form .pole textarea{height:calc(60px * var(--kn));min-height:0;padding:0 calc(20px * var(--kn));font-size:calc(16px * var(--kn));line-height:calc(20px * var(--kn))}
.fnc-form .pole textarea{height:calc(120px * var(--kn));padding:calc(20px * var(--kn));resize:none;display:block}
.fnc-form .pole ::placeholder{color:#666A7B;opacity:1}
.fnc-form .pole select{color:#666A7B;appearance:none;-webkit-appearance:none;padding-right:calc(54px * var(--kn));
 background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M6.5 8h7L10 4zM6.5 12h7L10 16z' fill='%23000623'/%3E%3C/svg%3E") no-repeat right calc(20px * var(--kn)) top calc(20px * var(--kn))/calc(20px * var(--kn)) calc(20px * var(--kn))}
.fnc-form .pole select:has(option:checked:not([value=""])){color:var(--g)}
.fnc-form .zgoda{min-height:calc(48px * var(--kn));padding:calc(4px * var(--kn)) 0;font-size:calc(16px * var(--kn));line-height:calc(20px * var(--kn));color:#666A7B;align-items:flex-start}
.fnc-form .zgoda input{appearance:none;-webkit-appearance:none;border:1px solid var(--l);background:#fff;border-radius:0;cursor:pointer}
.fnc-form .zgoda input:checked{border-color:var(--n);background:var(--n) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10.5l3.2 3.2L15 7' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/calc(20px * var(--kn))}
.fnc-form .zgoda input:focus-visible{outline:calc(2px * var(--kn)) solid var(--n);outline-offset:calc(2px * var(--kn))}
.fnc-form .btn-l{margin-top:calc(20px * var(--kn));padding:0;width:calc(183px * var(--kn));height:calc(60px * var(--kn))}
/* /case-study/ · granatowa sekcja z torem kafli 550×320 (273:5074): tor od lewego marginesu 40 px, wychodzi za prawą
   krawędź okna (na każdej szerokości) */
.fnc-kafle-sek{padding:calc(120px * var(--kn)) 0 calc(96px * var(--kn))}
.fnc-kafle-sek h2{margin-bottom:calc(60px * var(--kn));max-width:none}
.fnc-kafle-sek h2 em{color:#5768FF}
.fnc-tor-w{padding-left:calc(40px * var(--kn))}
.fnc-tor{display:flex;gap:calc(20px * var(--kn));overflow-x:auto;scroll-snap-type:x mandatory;height:calc(344px * var(--kn));padding-bottom:calc(24px * var(--kn));padding-right:calc(40px * var(--kn));
 scroll-padding-left:0;scrollbar-width:thin;scrollbar-color:#5768FF rgba(255,255,255,.15)}
.fnc-tor::-webkit-scrollbar{height:calc(4px * var(--kn))}.fnc-tor::-webkit-scrollbar-track{background:rgba(255,255,255,.15)}
.fnc-tor::-webkit-scrollbar-thumb{background:#5768FF}
.fnc-kafel{flex:0 0 calc(550px * var(--kn));min-width:0;height:calc(320px * var(--kn));display:flex;scroll-snap-align:start;text-decoration:none;color:var(--g);position:relative}
.fnc-k-biale{background:#fff}.fnc-k-nieb{background:#5768FF}
.fnc-kafel-t{display:flex;flex-direction:column;flex:1;padding:calc(40px * var(--kn)) 0 calc(40px * var(--kn)) calc(40px * var(--kn));min-width:0;position:relative;z-index:1}
.fnc-kafel h3{font-size:calc(24px * var(--kn));line-height:calc(30px * var(--ts) * var(--kn));margin:0;width:calc(280px * var(--kn))}
.fnc-kafel p{margin-top:auto;font-size:calc(16px * var(--kn));line-height:calc(24px * var(--kn));width:calc(280px * var(--kn));color:var(--g)}
.fnc-kafel-l{display:none}
.fnc-kafel-g{flex:0 0 calc(var(--gw) * 1px);align-self:stretch;overflow:hidden}
.fnc-kafel-g .fg{height:100%}
/* kafel 1: zamiennik portretu (_dane/portrety-figma) ma osobę w mniejszym kadrze niż projekt → powiększenie do kadru z planszy */
.fnc-kafel:first-child .fnc-kafel-g img{transform:scale(1.58);transform-origin:calc(224px * var(--kn)) calc(294px * var(--kn))}
.fnc-kafel:hover h3,.fnc-kafel:focus-visible h3{text-decoration:underline;text-underline-offset:calc(5px * var(--kn));text-decoration-thickness:1px}
/* /case-study/ · filtry 3 × 270×60 (273:5226), karta wyróżniona: okładka FIXED 740×416 + tekst FILL (273:5231),
   siatka 3 × 1fr z odstępem 20/60, zdjęcie karty FILL × FIXED 203 (273:5242), paginacja 120 + 40 + 120 (273:5327) */
.fnc-lista{padding:calc(60px * var(--kn)) 0 0}
.fnc-cel{display:block;height:0;scroll-margin-top:calc(100px * var(--kn))}
#lista{scroll-margin-top:calc(40px * var(--kn))}
.fnc-filtry{display:flex;flex-wrap:wrap;gap:calc(20px * var(--kn));align-items:center;position:relative;z-index:5}
.fnc-dd{position:relative;width:calc(270px * var(--kn));height:calc(60px * var(--kn));border:1px solid var(--l);background:#fff;display:flex;align-items:center;
 padding:0 calc(20px * var(--kn));cursor:pointer;color:#666A7B;font-size:calc(16px * var(--kn));line-height:calc(20px * var(--kn));outline:none}
.fnc-dd:focus-visible{outline:calc(2px * var(--kn)) solid var(--n)}
.fnc-dd-l{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fnc-dd>svg{width:calc(24px * var(--kn));height:calc(24px * var(--kn));flex:none;color:var(--g)}
.fnc-dd-m{display:none;position:absolute;left:-1px;right:-1px;top:100%;background:#fff;border:1px solid var(--l);border-top:0;
 box-shadow:0 calc(12px * var(--kn)) calc(32px * var(--kn)) rgba(0,6,35,.12);padding:calc(8px * var(--kn)) 0}
.fnc-dd:hover .fnc-dd-m,.fnc-dd:focus-within .fnc-dd-m{display:block}
.fnc-dd-m a{display:block;padding:calc(10px * var(--kn)) calc(20px * var(--kn));color:var(--g);text-decoration:none}
.fnc-dd-m a:hover,.fnc-dd-m a:focus-visible{background:var(--p);color:var(--nt)}
.fnc-dd-m small{color:#666A7B;font-size:calc(14px * var(--kn))}
.fnc-dd-v{color:var(--g)}
.fnc-zeruj{display:none;color:var(--g);font-size:calc(16px * var(--kn))}
/* filtry ze skryptem (decyzja 8: iloczyn): stan na liście #lista */
.fnc-ukr{display:none!important}
.fnc-filtr .fnc-zeruj{display:inline}
.fnc-dd.fnc-wyb{border-color:var(--g)}.fnc-wyb .fnc-dd-n{display:none}
.fnc-dd-m a.fnc-akt{font-weight:500;color:var(--nt)}
.fnc-brak{margin-top:calc(40px * var(--kn));font-size:calc(16px * var(--kn));line-height:calc(24px * var(--kn))}.fnc-brak a{color:var(--g)}
@media (min-width:901px){.fnc-filtr .fnc-cs-duza{grid-column:auto;display:block}.fnc-filtr .fnc-cs-duza .fnc-okl{height:calc(203px * var(--kn))}.fnc-filtr .fnc-cs-duza h3{font-size:calc(24px * var(--kn));line-height:calc(30px * var(--ts) * var(--kn));margin:calc(20px * var(--kn)) 0;min-height:calc(120px * var(--kn))}}
.fnc-wyn{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(60px * var(--kn)) calc(20px * var(--kn));margin-top:calc(60px * var(--kn))}
.fnc-cs{display:block;color:var(--g);text-decoration:none;min-width:0}
.fnc-okl{display:block;height:calc(203px * var(--kn));background:var(--g);overflow:hidden;position:relative}
.fnc-okl img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .4s}
.fnc-cs:hover .fnc-okl img{transform:scale(1.04)}
.fnc-cs-t{display:block}
.fnc-cs h3{font-size:calc(24px * var(--kn));line-height:calc(30px * var(--ts) * var(--kn));margin:calc(20px * var(--kn)) 0;min-height:calc(120px * var(--kn))}
.fnc-cs:hover h3{text-decoration:underline;text-underline-offset:calc(5px * var(--kn));text-decoration-thickness:1px}
.fnc-et{display:flex;flex-wrap:wrap;gap:calc(10px * var(--kn))}
.fnc-et li{background:#5768FF;color:#fff;font-size:calc(16px * var(--kn));line-height:calc(20px * var(--kn));padding:calc(5px * var(--kn))}
.fnc-cs-duza{grid-column:1/-1;display:grid;grid-template-columns:calc(740 * var(--u) * var(--kn)) 1fr;gap:calc(20px * var(--kn));align-items:start}
.fnc-cs-duza .fnc-okl{height:calc(416px * var(--kn))}
.fnc-cs-duza h3{font-size:calc(32px * var(--ts) * var(--kn));line-height:calc(40px * var(--ts) * var(--kn));margin:0 0 calc(20px * var(--kn));min-height:calc(160px * var(--kn))}
.fnc-pag{display:flex;justify-content:center;gap:calc(10px * var(--kn));padding:calc(120px * var(--kn)) 0}
.fnc-pag span{display:grid;place-items:center;width:calc(40px * var(--kn));height:calc(40px * var(--kn));border:1px solid var(--g);border-radius:50%;
 font-size:calc(16px * var(--kn));line-height:calc(20px * var(--kn));color:var(--g)}
/* 901–1100 px: kolumna tekstu karty wyróżnionej przy stałej okładce 740 byłaby węższa niż 200 px → okładka 1.6fr */
@media (max-width:1100px){.fnc-cs-duza{grid-template-columns:1.6fr 1fr}}
/* ═══ telefon ≤ 900 px: ramki mobilne 1:1 (przy 320 px), szerszy telefon = te same pisma i wysokości, treść rośnie ═══ */
@media (max-width:900px){
 main:has(.fnc-narz) .hero-lead,main:has(.fnc-kafle-sek) .hero-lead{line-height:calc(24px * var(--kn));margin-right:calc(-6px * var(--kn))}   /* 16/24; łamanie jak w ramce */
 .fnc-d{display:none}p.fnc-t{display:block}
 .fnc-tm{color:var(--nt)}   /* 581:5131: „ ™” w kolorze wyróżnienia */
 /* /narzedzia/ 581:5129: pad 80/20, h2 24/30, lead 16/20, karty 100 % × 360 co 20, pad 40/20/20, ikona u góry */
 .fnc-narz{padding:calc(80px * var(--kn)) 0}
 .fnc-narz h2{font-size:calc(24px * var(--kn));line-height:calc(30px * var(--ts) * var(--kn));margin-bottom:calc(20px * var(--kn));max-width:none}
 /* łamanie wierszy jak w ramce: Roobert w przeglądarce jest o ~1,5 % szerszy niż w Figmie, więc pola tekstu są
    o kilka px szersze (okna szerokości z linii ramki: lead 284–291, opisy kart 243,2–244,2) */
 .fnc-narz .lead{max-width:none;margin-right:calc(-6px * var(--kn))}
 .fnc-siatka{grid-template-columns:minmax(0,1fr);gap:calc(20px * var(--kn));margin-top:calc(40px * var(--kn))}
 .fnc-karta{min-height:calc(360px * var(--kn));padding:calc(40px * var(--kn)) calc(20px * var(--kn)) calc(20px * var(--kn))}
 .fnc-karta p{margin-right:calc(-4px * var(--kn))}
 .fnc-karta:nth-child(2) p{max-width:none}   /* 581:5142 FIXED 265 (szerszy niż pole 240, jak w ramce) */
 /* formularz 581:5170 = telefon strony głównej: tekst i pola na całą szerokość (pad 80/20/70), Key Visual POD
    formularzem, ilustracja i zdjęcie po 50 % × 240 (ilustracja w skali 0,76 od x=−72, jak na stronie głównej) */
 .fnc-form{grid-template-columns:minmax(0,1fr);gap:0}
 .fnc-form .fnc-kv{order:2;flex-direction:row;height:calc(240px * var(--kn))}
 .fnc-kv-il,.fnc-kv-fot{width:50%;height:calc(240px * var(--kn))}
 .fnc-kv-il img{inset:auto;left:calc(-72px * var(--kn));top:0;width:calc(304px * var(--kn));max-width:none;height:calc(243.2px * var(--kn))}
 .fnc-form .form-t{padding:calc(80px * var(--kn)) calc(20px * var(--kn)) calc(70px * var(--kn));max-width:none}
 .fnc-form .form-t h2{font-size:calc(24px * var(--kn));line-height:calc(30px * var(--ts) * var(--kn));margin-bottom:calc(20px * var(--kn))}
 .fnc-form .form{grid-template-columns:1fr;gap:calc(10px * var(--kn));margin-top:calc(20px * var(--kn))}
 .fnc-form .zgoda{min-height:0;padding:0;margin-top:calc(10px * var(--kn))}
 .fnc-form .btn-l{width:100%;margin-top:calc(20px * var(--kn));justify-self:stretch}
 /* /case-study/ 581:4830: pad 80/20, h2 24/30, tor kafli 270×460 co 20 od x=20, wychodzi za prawą krawędź */
 .fnc-kafle-sek{padding:calc(80px * var(--kn)) 0 calc(56px * var(--kn))}
 .fnc-kafle-sek h2{font-size:calc(24px * var(--kn));line-height:calc(30px * var(--ts) * var(--kn));margin-bottom:calc(40px * var(--kn))}
 .fnc-tor-w{padding-left:calc(20px * var(--kn))}
 .fnc-tor{height:calc(484px * var(--kn));padding-right:calc(20px * var(--kn))}
 .fnc-kafel{flex:0 0 calc(270px * var(--kn));width:calc(270px * var(--kn));height:calc(460px * var(--kn));display:block}
 .fnc-kafel-t{display:block;padding:calc(40px * var(--kn)) calc(20px * var(--kn)) 0}.fnc-y45 .fnc-kafel-t{padding-top:calc(45px * var(--kn))}
 .fnc-kafel h3{width:calc(230px * var(--kn));font-size:calc(20px * var(--kn));line-height:calc(25px * var(--kn))}.fnc-m24 h3{font-size:calc(24px * var(--kn));line-height:calc(30px * var(--ts) * var(--kn))}
 .fnc-kafel p{width:calc(234px * var(--kn));margin-top:calc(10px * var(--kn));font-size:calc(16px * var(--kn));line-height:calc(20px * var(--kn))}   /* 230 w ramce; +4 px: szerszy Roobert w przeglądarce */
 .fnc-kafel-g{display:none}
 .fnc-kafel-gm{display:block;position:absolute;left:0;top:calc(240px * var(--kn));width:calc(270px * var(--kn));height:calc(220px * var(--kn));overflow:hidden}
 .fnc-kafel:first-child .fnc-kafel-gm img{transform:scale(1.58);transform-origin:calc(168px * var(--kn)) calc(220px * var(--kn))}   /* ten sam zamiennik co na desktopie */
 /* lista 581:4982: pad 40/20, karty „Blog Post” 100 % szer. co 40: zdjęcie × 158, szczegóły, tytuł 20/25, zajawka 16/24,
    autor 40×40; filtrów w ramce mobilnej nie ma (pokazują się, gdy filtr wybrano kaflem) */
 .fnc-lista{padding:calc(40px * var(--kn)) 0 0}
 .fnc-filtry{display:none;flex-direction:column;align-items:stretch;gap:calc(10px * var(--kn))}.fnc-dd{width:100%}
 .fnc-wyn{grid-template-columns:minmax(0,1fr);gap:calc(40px * var(--kn));margin-top:0}
 .fnc-cs-duza{display:block}
 .fnc-okl,.fnc-cs-duza .fnc-okl{height:calc(158px * var(--kn))}
 .fnc-cs-t{display:flex;flex-direction:column;gap:calc(20px * var(--kn));margin-top:calc(20px * var(--kn))}
 .fnc-det{display:flex;align-items:center;gap:calc(10px * var(--kn));height:calc(23px * var(--kn));font-size:calc(16px * var(--kn));line-height:calc(20px * var(--kn));color:var(--g)}
 .fnc-det-e{color:#4E5EE5}
 .fnc-cs h3,.fnc-cs-duza h3{font-size:calc(20px * var(--kn));line-height:calc(25px * var(--kn));margin:0;min-height:0}
 .fnc-zaj{display:block;font-size:calc(16px * var(--kn));line-height:calc(24px * var(--kn))}
 .fnc-et{display:none}
 .fnc-aut{display:flex;align-items:center;gap:calc(10px * var(--kn));font-size:calc(16px * var(--kn));line-height:calc(20px * var(--kn))}
 .fnc-av{flex:none;width:calc(40px * var(--kn));height:calc(40px * var(--kn));border-radius:50%;background:var(--g);display:flex;align-items:center;justify-content:center}
 .fnc-av img{width:calc(30px * var(--kn));height:auto}
 .fnc-filtr .fnc-filtry{display:flex;margin-bottom:calc(40px * var(--kn))}
 .fnc-pag{padding:calc(80px * var(--kn)) 0;margin-top:calc(40px * var(--kn))}   /* 40 = dolny margines listy 581:4982, potem paginacja 80 + 40 + 80 */
}

/* filtry case studies (z danych: CELE + metryczki case'ów) */
html:not(.fnc-js) #cs-cel-sprzedaz:target~.fnc-wyn .fnc-cs:not(.cs-cel-sprzedaz){display:none}
html:not(.fnc-js) #cs-cel-sprzedaz:target~.fnc-filtry .fnc-dd-cel{border-color:var(--g)}html:not(.fnc-js) #cs-cel-sprzedaz:target~.fnc-filtry .fnc-dd-cel .fnc-dd-n{display:none}html:not(.fnc-js) #cs-cel-sprzedaz:target~.fnc-filtry .fnc-dd-cel .fnc-dd-v::before{content:"Wzrost sprzedaży"}html:not(.fnc-js) #cs-cel-sprzedaz:target~.fnc-filtry .fnc-zeruj{display:inline}html:not(.fnc-js) #cs-cel-sprzedaz:target~.fnc-filtry a[href="#cs-cel-sprzedaz"]{font-weight:500;color:var(--nt)}
html:not(.fnc-js) #cs-cel-klienci:target~.fnc-wyn .fnc-cs:not(.cs-cel-klienci){display:none}
html:not(.fnc-js) #cs-cel-klienci:target~.fnc-filtry .fnc-dd-cel{border-color:var(--g)}html:not(.fnc-js) #cs-cel-klienci:target~.fnc-filtry .fnc-dd-cel .fnc-dd-n{display:none}html:not(.fnc-js) #cs-cel-klienci:target~.fnc-filtry .fnc-dd-cel .fnc-dd-v::before{content:"Więcej klientów i leadów"}html:not(.fnc-js) #cs-cel-klienci:target~.fnc-filtry .fnc-zeruj{display:inline}html:not(.fnc-js) #cs-cel-klienci:target~.fnc-filtry a[href="#cs-cel-klienci"]{font-weight:500;color:var(--nt)}
html:not(.fnc-js) #cs-cel-widocznosc:target~.fnc-wyn .fnc-cs:not(.cs-cel-widocznosc){display:none}
html:not(.fnc-js) #cs-cel-widocznosc:target~.fnc-filtry .fnc-dd-cel{border-color:var(--g)}html:not(.fnc-js) #cs-cel-widocznosc:target~.fnc-filtry .fnc-dd-cel .fnc-dd-n{display:none}html:not(.fnc-js) #cs-cel-widocznosc:target~.fnc-filtry .fnc-dd-cel .fnc-dd-v::before{content:"Wzrost widoczności"}html:not(.fnc-js) #cs-cel-widocznosc:target~.fnc-filtry .fnc-zeruj{display:inline}html:not(.fnc-js) #cs-cel-widocznosc:target~.fnc-filtry a[href="#cs-cel-widocznosc"]{font-weight:500;color:var(--nt)}
html:not(.fnc-js) #cs-cel-transformacja:target~.fnc-wyn .fnc-cs:not(.cs-cel-transformacja){display:none}
html:not(.fnc-js) #cs-cel-transformacja:target~.fnc-filtry .fnc-dd-cel{border-color:var(--g)}html:not(.fnc-js) #cs-cel-transformacja:target~.fnc-filtry .fnc-dd-cel .fnc-dd-n{display:none}html:not(.fnc-js) #cs-cel-transformacja:target~.fnc-filtry .fnc-dd-cel .fnc-dd-v::before{content:"Transformacja Search"}html:not(.fnc-js) #cs-cel-transformacja:target~.fnc-filtry .fnc-zeruj{display:inline}html:not(.fnc-js) #cs-cel-transformacja:target~.fnc-filtry a[href="#cs-cel-transformacja"]{font-weight:500;color:var(--nt)}
html:not(.fnc-js) #cs-roz-ai-search:target~.fnc-wyn .fnc-cs:not(.cs-roz-ai-search){display:none}
html:not(.fnc-js) #cs-roz-ai-search:target~.fnc-filtry .fnc-dd-roz{border-color:var(--g)}html:not(.fnc-js) #cs-roz-ai-search:target~.fnc-filtry .fnc-dd-roz .fnc-dd-n{display:none}html:not(.fnc-js) #cs-roz-ai-search:target~.fnc-filtry .fnc-dd-roz .fnc-dd-v::before{content:"AI Search"}html:not(.fnc-js) #cs-roz-ai-search:target~.fnc-filtry .fnc-zeruj{display:inline}html:not(.fnc-js) #cs-roz-ai-search:target~.fnc-filtry a[href="#cs-roz-ai-search"]{font-weight:500;color:var(--nt)}
html:not(.fnc-js) #cs-roz-local-search:target~.fnc-wyn .fnc-cs:not(.cs-roz-local-search){display:none}
html:not(.fnc-js) #cs-roz-local-search:target~.fnc-filtry .fnc-dd-roz{border-color:var(--g)}html:not(.fnc-js) #cs-roz-local-search:target~.fnc-filtry .fnc-dd-roz .fnc-dd-n{display:none}html:not(.fnc-js) #cs-roz-local-search:target~.fnc-filtry .fnc-dd-roz .fnc-dd-v::before{content:"Local Search"}html:not(.fnc-js) #cs-roz-local-search:target~.fnc-filtry .fnc-zeruj{display:inline}html:not(.fnc-js) #cs-roz-local-search:target~.fnc-filtry a[href="#cs-roz-local-search"]{font-weight:500;color:var(--nt)}
html:not(.fnc-js) #cs-roz-content:target~.fnc-wyn .fnc-cs:not(.cs-roz-content){display:none}
html:not(.fnc-js) #cs-roz-content:target~.fnc-filtry .fnc-dd-roz{border-color:var(--g)}html:not(.fnc-js) #cs-roz-content:target~.fnc-filtry .fnc-dd-roz .fnc-dd-n{display:none}html:not(.fnc-js) #cs-roz-content:target~.fnc-filtry .fnc-dd-roz .fnc-dd-v::before{content:"Content"}html:not(.fnc-js) #cs-roz-content:target~.fnc-filtry .fnc-zeruj{display:inline}html:not(.fnc-js) #cs-roz-content:target~.fnc-filtry a[href="#cs-roz-content"]{font-weight:500;color:var(--nt)}
html:not(.fnc-js) #cs-roz-user-experience:target~.fnc-wyn .fnc-cs:not(.cs-roz-user-experience){display:none}
html:not(.fnc-js) #cs-roz-user-experience:target~.fnc-filtry .fnc-dd-roz{border-color:var(--g)}html:not(.fnc-js) #cs-roz-user-experience:target~.fnc-filtry .fnc-dd-roz .fnc-dd-n{display:none}html:not(.fnc-js) #cs-roz-user-experience:target~.fnc-filtry .fnc-dd-roz .fnc-dd-v::before{content:"User Experience"}html:not(.fnc-js) #cs-roz-user-experience:target~.fnc-filtry .fnc-zeruj{display:inline}html:not(.fnc-js) #cs-roz-user-experience:target~.fnc-filtry a[href="#cs-roz-user-experience"]{font-weight:500;color:var(--nt)}
html:not(.fnc-js) #cs-br-dom-i-ogrod:target~.fnc-wyn .fnc-cs:not(.cs-br-dom-i-ogrod){display:none}
html:not(.fnc-js) #cs-br-dom-i-ogrod:target~.fnc-filtry .fnc-dd-br{border-color:var(--g)}html:not(.fnc-js) #cs-br-dom-i-ogrod:target~.fnc-filtry .fnc-dd-br .fnc-dd-n{display:none}html:not(.fnc-js) #cs-br-dom-i-ogrod:target~.fnc-filtry .fnc-dd-br .fnc-dd-v::before{content:"Dom i ogród"}html:not(.fnc-js) #cs-br-dom-i-ogrod:target~.fnc-filtry .fnc-zeruj{display:inline}html:not(.fnc-js) #cs-br-dom-i-ogrod:target~.fnc-filtry a[href="#cs-br-dom-i-ogrod"]{font-weight:500;color:var(--nt)}
html:not(.fnc-js) #cs-br-elektronika-i-agd:target~.fnc-wyn .fnc-cs:not(.cs-br-elektronika-i-agd){display:none}
html:not(.fnc-js) #cs-br-elektronika-i-agd:target~.fnc-filtry .fnc-dd-br{border-color:var(--g)}html:not(.fnc-js) #cs-br-elektronika-i-agd:target~.fnc-filtry .fnc-dd-br .fnc-dd-n{display:none}html:not(.fnc-js) #cs-br-elektronika-i-agd:target~.fnc-filtry .fnc-dd-br .fnc-dd-v::before{content:"Elektronika i AGD"}html:not(.fnc-js) #cs-br-elektronika-i-agd:target~.fnc-filtry .fnc-zeruj{display:inline}html:not(.fnc-js) #cs-br-elektronika-i-agd:target~.fnc-filtry a[href="#cs-br-elektronika-i-agd"]{font-weight:500;color:var(--nt)}
html:not(.fnc-js) #cs-br-edukacja:target~.fnc-wyn .fnc-cs:not(.cs-br-edukacja){display:none}
html:not(.fnc-js) #cs-br-edukacja:target~.fnc-filtry .fnc-dd-br{border-color:var(--g)}html:not(.fnc-js) #cs-br-edukacja:target~.fnc-filtry .fnc-dd-br .fnc-dd-n{display:none}html:not(.fnc-js) #cs-br-edukacja:target~.fnc-filtry .fnc-dd-br .fnc-dd-v::before{content:"Edukacja"}html:not(.fnc-js) #cs-br-edukacja:target~.fnc-filtry .fnc-zeruj{display:inline}html:not(.fnc-js) #cs-br-edukacja:target~.fnc-filtry a[href="#cs-br-edukacja"]{font-weight:500;color:var(--nt)}
html:not(.fnc-js) #cs-br-hobby-i-zainteresowania:target~.fnc-wyn .fnc-cs:not(.cs-br-hobby-i-zainteresowania){display:none}
html:not(.fnc-js) #cs-br-hobby-i-zainteresowania:target~.fnc-filtry .fnc-dd-br{border-color:var(--g)}html:not(.fnc-js) #cs-br-hobby-i-zainteresowania:target~.fnc-filtry .fnc-dd-br .fnc-dd-n{display:none}html:not(.fnc-js) #cs-br-hobby-i-zainteresowania:target~.fnc-filtry .fnc-dd-br .fnc-dd-v::before{content:"Hobby i zainteresowania"}html:not(.fnc-js) #cs-br-hobby-i-zainteresowania:target~.fnc-filtry .fnc-zeruj{display:inline}html:not(.fnc-js) #cs-br-hobby-i-zainteresowania:target~.fnc-filtry a[href="#cs-br-hobby-i-zainteresowania"]{font-weight:500;color:var(--nt)}
html:not(.fnc-js) #cs-br-motoryzacja:target~.fnc-wyn .fnc-cs:not(.cs-br-motoryzacja){display:none}
html:not(.fnc-js) #cs-br-motoryzacja:target~.fnc-filtry .fnc-dd-br{border-color:var(--g)}html:not(.fnc-js) #cs-br-motoryzacja:target~.fnc-filtry .fnc-dd-br .fnc-dd-n{display:none}html:not(.fnc-js) #cs-br-motoryzacja:target~.fnc-filtry .fnc-dd-br .fnc-dd-v::before{content:"Motoryzacja"}html:not(.fnc-js) #cs-br-motoryzacja:target~.fnc-filtry .fnc-zeruj{display:inline}html:not(.fnc-js) #cs-br-motoryzacja:target~.fnc-filtry a[href="#cs-br-motoryzacja"]{font-weight:500;color:var(--nt)}
html:not(.fnc-js) #cs-br-sport-i-rekreacja:target~.fnc-wyn .fnc-cs:not(.cs-br-sport-i-rekreacja){display:none}
html:not(.fnc-js) #cs-br-sport-i-rekreacja:target~.fnc-filtry .fnc-dd-br{border-color:var(--g)}html:not(.fnc-js) #cs-br-sport-i-rekreacja:target~.fnc-filtry .fnc-dd-br .fnc-dd-n{display:none}html:not(.fnc-js) #cs-br-sport-i-rekreacja:target~.fnc-filtry .fnc-dd-br .fnc-dd-v::before{content:"Sport i rekreacja"}html:not(.fnc-js) #cs-br-sport-i-rekreacja:target~.fnc-filtry .fnc-zeruj{display:inline}html:not(.fnc-js) #cs-br-sport-i-rekreacja:target~.fnc-filtry a[href="#cs-br-sport-i-rekreacja"]{font-weight:500;color:var(--nt)}
@media (min-width:901px){html:not(.fnc-js) .fnc-cel:target~.fnc-wyn .fnc-cs-duza{grid-column:auto;display:block}html:not(.fnc-js) .fnc-cel:target~.fnc-wyn .fnc-cs-duza .fnc-okl{height:calc(203px * var(--kn))}html:not(.fnc-js) .fnc-cel:target~.fnc-wyn .fnc-cs-duza h3{font-size:calc(24px * var(--kn));line-height:calc(30px * var(--ts) * var(--kn));margin:calc(20px * var(--kn)) 0;min-height:calc(120px * var(--kn))}}
@media (max-width:900px){html:not(.fnc-js) .fnc-cel:target~.fnc-filtry{display:flex;margin-bottom:calc(40px * var(--kn))}}

/* ── figma_se.css ── */
/* figma_se · /search-ecosystem/ 1:1 z projektem Figmy: desktop 207:5948 (plansza 05, 1200×4148), telefon 207:7030
   (plansza 21, 320×5190). Powyżej 1200 px marginesy 40 px, siatki 1fr z odstępami projektu (brief v2 pkt 2). */
/* hero: tytuł ls −1 % (desktop 32/40 ls −0,32 207:5953, telefon 24/30 ls −0,24 207:7034) */
.figma_se-hero h1{letter-spacing:-.01em}

/* karty obszarów: rozwiazania-card 305 px, auto layout pionowy dociśnięty do dołu (MAX), odstęp 20, clip;
   ikona 40 (miejsce grupy logotypów), tytuł 20/25 500 ls −0,2 FILL, opis 16/20 #666A7B FILL (AI Search FIXED 265),
   strzałka 40 */
.figma_se-obszary{background:var(--p);padding:0 0 calc(80px * var(--kn))}
.figma_se-obszary .wrap{max-width:none;padding:0 calc(40px * var(--kn))}
.figma_se-siatka{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(20px * var(--kn))}
.figma_se-karta{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:calc(20px * var(--kn));height:calc(305px * var(--kn));
 padding:calc(40px * var(--kn));background:#fff;color:var(--g);text-decoration:none;overflow:hidden;transition:box-shadow .2s,transform .2s}
.figma_se-karta:hover{box-shadow:0 calc(12px * var(--kn)) calc(32px * var(--kn)) rgba(0,6,35,.12);transform:translateY(calc(-2px * var(--kn)))}
.figma_se-ik{display:block;flex:none;width:calc(40px * var(--kn));height:calc(40px * var(--kn));margin:0}
.figma_se-karta h3{font-size:calc(20px * var(--kn));line-height:calc(25px * var(--kn));font-weight:500;letter-spacing:-.2px;margin:0;width:100%}
/* opis: w projekcie ls −0,16, ale Chrome składa Roobert o ok. 1 % szerzej niż Figma („Zamieniamy pozyskany ruch
   w klientów” przy −0,16 ma 283 px i nie mieści się w 280) → −0,27 px daje łamania projektu w 7 z 8 kart (pomiar
   se_ls: przy −0,28 i ciaśniej „wyszukiwania” wskakuje do 2. wiersza Google Search); pole FIXED 265 (AI Search)
   potrzebuje −0,288 (jak opisy na stronie głównej), ustawione w module razem z szerokością */
.figma_se-karta p{color:#666A7B;font-size:calc(16px * var(--kn));line-height:calc(20px * var(--kn));letter-spacing:-.27px;width:100%;margin:0}
.figma_se-strz{display:block;flex:none;width:calc(40px * var(--kn));height:calc(40px * var(--kn));color:var(--g);border-radius:50%;transition:background .2s,color .2s}
.figma_se-karta:hover .figma_se-strz{background:var(--g);color:#fff}

/* formularz audytu (Contact form_Audyt SEO 207:6024) = wzorzec strony głównej (decyzja 4 po audycie): Key Visual 400
   przy lewej krawędzi okna (ilustracja 400×320 nad zdjęciem 400×616, oba z projektu); zaraz za nim blok Contact_form
   800 px (pad 120, treść 560, auto layout HUG z projektu), dalej do prawej krawędzi tylko białe tło sekcji.
   Poniżej 1200 px blok węższy niż 800: boczne odstępy maleją do 40, treść się zwęża. */
.figma_se-form{max-width:none;margin:0}
.figma_se-kv{display:flex;flex-direction:column;justify-content:space-between;min-height:calc(936px * var(--kn));background:#C6C6C6}
.figma_se-kv .fg{flex:none}
/* Contact_form: h2 32/40 ls −0,32, odstęp 20, lead 16/24 ls −0,16, odstęp 20, pola 60 (rzędy co 20), pole: ramka 1px
   #CCCDD3, padding 20, placeholder 16/20 #666A7B; tekst 120 bez uchwytu; zgoda: blok 48 (kwadrat 20, tekst od x+30,
   16/20 #666A7B, dwa wiersze); 40 px niżej przycisk 183×60 (20/25 ls −0,2) przy prawej krawędzi treści */
.figma_se-form .form-t{justify-self:start;width:min(100%,calc(800 * var(--u) * var(--kn)));max-width:none;
 padding:calc(120px * var(--kn)) clamp(calc(40px * var(--kn)),calc(50% - calc(280px * var(--kn))),calc(120px * var(--kn)))}
.figma_se-form .form-t h2{letter-spacing:-.32px;margin:0 0 calc(20px * var(--kn))}
.figma_se-form .form-t .lead{margin:0;letter-spacing:-.16px}
.figma_se-form .form{gap:calc(20px * var(--kn));margin-top:calc(20px * var(--kn))}
.figma_se-form .pole input,.figma_se-form .pole select,.figma_se-form .pole textarea{display:block;height:calc(60px * var(--kn));min-height:calc(60px * var(--kn));
 padding:0 calc(20px * var(--kn));border-color:#CCCDD3;font-size:calc(16px * var(--kn));line-height:calc(20px * var(--kn));letter-spacing:-.16px}
.figma_se-form .pole textarea{height:calc(120px * var(--kn));min-height:calc(120px * var(--kn));padding:calc(20px * var(--kn));resize:none}
.figma_se-form .pole ::placeholder{color:#666A7B;opacity:1}
.figma_se-form .pole select{-webkit-appearance:none;appearance:none;padding-right:calc(50px * var(--kn));color:#666A7B;background:#fff
 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='11'%3E%3Cpath d='M0 3 3.5 0 7 3zM0 8l3.5 3L7 8z' fill='%23000623'/%3E%3C/svg%3E")
 no-repeat right calc(29px * var(--kn)) center}
.figma_se-form .pole select:has(option:checked:not([value=""])){color:var(--g)}
.figma_se-form .zgoda{gap:calc(10px * var(--kn));padding:calc(4px * var(--kn)) 0;min-height:calc(48px * var(--kn));font-size:calc(16px * var(--kn));line-height:calc(20px * var(--kn));letter-spacing:-.16px;color:#666A7B}
.figma_se-form .zgoda input{-webkit-appearance:none;appearance:none;width:calc(20px * var(--kn));height:calc(20px * var(--kn));border:1px solid #CCCDD3;background:#fff;
 border-radius:0;cursor:pointer}
.figma_se-form .zgoda input:checked{background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='9'%3E%3Cpath d='M1 4.5 4.5 8 11 1' fill='none' stroke='%23000623' stroke-width='1.8'/%3E%3C/svg%3E") no-repeat center}
.figma_se-form .zgoda input:focus-visible{outline:calc(2px * var(--kn)) solid var(--n);outline-offset:0}
.figma_se-form .form .btn{justify-self:end;margin-top:calc(20px * var(--kn));width:calc(183px * var(--kn));height:calc(60px * var(--kn));min-height:calc(60px * var(--kn));padding:0;letter-spacing:-.2px}

/* desktop i tablet (> 900 px) */
@media (min-width:901px){
 /* Zaufali nam = Clients.Short 207:6025: pad 80/80, odstęp 40, sześć logo FILL (1fr) co 20 w polu okno − 80
    (przy 1200: 170×100 w polu 1120, x 40–1160); telefon zostaje części wspólnej (207:7040) */
 .figma_se-klienci{padding:calc(79px * var(--kn)) 0 calc(80px * var(--kn))}
 .figma_se-klienci .wrap{max-width:none;padding:0 calc(40px * var(--kn))}
 .figma_se-klienci .loga{grid-template-columns:repeat(6,1fr);justify-content:stretch;gap:calc(20px * var(--kn))}
 /* newsletter tylko w ramce telefonu */
 .figma_se-nl{display:none}
 /* tytuły w jednym rzędzie na tej samej wysokości przy każdej szerokości: opis zajmuje wolne miejsce karty (przy 1200
    opis ma 3 wiersze = 60 px i karta jest co do piksela jak w projekcie; szerzej opis ma mniej wierszy, a tytuł nie
    zjeżdża w dół); w kartach bez znaków i strzałki tytuł 160 px od góry, jak w projekcie */
 .figma_se-karta p{flex:1 0 auto}
 .figma_se-pusta h3{margin-top:calc(120px * var(--kn))}
}
/* 901–1199: karta węższa niż 360 → opis ma więcej wierszy; karta rośnie z treścią zamiast ucinać ikonę */
@media (min-width:901px) and (max-width:1199px){
 .figma_se-karta{height:auto;min-height:calc(305px * var(--kn))}
}
/* telefon (≤ 900 px) = ramka 207:7030 */
@media (max-width:900px){
 /* Model 207:7041: pad 40/0/40/0, odstęp 20, karty FILL na całą szerokość ekranu, 305 px, pad 40/20/40/20 */
 .figma_se-obszary{padding:calc(40px * var(--kn)) 0}
 .figma_se-obszary .wrap{padding:0}
 .figma_se-siatka{grid-template-columns:1fr;gap:calc(20px * var(--kn))}
 .figma_se-karta{padding:calc(40px * var(--kn)) calc(20px * var(--kn))}
 .figma_se-karta:hover{transform:none}
 /* twarda spacja z ramki telefonu (207:7092 „i\a0widoczność”) */
 .figma_se-nb{white-space:nowrap}
 /* w ramce telefonu formularza audytu nie ma: po kartach od razu newsletter (207:7098) */
 .figma_se-form{display:none}
}

/* makieta menu (menu_makieta.py) */
.mzb .menu>li:nth-child(4)>.nl{width:auto}
.mzb .mm.mz{padding:0}
.mz-in{padding:0 calc(40px * var(--kn)) calc(40px * var(--kn));position:relative}
.mz-g{display:none}
.mz-zak{display:flex;gap:calc(32px * var(--kn));border-bottom:1px solid var(--l);padding-top:calc(20px * var(--kn))}
.mz-tab{display:flex;align-items:center;gap:0;background:none;border:0;border-bottom:calc(2px * var(--kn)) solid transparent;margin-bottom:-1px;padding:0 0 calc(12px * var(--kn));
 font:inherit;font-size:calc(14px * var(--kn));line-height:calc(20px * var(--kn));color:var(--s);cursor:pointer;white-space:nowrap}
.mz-tab .mz-ik,.mz-tab svg{display:none}
.mz-tab[aria-selected=true]{color:var(--g);border-bottom-color:var(--n)}
.mz-tab:hover{color:var(--g)}
.mz-pan{display:none;grid-template-columns:minmax(calc(300 * var(--u) * var(--kn)),calc(380 * var(--u) * var(--kn))) 1fr;gap:calc(80px * var(--kn));padding-top:calc(32px * var(--kn))}
.mz-pan[data-akt]{display:grid}
.mz[data-mz=jeden] .mz-pan{padding-top:calc(40px * var(--kn))}
.mz-ik{width:calc(32px * var(--kn));height:calc(32px * var(--kn));display:block}
.mz-opis .mz-ik{margin-bottom:calc(16px * var(--kn))}
.mz-tyt{font-size:calc(24px * var(--kn));line-height:calc(30px * var(--ts) * var(--kn));font-weight:500;color:var(--g);letter-spacing:-.01em}
.mz-txt{font-size:calc(16px * var(--kn));line-height:calc(24px * var(--kn));color:var(--s);margin-top:calc(12px * var(--kn))}
.mz-wiecej{display:inline-flex;align-items:center;flex-wrap:wrap;gap:calc(8px * var(--kn));margin-top:calc(20px * var(--kn));color:var(--g);text-decoration:none;font-size:calc(16px * var(--kn));line-height:calc(24px * var(--kn))}
.mz-wiecej svg{width:calc(16px * var(--kn));height:calc(16px * var(--kn));flex:none}
.mz-wiecej:hover span:first-of-type{text-decoration:underline;text-underline-offset:calc(4px * var(--kn))}
.mz-cta{display:inline-flex;margin:calc(20px * var(--kn)) 0 0;height:calc(40px * var(--kn));min-height:calc(40px * var(--kn));padding:calc(10px * var(--kn)) calc(16px * var(--kn));font-size:calc(16px * var(--kn));line-height:calc(20px * var(--kn));width:auto}
.mz-bez{display:flex;align-items:baseline;flex-wrap:wrap;gap:0 calc(8px * var(--kn));padding:calc(6px * var(--kn)) 0;color:var(--s);font-size:calc(16px * var(--kn));line-height:calc(24px * var(--kn))}
.mz-st-bez{background:#fff;color:#666A7B;box-shadow:inset 0 0 0 1px #CCCDD3}
.mz-dod{margin-top:calc(24px * var(--kn));padding-top:calc(16px * var(--kn));border-top:1px solid var(--l);display:flex;gap:calc(24px * var(--kn));flex-wrap:wrap}
.mz-dod a{display:inline-flex;align-items:center;gap:calc(8px * var(--kn));color:var(--g);text-decoration:none;font-size:calc(16px * var(--kn));line-height:calc(24px * var(--kn))}
.mz-dod a:hover{text-decoration:underline;text-underline-offset:calc(4px * var(--kn))}
.mz-kols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(40px * var(--kn));align-content:start}
.mz-kt{font-size:calc(14px * var(--kn));line-height:calc(20px * var(--kn));color:var(--s);margin-bottom:calc(8px * var(--kn))}
.mz-k li a{display:flex;align-items:baseline;flex-wrap:wrap;gap:0 calc(8px * var(--kn));padding:calc(6px * var(--kn)) 0;color:var(--g);text-decoration:none;font-size:calc(16px * var(--kn));line-height:calc(24px * var(--kn))}
.mz-k li a:hover .mz-n{text-decoration:underline;text-underline-offset:calc(4px * var(--kn))}
.mz-n{white-space:nowrap}
.mz-dalej{display:none}
.mz-obs{font-size:calc(14px * var(--kn));line-height:calc(20px * var(--kn));color:var(--s);white-space:nowrap}
.mz-obs::before{content:"· "}
/* pigułka zakresu (makieta) */
.mz-zakres{position:fixed;left:calc(16px * var(--kn));bottom:calc(16px * var(--kn));z-index:80;display:flex;align-items:center;gap:calc(10px * var(--kn));flex-wrap:wrap;max-width:calc(calc(min(100vw, 1920px) * var(--kn)) - calc(32px * var(--kn)));
 background:#fff;color:var(--g);border:1px solid var(--l);border-radius:calc(24px * var(--kn));padding:calc(8px * var(--kn)) calc(14px * var(--kn));font-size:calc(14px * var(--kn));line-height:calc(20px * var(--kn));
 box-shadow:0 calc(8px * var(--kn)) calc(24px * var(--kn)) rgba(0,6,35,.12);cursor:pointer}
.mz-zakres-i{width:calc(16px * var(--kn));height:calc(16px * var(--kn));margin:0;accent-color:#5768FF}
.mz-leg{display:none;gap:calc(6px * var(--kn));flex-wrap:wrap}
.mz-st{display:none;font-size:calc(12px * var(--kn));line-height:calc(16px * var(--kn));padding:1px calc(6px * var(--kn));border-radius:calc(10px * var(--kn));white-space:nowrap;font-weight:500;align-self:center}
.mz-st-figma{background:#5768FF;color:#fff}
.mz-st-stara{background:#EDEEF1;color:#000623}
.mz-st-nowa{background:#fff;color:#000623;box-shadow:inset 0 0 0 1px #000623}
.mzb:has(.mz-zakres-i:checked) .mz-st,.mzb:has(.mz-zakres-i:checked) .mz-leg{display:inline-flex}
@media (max-width:1100px){.mz-pan{grid-template-columns:minmax(calc(260 * var(--u) * var(--kn)),calc(320 * var(--u) * var(--kn))) 1fr;gap:calc(40px * var(--kn))}.mz-kols{gap:calc(24px * var(--kn))}}
@media (min-width:901px) and (max-width:1000px){.mz-kols{grid-template-columns:1fr}}
@media (max-width:900px){
 .mzb .mm.mz{position:fixed;top:calc(80px * var(--kn));left:0;right:0;bottom:0;background:#fff;overflow:auto;z-index:5;display:none}
 .mzb .rozw.otwarte .mm.mz{display:block}
 .mzb .rozw>.nl>svg{display:none}.mz-dalej{display:block;margin-left:auto}.mz-dalej svg{width:calc(20px * var(--kn));height:calc(20px * var(--kn));display:block}
 .mz-in{padding:0 calc(20px * var(--kn)) calc(96px * var(--kn))}
 .mz-g{display:block;border-bottom:1px solid var(--l)}
 .mz-wroc{display:flex;align-items:center;gap:calc(6px * var(--kn));background:none;border:0;padding:calc(16px * var(--kn)) 0;font:inherit;font-size:calc(14px * var(--kn));line-height:calc(20px * var(--kn));color:var(--s);cursor:pointer}
 .mz-wroc svg{width:calc(18px * var(--kn));height:calc(18px * var(--kn))}
 .mz-wroc-2{display:none}
 .mz[data-poz="2"] .mz-wroc-1{display:none}.mz[data-poz="2"] .mz-wroc-2{display:inline}
 .mz-zak{flex-direction:column;gap:0;border:0;padding-top:0}
 .mz-tab{justify-content:flex-start;gap:calc(12px * var(--kn));padding:calc(16px * var(--kn)) 0;margin:0;border-bottom:1px solid var(--l);font-size:calc(16px * var(--kn));line-height:calc(24px * var(--kn));color:var(--g)}
 .mz-tab .mz-ik{display:block;width:calc(24px * var(--kn));height:calc(24px * var(--kn))}
 .mz-tab svg{display:block;width:calc(20px * var(--kn));height:calc(20px * var(--kn));margin-left:auto}
 .mz-tab[aria-selected=true]{border-bottom-color:var(--l)}
 .mz[data-mz=zakladki][data-poz="1"] .mz-pan{display:none}
 .mz[data-mz=zakladki][data-poz="2"] .mz-zak{display:none}
 .mz-pan[data-akt],.mz[data-mz=jeden] .mz-pan{display:block;padding-top:calc(24px * var(--kn))}
 .mz-opis .mz-ik{width:calc(24px * var(--kn));height:calc(24px * var(--kn));margin-bottom:calc(12px * var(--kn))}
 .mz-tyt{font-size:calc(20px * var(--kn));line-height:calc(26px * var(--kn))}
 .mz-txt{font-size:calc(14px * var(--kn));line-height:calc(20px * var(--kn))}
 .mz-wiecej{font-size:calc(14px * var(--kn));line-height:calc(20px * var(--kn));margin-top:calc(16px * var(--kn))}
 .mz-dod{gap:0 calc(20px * var(--kn))}
 .mz-kols{grid-template-columns:1fr;gap:calc(8px * var(--kn));margin-top:calc(24px * var(--kn))}
 .mz-kt-pusta{display:none}
 .mz-k+.mz-k .mz-kt{margin-top:calc(16px * var(--kn))}
 .mz-k li a,.mz-bez{font-size:calc(14px * var(--kn));line-height:calc(20px * var(--kn));padding:calc(8px * var(--kn)) 0;flex-wrap:wrap}
 .mz-wiecej{display:flex}.mz-cta{margin-top:calc(16px * var(--kn))}
 .mz-obs{font-size:calc(12px * var(--kn));line-height:calc(16px * var(--kn))}
 .mz-zakres{left:calc(12px * var(--kn));right:calc(12px * var(--kn));bottom:calc(12px * var(--kn));border-radius:calc(16px * var(--kn))}
}

.belka .nl.akt{color:#5768FF;font-weight:500}
.belka.belka-jasna:not(.zjechana) .nl.akt{color:#4E5EE5}
.mz-k li a.mz-akt .mz-n,.mz-dod a.mz-akt,a.mz-wiecej.mz-akt span:first-of-type{color:#4E5EE5;font-weight:500}
@media (max-width:900px){
 .belka .nl.akt,.belka.belka-jasna:not(.zjechana) .nl.akt,.mz-tab.mz-tab-akt span{color:#4E5EE5;font-weight:500}
}
/*@@MODUL wzorce@@*/
/* wzorce stron 2026 (wzorce/strony_2026.py): trzy dźwignie obszaru i obszary usługi */
.dz-karta{display:flex;flex-direction:column}
.dz-karta .dz-linki{margin-top:auto;padding-top:calc(24px * var(--kn))}
.dz-linki li{border-top:1px solid var(--l)}
.dz-linki li:last-child{border-bottom:1px solid var(--l)}
.dz-linki a{display:flex;align-items:center;justify-content:space-between;gap:calc(12px * var(--kn));padding:calc(12px * var(--kn)) 0;color:var(--g);text-decoration:none;font-size:calc(16px * var(--kn));line-height:calc(24px * var(--kn))}
.dz-linki a:hover span:first-child{text-decoration:underline;text-underline-offset:calc(4px * var(--kn))}
.dz-strz{flex:none;color:var(--nt)}
.dz-karta>p:not(.k-etyk){margin-bottom:0}
@media (max-width:900px){.dz-linki a{font-size:calc(14px * var(--kn));line-height:calc(20px * var(--kn));padding:calc(10px * var(--kn)) 0}}
/* 901–1100 px: karty trzykolumnowe w dwóch kolumnach (tekst karty nie węższy niż 200 px) */
@media (min-width:901px) and (max-width:1100px){.siatka.k3{grid-template-columns:repeat(2,1fr)}}
/* telefon: liczby jedna pod drugą (opis liczby nie węższy niż 200 px) */
@media (max-width:900px){.liczby{grid-template-columns:1fr}}
/* 901–1180 px: cztery kroki w dwóch rzędach (tekst kroku nie węższy niż 200 px) */
@media (min-width:901px) and (max-width:1180px){.kroki{grid-template-columns:repeat(2,1fr)}}
/* siatka linków seryjnych (miasta, platformy): długie nazwy nie mieszczą się w dwóch kolumnach na wąskim telefonie */
.linki li{min-width:0}.linki a{overflow-wrap:anywhere}
@media (max-width:480px){.linki{grid-template-columns:1fr}}
/* 29.09 katalogi partnerów /konsultacja/<partner>/: znak ICEA × logo partnera w hero, kontakt opiekuna nad formularzem */
.hero-lock{display:flex;align-items:center;justify-content:center;margin-right:0;padding:calc(40px * var(--kn)) 0}
.lock{display:flex;align-items:center;justify-content:center;width:100%;height:100%}
.lock-k{display:flex;align-items:center;gap:calc(28px * var(--kn));background:#fff;border-radius:calc(16px * var(--kn));padding:calc(40px * var(--kn)) calc(48px * var(--kn));max-width:100%;flex-wrap:wrap;justify-content:center}
.lock-icea{height:calc(40px * var(--kn));width:auto}
.lock-p{max-height:calc(56px * var(--kn));max-width:calc(220px * var(--kn));width:auto;height:auto;object-fit:contain}
.lock-x{font-size:calc(28px * var(--ts) * var(--kn));color:var(--s);line-height:1}
.lock-nazwa{font-size:calc(22px * var(--kn));font-weight:500;color:var(--g);overflow-wrap:anywhere}
.form-dop{margin:0 0 calc(24px * var(--kn));color:var(--g);overflow-wrap:anywhere}
.form-dop a{color:var(--nt)}
@media (max-width:900px){.hero-lock{min-height:0;padding:0 0 calc(32px * var(--kn))}.lock-k{padding:calc(28px * var(--kn)) calc(24px * var(--kn));gap:calc(18px * var(--kn))}.lock-icea{height:calc(30px * var(--kn))}.lock-p{max-height:calc(44px * var(--kn));max-width:calc(160px * var(--kn))}}
/* 29.09 aktualności (makieta): okładka wpisu przeniesionego z bloga */
.akt-okl{width:100%;height:auto;border-radius:calc(12px * var(--kn));margin:0 0 calc(32px * var(--kn));display:block}
.art-t img{max-width:100%;height:auto}
.link-akt{margin:calc(16px * var(--kn)) 0 0;text-align:center}.link-akt a{color:var(--nt);text-decoration:underline;font-size:calc(16px * var(--kn))}
/* 29.09 baza wiedzy: tabele z wpisów 1:1 przewijają się w swoim polu na telefonie, strona zostaje bez suwaka */
.art-t table{border-collapse:collapse;margin:calc(24px * var(--kn)) 0}.art-t td,.art-t th{border:1px solid var(--l);padding:calc(8px * var(--kn)) calc(10px * var(--kn));vertical-align:top}
.art-t figure{margin:calc(24px * var(--kn)) 0}.art-t figcaption{font-size:calc(14px * var(--kn));color:var(--s);margin-top:calc(8px * var(--kn))}
.art-t blockquote{margin:calc(24px * var(--kn)) 0;padding:calc(16px * var(--kn)) calc(20px * var(--kn));border-left:calc(4px * var(--kn)) solid var(--n);background:var(--p)}
.art-t .czytaj{padding:calc(12px * var(--kn)) calc(16px * var(--kn));background:var(--p);border-radius:calc(8px * var(--kn))}
.art-t .autor-box{display:flex;gap:calc(16px * var(--kn));align-items:flex-start;padding:calc(16px * var(--kn));background:var(--p);border-radius:calc(12px * var(--kn));margin:calc(24px * var(--kn)) 0}
.art-t .autor-box img{width:calc(72px * var(--kn));height:calc(72px * var(--kn));border-radius:50%;object-fit:cover;flex:none}.art-t .autor-box span{display:block;color:var(--s);font-size:calc(14px * var(--kn))}
@media (max-width:760px){.art-t table{display:block;overflow-x:auto;max-width:100%}.art-t td,.art-t th{min-width:calc(220px * var(--kn))}}
@media (max-width:420px){.art-t .autor-box{flex-direction:column}}
/* ===== WYDANIE DOCELOWA (2.10 wieczór): szablon strony usługi (strony_2026.strona_uslugi: dziesięć platform i Poznań).
   Klasy wzu-* dopisuje szablon do sekcji bloków ramy; reguły ramy (.hero, .karta, .siatka, .linki) zostają bez zmian,
   bo obsługują też inne strony. Sekcja = ekran robi build (klasa d-ek z docelowa.py); tu tylko to, żeby treść się
   mieściła: odstępy od wysokości okna, karty w jednym rzędzie, ikona obok tytułu. ===== */
/* hero na pierwszy ekran (kanon E46): tekst na środku, portret z płótna osoby (portrety.py: 700 × 480, osoba ok. 300 px
   od prawej krawędzi, lewy brzeg sylwetki ok. 455 px od niej) liczony od wysokości okna i od miejsca na tekst
   (sylwetka zaczyna się co najmniej 40 px za kolumną tekstu: (100vw − 640) × 480 / 455) */
@media (min-width:1100px) and (min-aspect-ratio:4/3){
 section.wzu-hero.hero{display:flex;min-height:min(100vh, 1080px);min-height:min(100svh, 1080px);padding:0}
 section.wzu-hero.hero .hero-in{flex:1;width:100%;box-sizing:border-box;min-height:0;align-items:stretch}
 section.wzu-hero.hero .hero-t{align-self:center;max-width:calc(560 * var(--u) * var(--kn));padding:calc(88px * var(--kn)) 0 calc(40px * var(--kn))}
 section.wzu-hero h1{font-size:clamp(calc(36px * var(--ts) * var(--kn)),calc(min(5.6vh, 60.48px) * var(--kn)),calc(52px * var(--ts) * var(--kn)));line-height:1;margin-bottom:clamp(calc(16px * var(--kn)),calc(min(2.6vh, 28.08px) * var(--kn)),calc(24px * var(--kn)))}
 section.wzu-hero .hero-lead{font-size:calc(18px * var(--kn));line-height:calc(28px * var(--ts) * var(--kn));max-width:calc(520 * var(--u) * var(--kn))}
 section.wzu-hero .hero-wyc{min-height:0}
 section.wzu-hero .hero-wyc .wyc{width:auto;height:min(calc(min(100vh, 1080px) - 40px),calc((min(100vw, 1920px) - 640px) * 1.05),960px);
  height:min(calc(min(100svh, 1080px) - 40px),calc((min(100vw, 1920px) - 640px) * 1.05),960px)}
}
/* nagłówki sekcji szablonu: lead tuż nad siatką, odstępy od wysokości okna */
@media (min-width:1100px) and (min-aspect-ratio:4/3){
 .wzu-ob .lead,.wzu-zak .lead,.wzu-cs .lead,.wzu-ln .lead{margin-bottom:0}
 .wzu-ob h2,.wzu-zak h2,.wzu-cs h2,.wzu-ln h2{margin-bottom:clamp(calc(10px * var(--kn)),calc(min(1.8vh, 19.44px) * var(--kn)),calc(16px * var(--kn)))}
 .wzu-ob .siatka,.wzu-zak .siatka,.wzu-cs .siatka{margin-top:clamp(calc(20px * var(--kn)),calc(min(3.6vh, 38.88px) * var(--kn)),calc(40px * var(--kn)));gap:clamp(calc(12px * var(--kn)),calc(min(1.6vw, 30.72px) * var(--kn)),calc(20px * var(--kn)))}
 /* obszary: wszystkie karty w jednym rzędzie */
 .wzu-ob .siatka{grid-template-columns:repeat(var(--wn,4),minmax(0,1fr))}
 .wzu-ob .karta{padding:clamp(calc(22px * var(--kn)),calc(min(3.4vh, 36.72px) * var(--kn)),calc(36px * var(--kn))) clamp(calc(22px * var(--kn)),calc(min(1.9vw, 36.48px) * var(--kn)),calc(32px * var(--kn))) clamp(calc(68px * var(--kn)),calc(min(10vh, 108px) * var(--kn)),calc(84px * var(--kn)))}
 .wzu-ob .ik{margin-bottom:clamp(calc(14px * var(--kn)),calc(min(2.4vh, 25.92px) * var(--kn)),calc(28px * var(--kn)))}
 .wzu-ob .strz,.wzu-cs .strz{left:clamp(calc(22px * var(--kn)),calc(min(1.9vw, 36.48px) * var(--kn)),calc(32px * var(--kn)));bottom:clamp(calc(18px * var(--kn)),calc(min(3vh, 32.4px) * var(--kn)),calc(32px * var(--kn)))}
 /* zakres: sześć kart 3 × 2, ikona i tytuł w jednym rzędzie, opis pod spodem */
 .wzu-zak .karta{display:grid;grid-template-columns:calc(32px * var(--kn)) minmax(0,1fr);column-gap:calc(14px * var(--kn));row-gap:clamp(calc(8px * var(--kn)),calc(min(1.4vh, 15.12px) * var(--kn)),calc(12px * var(--kn)));
  align-content:start;padding:clamp(calc(20px * var(--kn)),calc(min(3.2vh, 34.56px) * var(--kn)),calc(32px * var(--kn))) clamp(calc(20px * var(--kn)),calc(min(1.9vw, 36.48px) * var(--kn)),calc(30px * var(--kn)))}
 .wzu-zak .ik{width:calc(32px * var(--kn));height:calc(32px * var(--kn));margin:0}
 .wzu-zak .karta h3{margin:0;font-size:calc(18px * var(--kn));line-height:calc(24px * var(--kn));align-self:center}
 .wzu-zak .karta p{grid-column:1/-1;margin:0;font-size:calc(15px * var(--kn));line-height:calc(22px * var(--kn))}
 /* case studies: karta z tytułem */
 .wzu-cs .karta{padding:clamp(calc(22px * var(--kn)),calc(min(3.4vh, 36.72px) * var(--kn)),calc(36px * var(--kn))) clamp(calc(22px * var(--kn)),calc(min(1.9vw, 36.48px) * var(--kn)),calc(32px * var(--kn))) clamp(calc(68px * var(--kn)),calc(min(10vh, 108px) * var(--kn)),calc(84px * var(--kn)))}
 .wzu-cs .karta h3{margin:0}
 .wzu-cs .btn{margin-top:clamp(calc(16px * var(--kn)),calc(min(3vh, 32.4px) * var(--kn)),calc(32px * var(--kn)))}
 /* inne platformy: kafle linków wyższe, nazwa większa, strzałka */
 .wzu-ln .linki{margin-top:clamp(calc(20px * var(--kn)),calc(min(3.6vh, 38.88px) * var(--kn)),calc(40px * var(--kn)))}
 .wzu-ln .linki a{display:flex;align-items:center;justify-content:space-between;gap:calc(12px * var(--kn));min-height:clamp(56px,min(9vh, 97.2px),88px);
  padding:calc(12px * var(--kn)) calc(24px * var(--kn));font-size:calc(18px * var(--kn));line-height:calc(24px * var(--kn))}
 .wzu-ln .linki a::after{content:"\2192";color:var(--nt);transition:transform .2s}
 .wzu-ln .linki a:hover::after{color:#fff;transform:translateX(calc(4px * var(--kn)))}
 /* jak pracujemy: na niższych oknach ciaśniej */
 .wzu-pr .tk-2{gap:clamp(calc(40px * var(--kn)),calc(min(5vw, 96px) * var(--kn)),calc(80px * var(--kn)));align-items:center}
 .wzu-pr .tk p+p{margin-top:clamp(calc(8px * var(--kn)),calc(min(1.6vh, 17.28px) * var(--kn)),calc(16px * var(--kn)))}
 .wzu-pr .pkt li{padding:clamp(calc(10px * var(--kn)),calc(min(1.7vh, 18.36px) * var(--kn)),calc(14px * var(--kn))) 0 clamp(calc(10px * var(--kn)),calc(min(1.7vh, 18.36px) * var(--kn)),calc(14px * var(--kn))) calc(36px * var(--kn))}
 .wzu-pr .pkt li::before{top:clamp(calc(12px * var(--kn)),calc(min(2vh, 21.6px) * var(--kn)),calc(18px * var(--kn)))}
}

/*@@KONIEC wzorce@@*/
/* ---- STANDARD ARTYKUŁU ICEA (29.09): art-std.css z warsztatu goni.to v46 w tokenach nowej strony ICEA ---- */
.ahero{background:var(--g);color:#fff;position:relative;overflow:hidden}
.ahero-in{max-width:calc(1160 * var(--u) * var(--kn));margin:0 auto;padding:calc(136px * var(--kn)) calc(40px * var(--kn)) calc(76px * var(--kn));position:relative;z-index:1}
.ahero .kicker{color:#fff;font-weight:500;font-size:calc(14px * var(--kn));letter-spacing:.06em;text-transform:uppercase;margin:0 0 calc(18px * var(--kn))}
.ahero h1{font-weight:500;font-size:calc(40px * var(--ts) * var(--kn));line-height:1;max-width:calc(720 * var(--u) * var(--kn));color:#fff;margin:0}
.ahero h1 .a{color:var(--n)}
.motif{position:absolute;right:max(0px,calc(50% - calc(640px * var(--kn))));top:50%;transform:translateY(-50%);width:calc(420 * var(--u) * var(--kn));height:calc(380px * var(--kn));z-index:0}
.motif>svg{width:100%;height:100%;display:block}
.ameta{display:flex;align-items:center;gap:calc(12px * var(--kn));margin-top:calc(28px * var(--kn));font-size:calc(15px * var(--kn));flex-wrap:wrap;color:#fff}
.ameta .kto b{display:block;font-weight:500}.ameta .kto span{opacity:.8;font-size:calc(14px * var(--kn))}.ameta .sep{opacity:.45}
.awatar{width:calc(48px * var(--kn));height:calc(48px * var(--kn));border-radius:50%;object-fit:cover;object-position:center top;flex:0 0 calc(48px * var(--kn));background:#fff}
.ini{display:inline-flex;align-items:center;justify-content:center;background:var(--n);color:#fff;font-weight:500;font-size:calc(16px * var(--kn))}
.artstd{background:#fff}
.artgrid{display:grid;grid-template-columns:calc(280 * var(--u) * var(--kn)) minmax(0,calc(760 * var(--u) * var(--kn)));gap:calc(48px * var(--kn));justify-content:center;align-items:start;padding:calc(64px * var(--kn)) calc(40px * var(--kn)) calc(16px * var(--kn))}
.lam{font-size:calc(17px * var(--kn));line-height:1.65;color:var(--g)}
.lam .lead{font-size:calc(21px * var(--kn));line-height:1.55;font-weight:500;border-left:calc(4px * var(--kn)) solid var(--n);padding-left:calc(22px * var(--kn));margin:0 0 calc(44px * var(--kn))}
.lam h2{font-weight:500;font-size:calc(28px * var(--ts) * var(--kn));line-height:1.25;margin:calc(56px * var(--kn)) 0 calc(16px * var(--kn));scroll-margin-top:calc(96px * var(--kn))}
.lam h3{font-weight:500;font-size:calc(20px * var(--kn));line-height:1.3;margin:calc(34px * var(--kn)) 0 calc(10px * var(--kn))}
.lam p{margin:0 0 calc(18px * var(--kn))}
.lam a{color:var(--nt);text-decoration:underline;text-underline-offset:calc(3px * var(--kn))}
.lam ul.lista{list-style:none;margin:0 0 calc(24px * var(--kn));padding:0}
.lam ul.lista li{padding-left:calc(26px * var(--kn));position:relative;margin-bottom:calc(10px * var(--kn))}
.lam ul.lista li::before{content:"";position:absolute;left:0;top:calc(9px * var(--kn));width:calc(10px * var(--kn));height:calc(10px * var(--kn));background:var(--n)}
.lam ul.def li b{font-weight:500}
.lam ol.kroki{margin:0 0 calc(24px * var(--kn));padding:0;list-style:none;counter-reset:k}
.lam ol.kroki li{counter-increment:k;padding-left:calc(44px * var(--kn));position:relative;margin-bottom:calc(14px * var(--kn))}
.lam ol.kroki li::before{content:counter(k);position:absolute;left:0;top:0;width:calc(28px * var(--kn));height:calc(28px * var(--kn));background:var(--g);color:#fff;font-weight:500;font-size:calc(15px * var(--kn));display:flex;align-items:center;justify-content:center}
.lam .ramka{background:#fff;border:1px solid var(--n);border-radius:calc(12px * var(--kn));padding:calc(22px * var(--kn)) calc(26px * var(--kn));margin:calc(32px * var(--kn)) 0}
.lam .ramka .rt{color:var(--nt);font-weight:500;font-size:calc(14px * var(--kn));letter-spacing:.06em;text-transform:uppercase;margin:0 0 calc(8px * var(--kn))}
.lam .ramka p:last-child{margin:0}
.lam .wyimek{margin:calc(44px * var(--kn)) 0;padding:calc(28px * var(--kn)) calc(30px * var(--kn));background:var(--g);border-radius:calc(14px * var(--kn));border-left:calc(6px * var(--kn)) solid var(--n)}
.lam .wyimek p{margin:0;font-size:calc(23px * var(--kn));line-height:1.4;color:#fff;font-weight:500}
.lam table{border-collapse:collapse;width:100%;margin:0 0 calc(28px * var(--kn));font-size:calc(15.5px * var(--kn))}
.lam th{background:var(--g);color:#fff;font-weight:500;text-align:left;padding:calc(12px * var(--kn)) calc(14px * var(--kn));border:1px solid var(--g)}
.lam td{border:1px solid var(--l);padding:calc(12px * var(--kn)) calc(14px * var(--kn));vertical-align:top}.lam td:first-child{font-weight:500}
.lam figure{margin:calc(32px * var(--kn)) 0}.lam figure img{max-width:100%;height:auto;border-radius:calc(12px * var(--kn));display:block}
.lam figure.grafika>svg{display:block;width:100%;height:auto}
.lam figcaption{font-size:calc(14px * var(--kn));color:var(--s);margin-top:calc(10px * var(--kn));text-align:center}
.lam details{border:1px solid var(--l);border-radius:calc(10px * var(--kn));margin-bottom:calc(12px * var(--kn));background:#fff}
.lam summary{cursor:pointer;font-weight:500;font-size:calc(17px * var(--kn));padding:calc(18px * var(--kn)) calc(48px * var(--kn)) calc(18px * var(--kn)) calc(22px * var(--kn));list-style:none;position:relative}
.lam summary::-webkit-details-marker{display:none}
.lam summary::after{content:"+";position:absolute;right:calc(20px * var(--kn));top:calc(13px * var(--kn));color:var(--nt);font-size:calc(24px * var(--kn))}
.lam details[open] summary::after{content:"\2212"}
.lam details .odp{padding:0 calc(22px * var(--kn)) calc(18px * var(--kn));font-size:calc(16px * var(--kn))}
.lam details .odp p:last-child{margin:0}
.opinia{display:flex;gap:calc(22px * var(--kn));align-items:flex-start;margin:calc(36px * var(--kn)) 0;padding:calc(26px * var(--kn)) calc(28px * var(--kn));background:var(--p);border-radius:calc(12px * var(--kn));border-left:calc(4px * var(--kn)) solid var(--n)}
.opinia .op-foto{width:calc(84px * var(--kn));height:calc(84px * var(--kn));border-radius:50%;object-fit:cover;flex:none}
.opinia p{margin:0 0 calc(12px * var(--kn));font-size:calc(18px * var(--kn));line-height:1.6}.opinia b{display:block}.opinia span{font-size:calc(14px * var(--kn));color:var(--s)}
.seealso{margin:calc(40px * var(--kn)) 0}.seealso .rt{color:var(--nt);font-weight:500;font-size:calc(14px * var(--kn));letter-spacing:.06em;text-transform:uppercase;margin:0 0 calc(12px * var(--kn))}
.lam .sa-karta{display:flex;border:1px solid var(--l);border-radius:calc(12px * var(--kn));overflow:hidden;text-decoration:none;color:var(--g)}
.lam .sa-karta:hover{border-color:var(--n)}
.sa-mini{flex:0 0 calc(180px * var(--kn));background:var(--g);position:relative;overflow:hidden;min-height:calc(150px * var(--kn))}
.sa-mini img{position:absolute;width:calc(260px * var(--kn));height:auto;max-width:none;right:calc(-110px * var(--kn));top:50%;transform:translateY(-50%)}
.sa-tekst{padding:calc(20px * var(--kn)) calc(24px * var(--kn));display:flex;flex-direction:column;gap:calc(6px * var(--kn))}.sa-tekst b{font-weight:500;font-size:calc(18px * var(--kn));line-height:1.35}
.sa-tekst span{font-size:calc(15px * var(--kn));color:var(--s)}.sa-tekst .dalej{color:var(--nt);font-weight:500}
.bio{display:flex;gap:calc(20px * var(--kn));align-items:flex-start;background:var(--p);border-radius:calc(12px * var(--kn));border-left:calc(4px * var(--kn)) solid var(--n);padding:calc(24px * var(--kn)) calc(26px * var(--kn));margin:calc(56px * var(--kn)) 0 0}
.bio .bio-foto{width:calc(72px * var(--kn));height:calc(72px * var(--kn));border-radius:50%;object-fit:cover;object-position:center top;flex:0 0 calc(72px * var(--kn))}
.bio b{display:block;font-weight:500;font-size:calc(18px * var(--kn))}.bio .rola{display:block;color:var(--nt);font-size:calc(14px * var(--kn));font-weight:500;margin-bottom:calc(8px * var(--kn))}.bio p{font-size:calc(15px * var(--kn));margin:0}
.tocs{position:sticky;top:calc(96px * var(--kn));border:1px solid var(--l);border-radius:calc(12px * var(--kn));padding:calc(22px * var(--kn)) calc(24px * var(--kn));background:#fff}
.tocs .lbl{display:block;font-weight:500;font-size:calc(14px * var(--kn));letter-spacing:.06em;text-transform:uppercase;color:var(--nt);margin:0 0 calc(8px * var(--kn))}
.tocs .toc-t{position:absolute;opacity:0;pointer-events:none}
.tocs ol{list-style:none;counter-reset:t;margin:0;padding:0}
.tocs li{counter-increment:t;padding:calc(6px * var(--kn)) 0;font-size:calc(15px * var(--kn));line-height:calc(22px * var(--kn));display:flex;gap:calc(8px * var(--kn))}
.tocs li::before{content:counter(t) ".";color:var(--nt);font-weight:500;flex:none;min-width:calc(20px * var(--kn))}
.tocs li a{color:var(--g);text-decoration:none}.tocs li a:hover{color:var(--nt)}
.tocbox{margin-top:calc(18px * var(--kn));padding-top:calc(18px * var(--kn));border-top:1px solid var(--l)}
.tocs ol+.tocbox{margin-top:calc(18px * var(--kn))}.tocs .tocbox:first-child{margin:0;padding:0;border:0}
.tocbox p{font-weight:500;margin:0 0 calc(4px * var(--kn));line-height:1.35}.tocbox .btn{font-size:calc(15px * var(--kn))}
.artstd .artgrid{padding-bottom:calc(72px * var(--kn))}
.acta{background:var(--g);color:#fff;margin:0}
.acta-in{max-width:calc(760 * var(--u) * var(--kn));margin:0 auto;padding:calc(64px * var(--kn)) calc(40px * var(--kn))}
.acta .kicker{color:#fff;font-weight:500;font-size:calc(14px * var(--kn));letter-spacing:.06em;text-transform:uppercase;margin:0 0 calc(14px * var(--kn))}
.acta h2{color:#fff;margin:0 0 calc(14px * var(--kn));font-size:calc(32px * var(--ts) * var(--kn));line-height:1.25}
.acta p{color:#fff;max-width:calc(600 * var(--u) * var(--kn))}.acta .btn{background:var(--n)}
@media (max-width:1100px){.artgrid{grid-template-columns:minmax(0,1fr);padding:calc(40px * var(--kn)) calc(16px * var(--kn)) calc(8px * var(--kn));gap:calc(28px * var(--kn))}.artgrid>*{min-width:0}.tocs{position:static}
.tocs ol{display:none}.tocs .toc-t:checked~ol{display:block}.tocs label.lbl{cursor:pointer;display:flex;justify-content:space-between;margin:0}
.tocs label.lbl::after{content:"+";font-size:calc(20px * var(--kn));line-height:1}.tocs .toc-t:checked~label.lbl::after{content:"\2212"}.tocs .toc-t:checked~label.lbl{margin-bottom:calc(8px * var(--kn))}}
@media (max-width:720px){.ahero-in{padding:calc(112px * var(--kn)) calc(16px * var(--kn)) calc(40px * var(--kn))}.ahero h1{font-size:calc(30px * var(--ts) * var(--kn))}.motif{display:none}.lam .lead{font-size:calc(19px * var(--kn))}.lam h2{font-size:calc(24px * var(--kn))}
.lam .wyimek p{font-size:calc(19px * var(--kn))}.bio,.opinia,.lam .sa-karta{flex-direction:column}.sa-mini{min-height:calc(110px * var(--kn));flex-basis:auto}.acta-in{padding:calc(48px * var(--kn)) calc(16px * var(--kn))}.acta h2{font-size:calc(26px * var(--kn))}
.lam table{display:block;overflow-x:auto}.lam td:first-child{white-space:normal}}
.kafle-wpisu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(16px * var(--kn));margin:calc(28px * var(--kn)) 0 calc(32px * var(--kn))}
.kafle-wpisu.k3{grid-template-columns:repeat(3,minmax(0,1fr))}
.kafle-wpisu .kw{background:var(--p);border-radius:calc(12px * var(--kn));padding:calc(22px * var(--kn)) calc(22px * var(--kn)) calc(20px * var(--kn))}
.kafle-wpisu .kw img{width:calc(36px * var(--kn));height:calc(36px * var(--kn));display:block;margin-bottom:calc(14px * var(--kn))}
.kafle-wpisu .kw b{display:block;font-weight:500;font-size:calc(18px * var(--kn));line-height:1.3;margin-bottom:calc(8px * var(--kn))}
.kafle-wpisu .kw p{margin:0;font-size:calc(15.5px * var(--kn));line-height:1.55}
@media (max-width:720px){.kafle-wpisu,.kafle-wpisu.k3{grid-template-columns:minmax(0,1fr)}}
.lam .gr2 .gr-t{display:none}
.lam figure.gr2>svg{width:100%;height:auto}.lam figure.gr2>svg.gr-d{display:block}
.opinia .op-t{font-size:calc(19px * var(--kn));line-height:1.55;font-weight:500;margin:0 0 calc(14px * var(--kn))}.opinia span a{color:var(--nt)}
.przer{position:relative;overflow:hidden;background:var(--g);color:#fff;border-radius:calc(16px * var(--kn));padding:calc(32px * var(--kn)) calc(34px * var(--kn));margin:calc(44px * var(--kn)) 0;display:flex;align-items:center;gap:calc(24px * var(--kn))}
.przer .pr-t{position:relative;z-index:1;max-width:calc(470 * var(--u) * var(--kn))}
.przer .kicker{color:#fff;font-weight:500;font-size:calc(13px * var(--kn));letter-spacing:.06em;text-transform:uppercase;margin:0 0 calc(10px * var(--kn))}
.przer .pr-h{font-size:calc(24px * var(--kn));line-height:1.3;font-weight:500;margin:0 0 calc(10px * var(--kn));color:#fff}
.przer p{color:#fff;margin:0 0 calc(6px * var(--kn))}.przer .btn{background:var(--n);color:#fff;text-decoration:none}
.przer .pr-roz{position:absolute;right:calc(-60px * var(--kn));top:50%;transform:translateY(-50%);width:calc(300px * var(--kn));height:auto;opacity:.9}
@media (max-width:720px){.lam figure.gr2>svg.gr-d{display:none}.lam figure.gr2>svg.gr-t{display:block}.przer{padding:calc(26px * var(--kn)) calc(20px * var(--kn)) calc(150px * var(--kn))}.przer .pr-roz{top:auto;bottom:calc(-120px * var(--kn));right:calc(-40px * var(--kn));transform:none;width:calc(240px * var(--kn))}.przer .pr-h{font-size:calc(21px * var(--kn))}}
.prompty{display:grid;gap:calc(12px * var(--kn));margin:calc(8px * var(--kn)) 0 calc(28px * var(--kn))}
.prompty .pt{border:1px solid var(--l);border-left:calc(4px * var(--kn)) solid var(--n);border-radius:calc(10px * var(--kn));padding:calc(16px * var(--kn)) calc(20px * var(--kn));background:#fff}
.prompty .pt-k{margin:0 0 calc(6px * var(--kn));font-size:calc(13px * var(--kn));font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--nt)}
.prompty .pt-q{margin:0;font-size:calc(16.5px * var(--kn));line-height:1.55}
.prompty .ph{background:#F0F1FF;color:var(--g);border-radius:calc(4px * var(--kn));padding:0 calc(3px * var(--kn));font-weight:500;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.oferta{border:1px solid var(--l);border-radius:calc(16px * var(--kn));padding:calc(28px * var(--kn)) calc(30px * var(--kn));margin:calc(36px * var(--kn)) 0;background:var(--p)}
.oferta .rt{color:var(--nt);font-weight:500;font-size:calc(14px * var(--kn));letter-spacing:.06em;text-transform:uppercase;margin:0 0 calc(8px * var(--kn))}
.oferta .of-h{font-size:calc(23px * var(--kn));line-height:1.3;font-weight:500;margin:0 0 calc(18px * var(--kn))}
.oferta .of-kroki{list-style:none;margin:0 0 calc(22px * var(--kn));padding:0;display:grid;gap:calc(14px * var(--kn));counter-reset:o}
.oferta .of-kroki li{display:flex;gap:calc(16px * var(--kn));align-items:flex-start;background:#fff;border-radius:calc(12px * var(--kn));padding:calc(16px * var(--kn)) calc(18px * var(--kn))}
.oferta .of-kroki img{width:calc(36px * var(--kn));height:calc(36px * var(--kn));flex:none}
.oferta .of-kroki b{display:block;font-weight:500;font-size:calc(17px * var(--kn));margin-bottom:calc(2px * var(--kn))}.oferta .of-kroki span{font-size:calc(15.5px * var(--kn));line-height:1.55}
.oferta .of-cta{margin:0;display:flex;gap:calc(20px * var(--kn));align-items:center;flex-wrap:wrap}
.lam .oferta .btn{color:#fff;text-decoration:none;background:var(--n)}.lam .oferta .of-dr{font-weight:500}
@media (max-width:720px){.oferta{padding:calc(22px * var(--kn)) calc(18px * var(--kn))}.oferta .of-h{font-size:calc(20px * var(--kn))}}
/* ---- INSIGHTS (30.09, tresci/insights.py): hub wiedzy w języku strony głównej ---- */
.ih-hero{background:var(--g);color:#fff;overflow:hidden}
.ih-hero-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,calc(560 * var(--u) * var(--kn)));gap:calc(64px * var(--kn));align-items:center;padding-top:calc(150px * var(--kn));padding-bottom:calc(96px * var(--kn))}
.ih-hero .etyk{color:#fff}
.ih-h1{font-size:calc(56px * var(--ts) * var(--kn));line-height:calc(64px * var(--ts) * var(--kn));margin:0 0 calc(24px * var(--kn));max-width:calc(640 * var(--u) * var(--kn))}
.ih-hero .lead{font-size:calc(18px * var(--kn));line-height:calc(28px * var(--ts) * var(--kn));color:#fff;max-width:calc(560 * var(--u) * var(--kn));margin:0}
.ih-przyc{display:flex;flex-wrap:wrap;margin:0}.ih-przyc .btn{margin:calc(32px * var(--kn)) calc(12px * var(--kn)) 0 0}
.ih-liczby{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(20px * var(--kn));margin:calc(56px * var(--kn)) 0 0;padding-top:calc(24px * var(--kn));border-top:1px solid rgba(255,255,255,.18);max-width:calc(640 * var(--u) * var(--kn))}
.ih-liczby dt{font-size:calc(40px * var(--ts) * var(--kn));line-height:calc(44px * var(--ts) * var(--kn));font-weight:500;letter-spacing:-.02em}
.ih-liczby dd{margin:calc(6px * var(--kn)) 0 0;font-size:calc(14px * var(--kn));line-height:calc(19px * var(--kn));color:#808291}
.ih-mozaika{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(20px * var(--kn))}
.ih-kol{display:grid;gap:calc(20px * var(--kn));align-content:start}.ih-kol2{margin-top:calc(64px * var(--kn))}
.ih-kaf{position:relative;display:block;overflow:hidden;text-decoration:none;color:var(--g);transition:transform .3s}
.ih-kaf:hover{transform:translateY(calc(-4px * var(--kn)))}.ih-kaf:focus-visible{outline:calc(2px * var(--kn)) solid #fff;outline-offset:calc(3px * var(--kn))}
.ih-kaf-t{position:absolute;left:calc(20px * var(--kn));top:calc(18px * var(--kn));z-index:2;display:flex;flex-direction:column;gap:calc(2px * var(--kn))}
.ih-kaf-t b{font-weight:500;font-size:calc(20px * var(--kn));line-height:calc(25px * var(--kn))}.ih-kaf-t span{font-size:calc(14px * var(--kn));line-height:calc(18px * var(--kn))}
.ih-kaf-m{position:absolute;inset:0;width:100%;height:100%}
.ih-kaf-bial{background:#fff;color:var(--g)}.ih-kaf-nieb{background:var(--n);color:#fff}
.ih-a1{aspect-ratio:300/360;background:var(--n)}.ih-a2{aspect-ratio:300/260}.ih-a3{aspect-ratio:300/300}
.ih-a4{aspect-ratio:300/220}.ih-a5{aspect-ratio:300/200}
.ih-kaf-por img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 20%}
.ih-kaf-por .ih-kaf-t{left:auto;top:auto;right:0;bottom:0;background:var(--g);color:#fff;padding:calc(8px * var(--kn)) calc(12px * var(--kn))}
.ih-kaf-por .ih-kaf-t b{font-size:calc(15px * var(--kn));line-height:calc(19px * var(--kn))}.ih-kaf-por .ih-kaf-t span{font-size:calc(13px * var(--kn));color:#808291}
.ih-kaf-twarz{position:absolute;z-index:1;width:21%;aspect-ratio:1;height:auto;border-radius:50%;object-fit:cover;object-position:center 12%;
 left:39.5%;top:47.8%;box-shadow:0 0 0 calc(3px * var(--kn)) #fff}
.ih-sek{padding:calc(100px * var(--kn)) 0}.ih-biale{background:#fff}.ih-jasne{background:var(--p)}
.ih-glowa{display:flex;justify-content:space-between;align-items:flex-end;gap:calc(24px * var(--kn));margin-bottom:calc(48px * var(--kn))}
.ih-glowa h2{margin:0}.ih-glowa .lead{margin:calc(16px * var(--kn)) 0 0}
.ih-c{justify-content:center;text-align:center}.ih-c h2,.ih-c .lead{margin-left:auto;margin-right:auto}
.ih-dalej{color:var(--nt);font-weight:500;text-decoration:none;display:inline-flex;align-items:center;gap:calc(8px * var(--kn));white-space:nowrap}
.ih-dalej::after{content:none;transition:transform .2s}.ih-dalej:hover::after{transform:translateX(calc(4px * var(--kn)))}.ih-dalej:hover{text-decoration:underline;text-underline-offset:calc(4px * var(--kn))}
.ih-dalej-j,.t-ciemne .ih-dalej{color:#fff}
.ih-kr{color:var(--s)}
.ih-okl{display:block;position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--n)}
.ih-okl>svg,.ih-okl>img{position:absolute;inset:0;width:100%;height:100%}
.ih-okl-por img{object-fit:cover;object-position:center 30%;transition:transform .4s}
.ih-okl svg{transition:transform .4s}
a:hover>.ih-okl svg,a:hover>.ih-okl img{transform:scale(1.03)}
.ih-meta{display:flex;flex-wrap:wrap;gap:0 calc(8px * var(--kn));margin:calc(18px * var(--kn)) 0 0;font-size:calc(14px * var(--kn));line-height:calc(20px * var(--kn));color:var(--s)}
.ih-dz{color:var(--nt);font-weight:500}
.ih-h{display:block;font-weight:500;transition:color .2s}
.ih-zaj{display:block;color:#666A7B}
.ih-aut{display:flex;flex-wrap:wrap;gap:0 calc(8px * var(--kn));margin:calc(14px * var(--kn)) 0 0;font-size:calc(14px * var(--kn));line-height:calc(20px * var(--kn));color:var(--s)}
a:hover .ih-h{color:var(--nt)}
.ih-naj{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:calc(48px * var(--kn));align-items:start}
.ih-wyr{display:block;text-decoration:none;color:var(--g)}
.ih-wyr .ih-h{font-size:calc(32px * var(--ts) * var(--kn));line-height:calc(40px * var(--ts) * var(--kn));margin:calc(10px * var(--kn)) 0 calc(12px * var(--kn))}
.ih-lista{margin:0;padding:0}.ih-lista li{border-top:1px solid var(--l)}.ih-lista li:last-child{border-bottom:1px solid var(--l)}
.ih-poz{display:grid;grid-template-columns:calc(168px * var(--kn)) minmax(0,1fr);gap:calc(20px * var(--kn));align-items:center;padding:calc(20px * var(--kn)) 0;text-decoration:none;color:var(--g)}
.ih-poz .ih-meta{margin:0 0 calc(6px * var(--kn))}.ih-poz .ih-h{font-size:calc(18px * var(--kn));line-height:calc(24px * var(--kn))}
.ih-serie{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(20px * var(--kn))}
.ih-seria{background:#fff;display:flex;flex-direction:column}
.ih-sr-w{position:relative;overflow:hidden;aspect-ratio:400/220}
.ih-sr-m{position:absolute;inset:0;width:100%;height:100%}
.ih-sr-t{padding:calc(28px * var(--kn)) calc(28px * var(--kn)) calc(32px * var(--kn));display:flex;flex-direction:column;flex:1}
.ih-ile{font-size:calc(14px * var(--kn));line-height:calc(20px * var(--kn));color:var(--nt);font-weight:500;margin:0 0 calc(8px * var(--kn))}
.ih-sr-t h3{font-size:calc(28px * var(--ts) * var(--kn));line-height:calc(34px * var(--ts) * var(--kn));margin:0 0 calc(12px * var(--kn))}
.ih-sr-t>p{color:#666A7B}
.ih-sr-t ul{margin:calc(20px * var(--kn)) 0 calc(24px * var(--kn));border-top:1px solid var(--l)}
.ih-sr-t li a{display:block;padding:calc(12px * var(--kn)) 0;border-bottom:1px solid var(--l);text-decoration:none;font-size:calc(16px * var(--kn));line-height:calc(22px * var(--kn))}
.ih-sr-t li a:hover{color:var(--nt)}.ih-sr-t .ih-dalej{margin-top:auto}
.ih-chipy{display:flex;flex-wrap:wrap;gap:calc(10px * var(--kn));justify-content:center;margin:0 0 calc(40px * var(--kn))}
.ih-chipy label{display:inline-flex;align-items:center;gap:calc(10px * var(--kn));padding:calc(10px * var(--kn)) calc(16px * var(--kn));border:1px solid var(--l);background:#fff;cursor:pointer;
 font-size:calc(16px * var(--kn));line-height:calc(20px * var(--kn));transition:border-color .2s,background .2s}
.ih-chipy label:hover{border-color:var(--g)}
.ih-ik{width:calc(24px * var(--kn));height:calc(24px * var(--kn));flex:none}
.ih-n{font-size:calc(13px * var(--kn));line-height:calc(16px * var(--kn));color:var(--s)}
.ih-panel{display:none}
.ih-karty{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(20px * var(--kn))}
.ih-karta{display:flex;flex-direction:column;text-decoration:none;color:var(--g);background:var(--p)}
.ih-kt{display:flex;flex-direction:column;flex:1;padding:0 calc(24px * var(--kn)) calc(24px * var(--kn))}
.ih-karta .ih-h{font-size:calc(20px * var(--kn));line-height:calc(26px * var(--kn));margin:calc(8px * var(--kn)) 0 calc(10px * var(--kn))}
.ih-karta .ih-zaj{font-size:calc(15px * var(--kn));line-height:calc(22px * var(--kn))}
.ih-karta .ih-aut{margin-top:auto;padding-top:calc(14px * var(--kn))}
.ih-obszar{display:flex;justify-content:space-between;align-items:center;gap:calc(24px * var(--kn));margin:calc(20px * var(--kn)) 0 0;padding:calc(20px * var(--kn)) calc(24px * var(--kn));background:var(--g);color:#fff}
.ih-obszar b{font-weight:500}.ih-obszar .ih-dalej{color:#fff}
.ih-ludzie{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(40px * var(--kn)) calc(20px * var(--kn))}
.ih-os{display:flex;flex-direction:column;text-decoration:none;color:#fff}
.ih-os-f{display:block;aspect-ratio:4/5;overflow:hidden;background:var(--n);margin-bottom:calc(16px * var(--kn))}
.ih-os-f img{width:100%;height:100%;object-fit:cover;object-position:center 20%;transition:transform .4s}
.ih-os:hover img{transform:scale(1.04)}.ih-os:hover b{text-decoration:underline;text-underline-offset:calc(4px * var(--kn))}
.ih-os b{font-weight:500;font-size:calc(20px * var(--kn));line-height:calc(25px * var(--kn))}
.ih-os-r{font-size:calc(14px * var(--kn));line-height:calc(20px * var(--kn));color:#808291;margin-top:calc(2px * var(--kn))}
.ih-os-t{font-size:calc(15px * var(--kn));line-height:calc(22px * var(--kn));margin-top:calc(12px * var(--kn));padding-top:calc(12px * var(--kn));border-top:1px solid rgba(255,255,255,.2)}
.ih-rap-in{display:grid;grid-template-columns:minmax(0,calc(380 * var(--u) * var(--kn))) minmax(0,1fr);gap:calc(64px * var(--kn));align-items:center}
.ih-rap-t .btn{margin-top:calc(8px * var(--kn))}
.ih-rapy{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(24px * var(--kn))}
.ih-rap{display:flex;flex-direction:column;text-decoration:none;color:var(--g)}
.ih-rap-o img{width:100%;height:auto;display:block;box-shadow:0 calc(18px * var(--kn)) calc(40px * var(--kn)) rgba(0,6,35,.18);transition:transform .3s}
.ih-rap:hover img{transform:translateY(calc(-6px * var(--kn)))}
.ih-rap .ih-h{font-size:calc(16px * var(--kn));line-height:calc(22px * var(--kn));margin-top:calc(18px * var(--kn))}
.ih-rap-s{font-size:calc(14px * var(--kn));line-height:calc(20px * var(--kn));color:var(--s);margin-top:calc(6px * var(--kn))}
.ih-sciagi{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(20px * var(--kn))}
.ih-sc{background:var(--p);padding:calc(32px * var(--kn));display:flex;flex-direction:column}
.ih-sc h3{font-size:calc(24px * var(--kn));line-height:calc(30px * var(--ts) * var(--kn));margin:0 0 calc(12px * var(--kn))}.ih-sc>p{color:#666A7B}
.ih-sc .ih-dalej{margin-top:auto}
.ih-chipy2{display:flex;flex-wrap:wrap;gap:calc(8px * var(--kn));margin:calc(20px * var(--kn)) 0 calc(28px * var(--kn))}
.ih-chip{padding:calc(6px * var(--kn)) calc(12px * var(--kn));background:#fff;border:1px solid var(--l);text-decoration:none;font-size:calc(14px * var(--kn));line-height:calc(20px * var(--kn))}
.ih-chip:hover{border-color:var(--n);color:var(--nt)}
.ih-por{margin:calc(20px * var(--kn)) 0 calc(28px * var(--kn));border-top:1px solid var(--l)}
.ih-por li{position:relative;padding:calc(11px * var(--kn)) 0 calc(11px * var(--kn)) calc(30px * var(--kn));border-bottom:1px solid var(--l);font-size:calc(15px * var(--kn));line-height:calc(21px * var(--kn))}
.ih-por li::before{content:"";position:absolute;left:calc(2px * var(--kn));top:calc(13px * var(--kn));width:calc(13px * var(--kn));height:calc(16px * var(--kn));border:calc(1.5px * var(--kn)) solid var(--n);border-radius:1px}
.ih-sc-g{background:var(--g);color:#fff}
.ih-nar{margin:calc(4px * var(--kn)) 0 calc(28px * var(--kn))}
.ih-nar li a{display:flex;gap:calc(14px * var(--kn));align-items:center;padding:calc(13px * var(--kn)) 0;border-bottom:1px solid rgba(255,255,255,.18);text-decoration:none;color:#fff}
.ih-nar .ih-ik{width:calc(32px * var(--kn));height:calc(32px * var(--kn))}
.ih-nar b{display:block;font-weight:500}.ih-nar a>span>span{display:block;font-size:calc(14px * var(--kn));line-height:calc(20px * var(--kn));color:#808291}
.ih-nar li a:hover b{text-decoration:underline;text-underline-offset:calc(4px * var(--kn))}
@media (max-width:1200px){.ih-hero-in{grid-template-columns:minmax(0,1fr) minmax(0,calc(440 * var(--u) * var(--kn)));gap:calc(40px * var(--kn))}.ih-h1{font-size:calc(48px * var(--ts) * var(--kn));line-height:calc(56px * var(--ts) * var(--kn))}
 .ih-liczby{grid-template-columns:repeat(2,minmax(0,1fr))}.ih-ludzie{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:1024px){.ih-hero-in{grid-template-columns:1fr}.ih-mozaika{max-width:calc(640 * var(--u) * var(--kn))}.ih-naj{grid-template-columns:1fr}
 .ih-rap-in{grid-template-columns:1fr;gap:calc(40px * var(--kn))}.ih-serie,.ih-sciagi{grid-template-columns:1fr}.ih-ludzie{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:900px){.ih-sek{padding:calc(64px * var(--kn)) 0}.ih-hero-in{padding-top:calc(116px * var(--kn));padding-bottom:calc(56px * var(--kn))}
 .ih-h1{font-size:calc(36px * var(--ts) * var(--kn));line-height:calc(42px * var(--ts) * var(--kn))}.ih-hero .lead{font-size:calc(17px * var(--kn));line-height:calc(26px * var(--kn))}.ih-przyc .btn{margin-top:calc(24px * var(--kn))}
 .ih-liczby{margin-top:calc(40px * var(--kn))}.ih-liczby dt{font-size:calc(32px * var(--ts) * var(--kn));line-height:calc(36px * var(--ts) * var(--kn))}
 .ih-kol2{margin-top:calc(80px * var(--kn))}.ih-mozaika{gap:calc(12px * var(--kn))}.ih-kol{gap:calc(12px * var(--kn))}.ih-kaf-t{left:calc(14px * var(--kn));top:calc(12px * var(--kn))}.ih-kaf-t b{font-size:calc(17px * var(--kn));line-height:calc(21px * var(--kn))}
 .ih-kaf-t span{font-size:calc(13px * var(--kn))}.ih-kaf .ih-et{display:none}.ih-kaf-por .ih-kaf-t{padding:calc(6px * var(--kn)) calc(10px * var(--kn))}
 .ih-glowa{flex-direction:column;align-items:flex-start;margin-bottom:calc(32px * var(--kn))}.ih-c{align-items:center}
 .ih-wyr .ih-h{font-size:calc(24px * var(--kn));line-height:calc(30px * var(--ts) * var(--kn))}.ih-poz{grid-template-columns:calc(112px * var(--kn)) minmax(0,1fr);gap:calc(14px * var(--kn));padding:calc(16px * var(--kn)) 0}
 .ih-poz .ih-h{font-size:calc(16px * var(--kn));line-height:calc(21px * var(--kn))}.ih-poz .ih-meta{font-size:calc(13px * var(--kn))}
 .ih-karty{grid-template-columns:1fr}.ih-chipy{justify-content:flex-start;margin-bottom:calc(28px * var(--kn))}.ih-chipy label{padding:calc(8px * var(--kn)) calc(12px * var(--kn));font-size:calc(15px * var(--kn))}
 .ih-obszar{flex-direction:column;align-items:flex-start}
 .ih-ludzie{grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(28px * var(--kn)) calc(12px * var(--kn))}.ih-os b{font-size:calc(17px * var(--kn));line-height:calc(22px * var(--kn))}
 .ih-rapy{grid-template-columns:1fr;gap:calc(20px * var(--kn))}.ih-rap{display:grid;grid-template-columns:calc(110px * var(--kn)) minmax(0,1fr);gap:0 calc(18px * var(--kn));align-items:center}
 .ih-rap-o{grid-row:span 2}.ih-rap .ih-h{margin-top:0}
 .ih-sc{padding:calc(24px * var(--kn)) calc(20px * var(--kn))}.ih-sr-t{padding:calc(24px * var(--kn)) calc(20px * var(--kn)) calc(28px * var(--kn))}.ih-sr-t h3{font-size:calc(24px * var(--kn));line-height:calc(30px * var(--ts) * var(--kn))}}
.ih-okl-g{background:var(--g)}.ih-okl-n{background:var(--n)}
.ih-okl>img.ih-pelna{object-fit:cover}
.ih-okl>img.ih-ksz{inset:auto;height:auto;aspect-ratio:1;transform:translate(-50%,-50%)}
a:hover>.ih-okl>img.ih-ksz{transform:translate(-50%,-50%) scale(1.04)}
.ih-okl-n>img.ih-ksz{filter:brightness(0) invert(1);opacity:.92}
.ih-okl>svg.ih-znak{position:absolute;inset:auto;left:calc(16px * var(--kn));top:calc(16px * var(--kn));width:calc(40px * var(--kn));height:calc(40px * var(--kn));z-index:1;transform:none}
.ih-okl.ih-mini>svg.ih-znak{left:calc(8px * var(--kn));top:calc(8px * var(--kn));width:calc(24px * var(--kn));height:calc(24px * var(--kn))}
.ih-okl-por>svg.ih-znak{left:auto;right:calc(16px * var(--kn))}.ih-okl.ih-mini.ih-okl-por>svg.ih-znak{right:calc(8px * var(--kn))}
.ih-sc-g .ih-ile{color:#808291}
@media (max-width:1024px) and (min-width:601px){.ih-hero .ih-liczby{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* 30.09 runda 2: hero na całe okno, mozaika schodkowa od krawędzi do krawędzi, okładki rysowane, portrety na białym */
.ih-a6{aspect-ratio:300/240}
@media (min-width:1025px){
 .ih-hero{position:relative;min-height:min(100vh, 1080px);min-height:min(100svh, 1080px);display:flex;align-items:center}
 .ih-hero-in{display:block;width:100%;padding-top:calc(120px * var(--kn));padding-bottom:calc(80px * var(--kn))}
 .ih-hero-t{max-width:calc(100% - min(calc(920 * var(--u) * var(--kn)),calc(min(50vw, 960px) * var(--kn))) - calc(56px * var(--kn)))}
 .ih-mozaika{position:absolute;top:0;bottom:0;right:calc(40px * var(--kn));width:min(calc(920 * var(--u) * var(--kn)),calc(min(50vw, 960px) * var(--kn)));align-items:start}
 .ih-kol{padding-top:clamp(calc(92px * var(--kn)),calc(min(12vh, 129.6px) * var(--kn)),calc(140px * var(--kn)))}
 .ih-kol2{margin-top:0;padding-top:clamp(calc(210px * var(--kn)),calc(min(31vh, 334.8px) * var(--kn)),calc(340px * var(--kn)))}}
.ih-okl-s>svg{position:absolute;inset:0;width:100%;height:100%}
.ih-okl.ih-mini svg text{display:none}
.ih-os-f{background:#fff}
.ih-os-f img{object-position:center top}
/* 30.09 runda 3: ludzie na orbicie zamiast dużych portretów */
.ih-lu{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:calc(64px * var(--kn));align-items:center}
.ih-lu-t .lead{margin-bottom:calc(28px * var(--kn))}
.ih-lu-lista{margin:0 0 calc(28px * var(--kn));border-top:1px solid rgba(255,255,255,.16)}
.ih-lu-w{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:calc(16px * var(--kn));align-items:center;padding:calc(13px * var(--kn)) calc(10px * var(--kn));margin:0 calc(-10px * var(--kn));
 border-bottom:1px solid rgba(255,255,255,.16);text-decoration:none;color:#fff;transition:background .2s}
.ih-lu-kto b{display:block;font-weight:500;font-size:calc(17px * var(--kn));line-height:calc(22px * var(--kn));transition:color .2s}
.ih-lu-kto span{display:block;font-size:calc(13px * var(--kn));line-height:calc(18px * var(--kn));color:#808291}
.ih-lu-tem{font-size:calc(15px * var(--kn));line-height:calc(21px * var(--kn));color:#fff}
.ih-orb{position:relative;width:100%;max-width:calc(600 * var(--u) * var(--kn));aspect-ratio:1;justify-self:end}
.ih-orb-s{position:absolute;inset:0;width:100%;height:100%}
.ih-orb-c{position:absolute;left:50%;top:50%;width:22%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:var(--n);
 display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 calc(10px * var(--kn)) rgba(87,104,255,.18)}
.ih-orb-c img{width:62%;height:auto}
.ih-orb-o{position:absolute;width:15%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:#fff;
 box-shadow:0 0 0 calc(3px * var(--kn)) var(--g);transition:transform .25s,box-shadow .25s;z-index:1}
.ih-orb-o img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}
.ih-orb-o:hover,.ih-orb-o:focus-visible{transform:translate(-50%,-50%) scale(1.16);box-shadow:0 0 0 calc(3px * var(--kn)) var(--n),0 0 0 calc(9px * var(--kn)) rgba(87,104,255,.25);z-index:2;outline:none}
.ih-orb-n{position:absolute;left:50%;top:calc(100% + calc(8px * var(--kn)));transform:translateX(-50%);white-space:nowrap;background:#fff;color:var(--g);
 font-size:calc(13px * var(--kn));line-height:calc(18px * var(--kn));padding:calc(4px * var(--kn)) calc(10px * var(--kn));opacity:0;pointer-events:none;transition:opacity .2s}
.ih-orb-o:hover .ih-orb-n,.ih-orb-o:focus-visible .ih-orb-n{opacity:1}
@media (max-width:1024px){.ih-lu{grid-template-columns:1fr;gap:calc(40px * var(--kn))}.ih-orb{justify-self:center;max-width:calc(520 * var(--u) * var(--kn))}}
@media (max-width:600px){.ih-lu-w{grid-template-columns:1fr;gap:calc(4px * var(--kn))}.ih-orb-o{width:17%}.ih-orb-c{width:24%}}
@media (max-width:1024px){.ih-lu{gap:0}.ih-lu-t{display:contents}.ih-lu-t>.etyk,.ih-lu-t>h2,.ih-lu-t>.lead{order:1}
 .ih-orb{order:2;margin:0 auto calc(36px * var(--kn))}.ih-lu-lista{order:3}.ih-lu-t>.ih-dalej{order:4;justify-self:start}}
@media (max-width:600px){.ih-orb-n{display:none}}.ih-sek:has(.ih-lu){overflow-x:clip}

/* 30.09: kafle hero jak na stronie głównej (projekt: Kafel cornerRadius 5) */
.ih-kaf{border-radius:calc(5px * var(--kn))}

/* 30.09 runda 4 (propozycje na sucho, decyzje właściciela): jaśniejszy pasek obszaru, człowiek na okładce */
.ih-obszar{background:#F0F1FF;color:var(--g);border-left:calc(4px * var(--kn)) solid var(--n)}.ih-obszar .ih-dalej{color:var(--nt)}
.ih-okl-os{background:#D9D9D9}
.ih-okl.ih-okl-os>img{position:absolute;inset:auto;bottom:0;height:118%;width:auto;max-width:none}
.ih-os-l{position:absolute;left:calc(18px * var(--kn));bottom:calc(16px * var(--kn));z-index:1;display:flex;flex-direction:column;color:var(--g);max-width:44%}
.ih-os-l small{font-size:calc(12px * var(--kn));line-height:calc(16px * var(--kn));letter-spacing:.06em;text-transform:uppercase;color:var(--nt);font-weight:500;margin-bottom:calc(4px * var(--kn))}
.ih-os-l b{font-weight:500;font-size:calc(16px * var(--kn));line-height:calc(20px * var(--kn))}.ih-os-l span{font-size:calc(13px * var(--kn));line-height:calc(18px * var(--kn));color:var(--g)}
a:hover>.ih-okl.ih-okl-os>img{transform:none}

/* 30.09 paleta z projektu Figmy (analiza kolorów): akcent w nagłówkach na granacie = niebieski marki #5768FF (4,6:1),
   jak „Czas zmienić strategię.” na stronie głównej; reguła ogólna witryny (.hero-ciemny em #8C98FF) tu nadpisana */
.ih-hero em,.ih-sek.t-ciemne em{color:var(--n)}
/* kółko z twarzą w kaflu Search Observatory: środek dokładnie w środku orbity (150,180 w polu 300×300) */
.ih-kaf-twarz{left:50%;top:60%;width:24%;transform:translate(-50%,-50%);object-position:center;box-shadow:0 0 0 calc(3px * var(--kn)) #fff}

/*@@MODUL kontakt@@*/

.kt-hero{position:relative;background:var(--g);color:#fff;overflow:hidden}
.kt-hero-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,calc(540 * var(--u) * var(--kn)));gap:calc(64px * var(--kn));align-items:center;padding-top:calc(104px * var(--kn));padding-bottom:calc(28px * var(--kn));min-height:min(100vh, 1080px);min-height:min(100svh, 1080px)}
.kt-hero .etyk{color:#fff}.kt-h1{font-size:calc(52px * var(--ts) * var(--kn));line-height:calc(60px * var(--ts) * var(--kn));margin:0 0 calc(20px * var(--kn));max-width:calc(620 * var(--u) * var(--kn))}
.kt-hero .lead{font-size:calc(18px * var(--kn));line-height:calc(28px * var(--ts) * var(--kn));color:#fff;max-width:calc(520 * var(--u) * var(--kn));margin:0}
.kt-dane{margin:calc(36px * var(--kn)) 0 0;padding:0;border-top:1px solid rgba(255,255,255,.18);max-width:calc(560 * var(--u) * var(--kn))}
.kt-dane li{display:grid;grid-template-columns:calc(110px * var(--kn)) minmax(0,1fr);gap:calc(16px * var(--kn));align-items:baseline;padding:calc(14px * var(--kn)) 0;border-bottom:1px solid rgba(255,255,255,.18)}
.kt-dane span{color:#808291;font-size:calc(14px * var(--kn))}.kt-dane a{color:#fff;text-decoration:none;font-size:calc(24px * var(--kn));line-height:calc(30px * var(--ts) * var(--kn));font-weight:500}
.kt-dane li:last-child a{font-size:calc(18px * var(--kn));line-height:calc(24px * var(--kn))}.kt-dane a:hover{color:var(--n)}
.kt-f{position:relative}
.kt-orb{position:absolute;left:78%;top:88%;width:calc(820 * var(--u) * var(--kn));height:calc(820px * var(--kn));transform:translate(-50%,-50%);z-index:0;pointer-events:none}
.kt-hero-in{position:relative}.kt-hero{isolation:isolate}
.kt-karta{position:relative;z-index:1;background:#fff;color:var(--g);padding:calc(28px * var(--kn)) calc(32px * var(--kn));scroll-margin-top:calc(100px * var(--kn))}
.kt-karta h2{font-size:calc(24px * var(--kn));line-height:calc(30px * var(--ts) * var(--kn));margin:0 0 calc(6px * var(--kn))}.kt-l{margin:0 0 calc(18px * var(--kn));color:#666A7B;font-size:calc(15px * var(--kn));line-height:calc(22px * var(--kn))}
.kt-karta .form{display:grid;grid-template-columns:1fr 1fr;gap:calc(10px * var(--kn));margin:0}
.kt-karta .pole{display:block;margin:0}.kt-karta .pole-p,.kt-karta .zgoda,.kt-karta .btn,.kt-karta .form-uw{grid-column:1/-1}
.kt-karta .pole input,.kt-karta .pole textarea{width:100%;height:calc(46px * var(--kn));border:1px solid var(--l);background:#fff;padding:calc(12px * var(--kn)) calc(16px * var(--kn));font:inherit;color:var(--g)}
.kt-karta .pole textarea{height:calc(84px * var(--kn));resize:vertical}
.kt-karta .btn{margin:calc(4px * var(--kn)) 0 0;width:100%;min-height:calc(52px * var(--kn))}.kt-karta .zgoda{font-size:calc(13px * var(--kn));line-height:calc(18px * var(--kn))}.kt-karta .form-uw{margin:calc(4px * var(--kn)) 0 0;font-size:calc(12px * var(--kn));color:#666A7B}
.kt-kto{display:flex;align-items:center;gap:calc(12px * var(--kn));margin:calc(14px * var(--kn)) 0 0;padding-top:calc(14px * var(--kn));border-top:1px solid var(--l);font-size:calc(14px * var(--kn));line-height:calc(20px * var(--kn))}
.kt-twarze{display:flex;flex:none}.kt-twarze img{width:calc(44px * var(--kn));height:calc(44px * var(--kn));border-radius:50%;object-fit:cover;box-shadow:0 0 0 calc(3px * var(--kn)) #fff}.kt-twarze img+img{margin-left:calc(-12px * var(--kn))}.kt-kto b{font-weight:500}
.kt-sek{padding:calc(100px * var(--kn)) 0}.kt-biale{background:#fff}.kt-jasne{background:var(--p)}
.kt-sek h2{margin:0 0 calc(40px * var(--kn))}.kt-sek .lead{margin:calc(-24px * var(--kn)) 0 calc(48px * var(--kn))}
.kt-osoby{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(20px * var(--kn))}
.kt-os{display:flex;flex-direction:column;align-items:flex-start;background:var(--p);padding:calc(32px * var(--kn))}
.kt-os img{width:calc(96px * var(--kn));height:calc(96px * var(--kn));border-radius:50%;object-fit:cover;margin-bottom:calc(24px * var(--kn));box-shadow:0 0 0 calc(4px * var(--kn)) #fff}
.kt-spr{font-size:calc(14px * var(--kn));line-height:calc(20px * var(--kn));color:var(--nt);font-weight:500;letter-spacing:.04em;text-transform:uppercase;margin:0 0 calc(8px * var(--kn))}
.kt-kiedy{font-size:calc(18px * var(--kn));line-height:calc(26px * var(--kn));margin:0 0 calc(24px * var(--kn))}
.kt-imie{margin:auto 0 calc(16px * var(--kn));padding-top:calc(16px * var(--kn));border-top:1px solid var(--l);width:100%}.kt-imie b{display:block;font-weight:500}
.kt-imie span{font-size:calc(14px * var(--kn));color:#666A7B}.kt-mail{color:var(--nt);margin-bottom:calc(10px * var(--kn))}
.kt-kroki{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(40px * var(--kn));margin:0;padding:0;list-style:none}
.kt-kroki::before{content:"";position:absolute;left:calc(24px * var(--kn));right:calc(24px * var(--kn));top:calc(24px * var(--kn));border-top:calc(2px * var(--kn)) dashed var(--n)}
.kt-kroki li{position:relative}.kt-nr{position:relative;display:grid;place-items:center;width:calc(48px * var(--kn));height:calc(48px * var(--kn));border-radius:50%;
 background:var(--g);color:#fff;font-weight:500;font-size:calc(18px * var(--kn));margin-bottom:calc(24px * var(--kn));box-shadow:0 0 0 calc(8px * var(--kn)) var(--p)}
.kt-kroki b{display:block;font-weight:500;font-size:calc(22px * var(--kn));line-height:calc(28px * var(--ts) * var(--kn));margin-bottom:calc(8px * var(--kn))}.kt-kroki p{margin:0;color:#666A7B}
.kt-biuro{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:calc(64px * var(--kn));align-items:center}
.kt-mapa{width:100%;aspect-ratio:680/420;min-height:calc(300px * var(--kn));height:auto;border:0;display:block;background:#F0F1FF}
.kt-adr{font-size:calc(22px * var(--kn));line-height:calc(32px * var(--ts) * var(--kn));margin:0 0 calc(16px * var(--kn))}
.kt-inne{margin:calc(32px * var(--kn)) 0 0;padding:0;border-top:1px solid var(--l)}
.kt-inne li{display:flex;justify-content:space-between;gap:calc(16px * var(--kn));padding:calc(14px * var(--kn)) 0;border-bottom:1px solid var(--l)}
.kt-inne span{color:#666A7B}.kt-inne a{color:var(--nt)}
.kt-rej{margin:calc(28px * var(--kn)) 0 0;font-size:calc(13px * var(--kn));line-height:calc(19px * var(--kn));color:#666A7B}
@media (max-width:1100px){.kt-hero-in{grid-template-columns:1fr;min-height:0}.kt-f{max-width:calc(640 * var(--u) * var(--kn))}.kt-orb{display:none}
 .kt-osoby{grid-template-columns:1fr}.kt-biuro{grid-template-columns:1fr;gap:calc(40px * var(--kn))}}
@media (max-width:900px){.kt-hero-in{padding-top:calc(116px * var(--kn));padding-bottom:calc(56px * var(--kn));gap:calc(40px * var(--kn))}.kt-h1{font-size:calc(36px * var(--ts) * var(--kn));line-height:calc(42px * var(--ts) * var(--kn))}
 .kt-dane a{font-size:calc(20px * var(--kn));line-height:calc(26px * var(--kn))}.kt-dane li{grid-template-columns:1fr;gap:calc(4px * var(--kn))}
 .kt-karta{padding:calc(24px * var(--kn)) calc(20px * var(--kn))}.kt-karta .form{grid-template-columns:1fr}.kt-sek{padding:calc(64px * var(--kn)) 0}
 .kt-kroki{grid-template-columns:1fr;gap:calc(32px * var(--kn))}.kt-kroki::before{left:calc(24px * var(--kn));right:auto;top:calc(24px * var(--kn));bottom:calc(24px * var(--kn));border-top:0;border-left:calc(2px * var(--kn)) dashed var(--n)}
 .kt-kroki li{padding-left:calc(72px * var(--kn))}.kt-nr{position:absolute;left:0;top:0}}

/*@@KONIEC kontakt@@*/

/*@@MODUL onas@@*/

.on-hero{position:relative;background:#D9D9D9;min-height:min(100vh, 1080px);min-height:min(100svh, 1080px);display:flex;flex-direction:column;overflow:hidden}
.on-hero-t{padding-top:clamp(calc(104px * var(--kn)),calc(min(15vh, 162px) * var(--kn)),calc(150px * var(--kn)));text-align:center;display:flex;flex-direction:column;align-items:center}
.on-hero .etyk{color:var(--g)}.on-h1 em{display:block}.on-h1{font-size:calc(56px * var(--ts) * var(--kn));line-height:calc(64px * var(--ts) * var(--kn));margin:0 0 calc(20px * var(--kn));max-width:calc(900 * var(--u) * var(--kn))}
.on-hero .lead{font-size:calc(18px * var(--kn));line-height:calc(28px * var(--ts) * var(--kn));max-width:calc(640 * var(--u) * var(--kn));margin:0 auto}
.on-przyc{display:flex;gap:calc(12px * var(--kn));justify-content:center;flex-wrap:wrap;margin:calc(28px * var(--kn)) 0 0}.on-przyc .btn{margin:0}
.on-grupa{position:relative;margin:auto auto 0;width:min(calc(1240 * var(--u) * var(--kn)),calc(min(100vw, 1920px) * var(--kn)),calc((calc(min(100svh, 1080px) * var(--kn)) - calc(420 * var(--u) * var(--kn))) * 2.82));aspect-ratio:1240/440;flex:none}
.on-sz{position:absolute;height:auto;display:block;transition:filter .25s;pointer-events:none;user-select:none}
.on-tyl{z-index:1;-webkit-mask-image:linear-gradient(to top,transparent 0,#000 20%);mask-image:linear-gradient(to top,transparent 0,#000 20%)}
.on-przod{z-index:2}
.on-przod[data-o="aleksandra-bielecka"]{-webkit-mask-image:linear-gradient(to right,transparent 0,#000 16%);mask-image:linear-gradient(to right,transparent 0,#000 16%)}
.on-przod[data-o="zdzislaw-dusikowski"]{-webkit-mask-image:linear-gradient(to left,transparent 0,#000 16%);mask-image:linear-gradient(to left,transparent 0,#000 16%)}
.on-st{position:absolute;z-index:4;border-radius:50%;outline:none}
.on-et{position:absolute;left:50%;bottom:calc(100% + calc(6px * var(--kn)));transform:translate(-50%,calc(6px * var(--kn)));white-space:nowrap;background:var(--g);color:#fff;
 padding:calc(7px * var(--kn)) calc(12px * var(--kn));font-size:calc(13px * var(--kn));line-height:calc(17px * var(--kn));opacity:0;transition:opacity .2s,transform .2s;pointer-events:none;text-align:left}
.on-et b{display:block;font-weight:500;font-size:calc(15px * var(--kn));line-height:calc(20px * var(--kn))}
.on-st:hover .on-et,.on-st:focus-visible .on-et{opacity:1;transform:translate(-50%,0)}
.on-podp{position:absolute;right:calc(24px * var(--kn));bottom:calc(16px * var(--kn));margin:0;z-index:5;font-size:calc(13px * var(--kn));line-height:calc(18px * var(--kn));color:var(--g);background:rgba(255,255,255,.7);padding:calc(4px * var(--kn)) calc(10px * var(--kn))}
.on-sek{padding:calc(110px * var(--kn)) 0}.on-jasne{background:var(--p)}.on-biale{background:#fff}.on-ciemne{background:var(--g);color:#fff}
.on-ciemne .etyk{color:#fff}.on-sek h2{margin:0 0 calc(40px * var(--kn))}
.on-hist-g{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:calc(64px * var(--kn));align-items:start;margin-bottom:calc(64px * var(--kn))}
.on-hist-g h2{margin:0}.on-hist-g p{font-size:calc(18px * var(--kn));line-height:calc(28px * var(--ts) * var(--kn));margin:0 0 calc(16px * var(--kn))}
.on-epoki{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(24px * var(--kn));position:relative}
.on-epoki{grid-template-rows:repeat(5,auto);row-gap:0}.on-ep{display:grid;grid-template-rows:subgrid;grid-row:span 5}
.on-kiedy{font-size:calc(14px * var(--kn));line-height:calc(20px * var(--kn));font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--nt);margin:0 0 calc(14px * var(--kn))}
.on-ep-r{background:var(--p);aspect-ratio:400/256;margin-bottom:calc(24px * var(--kn));border-radius:calc(5px * var(--kn))}.on-ep-s{width:100%;height:100%;display:block}
.on-ep h3{font-size:calc(24px * var(--kn));line-height:calc(30px * var(--ts) * var(--kn));margin:0 0 calc(10px * var(--kn))}.on-ep-t{margin:0 0 calc(28px * var(--kn));color:#666A7B;font-size:calc(16px * var(--kn));line-height:calc(24px * var(--kn))}
.on-ic{align-self:start;display:flex;gap:calc(14px * var(--kn));align-items:center;padding-top:calc(20px * var(--kn));border-top:calc(2px * var(--kn)) solid var(--n);position:relative}
.on-ic::before{content:"";position:absolute;left:0;top:calc(-7px * var(--kn));width:calc(12px * var(--kn));height:calc(12px * var(--kn));border-radius:50%;background:var(--n)}
.on-ic p{margin:0;font-size:calc(15px * var(--kn));line-height:calc(22px * var(--kn))}.on-ic b{display:block;font-weight:500;font-size:calc(20px * var(--kn));line-height:calc(26px * var(--kn));color:var(--g)}
.on-ic-z{flex:none;width:calc(52px * var(--kn));height:calc(52px * var(--kn));border-radius:50%;background:var(--g);display:flex;align-items:center;justify-content:center}
.on-ic-z img{width:calc(34px * var(--kn));height:auto}
.on-ic-pusty{border-top:calc(2px * var(--kn)) dashed var(--l)}.on-ic-pusty::before{background:var(--l)}.on-ic-pusty p{color:#666A7B;padding:calc(15px * var(--kn)) 0 0}
.on-liczby{list-style:none;margin:calc(72px * var(--kn)) 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(24px * var(--kn))}
.on-liczby li{border-top:1px solid var(--l);padding-top:calc(20px * var(--kn))}
.on-liczby b{display:block;font-weight:400;font-size:calc(48px * var(--ts) * var(--kn));line-height:calc(56px * var(--ts) * var(--kn));margin-bottom:calc(10px * var(--kn))}
.on-liczby span{display:block;font-size:calc(16px * var(--kn));line-height:calc(24px * var(--kn))}.on-liczby small{display:block;margin-top:calc(10px * var(--kn));font-size:calc(13px * var(--kn));line-height:calc(18px * var(--kn));color:#666A7B}
.on-r{position:absolute;opacity:0;pointer-events:none}
.on-kon{overflow-x:clip}
.on-kon-g{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:calc(64px * var(--kn));align-items:center}
.on-kon-t h2{margin-bottom:calc(32px * var(--kn))}
.on-zak{display:flex;flex-wrap:wrap;gap:calc(8px * var(--kn));margin:0 0 calc(32px * var(--kn))}
.on-zak label{cursor:pointer;border:1px solid rgba(255,255,255,.3);padding:calc(9px * var(--kn)) calc(16px * var(--kn));font-size:calc(15px * var(--kn));line-height:calc(20px * var(--kn));transition:background .2s,border-color .2s}
.on-zak label:hover{border-color:#fff}
.on-op{display:none;min-height:calc(250px * var(--kn))}
.on-op h3{font-size:calc(28px * var(--ts) * var(--kn));line-height:calc(36px * var(--ts) * var(--kn));margin:0 0 calc(14px * var(--kn))}.on-op p{font-size:calc(17px * var(--kn));line-height:calc(26px * var(--kn));margin:0 0 calc(20px * var(--kn));max-width:calc(520 * var(--u) * var(--kn))}
.on-op p a{color:#fff}
.on-lid{list-style:none;margin:0 0 calc(28px * var(--kn));padding:0;border-top:1px solid rgba(255,255,255,.16)}
.on-lid a{display:flex;justify-content:space-between;gap:calc(16px * var(--kn));padding:calc(11px * var(--kn)) 0;border-bottom:1px solid rgba(255,255,255,.16);color:#fff;text-decoration:none}
.on-lid b{font-weight:500}.on-lid span{color:#808291;font-size:calc(14px * var(--kn));text-align:right}.on-lid a:hover b{color:var(--n)}
.on-orb{position:relative;width:100%;max-width:calc(680 * var(--u) * var(--kn));aspect-ratio:1;justify-self:end}
.on-orb-s{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.on-luk{fill:none;stroke:#fff;stroke-opacity:.28;stroke-width:.5;transition:stroke .25s}
.on-pt{font-size:calc(2.3px * var(--kn));letter-spacing:.06em;fill:#808291;text-transform:uppercase;transition:fill .25s}
.on-orb-c{position:absolute;left:50%;top:50%;width:20%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:var(--n);
 display:flex;align-items:center;justify-content:center}.on-orb-c img{width:62%;height:auto}
.on-o{position:absolute;width:7.4%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:#fff;
 transition:transform .25s,opacity .25s,filter .25s,box-shadow .25s;z-index:1}
.on-o img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}
.on-o:hover,.on-o:focus-visible{transform:translate(-50%,-50%) scale(1.3)!important;box-shadow:0 0 0 calc(2px * var(--kn)) var(--n),0 0 0 calc(7px * var(--kn)) rgba(87,104,255,.3)!important;
 opacity:1!important;filter:none!important;z-index:3;outline:none}
.on-n{position:absolute;left:50%;top:calc(100% + calc(6px * var(--kn)));transform:translateX(-50%);white-space:nowrap;background:#fff;color:var(--g);
 padding:calc(5px * var(--kn)) calc(10px * var(--kn));font-size:calc(11px * var(--kn));line-height:calc(14px * var(--kn));opacity:0;pointer-events:none;transition:opacity .2s}
.on-n b{display:block;font-weight:500;font-size:calc(13px * var(--kn));line-height:calc(17px * var(--kn))}
.on-o:hover .on-n,.on-o:focus-visible .on-n{opacity:1}
.on-kroki{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(40px * var(--kn));position:relative}
.on-kroki::before{content:"";position:absolute;left:calc(28px * var(--kn));right:calc(28px * var(--kn));top:calc(28px * var(--kn));border-top:calc(2px * var(--kn)) dashed var(--n)}
.on-kroki li{position:relative}
.on-nr{position:relative;display:flex;align-items:center;justify-content:center;width:calc(56px * var(--kn));height:calc(56px * var(--kn));border-radius:50%;background:var(--g);color:#fff;
 font-size:calc(18px * var(--kn));margin-bottom:calc(28px * var(--kn));box-shadow:0 0 0 calc(8px * var(--kn)) #fff}
.on-kroki h3{font-size:calc(24px * var(--kn));line-height:calc(30px * var(--ts) * var(--kn));margin:0 0 calc(10px * var(--kn))}.on-kroki p{margin:0;color:#666A7B;font-size:calc(16px * var(--kn));line-height:calc(24px * var(--kn))}
.on-dalej{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,.8fr);gap:calc(20px * var(--kn))}
.on-duzy{display:flex;flex-direction:column;align-items:flex-start;padding:calc(36px * var(--kn));text-decoration:none;color:var(--g);border-radius:calc(5px * var(--kn));min-height:calc(340px * var(--kn));
 transition:transform .2s}
.on-duzy:hover{transform:translateY(calc(-3px * var(--kn)))}
.on-kar{background:var(--g);color:#fff}.on-par{background:#F0F1FF}
.on-duzy b{font-weight:500;font-size:calc(28px * var(--ts) * var(--kn));line-height:calc(36px * var(--ts) * var(--kn));margin:calc(28px * var(--kn)) 0 calc(12px * var(--kn))}.on-duzy>span:not(.on-tw):not(.on-str){font-size:calc(16px * var(--kn));line-height:calc(24px * var(--kn));max-width:calc(420 * var(--u) * var(--kn))}
.on-kar>span:not(.on-tw):not(.on-str){color:#fff}
.on-tw{display:flex}.on-tw img{width:calc(64px * var(--kn));height:calc(64px * var(--kn));border-radius:50%;object-fit:cover;box-shadow:0 0 0 calc(3px * var(--kn)) var(--g)}.on-tw img+img{margin-left:calc(-14px * var(--kn))}
.on-par .on-tw img{box-shadow:0 0 0 calc(3px * var(--kn)) #F0F1FF}
.on-str{margin-top:auto;padding-top:calc(24px * var(--kn));font-weight:500;display:flex;align-items:center;gap:calc(10px * var(--kn))}
.on-str::after{content:"→";display:inline-flex;align-items:center;justify-content:center;width:calc(32px * var(--kn));height:calc(32px * var(--kn));border:1px solid currentColor;border-radius:50%;font-size:calc(15px * var(--kn))}
.on-male{display:grid;gap:calc(20px * var(--kn));grid-template-rows:1fr 1fr}
.on-mk{display:flex;flex-direction:column;justify-content:flex-end;padding:calc(28px * var(--kn));background:var(--p);color:var(--g);text-decoration:none;border-radius:calc(5px * var(--kn))}
.on-mk b{font-weight:500;font-size:calc(20px * var(--kn));line-height:calc(26px * var(--kn));margin-bottom:calc(6px * var(--kn))}.on-mk span{color:#666A7B;font-size:calc(15px * var(--kn));line-height:calc(22px * var(--kn))}
.on-mk:hover b{color:var(--nt)}
@media (max-width:1100px){.on-kon-g{grid-template-columns:1fr;gap:calc(48px * var(--kn))}.on-orb{justify-self:center;max-width:calc(620 * var(--u) * var(--kn))}
 .on-dalej{grid-template-columns:1fr 1fr}.on-male{grid-column:1/-1;grid-template-columns:1fr 1fr;grid-template-rows:none}
 .on-hist-g{grid-template-columns:1fr;gap:calc(24px * var(--kn))}}
@media (max-width:900px){.on-h1{font-size:calc(36px * var(--ts) * var(--kn));line-height:calc(42px * var(--ts) * var(--kn))}.on-hero .lead{font-size:calc(16px * var(--kn));line-height:calc(24px * var(--kn))}.on-sek{padding:calc(72px * var(--kn)) 0}
 .on-epoki,.on-kroki{grid-template-columns:1fr;gap:calc(48px * var(--kn))}.on-epoki{grid-template-rows:none}.on-ep{display:flex;flex-direction:column;grid-row:auto}.on-liczby{grid-template-columns:1fr 1fr}.on-liczby b{font-size:calc(36px * var(--ts) * var(--kn));line-height:calc(44px * var(--ts) * var(--kn))}
 .on-kroki::before{left:calc(28px * var(--kn));right:auto;top:calc(28px * var(--kn));bottom:calc(28px * var(--kn));border-top:0;border-left:calc(2px * var(--kn)) dashed var(--n)}
 .on-kroki li{padding-left:calc(84px * var(--kn))}.on-nr{position:absolute;left:0;top:0}
 .on-hero{min-height:0}.on-grupa{width:calc(min(250vw, 4800px) * var(--kn));margin:calc(40px * var(--kn)) 0 0 -75vw;align-self:auto}
 .on-dalej,.on-male{grid-template-columns:1fr}.on-duzy{min-height:0;padding:calc(28px * var(--kn))}
 .on-podp{display:none}.on-op{min-height:0}}
@media (max-width:600px){.on-n,.on-et{display:none}.on-o{width:8.2%}.on-orb{width:88%;margin:0 auto 0}.on-pt{font-size:calc(3.2px * var(--kn))}.on-liczby{grid-template-columns:1fr}
 .on-zak label{padding:calc(8px * var(--kn)) calc(12px * var(--kn));font-size:calc(14px * var(--kn))}}

/* ===== DOCELOWA (2.10 noc): hero wariant 5 „Twarze obszarów” (schemat/onas_hero_propozycje_gen.py, w5) ===== */
.ohv{position:relative;overflow:hidden;min-height:min(100vh, 1080px);min-height:min(100svh, 1080px)}
.ohv .etyk{color:var(--g)}
.ohv-h1{font-size:calc(56px * var(--ts) * var(--kn));line-height:calc(64px * var(--ts) * var(--kn));font-weight:400;letter-spacing:-.01em;margin:0 0 calc(20px * var(--kn));max-width:calc(900 * var(--u) * var(--kn))}
.ohv-h1 em{display:block}
.ohv-lead{font-size:calc(18px * var(--kn));line-height:calc(28px * var(--ts) * var(--kn));max-width:calc(640 * var(--u) * var(--kn));margin:0;color:var(--g)}
.ohv-przyc{display:flex;gap:calc(12px * var(--kn));flex-wrap:wrap;margin:calc(28px * var(--kn)) 0 0}.ohv-przyc .btn{margin:0}
.ohv5{background:#F9F9F9;display:flex;align-items:center;padding:clamp(calc(110px * var(--kn)),calc(min(14vh, 151.2px) * var(--kn)),calc(140px * var(--kn))) 0 calc(64px * var(--kn));box-sizing:border-box}
.ohv5-in{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:calc(56px * var(--kn));align-items:center;width:100%}
.ohv5-t .ohv-h1{font-size:calc(52px * var(--ts) * var(--kn));line-height:calc(60px * var(--ts) * var(--kn))}
.ohv5-ak{display:flex;gap:calc(10px * var(--kn));height:min(560px,min(62vh, 669.6px))}
.ohv5-k{position:relative;display:block;flex:1 1 0;min-width:0;border-radius:calc(5px * var(--kn));overflow:hidden;background:#D9D9D9;color:var(--g);
 transition:flex-grow .45s ease}
.ohv5-k img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 20%}
.ohv5-ak:not(:hover):not(:focus-within) .ohv5-k:first-child,.ohv5-k:hover,.ohv5-k:focus-visible{flex-grow:3.4}
.ohv5-ob{position:absolute;left:calc(12px * var(--kn));bottom:calc(12px * var(--kn));background:#fff;color:var(--g);font-size:calc(13px * var(--kn));line-height:calc(16px * var(--kn));padding:calc(8px * var(--kn)) calc(6px * var(--kn));
 border-radius:calc(3px * var(--kn));white-space:nowrap;writing-mode:vertical-rl;transform:rotate(180deg)}
.ohv5-os{position:absolute;left:calc(12px * var(--kn));right:calc(12px * var(--kn));bottom:calc(12px * var(--kn));background:#000623;color:#fff;font-size:calc(14px * var(--kn));line-height:calc(19px * var(--kn));padding:calc(10px * var(--kn)) calc(12px * var(--kn));
 border-radius:calc(3px * var(--kn));opacity:0;transition:opacity .25s}
.ohv5-os b{display:block;font-weight:500}
.ohv5-ak:not(:hover):not(:focus-within) .ohv5-k:first-child .ohv5-os,.ohv5-k:hover .ohv5-os,.ohv5-k:focus-visible .ohv5-os{opacity:1}
.ohv5-ak:not(:hover):not(:focus-within) .ohv5-k:first-child .ohv5-ob,.ohv5-k:hover .ohv5-ob,.ohv5-k:focus-visible .ohv5-ob{
 writing-mode:horizontal-tb;transform:none;top:calc(12px * var(--kn));bottom:auto;padding:calc(6px * var(--kn)) calc(10px * var(--kn))}
@media (max-width:1100px){.ohv5-in{grid-template-columns:1fr;gap:calc(40px * var(--kn))}.ohv5-t{text-align:center;display:flex;flex-direction:column;align-items:center}
 .ohv5-t .ohv-lead{margin:0 auto}.ohv5-t .ohv-przyc{justify-content:center}}
@media (max-width:900px){
 .ohv{min-height:0}.ohv-h1{font-size:calc(36px * var(--ts) * var(--kn));line-height:calc(42px * var(--ts) * var(--kn))}.ohv-lead{font-size:calc(16px * var(--kn));line-height:calc(24px * var(--kn))}
 .ohv5{padding:calc(110px * var(--kn)) 0 calc(48px * var(--kn))}.ohv5-t .ohv-h1{font-size:calc(36px * var(--ts) * var(--kn));line-height:calc(42px * var(--ts) * var(--kn))}
 .ohv5-ak{display:grid;grid-template-columns:1fr 1fr;height:auto;gap:calc(10px * var(--kn))}
 .ohv5-k{aspect-ratio:4/5}.ohv5-os{opacity:1!important;font-size:calc(12px * var(--kn));line-height:calc(16px * var(--kn));padding:calc(8px * var(--kn))}
 .ohv5-ob{writing-mode:horizontal-tb!important;transform:none!important;top:calc(10px * var(--kn))!important;bottom:auto!important;padding:calc(5px * var(--kn)) calc(8px * var(--kn))!important;
  left:calc(10px * var(--kn));font-size:calc(12px * var(--kn))}}
@media (prefers-reduced-motion:reduce){.ohv5-k,.ohv5-os{transition:none}}

/*@@KONIEC onas@@*/

/*@@MODUL case_hub@@*/

.csw{position:relative;background:var(--g);color:#fff;overflow:hidden;min-height:min(100vh, 1080px);min-height:min(100svh, 1080px)}
.csw-in{position:relative;z-index:2;min-height:min(100vh, 1080px);min-height:min(100svh, 1080px);display:flex;align-items:center;padding-top:calc(112px * var(--kn));padding-bottom:calc(64px * var(--kn))}
.csw-t{max-width:min(calc(520 * var(--u) * var(--kn)),calc(calc(min(100vw, 1920px) * var(--kn)) - min(calc(860 * var(--u) * var(--kn)),calc(min(56vw, 1075.2px) * var(--kn))) - calc(128px * var(--kn))))}
.csw .etyk{color:#fff}.csw-h1{font-size:clamp(calc(44px * var(--ts) * var(--kn)),calc(min(4.2vw, 80.64px) * var(--kn)),calc(60px * var(--ts) * var(--kn)));line-height:1.1;margin:0 0 calc(20px * var(--kn))}
.csw .lead{font-size:calc(18px * var(--kn));line-height:calc(28px * var(--ts) * var(--kn));color:#fff;margin:0;max-width:calc(480 * var(--u) * var(--kn))}
.csw-przyc{display:flex;gap:calc(12px * var(--kn));flex-wrap:wrap;margin:calc(32px * var(--kn)) 0 0}.csw-przyc .btn{margin:0}
.csw-uw{margin:calc(20px * var(--kn)) 0 0;font-size:calc(14px * var(--kn));line-height:calc(20px * var(--kn));color:#9DA0AE}
.csw-sciana{position:absolute;z-index:1;top:0;bottom:0;right:calc(40px * var(--kn));width:min(calc(860 * var(--u) * var(--kn)),calc(min(56vw, 1075.2px) * var(--kn)));display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(16px * var(--kn))}
.csw-sciana::after{content:"";position:absolute;left:0;right:0;bottom:0;height:calc(140px * var(--kn));background:linear-gradient(to bottom,rgba(0,6,35,0),#000623);pointer-events:none}
.csw-kol{display:flex;flex-direction:column;gap:calc(16px * var(--kn))}
.csw-k1{padding-top:calc(150px * var(--kn))}.csw-k2{padding-top:calc(104px * var(--kn))}.csw-k3{padding-top:calc(214px * var(--kn))}
.csw-kaf{display:flex;flex-direction:column;padding:calc(24px * var(--kn)) calc(22px * var(--kn)) calc(22px * var(--kn));border-radius:calc(5px * var(--kn));text-decoration:none;transition:transform .25s,box-shadow .25s}
.csw-kaf:hover{transform:translateY(calc(-4px * var(--kn)));box-shadow:0 calc(18px * var(--kn)) calc(40px * var(--kn)) rgba(0,0,0,.35)}
.csw-s-b{background:#fff;color:var(--g)}.csw-s-n{background:var(--n);color:#fff}.csw-s-j{background:#F0F1FF;color:var(--g)}
.csw-s-o{background:#0B1236;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}
.csw-kto{font-size:calc(13px * var(--kn));line-height:calc(18px * var(--kn));font-weight:500;margin-bottom:calc(14px * var(--kn))}
.csw-s-b .csw-kto,.csw-s-j .csw-kto{color:var(--nt)}
.csw-lb{font-weight:400;font-size:clamp(calc(32px * var(--ts) * var(--kn)),calc(min(2.9vw, 55.68px) * var(--kn)),calc(48px * var(--ts) * var(--kn)));line-height:1.1;letter-spacing:-.01em;margin-bottom:calc(10px * var(--kn));white-space:nowrap}
.csw-op{font-size:calc(15px * var(--kn));line-height:calc(21px * var(--kn))}
.csw-zr{margin-top:calc(16px * var(--kn));font-size:calc(12px * var(--kn));line-height:calc(17px * var(--kn));color:#666A7B}
.csw-s-n .csw-zr{color:#fff}.csw-s-o .csw-zr{color:#9DA0AE}
.csw-q{font-size:calc(17px * var(--kn));line-height:calc(25px * var(--kn))}.csw-q::before{content:"";display:block;width:calc(28px * var(--kn));height:calc(3px * var(--kn));background:#5768FF;margin-bottom:calc(14px * var(--kn))}
.cso{background:var(--g);color:#fff;padding:calc(110px * var(--kn)) 0;overflow:hidden}
.cso .etyk{color:#fff}.cso h2{margin:0 0 calc(16px * var(--kn))}.cso-lead{margin:0 0 calc(40px * var(--kn));max-width:calc(760 * var(--u) * var(--kn));font-size:calc(18px * var(--kn));line-height:calc(28px * var(--ts) * var(--kn));color:#fff}
.cso-leg{display:flex;gap:calc(28px * var(--kn));justify-content:flex-end;margin-bottom:calc(10px * var(--kn));font-size:calc(13px * var(--kn));line-height:calc(18px * var(--kn));color:#9DA0AE}
.cso-leg span{display:inline-flex;align-items:center;gap:calc(8px * var(--kn))}
.cso-l1{display:inline-block;width:calc(28px * var(--kn));border-top:calc(2px * var(--kn)) dashed #9DA0AE}.cso-l2{display:inline-block;width:calc(28px * var(--kn));height:calc(6px * var(--kn));border-radius:calc(3px * var(--kn));background:#5768FF}
.cso-lata{display:grid;grid-template-columns:calc(230 * var(--u) * var(--kn)) minmax(0,1fr);gap:calc(20px * var(--kn));margin-bottom:calc(6px * var(--kn))}
.cso-lt{position:relative;height:calc(18px * var(--kn));font-size:calc(13px * var(--kn));line-height:calc(18px * var(--kn));color:#9DA0AE}
.cso-lt span{position:absolute;transform:translateX(-50%)}
.cso-wiersze{position:relative}
.cso-siatka{position:absolute;top:0;bottom:0;left:calc(250px * var(--kn));right:0;pointer-events:none}
.cso-siatka span{position:absolute;top:0;bottom:0;border-left:1px solid rgba(255,255,255,.1)}
.cso-w{position:relative;display:grid;grid-template-columns:calc(230 * var(--u) * var(--kn)) minmax(0,1fr);gap:calc(20px * var(--kn));align-items:center;min-height:calc(50px * var(--kn));padding:calc(4px * var(--kn)) 0;
 color:#fff;text-decoration:none;border-top:1px solid rgba(255,255,255,.08);transition:opacity .2s}
.cso-os:has(.cso-w:hover) .cso-w:not(:hover){opacity:.4}
.cso-kto b{display:block;font-weight:500;font-size:calc(16px * var(--kn));line-height:calc(20px * var(--kn))}.cso-kto small{display:block;font-size:calc(12px * var(--kn));line-height:calc(16px * var(--kn));color:#9DA0AE}
.cso-tor{position:relative;height:calc(42px * var(--kn))}
.cso-bar{position:absolute;bottom:calc(9px * var(--kn));border-top:calc(2px * var(--kn)) dashed #9DA0AE}
.cso-seg{position:absolute;bottom:calc(6px * var(--kn));height:calc(8px * var(--kn));border-radius:calc(4px * var(--kn));background:#5768FF}
.cso-kr{position:absolute;bottom:calc(5px * var(--kn));width:calc(10px * var(--kn));height:calc(10px * var(--kn));margin-left:calc(-5px * var(--kn));border-radius:50%;background:var(--g);box-shadow:inset 0 0 0 calc(2px * var(--kn)) #9DA0AE}
.cso-kr2{background:#fff;box-shadow:none}
.cso-wyn{position:absolute;top:0;white-space:nowrap;font-size:calc(13px * var(--kn));line-height:calc(18px * var(--kn));color:#fff}
.cso-wyn b{font-weight:500;font-size:calc(15px * var(--kn))}
.cso-w:hover .cso-seg{background:#fff}.cso-w:hover .cso-kto b{text-decoration:underline;text-underline-offset:calc(3px * var(--kn))}
.cso-zr{margin:calc(14px * var(--kn)) 0 0;font-size:calc(13px * var(--kn));line-height:calc(19px * var(--kn));color:#9DA0AE;max-width:calc(900 * var(--u) * var(--kn))}
.cs-sek{padding:calc(110px * var(--kn)) 0}.cs-biale{background:#fff}.cs-jasne{background:var(--p)}
.cs-r{position:absolute;opacity:0;pointer-events:none}
.cs-lista-g{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:calc(48px * var(--kn));align-items:end;margin-bottom:calc(48px * var(--kn))}
.cs-lista-g h2{margin:0}
.cs-filtry{display:grid;gap:calc(12px * var(--kn))}
.cs-f{display:grid;grid-template-columns:calc(90px * var(--kn)) minmax(0,1fr);gap:calc(12px * var(--kn));align-items:center}
.cs-f>span{font-size:calc(14px * var(--kn));color:#666A7B}.cs-f>div{display:flex;flex-wrap:wrap;gap:calc(6px * var(--kn))}
.cs-f label{cursor:pointer;border:1px solid var(--l);padding:calc(7px * var(--kn)) calc(13px * var(--kn));font-size:calc(14px * var(--kn));line-height:calc(18px * var(--kn));transition:background .2s,border-color .2s}
.cs-f label:hover{border-color:var(--g)}
.cs-siatka{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(24px * var(--kn))}
.cs-k{display:flex;flex-direction:column;text-decoration:none;color:var(--g);background:#fff;border:1px solid #E6E7EC;border-radius:calc(5px * var(--kn));overflow:hidden;
 transition:transform .2s,box-shadow .2s}
.cs-k:hover{transform:translateY(calc(-3px * var(--kn)));box-shadow:0 calc(16px * var(--kn)) calc(40px * var(--kn)) rgba(0,6,35,.1)}
.cs-k-duzy{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
.cs-okl{position:relative;padding:calc(28px * var(--kn));display:flex;flex-direction:column;min-height:calc(250px * var(--kn))}
.cs-s-g{background:var(--g);color:#fff}.cs-s-n{background:var(--n);color:#fff}.cs-s-j{background:#F0F1FF;color:var(--g)}
.cs-okl-g{display:flex;justify-content:space-between;align-items:flex-end;gap:calc(16px * var(--kn))}
.cs-lb{margin:0;font-size:calc(64px * var(--ts) * var(--kn));line-height:calc(68px * var(--ts) * var(--kn));font-weight:400;letter-spacing:-.01em}
.cs-k-duzy .cs-lb{font-size:calc(104px * var(--ts) * var(--kn));line-height:calc(108px * var(--ts) * var(--kn))}.cs-k-duzy .cs-okl{min-height:calc(380px * var(--kn));padding:calc(40px * var(--kn));justify-content:flex-end}
.cs-sl{width:calc(64px * var(--kn));height:calc(92px * var(--kn));flex:none}
.cs-lo{margin:calc(14px * var(--kn)) 0 0;font-size:calc(16px * var(--kn));line-height:calc(23px * var(--kn));max-width:calc(420 * var(--u) * var(--kn))}
.cs-k-duzy .cs-lo{font-size:calc(20px * var(--kn));line-height:calc(28px * var(--ts) * var(--kn));max-width:calc(520 * var(--u) * var(--kn))}
.cs-zr2{margin:auto 0 0;padding-top:calc(18px * var(--kn));font-size:calc(12px * var(--kn));line-height:calc(17px * var(--kn));color:#9DA0AE}
.cs-s-n .cs-zr2{color:#fff}.cs-s-j .cs-zr2{color:#666A7B}
.cs-okl .cs-lo+.cs-zr2{margin-top:auto}
.cs-okl-c{justify-content:space-between}.cs-cyt{margin:0;font-size:calc(20px * var(--kn));line-height:calc(28px * var(--ts) * var(--kn))}
.cs-cyt::before{content:"";display:block;width:calc(28px * var(--kn));height:calc(4px * var(--kn));background:currentColor;margin-bottom:calc(18px * var(--kn))}
.cs-okl-h{justify-content:space-between}.cs-has{margin:0;font-size:calc(30px * var(--ts) * var(--kn));line-height:calc(36px * var(--ts) * var(--kn))}.cs-has em{font-style:normal;color:var(--n)}
.cs-s-g .cs-has em{color:var(--n)}.cs-s-n .cs-has em{color:#fff;text-decoration:underline}
.cs-k-t{padding:calc(24px * var(--kn)) calc(28px * var(--kn)) calc(28px * var(--kn));display:flex;flex-direction:column;flex:1}
.cs-k-duzy .cs-k-t{padding:calc(40px * var(--kn));justify-content:center}
.cs-kto{margin:0 0 calc(8px * var(--kn));font-size:calc(14px * var(--kn));color:var(--nt);font-weight:500}
.cs-k h3{font-size:calc(22px * var(--kn));line-height:calc(29px * var(--ts) * var(--kn));margin:0 0 calc(12px * var(--kn))}.cs-k-duzy h3{font-size:calc(32px * var(--ts) * var(--kn));line-height:calc(40px * var(--ts) * var(--kn))}
.cs-meta{margin:0 0 calc(14px * var(--kn));font-size:calc(14px * var(--kn));line-height:calc(20px * var(--kn));color:#666A7B}
.cs-ch{list-style:none;margin:0 0 calc(20px * var(--kn));padding:0;display:flex;flex-wrap:wrap;gap:calc(6px * var(--kn))}
.cs-ch li{font-size:calc(12px * var(--kn));line-height:calc(16px * var(--kn));padding:calc(4px * var(--kn)) calc(8px * var(--kn));background:var(--p);border-radius:calc(3px * var(--kn))}
.cs-lead{margin:0 0 calc(24px * var(--kn));font-size:calc(17px * var(--kn));line-height:calc(26px * var(--kn))}
.cs-czyt{margin-top:auto;font-weight:500;display:inline-flex;align-items:center;gap:calc(10px * var(--kn))}
.cs-czyt::after{content:"→";display:inline-flex;align-items:center;justify-content:center;width:calc(32px * var(--kn));height:calc(32px * var(--kn));border:1px solid currentColor;border-radius:50%;font-size:calc(15px * var(--kn));transition:background .2s,color .2s}
.cs-k:hover .cs-czyt::after{background:var(--g);color:#fff}
.cs-pusto{display:none;margin:0;padding:calc(40px * var(--kn));background:var(--p);font-size:calc(18px * var(--kn));line-height:calc(28px * var(--ts) * var(--kn))}
.cs-pusto a{color:var(--nt)}
.cs-jasne h2{margin:0 0 calc(16px * var(--kn))}.cs-pl{margin:0 0 calc(48px * var(--kn))}
.cs-pom{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(24px * var(--kn))}
.cs-pom li{background:#fff;padding:calc(32px * var(--kn));border-radius:calc(5px * var(--kn))}
.cs-ik{width:calc(40px * var(--kn));height:calc(40px * var(--kn));display:block;margin-bottom:calc(24px * var(--kn))}
.cs-pom h3{font-size:calc(24px * var(--kn));line-height:calc(30px * var(--ts) * var(--kn));margin:0 0 calc(10px * var(--kn))}.cs-pom p{margin:0;color:#666A7B;font-size:calc(16px * var(--kn));line-height:calc(24px * var(--kn))}
@media (max-width:1100px){.cs-lista-g{grid-template-columns:1fr;gap:calc(24px * var(--kn))}
 .csw,.csw-in{min-height:0}.csw-in{padding-bottom:calc(40px * var(--kn))}.csw-t{max-width:none}.csw-sciana::after{display:none}
 .csw-sciana{position:relative;right:auto;width:auto;margin:0 calc(40px * var(--kn));padding-bottom:calc(64px * var(--kn))}.csw-k1,.csw-k2,.csw-k3{padding-top:0}
 .csw-k2{margin-top:calc(40px * var(--kn))}.csw-k3{margin-top:calc(80px * var(--kn))}.cso-lata,.cso-w{grid-template-columns:calc(170px * var(--kn)) minmax(0,1fr)}.cso-siatka{left:calc(190px * var(--kn))}
 .cs-siatka{grid-template-columns:repeat(2,minmax(0,1fr))}.cs-k-duzy{grid-template-columns:1fr}}
@media (max-width:900px){.csw-h1{font-size:calc(36px * var(--ts) * var(--kn));line-height:calc(42px * var(--ts) * var(--kn))}.cs-sek,.cso{padding:calc(72px * var(--kn)) 0}.csw-in{padding-top:calc(112px * var(--kn));padding-bottom:calc(32px * var(--kn))}
 .csw-sciana{grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(12px * var(--kn));margin:0 calc(20px * var(--kn));padding-bottom:calc(48px * var(--kn))}.csw-kol{display:contents}
 .csw-k2,.csw-k3{margin-top:0}.csw-kaf{padding:calc(18px * var(--kn)) calc(16px * var(--kn))}.csw-tel-nie{display:none}.csw-szer{grid-column:1/-1}
 .csw-lb{font-size:clamp(calc(28px * var(--ts) * var(--kn)),calc(min(8vw, 153.6px) * var(--kn)),calc(40px * var(--ts) * var(--kn)))}.csw-szer .csw-lb{font-size:calc(44px * var(--ts) * var(--kn))}.csw-op{font-size:calc(14px * var(--kn));line-height:calc(20px * var(--kn))}
 .cso-lata{grid-template-columns:1fr}.cso-pusty{display:none}.cso-w{grid-template-columns:1fr;gap:calc(2px * var(--kn));padding:calc(10px * var(--kn)) 0}.cso-siatka{left:0}
 .cso-lt span:nth-child(even){display:none}.cso-tor{height:auto;padding-bottom:calc(22px * var(--kn))}.cso-leg{justify-content:flex-start;flex-wrap:wrap;gap:calc(8px * var(--kn)) calc(20px * var(--kn))}
 .cso-wyn{position:static;display:block;white-space:normal;font-size:calc(12px * var(--kn));line-height:calc(17px * var(--kn))}.cso-wyn b{font-size:calc(13px * var(--kn))}
 .cs-pom{grid-template-columns:1fr}.cs-k-duzy .cs-lb{font-size:calc(64px * var(--ts) * var(--kn));line-height:calc(68px * var(--ts) * var(--kn))}
 .cs-k-duzy .cs-okl,.cs-k-duzy .cs-k-t{padding:calc(28px * var(--kn))}.cs-k-duzy .cs-okl{min-height:calc(250px * var(--kn))}.cs-k-duzy h3{font-size:calc(24px * var(--kn));line-height:calc(31px * var(--ts) * var(--kn))}}
@media (max-width:700px){.cs-siatka{grid-template-columns:1fr}.cs-f{grid-template-columns:1fr;gap:calc(6px * var(--kn))}}
@media (prefers-reduced-motion:reduce){.csw-kaf{transition:none}}

/*@@KONIEC case_hub@@*/

/*@@MODUL st_model@@*/

/* ---- ST_MODEL (30.09; TEST-02 1.10 noc): /search-ecosystem/, /strategia-wzrostu/, /narzedzia/ ---- */
.stm-sek{padding:calc(120px * var(--kn)) 0}.stm-biale{background:#fff}.stm-jasne{background:var(--p)}.stm-law{background:#F0F1FF}
.stm-ciemne{background:var(--g);color:#fff}.stm-ciemne .etyk{color:#fff}.stm-ciemne em{color:#5768FF}
.stm-glowa{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:calc(40px * var(--kn)) calc(64px * var(--kn));align-items:end;margin-bottom:calc(56px * var(--kn))}
.stm-glowa h2{margin:0}.stm-glowa-l{margin:0;font-size:calc(18px * var(--kn));line-height:calc(28px * var(--ts) * var(--kn));color:#666A7B;max-width:calc(560 * var(--u) * var(--kn))}
.stm-ciemne .stm-glowa-l{color:#C4C6D0}
.stm-lead{font-size:calc(18px * var(--kn));line-height:calc(28px * var(--ts) * var(--kn));margin:0;max-width:calc(560 * var(--u) * var(--kn))}
.stm-dalej{display:inline-flex;align-items:center;gap:calc(8px * var(--kn));color:var(--nt);font-weight:500;text-decoration:none;white-space:nowrap}
.stm-dalej::after{content:none;transition:transform .2s}.stm-dalej:hover::after{transform:translateX(calc(4px * var(--kn)))}
.stm-dalej:hover{text-decoration:underline;text-underline-offset:calc(4px * var(--kn))}.stm-ciemne .stm-dalej{color:#fff}
.stm-zr{font-size:calc(13px * var(--kn));line-height:calc(19px * var(--kn));color:#666A7B;margin:calc(16px * var(--kn)) 0 0}
.stm-ciemne .stm-zr{color:#9DA0AE}
.stm-gl{display:block;width:calc(48px * var(--kn));height:calc(48px * var(--kn));border-radius:50%;object-fit:cover;flex:none;background:#fff;box-shadow:0 0 0 1px var(--l)}
.stm-twarze{display:flex;flex:none}.stm-twarze .stm-gl{width:calc(44px * var(--kn));height:calc(44px * var(--kn));box-shadow:0 0 0 calc(3px * var(--kn)) #fff}.stm-twarze .stm-gl+.stm-gl{margin-left:calc(-12px * var(--kn))}
.stm-kto{display:flex;align-items:center;gap:calc(14px * var(--kn));margin:calc(28px * var(--kn)) 0 0;font-size:calc(15px * var(--kn));line-height:calc(22px * var(--kn))}.stm-kto b{font-weight:500}
/* hero wspólne */
.stm-hero{position:relative;overflow:hidden}
.stm-hero-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:calc(48px * var(--kn));align-items:center;padding-top:calc(112px * var(--kn));padding-bottom:calc(56px * var(--kn));
 min-height:min(100vh, 1080px);min-height:min(100svh, 1080px);box-sizing:border-box}
.stm-h1{font-size:calc(56px * var(--ts) * var(--kn));line-height:calc(64px * var(--ts) * var(--kn));margin:0 0 calc(24px * var(--kn));max-width:calc(640 * var(--u) * var(--kn));letter-spacing:-.015em}
.stm-hero .etyk{display:block}
.stm-przyc{display:flex;flex-wrap:wrap;gap:calc(12px * var(--kn));margin:calc(36px * var(--kn)) 0 0}.stm-przyc .btn{margin:0}
/* hero SE */
.stm-hero-se{background:var(--g);color:#fff}.stm-hero-se .etyk,.stm-hero-se .stm-lead{color:#fff}.stm-hero-se .stm-h1 em{color:#5768FF}
.stm-hero-se .btn-drugi{color:#fff;box-shadow:inset 0 0 0 1px #fff}.stm-hero-se .btn-drugi:hover{background:#fff;color:var(--g)}
.stm-hs{margin:0;position:relative}.stm-hs-svg{display:block;width:100%;max-width:calc(720 * var(--u) * var(--kn));height:auto;margin:0 auto;overflow:visible}
.stm-hs-droga{animation:stm-bieg 1.6s linear infinite}
.stm-hs-et{paint-order:stroke;stroke:#000623;stroke-width:calc(6px * var(--kn));stroke-linejoin:round}
@keyframes stm-bieg{to{stroke-dashoffset:-36}}
.stm-hs-w circle.stm-hs-kr{transition:fill .2s}.stm-hs-w:hover circle.stm-hs-kr{fill:#DDE1FF}
.stm-hs-w:focus-visible{outline:none}.stm-hs-w:focus-visible circle.stm-hs-kr{stroke:#5768FF;stroke-width:4}
.stm-hs figcaption{margin-top:calc(8px * var(--kn));font-size:calc(14px * var(--kn));line-height:calc(20px * var(--kn));color:#C4C6D0;text-align:center}
@media (prefers-reduced-motion:reduce){.stm-hs-droga{animation:none}}
/* droga klienta (TEST-02: bez chipów obszarów; cztery kolumny od 1000 px) */
.stm-droga{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(24px * var(--kn));margin:0;padding:0;list-style:none}
.stm-dr-sc svg{display:block;width:100%;height:auto;border-radius:calc(5px * var(--kn))}
.stm-dr-n{position:relative;margin:calc(28px * var(--kn)) 0 calc(20px * var(--kn));height:calc(40px * var(--kn))}
.stm-dr-n::before{content:"";position:absolute;left:0;right:calc(-24px * var(--kn));top:calc(20px * var(--kn));border-top:calc(2px * var(--kn)) dashed var(--n)}
.stm-dr-k:last-child .stm-dr-n::before{right:0}
.stm-dr-k:last-child .stm-dr-n::after{content:"";position:absolute;right:0;top:calc(14px * var(--kn));border:calc(7px * var(--kn)) solid transparent;border-left:calc(10px * var(--kn)) solid var(--n);border-right:0}
.stm-dr-n span{position:relative;display:grid;place-items:center;width:calc(40px * var(--kn));height:calc(40px * var(--kn));border-radius:50%;background:var(--g);color:#fff;
 font-weight:500;box-shadow:0 0 0 calc(8px * var(--kn)) #fff}
.stm-droga h3{font-size:calc(24px * var(--kn));line-height:calc(30px * var(--ts) * var(--kn));margin:0 0 calc(10px * var(--kn))}.stm-dr-t{color:#666A7B;margin:0}
/* koło (TEST-02): komputer: koło po lewej (radio tuż przed sektorem-etykietą), panel po prawej; pola wyboru i etykiety
   listy ukryte. Telefon: radia ukryte, koło-ilustracja nad akordeonem na polach wyboru (pole, etykieta, panel) */
.stm-ko{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:calc(40px * var(--kn)) calc(64px * var(--kn));align-items:center;overflow-anchor:none}
.stm-ko-w{grid-column:1;grid-row:1;position:relative}
.stm-ko-a{grid-column:2;grid-row:1;position:relative}
.stm-ko .stm-ko-c,.stm-ko .stm-ko-l{display:none}
.stm-kolo{position:relative;width:100%;max-width:calc(520 * var(--u) * var(--kn));aspect-ratio:1;margin:0 auto}
.stm-sk{position:absolute;inset:0;display:block;cursor:pointer;background:#fff;color:var(--g);transition:background .2s}
.stm-sk-wsp{background:#E6E8FF}
.stm-sk:hover{background:#DDE1FF}
.stm-sk-t{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:calc(6px * var(--kn));text-align:center;
 font-size:calc(15px * var(--kn));line-height:calc(18px * var(--kn));font-weight:500;white-space:nowrap}
.stm-sk-ik{width:calc(28px * var(--kn));height:calc(28px * var(--kn))}
.stm-sk-wsp .stm-sk-ik{width:calc(24px * var(--kn));height:calc(24px * var(--kn))}.stm-sk-wsp .stm-sk-t{font-size:calc(13px * var(--kn));line-height:calc(16px * var(--kn));gap:calc(4px * var(--kn))}
.stm-rdzen{position:absolute;left:50%;top:50%;width:29%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:var(--g);
 color:#fff;display:grid;place-items:center;text-align:center;font-size:calc(20px * var(--kn));line-height:calc(24px * var(--kn));font-weight:500}
.stm-p{display:none;background:#fff;padding:calc(36px * var(--kn));max-width:calc(560 * var(--u) * var(--kn))}
@media (min-width:1100px){.stm-ko-r:checked+.stm-sk{background:var(--n);color:#fff}.stm-ko-r:checked+.stm-sk .stm-sk-ik{filter:brightness(0) invert(1)}.stm-ko-r:focus-visible+.stm-sk .stm-sk-t{outline:calc(2px * var(--kn)) solid currentColor;outline-offset:calc(6px * var(--kn))}}
.stm-p-et{font-size:calc(14px * var(--kn));line-height:calc(20px * var(--kn));color:var(--nt);font-weight:500;margin:0 0 calc(6px * var(--kn))}
.stm-p h3{font-size:calc(32px * var(--ts) * var(--kn));line-height:calc(38px * var(--ts) * var(--kn));margin:0 0 calc(12px * var(--kn))}.stm-p-op{margin:0;color:#666A7B}
.stm-p-eks{display:flex;align-items:center;gap:calc(12px * var(--kn));margin:calc(24px * var(--kn)) 0 0;padding-top:calc(20px * var(--kn));border-top:1px solid var(--l);font-size:calc(14px * var(--kn));line-height:calc(19px * var(--kn))}
.stm-p-eks>span{display:flex;flex-direction:column}.stm-p-eks small{color:#666A7B;font-size:calc(13px * var(--kn))}.stm-p-eks b{font-weight:500;font-size:calc(16px * var(--kn))}
.stm-p-eks>span>span{color:#666A7B}
.stm-p-btn{margin:calc(24px * var(--kn)) 0 0}.stm-p-uw{margin:calc(24px * var(--kn)) 0 0;color:#666A7B}
/* wyniki (TEST-02): trzy karty obok siebie, zastrzeżenie pod nimi */
.stm-wyniki{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(20px * var(--kn));align-items:stretch}
.stm-wy{background:#0E1535;padding:calc(32px * var(--kn));display:flex;flex-direction:column;align-items:flex-start}
.stm-wy h3{font-size:calc(24px * var(--kn));line-height:calc(30px * var(--ts) * var(--kn));margin:0 0 calc(12px * var(--kn))}
.stm-wy-l{margin:0;color:#C4C6D0}
.stm-wy-dane{display:grid;gap:calc(20px * var(--kn));margin:calc(24px * var(--kn)) 0 0;width:100%}
.stm-wy-big{margin:0}
.stm-wy-big b{display:block;font-size:calc(44px * var(--ts) * var(--kn));line-height:calc(48px * var(--ts) * var(--kn));font-weight:500;letter-spacing:-.02em}
.stm-wy-big span{display:block;margin-top:calc(6px * var(--kn));color:#C4C6D0;font-size:calc(15px * var(--kn));line-height:calc(22px * var(--kn))}
.stm-wy-fig{margin:calc(8px * var(--kn)) 0 0;width:100%}.stm-wy-fig figcaption{font-size:calc(15px * var(--kn));line-height:calc(22px * var(--kn));color:#C4C6D0;margin:0 0 calc(12px * var(--kn))}
.stm-wyk{display:block;width:100%;height:auto;max-width:calc(420 * var(--u) * var(--kn))}
.stm-wy .stm-zr{margin-top:calc(20px * var(--kn))}
.stm-wy .stm-dalej{margin-top:auto;padding-top:calc(20px * var(--kn))}
.stm-wy-cyt{margin:calc(4px * var(--kn)) 0 0}.stm-wy-cyt p{font-size:calc(20px * var(--kn));line-height:calc(30px * var(--ts) * var(--kn))}.stm-wy-cyt footer{margin-top:calc(12px * var(--kn));color:#9DA0AE;font-size:calc(14px * var(--kn))}
.stm-wyniki+.stm-zr{margin-top:calc(20px * var(--kn))}
.stm-cyt-j{display:flex;gap:calc(20px * var(--kn));align-items:flex-start;margin:calc(40px * var(--kn)) 0 0;padding-top:calc(40px * var(--kn));border-top:1px solid rgba(255,255,255,.18)}
.stm-cyt-j p{font-size:calc(22px * var(--kn));line-height:calc(32px * var(--ts) * var(--kn));max-width:calc(900 * var(--u) * var(--kn))}.stm-gl-l{width:calc(64px * var(--kn));height:calc(64px * var(--kn))}
.stm-cyt-j footer{margin-top:calc(14px * var(--kn));color:#9DA0AE;font-size:calc(15px * var(--kn))}.stm-cyt-j footer b{color:#fff;font-weight:500;margin-right:calc(8px * var(--kn))}
/* proces (TEST-02): cztery kroki w rzędzie, pasek do Strategii wzrostu pod nimi */
.stm-proces{display:grid;gap:calc(20px * var(--kn))}
.stm-proces ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(20px * var(--kn));margin:0;padding:0;list-style:none}
.stm-proces li{background:#fff;padding:calc(28px * var(--kn)) calc(24px * var(--kn))}
.stm-pr-nr{display:block;font-size:calc(14px * var(--kn));font-weight:500;color:var(--nt);margin-bottom:calc(20px * var(--kn))}
.stm-proces h3{margin:0 0 calc(8px * var(--kn))}.stm-proces li p{color:#666A7B;margin:0}
.stm-pr-dalej{display:flex;align-items:center;justify-content:space-between;gap:calc(20px * var(--kn));background:var(--n);color:#fff;padding:calc(22px * var(--kn)) calc(28px * var(--kn));
 text-decoration:none;transition:background .2s}
.stm-pr-dalej:hover{background:var(--g)}.stm-pr-dalej b{font-weight:500;font-size:calc(20px * var(--kn));line-height:calc(26px * var(--kn))}
.stm-pr-dalej i{font-style:normal;font-size:calc(28px * var(--ts) * var(--kn));line-height:calc(28px * var(--ts) * var(--kn))}
/* formularz */
.stm-form-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,calc(600 * var(--u) * var(--kn)));gap:calc(64px * var(--kn));align-items:center}
.stm-form h2{margin:0 0 calc(20px * var(--kn))}
.stm-ciemne.stm-form .stm-lead{color:#fff}.stm-ciemne .stm-kto{color:#fff}
.stm-form-k{background:#fff;color:var(--g);padding:calc(32px * var(--kn));scroll-margin-top:calc(100px * var(--kn))}
.stm-form-k .form{display:grid;grid-template-columns:1fr 1fr;gap:calc(10px * var(--kn));margin:0}
.stm-form-k .pole{display:block;margin:0}.stm-form-k .pole-p,.stm-form-k .zgoda,.stm-form-k .btn,.stm-form-k .form-uw{grid-column:1/-1}
.stm-form-k .pole input,.stm-form-k .pole textarea,.stm-form-k .pole select{width:100%;box-sizing:border-box;height:calc(48px * var(--kn));border:1px solid var(--l);
 background:#fff;padding:calc(12px * var(--kn)) calc(16px * var(--kn));font:inherit;color:var(--g)}
.stm-form-k .pole textarea{height:calc(96px * var(--kn));resize:vertical}.stm-form-k .form>label:nth-of-type(5){grid-column:1/-1}
.stm-form-rys{margin:calc(32px * var(--kn)) 0 0;max-width:calc(380px * var(--kn));background:#fff;padding:calc(12px * var(--kn));border-radius:calc(5px * var(--kn))}.stm-form-rys svg{display:block;width:100%;height:auto}
.stm-form-rys figcaption{font-size:calc(13px * var(--kn));line-height:calc(18px * var(--kn));color:#666A7B;margin-top:calc(6px * var(--kn));padding:0 calc(4px * var(--kn))}
.stm-form-k .btn{margin:calc(6px * var(--kn)) 0 0;width:100%;min-height:calc(52px * var(--kn));justify-self:stretch}.stm-form-k .zgoda{font-size:calc(13px * var(--kn));line-height:calc(18px * var(--kn))}
.stm-form-k .form-uw{margin:calc(4px * var(--kn)) 0 0;font-size:calc(12px * var(--kn));color:#666A7B}
/* hero strategii (TEST-02: przystanki narysowane w SVG, bez klikania) */
.stm-hero-sw{background:#F0F1FF}
.stm-sw{position:relative}.stm-sw-pl{position:relative;width:100%;max-width:calc(800 * var(--u) * var(--kn));margin:0 auto;aspect-ratio:800/680}
.stm-sw-svg{position:absolute;inset:0;width:100%;height:100%}
.stm-sw-srodek{animation:stm-bieg2 2.4s linear infinite}@keyframes stm-bieg2{to{stroke-dashoffset:-44}}
@media (prefers-reduced-motion:reduce){.stm-sw-srodek{animation:none}}
.stm-sw-a{position:absolute;transform:translate(0,-50%);font-size:calc(14px * var(--kn));line-height:calc(18px * var(--kn));font-weight:500;background:var(--g);color:#fff;padding:calc(5px * var(--kn)) calc(10px * var(--kn));white-space:nowrap}
.stm-sw-b{background:var(--n)}
/* mapa etapów (TEST-02): komputer: pionowa droga etapów po lewej (radio tuż przed etykietą, 6 wierszy po 56 px, numer
   z licznika CSS), panel po prawej na wszystkie wiersze; telefon: radia ukryte, akordeon na polach wyboru */
.stm-mp{position:relative;display:grid;grid-template-columns:minmax(0,calc(280 * var(--u) * var(--kn))) minmax(0,1fr);grid-template-rows:repeat(6,calc(56px * var(--kn))) 1fr;
 column-gap:calc(56px * var(--kn));align-items:start;overflow-anchor:none;counter-reset:stm-etap}
.stm-mp::before{content:"";position:absolute;left:calc(21px * var(--kn));top:calc(28px * var(--kn));height:calc(280px * var(--kn));border-left:calc(2px * var(--kn)) dashed var(--l)}
.stm-mp-r{grid-column:1;top:0;left:0}
.stm-mp .stm-mp-c,.stm-mp .stm-mp-lc{display:none}
.stm-mp-l{grid-column:1;position:relative;display:flex;align-items:center;gap:calc(18px * var(--kn));height:calc(56px * var(--kn));cursor:pointer;font-size:calc(17px * var(--kn));line-height:calc(22px * var(--kn));
 font-weight:500;color:#666A7B;counter-increment:stm-etap;transition:color .2s}
.stm-mp-l::before{content:"0" counter(stm-etap);flex:none;display:grid;place-items:center;width:calc(44px * var(--kn));height:calc(44px * var(--kn));border-radius:50%;background:#fff;
 color:var(--g);box-shadow:inset 0 0 0 calc(2px * var(--kn)) var(--g);font-size:calc(15px * var(--kn));transition:background .2s,box-shadow .2s}
.stm-mp-l:hover{color:var(--g)}.stm-mp-l:hover::before{background:#F0F1FF}
.stm-mp-r:checked+.stm-mp-l{color:var(--g)}
.stm-mp-r:checked+.stm-mp-l::before{background:var(--n);color:#fff;box-shadow:0 0 0 calc(6px * var(--kn)) #F0F1FF}
.stm-mp-r:focus-visible+.stm-mp-l::before{outline:calc(2px * var(--kn)) solid var(--g);outline-offset:calc(4px * var(--kn))}
.stm-mp-p{grid-column:2;grid-row:1 / -1;display:none;grid-template-columns:minmax(0,1fr) minmax(0,36%);gap:calc(40px * var(--kn));align-items:center;
 background:var(--p);padding:calc(32px * var(--kn)) calc(40px * var(--kn))}
@media (min-width:901px){.stm-mp-r:checked+.stm-mp-l+.stm-mp-c+.stm-mp-lc+.stm-mp-p{display:grid}}
.stm-mp-p h3{font-size:calc(28px * var(--ts) * var(--kn));line-height:calc(34px * var(--ts) * var(--kn));margin:0 0 calc(12px * var(--kn))}
.stm-mp-zd{font-size:calc(18px * var(--kn));line-height:calc(28px * var(--ts) * var(--kn));margin:0}
.stm-mp-ef{margin:calc(20px * var(--kn)) 0 0;padding:calc(12px * var(--kn)) calc(16px * var(--kn));background:#fff;border-left:calc(4px * var(--kn)) solid var(--n);font-size:calc(16px * var(--kn));line-height:calc(24px * var(--kn))}
.stm-mp-ef b{font-weight:500}
.stm-mp-sc svg{display:block;width:100%;height:auto;border-radius:calc(5px * var(--kn))}
/* jeden plan */
.stm-rz{display:grid;grid-template-columns:minmax(0,1fr) calc(56px * var(--kn)) minmax(0,1fr);align-items:center;gap:calc(20px * var(--kn))}
.stm-rz-k{margin:0;background:#fff;color:var(--g);padding:calc(28px * var(--kn))}.stm-rz-dobrze{box-shadow:inset 0 calc(3px * var(--kn)) 0 var(--n)}
.stm-rz-k figcaption{font-size:calc(17px * var(--kn));line-height:calc(26px * var(--kn));color:#666A7B;margin-bottom:calc(12px * var(--kn));min-height:calc(52px * var(--kn))}.stm-rz-k b{color:var(--g);font-weight:500}
.stm-rz-svg{display:block;width:100%;max-width:calc(280px * var(--kn));height:auto;margin:0 auto}
.stm-rz-s{display:grid;place-items:center;width:calc(56px * var(--kn));height:calc(56px * var(--kn));border-radius:50%;background:var(--n);color:#fff;font-size:calc(24px * var(--kn))}
/* stół */
.stm-stol{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:calc(64px * var(--kn));align-items:center}
.stm-stol-l{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:calc(24px * var(--kn));margin:calc(32px * var(--kn)) 0 0;padding:0;list-style:none;border-top:1px solid var(--l)}
.stm-stol-l img,.stm-so img{background:#fff}
.stm-stol-l a{display:flex;align-items:center;gap:calc(14px * var(--kn));padding:calc(12px * var(--kn)) 0;border-bottom:1px solid var(--l);text-decoration:none;color:var(--g)}
.stm-stol-l img{width:calc(44px * var(--kn));height:calc(44px * var(--kn));border-radius:50%;object-fit:cover}
.stm-stol-l a>span{display:flex;flex-direction:column}.stm-stol-l b{font-weight:500;transition:color .2s}.stm-stol-l a>span>span{font-size:calc(14px * var(--kn));color:#666A7B}
.stm-stol-pl{position:relative;width:100%;aspect-ratio:600/440}
.stm-blat{position:absolute;left:0;top:7%;width:100%;height:auto}
.stm-so{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:calc(6px * var(--kn));text-decoration:none;color:var(--g);font-size:calc(14px * var(--kn));font-weight:500}
.stm-so img{width:calc(84px * var(--kn));height:calc(84px * var(--kn));border-radius:50%;object-fit:cover;box-shadow:0 0 0 calc(4px * var(--kn)) #fff;transition:transform .25s,box-shadow .25s}
.stm-so:hover img{box-shadow:0 0 0 calc(4px * var(--kn)) var(--n),0 0 0 calc(10px * var(--kn)) #F0F1FF}
.stm-sk-k{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:calc(6px * var(--kn));font-size:calc(14px * var(--kn));color:#666A7B}
.stm-sk-k i{display:block;width:calc(64px * var(--kn));height:calc(64px * var(--kn));border-radius:50%;border:calc(2px * var(--kn)) dashed var(--n);background:#fff}
.stm-stol-p{position:absolute;font-size:calc(13px * var(--kn));font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--nt)}
.stm-stol-p1{left:50%;top:0;transform:translateX(-50%)}.stm-stol-p2{left:50%;bottom:0;transform:translateX(-50%)}
/* głos klienta (TEST-02: trzy wyniki w wierszach) */
.stm-glos{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:calc(64px * var(--kn));align-items:start}
.stm-glos blockquote{margin:0 0 calc(28px * var(--kn))}.stm-glos blockquote p{font-size:calc(32px * var(--ts) * var(--kn));line-height:calc(42px * var(--ts) * var(--kn));font-weight:500;letter-spacing:-.01em}
.stm-glos blockquote footer{margin-top:calc(20px * var(--kn));color:#666A7B}
.stm-dowody{display:grid;gap:calc(10px * var(--kn));margin-top:calc(24px * var(--kn))}
.stm-dw{display:grid;grid-template-columns:minmax(0,calc(170px * var(--kn))) minmax(0,1fr);gap:calc(24px * var(--kn));align-items:center;background:#fff;padding:calc(14px * var(--kn)) calc(28px * var(--kn));
 text-decoration:none;color:var(--g);transition:transform .25s}
.stm-dw:hover{transform:translateY(calc(-4px * var(--kn)))}
.stm-dw b{font-size:calc(40px * var(--ts) * var(--kn));line-height:calc(44px * var(--ts) * var(--kn));font-weight:500;letter-spacing:-.02em}
.stm-dw>span{display:block}.stm-dw small{display:block;margin-top:calc(4px * var(--kn));font-size:calc(13px * var(--kn));line-height:calc(18px * var(--kn));color:#666A7B}
/* CTA */
.stm-cta{background:var(--n);color:#fff;padding:calc(96px * var(--kn)) 0}
.stm-cta-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,calc(460 * var(--u) * var(--kn)));gap:calc(48px * var(--kn));align-items:center}
.stm-cta h2{font-size:calc(48px * var(--ts) * var(--kn));line-height:calc(56px * var(--ts) * var(--kn));margin:0 0 calc(16px * var(--kn))}.stm-cta h2 em{color:#fff;text-decoration:underline;text-decoration-thickness:calc(2px * var(--kn));text-underline-offset:calc(8px * var(--kn));text-decoration-color:rgba(255,255,255,.55)}
.stm-cta p{font-size:calc(18px * var(--kn));line-height:calc(28px * var(--ts) * var(--kn));margin:0;max-width:calc(620 * var(--u) * var(--kn))}
.stm-cta .stm-kto{margin:0 0 calc(24px * var(--kn))}.stm-cta .stm-twarze .stm-gl{box-shadow:0 0 0 calc(3px * var(--kn)) var(--n)}
.stm-btn-g{background:var(--g)}.stm-btn-g:hover{background:#fff;color:var(--g)}
/* hero narzędzi */
.stm-hero-nz{background:var(--p)}
.stm-hero-nz .stm-hero-in{align-items:start;padding-bottom:0}
.stm-hero-nz .stm-hero-t{align-self:center;padding-bottom:calc(56px * var(--kn))}
.stm-nh-uw{display:flex;align-items:center;gap:calc(10px * var(--kn));margin:calc(28px * var(--kn)) 0 0;font-size:calc(15px * var(--kn));line-height:calc(22px * var(--kn));color:#666A7B}
.stm-nh-uw span{display:block;width:calc(10px * var(--kn));height:calc(10px * var(--kn));border-radius:50%;background:var(--n);box-shadow:0 0 0 calc(5px * var(--kn)) #F0F1FF;flex:none}
.stm-nh{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(20px * var(--kn));max-height:calc(min(100svh, 1080px) - 112px);overflow:hidden;align-self:stretch}
.stm-nh-kol{display:grid;gap:calc(20px * var(--kn));align-content:start}.stm-nh-kol2{margin-top:calc(72px * var(--kn))}
.stm-nh-k{display:block;background:#fff;padding:calc(14px * var(--kn)) calc(14px * var(--kn)) calc(16px * var(--kn));text-decoration:none;color:var(--g);transition:transform .25s,box-shadow .25s;
 box-shadow:0 1px 0 var(--l)}
.stm-nh-k:hover{transform:translateY(calc(-4px * var(--kn)));box-shadow:0 calc(10px * var(--kn)) calc(30px * var(--kn)) rgba(0,6,35,.08)}
.stm-nh-sz{display:block;background:#F0F1FF;padding:calc(10px * var(--kn));border-radius:calc(4px * var(--kn))}.stm-nh-sz svg{display:block;width:100%;height:auto}
.stm-nh-n{display:block;margin-top:calc(12px * var(--kn));font-weight:500}
.stm-nh-k1,.stm-nh-k2,.stm-nh-k5{background:var(--g);color:#fff;box-shadow:none}.stm-nh-k1 .stm-nh-sz,.stm-nh-k2 .stm-nh-sz,.stm-nh-k5 .stm-nh-sz{background:#fff}
/* katalog (TEST-02): sześć kafli naraz, bez filtra; telefon: kafle bez szkicu */
.stm-kat-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(20px * var(--kn))}
.stm-kt{display:flex;flex-direction:column;background:var(--p);text-decoration:none;color:var(--g);transition:transform .25s}
.stm-kt:hover{transform:translateY(calc(-4px * var(--kn)))}
.stm-kt-sz{position:relative;display:block;background:#F0F1FF;padding:calc(20px * var(--kn)) calc(24px * var(--kn))}.stm-kt-sz svg{display:block;width:100%;height:auto}
.stm-kt-t{display:flex;flex-direction:column;align-items:flex-start;padding:calc(22px * var(--kn)) calc(28px * var(--kn)) calc(26px * var(--kn));flex:1}
.stm-kt-t::after{content:"\2192";margin-top:auto;padding-top:calc(14px * var(--kn));color:var(--nt);font-weight:500;transition:transform .2s}
.stm-kt:hover .stm-kt-t::after{transform:translateX(calc(4px * var(--kn)))}
.stm-kt-st{font-size:calc(13px * var(--kn));line-height:calc(18px * var(--kn));font-weight:500;padding:calc(3px * var(--kn)) calc(10px * var(--kn));border-radius:calc(12px * var(--kn));background:#F0F1FF;color:var(--g)}
.stm-kt-dzis .stm-kt-st{background:var(--n);color:#fff}.stm-kt-spo .stm-kt-st{background:#fff;box-shadow:inset 0 0 0 1px var(--l)}
.stm-kt-h{display:block;font-size:calc(24px * var(--kn));line-height:calc(30px * var(--ts) * var(--kn));font-weight:500;margin:calc(14px * var(--kn)) 0 calc(8px * var(--kn))}
.stm-kt-o{display:block;color:#666A7B}
.stm-kt-dzis{background:var(--g);color:#fff}.stm-kt-dzis .stm-kt-sz{background:#F0F1FF}
.stm-kt-dzis .stm-kt-o{color:#808291}.stm-kt-dzis .stm-kt-t::after{color:#fff}
/* pytania */
.stm-py{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:calc(64px * var(--kn));align-items:start}
.stm-py .stm-lead{color:#808291;margin-top:calc(20px * var(--kn))}.stm-py h2{margin:0}
.stm-py-lista{margin:0;padding:0;list-style:none;border-top:1px solid rgba(255,255,255,.18)}
.stm-py-lista a{display:grid;grid-template-columns:minmax(0,1.3fr) calc(60px * var(--kn)) minmax(0,.8fr);gap:calc(20px * var(--kn));align-items:center;padding:calc(22px * var(--kn)) 0;
 border-bottom:1px solid rgba(255,255,255,.18);color:#fff;text-decoration:none}
.stm-py-q{font-size:calc(20px * var(--kn));line-height:calc(28px * var(--ts) * var(--kn))}
.stm-py-l{position:relative;height:calc(2px * var(--kn));background:repeating-linear-gradient(90deg,#808291 0 calc(6px * var(--kn)),transparent calc(6px * var(--kn)) calc(11px * var(--kn)));transition:background .2s}
.stm-py-l::after{content:"";position:absolute;right:calc(-2px * var(--kn));top:calc(-5px * var(--kn));border:calc(6px * var(--kn)) solid transparent;border-left:calc(9px * var(--kn)) solid #808291;border-right:0}
.stm-py-n{font-weight:500;font-size:calc(18px * var(--kn));line-height:calc(24px * var(--kn));color:#fff}
.stm-py-lista a:hover .stm-py-l{background:#5768FF}.stm-py-lista a:hover .stm-py-l::after{border-left-color:#5768FF}
.stm-py-lista a:hover .stm-py-n{text-decoration:underline;text-underline-offset:calc(5px * var(--kn))}
/* podejście (TEST-02: tekst i rysunek, bez kroków) */
.stm-pd{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:calc(40px * var(--kn)) calc(64px * var(--kn));align-items:center}
.stm-pd-t h2{margin:0 0 calc(20px * var(--kn))}.stm-pd-t p{color:#666A7B;margin:0 0 calc(14px * var(--kn));max-width:calc(560 * var(--u) * var(--kn))}.stm-pd-t .stm-dalej{margin-top:calc(12px * var(--kn))}
.stm-pd-r{margin:0}.stm-pd-r svg{display:block;width:100%;max-width:calc(560 * var(--u) * var(--kn));height:auto;border-radius:calc(5px * var(--kn));background:#fff}
/* cytat */
.stm-cyt{display:flex;gap:calc(32px * var(--kn));align-items:flex-start;max-width:calc(1100 * var(--u) * var(--kn));margin:0 auto}
.stm-gl-xl{width:calc(112px * var(--kn));height:calc(112px * var(--kn))}
.stm-cyt p{font-size:calc(32px * var(--ts) * var(--kn));line-height:calc(42px * var(--ts) * var(--kn));font-weight:500;letter-spacing:-.01em}
.stm-cyt footer{margin-top:calc(20px * var(--kn));color:#666A7B}.stm-cyt footer b{color:var(--g);font-weight:500;margin-right:calc(8px * var(--kn))}
/* tekst w rysunkach SVG: kolor CSS = tło kontenera (kontrola kontrastu liczy color względem tła przodka) */
.stm-form-rys,.stm-nh-sz,.stm-kt-sz,.stm-dr-sc,.stm-mp-sc,.stm-pd-r,.stm-stol-pl,.stm-sw-pl{color:var(--g)}
.stm-kt-dzis .stm-kt-sz{color:var(--g)}
/* szerokości pośrednie */
@media (max-width:1280px){
 .stm-h1{font-size:calc(48px * var(--ts) * var(--kn));line-height:calc(56px * var(--ts) * var(--kn))}
 .stm-wy{padding:calc(28px * var(--kn)) calc(24px * var(--kn))}
}
@media (max-width:1179px){
 .stm-proces ol{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:1100px){
 .stm-hero-in{grid-template-columns:1fr;min-height:0;padding-top:calc(128px * var(--kn));padding-bottom:calc(64px * var(--kn))}
 .stm-hero-nz .stm-hero-t{padding-bottom:0}.stm-nh{max-height:calc(560px * var(--kn))}
 .stm-glowa{grid-template-columns:1fr;gap:calc(16px * var(--kn))}
 .stm-mp{grid-template-columns:minmax(0,calc(240 * var(--u) * var(--kn))) minmax(0,1fr);column-gap:calc(40px * var(--kn))}
 .stm-mp-p{grid-template-columns:1fr;gap:calc(24px * var(--kn));padding:calc(32px * var(--kn))}.stm-mp-sc{max-width:calc(280px * var(--kn))}
 .stm-rz{grid-template-columns:1fr}.stm-rz-s{transform:rotate(90deg);margin:0 auto}
 .stm-stol,.stm-glos,.stm-py,.stm-pd,.stm-form-in,.stm-cta-in{grid-template-columns:1fr;gap:calc(40px * var(--kn))}
 .stm-form-k{max-width:calc(680 * var(--u) * var(--kn))}
}
/* koło poniżej 1100 px: ilustracja (radia ukryte, sektory bez widocznej reakcji) nad akordeonem na polach wyboru */
@media (max-width:1099.98px){
 .stm-ko{display:flex;flex-direction:column;align-items:stretch;gap:0}
 .stm-ko-w{order:-1;margin:0 0 calc(28px * var(--kn))}
 .stm-kolo{max-width:calc(340px * var(--kn))}
 .stm-ko-r{display:none}
 .stm-sk{cursor:default;-webkit-tap-highlight-color:transparent}.stm-sk:hover{background:#fff}.stm-sk-wsp:hover{background:#E6E8FF}
 .stm-sk-t>span{display:none}.stm-sk-ik{width:calc(22px * var(--kn));height:calc(22px * var(--kn))}.stm-sk-wsp .stm-sk-ik{width:calc(18px * var(--kn));height:calc(18px * var(--kn))}
 .stm-rdzen{font-size:calc(14px * var(--kn));line-height:calc(17px * var(--kn))}
 .stm-ko-a{border-top:1px solid var(--l)}
 .stm-ko .stm-ko-c{display:inline-block}
 .stm-ko .stm-ko-l{display:flex;align-items:center;justify-content:space-between;gap:calc(12px * var(--kn));min-height:calc(52px * var(--kn));padding:calc(10px * var(--kn)) calc(4px * var(--kn));border-bottom:1px solid var(--l);
  font-weight:500;cursor:pointer}
 .stm-ko-l::after{content:"+";flex:none;font-size:calc(24px * var(--kn));line-height:calc(24px * var(--kn));color:var(--nt)}
 .stm-ko-c:checked+.stm-ko-l::after{content:"\2212"}
 .stm-ko-c:focus-visible+.stm-ko-l{outline:calc(2px * var(--kn)) solid var(--n);outline-offset:calc(2px * var(--kn))}
 .stm-ko-c:checked+.stm-ko-l+.stm-p{display:block}
 .stm-p{max-width:none;padding:calc(24px * var(--kn));margin:calc(12px * var(--kn)) 0}.stm-p h3{display:none}
}
@media (max-width:999px){
 .stm-droga{grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(40px * var(--kn)) calc(24px * var(--kn))}.stm-dr-n::before{right:0}
 .stm-dr-k:nth-child(2) .stm-dr-n::after{content:"";position:absolute;right:0;top:calc(14px * var(--kn));border:calc(7px * var(--kn)) solid transparent;border-left:calc(10px * var(--kn)) solid var(--n);border-right:0}
}
/* telefon: koło jako ilustracja nad akordeonem, mapa etapów jako akordeon, katalog bez filtra i bez szkiców */
@media (max-width:900px){
 .stm-sek{padding:calc(64px * var(--kn)) 0}
 .stm-h1{font-size:calc(34px * var(--ts) * var(--kn));line-height:calc(40px * var(--ts) * var(--kn))}.stm-lead,.stm-glowa-l{font-size:calc(16px * var(--kn));line-height:calc(24px * var(--kn))}
 .stm-hero-in{padding-top:calc(112px * var(--kn));padding-bottom:calc(48px * var(--kn));gap:calc(32px * var(--kn))}
 .stm-przyc .btn{flex:1 1 calc(200px * var(--kn))}
 .stm-hs-et{display:none}
 .stm-droga{grid-template-columns:1fr;gap:calc(40px * var(--kn))}.stm-dr-n::before,.stm-dr-n::after{display:none!important}.stm-dr-n{margin:calc(20px * var(--kn)) 0 calc(12px * var(--kn))}
 .stm-kolo{max-width:calc(300px * var(--kn))}.stm-p{padding:calc(20px * var(--kn))}
 .stm-wyniki{grid-template-columns:1fr}.stm-wy{padding:calc(24px * var(--kn)) calc(20px * var(--kn))}.stm-wy-big b{font-size:calc(36px * var(--ts) * var(--kn));line-height:calc(40px * var(--ts) * var(--kn))}
 .stm-cyt-j{flex-direction:column}.stm-cyt-j p{font-size:calc(18px * var(--kn));line-height:calc(28px * var(--ts) * var(--kn))}
 .stm-proces ol{grid-template-columns:1fr}.stm-pr-dalej{padding:calc(18px * var(--kn)) calc(20px * var(--kn))}.stm-pr-dalej b{font-size:calc(18px * var(--kn));line-height:calc(24px * var(--kn))}
 .stm-form-k{padding:calc(24px * var(--kn)) calc(20px * var(--kn))}.stm-form-k .form{grid-template-columns:1fr}
 .stm-sw-a{font-size:calc(12px * var(--kn));padding:calc(3px * var(--kn)) calc(7px * var(--kn))}.stm-sw-a:not(.stm-sw-b){display:none}
 .stm-mp{display:block;border-top:1px solid var(--l)}.stm-mp::before{display:none}
 .stm-mp-r,.stm-mp-l:not(.stm-mp-lc){display:none}.stm-mp .stm-mp-c{display:inline-block}.stm-mp .stm-mp-lc{display:flex}
 .stm-mp-l{height:auto;min-height:calc(60px * var(--kn));padding:calc(8px * var(--kn)) 0;gap:calc(14px * var(--kn));border-bottom:1px solid var(--l);font-size:calc(16px * var(--kn));color:var(--g)}
 .stm-mp-l::before{width:calc(36px * var(--kn));height:calc(36px * var(--kn));font-size:calc(14px * var(--kn))}
 .stm-mp-c:checked+.stm-mp-lc::before{background:var(--n);color:#fff;box-shadow:0 0 0 calc(4px * var(--kn)) #F0F1FF}
 .stm-mp-c:focus-visible+.stm-mp-lc::before{outline:calc(2px * var(--kn)) solid var(--g);outline-offset:calc(4px * var(--kn))}
 .stm-mp-c:checked+.stm-mp-lc+.stm-mp-p{display:grid}
 .stm-mp-p{grid-template-columns:1fr;gap:calc(20px * var(--kn));padding:calc(20px * var(--kn));margin:calc(12px * var(--kn)) 0}
 .stm-mp-p h3{font-size:calc(22px * var(--kn));line-height:calc(28px * var(--ts) * var(--kn));margin-bottom:calc(8px * var(--kn))}.stm-mp-zd{font-size:calc(16px * var(--kn));line-height:calc(24px * var(--kn))}
 .stm-mp-sc{max-width:none}
 .stm-rz-k{padding:calc(20px * var(--kn))}.stm-rz-svg{max-width:none}
 .stm-so img{width:calc(52px * var(--kn));height:calc(52px * var(--kn));box-shadow:0 0 0 calc(3px * var(--kn)) #fff}
 .stm-stol-l{grid-template-columns:1fr}
 .stm-sk-k i{width:calc(40px * var(--kn));height:calc(40px * var(--kn))}.stm-stol-pl{margin-top:calc(20px * var(--kn))}.stm-stol-p{display:none}.stm-sk-k{font-size:calc(11px * var(--kn))}
 .stm-glos blockquote p,.stm-cyt p{font-size:calc(24px * var(--kn));line-height:calc(32px * var(--ts) * var(--kn))}
 .stm-dw{grid-template-columns:1fr;gap:calc(6px * var(--kn));padding:calc(20px * var(--kn))}.stm-dw b{font-size:calc(36px * var(--ts) * var(--kn));line-height:calc(40px * var(--ts) * var(--kn))}
 .stm-cta{padding:calc(64px * var(--kn)) 0}.stm-cta h2{font-size:calc(32px * var(--ts) * var(--kn));line-height:calc(40px * var(--ts) * var(--kn))}
 .stm-nh{max-height:calc(420px * var(--kn));gap:calc(12px * var(--kn))}.stm-nh-kol{gap:calc(12px * var(--kn))}.stm-nh-kol2{margin-top:calc(40px * var(--kn))}.stm-nh-k{padding:calc(8px * var(--kn)) calc(8px * var(--kn)) calc(10px * var(--kn))}.stm-nh-sz{padding:calc(4px * var(--kn))}
 .stm-nh-n{font-size:calc(14px * var(--kn));line-height:calc(18px * var(--kn));margin-top:calc(8px * var(--kn))}
 .stm-kat-g{grid-template-columns:1fr;gap:calc(12px * var(--kn))}
 .stm-kt-sz{display:none}
 .stm-kt-t{padding:calc(18px * var(--kn)) calc(20px * var(--kn)) calc(20px * var(--kn))}.stm-kt-t::after{padding-top:calc(8px * var(--kn))}
 .stm-kt-h{font-size:calc(20px * var(--kn));line-height:calc(26px * var(--kn));margin:calc(10px * var(--kn)) 0 calc(6px * var(--kn))}
 .stm-py-lista a{grid-template-columns:1fr;gap:calc(10px * var(--kn));padding:calc(18px * var(--kn)) 0}.stm-py-l{display:none}.stm-py-q{font-size:calc(18px * var(--kn));line-height:calc(26px * var(--kn))}
 .stm-py-n{color:#fff}.stm-py-n::after{content:" \2192"}
 .stm-cyt{flex-direction:column;gap:calc(20px * var(--kn))}.stm-gl-xl{width:calc(80px * var(--kn));height:calc(80px * var(--kn))}
}
/* ===== DOCELOWA (2.10): hub Search Ecosystem ===== */
/* sekcje na jednym ekranie (właściciel: „taka sekcja powinna się mieścić na jednym ekranie, cała treść”) */
.stm-ek.stm-sek{padding:clamp(calc(44px * var(--kn)),calc(min(7.5vh, 81px) * var(--kn)),calc(104px * var(--kn))) 0;scroll-margin-top:calc(60px * var(--kn))}
.stm-ek .stm-glowa{margin-bottom:clamp(calc(20px * var(--kn)),calc(min(4vh, 43.2px) * var(--kn)),calc(48px * var(--kn)))}
/* hero: całe w pierwszym ekranie, z podpisem drogi; rysunek liczony od wysokości okna (belka 20 + 60 px) */
.stm-hero-se .stm-hero-in{padding-top:calc(96px * var(--kn));padding-bottom:calc(24px * var(--kn))}
.stm-hero-se .stm-hs-svg{width:min(100%,calc(calc(min(100svh, 1080px) * var(--kn)) - calc(164px * var(--kn))));max-width:calc(680 * var(--u) * var(--kn))}
.stm-hero-se .stm-hs figcaption{margin-top:calc(4px * var(--kn))}
.stm-hs-w:hover circle.stm-hs-kr{fill:#5768FF}
.stm-hs-et{stroke-width:calc(5px * var(--kn))}
/* model (runda 2): komputer: koło w lewej kolumnie na całą wysokość sekcji (okno minus belka i odstępy), nagłówek i panel
   w prawej; napisy w kole rosną razem z kołem (jednostki kontenera), panele w jednej komórce siatki (stały kształt) */
.stm-kolo{container-type:inline-size}
.stm-ko-g .stm-glowa{margin:0 0 calc(28px * var(--kn))}
.stm-chip{display:inline-flex;align-items:center;flex:none;min-height:calc(30px * var(--kn));padding:calc(3px * var(--kn)) calc(12px * var(--kn));border:1px solid var(--l);background:#fff;color:var(--g);
 font-size:calc(14px * var(--kn));line-height:calc(20px * var(--kn));white-space:nowrap;text-decoration:none;border-radius:calc(16px * var(--kn));transition:background .2s,border-color .2s}
a.stm-chip:hover{border-color:var(--n);color:var(--nt)}
.stm-p{grid-template-columns:calc(110px * var(--kn)) minmax(0,1fr);gap:calc(24px * var(--kn));padding:clamp(calc(22px * var(--kn)),calc(min(3.4vh, 36.72px) * var(--kn)),calc(36px * var(--kn))) clamp(calc(24px * var(--kn)),calc(min(2.4vw, 46.08px) * var(--kn)),calc(36px * var(--kn)));align-items:start;max-width:none}
.stm-p-kolo svg{display:block;width:100%;height:auto}
.stm-p h3{font-size:calc(30px * var(--ts) * var(--kn));line-height:calc(36px * var(--ts) * var(--kn));margin:0 0 calc(10px * var(--kn))}
.stm-p-h{font-size:calc(14px * var(--kn));line-height:calc(20px * var(--kn));font-weight:500;margin:clamp(calc(14px * var(--kn)),calc(min(2.4vh, 25.92px) * var(--kn)),calc(24px * var(--kn))) 0 calc(8px * var(--kn))}
.stm-p-etapy{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(4px * var(--kn));margin:0;padding:0;list-style:none;font-size:calc(14px * var(--kn));line-height:calc(18px * var(--kn))}
.stm-p-etapy li{display:flex;flex-direction:column;gap:calc(8px * var(--kn));color:#666A7B}
.stm-p-etapy li span{display:block;height:calc(8px * var(--kn));border-radius:calc(4px * var(--kn));background:#E6E8FF}
.stm-p-etapy li.on{color:var(--g);font-weight:500}.stm-p-etapy li.on span{background:var(--n)}
.stm-p-ch{display:flex;flex-wrap:nowrap;gap:calc(8px * var(--kn));margin:0}
.stm-p-st{padding-top:clamp(calc(14px * var(--kn)),calc(min(2.4vh, 25.92px) * var(--kn)),calc(24px * var(--kn)))}
.stm-p .stm-p-st .stm-p-eks{margin-top:0;padding-top:clamp(calc(12px * var(--kn)),calc(min(2vh, 21.6px) * var(--kn)),calc(20px * var(--kn)))}
.stm-p .stm-p-btn{margin-top:clamp(calc(14px * var(--kn)),calc(min(2.4vh, 25.92px) * var(--kn)),calc(24px * var(--kn)))}.stm-p-st .stm-p-uw{margin:0}
@media (min-width:1100px){
 #model{--mp:clamp(calc(24px * var(--kn)),calc(min(4.4vh, 47.52px) * var(--kn)),calc(56px * var(--kn)))}
 #model.stm-ek.stm-sek{padding:var(--mp) 0}
 #model .stm-ko{grid-template-columns:min(calc(calc(min(100vh, 1080px) * var(--kn)) - calc(60px * var(--kn)) - 2 * var(--mp)),calc(50% - calc(32px * var(--kn))),calc(720 * var(--u) * var(--kn))) minmax(0,calc(780 * var(--u) * var(--kn)));
  grid-template-columns:min(calc(calc(min(100svh, 1080px) * var(--kn)) - calc(60px * var(--kn)) - 2 * var(--mp)),calc(50% - calc(32px * var(--kn))),calc(720 * var(--u) * var(--kn))) minmax(0,calc(780 * var(--u) * var(--kn)));justify-content:center;
  grid-template-rows:auto 1fr;grid-template-areas:"kolo glowa" "kolo panel";column-gap:calc(64px * var(--kn));row-gap:clamp(calc(16px * var(--kn)),calc(min(2.6vh, 28.08px) * var(--kn)),calc(28px * var(--kn)));align-items:stretch}
 #model .stm-ko-w{grid-area:kolo;align-self:center}
 #model .stm-ko-g{grid-area:glowa}
 #model .stm-ko-g .stm-glowa{grid-template-columns:1fr;gap:calc(10px * var(--kn));margin:0;align-items:start}
 #model .stm-ko-a{grid-area:panel;display:grid}
 #model .stm-ko-a>.stm-p{grid-area:1/1;display:grid;visibility:hidden;align-items:stretch}
 #model .stm-kolo{width:100%;max-width:none}
 .stm-sk-t{font-size:clamp(calc(12px * var(--kn)),2.7cqw,calc(17px * var(--kn)));line-height:1.2;gap:clamp(calc(4px * var(--kn)),1.1cqw,calc(8px * var(--kn)))}
 .stm-sk-ik{width:clamp(calc(20px * var(--kn)),4.8cqw,calc(32px * var(--kn)));height:clamp(calc(20px * var(--kn)),4.8cqw,calc(32px * var(--kn)))}
 .stm-sk-wsp .stm-sk-t{font-size:clamp(calc(11px * var(--kn)),2.3cqw,calc(15px * var(--kn)));line-height:1.2;gap:clamp(calc(3px * var(--kn)),.8cqw,calc(6px * var(--kn)))}
 .stm-sk-wsp .stm-sk-ik{width:clamp(calc(18px * var(--kn)),4.2cqw,calc(28px * var(--kn)));height:clamp(calc(18px * var(--kn)),4.2cqw,calc(28px * var(--kn)))}
 .stm-rdzen{font-size:clamp(calc(16px * var(--kn)),3.4cqw,calc(24px * var(--kn)));line-height:1.2}
 #model .stm-p-kolo{align-self:start}
 #model .stm-p>div:last-child{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
 #model .stm-p-op{min-height:3lh}
 #model .stm-p-etapy{align-self:stretch}
 #model .stm-p-st{margin-top:auto;width:100%}
}
@media (min-width:1100px) and (max-width:1279px){#model .stm-p{grid-template-columns:1fr}#model .stm-p-kolo{display:none}}
/* niskie okna (do 820 px): ciaśniejsze odstępy w panelu, żeby sekcja zmieściła się w oknie minus belka */
@media (min-width:1100px) and (max-height:820px){
 #model .stm-ko{row-gap:calc(14px * var(--kn))}
 #model .stm-p-h{margin-top:calc(12px * var(--kn))}
 #model .stm-p-st{padding-top:calc(12px * var(--kn))}
 #model .stm-p .stm-p-st .stm-p-eks{padding-top:calc(12px * var(--kn))}
 #model .stm-p .stm-p-btn{margin-top:calc(12px * var(--kn))}
}
/* wyniki: nagłówek z cytatem, dwie białe karty na granacie */
.stm-wk-glowa{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:calc(24px * var(--kn)) calc(64px * var(--kn));align-items:end;margin-bottom:clamp(calc(24px * var(--kn)),calc(min(4.5vh, 48.6px) * var(--kn)),calc(48px * var(--kn)))}
.stm-wk-glowa h2{margin:0}
.stm-wk-cyt{display:flex;gap:calc(20px * var(--kn));align-items:flex-start;margin:0}
.stm-wk-cyt p{font-size:calc(19px * var(--kn));line-height:calc(29px * var(--ts) * var(--kn));color:#fff;margin:0}
.stm-wk-cyt footer{margin-top:calc(10px * var(--kn));color:#9DA0AE;font-size:calc(14px * var(--kn));line-height:calc(20px * var(--kn))}.stm-wk-cyt footer b{color:#fff;font-weight:500;margin-right:calc(8px * var(--kn))}
.stm-wk-cyt .stm-gl-l{width:calc(56px * var(--kn));height:calc(56px * var(--kn))}
.stm-wk-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(20px * var(--kn));align-items:stretch}
.stm-wk{display:flex;flex-direction:column;align-items:flex-start;background:#fff;color:var(--g);padding:clamp(calc(24px * var(--kn)),calc(min(3.6vh, 38.88px) * var(--kn)),calc(36px * var(--kn))) clamp(calc(24px * var(--kn)),calc(min(2.6vw, 49.92px) * var(--kn)),calc(40px * var(--kn)))}
.stm-wk h3{font-size:calc(24px * var(--kn));line-height:calc(30px * var(--ts) * var(--kn));margin:0 0 calc(8px * var(--kn))}
.stm-wk-l{margin:0;color:#666A7B;font-size:calc(16px * var(--kn));line-height:calc(24px * var(--kn))}
.stm-wk-dane{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(24px * var(--kn));margin:clamp(calc(16px * var(--kn)),calc(min(3vh, 32.4px) * var(--kn)),calc(28px * var(--kn))) 0 0;width:100%}
.stm-wk-dane p{margin:0}
.stm-wk-dane b{display:block;font-size:calc(40px * var(--ts) * var(--kn));line-height:calc(44px * var(--ts) * var(--kn));font-weight:500;letter-spacing:-.02em;color:var(--g)}
.stm-wk-dane span{display:block;margin-top:calc(6px * var(--kn));color:#666A7B;font-size:calc(15px * var(--kn));line-height:calc(22px * var(--kn))}
.stm-wk-fig{margin:clamp(calc(12px * var(--kn)),calc(min(2.4vh, 25.92px) * var(--kn)),calc(20px * var(--kn))) 0 0;width:100%}.stm-wk-fig .stm-wyk{max-width:calc(440 * var(--u) * var(--kn))}
.stm-wk-zr{margin:clamp(calc(12px * var(--kn)),calc(min(2.4vh, 25.92px) * var(--kn)),calc(20px * var(--kn))) 0 0;font-size:calc(13px * var(--kn));line-height:calc(19px * var(--kn));color:#666A7B}
.stm-ciemne .stm-wk .stm-dalej{margin-top:auto;padding-top:calc(16px * var(--kn));color:var(--nt)}
.stm-ek .stm-wk-g+.stm-zr{margin-top:clamp(calc(12px * var(--kn)),calc(min(2.4vh, 25.92px) * var(--kn)),calc(20px * var(--kn)))}
/* jak pracujemy: wersja 20 (kroki i karta „Pełny proces” obok) */
.stm-proces-20{grid-template-columns:minmax(0,1fr) calc(260 * var(--u) * var(--kn));align-items:stretch}
.stm-proces-20 li{padding:calc(28px * var(--kn)) calc(20px * var(--kn))}
.stm-proces-20 .stm-pr-nr{margin-bottom:calc(28px * var(--kn))}
.stm-proces-20 .stm-pr-dalej{flex-direction:column;justify-content:space-between;align-items:stretch;gap:0;padding:calc(28px * var(--kn)) calc(24px * var(--kn))}
.stm-proces-20 .stm-pr-dalej span{font-size:calc(14px * var(--kn))}.stm-proces-20 .stm-pr-dalej b{font-size:calc(24px * var(--kn));line-height:calc(30px * var(--ts) * var(--kn));margin:calc(28px * var(--kn)) 0}
.stm-proces-20 .stm-pr-dalej i{font-size:calc(28px * var(--ts) * var(--kn));line-height:calc(28px * var(--ts) * var(--kn))}
@media (max-width:1179px){.stm-wk-dane{grid-template-columns:1fr;gap:calc(14px * var(--kn))}}
@media (max-width:1099.98px){
 .stm-ek .stm-kolo{width:100%}
 .stm-ko-g{order:-2}
 .stm-ko-c:checked+.stm-ko-l+.stm-p{display:grid}
 .stm-p{grid-template-columns:1fr;gap:calc(12px * var(--kn))}.stm-p-kolo{display:none}
 .stm-proces-20{grid-template-columns:1fr}
}
@media (max-width:900px){
 .stm-hero-se .stm-hs-svg{width:100%}
 .stm-wk-glowa,.stm-wk-g{grid-template-columns:1fr}.stm-wk-dane b{font-size:calc(34px * var(--ts) * var(--kn));line-height:calc(38px * var(--ts) * var(--kn))}
 .stm-p-etapy{font-size:calc(12px * var(--kn))}
 .stm-proces-20 .stm-pr-dalej b{margin:calc(16px * var(--kn)) 0}
}
/* ===== DOCELOWA (2.10 wieczór): /strategia-wzrostu/ i /narzedzia/ (reguły zawężone do ich sekcji; hub wyżej bez zmian) ===== */
/* jeden plan: białe karty na granacie, lead w szarości na granacie z palety */
.stm-plan .stm-glowa-l{color:#808291}
/* rysunki w kartach liczone od wysokości okna (na białej karcie było dużo pustego miejsca) */
@media (min-width:1100px) and (min-aspect-ratio:4/3){.stm-plan .stm-rz-svg{max-width:none;width:min(100%,calc((calc(min(87svh, 939.6px) * var(--kn)) - calc(330px * var(--kn))) * 1.167))}}
/* hero narzędzi: mozaika w trzech kolumnach po dwa kafle, cała w pierwszym ekranie; kafle granatowe albo białe (E47) */
.stm-hero-nz .stm-hero-in{align-items:center;padding-bottom:calc(32px * var(--kn))}
.stm-hero-nz .stm-hero-t{padding-bottom:0}
.stm-hero-nz .stm-nh{grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(16px * var(--kn));max-height:none;overflow:visible;align-self:center}
.stm-hero-nz .stm-nh-kol{gap:calc(16px * var(--kn))}
.stm-hero-nz .stm-nh-kol2{margin-top:calc(48px * var(--kn))}
.stm-hero-nz .stm-nh-k{padding:calc(10px * var(--kn)) calc(10px * var(--kn)) calc(12px * var(--kn))}
.stm-hero-nz .stm-nh-sz{padding:calc(8px * var(--kn))}
.stm-hero-nz .stm-nh-n{margin-top:calc(10px * var(--kn));font-size:calc(15px * var(--kn));line-height:calc(20px * var(--kn))}
@media (max-width:900px){
 .stm-hero-nz .stm-nh{grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(12px * var(--kn));max-height:calc(420px * var(--kn));overflow:hidden}
 .stm-hero-nz .stm-nh-kol{display:contents}
}
/* katalog narzędzi: sześć kafli naraz (siatka jest istotą sekcji), kafel poziomy: szkic po lewej liczony od wysokości okna */
@media (min-width:1100px){
 main>section#katalog.d-ek{padding-top:clamp(calc(28px * var(--kn)),calc(min(5vh, 54px) * var(--kn)),calc(96px * var(--kn)));padding-bottom:clamp(calc(28px * var(--kn)),calc(min(5vh, 54px) * var(--kn)),calc(96px * var(--kn)))}
 #katalog .stm-glowa{margin-bottom:clamp(calc(20px * var(--kn)),calc(min(4vh, 43.2px) * var(--kn)),calc(56px * var(--kn)))}
 #katalog .stm-kat-g{gap:calc(16px * var(--kn))}
 #katalog .stm-kt{flex-direction:row;align-items:stretch}
 #katalog .stm-kt-sz{flex:none;width:clamp(calc(124px * var(--kn)),min(calc(min(22vh, 237.6px) * var(--kn)),calc(min(10vw, 192px) * var(--kn))),calc(240px * var(--kn)));padding:calc(12px * var(--kn));display:flex;align-items:center;box-sizing:border-box}
 #katalog .stm-kt-t{padding:calc(16px * var(--kn)) calc(20px * var(--kn)) calc(18px * var(--kn))}
 #katalog .stm-kt-h{font-size:calc(20px * var(--kn));line-height:calc(26px * var(--kn));margin:calc(10px * var(--kn)) 0 calc(6px * var(--kn))}
 #katalog .stm-kt-o{font-size:calc(15px * var(--kn));line-height:calc(22px * var(--kn))}
 #katalog .stm-kt-t::after{padding-top:calc(8px * var(--kn))}
}

/*@@KONIEC st_model@@*/

/*@@MODUL st_obszary_a@@*/

/* ---- ST_OBSZARY_A (30.09): Google Search, AI Search, Marketplace Search ---- */
.soa-sek{padding:calc(100 * var(--u) * var(--kn)) 0}.soa-b{background:#fff}.soa-p{background:var(--p)}.soa-f{background:#F0F1FF}.soa-g{background:var(--g);color:#fff}
.soa-et{font-size:calc(16 * var(--u) * var(--kn));line-height:calc(20 * var(--u) * var(--kn));margin:0 0 calc(12 * var(--u) * var(--kn));color:var(--g)}
.soa-g .soa-et,.soa-hero-ai .soa-et,.soa-form .soa-et,.soa-nar .soa-et{color:#fff}
.soa-h2{font-size:calc(40 * var(--u) * var(--kn));line-height:calc(48 * var(--u) * var(--kn));margin:0 0 calc(20 * var(--u) * var(--kn));max-width:calc(820 * var(--u) * var(--kn));letter-spacing:-.01em;font-weight:500}
.soa-h2 em,.soa-h1 em{font-style:normal;color:var(--n);text-decoration:none}
.soa-lead{font-size:calc(18 * var(--u) * var(--kn));line-height:calc(28 * var(--u) * var(--kn));margin:0;max-width:calc(680 * var(--u) * var(--kn));color:#666A7B}
.soa-g .soa-lead,.soa-form .soa-lead,.soa-nar .soa-lead{color:#fff}
:where(.soa-sek) p{margin:0 0 calc(16 * var(--u) * var(--kn))}
.soa-glowa{margin-bottom:calc(56 * var(--u) * var(--kn))}.soa-glowa .soa-h2:last-child{margin-bottom:0}
.soa-glowa-c{text-align:center}.soa-glowa-c .soa-h2,.soa-glowa-c .soa-lead{margin-left:auto;margin-right:auto}
.soa-glowa-r{display:flex;justify-content:space-between;align-items:flex-end;gap:calc(24 * var(--u) * var(--kn))}.soa-glowa-r .soa-h2{margin:0}
.soa-dalej{color:var(--nt);font-weight:500;text-decoration:none;display:inline-flex;align-items:center;gap:calc(8 * var(--u) * var(--kn));white-space:nowrap}
.soa-dalej::after{content:none;transition:transform .2s}.soa-dalej:hover::after{transform:translateX(calc(4 * var(--u) * var(--kn)))}
.soa-dalej:hover{text-decoration:underline;text-underline-offset:calc(4 * var(--u) * var(--kn))}
/* hero */
.soa-hero{position:relative;min-height:min(100vh, 1080px);min-height:min(100svh, 1080px);display:flex;align-items:center;overflow:hidden}
.soa-hero-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:calc(48px * var(--kn));align-items:center;width:100%;padding-top:calc(120px * var(--kn));padding-bottom:calc(64px * var(--kn))}
.soa-hero-gs{background:var(--p);color:var(--g)}.soa-hero-ai{background:var(--g);color:#fff}.soa-hero-mp{background:#F0F1FF;color:var(--g)}
.soa-h1{font-size:calc(56px * var(--ts) * var(--kn));line-height:calc(64px * var(--ts) * var(--kn));margin:calc(28px * var(--kn)) 0 calc(24px * var(--kn));letter-spacing:-.02em;font-weight:500;max-width:calc(640 * var(--u) * var(--kn))}
.soa-h1 em{display:block}
.soa-hl{font-size:calc(18px * var(--kn));line-height:calc(28px * var(--ts) * var(--kn));max-width:calc(560 * var(--u) * var(--kn));margin:0}
.soa-przyc{display:flex;flex-wrap:wrap;gap:calc(12px * var(--kn));margin:calc(36px * var(--kn)) 0 0}.soa-przyc .btn{margin:0}
.soa-znak{display:inline-flex;align-items:center;gap:calc(14 * var(--u) * var(--kn));text-decoration:none;color:var(--g)}
.soa-znak-s{width:calc(64 * var(--u) * var(--kn));height:calc(64 * var(--u) * var(--kn));flex:none;transition:transform .6s}.soa-znak:hover .soa-znak-s{transform:rotate(45deg)}
.soa-znak b{display:block;font-weight:500;font-size:calc(16 * var(--u) * var(--kn));line-height:calc(20 * var(--u) * var(--kn))}.soa-znak>span>span{display:block;font-size:calc(14 * var(--u) * var(--kn));line-height:calc(18 * var(--u) * var(--kn));color:#666A7B}
.soa-znak-c{color:#fff}.soa-znak-c>span>span{color:#808291}
/* google: stos warstw */
.soa-stos{position:relative;height:calc(700 * var(--u) * var(--kn))}
.soa-stos-3d{position:absolute;left:calc(50% - calc(125 * var(--u) * var(--kn)));top:calc(50% + calc(170 * var(--u) * var(--kn)));width:calc(400 * var(--u) * var(--kn));height:calc(230 * var(--u) * var(--kn));margin:calc(-115 * var(--u) * var(--kn)) 0 0 calc(-200 * var(--u) * var(--kn));
 transform:rotateX(58deg) rotateZ(-40deg);transform-style:preserve-3d}
.soa-pl{position:absolute;inset:0;background:#fff;border:1px solid var(--l);border-radius:calc(5 * var(--u) * var(--kn));padding:calc(16 * var(--u) * var(--kn)) calc(18 * var(--u) * var(--kn));overflow:hidden;
 transform:translateZ(calc(var(--i) * calc(80 * var(--u) * var(--kn))));transition:opacity .3s,box-shadow .3s;box-shadow:0 calc(30 * var(--u) * var(--kn)) calc(40 * var(--u) * var(--kn)) calc(-24 * var(--u) * var(--kn)) rgba(0,6,35,.28)}
.soa-pl-q{background:transparent;border:0;box-shadow:none;padding:0;display:flex;align-items:center;overflow:visible}
.soa-sl-lista{position:absolute;inset:0;margin:0;padding:0;list-style:none;pointer-events:none}
.soa-sl{position:absolute;right:0;width:calc(236 * var(--u) * var(--kn));top:calc(50% + calc(170 * var(--u) * var(--kn)) - var(--i) * calc(67.8 * var(--u) * var(--kn)));transform:translateY(-50%);pointer-events:auto}
.soa-sl::before{content:"";position:absolute;right:100%;top:50%;width:calc(56 * var(--u) * var(--kn));margin-right:calc(6 * var(--u) * var(--kn));border-top:1px dashed var(--n)}
.soa-sl a,.soa-sl-a{display:inline-flex;align-items:center;gap:calc(10 * var(--u) * var(--kn));color:var(--g);text-decoration:none;font-size:calc(15 * var(--u) * var(--kn));line-height:calc(20 * var(--u) * var(--kn));white-space:nowrap}
.soa-sl a:hover span:last-child{color:var(--nt);text-decoration:underline;text-underline-offset:calc(4 * var(--u) * var(--kn))}
.soa-sl-n{display:block;width:calc(14 * var(--u) * var(--kn));height:calc(14 * var(--u) * var(--kn));border-radius:50%;background:#fff;border:calc(2 * var(--u) * var(--kn)) solid var(--n);flex:none}
.soa-sl a:hover .soa-sl-n{background:var(--g);border-color:var(--g)}
.soa-br{display:block;height:calc(6 * var(--u) * var(--kn));border-radius:calc(3 * var(--u) * var(--kn));background:#D9D9D9;margin:0 0 calc(6 * var(--u) * var(--kn))}
.soa-br-s{background:#CCCDD3}.soa-br-n{background:var(--n)}.soa-br-g{background:var(--g)}
.soa-w{padding:calc(6 * var(--u) * var(--kn)) 0 calc(7 * var(--u) * var(--kn));border-bottom:1px solid #F0F1FF}.soa-w:last-child{border-bottom:0}
.soa-w-vid{display:flex;gap:calc(10 * var(--u) * var(--kn));align-items:flex-start}.soa-w-vid>span:last-child{flex:1}
.soa-vid svg{width:calc(62 * var(--u) * var(--kn));height:calc(40 * var(--u) * var(--kn));display:block;border-radius:calc(3 * var(--u) * var(--kn))}
.soa-zak{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(10 * var(--u) * var(--kn))}
.soa-pr1 svg{width:100%;height:auto;display:block;margin-bottom:calc(8 * var(--u) * var(--kn));border-radius:calc(4 * var(--u) * var(--kn))}
.soa-map{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:calc(12 * var(--u) * var(--kn));height:100%}
.soa-mapka{width:100%;height:100%;border-radius:calc(4 * var(--u) * var(--kn));display:block}
.soa-wiz{display:block;padding:calc(5 * var(--u) * var(--kn)) 0;border-bottom:1px solid #F0F1FF}.soa-wiz:last-child{border:0}
.soa-gw{display:block;width:calc(46 * var(--u) * var(--kn));height:calc(6 * var(--u) * var(--kn));color:var(--nt);margin:calc(3 * var(--u) * var(--kn)) 0 calc(5 * var(--u) * var(--kn))}
.soa-aio{position:relative;background:#F0F1FF;border-radius:calc(5 * var(--u) * var(--kn));padding:calc(12 * var(--u) * var(--kn)) calc(14 * var(--u) * var(--kn));height:100%}
.soa-aio-h{display:flex;gap:calc(8 * var(--u) * var(--kn));align-items:center;margin-bottom:calc(10 * var(--u) * var(--kn))}.soa-aio-h svg{width:calc(18 * var(--u) * var(--kn));height:calc(18 * var(--u) * var(--kn));flex:none}
.soa-aio-h .soa-br{margin:0}
.soa-aio-z{position:absolute;right:calc(12 * var(--u) * var(--kn));bottom:calc(12 * var(--u) * var(--kn));display:flex;gap:calc(6 * var(--u) * var(--kn))}
.soa-aio-z i{width:calc(34 * var(--u) * var(--kn));height:calc(22 * var(--u) * var(--kn));background:#fff;border:1px solid var(--l);border-radius:calc(4 * var(--u) * var(--kn))}
.soa-spons{display:block;width:calc(50 * var(--u) * var(--kn));height:calc(10 * var(--u) * var(--kn));border-radius:calc(3 * var(--u) * var(--kn));background:var(--g);margin:0 0 calc(6 * var(--u) * var(--kn))}
.soa-szuk{display:flex;align-items:center;gap:calc(10 * var(--u) * var(--kn));background:#fff;border:calc(1.5 * var(--u) * var(--kn)) solid var(--g);border-radius:calc(26 * var(--u) * var(--kn));height:calc(52 * var(--u) * var(--kn));padding:0 calc(18 * var(--u) * var(--kn));width:100%;
 box-shadow:0 calc(22 * var(--u) * var(--kn)) calc(30 * var(--u) * var(--kn)) calc(-16 * var(--u) * var(--kn)) rgba(0,6,35,.4)}
.soa-szuk svg{width:calc(20 * var(--u) * var(--kn));height:calc(20 * var(--u) * var(--kn));flex:none}
.soa-kursor{width:calc(2 * var(--u) * var(--kn));height:calc(22 * var(--u) * var(--kn));background:var(--n);animation:soa-mig 1.1s steps(2) infinite}
@keyframes soa-mig{50%{opacity:0}}
/* google: złe i dobre pytanie */
.soa-pyt{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:calc(80 * var(--u) * var(--kn));align-items:center}
.soa-pyt-k{background:var(--p);border-radius:calc(5 * var(--u) * var(--kn));padding:calc(44 * var(--u) * var(--kn)) calc(48 * var(--u) * var(--kn))}
.soa-pyt-zle{font-size:calc(32 * var(--u) * var(--kn));line-height:calc(40 * var(--u) * var(--kn));color:#666A7B;margin:0}
.soa-pyt-zle span{text-decoration:line-through;text-decoration-color:var(--n);text-decoration-thickness:calc(3 * var(--u) * var(--kn))}
.soa-pyt-str{font-size:calc(28 * var(--u) * var(--kn));line-height:calc(28 * var(--u) * var(--kn));color:var(--nt);margin:calc(16 * var(--u) * var(--kn)) 0}
.soa-pyt-dobre{font-size:calc(40 * var(--u) * var(--kn));line-height:calc(48 * var(--u) * var(--kn));font-weight:500;margin:0;letter-spacing:-.01em}
.soa-pyt-dobre em{font-style:normal;color:var(--n);text-decoration:none}
.soa-pyt .soa-glowa{margin:0}
/* google: dźwignie (TEST-02: radio, etykieta i panel po kolei; przełącznik i skutek w jednym bloku ≤ 600 px) */
.soa-dz{position:relative;display:grid;grid-template-columns:minmax(0,calc(400 * var(--u) * var(--kn))) minmax(0,1fr);grid-template-rows:auto auto auto 1fr;
 column-gap:calc(64 * var(--u) * var(--kn));row-gap:calc(10 * var(--u) * var(--kn));align-items:start;max-width:calc(1120 * var(--u) * var(--kn));margin:0 auto;overflow-anchor:none}
.soa-dz-l{grid-column:1;display:block;cursor:pointer;background:#fff;border:1px solid var(--l);border-radius:calc(5 * var(--u) * var(--kn));padding:calc(14 * var(--u) * var(--kn)) calc(22 * var(--u) * var(--kn));
 transition:background .2s,color .2s}
.soa-dz-l0{grid-row:1}.soa-dz-l1{grid-row:2}.soa-dz-l2{grid-row:3}
.soa-dz-r{top:0;left:0}.soa-dz-r0{grid-area:1/1}.soa-dz-r1{grid-area:2/1}.soa-dz-r2{grid-area:3/1}   /* radio w komórce swojej etykiety */
.soa-dz-l:hover{border-color:var(--g)}
.soa-dz-et{display:block;font-size:calc(14 * var(--u) * var(--kn));line-height:calc(18 * var(--u) * var(--kn));color:var(--nt);font-weight:500;margin:0 0 calc(4 * var(--u) * var(--kn))}
.soa-dz-l b{display:block;font-weight:500;font-size:calc(22 * var(--u) * var(--kn));line-height:calc(28 * var(--u) * var(--kn))}
.soa-dz-r:checked+.soa-dz-l{background:#F0F1FF;color:var(--g);border-color:#F0F1FF;box-shadow:inset calc(4 * var(--u) * var(--kn)) 0 0 var(--n)}
.soa-dz-r:checked+.soa-dz-l .soa-dz-et{color:var(--nt)}
.soa-dz-r:focus-visible+.soa-dz-l{outline:calc(2 * var(--u) * var(--kn)) solid var(--n);outline-offset:calc(3 * var(--u) * var(--kn))}
.soa-dz-p{grid-column:1;grid-row:4;display:none;padding-top:calc(14 * var(--u) * var(--kn))}
.soa-dz-r:checked+.soa-dz-l+.soa-dz-p{display:block}
.soa-dz-p>p{font-size:calc(17 * var(--u) * var(--kn));line-height:calc(26 * var(--u) * var(--kn));margin:0}
.soa-eks{display:flex;gap:calc(14 * var(--u) * var(--kn));align-items:center;margin-top:calc(20 * var(--u) * var(--kn));text-decoration:none;color:var(--g)}
.soa-gl{width:calc(52 * var(--u) * var(--kn));height:calc(52 * var(--u) * var(--kn));border-radius:50%;object-fit:cover;flex:none;box-shadow:0 0 0 calc(3 * var(--u) * var(--kn)) #fff}
.soa-eks b{display:block;font-weight:500;line-height:calc(20 * var(--u) * var(--kn))}
.soa-eks>span>span{display:block;font-size:calc(14 * var(--u) * var(--kn));line-height:calc(19 * var(--u) * var(--kn));color:#666A7B}.soa-eks:hover b{color:var(--nt)}
.soa-g .soa-eks{color:#fff}.soa-g .soa-eks>span>span{color:#808291}.soa-g .soa-gl{box-shadow:0 0 0 calc(3 * var(--u) * var(--kn)) var(--g)}
.soa-dz-sc{grid-column:2;grid-row:1/span 4;position:relative;display:grid;grid-template-columns:minmax(0,1fr) calc(150 * var(--u) * var(--kn));gap:0 calc(40 * var(--u) * var(--kn));align-items:end}
.soa-serp{background:#fff;border-radius:calc(5 * var(--u) * var(--kn));padding:calc(12 * var(--u) * var(--kn)) calc(14 * var(--u) * var(--kn)) calc(10 * var(--u) * var(--kn));box-shadow:0 calc(40 * var(--u) * var(--kn)) calc(70 * var(--u) * var(--kn)) calc(-40 * var(--u) * var(--kn)) rgba(0,6,35,.3)}
.soa-serp-q .soa-szuk{box-shadow:none;height:calc(36 * var(--u) * var(--kn));padding:0 calc(14 * var(--u) * var(--kn))}
.soa-sw{position:relative;opacity:.3;transition:opacity .35s,box-shadow .35s;border-radius:calc(5 * var(--u) * var(--kn));padding:calc(12 * var(--u) * var(--kn)) calc(10 * var(--u) * var(--kn)) calc(6 * var(--u) * var(--kn));margin-top:calc(10 * var(--u) * var(--kn));background:#fff}
.soa-sw-et{position:absolute;right:calc(8 * var(--u) * var(--kn));top:calc(-9 * var(--u) * var(--kn));font-size:calc(12 * var(--u) * var(--kn));line-height:calc(16 * var(--u) * var(--kn));padding:0 calc(8 * var(--u) * var(--kn));border-radius:calc(9 * var(--u) * var(--kn));background:#fff;color:var(--g);border:1px solid var(--l)}
.soa-serp .soa-w{padding:calc(3 * var(--u) * var(--kn)) 0 calc(4 * var(--u) * var(--kn))}
.soa-serp .soa-zak{gap:calc(8 * var(--u) * var(--kn))}.soa-serp .soa-pr1 svg{width:calc(40 * var(--u) * var(--kn));height:calc(40 * var(--u) * var(--kn));margin-bottom:calc(6 * var(--u) * var(--kn))}
.soa-serp .soa-map{height:auto;align-items:center}.soa-serp .soa-mapka{height:calc(64 * var(--u) * var(--kn))}.soa-serp .soa-wiz{padding:calc(4 * var(--u) * var(--kn)) 0}
.soa-serp .soa-aio{height:auto;padding:calc(10 * var(--u) * var(--kn)) calc(12 * var(--u) * var(--kn)) calc(6 * var(--u) * var(--kn))}.soa-serp .soa-aio-h{margin-bottom:calc(8 * var(--u) * var(--kn))}
.soa-sw-str{margin:0 0 calc(20 * var(--u) * var(--kn));padding:calc(12 * var(--u) * var(--kn)) calc(10 * var(--u) * var(--kn)) calc(10 * var(--u) * var(--kn));box-shadow:0 calc(30 * var(--u) * var(--kn)) calc(50 * var(--u) * var(--kn)) calc(-30 * var(--u) * var(--kn)) rgba(0,6,35,.3)}
.soa-str-b{display:flex;gap:calc(4 * var(--u) * var(--kn));margin-bottom:calc(10 * var(--u) * var(--kn))}.soa-str-b i{width:calc(6 * var(--u) * var(--kn));height:calc(6 * var(--u) * var(--kn));border-radius:50%;background:var(--l)}
.soa-str-f{display:grid;gap:calc(6 * var(--u) * var(--kn));margin:calc(10 * var(--u) * var(--kn)) 0}.soa-str-f i{display:block;height:calc(20 * var(--u) * var(--kn));border:1px solid var(--l);border-radius:calc(3 * var(--u) * var(--kn))}
.soa-str-btn{display:block;height:calc(24 * var(--u) * var(--kn));background:var(--g);border-radius:calc(3 * var(--u) * var(--kn))}
.soa-klik{position:absolute;right:calc(154 * var(--u) * var(--kn));bottom:calc(96 * var(--u) * var(--kn));width:calc(72 * var(--u) * var(--kn));height:calc(54 * var(--u) * var(--kn));opacity:0;transition:opacity .35s}
/* google: kroki z pętlą */
.soa-kp{position:relative}
.soa-kp-l{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(32 * var(--u) * var(--kn));margin:0;padding:calc(24 * var(--u) * var(--kn)) 0 0;list-style:none}
.soa-kp-l li{position:relative;border-top:calc(2 * var(--u) * var(--kn)) solid rgba(255,255,255,.22);padding-top:calc(40 * var(--u) * var(--kn))}
.soa-kp-n{position:absolute;top:calc(-23 * var(--u) * var(--kn));left:0;width:calc(44 * var(--u) * var(--kn));height:calc(44 * var(--u) * var(--kn));border-radius:50%;background:var(--n);color:#fff;display:grid;place-items:center;font-weight:500;box-shadow:0 0 0 calc(8 * var(--u) * var(--kn)) var(--g)}
.soa-kp-l h3{font-size:calc(22 * var(--u) * var(--kn));line-height:calc(28 * var(--u) * var(--kn));margin:0 0 calc(10 * var(--u) * var(--kn));font-weight:500}.soa-kp-l p{margin:0;color:#808291}
.soa-kp-s{display:block;width:100%;height:calc(90 * var(--u) * var(--kn));margin-top:calc(8 * var(--u) * var(--kn))}
/* case: lista redakcyjna */
.soa-csl{margin:0;padding:0;list-style:none;border-top:1px solid var(--l)}
.soa-cs{display:grid;grid-template-columns:calc(88 * var(--u) * var(--kn)) minmax(0,1fr) calc(48 * var(--u) * var(--kn));gap:calc(24 * var(--u) * var(--kn));align-items:center;padding:calc(26 * var(--u) * var(--kn)) calc(12 * var(--u) * var(--kn));border-bottom:1px solid var(--l);text-decoration:none;color:var(--g);transition:background .25s}
.soa-cs:hover{background:#F0F1FF}
.soa-cs-n{font-size:calc(40 * var(--u) * var(--kn));line-height:calc(44 * var(--u) * var(--kn));color:var(--n);font-weight:500}
.soa-cs-t{display:block;font-weight:500;font-size:calc(24 * var(--u) * var(--kn));line-height:calc(30 * var(--u) * var(--kn))}
.soa-cs-s{font-size:calc(28 * var(--u) * var(--kn));color:var(--nt);transition:transform .25s}.soa-cs:hover .soa-cs-s{transform:translateX(calc(6 * var(--u) * var(--kn)))}
/* pierścień sąsiadów */
.soa-pr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:calc(56 * var(--u) * var(--kn));align-items:center}
.soa-pr-t .soa-lead{margin-bottom:calc(28 * var(--u) * var(--kn))}
.soa-pr-lista{display:none}
.soa-pr-o{position:relative;width:100%;max-width:calc(440 * var(--u) * var(--kn));aspect-ratio:1;margin:0 auto}
.soa-pr-s{position:absolute;inset:0;width:100%;height:100%}
.soa-pr-c{position:absolute;left:50%;top:50%;width:13%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:var(--g);display:grid;place-items:center}
.soa-pr-c img{width:68%}
.soa-pp{position:absolute;white-space:nowrap;font-size:calc(14 * var(--u) * var(--kn));line-height:calc(18 * var(--u) * var(--kn));padding:calc(5 * var(--u) * var(--kn)) calc(11 * var(--u) * var(--kn));border-radius:calc(15 * var(--u) * var(--kn));background:#fff;border:1px solid #CCCDD3;color:#666A7B;text-decoration:none;transition:background .2s,color .2s}
.soa-pp-p,.soa-pp-wp{transform:translate(calc(12 * var(--u) * var(--kn)),-50%)}.soa-pp-l,.soa-pp-wl{transform:translate(calc(-100% - calc(12 * var(--u) * var(--kn))),-50%)}
.soa-pp-g,.soa-pp-wg{transform:translate(-50%,calc(-100% - calc(12 * var(--u) * var(--kn))))}.soa-pp-d,.soa-pp-wd{transform:translate(-50%,calc(12 * var(--u) * var(--kn)))}
.soa-pp-sas{border-color:var(--g);color:var(--g);font-weight:500}
.soa-pp-akt{background:var(--n);border-color:var(--n);color:#fff;font-weight:500;text-align:center}
a.soa-pp:hover{background:#F0F1FF;color:var(--g);border-color:var(--n)}
/* faq */
.soa-faq{display:grid;grid-template-columns:minmax(0,calc(400 * var(--u) * var(--kn))) minmax(0,1fr);gap:calc(64 * var(--u) * var(--kn))}
/* formularz */
.soa-form{background:var(--g);color:#fff;padding:calc(112 * var(--u) * var(--kn)) 0;scroll-margin-top:calc(60 * var(--u) * var(--kn))}
.soa-form-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,calc(560 * var(--u) * var(--kn)));gap:calc(72 * var(--u) * var(--kn));align-items:center}
.soa-form-p{counter-reset:k;margin:calc(36 * var(--u) * var(--kn)) 0 0;padding:0;list-style:none;border-top:1px solid rgba(255,255,255,.18);max-width:calc(560 * var(--u) * var(--kn))}
.soa-form-p li{counter-increment:k;display:flex;gap:calc(16 * var(--u) * var(--kn));padding:calc(14 * var(--u) * var(--kn)) 0;border-bottom:1px solid rgba(255,255,255,.18);font-size:calc(18 * var(--u) * var(--kn));line-height:calc(26 * var(--u) * var(--kn))}
.soa-form-p li::before{content:counter(k,decimal-leading-zero);color:#808291;font-size:calc(14 * var(--u) * var(--kn));min-width:calc(24 * var(--u) * var(--kn));padding-top:calc(2 * var(--u) * var(--kn))}
.soa-form-k{background:#fff;color:var(--g);padding:calc(28 * var(--u) * var(--kn)) calc(32 * var(--u) * var(--kn));border-radius:calc(5 * var(--u) * var(--kn))}
.soa-form-kh{font-size:calc(24 * var(--u) * var(--kn));line-height:calc(30 * var(--u) * var(--kn));font-weight:500;margin:0 0 calc(18 * var(--u) * var(--kn))}
.soa-form-k .form{display:grid;grid-template-columns:1fr 1fr;gap:calc(10 * var(--u) * var(--kn));margin:0}
.soa-form-k .pole{display:block;margin:0}.soa-form-k .pole-p,.soa-form-k .zgoda,.soa-form-k .btn,.soa-form-k .form-uw{grid-column:1/-1}
.soa-form-k .pole input,.soa-form-k .pole textarea,.soa-form-k .pole select{width:100%;height:calc(46 * var(--u) * var(--kn));border:1px solid var(--l);background:#fff;padding:calc(12 * var(--u) * var(--kn)) calc(16 * var(--u) * var(--kn));font:inherit;color:var(--g);border-radius:0}
.soa-form-k .pole select{padding:0 calc(12 * var(--u) * var(--kn))}.soa-form-k .pole textarea{height:calc(84 * var(--u) * var(--kn));resize:vertical}
.soa-form-k .btn{margin:calc(4 * var(--u) * var(--kn)) 0 0;width:100%;min-height:calc(52 * var(--u) * var(--kn))}.soa-form-k .zgoda{font-size:calc(13 * var(--u) * var(--kn));line-height:calc(18 * var(--u) * var(--kn))}
.soa-form-k .form-uw{margin:calc(4 * var(--u) * var(--kn)) 0 0;font-size:calc(12 * var(--u) * var(--kn));color:#666A7B}
.soa-kto{display:flex;align-items:center;gap:calc(12 * var(--u) * var(--kn));margin:calc(14 * var(--u) * var(--kn)) 0 0;padding-top:calc(14 * var(--u) * var(--kn));border-top:1px solid var(--l);font-size:calc(14 * var(--u) * var(--kn));line-height:calc(20 * var(--u) * var(--kn))}
.soa-twarze{display:flex;flex:none}.soa-twarze .soa-gl{width:calc(44 * var(--u) * var(--kn));height:calc(44 * var(--u) * var(--kn))}.soa-twarze .soa-gl+.soa-gl{margin-left:calc(-12 * var(--u) * var(--kn))}.soa-kto b{font-weight:500}
/* ai: hero z rozmową */
.soa-ai-sc{width:100%;max-width:calc(580 * var(--u) * var(--kn));justify-self:end;overflow-anchor:none}
.soa-ai-prz{position:relative;display:inline-flex;gap:calc(4 * var(--u) * var(--kn));padding:calc(4 * var(--u) * var(--kn));border:1px solid #808291;border-radius:calc(24 * var(--u) * var(--kn))}
.soa-ai-prz label{padding:calc(8 * var(--u) * var(--kn)) calc(16 * var(--u) * var(--kn));border-radius:calc(20 * var(--u) * var(--kn));font-size:calc(15 * var(--u) * var(--kn));line-height:calc(20 * var(--u) * var(--kn));cursor:pointer;color:#fff}
.soa-ai-r:checked+label{background:#fff;color:var(--g)}
.soa-ai-r:focus-visible+label{outline:calc(2 * var(--u) * var(--kn)) solid var(--n);outline-offset:calc(2 * var(--u) * var(--kn))}
.soa-czat{margin-top:calc(12 * var(--u) * var(--kn));background:#fff;color:var(--g);border-radius:calc(5 * var(--u) * var(--kn));overflow:hidden;box-shadow:0 calc(40 * var(--u) * var(--kn)) calc(80 * var(--u) * var(--kn)) calc(-30 * var(--u) * var(--kn)) rgba(0,0,0,.6)}
.soa-czat-g{display:flex;align-items:center;gap:calc(10 * var(--u) * var(--kn));padding:calc(12 * var(--u) * var(--kn)) calc(20 * var(--u) * var(--kn));border-bottom:1px solid #F0F1FF}
.soa-czat-i{display:grid;place-items:center;width:calc(32 * var(--u) * var(--kn));height:calc(32 * var(--u) * var(--kn));border-radius:50%;background:#F0F1FF}.soa-czat-i svg{width:calc(16 * var(--u) * var(--kn));height:calc(16 * var(--u) * var(--kn))}
.soa-czat-g b{font-weight:500;font-size:calc(15 * var(--u) * var(--kn))}.soa-czat-k{margin-left:auto;display:flex;gap:calc(5 * var(--u) * var(--kn))}.soa-czat-k i{width:calc(8 * var(--u) * var(--kn));height:calc(8 * var(--u) * var(--kn));border-radius:50%;background:var(--l)}
.soa-czat-t{padding:calc(18 * var(--u) * var(--kn)) calc(20 * var(--u) * var(--kn)) calc(4 * var(--u) * var(--kn));background:#fff}
.soa-dymek-u{margin:0 0 calc(14 * var(--u) * var(--kn)) auto;width:fit-content;max-width:80%;background:#F0F1FF;padding:calc(12 * var(--u) * var(--kn)) calc(16 * var(--u) * var(--kn));border-radius:calc(14 * var(--u) * var(--kn)) calc(14 * var(--u) * var(--kn)) calc(4 * var(--u) * var(--kn)) calc(14 * var(--u) * var(--kn));font-size:calc(16 * var(--u) * var(--kn));line-height:calc(22 * var(--u) * var(--kn))}
.soa-dymek-a>p{margin:0 0 calc(10 * var(--u) * var(--kn));font-size:calc(16 * var(--u) * var(--kn));line-height:calc(22 * var(--u) * var(--kn))}
.soa-ai-l{margin:0;padding:0;list-style:none;counter-reset:a}
.soa-ai-l li{counter-increment:a;display:flex;align-items:center;gap:calc(10 * var(--u) * var(--kn));padding:calc(8 * var(--u) * var(--kn)) calc(12 * var(--u) * var(--kn));border:1px solid #F0F1FF;border-radius:calc(5 * var(--u) * var(--kn));margin-bottom:calc(8 * var(--u) * var(--kn));background:#fff}
.soa-ai-l li::before{content:counter(a) ".";font-size:calc(14 * var(--u) * var(--kn));color:#666A7B;width:calc(14 * var(--u) * var(--kn))}
.soa-ai-l b{font-weight:500;font-size:calc(15 * var(--u) * var(--kn));min-width:calc(96 * var(--u) * var(--kn))}.soa-ai-l li>span{flex:1;padding-top:calc(6 * var(--u) * var(--kn))}
.soa-ai-l em{font-style:normal;text-decoration:none;font-size:calc(12 * var(--u) * var(--kn));line-height:calc(16 * var(--u) * var(--kn));background:var(--n);color:#fff;padding:calc(2 * var(--u) * var(--kn)) calc(8 * var(--u) * var(--kn));border-radius:calc(9 * var(--u) * var(--kn));white-space:nowrap}
.soa-ai-l .soa-ai-ty{border-color:var(--n);background:#F0F1FF;box-shadow:0 0 0 1px var(--n)}
.soa-ai-nie,.soa-ai-brak{display:none}
.soa-ai-sc:has(#soa-ai-t2:checked) .soa-ai-tak{display:none}
.soa-ai-sc:has(#soa-ai-t2:checked) .soa-ai-nie,.soa-ai-sc:has(#soa-ai-t2:checked) .soa-ai-brak{display:block}
.soa-ai-brak{margin:calc(4 * var(--u) * var(--kn)) 0 0;padding:calc(10 * var(--u) * var(--kn)) calc(14 * var(--u) * var(--kn));border:calc(1.5 * var(--u) * var(--kn)) dashed var(--n);border-radius:calc(5 * var(--u) * var(--kn));color:var(--nt);font-size:calc(15 * var(--u) * var(--kn));line-height:calc(21 * var(--u) * var(--kn))}
.soa-ai-zr{display:flex;gap:calc(6 * var(--u) * var(--kn));margin:calc(12 * var(--u) * var(--kn)) 0 calc(8 * var(--u) * var(--kn))}.soa-ai-zr i{width:calc(64 * var(--u) * var(--kn));height:calc(20 * var(--u) * var(--kn));border-radius:calc(10 * var(--u) * var(--kn));background:#F0F1FF}
.soa-czat-p{display:flex;align-items:center;justify-content:space-between;margin:calc(10 * var(--u) * var(--kn)) calc(20 * var(--u) * var(--kn)) calc(18 * var(--u) * var(--kn));padding:calc(10 * var(--u) * var(--kn)) calc(10 * var(--u) * var(--kn)) calc(10 * var(--u) * var(--kn)) calc(18 * var(--u) * var(--kn));border:1px solid var(--l);border-radius:calc(24 * var(--u) * var(--kn));color:#666A7B;font-size:calc(15 * var(--u) * var(--kn));background:#fff}
.soa-czat-p>i{width:calc(28 * var(--u) * var(--kn));height:calc(28 * var(--u) * var(--kn));border-radius:50%;background:var(--g)}
.soa-czat-p>span{flex:1;padding-right:calc(16 * var(--u) * var(--kn))}.soa-czat-p .soa-br{margin:0}
/* ai: skąd odpowiedź */
.soa-skl{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:calc(72 * var(--u) * var(--kn));align-items:center}
.soa-skl-t .soa-glowa,.soa-an-tx .soa-glowa{margin:0}
.soa-skl-d{background:var(--p);border-radius:calc(5 * var(--u) * var(--kn));padding:calc(32 * var(--u) * var(--kn))}
.soa-skl-h{display:grid;grid-template-columns:minmax(0,1fr) calc(150 * var(--u) * var(--kn)) minmax(0,1fr);margin:0 0 calc(14 * var(--u) * var(--kn));font-size:calc(14 * var(--u) * var(--kn));line-height:calc(18 * var(--u) * var(--kn));color:#666A7B}
.soa-skl-h span:nth-child(2){text-align:center}.soa-skl-h span:nth-child(3){padding-left:calc(12 * var(--u) * var(--kn))}
.soa-skl-r{display:grid;grid-template-columns:minmax(0,1fr) calc(62 * var(--u) * var(--kn)) calc(56 * var(--u) * var(--kn)) calc(32 * var(--u) * var(--kn)) minmax(0,1fr);align-items:center}
.soa-zr{margin:0;padding:0;list-style:none}
.soa-zr li{height:calc(36 * var(--u) * var(--kn));margin-bottom:calc(8 * var(--u) * var(--kn));background:#fff;border-radius:calc(4 * var(--u) * var(--kn));padding:calc(7 * var(--u) * var(--kn)) calc(10 * var(--u) * var(--kn));overflow:hidden}.soa-zr li:last-child{margin:0}
.soa-zr li .soa-br{margin-bottom:calc(4 * var(--u) * var(--kn));height:calc(5 * var(--u) * var(--kn))}
.soa-zr .soa-zr-ty{box-shadow:inset 0 0 0 calc(1.5 * var(--u) * var(--kn)) var(--n);padding-top:calc(4 * var(--u) * var(--kn))}.soa-zr-ty b{display:block;font-size:calc(12 * var(--u) * var(--kn));line-height:calc(14 * var(--u) * var(--kn));font-weight:500;color:var(--nt);margin-bottom:calc(3 * var(--u) * var(--kn))}
.soa-skl-s{width:100%;height:calc(212 * var(--u) * var(--kn));display:block}.soa-skl-s2{width:100%;height:calc(20 * var(--u) * var(--kn));display:block}
.soa-model{width:calc(56 * var(--u) * var(--kn));height:calc(56 * var(--u) * var(--kn));border-radius:50%;background:var(--g);display:grid;place-items:center;box-shadow:0 0 0 calc(8 * var(--u) * var(--kn)) rgba(87,104,255,.18)}
.soa-model svg{width:calc(24 * var(--u) * var(--kn));height:calc(24 * var(--u) * var(--kn))}
.soa-odp{margin:0;padding:calc(8 * var(--u) * var(--kn));list-style:none;background:#fff;border-radius:calc(5 * var(--u) * var(--kn))}
.soa-odp li{padding:calc(8 * var(--u) * var(--kn)) calc(10 * var(--u) * var(--kn));font-size:calc(14 * var(--u) * var(--kn));line-height:calc(18 * var(--u) * var(--kn));border-bottom:1px solid #F0F1FF}.soa-odp li:last-child{border:0}
.soa-odp .soa-odp-ty{color:#fff;background:var(--n);border-radius:calc(4 * var(--u) * var(--kn));font-weight:500}
.soa-odp li .soa-br{margin:calc(6 * var(--u) * var(--kn)) 0}
/* ai: ścieżka klienta z klamrami */
.soa-sc{max-width:calc(1100 * var(--u) * var(--kn));margin:0 auto}
.soa-st{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none}
.soa-st::before{content:"";position:absolute;left:12.5%;right:12.5%;top:calc(11 * var(--u) * var(--kn));border-top:calc(2 * var(--u) * var(--kn)) dashed var(--n)}
.soa-st li{position:relative;text-align:center;padding:0 calc(8 * var(--u) * var(--kn))}
.soa-st-k{display:block;width:calc(24 * var(--u) * var(--kn));height:calc(24 * var(--u) * var(--kn));border-radius:50%;background:var(--g);margin:0 auto calc(14 * var(--u) * var(--kn));box-shadow:0 0 0 calc(7 * var(--u) * var(--kn)) #F0F1FF}
.soa-st li:nth-child(n+3) .soa-st-k{background:var(--n)}
.soa-st b{font-weight:500;font-size:calc(18 * var(--u) * var(--kn));line-height:calc(24 * var(--u) * var(--kn))}
.soa-klamry{display:grid;grid-template-columns:1fr 1fr;gap:calc(20 * var(--u) * var(--kn));margin-top:calc(48 * var(--u) * var(--kn))}
.soa-kl{position:relative;background:#fff;border-radius:calc(5 * var(--u) * var(--kn));padding:calc(32 * var(--u) * var(--kn))}
.soa-kl::before{content:"";position:absolute;left:calc(24 * var(--u) * var(--kn));right:calc(24 * var(--u) * var(--kn));top:calc(-22 * var(--u) * var(--kn));height:calc(12 * var(--u) * var(--kn));border:calc(2 * var(--u) * var(--kn)) solid var(--g);border-bottom:0;border-radius:calc(6 * var(--u) * var(--kn)) calc(6 * var(--u) * var(--kn)) 0 0}
.soa-kl1::before{border-color:var(--n)}
.soa-kl h3{font-size:calc(28 * var(--u) * var(--kn));line-height:calc(34 * var(--u) * var(--kn));margin:0 0 calc(12 * var(--u) * var(--kn));font-weight:500}.soa-kl>p:not(.soa-dz-et){font-size:calc(17 * var(--u) * var(--kn));line-height:calc(26 * var(--u) * var(--kn))}
/* ai: Botland */
.soa-bot{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:calc(72 * var(--u) * var(--kn));align-items:center}
.soa-lbs{display:grid;grid-template-columns:1fr 1fr;gap:calc(28 * var(--u) * var(--kn));margin:calc(36 * var(--u) * var(--kn)) 0 calc(24 * var(--u) * var(--kn));padding-top:calc(28 * var(--u) * var(--kn));border-top:1px solid rgba(255,255,255,.18)}
.soa-lb b{display:block;font-size:calc(48 * var(--u) * var(--kn));line-height:calc(52 * var(--u) * var(--kn));font-weight:500;letter-spacing:-.02em;color:#fff;white-space:nowrap}
.soa-lb p{margin:calc(12 * var(--u) * var(--kn)) 0 0;font-size:calc(16 * var(--u) * var(--kn));line-height:calc(23 * var(--u) * var(--kn));color:#fff}
.soa-bot-c3{color:#808291;font-size:calc(15 * var(--u) * var(--kn));line-height:calc(22 * var(--u) * var(--kn));max-width:calc(540 * var(--u) * var(--kn));margin:0}
.soa-bot-w{margin:0;border-radius:calc(5 * var(--u) * var(--kn));padding:calc(32 * var(--u) * var(--kn));background:#fff;color:var(--g)}
.soa-bot-w figcaption b{display:block;font-weight:500;font-size:calc(18 * var(--u) * var(--kn));line-height:calc(24 * var(--u) * var(--kn));color:var(--g);margin-bottom:calc(12 * var(--u) * var(--kn))}
.soa-wyk{display:block;width:100%;height:auto}
.soa-wyk g:hover path{filter:brightness(1.12)}
/* ai: oś czasu */
.soa-oc{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:calc(72 * var(--u) * var(--kn));align-items:start}
.soa-oc-t{position:sticky;top:calc(120 * var(--u) * var(--kn))}
.soa-oc-l{margin:0;padding:0;list-style:none}
.soa-oc-l li{position:relative;display:grid;grid-template-columns:calc(56 * var(--u) * var(--kn)) minmax(0,1fr);gap:calc(24 * var(--u) * var(--kn));padding:0 0 calc(34 * var(--u) * var(--kn))}
.soa-oc-l li::before{content:"";position:absolute;left:calc(27 * var(--u) * var(--kn));top:calc(62 * var(--u) * var(--kn));bottom:calc(6 * var(--u) * var(--kn));border-left:calc(2 * var(--u) * var(--kn)) dashed var(--l)}.soa-oc-l li:last-child::before{display:none}
.soa-oc-n{width:calc(56 * var(--u) * var(--kn));height:calc(56 * var(--u) * var(--kn));border-radius:50%;border:calc(2 * var(--u) * var(--kn)) solid var(--g);display:grid;place-items:center;font-weight:500;font-size:calc(18 * var(--u) * var(--kn));background:#fff}
.soa-oc-l li:first-child .soa-oc-n{background:var(--g);color:#fff}
.soa-oc-l h3{font-size:calc(24 * var(--u) * var(--kn));line-height:calc(30 * var(--u) * var(--kn));margin:calc(12 * var(--u) * var(--kn)) 0 calc(8 * var(--u) * var(--kn));font-weight:500}.soa-oc-l p{margin:0;color:#666A7B;font-size:calc(17 * var(--u) * var(--kn));line-height:calc(26 * var(--u) * var(--kn))}
/* ai: pas narzędzia */
.soa-nar{background:var(--g);color:#fff;padding:calc(96 * var(--u) * var(--kn)) 0}
.soa-nar-in{display:grid;grid-template-columns:calc(120 * var(--u) * var(--kn)) minmax(0,1fr) minmax(0,calc(420 * var(--u) * var(--kn)));gap:calc(48 * var(--u) * var(--kn));align-items:center}
.soa-nar-i{width:calc(120 * var(--u) * var(--kn));height:calc(120 * var(--u) * var(--kn));border-radius:50%;background:#fff;display:grid;place-items:center}.soa-nar-i img{width:calc(60 * var(--u) * var(--kn));height:calc(60 * var(--u) * var(--kn))}
.soa-nar .soa-h2 em{color:var(--n)}
.soa-nar .soa-przyc{margin-top:calc(28 * var(--u) * var(--kn))}
.soa-nar-p{margin:0;padding:0;list-style:none;border-top:1px solid rgba(255,255,255,.18)}
.soa-nar-p li{padding:calc(14 * var(--u) * var(--kn)) 0;border-bottom:1px solid rgba(255,255,255,.18);font-size:calc(16 * var(--u) * var(--kn));line-height:calc(23 * var(--u) * var(--kn))}
/* marketplace: półka */
.soa-mp-sc{width:100%;max-width:calc(640 * var(--u) * var(--kn));justify-self:end;overflow-anchor:none}
.soa-mp-prz{position:relative;display:inline-flex;flex-wrap:wrap;gap:calc(4 * var(--u) * var(--kn));padding:calc(4 * var(--u) * var(--kn));background:#fff;border-radius:calc(24 * var(--u) * var(--kn));border:1px solid var(--l)}
.soa-mp-prz label{padding:calc(8 * var(--u) * var(--kn)) calc(14 * var(--u) * var(--kn));border-radius:calc(20 * var(--u) * var(--kn));font-size:calc(14 * var(--u) * var(--kn));line-height:calc(18 * var(--u) * var(--kn));cursor:pointer;color:var(--g)}
.soa-mp-r:checked+label{background:#F0F1FF;color:var(--g);box-shadow:inset 0 0 0 calc(1.5 * var(--u) * var(--kn)) var(--n)}
.soa-mp-r:focus-visible+label{outline:calc(2 * var(--u) * var(--kn)) solid var(--n);outline-offset:calc(2 * var(--u) * var(--kn))}
.soa-polka{margin-top:calc(14 * var(--u) * var(--kn));background:#fff;border-radius:calc(5 * var(--u) * var(--kn));box-shadow:0 calc(40 * var(--u) * var(--kn)) calc(70 * var(--u) * var(--kn)) calc(-40 * var(--u) * var(--kn)) rgba(0,6,35,.35);overflow:hidden}
.soa-polka-q{display:flex;align-items:center;gap:calc(10 * var(--u) * var(--kn));padding:calc(12 * var(--u) * var(--kn)) calc(12 * var(--u) * var(--kn)) calc(12 * var(--u) * var(--kn)) calc(18 * var(--u) * var(--kn));border-bottom:1px solid #F0F1FF;font-size:calc(15 * var(--u) * var(--kn));color:#666A7B}
.soa-polka-q svg{width:calc(18 * var(--u) * var(--kn));height:calc(18 * var(--u) * var(--kn));flex:none}
.soa-polka-q i{margin-left:auto;width:calc(64 * var(--u) * var(--kn));height:calc(30 * var(--u) * var(--kn));background:var(--g);border-radius:calc(4 * var(--u) * var(--kn));flex:none}
.soa-polka-in{display:grid;grid-template-columns:calc(120 * var(--u) * var(--kn)) minmax(0,1fr);gap:calc(16 * var(--u) * var(--kn));padding:calc(16 * var(--u) * var(--kn)) calc(18 * var(--u) * var(--kn)) calc(18 * var(--u) * var(--kn))}
.soa-filtry{margin:0;padding:0;list-style:none;font-size:calc(14 * var(--u) * var(--kn));line-height:calc(18 * var(--u) * var(--kn))}
.soa-filtry li{display:flex;align-items:center;gap:calc(8 * var(--u) * var(--kn));padding:calc(9 * var(--u) * var(--kn)) 0;border-bottom:1px solid #F0F1FF}
.soa-filtry i{width:calc(14 * var(--u) * var(--kn));height:calc(14 * var(--u) * var(--kn));border:calc(1.5 * var(--u) * var(--kn)) solid var(--g);border-radius:calc(3 * var(--u) * var(--kn));flex:none}
.soa-filtry .soa-br{margin:0;flex:none}
.soa-oferty{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(12 * var(--u) * var(--kn));margin:0;padding:0;list-style:none}
.soa-of{position:relative;border:1px solid #F0F1FF;border-radius:calc(5 * var(--u) * var(--kn));padding:calc(10 * var(--u) * var(--kn));background:#fff}
.soa-of-f svg{width:100%;height:auto;display:block;border-radius:calc(4 * var(--u) * var(--kn));margin-bottom:calc(8 * var(--u) * var(--kn));transition:filter .4s,opacity .4s}
.soa-of .soa-gw{margin:0 0 calc(6 * var(--u) * var(--kn))}
.soa-of-k{display:block;height:calc(20 * var(--u) * var(--kn));border-radius:calc(4 * var(--u) * var(--kn));background:#F0F1FF;margin-top:calc(8 * var(--u) * var(--kn))}
.soa-of-sp,.soa-of-ty{position:absolute;top:calc(14 * var(--u) * var(--kn));font-size:calc(11 * var(--u) * var(--kn));line-height:calc(16 * var(--u) * var(--kn));padding:1px calc(6 * var(--u) * var(--kn));border-radius:calc(3 * var(--u) * var(--kn));color:#fff}
.soa-of-sp{display:none;left:calc(14 * var(--u) * var(--kn));background:var(--g)}.soa-of-ty{right:calc(14 * var(--u) * var(--kn));background:var(--n)}
.soa-of-a{order:10}.soa-of-b{order:20}.soa-of-c{order:30}.soa-of-d{order:40}.soa-of-e{order:50}.soa-of-f2{order:60}
.soa-of-a .soa-of-sp{display:block}
.soa-of-twoja{border:calc(2 * var(--u) * var(--kn)) solid var(--n);padding:calc(9 * var(--u) * var(--kn))}
.soa-of-twoja .soa-of-f svg{filter:grayscale(1);opacity:.4}.soa-of-twoja .soa-br-g{width:40%!important}
.soa-mp-sc:is(:has(#soa-mp-t2:checked),:has(#soa-mp-t3:checked)) .soa-of-twoja{box-shadow:0 calc(18 * var(--u) * var(--kn)) calc(30 * var(--u) * var(--kn)) calc(-18 * var(--u) * var(--kn)) rgba(87,104,255,.7)}
.soa-mp-sc:is(:has(#soa-mp-t2:checked),:has(#soa-mp-t3:checked)) .soa-of-twoja .soa-of-f svg{filter:none;opacity:1}
.soa-mp-sc:is(:has(#soa-mp-t2:checked),:has(#soa-mp-t3:checked)) .soa-of-twoja .soa-br-g{width:94%!important}
.soa-mp-sc:has(#soa-mp-t2:checked) .soa-of-e{order:15}.soa-mp-sc:has(#soa-mp-t3:checked) .soa-of-e{order:5}
.soa-mp-sc:has(#soa-mp-t3:checked) .soa-of-twoja .soa-of-sp{display:block;top:calc(38 * var(--u) * var(--kn))}
/* marketplace: anatomia oferty */
.soa-an{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:calc(72 * var(--u) * var(--kn));align-items:center}
.soa-an-tx>p{font-size:calc(18 * var(--u) * var(--kn));line-height:calc(28 * var(--u) * var(--kn));max-width:calc(560 * var(--u) * var(--kn))}
.soa-an-r{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:calc(32 * var(--u) * var(--kn));align-items:center}
.soa-an-k{display:grid;gap:calc(14 * var(--u) * var(--kn));background:var(--p);border-radius:calc(5 * var(--u) * var(--kn));padding:calc(22 * var(--u) * var(--kn))}
.soa-an-f{position:relative;display:block}.soa-an-f svg{width:100%;height:auto;display:block;border-radius:calc(4 * var(--u) * var(--kn))}
.soa-an-o{position:relative;display:block;background:#fff;border-radius:calc(5 * var(--u) * var(--kn));padding:calc(16 * var(--u) * var(--kn))}
.soa-an-t,.soa-an-c,.soa-an-op{position:relative;display:block;margin-bottom:calc(12 * var(--u) * var(--kn))}
.soa-an-t .soa-br{height:calc(10 * var(--u) * var(--kn))}
.soa-an-par{display:flex;gap:calc(6 * var(--u) * var(--kn));margin-bottom:calc(12 * var(--u) * var(--kn))}.soa-an-par i{width:22%;height:calc(16 * var(--u) * var(--kn));border-radius:calc(8 * var(--u) * var(--kn));background:#F0F1FF}
.soa-an-c{display:flex;gap:calc(12 * var(--u) * var(--kn));align-items:center}.soa-an-c>.soa-br{flex:none;margin:0}.soa-an-c>span{flex:1}
.soa-an-kup{display:block;text-align:center;background:var(--g);color:#fff;border-radius:calc(4 * var(--u) * var(--kn));padding:calc(10 * var(--u) * var(--kn));font-size:calc(14 * var(--u) * var(--kn));line-height:calc(18 * var(--u) * var(--kn))}
.soa-an-x{position:absolute;right:calc(-8 * var(--u) * var(--kn));top:calc(-10 * var(--u) * var(--kn));width:calc(26 * var(--u) * var(--kn));height:calc(26 * var(--u) * var(--kn));border-radius:50%;background:var(--n);color:#fff;font-size:calc(13 * var(--u) * var(--kn));line-height:1;
 display:grid;place-items:center;font-weight:500;transition:transform .25s,box-shadow .25s}
.soa-an-x2{right:calc(10 * var(--u) * var(--kn));top:calc(10 * var(--u) * var(--kn))}
.soa-an-l{margin:0;padding:0;list-style:none;border-top:1px solid var(--l)}
.soa-an-l li{display:grid;grid-template-columns:calc(26 * var(--u) * var(--kn)) minmax(0,1fr);gap:calc(2 * var(--u) * var(--kn)) calc(14 * var(--u) * var(--kn));padding:calc(14 * var(--u) * var(--kn)) 0;border-bottom:1px solid var(--l);cursor:default}
.soa-an-n{grid-row:span 2;width:calc(26 * var(--u) * var(--kn));height:calc(26 * var(--u) * var(--kn));border-radius:50%;background:var(--n);color:#fff;display:grid;place-items:center;font-size:calc(13 * var(--u) * var(--kn));line-height:1}
.soa-an-l b{font-weight:500}.soa-an-l li>span:last-child{color:#666A7B;font-size:calc(15 * var(--u) * var(--kn));line-height:calc(22 * var(--u) * var(--kn))}
.soa-an-r:has(.soa-an-t:hover) .soa-an-x1,.soa-an-r:has(.soa-an-f:hover) .soa-an-x2,.soa-an-r:has(.soa-an-c:hover) .soa-an-x3,.soa-an-r:has(.soa-an-o:hover) .soa-an-x4
{transform:scale(1.3);box-shadow:0 0 0 calc(7 * var(--u) * var(--kn)) rgba(87,104,255,.22)}
/* marketplace: dźwignie */
.soa-mpdz{display:grid;grid-template-columns:minmax(0,1fr) calc(96 * var(--u) * var(--kn)) minmax(0,1fr);align-items:stretch}
.soa-mpd{background:#fff;border-radius:calc(5 * var(--u) * var(--kn));padding:calc(32 * var(--u) * var(--kn))}
.soa-mpd h3{font-size:calc(28 * var(--u) * var(--kn));line-height:calc(34 * var(--u) * var(--kn));margin:0;font-weight:500}.soa-mpd>p:not(.soa-dz-et){font-size:calc(17 * var(--u) * var(--kn));line-height:calc(26 * var(--u) * var(--kn))}
.soa-mpdz-s{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(4 * var(--u) * var(--kn));color:var(--nt);font-size:calc(30 * var(--u) * var(--kn));line-height:calc(30 * var(--u) * var(--kn))}
.soa-mpdz-s b{font-size:calc(13 * var(--u) * var(--kn));line-height:calc(16 * var(--u) * var(--kn));color:#666A7B;font-weight:400}
.soa-tt{background:var(--p);border-radius:calc(5 * var(--u) * var(--kn));padding:calc(18 * var(--u) * var(--kn)) calc(20 * var(--u) * var(--kn)) calc(8 * var(--u) * var(--kn));margin:calc(18 * var(--u) * var(--kn)) 0 calc(20 * var(--u) * var(--kn))}
.soa-tt p{margin:0 0 calc(12 * var(--u) * var(--kn))}.soa-tt small{display:block;font-size:calc(13 * var(--u) * var(--kn));line-height:calc(16 * var(--u) * var(--kn));color:#666A7B;margin-bottom:calc(6 * var(--u) * var(--kn))}
.soa-tt-p .soa-br{height:calc(10 * var(--u) * var(--kn));margin:0}
.soa-tt-par{display:flex;flex-wrap:wrap;gap:calc(6 * var(--u) * var(--kn));margin-top:calc(8 * var(--u) * var(--kn))}.soa-tt-par i{display:block;width:calc(60 * var(--u) * var(--kn));height:calc(18 * var(--u) * var(--kn));background:#F0F1FF;border-radius:calc(10 * var(--u) * var(--kn))}
.soa-mac{position:relative;margin:calc(18 * var(--u) * var(--kn)) 0 calc(20 * var(--u) * var(--kn));padding:0 0 calc(24 * var(--u) * var(--kn)) calc(26 * var(--u) * var(--kn))}
.soa-mac-s{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:calc(56 * var(--u) * var(--kn)) calc(56 * var(--u) * var(--kn));gap:calc(6 * var(--u) * var(--kn));border-left:calc(2 * var(--u) * var(--kn)) solid var(--g);border-bottom:calc(2 * var(--u) * var(--kn)) solid var(--g);padding:calc(6 * var(--u) * var(--kn))}
.soa-mac-s span{background:var(--p);border-radius:calc(4 * var(--u) * var(--kn))}
.soa-mac-s .soa-mac-hot{background:var(--n);color:#fff;display:grid;place-items:center;font-size:calc(14 * var(--u) * var(--kn));line-height:calc(18 * var(--u) * var(--kn));text-align:center;padding:0 calc(6 * var(--u) * var(--kn))}
.soa-mac-hot b{font-weight:500}
.soa-mac-y{position:absolute;left:0;top:0;height:calc(124 * var(--u) * var(--kn));writing-mode:vertical-rl;transform:rotate(180deg);text-align:center;font-size:calc(13 * var(--u) * var(--kn));line-height:calc(16 * var(--u) * var(--kn));color:#666A7B}
.soa-mac-x{position:absolute;left:calc(26 * var(--u) * var(--kn));right:0;bottom:0;text-align:center;font-size:calc(13 * var(--u) * var(--kn));line-height:calc(16 * var(--u) * var(--kn));color:#666A7B}
/* marketplace: kroki 2×2 */
.soa-ks{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:calc(72 * var(--u) * var(--kn));align-items:start}
.soa-ks-l{display:grid;grid-template-columns:1fr 1fr;gap:calc(16 * var(--u) * var(--kn));margin:0;padding:0;list-style:none}
.soa-ks-l li{background:#fff;color:var(--g);padding:calc(30 * var(--u) * var(--kn)) calc(28 * var(--u) * var(--kn));border-radius:calc(5 * var(--u) * var(--kn))}
.soa-ks-n{display:block;font-size:calc(56 * var(--u) * var(--kn));line-height:calc(56 * var(--u) * var(--kn));font-weight:500;color:var(--n);margin-bottom:calc(16 * var(--u) * var(--kn))}
.soa-ks-l h3{font-size:calc(22 * var(--u) * var(--kn));line-height:calc(28 * var(--u) * var(--kn));margin:0 0 calc(10 * var(--u) * var(--kn));font-weight:500}.soa-ks-l p{margin:0;color:#666A7B}
/* marketplace: zakres */
.soa-zk{display:grid;grid-template-columns:1fr 1fr;gap:0 calc(64 * var(--u) * var(--kn));margin:0;padding:0;list-style:none}
.soa-zk li{display:grid;grid-template-columns:calc(56 * var(--u) * var(--kn)) minmax(0,1fr);gap:calc(20 * var(--u) * var(--kn));padding:calc(28 * var(--u) * var(--kn)) 0;border-top:1px solid var(--l)}
.soa-zk-i{width:calc(48 * var(--u) * var(--kn));height:calc(48 * var(--u) * var(--kn))}.soa-zk h3{font-size:calc(22 * var(--u) * var(--kn));line-height:calc(28 * var(--u) * var(--kn));margin:0 0 calc(8 * var(--u) * var(--kn));font-weight:500}.soa-zk p{margin:0;color:#666A7B}
@media (prefers-reduced-motion:reduce){.soa-kursor{animation:none}.soa-znak-s,.soa-pl,.soa-sw{transition:none}}
/* ---- mniejsze ekrany ---- */
@media (max-width:1280px){.soa-h1{font-size:calc(48px * var(--ts) * var(--kn));line-height:calc(56px * var(--ts) * var(--kn))}.soa-dz{grid-template-columns:minmax(0,calc(340 * var(--u) * var(--kn))) minmax(0,1fr);column-gap:calc(48 * var(--u) * var(--kn))}
 .soa-nar-in{grid-template-columns:calc(96 * var(--u) * var(--kn)) minmax(0,1fr)}.soa-nar-i{width:calc(96 * var(--u) * var(--kn));height:calc(96 * var(--u) * var(--kn))}
 .soa-nar-p{grid-column:2;display:grid;grid-template-columns:1fr 1fr;column-gap:calc(32 * var(--u) * var(--kn))}}
@media (max-width:1100px){.soa-hero{min-height:0}.soa-hero-in{grid-template-columns:1fr;gap:calc(40px * var(--kn));padding-top:calc(128px * var(--kn))}
 .soa-ai-sc,.soa-mp-sc{justify-self:start}.soa-pyt,.soa-skl,.soa-an,.soa-bot,.soa-oc,.soa-ks,.soa-pr,.soa-form-in,.soa-faq{grid-template-columns:1fr;gap:calc(48 * var(--u) * var(--kn))}
 .soa-oc-t{position:static}.soa-dz{grid-template-columns:minmax(0,calc(300 * var(--u) * var(--kn))) minmax(0,1fr);column-gap:calc(32 * var(--u) * var(--kn))}
 .soa-dz-sc{grid-template-columns:minmax(0,1fr) calc(120 * var(--u) * var(--kn));gap:0 calc(28 * var(--u) * var(--kn))}.soa-klik{right:calc(124 * var(--u) * var(--kn))}.soa-form-k{max-width:calc(640 * var(--u) * var(--kn))}}
@media (min-width:1001px) and (max-width:1100px){.soa-hero-ai .soa-hero-in,.soa-hero-mp .soa-hero-in{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:calc(36px * var(--kn))}
 .soa-hero-ai,.soa-hero-mp{min-height:min(100vh, 1080px);min-height:min(100svh, 1080px)}.soa-hero-ai .soa-h1,.soa-hero-mp .soa-h1{font-size:calc(40px * var(--ts) * var(--kn));line-height:calc(48px * var(--ts) * var(--kn))}
 .soa-hero-ai .soa-hl,.soa-hero-mp .soa-hl{font-size:calc(16px * var(--kn));line-height:calc(24px * var(--kn))}.soa-hero-ai .btn-l,.soa-hero-mp .btn-l{font-size:calc(17px * var(--kn))}}
@media (max-width:900px){.soa-sek,.soa-form{padding:calc(72 * var(--u) * var(--kn)) 0}.soa-nar{padding:calc(64 * var(--u) * var(--kn)) 0}.soa-h1{font-size:calc(36px * var(--ts) * var(--kn));line-height:calc(42px * var(--ts) * var(--kn));margin:calc(24px * var(--kn)) 0 calc(18px * var(--kn))}
 .soa-hl{font-size:calc(16px * var(--kn));line-height:calc(24px * var(--kn))}.soa-h2{font-size:calc(30 * var(--u) * var(--kn));line-height:calc(37 * var(--u) * var(--kn))}.soa-pyt-dobre{font-size:calc(30 * var(--u) * var(--kn));line-height:calc(37 * var(--u) * var(--kn))}.soa-pyt-zle{font-size:calc(24 * var(--u) * var(--kn));line-height:calc(30 * var(--u) * var(--kn))}
 .soa-pyt-k{padding:calc(32 * var(--u) * var(--kn)) calc(24 * var(--u) * var(--kn)) calc(24 * var(--u) * var(--kn))}.soa-glowa{margin-bottom:calc(40 * var(--u) * var(--kn))}.soa-glowa-r{flex-direction:column;align-items:flex-start}
 .soa-kp-l{grid-template-columns:1fr 1fr;gap:calc(56 * var(--u) * var(--kn)) calc(32 * var(--u) * var(--kn))}.soa-kp-s{display:none}
 .soa-cs{grid-template-columns:calc(52 * var(--u) * var(--kn)) minmax(0,1fr) calc(24 * var(--u) * var(--kn));gap:calc(14 * var(--u) * var(--kn));padding:calc(22 * var(--u) * var(--kn)) calc(4 * var(--u) * var(--kn))}.soa-cs-n{font-size:calc(28 * var(--u) * var(--kn))}.soa-cs-t{font-size:calc(20 * var(--u) * var(--kn));line-height:calc(26 * var(--u) * var(--kn))}
 .soa-lbs{grid-template-columns:1fr}.soa-klamry{grid-template-columns:1fr;gap:calc(44 * var(--u) * var(--kn))}
 .soa-st{grid-template-columns:1fr;gap:calc(18 * var(--u) * var(--kn))}.soa-st::before{left:calc(11 * var(--u) * var(--kn));right:auto;top:calc(12 * var(--u) * var(--kn));bottom:calc(12 * var(--u) * var(--kn));border-top:0;border-left:calc(2 * var(--u) * var(--kn)) dashed var(--n)}
 .soa-st li{display:flex;align-items:center;gap:calc(16 * var(--u) * var(--kn));text-align:left;padding:0}.soa-st-k{margin:0;flex:none}
 .soa-mpdz{grid-template-columns:1fr}.soa-mpdz-s{flex-direction:row;padding:calc(14 * var(--u) * var(--kn)) 0;transform:none}.soa-mpdz-s{font-size:0}.soa-mpdz-s b{display:none}.soa-mpdz-s::before{content:"\2193";font-size:calc(26 * var(--u) * var(--kn))}
 .soa-ks-l{grid-template-columns:1fr}.soa-zk{grid-template-columns:1fr}.soa-an-r{grid-template-columns:1fr}.soa-an-k{grid-template-columns:calc(110 * var(--u) * var(--kn)) minmax(0,1fr);align-items:start;gap:calc(12 * var(--u) * var(--kn));padding:calc(14 * var(--u) * var(--kn))}
 .soa-an-o{padding:calc(12 * var(--u) * var(--kn))}.soa-an-x2{right:calc(-6 * var(--u) * var(--kn));top:calc(-8 * var(--u) * var(--kn))}
 .soa-nar-in{grid-template-columns:1fr;gap:calc(28 * var(--u) * var(--kn))}.soa-nar-p{grid-column:auto;display:block}
 .soa-dz{display:block}.soa-dz-sc{display:none}.soa-dz-r{top:auto;left:auto}
 .soa-dz-l{cursor:default;border:0;border-radius:calc(5 * var(--u) * var(--kn)) calc(5 * var(--u) * var(--kn)) 0 0;padding:calc(20 * var(--u) * var(--kn)) calc(20 * var(--u) * var(--kn)) 0;margin-top:calc(12 * var(--u) * var(--kn))}.soa-dz-l0{margin-top:0}
 .soa-dz-r:checked+.soa-dz-l{background:#fff;color:var(--g);box-shadow:none}.soa-dz-r:checked+.soa-dz-l .soa-dz-et{color:var(--nt)}
 .soa-dz-l b{font-size:calc(20 * var(--u) * var(--kn));line-height:calc(26 * var(--u) * var(--kn))}.soa-dz-p{display:block;background:#fff;border-radius:0 0 calc(5 * var(--u) * var(--kn)) calc(5 * var(--u) * var(--kn));padding:calc(8 * var(--u) * var(--kn)) calc(20 * var(--u) * var(--kn)) calc(20 * var(--u) * var(--kn))}}
@media (max-width:760px){.soa-hero-in{padding-top:calc(140px * var(--kn))}.soa-kp-l{grid-template-columns:1fr;gap:calc(56 * var(--u) * var(--kn))}
 .soa-stos{height:auto;overflow:hidden;padding-top:calc(372 * var(--u) * var(--kn))}
 .soa-stos-3d{left:50%;top:calc(292 * var(--u) * var(--kn));transform:scale(.62) rotateX(58deg) rotateZ(-40deg)}
 .soa-sl-lista{position:static;display:grid;gap:calc(8 * var(--u) * var(--kn));margin-top:calc(10 * var(--u) * var(--kn));pointer-events:auto}
 .soa-sl{position:static;width:auto;transform:none}.soa-sl::before{display:none}.soa-sl-lista{flex-direction:column-reverse;display:flex}
 .soa-pp{display:none}.soa-pr-o{max-width:calc(340 * var(--u) * var(--kn))}
 .soa-pr-lista{display:grid;grid-template-columns:1fr 1fr;gap:0 calc(20 * var(--u) * var(--kn));margin:calc(24 * var(--u) * var(--kn)) 0 0;padding:0;list-style:none;border-top:1px solid var(--l)}
 .soa-pr-lista li{border-bottom:1px solid var(--l);font-weight:500;line-height:calc(22 * var(--u) * var(--kn))}
 .soa-pr-lista a{display:block;padding:calc(11 * var(--u) * var(--kn)) 0;color:var(--g);text-decoration:none}
 .soa-polka-in{grid-template-columns:1fr}.soa-filtry{display:flex;flex-wrap:wrap;gap:calc(6 * var(--u) * var(--kn))}.soa-filtry li{border:1px solid #F0F1FF;border-radius:calc(14 * var(--u) * var(--kn));padding:calc(4 * var(--u) * var(--kn)) calc(10 * var(--u) * var(--kn))}
 .soa-oferty{grid-template-columns:repeat(2,minmax(0,1fr))}.soa-oferty .soa-of-f2{display:none}
 .soa-form-k{padding:calc(24 * var(--u) * var(--kn)) calc(20 * var(--u) * var(--kn))}.soa-form-k .form{grid-template-columns:1fr}.soa-skl-d{padding:calc(20 * var(--u) * var(--kn)) calc(16 * var(--u) * var(--kn))}
 .soa-skl-r{grid-template-columns:minmax(0,1fr) calc(34 * var(--u) * var(--kn)) calc(44 * var(--u) * var(--kn)) calc(16 * var(--u) * var(--kn)) minmax(0,1fr)}.soa-model{width:calc(44 * var(--u) * var(--kn));height:calc(44 * var(--u) * var(--kn))}.soa-odp li{font-size:calc(13 * var(--u) * var(--kn));padding:calc(7 * var(--u) * var(--kn)) calc(6 * var(--u) * var(--kn))}
 .soa-skl-h{grid-template-columns:minmax(0,1fr) calc(94 * var(--u) * var(--kn)) minmax(0,1fr)}.soa-mpd,.soa-kl{padding:calc(28 * var(--u) * var(--kn)) calc(22 * var(--u) * var(--kn))}
 .soa-ai-l b{min-width:0}.soa-wyk{overflow:visible}.soa-wyk text{font-size:calc(21 * var(--u) * var(--kn))}.soa-wyk .soa-wv{font-size:calc(30 * var(--u) * var(--kn))}.soa-lb b{font-size:calc(40 * var(--u) * var(--kn));line-height:calc(44 * var(--u) * var(--kn))}.soa-bot-w{padding:calc(20 * var(--u) * var(--kn)) calc(16 * var(--u) * var(--kn))}}
/* ===== DOCELOWA (2.10 wieczór): hero w pierwszym ekranie, sekcja = ekran (E46), paleta (E47), wybrana pozycja (E49) ===== */
/* hero AI: okno rozmowy ma jeden kształt w obu stanach przełącznika (E50): obie listy w jednej komórce siatki, notka
   „Twojej marki nie ma” na końcu odpowiedzi, w stanie „Marka w odpowiedzi” niewidoczna z zarezerwowanym miejscem */
.soa-dymek-a{display:grid;grid-template-columns:minmax(0,1fr)}
.soa-dymek-a>p:first-child{grid-row:1}.soa-dymek-a .soa-ai-l{grid-row:2;grid-column:1}.soa-dymek-a .soa-ai-zr{grid-row:3}
.soa-dymek-a .soa-ai-brak{grid-row:4;margin:0 0 calc(8 * var(--u) * var(--kn))}
.soa-ai-sc .soa-ai-nie,.soa-ai-sc .soa-ai-brak{display:block;visibility:hidden}
.soa-ai-sc:has(#soa-ai-t2:checked) .soa-ai-tak{display:block;visibility:hidden}
.soa-ai-sc:has(#soa-ai-t2:checked) .soa-ai-nie,.soa-ai-sc:has(#soa-ai-t2:checked) .soa-ai-brak{visibility:visible}
/* dźwignia, której na stronie nie ma (wersja 20) */
.soa-bez{display:flex;gap:calc(14 * var(--u) * var(--kn));align-items:flex-start;max-width:calc(760 * var(--u) * var(--kn));margin:clamp(calc(16 * var(--u) * var(--kn)),calc(min(3vh, 32.4px) * var(--kn)),calc(36 * var(--u) * var(--kn))) auto 0;color:#666A7B;font-size:calc(16 * var(--u) * var(--kn));line-height:calc(24 * var(--u) * var(--kn))}
.soa-bez b{color:var(--g);font-weight:500}
.soa-bez-x{flex:none;width:calc(28 * var(--u) * var(--kn));height:calc(28 * var(--u) * var(--kn));border-radius:50%;border:calc(1.5 * var(--u) * var(--kn)) solid #666A7B;display:grid;place-items:center;line-height:1}
.soa-oc-l li:first-child .soa-oc-n{background:var(--n);border-color:var(--n);color:#fff}
/* dźwignie Google: nagłówek w dwóch kolumnach (etykieta i h2 po lewej, lead po prawej) */
.soa-glowa-2{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);column-gap:calc(64 * var(--u) * var(--kn));align-items:end}
.soa-glowa-2 .soa-et{grid-column:1}.soa-glowa-2 .soa-h2{grid-column:1;margin:0}.soa-glowa-2 .soa-lead{grid-column:2;grid-row:2}
@media (max-width:900px){.soa-glowa-2{display:block}.soa-glowa-2 .soa-h2{margin:0 0 calc(16 * var(--u) * var(--kn))}}
/* rysunki liczone od wysokości okna: zapas dla przeglądarek bez funkcji trygonometrycznych w CSS */
@media (min-width:1101px) and (max-height:860px){.soa-stos{zoom:.8}#dzwignie .soa-dz-sc{zoom:.8}}
@media (min-width:1100px) and (min-aspect-ratio:4/3){
 /* odstępy sekcji od wysokości okna: na niższych oknach ciaśniej zamiast wycinania treści */
 main>section.soa-sek.d-ek{padding-top:clamp(calc(28 * var(--u) * var(--kn)),calc(min(5vh, 54px) * var(--kn)),calc(96 * var(--u) * var(--kn)));padding-bottom:clamp(calc(28 * var(--u) * var(--kn)),calc(min(5vh, 54px) * var(--kn)),calc(96 * var(--u) * var(--kn)))}
 .soa-sek.d-ek .wrap>.soa-glowa{margin-bottom:clamp(calc(20 * var(--u) * var(--kn)),calc(min(4vh, 43.2px) * var(--kn)),calc(56 * var(--u) * var(--kn)))}
 /* hero Google: stos warstw (700 px) w skali z wysokości okna, razem z podpisami warstw */
 .soa-hero-gs .soa-hero-in{padding-top:clamp(calc(92px * var(--kn)),calc(min(13vh, 140.4px) * var(--kn)),calc(120px * var(--kn)));padding-bottom:calc(24px * var(--kn))}
 .soa-stos{zoom:min(1,tan(atan2(calc(min(100svh, 1080px) * var(--kn)) - calc(140 * var(--u) * var(--kn)),calc(700 * var(--u) * var(--kn)))))}
 /* dźwignie Google: blok na całą szerokość, strona wyników (524 px) w skali z wysokości okna */
 #dzwignie .soa-dz{max-width:none;grid-template-columns:minmax(0,calc(420 * var(--u) * var(--kn))) minmax(0,1fr)}
 #dzwignie .soa-dz-l{padding:clamp(calc(10 * var(--u) * var(--kn)),calc(min(1.6vh, 17.28px) * var(--kn)),calc(14 * var(--u) * var(--kn))) calc(22 * var(--u) * var(--kn))}
 #dzwignie .soa-dz-sc{zoom:min(1,tan(atan2(calc(min(86svh, 928.8px) * var(--kn)) - calc(200 * var(--u) * var(--kn)),calc(524 * var(--u) * var(--kn)))))}
 /* Marketplace: zdjęcie w karcie oferty liczone od wysokości okna; dźwignie ciaśniej */
 .soa-an-f{width:min(100%,calc(calc(min(100svh, 1080px) * var(--kn)) - calc(470 * var(--u) * var(--kn))));margin:0 auto}
 .soa-sek.d-ek .soa-mpd{padding:clamp(calc(20 * var(--u) * var(--kn)),calc(min(3vh, 32.4px) * var(--kn)),calc(32 * var(--u) * var(--kn))) calc(32 * var(--u) * var(--kn))}
 .soa-sek.d-ek .soa-tt,.soa-sek.d-ek .soa-mac{margin:calc(12 * var(--u) * var(--kn)) 0 calc(14 * var(--u) * var(--kn))}
}

/*@@KONIEC st_obszary_a@@*/

/*@@MODUL st_obszary_b@@*/

/* ═══ st_obszary_b: Video Search · Social Media Search · Local Search ═══ */
.sob-sek{padding:calc(112 * var(--u) * var(--kn)) 0}
.sob-biale{background:#fff}.sob-jasne{background:var(--p)}.sob-lila{background:#F0F1FF}.sob-ciem{background:var(--g);color:#fff}
.sob-ciem .etyk{color:#fff}.sob-ciem em{color:#5768FF}
.sob-sek h2,.sob-form h2{font-size:calc(40 * var(--u) * var(--kn));line-height:calc(48 * var(--u) * var(--kn));max-width:calc(1120 * var(--u) * var(--kn));margin:0 0 calc(16 * var(--u) * var(--kn))}
.sob-lead-s{font-size:calc(18 * var(--u) * var(--kn));line-height:calc(28 * var(--u) * var(--kn));max-width:calc(760 * var(--u) * var(--kn));color:#666A7B;margin:0}
.sob-ciem .sob-lead-s{color:#808291}
.sob-ik{display:block;width:calc(40 * var(--u) * var(--kn));height:calc(40 * var(--u) * var(--kn))}
/* podpis rodziny */
.sob-syg{display:inline-flex;align-items:center;gap:calc(16 * var(--u) * var(--kn));margin-top:calc(32 * var(--u) * var(--kn));text-decoration:none;color:inherit}
.sob-pier{width:calc(64 * var(--u) * var(--kn));height:calc(64 * var(--u) * var(--kn));flex:none;display:block;transition:transform .6s}
.sob-syg:hover .sob-pier{transform:rotate(30deg)}
.sob-syg span{display:flex;flex-direction:column}
.sob-syg b{font-weight:500;font-size:calc(18 * var(--u) * var(--kn));line-height:calc(24 * var(--u) * var(--kn))}
.sob-syg:hover b{text-decoration:underline}
/* hero */
.sob-hero{position:relative;overflow:hidden;background:#fff;color:var(--g)}
.sob-hero.sob-ciem{background:var(--g);color:#fff}
.sob-h-social{background:#F0F1FF}
.sob-hero-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:calc(64px * var(--kn));align-items:center;min-height:min(100vh, 1080px);min-height:min(100svh, 1080px);padding-top:calc(120px * var(--kn));padding-bottom:calc(48px * var(--kn))}
.sob-hero .etyk{margin-bottom:calc(16px * var(--kn))}
.sob-h1{font-size:calc(56px * var(--ts) * var(--kn));line-height:calc(62px * var(--ts) * var(--kn));margin:0 0 calc(24px * var(--kn));max-width:calc(640 * var(--u) * var(--kn))}.sob-h1 em{display:block}
.sob-hl{font-size:calc(18px * var(--kn));line-height:calc(28px * var(--ts) * var(--kn));max-width:calc(540 * var(--u) * var(--kn));margin:0;color:#666A7B}
.sob-ciem .sob-hl{color:#fff}
.sob-przy .btn{margin:calc(32px * var(--kn)) calc(12px * var(--kn)) 0 0}
.sob-szuk{display:flex;align-items:center;gap:calc(10 * var(--u) * var(--kn));height:calc(44 * var(--u) * var(--kn));padding:0 calc(14 * var(--u) * var(--kn));background:#F0F1FF;color:var(--g);font-size:calc(16 * var(--u) * var(--kn));line-height:calc(20 * var(--u) * var(--kn))}
.sob-lupa{width:calc(18 * var(--u) * var(--kn));height:calc(18 * var(--u) * var(--kn));flex:none;display:inline-block}
.sob-kursor{display:block;width:calc(2 * var(--u) * var(--kn));height:calc(20 * var(--u) * var(--kn));background:var(--n);margin-left:calc(-6 * var(--u) * var(--kn));animation:sob-mig 1.1s steps(1) infinite}
@keyframes sob-mig{50%{opacity:0}}
.sob-sk{display:flex;flex-direction:column;gap:calc(5 * var(--u) * var(--kn));margin-top:calc(8 * var(--u) * var(--kn))}.sob-sk i{display:block;height:calc(6 * var(--u) * var(--kn));background:#CCCDD3}.sob-sk i+i{width:60%}
/* video: odtwarzacz */
.sob-odt-w{position:relative;padding-top:calc(112 * var(--u) * var(--kn))}
.sob-odt-tyl{position:absolute;right:0;top:0;width:60%;padding:calc(16 * var(--u) * var(--kn)) calc(16 * var(--u) * var(--kn)) calc(48 * var(--u) * var(--kn));background:#F0F1FF;color:var(--g)}
.sob-odt-tyl ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(12 * var(--u) * var(--kn))}
.sob-mini{position:relative;display:block;aspect-ratio:16/9;background:var(--g)}.sob-mini-1{background:var(--n)}.sob-mini-2{background:#808291}
.sob-mini i{position:absolute;left:50%;top:50%;margin:calc(-6 * var(--u) * var(--kn)) 0 0 calc(-4 * var(--u) * var(--kn));border-left:calc(10 * var(--u) * var(--kn)) solid #fff;border-top:calc(6 * var(--u) * var(--kn)) solid transparent;border-bottom:calc(6 * var(--u) * var(--kn)) solid transparent}
.sob-odt{position:relative;z-index:1;margin:0 10% 0 0;background:#fff;color:var(--g);padding:calc(16 * var(--u) * var(--kn));box-shadow:0 calc(30 * var(--u) * var(--kn)) calc(60 * var(--u) * var(--kn)) rgba(0,0,0,.35)}
.sob-odt-ekr{position:relative;margin-top:calc(12 * var(--u) * var(--kn));aspect-ratio:16/9;background:var(--n);overflow:hidden}
.sob-odt-ekr svg{width:100%;height:100%}
.sob-odt-pas{display:flex;align-items:flex-start;gap:calc(14 * var(--u) * var(--kn));margin-top:calc(14 * var(--u) * var(--kn))}
.sob-odt-play{display:block;width:0;height:0;border-left:calc(14 * var(--u) * var(--kn)) solid var(--g);border-top:calc(9 * var(--u) * var(--kn)) solid transparent;border-bottom:calc(9 * var(--u) * var(--kn)) solid transparent;flex:none;margin-top:calc(-6 * var(--u) * var(--kn))}
.sob-os{display:flex;gap:calc(4 * var(--u) * var(--kn));flex:1;margin:0;padding:0}
.sob-os li{position:relative;flex:1 1 var(--w);min-width:0}
.sob-os i{display:block;height:calc(6 * var(--u) * var(--kn));background:#CCCDD3;transition:background .2s}
.sob-os li:nth-child(-n+3) i{background:var(--n)}
.sob-os .sob-akt i{background:linear-gradient(90deg,var(--n) 55%,#CCCDD3 55%)}
.sob-os .sob-akt i::after{content:"";position:absolute;left:55%;top:calc(3 * var(--u) * var(--kn));width:calc(14 * var(--u) * var(--kn));height:calc(14 * var(--u) * var(--kn));border-radius:50%;background:var(--n);transform:translate(-50%,-50%);box-shadow:0 0 0 calc(4 * var(--u) * var(--kn)) #F0F1FF}
.sob-os li:hover i{background:var(--g)}
.sob-os span{display:block;font-size:calc(13 * var(--u) * var(--kn));line-height:calc(18 * var(--u) * var(--kn));margin-top:calc(10 * var(--u) * var(--kn));color:#666A7B;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sob-os .sob-akt span{color:var(--g);font-weight:500}
.sob-dym{position:absolute;bottom:calc(100% + calc(18 * var(--u) * var(--kn)));left:55%;transform:translateX(-50%);white-space:nowrap;background:var(--g);color:#fff;font-size:calc(14 * var(--u) * var(--kn));line-height:calc(18 * var(--u) * var(--kn));padding:calc(8 * var(--u) * var(--kn)) calc(12 * var(--u) * var(--kn));font-weight:500}
.sob-dym::after{content:"";position:absolute;left:50%;top:100%;margin-left:calc(-7 * var(--u) * var(--kn));border:calc(7 * var(--u) * var(--kn)) solid transparent;border-top-color:var(--g)}
/* video: taśma */
.sob-2k{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:calc(64 * var(--u) * var(--kn));align-items:end}
.sob-2k h2{margin-bottom:0}
.sob-tasma{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(12 * var(--u) * var(--kn));background:var(--g);padding:calc(38 * var(--u) * var(--kn)) calc(12 * var(--u) * var(--kn));margin:calc(48 * var(--u) * var(--kn)) 0 0}
.sob-tasma::before,.sob-tasma::after{content:"";position:absolute;left:calc(12 * var(--u) * var(--kn));right:calc(12 * var(--u) * var(--kn));height:calc(10 * var(--u) * var(--kn));background:repeating-linear-gradient(90deg,#fff 0 calc(14 * var(--u) * var(--kn)),transparent calc(14 * var(--u) * var(--kn)) calc(28 * var(--u) * var(--kn)))}
.sob-tasma::before{top:calc(14 * var(--u) * var(--kn))}.sob-tasma::after{bottom:calc(14 * var(--u) * var(--kn))}
.sob-tasma li{position:relative;background:#fff;padding:calc(12 * var(--u) * var(--kn)) calc(12 * var(--u) * var(--kn)) calc(16 * var(--u) * var(--kn));transition:transform .2s}
.sob-tasma li:hover{transform:translateY(calc(-4 * var(--u) * var(--kn)))}
.sob-kl-r svg{display:block;width:100%;height:auto}
.sob-tasma p{margin-top:calc(12 * var(--u) * var(--kn));font-size:calc(16 * var(--u) * var(--kn));line-height:calc(22 * var(--u) * var(--kn))}
/* video: montaż */
.sob-mont{position:relative;margin-top:calc(48 * var(--u) * var(--kn));background:#fff}
.sob-miara,.sob-scz{display:grid;grid-template-columns:calc(260 * var(--u) * var(--kn)) minmax(0,1fr);border-bottom:1px solid #CCCDD3}
.sob-miara-e{border-right:1px solid #CCCDD3}
.sob-miara-t{display:block;height:calc(28 * var(--u) * var(--kn));margin:0 calc(24 * var(--u) * var(--kn));background:repeating-linear-gradient(90deg,#CCCDD3 0 1px,transparent 1px calc(24 * var(--u) * var(--kn))) left bottom/100% calc(7 * var(--u) * var(--kn)) no-repeat}
.sob-scz-e{padding:calc(20 * var(--u) * var(--kn)) calc(24 * var(--u) * var(--kn));border-right:1px solid #CCCDD3}
.sob-scz-n{display:flex;align-items:center;gap:calc(12 * var(--u) * var(--kn));font-size:calc(14 * var(--u) * var(--kn));line-height:calc(20 * var(--u) * var(--kn));color:var(--nt);font-weight:500;text-transform:uppercase;letter-spacing:.06em;margin:0 0 calc(14 * var(--u) * var(--kn))}
.sob-scz-n .sob-ik{width:calc(32 * var(--u) * var(--kn));height:calc(32 * var(--u) * var(--kn));flex:none}
.sob-eks{display:flex;align-items:center;gap:calc(10 * var(--u) * var(--kn));font-size:calc(13 * var(--u) * var(--kn));line-height:calc(17 * var(--u) * var(--kn));color:#666A7B}
.sob-eks img{width:calc(40 * var(--u) * var(--kn));height:calc(40 * var(--u) * var(--kn));border-radius:50%;object-fit:cover;background:#D9D9D9;flex:none}
.sob-eks b{display:block;font-weight:500;color:var(--g);font-size:calc(14 * var(--u) * var(--kn));line-height:calc(18 * var(--u) * var(--kn))}
.sob-scz-t{padding:calc(20 * var(--u) * var(--kn)) calc(24 * var(--u) * var(--kn)) calc(22 * var(--u) * var(--kn))}
.sob-klip{margin-left:var(--od);width:calc(var(--do) - var(--od));padding:calc(10 * var(--u) * var(--kn)) calc(16 * var(--u) * var(--kn));min-height:calc(46 * var(--u) * var(--kn));display:flex;align-items:center;transition:transform .2s,box-shadow .2s}
.sob-scz:hover .sob-klip{transform:translateY(calc(-2 * var(--u) * var(--kn)));box-shadow:0 calc(10 * var(--u) * var(--kn)) calc(20 * var(--u) * var(--kn)) rgba(0,6,35,.14)}
.sob-klip h3{margin:0;font-size:calc(20 * var(--u) * var(--kn));line-height:calc(26 * var(--u) * var(--kn))}
.sob-klip-g{background:var(--g);color:#fff}.sob-klip-n{background:var(--n);color:#fff}.sob-klip-j{background:#F0F1FF;color:var(--g);box-shadow:inset 0 0 0 calc(2 * var(--u) * var(--kn)) var(--n)}
.sob-scz-t>p{margin-top:calc(12 * var(--u) * var(--kn));max-width:calc(720 * var(--u) * var(--kn));color:#666A7B}
/* video: rozdziały */
.sob-pas{display:flex;gap:calc(6 * var(--u) * var(--kn));margin:calc(40 * var(--u) * var(--kn)) 0 calc(28 * var(--u) * var(--kn))}
.sob-pas i{flex:1;height:calc(6 * var(--u) * var(--kn));background:rgba(255,255,255,.22);transition:background .25s}
.sob-pas i:first-child{background:var(--n)}
.sob-rozdz:has(.sob-rz li:nth-child(2):hover) .sob-pas i:nth-child(-n+2),.sob-rozdz:has(.sob-rz li:nth-child(3):hover) .sob-pas i:nth-child(-n+3),
.sob-rozdz:has(.sob-rz li:nth-child(4):hover) .sob-pas i:nth-child(-n+4){background:var(--n)}
.sob-rz{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(40 * var(--u) * var(--kn))}
.sob-rz li{cursor:default}
.sob-rz h3{font-size:calc(22 * var(--u) * var(--kn));line-height:calc(28 * var(--u) * var(--kn));margin-bottom:calc(12 * var(--u) * var(--kn))}
.sob-rz p:last-child{color:#808291}
/* sąsiedzi */
.sob-sas{display:flex;align-items:center;gap:calc(16 * var(--u) * var(--kn));width:100%;padding:calc(16 * var(--u) * var(--kn)) calc(24 * var(--u) * var(--kn));background:var(--p);text-decoration:none;color:var(--g);transition:background .2s,box-shadow .2s}
.sob-sas .sob-ik{width:calc(36 * var(--u) * var(--kn));height:calc(36 * var(--u) * var(--kn));flex:none}
.sob-sas-t{flex:1;display:flex;flex-direction:column;min-width:0}
.sob-sas-t b{font-weight:500;font-size:calc(18 * var(--u) * var(--kn));line-height:calc(24 * var(--u) * var(--kn))}
.sob-sas>i{font-style:normal;flex:none;width:calc(34 * var(--u) * var(--kn));height:calc(34 * var(--u) * var(--kn));border:1px solid var(--g);border-radius:50%;display:grid;place-items:center;transition:background .2s,color .2s}
.sob-sas:hover{background:#F0F1FF;box-shadow:inset 0 0 0 1px var(--n)}
.sob-sas:hover>i{background:var(--g);color:#fff}
.sob-roz{display:grid;grid-template-columns:minmax(0,1fr) calc(300 * var(--u) * var(--kn)) minmax(0,1fr);margin-top:calc(48 * var(--u) * var(--kn))}
.sob-roz-l{display:grid;grid-template-rows:repeat(2,1fr)}
.sob-roz-l li{display:flex;align-items:center;padding:calc(6 * var(--u) * var(--kn)) 0}
.sob-roz-s{position:relative;min-height:calc(168 * var(--u) * var(--kn))}
.sob-roz-s svg{position:absolute;inset:0;width:100%;height:100%}
.sob-roz-film{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:calc(132 * var(--u) * var(--kn));padding:calc(18 * var(--u) * var(--kn)) calc(12 * var(--u) * var(--kn)) calc(14 * var(--u) * var(--kn));background:var(--g);color:#fff;display:flex;flex-direction:column;align-items:center;gap:calc(12 * var(--u) * var(--kn))}
.sob-roz-film .sob-odt-play{border-left-color:#fff;margin:0}
.sob-roz-film b{font-weight:500;font-size:calc(14 * var(--u) * var(--kn));line-height:calc(18 * var(--u) * var(--kn))}
/* formularz */
.sob-form{background:#F0F1FF;padding:calc(120 * var(--u) * var(--kn)) 0;scroll-margin-top:calc(60 * var(--u) * var(--kn))}
.sob-form-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,calc(640 * var(--u) * var(--kn)));gap:calc(80 * var(--u) * var(--kn));align-items:start}
.sob-kto{display:flex;align-items:center;gap:calc(14 * var(--u) * var(--kn));margin-top:calc(32 * var(--u) * var(--kn));font-size:calc(16 * var(--u) * var(--kn));line-height:calc(22 * var(--u) * var(--kn))}
.sob-glowy{display:flex;flex:none}.sob-glowy img{width:calc(52 * var(--u) * var(--kn));height:calc(52 * var(--u) * var(--kn));border-radius:50%;object-fit:cover;box-shadow:0 0 0 calc(3 * var(--u) * var(--kn)) #F0F1FF}.sob-glowy img+img{margin-left:calc(-14 * var(--u) * var(--kn))}
.sob-kto b{font-weight:500}
.sob-form-k{background:#fff;padding:calc(40 * var(--u) * var(--kn))}
.sob-form-k .form{margin-top:0}
/* social: telefon */
.sob-soc{position:relative;display:flex;justify-content:center;margin:0;padding:calc(24 * var(--u) * var(--kn)) 0}
.sob-tel{position:relative;width:calc(300 * var(--u) * var(--kn));background:#fff;border:calc(12 * var(--u) * var(--kn)) solid var(--g);border-top-width:calc(40 * var(--u) * var(--kn));border-radius:calc(36 * var(--u) * var(--kn));padding:calc(14 * var(--u) * var(--kn)) calc(12 * var(--u) * var(--kn)) calc(18 * var(--u) * var(--kn));box-shadow:0 calc(30 * var(--u) * var(--kn)) calc(60 * var(--u) * var(--kn)) rgba(0,6,35,.2)}
.sob-tel-g{position:absolute;top:calc(-24 * var(--u) * var(--kn));left:50%;width:calc(64 * var(--u) * var(--kn));height:calc(8 * var(--u) * var(--kn));border-radius:calc(4 * var(--u) * var(--kn));background:#808291;transform:translateX(-50%)}
.sob-szuk-tel{height:calc(40 * var(--u) * var(--kn));font-size:calc(15 * var(--u) * var(--kn));border-radius:calc(20 * var(--u) * var(--kn))}
.sob-kafle{display:grid;grid-template-columns:1fr 1fr;gap:calc(10 * var(--u) * var(--kn)) calc(8 * var(--u) * var(--kn));margin-top:calc(14 * var(--u) * var(--kn))}
.sob-kaf{display:block;aspect-ratio:3/4;overflow:hidden}.sob-kaf svg{width:100%;height:100%}
.sob-glosy li{position:absolute;z-index:2;display:flex;align-items:center;gap:calc(10 * var(--u) * var(--kn));background:#fff;color:var(--g);padding:calc(8 * var(--u) * var(--kn)) calc(18 * var(--u) * var(--kn)) calc(8 * var(--u) * var(--kn)) calc(8 * var(--u) * var(--kn));border-radius:calc(26 * var(--u) * var(--kn));
 box-shadow:0 calc(14 * var(--u) * var(--kn)) calc(30 * var(--u) * var(--kn)) rgba(0,6,35,.14);font-size:calc(16 * var(--u) * var(--kn));line-height:calc(20 * var(--u) * var(--kn));white-space:nowrap;animation:sob-plyw 6s ease-in-out infinite}
.sob-glosy li>span:last-child{display:flex;align-items:center;gap:calc(8 * var(--u) * var(--kn))}
.sob-glosy .sob-lupa{width:calc(15 * var(--u) * var(--kn));height:calc(15 * var(--u) * var(--kn));color:var(--nt)}
.sob-av{width:calc(32 * var(--u) * var(--kn));height:calc(32 * var(--u) * var(--kn));border-radius:50%;background:var(--n);flex:none}
.sob-glos-0{left:0;top:5%}.sob-glos-1{right:0;top:44%}.sob-glos-2{left:2%;bottom:7%}.sob-glosy .sob-glos-1{animation-delay:-2s}.sob-glosy .sob-glos-2{animation-delay:-4s}
.sob-glos-1 .sob-av{background:var(--g)}.sob-glos-2 .sob-av{background:#D9D9D9}
@keyframes sob-plyw{50%{transform:translateY(-8px)}}
/* social: dwa tryby aplikacji naraz (TEST-02: bez przełącznika) */
.sob-tryb-w{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,calc(580 * var(--u) * var(--kn)));gap:calc(80 * var(--u) * var(--kn));align-items:center}
.sob-tryb{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:calc(28 * var(--u) * var(--kn));background:var(--p);padding:calc(28 * var(--u) * var(--kn));margin:0}
.sob-tryb-r svg{display:block;width:100%;max-width:calc(156 * var(--u) * var(--kn));height:auto}
.sob-tryb h3{font-size:calc(22 * var(--u) * var(--kn));line-height:calc(28 * var(--u) * var(--kn));margin:calc(16 * var(--u) * var(--kn)) 0 calc(8 * var(--u) * var(--kn))}.sob-tryb p{color:#666A7B}
/* social: droga */
.sob-droga{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) calc(72 * var(--u) * var(--kn)) minmax(0,1fr);gap:calc(20 * var(--u) * var(--kn));margin-top:calc(48 * var(--u) * var(--kn))}
.sob-st{background:#fff;padding:calc(36 * var(--u) * var(--kn))}
.sob-st-nie{background:var(--p);border:calc(2 * var(--u) * var(--kn)) dashed #CCCDD3;padding:calc(34 * var(--u) * var(--kn))}
.sob-st-e{font-size:calc(14 * var(--u) * var(--kn));line-height:calc(20 * var(--u) * var(--kn));color:var(--nt);font-weight:500;text-transform:uppercase;letter-spacing:.06em;margin:calc(20 * var(--u) * var(--kn)) 0 calc(12 * var(--u) * var(--kn))}
.sob-st-nie .sob-st-e{color:#666A7B;margin-top:0}
.sob-st h3{font-size:calc(22 * var(--u) * var(--kn));line-height:calc(28 * var(--u) * var(--kn));margin-bottom:calc(12 * var(--u) * var(--kn))}
.sob-st>p{color:#666A7B}
.sob-st .sob-eks{margin-top:calc(24 * var(--u) * var(--kn))}
.sob-klik{position:relative;display:flex;align-items:center;justify-content:center}
.sob-klik::before{content:"";position:absolute;left:0;right:calc(6 * var(--u) * var(--kn));top:50%;border-top:calc(2 * var(--u) * var(--kn)) dashed var(--n)}
.sob-klik::after{content:"";position:absolute;right:calc(-4 * var(--u) * var(--kn));top:calc(50% - calc(7 * var(--u) * var(--kn)));border-left:calc(10 * var(--u) * var(--kn)) solid var(--n);border-top:calc(8 * var(--u) * var(--kn)) solid transparent;border-bottom:calc(8 * var(--u) * var(--kn)) solid transparent}
/* social: relacje */
.sob-rel{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(20 * var(--u) * var(--kn));margin-top:calc(48 * var(--u) * var(--kn))}
.sob-rel li{display:flex;flex-direction:column;background:#fff;color:var(--g);padding:calc(18 * var(--u) * var(--kn)) calc(24 * var(--u) * var(--kn)) calc(28 * var(--u) * var(--kn));min-height:calc(340 * var(--u) * var(--kn));border-radius:calc(5 * var(--u) * var(--kn));transition:transform .25s}
.sob-rel li:hover{transform:translateY(calc(-6 * var(--u) * var(--kn)))}
.sob-rel-p{display:flex;gap:calc(4 * var(--u) * var(--kn));margin-bottom:calc(16 * var(--u) * var(--kn))}.sob-rel-p i{flex:1;height:calc(4 * var(--u) * var(--kn));background:#CCCDD3;border-radius:calc(2 * var(--u) * var(--kn))}.sob-rel-p .sob-pe{background:var(--n)}
.sob-rel-nr{font-size:calc(112 * var(--u) * var(--kn));line-height:1;font-weight:500;letter-spacing:-.04em;color:var(--n);margin:calc(12 * var(--u) * var(--kn)) 0 auto}
.sob-rel h3{margin-top:calc(20 * var(--u) * var(--kn))}
.sob-rel h3{font-size:calc(24 * var(--u) * var(--kn));line-height:calc(30 * var(--u) * var(--kn));margin-bottom:calc(12 * var(--u) * var(--kn))}
.sob-rel li>p:last-child{color:#666A7B}
/* social: powrót do wyszukiwarki */
.sob-pow{display:grid;grid-template-columns:calc(260 * var(--u) * var(--kn)) minmax(0,1fr) minmax(0,calc(440 * var(--u) * var(--kn)));align-items:stretch;margin:calc(40 * var(--u) * var(--kn)) 0 calc(32 * var(--u) * var(--kn))}
.sob-pow-a{background:var(--g);color:#fff;padding:calc(24 * var(--u) * var(--kn));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(16 * var(--u) * var(--kn))}
.sob-pow-a svg{width:calc(92 * var(--u) * var(--kn));height:auto}
.sob-pow-a p{font-size:calc(17 * var(--u) * var(--kn));line-height:calc(22 * var(--u) * var(--kn));font-weight:500}
.sob-pow-l{width:100%;height:100%;min-height:calc(200 * var(--u) * var(--kn))}
.sob-pow-r{display:grid;grid-template-rows:1fr 1fr;gap:calc(16 * var(--u) * var(--kn))}
.sob-pow-k{background:var(--p);padding:calc(18 * var(--u) * var(--kn)) calc(24 * var(--u) * var(--kn));display:flex;flex-direction:column;justify-content:center;gap:calc(14 * var(--u) * var(--kn))}
.sob-pow-k .sob-szuk{background:#fff;box-shadow:inset 0 0 0 1px #CCCDD3}
.sob-czat{display:flex;flex-direction:column;gap:calc(10 * var(--u) * var(--kn))}
.sob-czat-q{align-self:flex-end;background:var(--g);color:#fff;padding:calc(8 * var(--u) * var(--kn)) calc(14 * var(--u) * var(--kn));border-radius:calc(16 * var(--u) * var(--kn)) calc(16 * var(--u) * var(--kn)) calc(4 * var(--u) * var(--kn)) calc(16 * var(--u) * var(--kn));font-size:calc(15 * var(--u) * var(--kn));line-height:calc(20 * var(--u) * var(--kn))}
.sob-czat-o{display:flex;align-items:flex-start;gap:calc(10 * var(--u) * var(--kn));background:#fff;padding:calc(10 * var(--u) * var(--kn)) calc(14 * var(--u) * var(--kn));border-radius:calc(16 * var(--u) * var(--kn)) calc(16 * var(--u) * var(--kn)) calc(16 * var(--u) * var(--kn)) calc(4 * var(--u) * var(--kn));max-width:85%}
.sob-czat-o .sob-pier{width:calc(28 * var(--u) * var(--kn));height:calc(28 * var(--u) * var(--kn))}.sob-czat-o .sob-sk{flex:1;margin-top:calc(6 * var(--u) * var(--kn))}
.sob-siat{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(16 * var(--u) * var(--kn))}
/* local: mapa w hero */
.sob-h-local .sob-hero-in{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);padding-top:0;padding-bottom:0;align-items:stretch}
.sob-h-local .sob-hero-t{padding:calc(124px * var(--kn)) 0 calc(48px * var(--kn));align-self:center}
.sob-h-local .sob-hero-o{position:relative;margin-right:calc(-40px * var(--kn));min-height:100%}
.sob-mapa{position:absolute;inset:0;margin:0;overflow:hidden;background:var(--p)}
.sob-mapa-svg{position:absolute;inset:0;width:100%;height:100%}
.sob-pin{position:absolute;width:calc(34 * var(--u) * var(--kn));height:calc(44 * var(--u) * var(--kn));transform:translate(-50%,-100%);color:var(--g)}
.sob-pin svg{position:relative;width:100%;height:100%}
.sob-pin b,.sob-pin-l b,.sob-tr-p b,.sob-ul-p b{position:absolute;left:0;right:0;text-align:center;font-weight:500;color:var(--g)}
.sob-pin b{top:calc(9 * var(--u) * var(--kn));font-size:calc(11 * var(--u) * var(--kn));line-height:calc(14 * var(--u) * var(--kn))}
.sob-pin-ty{width:calc(52 * var(--u) * var(--kn));height:calc(68 * var(--u) * var(--kn));color:var(--n);z-index:2}
.sob-pin-ty i{position:absolute;left:50%;bottom:calc(-40 * var(--u) * var(--kn));width:calc(80 * var(--u) * var(--kn));height:calc(80 * var(--u) * var(--kn));margin-left:calc(-40 * var(--u) * var(--kn));border-radius:50%;background:var(--n);opacity:.2;animation:sob-puls 2.6s ease-out infinite}
@keyframes sob-puls{0%{transform:scale(.3);opacity:.5}100%{transform:scale(1.5);opacity:0}}
.sob-szuk-mapa{position:absolute;left:calc(40 * var(--u) * var(--kn));right:calc(40 * var(--u) * var(--kn));top:calc(112 * var(--u) * var(--kn));max-width:calc(420 * var(--u) * var(--kn));height:calc(52 * var(--u) * var(--kn));background:#fff;box-shadow:0 calc(10 * var(--u) * var(--kn)) calc(24 * var(--u) * var(--kn)) rgba(0,6,35,.12);z-index:3}
.sob-wiz{position:absolute;left:calc(46% + calc(44 * var(--u) * var(--kn)));top:calc(50% - calc(30 * var(--u) * var(--kn)));width:calc(264 * var(--u) * var(--kn));background:#fff;color:var(--g);padding:calc(18 * var(--u) * var(--kn));box-shadow:0 calc(18 * var(--u) * var(--kn)) calc(40 * var(--u) * var(--kn)) rgba(0,6,35,.18);z-index:3}
.sob-wiz-n{font-weight:500;font-size:calc(18 * var(--u) * var(--kn));line-height:calc(24 * var(--u) * var(--kn))}
.sob-wiz-o{display:flex;align-items:center;gap:calc(10 * var(--u) * var(--kn));margin:calc(8 * var(--u) * var(--kn)) 0 calc(6 * var(--u) * var(--kn))}.sob-wiz-o .sob-sk{flex:1;margin:0}
.sob-gw{display:inline-flex;gap:calc(2 * var(--u) * var(--kn));color:var(--n)}.sob-gw svg{width:calc(16 * var(--u) * var(--kn));height:calc(16 * var(--u) * var(--kn))}
.sob-wiz-a{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(6 * var(--u) * var(--kn));margin-top:calc(14 * var(--u) * var(--kn));border-top:1px solid #CCCDD3;padding-top:calc(14 * var(--u) * var(--kn))}
.sob-wiz-a li{display:flex;flex-direction:column;align-items:center;gap:calc(6 * var(--u) * var(--kn));font-size:calc(13 * var(--u) * var(--kn));line-height:calc(16 * var(--u) * var(--kn));color:var(--nt)}
.sob-wiz-a img{width:calc(22 * var(--u) * var(--kn));height:calc(22 * var(--u) * var(--kn))}
/* local: legenda */
.sob-leg-w{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,calc(540 * var(--u) * var(--kn)));gap:calc(80 * var(--u) * var(--kn));align-items:center}
.sob-leg{background:var(--p);padding:calc(20 * var(--u) * var(--kn)) calc(32 * var(--u) * var(--kn))}
.sob-leg li{display:flex;align-items:center;gap:calc(16 * var(--u) * var(--kn));padding:calc(12 * var(--u) * var(--kn)) 0;font-size:calc(17 * var(--u) * var(--kn));line-height:calc(24 * var(--u) * var(--kn));border-bottom:1px solid #CCCDD3}
.sob-leg li:last-child{border-bottom:0}
.sob-pin-l{position:relative;display:block;width:calc(30 * var(--u) * var(--kn));height:calc(39 * var(--u) * var(--kn));flex:none;color:var(--g)}.sob-pin-l svg{width:100%;height:100%}
.sob-pin-l b{top:calc(7 * var(--u) * var(--kn));font-size:calc(11 * var(--u) * var(--kn));line-height:calc(14 * var(--u) * var(--kn))}.sob-pin-n{color:var(--n)}
/* local: trasa */
.sob-trasa{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(24 * var(--u) * var(--kn));margin-top:calc(48 * var(--u) * var(--kn))}
.sob-trasa::before{content:"";position:absolute;left:0;right:0;top:calc(22 * var(--u) * var(--kn));border-top:calc(3 * var(--u) * var(--kn)) dashed var(--n)}
.sob-trasa li{display:flex;flex-direction:column}
.sob-tr-p{display:block;position:relative;width:calc(44 * var(--u) * var(--kn));height:calc(57 * var(--u) * var(--kn));color:var(--g);margin:0 0 calc(16 * var(--u) * var(--kn)) calc(28 * var(--u) * var(--kn));z-index:1}
.sob-tr-p svg{width:100%;height:100%}.sob-tr-p b{top:calc(11 * var(--u) * var(--kn));font-size:calc(13 * var(--u) * var(--kn));line-height:calc(16 * var(--u) * var(--kn))}
.sob-tr-meta{color:var(--n)}
.sob-tr-k{flex:1;background:#fff;padding:calc(28 * var(--u) * var(--kn))}
.sob-tr-k h3{font-size:calc(22 * var(--u) * var(--kn));line-height:calc(28 * var(--u) * var(--kn));margin-bottom:calc(12 * var(--u) * var(--kn))}.sob-tr-k>p{color:#666A7B}
.sob-tr-k .sob-st-e{margin-top:0}.sob-tr-k .sob-eks{margin-top:calc(24 * var(--u) * var(--kn))}
/* local: case */
.sob-case-in{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:calc(64 * var(--u) * var(--kn));align-items:center}
.sob-lb{display:grid;grid-template-columns:1fr 1fr;margin:calc(40 * var(--u) * var(--kn)) 0 0;border-top:1px solid rgba(255,255,255,.18)}
.sob-lb li{padding:calc(20 * var(--u) * var(--kn)) calc(20 * var(--u) * var(--kn)) calc(20 * var(--u) * var(--kn)) 0;border-bottom:1px solid rgba(255,255,255,.18)}
.sob-lb b{display:block;font-size:calc(48 * var(--u) * var(--kn));line-height:calc(52 * var(--u) * var(--kn));font-weight:500;color:#fff}
.sob-lb span{display:block;margin-top:calc(6 * var(--u) * var(--kn));color:#808291;font-size:calc(15 * var(--u) * var(--kn));line-height:calc(21 * var(--u) * var(--kn))}
.sob-zr{margin-top:calc(20 * var(--u) * var(--kn));font-size:calc(14 * var(--u) * var(--kn));line-height:calc(20 * var(--u) * var(--kn));color:#808291;max-width:calc(640 * var(--u) * var(--kn))}
.sob-btn-b{background:#fff;color:var(--g);margin:calc(32 * var(--u) * var(--kn)) 0 0}.sob-btn-b:hover{background:var(--n);color:#fff}
.sob-wyk{background:#fff;color:var(--g);padding:calc(28 * var(--u) * var(--kn));margin:0}
.sob-wyk figcaption{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:calc(12 * var(--u) * var(--kn));margin-bottom:calc(12 * var(--u) * var(--kn))}
.sob-wyk figcaption b{font-weight:500;font-size:calc(18 * var(--u) * var(--kn));line-height:calc(24 * var(--u) * var(--kn));text-wrap:balance}
.sob-kr-s,.sob-kr-n{display:inline-block;width:calc(12 * var(--u) * var(--kn));height:calc(12 * var(--u) * var(--kn));border-radius:50%;margin-right:calc(6 * var(--u) * var(--kn));vertical-align:0}.sob-kr-s{background:#666A7B}.sob-kr-n{background:var(--n)}
.sob-wyk-s svg{width:100%;height:auto}.sob-wyk-t{display:none!important}
.sob-wyk g:hover rect{fill:#F0F1FF;fill-opacity:1}
/* local: ulica */
.sob-ulica{position:relative;margin-top:calc(48 * var(--u) * var(--kn))}
.sob-jezdnia{position:absolute;left:calc(-40 * var(--u) * var(--kn));right:calc(-40 * var(--u) * var(--kn));top:calc(62 * var(--u) * var(--kn));height:calc(22 * var(--u) * var(--kn));background:var(--g)}
.sob-jezdnia::after{content:"";position:absolute;left:0;right:0;top:calc(10 * var(--u) * var(--kn));height:calc(2 * var(--u) * var(--kn));background:repeating-linear-gradient(90deg,#fff 0 calc(18 * var(--u) * var(--kn)),transparent calc(18 * var(--u) * var(--kn)) calc(34 * var(--u) * var(--kn)))}
.sob-ulica ol{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(40 * var(--u) * var(--kn))}
.sob-ul-p{display:block;position:relative;width:calc(44 * var(--u) * var(--kn));height:calc(57 * var(--u) * var(--kn));color:var(--n);margin-bottom:calc(44 * var(--u) * var(--kn));transition:transform .2s}
.sob-ul-p svg{width:100%;height:100%}.sob-ul-p b{top:calc(11 * var(--u) * var(--kn));font-size:calc(13 * var(--u) * var(--kn));line-height:calc(16 * var(--u) * var(--kn))}
.sob-ulica li:hover .sob-ul-p{transform:translateY(calc(-6 * var(--u) * var(--kn)))}
.sob-ulica h3{font-size:calc(22 * var(--u) * var(--kn));line-height:calc(28 * var(--u) * var(--kn));margin-bottom:calc(12 * var(--u) * var(--kn))}.sob-ulica li>p{color:#666A7B}
/* local: warstwy */
.sob-war-w{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:calc(64 * var(--u) * var(--kn));align-items:center}
.sob-war-l{display:grid;gap:calc(10 * var(--u) * var(--kn));margin-top:calc(32 * var(--u) * var(--kn))}
.sob-sas-w{background:#fff;padding-top:calc(14 * var(--u) * var(--kn));padding-bottom:calc(14 * var(--u) * var(--kn))}
.sob-stos{position:relative;height:calc(440 * var(--u) * var(--kn));overflow:hidden}
.sob-stos-in{position:absolute;left:50%;top:50%;width:calc(280 * var(--u) * var(--kn));height:calc(280 * var(--u) * var(--kn));margin:calc(-150 * var(--u) * var(--kn)) 0 0 calc(-140 * var(--u) * var(--kn))}
.sob-war{position:absolute;inset:0;background:rgba(240,241,255,.78);box-shadow:0 0 0 1px rgba(87,104,255,.5);
 transform:translateY(calc(var(--i) * calc(-40 * var(--u) * var(--kn)) + calc(80 * var(--u) * var(--kn)))) rotateX(58deg) rotateZ(-45deg);transition:transform .35s,background .35s,box-shadow .35s}
.sob-war svg{width:100%;height:100%}
.sob-war-baza{background:var(--p);box-shadow:0 0 0 1px #CCCDD3,0 calc(30 * var(--u) * var(--kn)) calc(40 * var(--u) * var(--kn)) rgba(0,6,35,.08)}
.sob-war-w:has(.sob-war-l li:nth-child(1) a:hover) .sob-war:nth-child(5),.sob-war-w:has(.sob-war-l li:nth-child(2) a:hover) .sob-war:nth-child(4),.sob-war-w:has(.sob-war-l li:nth-child(3) a:hover) .sob-war:nth-child(3),.sob-war-w:has(.sob-war-l li:nth-child(4) a:hover) .sob-war:nth-child(2){
 background:rgba(87,104,255,.88);box-shadow:0 0 0 calc(2 * var(--u) * var(--kn)) var(--n),0 calc(20 * var(--u) * var(--kn)) calc(30 * var(--u) * var(--kn)) rgba(0,6,35,.16);transform:translateY(calc(var(--i) * calc(-40 * var(--u) * var(--kn)) + calc(50 * var(--u) * var(--kn)))) rotateX(58deg) rotateZ(-45deg)}
/* szerokości pośrednie i telefon */
@media (max-width:1280px){.sob-roz{grid-template-columns:minmax(0,1fr) calc(200 * var(--u) * var(--kn)) minmax(0,1fr)}.sob-roz-film{width:calc(112 * var(--u) * var(--kn))}
 .sob-droga{grid-template-columns:minmax(0,1fr) minmax(0,1fr) calc(48 * var(--u) * var(--kn)) minmax(0,1fr)}.sob-st{padding:calc(28 * var(--u) * var(--kn))}.sob-st-nie{padding:calc(26 * var(--u) * var(--kn))}}
@media (max-width:1100px){
 .sob-hero-in{gap:calc(40px * var(--kn))}.sob-h1{font-size:calc(44px * var(--ts) * var(--kn));line-height:calc(50px * var(--ts) * var(--kn))}
 .sob-wiz{left:auto;right:calc(16 * var(--u) * var(--kn));top:auto;bottom:calc(24 * var(--u) * var(--kn))}
 .sob-tel{width:calc(260 * var(--u) * var(--kn))}.sob-glosy li{font-size:calc(14 * var(--u) * var(--kn))}.sob-glos-0{top:0}.sob-glos-2{bottom:0}
 .sob-2k,.sob-tryb-w,.sob-leg-w,.sob-case-in,.sob-war-w,.sob-form-in{grid-template-columns:minmax(0,1fr);gap:calc(40 * var(--u) * var(--kn))}
 .sob-tasma{grid-template-columns:repeat(2,minmax(0,1fr))}
 .sob-rz{grid-template-columns:repeat(2,minmax(0,1fr))}
 .sob-rel{grid-template-columns:repeat(2,minmax(0,1fr))}.sob-rel li{min-height:calc(320 * var(--u) * var(--kn))}
 .sob-roz{grid-template-columns:minmax(0,1fr)}.sob-roz-s{display:none}.sob-roz-l{grid-template-rows:none}
 .sob-droga{grid-template-columns:minmax(0,1fr)}.sob-klik{height:calc(56 * var(--u) * var(--kn))}.sob-klik::before{left:50%;right:auto;top:0;bottom:calc(8 * var(--u) * var(--kn));border-top:0;border-left:calc(2 * var(--u) * var(--kn)) dashed var(--n)}
 .sob-klik::after{left:calc(50% - calc(7 * var(--u) * var(--kn)));right:auto;top:auto;bottom:calc(-4 * var(--u) * var(--kn));border-top:calc(10 * var(--u) * var(--kn)) solid var(--n);border-left:calc(8 * var(--u) * var(--kn)) solid transparent;border-right:calc(8 * var(--u) * var(--kn)) solid transparent;border-bottom:0}
 .sob-siat{grid-template-columns:repeat(2,minmax(0,1fr))}
 .sob-pow{grid-template-columns:minmax(0,1fr);gap:0}.sob-pow-l{display:none}
 .sob-pow-a{flex-direction:row;justify-content:flex-start;position:relative;margin-bottom:calc(40 * var(--u) * var(--kn))}.sob-pow-a svg{width:calc(64 * var(--u) * var(--kn))}
 .sob-pow-a::after{content:"";position:absolute;left:calc(60 * var(--u) * var(--kn));top:100%;height:calc(40 * var(--u) * var(--kn));border-left:calc(2 * var(--u) * var(--kn)) dashed var(--n)}
 .sob-trasa{grid-template-columns:minmax(0,1fr);gap:calc(16 * var(--u) * var(--kn))}.sob-trasa::before{left:calc(48 * var(--u) * var(--kn));right:auto;top:calc(22 * var(--u) * var(--kn));bottom:0;border-top:0;border-left:calc(3 * var(--u) * var(--kn)) dashed var(--n)}
 .sob-trasa li{display:grid;grid-template-columns:calc(100 * var(--u) * var(--kn)) minmax(0,1fr);align-items:start}.sob-tr-p{margin:0 0 0 calc(28 * var(--u) * var(--kn))}
 .sob-ulica ol{grid-template-columns:repeat(2,minmax(0,1fr))}.sob-jezdnia{display:none}.sob-ul-p{margin-bottom:calc(24 * var(--u) * var(--kn))}
 .sob-stos{height:calc(420 * var(--u) * var(--kn))}}
@media (max-width:900px){
 .sob-sek,.sob-form{padding:calc(64 * var(--u) * var(--kn)) 0}
 .sob-sek h2,.sob-form h2{font-size:calc(28 * var(--u) * var(--kn));line-height:calc(36 * var(--u) * var(--kn))}
 .sob-lead-s{font-size:calc(16 * var(--u) * var(--kn));line-height:calc(24 * var(--u) * var(--kn))}
 .sob-hero-in{grid-template-columns:minmax(0,1fr);min-height:0;gap:calc(48px * var(--kn));padding-top:calc(116px * var(--kn));padding-bottom:calc(56px * var(--kn))}
 .sob-h-local .sob-hero-in{grid-template-columns:minmax(0,1fr);gap:0}.sob-h-local .sob-hero-t{padding:calc(116px * var(--kn)) 0 calc(40px * var(--kn))}
 .sob-odt-w{max-width:calc(720 * var(--u) * var(--kn))}
 .sob-h1{font-size:calc(36px * var(--ts) * var(--kn));line-height:calc(42px * var(--ts) * var(--kn))}.sob-hl{font-size:calc(16px * var(--kn));line-height:calc(24px * var(--kn))}
 .sob-h-local .sob-hero-o{margin:0 calc(-20px * var(--kn));min-height:calc(480px * var(--kn))}
 .sob-syg{margin-top:calc(36 * var(--u) * var(--kn))}.sob-pier{width:calc(60 * var(--u) * var(--kn));height:calc(60 * var(--u) * var(--kn))}
 .sob-odt-tyl{display:none}.sob-odt-w{padding-top:calc(36 * var(--u) * var(--kn))}.sob-odt{margin:0;padding:calc(12 * var(--u) * var(--kn))}
 .sob-dym{left:auto;right:0;transform:none}.sob-dym::after{left:auto;right:calc(20 * var(--u) * var(--kn))}
 .sob-szuk{font-size:calc(14 * var(--u) * var(--kn))}
 .sob-tasma{grid-template-columns:minmax(0,1fr);padding:calc(36 * var(--u) * var(--kn)) calc(12 * var(--u) * var(--kn))}
 .sob-tasma li{display:grid;grid-template-columns:calc(112 * var(--u) * var(--kn)) minmax(0,1fr);gap:calc(14 * var(--u) * var(--kn));align-items:center;padding:calc(10 * var(--u) * var(--kn))}
 .sob-tasma p{margin:0}
 .sob-miara{display:none}.sob-scz{grid-template-columns:minmax(0,1fr)}.sob-scz-e{border-right:0;padding:calc(24 * var(--u) * var(--kn)) calc(20 * var(--u) * var(--kn)) 0;display:flex;flex-wrap:wrap;align-items:center;gap:calc(8 * var(--u) * var(--kn)) calc(16 * var(--u) * var(--kn))}
 .sob-scz-e .sob-ik{width:calc(32 * var(--u) * var(--kn));height:calc(32 * var(--u) * var(--kn))}.sob-scz-n{margin:0}.sob-scz-e .sob-eks{flex-basis:100%}
 .sob-scz-t{padding:calc(20 * var(--u) * var(--kn)) calc(20 * var(--u) * var(--kn)) calc(28 * var(--u) * var(--kn))}.sob-klip{margin-left:0;width:100%}
 .sob-rz{grid-template-columns:minmax(0,1fr);gap:calc(28 * var(--u) * var(--kn))}.sob-pas{margin:calc(36 * var(--u) * var(--kn)) 0 calc(28 * var(--u) * var(--kn))}
 .sob-sas{padding:calc(16 * var(--u) * var(--kn))}
 .sob-form-k{padding:calc(24 * var(--u) * var(--kn)) calc(20 * var(--u) * var(--kn));margin:0 calc(-20 * var(--u) * var(--kn))}.sob-form-k .form{grid-template-columns:minmax(0,1fr)}
 .sob-soc{flex-direction:column;align-items:center;gap:calc(20 * var(--u) * var(--kn))}
 .sob-glosy{display:flex;flex-wrap:wrap;gap:calc(10 * var(--u) * var(--kn));justify-content:center}
 .sob-glosy li{position:static;animation:none;font-size:calc(14 * var(--u) * var(--kn));padding:calc(6 * var(--u) * var(--kn)) calc(14 * var(--u) * var(--kn)) calc(6 * var(--u) * var(--kn)) calc(6 * var(--u) * var(--kn))}.sob-av{width:calc(26 * var(--u) * var(--kn));height:calc(26 * var(--u) * var(--kn))}
 .sob-tel{width:calc(280 * var(--u) * var(--kn))}
 .sob-tryb{grid-template-columns:minmax(0,1fr);gap:calc(24 * var(--u) * var(--kn));padding:calc(20 * var(--u) * var(--kn))}.sob-tryb li{display:flow-root}
 .sob-tryb-r{float:right;width:calc(96 * var(--u) * var(--kn));margin:0 0 calc(8 * var(--u) * var(--kn)) calc(16 * var(--u) * var(--kn))}.sob-tryb h3{margin-top:0}
 .sob-rel{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:82%;overflow-x:auto;scroll-snap-type:x mandatory;margin-right:calc(-20 * var(--u) * var(--kn));padding:0 calc(20 * var(--u) * var(--kn)) calc(8 * var(--u) * var(--kn)) 0}
 .sob-rel li{scroll-snap-align:start;min-height:calc(320 * var(--u) * var(--kn))}
 .sob-pow{margin:calc(40 * var(--u) * var(--kn)) 0 calc(32 * var(--u) * var(--kn))}.sob-pow-r{gap:calc(16 * var(--u) * var(--kn))}.sob-pow-k{padding:calc(20 * var(--u) * var(--kn))}
 .sob-siat{grid-template-columns:minmax(0,1fr)}
 .sob-mapa .sob-szuk-mapa{left:calc(20 * var(--u) * var(--kn));right:calc(20 * var(--u) * var(--kn));top:calc(20 * var(--u) * var(--kn))}
 .sob-wiz{left:calc(20 * var(--u) * var(--kn));right:calc(20 * var(--u) * var(--kn));top:auto;bottom:calc(20 * var(--u) * var(--kn));width:auto}
 .sob-leg{padding:calc(20 * var(--u) * var(--kn))}
 .sob-lb b{font-size:calc(36 * var(--u) * var(--kn));line-height:calc(40 * var(--u) * var(--kn))}
 .sob-wyk{padding:calc(20 * var(--u) * var(--kn));margin:0 calc(-20 * var(--u) * var(--kn))}.sob-wyk-d{display:none!important}.sob-wyk-t{display:block!important}
 .sob-trasa li{grid-template-columns:minmax(0,1fr)}.sob-trasa::before{display:none}.sob-tr-p{margin:0 0 calc(12 * var(--u) * var(--kn)) 0}.sob-tr-k{padding:calc(24 * var(--u) * var(--kn)) calc(20 * var(--u) * var(--kn))}
 .sob-ulica ol{grid-template-columns:minmax(0,1fr);gap:calc(28 * var(--u) * var(--kn))}.sob-ulica li{position:relative;padding-left:calc(64 * var(--u) * var(--kn))}.sob-ul-p{position:absolute;left:0;top:0;margin:0}
 .sob-stos{height:calc(340 * var(--u) * var(--kn))}.sob-stos-in{transform:scale(.74)}}
@media (prefers-reduced-motion:reduce){.sob-kursor,.sob-pin-ty i,.sob-glosy li{animation:none}}
/* ===== DOCELOWA (2.10 wieczór): sekcja = ekran (E46), paleta (E47) ===== */
/* social: linie rozjazdu bez proporcji z viewBox (wysokość rzędu dają karty, nie rysunek linii) */
.sob-pow-l{aspect-ratio:auto;height:auto;min-height:calc(200 * var(--u) * var(--kn))}
@media (min-width:1100px) and (min-aspect-ratio:4/3){
 /* odstępy sekcji od wysokości okna: na niższych oknach ciaśniej zamiast wycinania treści */
 main>section.sob-sek.d-ek{padding-top:clamp(calc(28 * var(--u) * var(--kn)),calc(min(5vh, 54px) * var(--kn)),calc(96 * var(--u) * var(--kn)));padding-bottom:clamp(calc(28 * var(--u) * var(--kn)),calc(min(5vh, 54px) * var(--kn)),calc(96 * var(--u) * var(--kn)))}
 .sob-sek.d-ek .sob-mont,.sob-sek.d-ek .sob-tasma,.sob-sek.d-ek .sob-droga,.sob-sek.d-ek .sob-rel,.sob-sek.d-ek .sob-trasa,
 .sob-sek.d-ek .sob-ulica,.sob-sek.d-ek .sob-roz{margin-top:clamp(calc(20 * var(--u) * var(--kn)),calc(min(4vh, 43.2px) * var(--kn)),calc(48 * var(--u) * var(--kn)))}
 /* social: popyt wraca do wyszukiwarki; rozjazd liczony od wysokości okna */
 .sob-sek.d-ek .sob-pow{margin:clamp(calc(20 * var(--u) * var(--kn)),calc(min(3.6vh, 38.88px) * var(--kn)),calc(40 * var(--u) * var(--kn))) 0 clamp(calc(16 * var(--u) * var(--kn)),calc(min(3vh, 32.4px) * var(--kn)),calc(32 * var(--u) * var(--kn)))}
 .sob-sek.d-ek .sob-pow-l{min-height:0;height:clamp(calc(180 * var(--u)),min(30vh, 324px),calc(300 * var(--u)))}
}

/*@@KONIEC st_obszary_b@@*/

/*@@MODUL st_obszary_c@@*/

/* ── st_obszary_c (soc): Voice Search · Content · User Experience · Analytics ── */
.soc-sek{padding:calc(120 * var(--u) * var(--kn)) 0}.soc-biale{background:#fff}.soc-jasne{background:#F9F9F9}.soc-lila{background:#F0F1FF}
.soc-granat{background:#000623;color:#fff}.soc-granat .etyk{color:#fff}.soc-granat em{color:#5768FF}
.soc-kotw{scroll-margin-top:calc(80 * var(--u) * var(--kn))}
.soc-sek h2,.soc-form h2{font-size:calc(40 * var(--u) * var(--kn));line-height:calc(48 * var(--u) * var(--kn));margin:0 0 calc(16 * var(--u) * var(--kn));max-width:calc(860 * var(--u) * var(--kn))}
.soc-sek h2,.soc-sek h3,.soc-faq h2{text-wrap:balance}
.soc-lead{font-size:calc(18 * var(--u) * var(--kn));line-height:calc(28 * var(--u) * var(--kn));color:#666A7B;max-width:calc(720 * var(--u) * var(--kn));margin:0;text-wrap:pretty}.soc-granat .soc-lead{color:#808291}
.soc-glowka{margin-bottom:calc(56 * var(--u) * var(--kn))}.soc-c{text-align:center}.soc-c h2,.soc-c .soc-lead{margin-left:auto;margin-right:auto}
.soc-2k{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:calc(80 * var(--u) * var(--kn));align-items:start}
.soc-2k>div>p:not(.etyk):not(.soc-lead){font-size:calc(18 * var(--u) * var(--kn));line-height:calc(28 * var(--u) * var(--kn))}.soc-2k>div>p+p{margin-top:calc(16 * var(--u) * var(--kn))}
.soc-r{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.soc-nr{display:grid;place-items:center;width:calc(48 * var(--u) * var(--kn));height:calc(48 * var(--u) * var(--kn));border-radius:50%;background:#5768FF;color:#fff;font-weight:500;font-size:calc(17 * var(--u) * var(--kn))}
.soc-dalej{display:inline-flex;gap:calc(8 * var(--u) * var(--kn));margin-top:calc(20 * var(--u) * var(--kn));color:#4E5EE5;font-weight:500;text-decoration:none}
.soc-dalej::after{content:none;transition:transform .2s}.soc-dalej:hover::after{transform:translateX(calc(4 * var(--u) * var(--kn)))}
.soc-dalej-j{color:#fff}
.soc-ik{width:calc(48 * var(--u) * var(--kn));height:calc(48 * var(--u) * var(--kn));flex:none}
.soc-v-et{font-size:calc(13 * var(--u) * var(--kn));line-height:calc(18 * var(--u) * var(--kn));color:#666A7B;text-transform:uppercase;letter-spacing:.07em;margin:0 0 calc(8 * var(--u) * var(--kn));font-weight:500}
.soc-granat .soc-v-et{color:#808291}
/* blok przełączany (TEST-02): komputer lista po lewej i panel po prawej, telefon akordeon (panel pod swoją etykietą);
   przyczyna i skutek w jednym widoku, radio tuż przed etykietą, bez kotwiczenia przewijania i bez animacji wysokości */
.soc-ak{position:relative;display:grid;grid-template-columns:minmax(0,calc(300 * var(--u) * var(--kn))) minmax(0,1fr);grid-template-rows:repeat(var(--n),auto) 1fr;column-gap:calc(40 * var(--u) * var(--kn));row-gap:calc(8 * var(--u) * var(--kn));align-items:start;overflow-anchor:none}
.soc-ak-r{grid-column:1;top:0;left:0}
.soc-ak-l{grid-column:1;display:flex;align-items:center;justify-content:space-between;gap:calc(12 * var(--u) * var(--kn));cursor:pointer;border:1px solid #CCCDD3;border-radius:calc(5 * var(--u) * var(--kn));padding:calc(14 * var(--u) * var(--kn)) calc(18 * var(--u) * var(--kn));font-size:calc(16 * var(--u) * var(--kn));line-height:calc(22 * var(--u) * var(--kn));font-weight:500;background:#fff;color:#000623;transition:border-color .2s}
.soc-ak-l::after{content:"→";flex:none;color:#4E5EE5}
.soc-ak-l:hover{border-color:#000623}
.soc-ak-r:checked+.soc-ak-l{background:#F0F1FF;color:#000623;border-color:#F0F1FF;box-shadow:inset calc(4 * var(--u) * var(--kn)) 0 0 #5768FF}.soc-ak-r:checked+.soc-ak-l::after{color:#5768FF}
.soc-ak-r:focus-visible+.soc-ak-l{outline:calc(2 * var(--u) * var(--kn)) solid #5768FF;outline-offset:calc(2 * var(--u) * var(--kn))}
.soc-ak-p{display:none;grid-column:2;grid-row:1/-1;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:calc(40 * var(--u) * var(--kn));align-items:center;background:#F9F9F9;border-radius:calc(5 * var(--u) * var(--kn));padding:calc(32 * var(--u) * var(--kn))}
.soc-ak-r:checked+.soc-ak-l+.soc-ak-p{display:grid}
.soc-ak-c,.soc-ak-lc{display:none}
@media (min-width:901px){.soc-ak-r:checked+.soc-ak-l+.soc-ak-c+.soc-ak-lc+.soc-ak-p{display:grid}}
.soc-ak-t>p{font-size:calc(18 * var(--u) * var(--kn));line-height:calc(28 * var(--u) * var(--kn));color:#666A7B}.soc-ak-t .soc-dalej{margin-top:calc(16 * var(--u) * var(--kn))}
.soc-ak-h{display:none}
/* podpis rodziny */
.soc-sig{display:inline-flex;align-items:center;gap:calc(14 * var(--u) * var(--kn));text-decoration:none;color:inherit}
.soc-pier{width:calc(64 * var(--u) * var(--kn));height:calc(64 * var(--u) * var(--kn));flex:none;display:block;overflow:visible}
.soc-pier-h{transform-box:fill-box;transform-origin:center;animation:soc-halo 2.4s ease-in-out infinite}
@keyframes soc-halo{50%{transform:scale(1.5);opacity:.5}}
.soc-sig-t{display:flex;flex-direction:column;font-size:calc(14 * var(--u) * var(--kn));line-height:calc(20 * var(--u) * var(--kn))}.soc-sig-t span{color:#666A7B}
.soc-sig-t b{font-weight:500}.soc-sig:hover b{text-decoration:underline;text-underline-offset:calc(3 * var(--u) * var(--kn))}
.soc-ciemne .soc-sig-t span{color:#808291}
/* hero */
.soc-hero{position:relative;min-height:min(100vh, 1080px);min-height:min(100svh, 1080px);display:flex;flex-direction:column;overflow:hidden;background:#F0F1FF;color:#000623}
.soc-hero.soc-ciemne{background:#000623;color:#fff}.soc-ciemne em{color:#5768FF}
.soc-hero-in{flex:1 0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:calc(64px * var(--kn));align-items:center;padding-top:calc(124px * var(--kn));padding-bottom:calc(64px * var(--kn))}
.soc-hero h1{font-size:calc(56px * var(--ts) * var(--kn));line-height:1;margin:calc(28px * var(--kn)) 0 calc(20px * var(--kn));max-width:calc(680 * var(--u) * var(--kn))}
.soc-hero-lead{font-size:calc(18px * var(--kn));line-height:calc(28px * var(--ts) * var(--kn));max-width:calc(560 * var(--u) * var(--kn))}
.soc-przyc{display:flex;flex-wrap:wrap;gap:calc(12px * var(--kn));margin-top:calc(32px * var(--kn))}
.soc-przyc .btn{margin:0;min-height:calc(52px * var(--kn));padding:calc(14px * var(--kn)) calc(24px * var(--kn));font-size:calc(18px * var(--kn))}
.soc-ciemne .btn-drugi{color:#fff;box-shadow:inset 0 0 0 1px #fff}.soc-ciemne .btn-drugi:hover{background:#fff;color:#000623}
.soc-hero-o{position:relative;display:flex;justify-content:flex-end}
/* 1. voice */
.soc-v-sc{position:relative;margin:0;width:100%;max-width:calc(600 * var(--u) * var(--kn));display:flex;flex-direction:column;gap:calc(24 * var(--u) * var(--kn));padding:calc(24 * var(--u) * var(--kn)) 0}
.soc-v-sc>*{position:relative;z-index:1}
.soc-v-sc>.soc-v-kregi{position:absolute;z-index:0;left:50%;top:50%;width:calc(780 * var(--u) * var(--kn));height:calc(780 * var(--u) * var(--kn));transform:translate(-50%,-50%);pointer-events:none}
.soc-v-pyt{display:flex;align-items:center;gap:calc(14 * var(--u) * var(--kn));background:#fff;color:#000623;padding:calc(14 * var(--u) * var(--kn)) calc(24 * var(--u) * var(--kn)) calc(14 * var(--u) * var(--kn)) calc(14 * var(--u) * var(--kn));border-radius:calc(40 * var(--u) * var(--kn));align-self:flex-start;max-width:92%}
.soc-v-pyt p{font-size:calc(18 * var(--u) * var(--kn));line-height:calc(26 * var(--u) * var(--kn));font-weight:500}
.soc-v-mic{width:calc(44 * var(--u) * var(--kn));height:calc(44 * var(--u) * var(--kn));border-radius:50%;background:#5768FF;color:#fff;display:grid;place-items:center;flex:none}
.soc-v-mic svg{width:calc(24 * var(--u) * var(--kn));height:calc(24 * var(--u) * var(--kn))}
.soc-v-fala{width:100%;height:calc(120 * var(--u) * var(--kn));display:block}
.soc-v-fala rect,.soc-v-slad rect{transform-box:fill-box;transform-origin:center;animation:soc-puls 1.6s ease-in-out infinite alternate}
@keyframes soc-puls{from{transform:scaleY(.35)}to{transform:scaleY(1)}}
.soc-v-odp{align-self:flex-end;background:#5768FF;color:#fff;padding:calc(22 * var(--u) * var(--kn)) calc(28 * var(--u) * var(--kn));border-radius:calc(5 * var(--u) * var(--kn));max-width:88%}
.soc-v-zd{font-size:calc(26 * var(--u) * var(--kn));line-height:calc(34 * var(--u) * var(--kn));font-weight:500}
.soc-v-zd b{font-weight:500;text-decoration:underline;text-underline-offset:calc(6 * var(--u) * var(--kn));text-decoration-thickness:calc(2 * var(--u) * var(--kn))}
.soc-v-cisza{align-self:flex-end;width:88%;display:flex;align-items:center;gap:calc(10 * var(--u) * var(--kn));color:#808291}
.soc-v-cisza span{display:flex}.soc-v-cisza svg{width:calc(22 * var(--u) * var(--kn));height:calc(22 * var(--u) * var(--kn))}.soc-v-cisza i{flex:1;height:calc(10 * var(--u) * var(--kn));border-radius:calc(5 * var(--u) * var(--kn));background:rgba(128,130,145,.35)}
.soc-v-cisza i:nth-child(3){flex:.7}.soc-v-cisza i:nth-child(4){flex:.45}
.soc-v-2k{align-items:center}
.soc-v-por{display:flex;flex-direction:column;gap:calc(20 * var(--u) * var(--kn));background:#F9F9F9;border-radius:calc(5 * var(--u) * var(--kn));padding:calc(40 * var(--u) * var(--kn))}
.soc-v-pole{display:flex;align-items:center;justify-content:space-between;gap:calc(12 * var(--u) * var(--kn));background:#fff;border:1px solid #CCCDD3;border-radius:calc(28 * var(--u) * var(--kn));padding:calc(14 * var(--u) * var(--kn)) calc(22 * var(--u) * var(--kn));font-size:calc(17 * var(--u) * var(--kn));line-height:calc(24 * var(--u) * var(--kn))}
.soc-v-pole svg{width:calc(22 * var(--u) * var(--kn));height:calc(22 * var(--u) * var(--kn));flex:none}
.soc-v-dym{display:flex;gap:calc(14 * var(--u) * var(--kn));align-items:flex-start;background:#fff;border:calc(2 * var(--u) * var(--kn)) solid #5768FF;border-radius:calc(5 * var(--u) * var(--kn));padding:calc(18 * var(--u) * var(--kn)) calc(20 * var(--u) * var(--kn))}
.soc-v-dym p{font-size:calc(22 * var(--u) * var(--kn));line-height:calc(32 * var(--u) * var(--kn));font-weight:500}
.soc-v-dym u{text-decoration:none;background:linear-gradient(#5768FF,#5768FF) 0 100%/100% calc(3 * var(--u) * var(--kn)) no-repeat}
.soc-v-miejsca{list-style:none;margin:calc(32 * var(--u) * var(--kn)) 0 0;padding:0;display:flex;flex-wrap:wrap;gap:calc(12 * var(--u) * var(--kn))}
.soc-v-miejsca li{width:calc(80 * var(--u) * var(--kn));height:calc(80 * var(--u) * var(--kn));background:#F0F1FF;border-radius:calc(5 * var(--u) * var(--kn));display:grid;place-items:center}
.soc-v-ik{width:calc(56 * var(--u) * var(--kn));height:calc(56 * var(--u) * var(--kn));flex:none}
.soc-v-tory{display:flex;flex-direction:column;gap:calc(12 * var(--u) * var(--kn))}
.soc-v-tor{display:grid;grid-template-columns:calc(160 * var(--u) * var(--kn)) minmax(0,1fr) minmax(0,1.6fr);gap:calc(40 * var(--u) * var(--kn));align-items:center;background:#fff;border-radius:calc(5 * var(--u) * var(--kn));padding:calc(24 * var(--u) * var(--kn)) calc(32 * var(--u) * var(--kn))}
.soc-v-slad{width:calc(160 * var(--u) * var(--kn));height:calc(60 * var(--u) * var(--kn));display:block}
.soc-v-tor-brak{background:#F9F9F9;border:1px dashed #808291}
.soc-v-tt h3{margin:0;font-size:calc(22 * var(--u) * var(--kn));line-height:calc(28 * var(--u) * var(--kn))}.soc-v-tx{color:#666A7B}
.soc-ludzie{display:flex;align-items:center;justify-content:space-between;gap:calc(24 * var(--u) * var(--kn)) calc(40 * var(--u) * var(--kn));margin-top:calc(48 * var(--u) * var(--kn));padding-top:calc(32 * var(--u) * var(--kn));border-top:1px solid #CCCDD3;flex-wrap:wrap}
.soc-ludzie>p{font-size:calc(18 * var(--u) * var(--kn));line-height:calc(26 * var(--u) * var(--kn));max-width:calc(480 * var(--u) * var(--kn))}.soc-ludzie strong{font-weight:500}
.soc-ludzie ul{display:flex;flex-wrap:wrap;gap:calc(16 * var(--u) * var(--kn)) calc(28 * var(--u) * var(--kn));list-style:none;margin:0;padding:0}
.soc-ludzie li{display:flex;align-items:center;gap:calc(12 * var(--u) * var(--kn))}
.soc-ludzie img{width:calc(56 * var(--u) * var(--kn));height:calc(56 * var(--u) * var(--kn));border-radius:50%;object-fit:cover;box-shadow:0 0 0 calc(3 * var(--u) * var(--kn)) #fff;flex:none}
.soc-ludzie b{display:block;font-weight:500;font-size:calc(15 * var(--u) * var(--kn));line-height:calc(20 * var(--u) * var(--kn))}.soc-ludzie b a{color:inherit;text-decoration:none}
.soc-ludzie b a:hover{text-decoration:underline}.soc-ludzie small{display:block;font-size:calc(13 * var(--u) * var(--kn));line-height:calc(18 * var(--u) * var(--kn));color:#666A7B}
.soc-ludzie-s{justify-content:flex-start}
.soc-granat .soc-ludzie{border-color:rgba(255,255,255,.18)}.soc-granat .soc-ludzie small{color:#808291}.soc-granat .soc-ludzie img{box-shadow:0 0 0 calc(3 * var(--u) * var(--kn)) #000623}
.soc-v-kw{position:relative}.soc-v-kfala{position:absolute;left:0;top:0;width:100%;height:calc(90 * var(--u) * var(--kn))}
.soc-kroki4{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));position:relative}
.soc-kroki4 li{text-align:center;padding:0 calc(20 * var(--u) * var(--kn))}
.soc-kroki4 .soc-nr{width:calc(56 * var(--u) * var(--kn));height:calc(56 * var(--u) * var(--kn));margin:calc(17 * var(--u) * var(--kn)) auto calc(28 * var(--u) * var(--kn));box-shadow:0 0 0 calc(10 * var(--u) * var(--kn)) #000623;font-size:calc(18 * var(--u) * var(--kn))}
.soc-kropki .soc-nr{width:calc(22 * var(--u) * var(--kn));height:calc(22 * var(--u) * var(--kn));margin:calc(34 * var(--u) * var(--kn)) auto calc(28 * var(--u) * var(--kn));box-shadow:0 0 0 calc(8 * var(--u) * var(--kn)) #000623}
.soc-kroki4 h3,.soc-kroki2 h3,.soc-lista h3{color:#fff;font-size:calc(22 * var(--u) * var(--kn));line-height:calc(28 * var(--u) * var(--kn))}
.soc-kroki4 p,.soc-kroki2 p,.soc-lista p{color:#808291}
.soc-v-zr{display:grid;grid-template-columns:minmax(0,1fr) calc(280 * var(--u) * var(--kn)) minmax(0,1fr);align-items:stretch}
.soc-v-kol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:calc(20 * var(--u) * var(--kn));justify-content:center}
.soc-v-ch{display:flex;align-items:center}.soc-v-ch-p{flex-direction:row-reverse}
.soc-v-ch a{flex:0 1 calc(300 * var(--u) * var(--kn));background:#fff;border-radius:calc(5 * var(--u) * var(--kn));padding:calc(18 * var(--u) * var(--kn)) calc(22 * var(--u) * var(--kn));color:#000623;text-decoration:none;display:block;transition:box-shadow .2s}
.soc-v-ch a b{display:block;font-weight:500;font-size:calc(18 * var(--u) * var(--kn));line-height:calc(24 * var(--u) * var(--kn))}
.soc-v-ch a:hover{box-shadow:0 0 0 calc(2 * var(--u) * var(--kn)) #5768FF}
.soc-v-ln{flex:1 1 calc(24 * var(--u) * var(--kn));min-width:calc(24 * var(--u) * var(--kn));border-top:calc(2 * var(--u) * var(--kn)) dashed #5768FF}.soc-v-ch:hover .soc-v-ln{border-top-style:solid}
.soc-v-cent{background:#000623;color:#fff;border-radius:calc(5 * var(--u) * var(--kn));display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:calc(32 * var(--u) * var(--kn)) calc(24 * var(--u) * var(--kn));gap:calc(12 * var(--u) * var(--kn))}
.soc-v-cent .soc-v-mic{width:calc(64 * var(--u) * var(--kn));height:calc(64 * var(--u) * var(--kn))}.soc-v-cent .soc-v-mic svg{width:calc(32 * var(--u) * var(--kn));height:calc(32 * var(--u) * var(--kn))}
.soc-v-cent-t{font-size:calc(28 * var(--u) * var(--kn));line-height:calc(34 * var(--u) * var(--kn));font-weight:500}
/* FAQ i formularz */
.soc-faq .soc-ludzie{flex-direction:column;align-items:flex-start;border:0;margin-top:calc(28 * var(--u) * var(--kn));padding-top:0;gap:calc(20 * var(--u) * var(--kn))}
.soc-faq .soc-ludzie ul{flex-direction:column;gap:calc(14 * var(--u) * var(--kn))}
.soc-form{background:#F0F1FF;padding:calc(120 * var(--u) * var(--kn)) 0;scroll-margin-top:calc(80 * var(--u) * var(--kn))}
.soc-form-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,calc(640 * var(--u) * var(--kn)));gap:calc(80 * var(--u) * var(--kn));align-items:center}
.soc-pier-d{width:calc(96 * var(--u) * var(--kn));height:calc(96 * var(--u) * var(--kn));margin-bottom:calc(32 * var(--u) * var(--kn))}
.soc-kto{display:flex;align-items:center;gap:calc(14 * var(--u) * var(--kn));margin-top:calc(32 * var(--u) * var(--kn));font-size:calc(16 * var(--u) * var(--kn));line-height:calc(22 * var(--u) * var(--kn))}
.soc-twarze{display:flex;flex:none}.soc-twarze img{width:calc(52 * var(--u) * var(--kn));height:calc(52 * var(--u) * var(--kn));border-radius:50%;object-fit:cover;box-shadow:0 0 0 calc(3 * var(--u) * var(--kn)) #F0F1FF}
.soc-twarze img+img{margin-left:calc(-14 * var(--u) * var(--kn))}.soc-kto b{font-weight:500}
.soc-form-k{background:#fff;padding:calc(36 * var(--u) * var(--kn)) calc(40 * var(--u) * var(--kn));border-radius:calc(5 * var(--u) * var(--kn))}
.soc-form-k .form{margin-top:0;gap:calc(12 * var(--u) * var(--kn))}
.soc-form-k .pole input,.soc-form-k .pole select,.soc-form-k .pole textarea{min-height:calc(52 * var(--u) * var(--kn));padding:calc(14 * var(--u) * var(--kn)) calc(16 * var(--u) * var(--kn))}
.soc-form-k .pole textarea{min-height:calc(96 * var(--u) * var(--kn));resize:vertical}
.soc-form-k .form .btn{justify-self:stretch;min-height:calc(56 * var(--u) * var(--kn));font-size:calc(18 * var(--u) * var(--kn))}
/* 2. content */
.soc-c-fig{margin:0;width:100%;max-width:calc(580 * var(--u) * var(--kn));position:relative}
.soc-c-mapa,.soc-c-kan{position:relative;aspect-ratio:1/1;width:100%}
.soc-c-kan{position:absolute;left:0;top:0}
.soc-c-sv{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.soc-c-l{animation:soc-dash 1.2s linear infinite;transition:stroke .2s}@keyframes soc-dash{to{stroke-dashoffset:-16}}
.soc-c-sat,.soc-c-fil,.soc-c-k{position:absolute;left:calc(var(--x)*1%);top:calc(var(--y)*1%);transform:translate(-50%,-50%)}
.soc-c-fil{background:#000623;color:#fff;border-radius:calc(5 * var(--u) * var(--kn));padding:calc(18 * var(--u) * var(--kn)) calc(16 * var(--u) * var(--kn));text-align:center;width:calc(160 * var(--u) * var(--kn));box-sizing:border-box}
.soc-c-fil small{display:block;color:#808291;font-size:calc(13 * var(--u) * var(--kn));line-height:calc(18 * var(--u) * var(--kn))}.soc-c-fil span{display:block;font-size:calc(20 * var(--u) * var(--kn));line-height:calc(26 * var(--u) * var(--kn));font-weight:500}
.soc-c-sat{background:#fff;border:1px solid #CCCDD3;border-radius:calc(5 * var(--u) * var(--kn));padding:calc(10 * var(--u) * var(--kn)) calc(14 * var(--u) * var(--kn));width:calc(150 * var(--u) * var(--kn));box-sizing:border-box}
.soc-c-sat span{display:block;font-size:calc(15 * var(--u) * var(--kn));line-height:calc(20 * var(--u) * var(--kn));font-weight:500}
.soc-c-k{background:#fff;border:calc(1.5 * var(--u) * var(--kn)) solid #5768FF;color:#000623;border-radius:calc(20 * var(--u) * var(--kn));padding:calc(6 * var(--u) * var(--kn)) calc(14 * var(--u) * var(--kn));font-size:calc(14 * var(--u) * var(--kn));line-height:calc(20 * var(--u) * var(--kn));font-weight:500;text-decoration:none;white-space:nowrap;transition:background .2s,color .2s}
.soc-c-k:hover,.soc-c-k:focus-visible{background:#F0F1FF;color:#000623;border-color:#5768FF}
.soc-zak{display:flex;flex-wrap:wrap;gap:calc(8 * var(--u) * var(--kn));margin-bottom:calc(20 * var(--u) * var(--kn))}
.soc-zak label{cursor:pointer;border:1px solid #CCCDD3;border-radius:calc(5 * var(--u) * var(--kn));padding:calc(10 * var(--u) * var(--kn)) calc(16 * var(--u) * var(--kn));font-size:calc(15 * var(--u) * var(--kn));line-height:calc(20 * var(--u) * var(--kn));background:#fff;color:#000623;transition:border-color .2s}
.soc-zak label:hover{border-color:#000623}
.soc-mk{width:100%;height:auto;display:block}
.soc-pasy{border-top:1px solid #CCCDD3}
.soc-pas{display:grid;grid-template-columns:calc(260 * var(--u) * var(--kn)) minmax(0,1fr);gap:calc(48 * var(--u) * var(--kn));padding:calc(32 * var(--u) * var(--kn)) 0;border-bottom:1px solid #CCCDD3;align-items:center}
.soc-pas-e{display:flex;align-items:center;gap:calc(14 * var(--u) * var(--kn))}.soc-pas-e p{font-size:calc(22 * var(--u) * var(--kn));line-height:calc(28 * var(--u) * var(--kn));font-weight:500;transition:color .2s}
.soc-pas:hover .soc-pas-e p{color:#4E5EE5}
.soc-pas h3{font-size:calc(24 * var(--u) * var(--kn));line-height:calc(30 * var(--u) * var(--kn))}.soc-pas h3+p{color:#666A7B;font-size:calc(17 * var(--u) * var(--kn));line-height:calc(26 * var(--u) * var(--kn))}
.soc-cykl-w{display:grid;grid-template-columns:minmax(0,calc(480 * var(--u) * var(--kn))) minmax(0,1fr);gap:calc(96 * var(--u) * var(--kn));align-items:center}
.soc-cykl-b{position:relative;width:100%;max-width:calc(340 * var(--u) * var(--kn));margin-top:calc(40 * var(--u) * var(--kn))}
.soc-cykl{width:100%;height:auto;display:block;overflow:visible}
.soc-cykl-c{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:calc(124 * var(--u) * var(--kn));height:calc(124 * var(--u) * var(--kn));border-radius:50%;background:#fff;color:#000623;display:grid;place-items:center;text-align:center;font-weight:500;font-size:calc(16 * var(--u) * var(--kn));line-height:calc(20 * var(--u) * var(--kn));padding:0 calc(18 * var(--u) * var(--kn));box-sizing:border-box}
.soc-kroki2{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(48 * var(--u) * var(--kn)) calc(40 * var(--u) * var(--kn))}
.soc-kroki2 .soc-nr{margin-bottom:calc(20 * var(--u) * var(--kn))}
.soc-cs-s{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(20 * var(--u) * var(--kn))}
.soc-cs{display:flex;flex-direction:column;background:#F9F9F9;border-radius:calc(5 * var(--u) * var(--kn));padding:calc(32 * var(--u) * var(--kn));color:#000623;text-decoration:none;transition:box-shadow .2s}
.soc-cs:hover{box-shadow:inset 0 0 0 calc(2 * var(--u) * var(--kn)) #5768FF}
.soc-cs-k{font-size:calc(13 * var(--u) * var(--kn));line-height:calc(18 * var(--u) * var(--kn));color:#4E5EE5;font-weight:500;text-transform:uppercase;letter-spacing:.06em;margin-bottom:calc(12 * var(--u) * var(--kn))}
.soc-cs h3{font-size:calc(24 * var(--u) * var(--kn));line-height:calc(30 * var(--u) * var(--kn))}.soc-cs-t{color:#666A7B;margin-top:calc(8 * var(--u) * var(--kn));flex:1}
.soc-cs-l{margin-top:calc(28 * var(--u) * var(--kn));padding-top:calc(24 * var(--u) * var(--kn));border-top:1px solid #CCCDD3}
.soc-cs-l b{display:block;font-size:calc(48 * var(--u) * var(--kn));line-height:calc(52 * var(--u) * var(--kn));font-weight:500;letter-spacing:-.02em}
.soc-cs-l span{display:block;font-size:calc(15 * var(--u) * var(--kn));line-height:calc(22 * var(--u) * var(--kn));margin-top:calc(4 * var(--u) * var(--kn))}.soc-cs-l small{display:block;font-size:calc(13 * var(--u) * var(--kn));line-height:calc(18 * var(--u) * var(--kn));color:#666A7B;margin-top:calc(8 * var(--u) * var(--kn))}
.soc-cs-bez span{color:#666A7B}
/* 3. ux */
.soc-hero-ux{background:#F9F9F9}
.soc-hero-ux .soc-hero-in{grid-template-columns:minmax(0,calc(820 * var(--u) * var(--kn)));flex:0 0 auto;padding-bottom:calc(16px * var(--kn))}.soc-hero-ux .soc-hero-o{display:none}
.soc-hero-ux h1{max-width:calc(820 * var(--u) * var(--kn))}
.soc-u-pas{flex:1 0 auto;display:flex;align-items:flex-end;padding-bottom:calc(32 * var(--u) * var(--kn))}
.soc-u-fig{margin:0;width:100%}.soc-u-sv{width:100%;height:auto;display:block}.soc-u-t{display:none}
.soc-um-pk{list-style:none;margin:calc(20 * var(--u) * var(--kn)) 0 0;padding:0;display:flex;flex-direction:column;gap:calc(10 * var(--u) * var(--kn))}
.soc-um-pk li{display:flex;gap:calc(12 * var(--u) * var(--kn));align-items:flex-start;font-size:calc(16 * var(--u) * var(--kn));line-height:calc(24 * var(--u) * var(--kn))}
.soc-um-pk span{flex:none;display:grid;place-items:center;width:calc(26 * var(--u) * var(--kn));height:calc(26 * var(--u) * var(--kn));border-radius:50%;background:#5768FF;color:#fff;font-size:calc(13 * var(--u) * var(--kn));font-weight:500;line-height:1}
.soc-k-w{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:calc(80 * var(--u) * var(--kn));align-items:center}
.soc-k-t>p:not(.etyk){font-size:calc(17 * var(--u) * var(--kn));line-height:calc(27 * var(--u) * var(--kn))}.soc-k-t>p+p{margin-top:calc(12 * var(--u) * var(--kn))}
.soc-cyt{margin:calc(32 * var(--u) * var(--kn)) 0;padding:calc(4 * var(--u) * var(--kn)) 0 calc(4 * var(--u) * var(--kn)) calc(28 * var(--u) * var(--kn));border-left:calc(3 * var(--u) * var(--kn)) solid #5768FF}
.soc-cyt p{font-size:calc(22 * var(--u) * var(--kn));line-height:calc(32 * var(--u) * var(--kn));font-weight:500}.soc-cyt footer{margin-top:calc(12 * var(--u) * var(--kn));font-size:calc(14 * var(--u) * var(--kn));line-height:calc(20 * var(--u) * var(--kn));color:#808291}
.soc-k-btn{margin-top:0;background:#fff;color:#000623}.soc-k-btn:hover{background:#5768FF;color:#fff}
.soc-k-prz{display:inline-flex;vertical-align:middle;background:transparent;box-shadow:inset 0 0 0 1px #808291;border-radius:calc(24 * var(--u) * var(--kn));padding:calc(4 * var(--u) * var(--kn));margin-bottom:calc(16 * var(--u) * var(--kn))}
.soc-k-zn{display:inline-block;vertical-align:middle;margin:0 0 calc(16 * var(--u) * var(--kn)) calc(12 * var(--u) * var(--kn));font-size:calc(13 * var(--u) * var(--kn));line-height:calc(18 * var(--u) * var(--kn));color:#808291;border:1px dashed #808291;padding:calc(4 * var(--u) * var(--kn)) calc(10 * var(--u) * var(--kn));border-radius:calc(12 * var(--u) * var(--kn))}
.soc-k-prz label{padding:calc(8 * var(--u) * var(--kn)) calc(18 * var(--u) * var(--kn));border-radius:calc(20 * var(--u) * var(--kn));color:#fff;cursor:pointer;font-size:calc(15 * var(--u) * var(--kn));line-height:calc(20 * var(--u) * var(--kn))}
#soc-k-po:checked~.soc-k-prz label[for=soc-k-po],#soc-k-przed:checked~.soc-k-prz label[for=soc-k-przed]{background:#fff;color:#000623}
#soc-k-po:focus-visible~.soc-k-prz label[for=soc-k-po],#soc-k-przed:focus-visible~.soc-k-prz label[for=soc-k-przed]{outline:calc(2 * var(--u) * var(--kn)) solid #5768FF;outline-offset:calc(2 * var(--u) * var(--kn))}
.soc-k-ram{background:#fff;border-radius:calc(5 * var(--u) * var(--kn));padding:calc(24 * var(--u) * var(--kn))}.soc-k-sv{display:none;width:100%;height:auto}
#soc-k-po:checked~.soc-k-ram .soc-k-svpo,#soc-k-przed:checked~.soc-k-ram .soc-k-svprzed{display:block}
.soc-j-hub{display:flex;justify-content:center}
.soc-j-hub span{background:#fff;color:#000623;box-shadow:inset 0 0 0 calc(2 * var(--u) * var(--kn)) #5768FF;border-radius:calc(40 * var(--u) * var(--kn));padding:calc(16 * var(--u) * var(--kn)) calc(32 * var(--u) * var(--kn));font-size:calc(20 * var(--u) * var(--kn));line-height:calc(26 * var(--u) * var(--kn));font-weight:500}
.soc-j-sv{display:block;width:100%;height:calc(72 * var(--u) * var(--kn))}
.soc-j-s{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(20 * var(--u) * var(--kn))}
.soc-j-k{background:#fff;border-radius:calc(5 * var(--u) * var(--kn));padding:calc(32 * var(--u) * var(--kn));border-top:calc(3 * var(--u) * var(--kn)) solid #5768FF;display:flex;flex-direction:column}
.soc-j-k .soc-ik{margin-bottom:calc(20 * var(--u) * var(--kn))}.soc-j-k h3{font-size:calc(22 * var(--u) * var(--kn));line-height:calc(28 * var(--u) * var(--kn))}.soc-j-k h3+p{color:#666A7B;margin-bottom:calc(20 * var(--u) * var(--kn));flex:1}
.soc-ab-w2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:calc(80 * var(--u) * var(--kn));align-items:start}
.soc-ab{display:grid;grid-template-columns:1fr 1fr;gap:calc(20 * var(--u) * var(--kn))}.soc-ab figure{margin:0}.soc-ab svg{width:100%;height:auto;display:block}
.soc-ab-e{font-size:calc(16 * var(--u) * var(--kn));line-height:calc(22 * var(--u) * var(--kn));margin-bottom:calc(12 * var(--u) * var(--kn));color:#fff;font-weight:500}
.soc-ab-e span{display:inline-block;margin-left:calc(6 * var(--u) * var(--kn));background:#5768FF;color:#fff;border-radius:calc(12 * var(--u) * var(--kn));padding:calc(2 * var(--u) * var(--kn)) calc(10 * var(--u) * var(--kn));font-size:calc(13 * var(--u) * var(--kn));line-height:calc(18 * var(--u) * var(--kn));font-weight:400}
.soc-lista{list-style:none;margin:0;padding:0}
.soc-lista li{display:grid;grid-template-columns:calc(48 * var(--u) * var(--kn)) minmax(0,1fr);gap:calc(24 * var(--u) * var(--kn));padding:calc(24 * var(--u) * var(--kn)) 0;border-top:1px solid rgba(255,255,255,.18)}
.soc-lista li:first-child{border-top:0;padding-top:0}.soc-lista .soc-bez-nr{grid-template-columns:minmax(0,1fr)}
/* 4. analytics */
.soc-a-pan{margin:0;background:#fff;border-radius:calc(5 * var(--u) * var(--kn));padding:calc(32 * var(--u) * var(--kn));width:100%;max-width:calc(620 * var(--u) * var(--kn));color:#000623}
.soc-a-gl{display:flex;justify-content:space-between;align-items:center;gap:calc(12 * var(--u) * var(--kn));margin-bottom:calc(24 * var(--u) * var(--kn))}
.soc-a-tyt{font-size:calc(20 * var(--u) * var(--kn));line-height:calc(26 * var(--u) * var(--kn));font-weight:500}
.soc-a-zn{font-size:calc(13 * var(--u) * var(--kn));line-height:calc(18 * var(--u) * var(--kn));border:1px dashed #808291;color:#666A7B;padding:calc(4 * var(--u) * var(--kn)) calc(10 * var(--u) * var(--kn));border-radius:calc(12 * var(--u) * var(--kn));white-space:nowrap}
.soc-a-zr{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:calc(8 * var(--u) * var(--kn))}
.soc-a-zr li{background:#F0F1FF;border-radius:calc(4 * var(--u) * var(--kn));padding:calc(9 * var(--u) * var(--kn)) calc(4 * var(--u) * var(--kn));text-align:center;font-size:calc(13 * var(--u) * var(--kn));line-height:calc(16 * var(--u) * var(--kn))}
.soc-a-spl{display:block;width:100%;height:calc(56 * var(--u) * var(--kn))}
.soc-a-miara{background:#5768FF;color:#fff;border-radius:calc(4 * var(--u) * var(--kn));padding:calc(12 * var(--u) * var(--kn)) calc(16 * var(--u) * var(--kn));text-align:center;font-size:calc(17 * var(--u) * var(--kn));line-height:calc(22 * var(--u) * var(--kn));font-weight:500}
.soc-a-miara span{display:block;font-size:calc(12 * var(--u) * var(--kn));line-height:calc(16 * var(--u) * var(--kn));font-weight:400;text-transform:uppercase;letter-spacing:.07em}
.soc-a-wyk{display:block;width:100%;height:auto;margin-top:calc(24 * var(--u) * var(--kn))}
.soc-a-leg{display:flex;gap:calc(20 * var(--u) * var(--kn));list-style:none;margin:calc(12 * var(--u) * var(--kn)) 0 0;padding:0;font-size:calc(13 * var(--u) * var(--kn));line-height:calc(18 * var(--u) * var(--kn));color:#666A7B}
.soc-a-leg i{display:inline-block;width:calc(14 * var(--u) * var(--kn));height:calc(10 * var(--u) * var(--kn));margin-right:calc(6 * var(--u) * var(--kn));vertical-align:-1px;box-sizing:border-box}
.soc-a-lp{background:#5768FF}.soc-a-ls{border:calc(1.5 * var(--u) * var(--kn)) dashed #5768FF}
.soc-dr{overflow-anchor:none}.soc-dr-zak{margin-bottom:calc(24 * var(--u) * var(--kn))}
#soc-dr-os:checked~.soc-dr-zak label[for=soc-dr-os],#soc-dr-raz:checked~.soc-dr-zak label[for=soc-dr-raz]{background:#F0F1FF;color:#000623;border-color:#5768FF}
#soc-dr-os:focus-visible~.soc-dr-zak label[for=soc-dr-os],#soc-dr-raz:focus-visible~.soc-dr-zak label[for=soc-dr-raz]{outline:calc(2 * var(--u) * var(--kn)) solid #5768FF;outline-offset:calc(2 * var(--u) * var(--kn))}
.soc-dr-s1{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(28 * var(--u) * var(--kn))}
.soc-dr-k{position:relative;background:#F9F9F9;border-radius:calc(5 * var(--u) * var(--kn));padding:calc(24 * var(--u) * var(--kn));display:flex;flex-direction:column;gap:calc(12 * var(--u) * var(--kn));min-height:calc(150 * var(--u) * var(--kn))}
.soc-dr-k:not(:last-child)::after{content:"→";position:absolute;right:calc(-22 * var(--u) * var(--kn));top:50%;transform:translateY(-50%);color:#4E5EE5;font-size:calc(20 * var(--u) * var(--kn))}
.soc-dr-k p{font-size:calc(20 * var(--u) * var(--kn));line-height:calc(26 * var(--u) * var(--kn));font-weight:500}
.soc-dr-ca{display:none;margin-top:auto;background:#fff;color:#000623;box-shadow:inset calc(3 * var(--u) * var(--kn)) 0 0 #5768FF;border-radius:calc(4 * var(--u) * var(--kn));padding:calc(8 * var(--u) * var(--kn)) calc(12 * var(--u) * var(--kn));font-size:calc(14 * var(--u) * var(--kn));line-height:calc(18 * var(--u) * var(--kn));font-weight:500}
#soc-dr-os:checked~.soc-dr-s1 .soc-dr-ca{display:block}
.soc-dr-wyn{display:none;margin-top:calc(20 * var(--u) * var(--kn))}#soc-dr-os:checked~.soc-dr-wos,#soc-dr-raz:checked~.soc-dr-wraz{display:block}
.soc-dr-wyn>p{font-size:calc(18 * var(--u) * var(--kn));line-height:calc(28 * var(--u) * var(--kn));color:#666A7B;margin-top:calc(16 * var(--u) * var(--kn))}.soc-dr-wyn b{color:#000623;font-weight:500}
/* „jeden pomiar”: te same karty zlewają się w jeden pas z oznaczeniem pomiar / szacunek (styl dawnego paska) */
.soc-dr-m{display:none;margin-top:auto;font-size:calc(13 * var(--u) * var(--kn));line-height:calc(18 * var(--u) * var(--kn))}
#soc-dr-raz:checked~.soc-dr-s1{gap:calc(4 * var(--u) * var(--kn))}
#soc-dr-raz:checked~.soc-dr-s1 .soc-dr-k{background:#5768FF;color:#fff;border-radius:calc(3 * var(--u) * var(--kn))}
#soc-dr-raz:checked~.soc-dr-s1 .soc-dr-k::after{display:none}
#soc-dr-raz:checked~.soc-dr-s1 .soc-dr-kz{background:#fff;color:#000623;border:calc(2 * var(--u) * var(--kn)) dashed #5768FF}
#soc-dr-raz:checked~.soc-dr-s1 .soc-dr-m{display:block}#soc-dr-raz:checked~.soc-dr-s1 .soc-dr-kz .soc-dr-m{color:#666A7B}
.soc-ad-s{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(20 * var(--u) * var(--kn))}
.soc-ad-k{background:#fff;border-radius:calc(5 * var(--u) * var(--kn));padding:calc(32 * var(--u) * var(--kn));display:flex;flex-direction:column}
.soc-ad-k .soc-ik{margin-bottom:calc(20 * var(--u) * var(--kn))}.soc-ad-k h3{font-size:calc(22 * var(--u) * var(--kn));line-height:calc(28 * var(--u) * var(--kn))}.soc-ad-k h3+p{color:#666A7B}
.soc-bl{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:calc(20 * var(--u) * var(--kn))}
.soc-bl-a,.soc-bl-b{background:#fff;color:#000623;border-radius:calc(5 * var(--u) * var(--kn));padding:calc(40 * var(--u) * var(--kn))}
.soc-bl-duza{font-size:calc(80 * var(--u) * var(--kn));line-height:calc(84 * var(--u) * var(--kn));font-weight:500;letter-spacing:-.02em;color:#000623}
.soc-bl-op{font-size:calc(18 * var(--u) * var(--kn));line-height:calc(26 * var(--u) * var(--kn));margin-top:calc(8 * var(--u) * var(--kn));max-width:calc(520 * var(--u) * var(--kn))}
.soc-bl-st{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:calc(8 * var(--u) * var(--kn)) calc(24 * var(--u) * var(--kn));margin-top:calc(20 * var(--u) * var(--kn))}
.soc-bl-st small{font-size:calc(13 * var(--u) * var(--kn));line-height:calc(18 * var(--u) * var(--kn));color:#808291}.soc-bl-st .soc-dalej{margin-top:0}
.soc-os-w{display:grid;grid-template-columns:minmax(0,calc(440 * var(--u) * var(--kn))) minmax(0,1fr);gap:calc(96 * var(--u) * var(--kn));align-items:start}
.soc-os-l{position:sticky;top:calc(120 * var(--u) * var(--kn))}.soc-os-l .soc-ludzie{flex-direction:column;align-items:flex-start;margin-top:calc(40 * var(--u) * var(--kn))}
.soc-os-l .soc-ludzie ul{flex-direction:column;gap:calc(14 * var(--u) * var(--kn))}
.soc-os{list-style:none;margin:0;padding:0;position:relative}
.soc-os::before{content:"";position:absolute;left:calc(31 * var(--u) * var(--kn));top:calc(32 * var(--u) * var(--kn));bottom:calc(80 * var(--u) * var(--kn));border-left:calc(2 * var(--u) * var(--kn)) dashed #5768FF}
.soc-os li{display:grid;grid-template-columns:calc(64 * var(--u) * var(--kn)) minmax(0,1fr);gap:calc(28 * var(--u) * var(--kn));padding:0 0 calc(48 * var(--u) * var(--kn));position:relative}
.soc-os li:last-child{padding-bottom:0}
.soc-os-ik{width:calc(64 * var(--u) * var(--kn));height:calc(64 * var(--u) * var(--kn));background:#F0F1FF;border-radius:50%;padding:calc(8 * var(--u) * var(--kn));box-sizing:border-box;position:relative;display:block}
.soc-os h3{font-size:calc(24 * var(--u) * var(--kn));line-height:calc(30 * var(--u) * var(--kn))}.soc-os h3+p{color:#666A7B;font-size:calc(17 * var(--u) * var(--kn));line-height:calc(26 * var(--u) * var(--kn))}
@media (max-width:1100px){
 .soc-v-kfala{display:none}.soc-kroki4{grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(40 * var(--u) * var(--kn)) calc(48 * var(--u) * var(--kn))}
 .soc-kroki4 li,.soc-kroki4 li:nth-child(n){text-align:left;padding:0 0 0 calc(80 * var(--u) * var(--kn));position:relative;min-height:calc(56 * var(--u) * var(--kn))}
 .soc-kroki4 .soc-nr{position:absolute;left:0;top:0;margin:0}
 .soc-kropki li:nth-child(n){padding-left:calc(56 * var(--u) * var(--kn))}.soc-kropki .soc-nr{left:calc(17 * var(--u) * var(--kn));top:calc(3 * var(--u) * var(--kn))}
 .soc-cs,.soc-j-k,.soc-ad-k{padding:calc(24 * var(--u) * var(--kn))}
 .soc-ak{grid-template-columns:minmax(0,calc(240 * var(--u) * var(--kn))) minmax(0,1fr);column-gap:calc(24 * var(--u) * var(--kn))}.soc-ak-p{gap:calc(24 * var(--u) * var(--kn));padding:calc(24 * var(--u) * var(--kn))}
}
@media (max-width:1200px){
 .soc-hero h1{font-size:calc(44px * var(--ts) * var(--kn));line-height:1}.soc-hero-in{gap:calc(40px * var(--kn))}
 .soc-v-tor{grid-template-columns:calc(130 * var(--u) * var(--kn)) minmax(0,1fr);gap:calc(16 * var(--u) * var(--kn)) calc(32 * var(--u) * var(--kn))}.soc-v-tx{grid-column:2}
 .soc-v-slad{width:calc(130 * var(--u) * var(--kn))}.soc-v-zr{grid-template-columns:minmax(0,1fr) calc(220 * var(--u) * var(--kn)) minmax(0,1fr)}
 .soc-form-in{grid-template-columns:1fr;gap:calc(48 * var(--u) * var(--kn))}.soc-form-k{max-width:calc(720 * var(--u) * var(--kn))}
 .soc-pas{grid-template-columns:calc(200 * var(--u) * var(--kn)) minmax(0,1fr);gap:calc(20 * var(--u) * var(--kn)) calc(40 * var(--u) * var(--kn))}
 .soc-cykl-w{gap:calc(56 * var(--u) * var(--kn))}.soc-kroki2{grid-template-columns:1fr;gap:calc(32 * var(--u) * var(--kn))}.soc-kroki4 li{padding:0 calc(10 * var(--u) * var(--kn))}
 .soc-k-w,.soc-ab-w2,.soc-os-w{gap:calc(56 * var(--u) * var(--kn))}
 .soc-bl-duza{font-size:calc(64 * var(--u) * var(--kn));line-height:calc(68 * var(--u) * var(--kn))}
}
@media (max-width:900px){
 .soc-sek,.soc-form{padding:calc(72 * var(--u) * var(--kn)) 0}.soc-sek h2,.soc-form h2{font-size:calc(30 * var(--u) * var(--kn));line-height:calc(38 * var(--u) * var(--kn))}.soc-lead{font-size:calc(16 * var(--u) * var(--kn));line-height:calc(24 * var(--u) * var(--kn))}
 .soc-glowka{margin-bottom:calc(36 * var(--u) * var(--kn))}
 .soc-hero{min-height:0}.soc-hero-in{grid-template-columns:minmax(0,1fr);padding-top:calc(112px * var(--kn));padding-bottom:calc(48px * var(--kn));gap:calc(48px * var(--kn))}
 .soc-hero h1{font-size:calc(36px * var(--ts) * var(--kn));line-height:1;margin-top:calc(24px * var(--kn))}.soc-hero-lead{font-size:calc(17px * var(--kn));line-height:calc(26px * var(--kn))}
 .soc-przyc .btn{font-size:calc(16px * var(--kn));min-height:calc(48px * var(--kn))}.soc-hero-o{justify-content:center}
 .soc-2k{grid-template-columns:minmax(0,1fr);gap:calc(32 * var(--u) * var(--kn))}.soc-2k>div>p:not(.etyk):not(.soc-lead){font-size:calc(16 * var(--u) * var(--kn));line-height:calc(25 * var(--u) * var(--kn))}
 .soc-v-sc>.soc-v-kregi{width:calc(560 * var(--u) * var(--kn));height:calc(560 * var(--u) * var(--kn))}.soc-v-pyt p{font-size:calc(16 * var(--u) * var(--kn));line-height:calc(22 * var(--u) * var(--kn))}.soc-v-zd{font-size:calc(21 * var(--u) * var(--kn));line-height:calc(28 * var(--u) * var(--kn))}
 .soc-v-fala{height:calc(84 * var(--u) * var(--kn))}.soc-v-odp{padding:calc(18 * var(--u) * var(--kn)) calc(20 * var(--u) * var(--kn));max-width:94%}.soc-v-cisza{width:94%}
 .soc-v-por{padding:calc(24 * var(--u) * var(--kn)) calc(20 * var(--u) * var(--kn))}.soc-v-dym p{font-size:calc(18 * var(--u) * var(--kn));line-height:calc(27 * var(--u) * var(--kn))}
 .soc-v-miejsca{margin-top:calc(24 * var(--u) * var(--kn));gap:calc(10 * var(--u) * var(--kn))}.soc-v-miejsca li{width:calc(64 * var(--u) * var(--kn));height:calc(64 * var(--u) * var(--kn))}.soc-v-ik{width:calc(44 * var(--u) * var(--kn));height:calc(44 * var(--u) * var(--kn))}
 .soc-v-tor{grid-template-columns:minmax(0,1fr);gap:calc(14 * var(--u) * var(--kn));padding:calc(24 * var(--u) * var(--kn)) calc(20 * var(--u) * var(--kn))}.soc-v-tx{grid-column:auto}
 .soc-v-slad{width:calc(120 * var(--u) * var(--kn));height:calc(40 * var(--u) * var(--kn))}
 .soc-ludzie{flex-direction:column;align-items:flex-start}.soc-ludzie ul{flex-direction:column;gap:calc(14 * var(--u) * var(--kn))}
 .soc-kroki4{grid-template-columns:minmax(0,1fr);gap:calc(32 * var(--u) * var(--kn))}
 .soc-kroki4::before{content:"";position:absolute;left:calc(27 * var(--u) * var(--kn));top:calc(28 * var(--u) * var(--kn));bottom:calc(28 * var(--u) * var(--kn));border-left:calc(2 * var(--u) * var(--kn)) dashed #5768FF}

 .soc-v-zr{grid-template-columns:minmax(0,1fr);gap:calc(12 * var(--u) * var(--kn))}.soc-v-cent{order:-1;padding:calc(24 * var(--u) * var(--kn))}.soc-v-ln{display:none}
 .soc-v-ch a{flex:1 1 auto}.soc-v-kol{gap:calc(12 * var(--u) * var(--kn))}
 .soc-form-k{padding:calc(24 * var(--u) * var(--kn)) calc(20 * var(--u) * var(--kn))}.soc-form-k .form{grid-template-columns:minmax(0,1fr)}.soc-pier-d{width:calc(72 * var(--u) * var(--kn));height:calc(72 * var(--u) * var(--kn));margin-bottom:calc(24 * var(--u) * var(--kn))}
 .soc-c-fig{max-width:calc(460 * var(--u) * var(--kn));margin:0 auto}.soc-c-kan{position:static;aspect-ratio:auto;display:flex;flex-wrap:wrap;gap:calc(8 * var(--u) * var(--kn));justify-content:center;margin-top:calc(20 * var(--u) * var(--kn))}
 .soc-c-k{position:static;transform:none}.soc-c-l{display:none}
 .soc-c-sat{width:calc(108 * var(--u) * var(--kn));padding:calc(7 * var(--u) * var(--kn)) calc(9 * var(--u) * var(--kn))}.soc-c-sat span{font-size:calc(13 * var(--u) * var(--kn));line-height:calc(17 * var(--u) * var(--kn))}.soc-c-sat small{font-size:calc(11 * var(--u) * var(--kn));line-height:calc(14 * var(--u) * var(--kn))}
 .soc-c-fil{width:calc(112 * var(--u) * var(--kn));padding:calc(10 * var(--u) * var(--kn)) calc(8 * var(--u) * var(--kn))}.soc-c-fil span{font-size:calc(15 * var(--u) * var(--kn));line-height:calc(19 * var(--u) * var(--kn))}.soc-c-fil small{font-size:calc(11 * var(--u) * var(--kn));line-height:calc(14 * var(--u) * var(--kn))}
 .soc-zak label{font-size:calc(14 * var(--u) * var(--kn));padding:calc(8 * var(--u) * var(--kn)) calc(12 * var(--u) * var(--kn))}
 .soc-ak{display:block}.soc-ak-r{top:auto;left:auto}
 .soc-ak-l{margin-top:calc(8 * var(--u) * var(--kn));padding:calc(13 * var(--u) * var(--kn)) calc(16 * var(--u) * var(--kn))}.soc-ak-r:first-child+.soc-ak-l{margin-top:0}
 .soc-ak-l::after{content:"+";font-size:calc(20 * var(--u) * var(--kn));line-height:calc(20 * var(--u) * var(--kn));font-weight:400}
 .soc-ak-r:checked+.soc-ak-l{border-radius:calc(5 * var(--u) * var(--kn)) calc(5 * var(--u) * var(--kn)) 0 0}.soc-ak-r:checked+.soc-ak-l::after{content:"−"}
 .soc-ak-p{grid-template-columns:minmax(0,1fr);gap:calc(16 * var(--u) * var(--kn));padding:calc(16 * var(--u) * var(--kn)) calc(16 * var(--u) * var(--kn)) calc(20 * var(--u) * var(--kn));border-radius:0 0 calc(5 * var(--u) * var(--kn)) calc(5 * var(--u) * var(--kn))}
 .soc-ak-t>p{font-size:calc(16 * var(--u) * var(--kn));line-height:calc(25 * var(--u) * var(--kn))}
 .soc-ak-akordeon .soc-mk{display:none}
 .soc-ak-akordeon .soc-ak-r,.soc-ak-akordeon .soc-ak-l:not(.soc-ak-lc){display:none}
 .soc-ak-akordeon .soc-ak-c{display:inline-block}.soc-ak-akordeon .soc-ak-lc{display:flex}
 .soc-ak-akordeon .soc-ak-r:first-child+.soc-ak-l+.soc-ak-c+.soc-ak-lc{margin-top:0}
 .soc-ak-akordeon .soc-ak-c:checked+.soc-ak-lc{background:#F0F1FF;color:#000623;border-color:#F0F1FF;box-shadow:inset calc(4 * var(--u) * var(--kn)) 0 0 #5768FF;border-radius:calc(5 * var(--u) * var(--kn)) calc(5 * var(--u) * var(--kn)) 0 0}
 .soc-ak-akordeon .soc-ak-c:checked+.soc-ak-lc::after{content:"−";color:#5768FF}
 .soc-ak-akordeon .soc-ak-c:focus-visible+.soc-ak-lc{outline:calc(2 * var(--u) * var(--kn)) solid #5768FF;outline-offset:calc(2 * var(--u) * var(--kn))}
 .soc-ak-akordeon .soc-ak-c:checked+.soc-ak-lc+.soc-ak-p{display:grid}
 .soc-ak-lista .soc-ak-l{display:none}
 .soc-ak-lista .soc-ak-p{display:grid;grid-template-columns:calc(96 * var(--u) * var(--kn)) minmax(0,1fr);gap:calc(14 * var(--u) * var(--kn));align-items:start;margin-top:calc(16 * var(--u) * var(--kn));padding:calc(16 * var(--u) * var(--kn)) 0 0;background:none;border-top:1px solid #CCCDD3;border-radius:0}
 .soc-ak-lista .soc-ak-r:first-child+.soc-ak-l+.soc-ak-p{margin-top:0;padding-top:0;border-top:0}
 .soc-ak-lista .soc-ak-h{display:block;font-size:calc(18 * var(--u) * var(--kn));line-height:calc(24 * var(--u) * var(--kn));margin:0 0 calc(4 * var(--u) * var(--kn))}.soc-ak-lista .soc-ak-t .soc-dalej{margin-top:calc(8 * var(--u) * var(--kn))}
 .soc-pas{grid-template-columns:minmax(0,1fr);gap:calc(14 * var(--u) * var(--kn));padding:calc(28 * var(--u) * var(--kn)) 0}
 .soc-cykl-w{grid-template-columns:minmax(0,1fr);gap:calc(40 * var(--u) * var(--kn))}.soc-cykl-b{margin:calc(32 * var(--u) * var(--kn)) auto 0;max-width:calc(300 * var(--u) * var(--kn))}
 .soc-cs-s{grid-template-columns:minmax(0,1fr)}.soc-cs{padding:calc(24 * var(--u) * var(--kn))}
 .soc-u-d{display:none}.soc-u-t{display:block;max-width:calc(420 * var(--u) * var(--kn));margin:0 auto}.soc-u-pas{padding-bottom:calc(40 * var(--u) * var(--kn))}
 .soc-k-w{grid-template-columns:minmax(0,1fr);gap:calc(40 * var(--u) * var(--kn))}.soc-cyt p{font-size:calc(19 * var(--u) * var(--kn));line-height:calc(28 * var(--u) * var(--kn))}.soc-k-ram{padding:calc(12 * var(--u) * var(--kn))}
 .soc-j-sv{display:none}.soc-j-s{grid-template-columns:minmax(0,1fr);margin-top:calc(20 * var(--u) * var(--kn));gap:calc(12 * var(--u) * var(--kn))}.soc-j-k{padding:calc(24 * var(--u) * var(--kn))}
 .soc-j-hub span{font-size:calc(17 * var(--u) * var(--kn));padding:calc(12 * var(--u) * var(--kn)) calc(22 * var(--u) * var(--kn))}
 .soc-ab-w2{grid-template-columns:minmax(0,1fr);gap:calc(40 * var(--u) * var(--kn))}.soc-lista li{grid-template-columns:calc(40 * var(--u) * var(--kn)) minmax(0,1fr);gap:calc(16 * var(--u) * var(--kn))}
 .soc-lista .soc-nr{width:calc(40 * var(--u) * var(--kn));height:calc(40 * var(--u) * var(--kn));font-size:calc(15 * var(--u) * var(--kn))}
 .soc-a-pan{padding:calc(20 * var(--u) * var(--kn))}.soc-a-zr{display:flex;flex-wrap:wrap;gap:calc(6 * var(--u) * var(--kn))}.soc-a-zr li{padding:calc(6 * var(--u) * var(--kn)) calc(10 * var(--u) * var(--kn))}.soc-a-spl{display:none}
 .soc-a-miara{margin-top:calc(14 * var(--u) * var(--kn))}
 .soc-dr-zak{margin-bottom:calc(16 * var(--u) * var(--kn))}
 .soc-dr-s1{grid-template-columns:minmax(0,1fr);gap:calc(8 * var(--u) * var(--kn))}
 .soc-dr-k{min-height:0;padding:calc(12 * var(--u) * var(--kn)) calc(16 * var(--u) * var(--kn));flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:calc(6 * var(--u) * var(--kn)) calc(12 * var(--u) * var(--kn))}
 .soc-dr-k p{font-size:calc(17 * var(--u) * var(--kn));line-height:calc(23 * var(--u) * var(--kn))}.soc-dr-k:not(:last-child)::after{display:none}
 .soc-dr-ca,.soc-dr-m{margin-top:0}.soc-dr-ca{padding:calc(4 * var(--u) * var(--kn)) calc(10 * var(--u) * var(--kn));font-size:calc(13 * var(--u) * var(--kn))}
 #soc-dr-os:checked~.soc-dr-s1 .soc-dr-k p{flex:1 0 100%}
 #soc-dr-raz:checked~.soc-dr-s1{gap:calc(3 * var(--u) * var(--kn))}
 .soc-dr-wyn{margin-top:calc(12 * var(--u) * var(--kn))}.soc-dr-wyn>p{font-size:calc(16 * var(--u) * var(--kn));line-height:calc(25 * var(--u) * var(--kn))}
 .soc-ad-s{grid-template-columns:minmax(0,1fr);gap:calc(12 * var(--u) * var(--kn))}.soc-ad-k{padding:calc(24 * var(--u) * var(--kn))}
 .soc-bl{grid-template-columns:minmax(0,1fr);gap:calc(12 * var(--u) * var(--kn))}.soc-bl-a,.soc-bl-b{padding:calc(24 * var(--u) * var(--kn)) calc(20 * var(--u) * var(--kn))}.soc-bl-duza{font-size:calc(52 * var(--u) * var(--kn));line-height:calc(56 * var(--u) * var(--kn))}
 .soc-os-w{grid-template-columns:minmax(0,1fr);gap:calc(40 * var(--u) * var(--kn))}.soc-os-l{position:static}
 .soc-os li{grid-template-columns:calc(48 * var(--u) * var(--kn)) minmax(0,1fr);gap:calc(16 * var(--u) * var(--kn))}.soc-os-ik{width:calc(48 * var(--u) * var(--kn));height:calc(48 * var(--u) * var(--kn));padding:calc(6 * var(--u) * var(--kn))}.soc-os::before{left:calc(23 * var(--u) * var(--kn))}
 .soc-os h3{font-size:calc(21 * var(--u) * var(--kn));line-height:calc(27 * var(--u) * var(--kn))}
}
@media (prefers-reduced-motion:reduce){.soc-v-fala rect,.soc-v-slad rect,.soc-c-l,.soc-pier-h{animation:none}.soc-u-kr{display:none}}
/* ===== DOCELOWA (2.10 wieczór): hero w pierwszym ekranie, sekcja = ekran (E46), paleta (E47), wybrana pozycja (E49) ===== */
/* osoby w wierszu nagłówka (Voice: dźwignie, UX: jak pracujemy): nagłówek po lewej, ludzie po prawej */
.soc-glowka-os{display:flex;justify-content:space-between;align-items:flex-end;gap:calc(24 * var(--u) * var(--kn)) calc(48 * var(--u) * var(--kn))}
.soc-glowka-os>div:first-child{min-width:0;flex:1 1 auto}
.soc-glowka-os .soc-ludzie{flex:none;margin:0;padding:0;border:0}
.soc-glowka-os .soc-ludzie ul{display:grid;grid-template-columns:repeat(2,auto);gap:calc(14 * var(--u) * var(--kn)) calc(28 * var(--u) * var(--kn))}
@media (max-width:900px){.soc-glowka-os{flex-direction:column;align-items:flex-start}.soc-glowka-os .soc-ludzie ul{grid-template-columns:1fr}}
/* hero Voice: kręgi tła liczone od wysokości okna (dekoracja nie wychodzi pod pierwszy ekran) */
.soc-v-sc>.soc-v-kregi{width:min(calc(780 * var(--u) * var(--kn)),calc(min(86svh, 928.8px) * var(--kn)));height:min(calc(780 * var(--u)),min(86svh, 928.8px))}
@media (min-width:1100px) and (min-aspect-ratio:4/3){
 /* odstępy sekcji od wysokości okna: na niższych oknach ciaśniej zamiast wycinania treści */
 main>section.soc-sek.d-ek{padding-top:clamp(calc(28 * var(--u) * var(--kn)),calc(min(5vh, 54px) * var(--kn)),calc(96 * var(--u) * var(--kn)));padding-bottom:clamp(calc(28 * var(--u) * var(--kn)),calc(min(5vh, 54px) * var(--kn)),calc(96 * var(--u) * var(--kn)))}
 .soc-sek.d-ek .soc-glowka{margin-bottom:clamp(calc(20 * var(--u) * var(--kn)),calc(min(4vh, 43.2px) * var(--kn)),calc(56 * var(--u) * var(--kn)))}
 /* hero UX: tekst i ścieżka klienta w pierwszym ekranie; ścieżka liczona od wysokości okna */
 .soc-hero-ux .soc-hero-in{padding-top:clamp(calc(88px * var(--kn)),calc(min(12vh, 129.6px) * var(--kn)),calc(124px * var(--kn)))}
 .soc-u-pas{padding-bottom:clamp(calc(16 * var(--u) * var(--kn)),calc(min(3vh, 32.4px) * var(--kn)),calc(32 * var(--u) * var(--kn)))}
 .soc-u-d{width:min(100%,calc((calc(min(100svh, 1080px) * var(--kn)) - calc(540 * var(--u) * var(--kn))) * 5.667));margin:0 auto}
 /* blok przełączany (UX: miejsca, Content: kanały): makieta liczona od wysokości okna */
 .soc-sek.d-ek .soc-ak-p{padding:clamp(calc(18 * var(--u) * var(--kn)),calc(min(3vh, 32.4px) * var(--kn)),calc(32 * var(--u) * var(--kn)))}
 .soc-sek.d-ek .soc-ak-p .soc-mk{width:min(100%,calc((calc(min(80svh, 864px) * var(--kn)) - calc(280 * var(--u) * var(--kn))) * 1.444));margin:0 auto}
 /* UX: jedna poprawka i trzy dźwignie */
 .soc-sek.d-ek .soc-j-sv{height:clamp(calc(32 * var(--u)),min(5vh, 54px),calc(72 * var(--u)))}
 .soc-sek.d-ek .soc-j-k{padding:clamp(calc(20 * var(--u) * var(--kn)),calc(min(3vh, 32.4px) * var(--kn)),calc(32 * var(--u) * var(--kn))) calc(32 * var(--u) * var(--kn))}
 /* UX: test A/B (makiety od wysokości okna) i kroki */
 .soc-sek.d-ek .soc-ab svg{width:min(100%,calc((calc(min(100svh, 1080px) * var(--kn)) - calc(360 * var(--u) * var(--kn))) * .8));margin:0 auto}
 .soc-sek.d-ek .soc-lista li{padding:clamp(calc(12 * var(--u) * var(--kn)),calc(min(2.2vh, 23.76px) * var(--kn)),calc(24 * var(--u) * var(--kn))) 0}
 .soc-sek.d-ek .soc-lista li:first-child{padding-top:0}
 /* Voice: tory dźwigni */
 .soc-sek.d-ek .soc-v-tor{padding:clamp(calc(14 * var(--u) * var(--kn)),calc(min(2.4vh, 25.92px) * var(--kn)),calc(24 * var(--u) * var(--kn))) calc(32 * var(--u) * var(--kn))}
}

/*@@KONIEC st_obszary_c@@*/

/*@@MODUL st_seo@@*/

/* ---- ST_SEO (30.09): usługi pozycjonowania, tresci/st_seo.py ---- */
/* WYDANIE DOCELOWA (2.10 wieczór): kolory tylko z palety (E47), karty na granacie białe, wybrana pozycja bez granatu
   (E49), odstępy i rysunki liczone od wysokości okna, przełącznik i skutek w jednym widoku (E44, blok .sts-wb) */
.sts-et{font-size:calc(16px * var(--kn));line-height:calc(20px * var(--kn));margin:0 0 calc(12px * var(--kn));color:var(--g);display:block}
.sts-h2{font-size:calc(40px * var(--ts) * var(--kn));line-height:calc(48px * var(--ts) * var(--kn));font-weight:500;letter-spacing:-.01em;margin:0 0 calc(20px * var(--kn));max-width:calc(820 * var(--u) * var(--kn))}
.sts-lead{font-size:calc(18px * var(--kn));line-height:calc(28px * var(--ts) * var(--kn));color:#666A7B;max-width:calc(680 * var(--u) * var(--kn));margin:0}
.sts-sek{padding:calc(112px * var(--kn)) 0}.sts-biale{background:#fff}.sts-jasne{background:var(--p)}.sts-lila{background:#F0F1FF}
.sts-ciemne{background:var(--g);color:#fff}.sts-ciemne .sts-et{color:#fff}.sts-ciemne .sts-lead{color:#fff}.sts-ciemne em{color:var(--n)}
.sts-glowa{margin-bottom:calc(56px * var(--kn))}.sts-c{text-align:center}.sts-c .sts-h2,.sts-c .sts-lead{margin-left:auto;margin-right:auto}
.sts-dalej{color:var(--nt);font-weight:500;text-decoration:none;display:inline-flex;align-items:center;gap:calc(8px * var(--kn))}
.sts-dalej::after{content:none;transition:transform .2s}a:hover .sts-dalej::after,.sts-dalej:hover::after{transform:translateX(calc(4px * var(--kn)))}
.sts-dalej-j{color:#fff}
.sts-uwaga{margin:calc(40px * var(--kn)) 0 0;font-size:calc(15px * var(--kn));line-height:calc(22px * var(--kn));color:#666A7B;max-width:calc(760 * var(--u) * var(--kn))}.sts-uwaga-j{color:#808291}
.sts-zr{font-size:calc(13px * var(--kn));line-height:calc(18px * var(--kn));color:#666A7B;margin:calc(12px * var(--kn)) 0 0}.sts-zr-j{color:#808291}
.sts-check{list-style:none;margin:calc(24px * var(--kn)) 0 0;padding:0}
.sts-check li{position:relative;padding:calc(12px * var(--kn)) 0 calc(12px * var(--kn)) calc(36px * var(--kn));border-top:1px solid var(--l)}
.sts-check li:last-child{border-bottom:1px solid var(--l)}
.sts-check li::before{content:"";position:absolute;left:calc(4px * var(--kn));top:calc(17px * var(--kn));width:calc(14px * var(--kn));height:calc(8px * var(--kn));border-left:calc(2px * var(--kn)) solid var(--n);border-bottom:calc(2px * var(--kn)) solid var(--n);transform:rotate(-45deg)}
.sts-ik{width:calc(40px * var(--kn));height:calc(40px * var(--kn));flex:none}
.sts-przyc{display:flex;flex-wrap:wrap;gap:calc(12px * var(--kn));margin:calc(36px * var(--kn)) 0 0}.sts-przyc .btn{margin:0}
.sts-hero-g .sts-btn-j{color:#fff;box-shadow:inset 0 0 0 1px #fff}
/* hero */
.sts-hero{position:relative;overflow:hidden}
.sts-hero-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:calc(64px * var(--kn));align-items:center;
 min-height:min(100vh, 1080px);min-height:min(100svh, 1080px);padding-top:calc(120px * var(--kn));padding-bottom:calc(56px * var(--kn))}
.sts-h1{font-size:calc(56px * var(--ts) * var(--kn));line-height:calc(64px * var(--ts) * var(--kn));font-weight:500;letter-spacing:-.02em;margin:0 0 calc(24px * var(--kn));max-width:calc(620 * var(--u) * var(--kn))}
.sts-hero-lead{font-size:calc(18px * var(--kn));line-height:calc(28px * var(--ts) * var(--kn));margin:0;max-width:calc(540 * var(--u) * var(--kn))}
.sts-hero-g{background:var(--g);color:#fff}.sts-hero-g .sts-et{color:#fff}.sts-hero-g .sts-hero-lead{color:#fff}
.sts-hero-lila{background:#F0F1FF}.sts-hero-j{background:var(--p)}
.sts-hero-lila .sts-hero-lead,.sts-hero-j .sts-hero-lead{color:var(--g)}
/* wykres hantlowy */
.sts-wyk{margin:0;background:#fff;color:var(--g);padding:calc(32px * var(--kn)) calc(32px * var(--kn)) calc(24px * var(--kn));border-radius:calc(5px * var(--kn))}
.sts-wyk-g{display:flex;flex-direction:column;gap:calc(4px * var(--kn));margin-bottom:calc(20px * var(--kn))}.sts-wyk-g b{font-weight:500;font-size:calc(20px * var(--kn));line-height:calc(26px * var(--kn))}
.sts-wyk-g span{font-size:calc(14px * var(--kn));line-height:calc(20px * var(--kn));color:#666A7B}
.sts-chipy{display:flex;flex-wrap:wrap;align-items:center;gap:calc(8px * var(--kn));margin-bottom:calc(24px * var(--kn))}
.sts-chipy label{cursor:pointer;padding:calc(8px * var(--kn)) calc(16px * var(--kn));border:1px solid var(--l);border-radius:calc(5px * var(--kn));font-size:calc(15px * var(--kn));line-height:calc(20px * var(--kn));font-weight:500;transition:background .2s}
.sts-chipy label:hover{background:#F0F1FF}
/* wybrany zakres (E49): tło jak po najechaniu, ramka w niebieskim marki, tekst granatowy */
#sts-t3:checked~.sts-chipy label[for=sts-t3],#sts-t10:checked~.sts-chipy label[for=sts-t10]{background:#F0F1FF;color:var(--g);border-color:var(--n);box-shadow:inset 0 0 0 1px var(--n)}
#sts-t3:focus-visible~.sts-chipy label[for=sts-t3],#sts-t10:focus-visible~.sts-chipy label[for=sts-t10]{outline:calc(2px * var(--kn)) solid var(--n);outline-offset:calc(3px * var(--kn))}
.sts-panel{display:none}#sts-t3:checked~.sts-p3,#sts-t10:checked~.sts-p10{display:block}
.sts-leg{display:inline-flex;align-items:center;gap:calc(6px * var(--kn));margin-left:auto;font-size:calc(14px * var(--kn));line-height:calc(20px * var(--kn));color:#666A7B}
.sts-leg i{display:inline-block;width:calc(12px * var(--kn));height:calc(12px * var(--kn));border-radius:50%;margin-left:calc(8px * var(--kn))}
.sts-leg-a,.sts-hw-a{background:#fff;box-shadow:inset 0 0 0 calc(2px * var(--kn)) var(--g)}.sts-leg-b,.sts-hw-b{background:var(--n)}
.sts-hw-lista{list-style:none;margin:0;padding:0}
.sts-hw{display:grid;grid-template-columns:calc(150px * var(--kn)) minmax(0,1fr) calc(108px * var(--kn));gap:calc(16px * var(--kn));align-items:center;padding:calc(12px * var(--kn)) calc(8px * var(--kn));margin:0 calc(-8px * var(--kn));border-radius:calc(5px * var(--kn));border-top:1px solid var(--l)}
.sts-hw:hover{background:#F0F1FF}
.sts-hw-k b{display:block;font-weight:500;font-size:calc(15px * var(--kn));line-height:calc(20px * var(--kn))}.sts-hw-k small{display:block;font-size:calc(13px * var(--kn));line-height:calc(18px * var(--kn));color:#666A7B}
.sts-hw-tor{position:relative;height:calc(24px * var(--kn))}
.sts-hw-tor::before{content:"";position:absolute;left:0;right:0;top:calc(11px * var(--kn));border-top:1px dashed var(--l)}
.sts-hw-l{position:absolute;top:calc(11px * var(--kn));height:calc(2px * var(--kn));background:var(--n);border-radius:1px}
.sts-hw-a,.sts-hw-b{position:absolute;top:calc(4px * var(--kn));width:calc(16px * var(--kn));height:calc(16px * var(--kn));border-radius:50%;transform:translateX(-50%)}
.sts-hw-b{box-shadow:0 0 0 calc(2px * var(--kn)) #fff}
.sts-hw-v{display:flex;justify-content:flex-end;gap:calc(6px * var(--kn));font-size:calc(15px * var(--kn));line-height:calc(20px * var(--kn));white-space:nowrap}
.sts-hw-v span{color:#666A7B}.sts-hw-v b{font-weight:500}
.sts-hw-os{display:grid;grid-template-columns:calc(150px * var(--kn)) minmax(0,1fr) calc(108px * var(--kn));gap:calc(16px * var(--kn));padding:calc(8px * var(--kn)) 0 0;border-top:1px solid var(--l)}
.sts-hw-sk{position:relative;height:calc(18px * var(--kn))}.sts-hw-sk span{position:absolute;transform:translateX(-50%);font-size:calc(12px * var(--kn));line-height:calc(18px * var(--kn));color:#666A7B}
.sts-hw-sk span:first-child{transform:none}.sts-hw-sk span:last-child{transform:translateX(-100%)}
.sts-wyk-zr{font-size:calc(12px * var(--kn));line-height:calc(17px * var(--kn));color:#666A7B;margin:calc(16px * var(--kn)) 0 0}
/* WYBÓR (docelowa, wybor()): rysunek w jednej kolumnie, nagłówek, etykiety i panel wybranej pozycji w drugiej */
.sts-wb{position:relative;display:grid;column-gap:clamp(calc(40px * var(--kn)),calc(min(5vw, 96px) * var(--kn)),calc(80px * var(--kn)));grid-template-rows:1fr auto repeat(var(--wn),auto) auto 1fr;align-items:start}
.sts-wb-r{grid-column:2;top:0;left:0}
.sts-wb-lewo{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}
.sts-wb-o{grid-row:1/-1;grid-column:1;align-self:center;margin:0}
.sts-wb-g,.sts-wb-l,.sts-wb-p{grid-column:2}
.sts-wb-g{grid-row:2;padding-bottom:clamp(calc(14px * var(--kn)),calc(min(2.6vh, 28.08px) * var(--kn)),calc(28px * var(--kn)))}
.sts-wb-l{display:flex;align-items:center;gap:calc(14px * var(--kn));margin:0;padding:clamp(calc(8px * var(--kn)),calc(min(1.45vh, 15.66px) * var(--kn)),calc(14px * var(--kn))) calc(16px * var(--kn));border-top:1px solid var(--l);cursor:pointer;color:var(--g);transition:background .2s}
.sts-wb-l b{font-weight:500;font-size:calc(18px * var(--kn));line-height:calc(24px * var(--kn))}
.sts-wb-l:hover{background:#F0F1FF}
.sts-wb-r:checked+.sts-wb-l{background:#F0F1FF;box-shadow:inset calc(4px * var(--kn)) 0 0 var(--n)}
.sts-wb-r:focus-visible+.sts-wb-l{outline:calc(2px * var(--kn)) solid var(--n);outline-offset:calc(2px * var(--kn))}
.sts-wb-p{visibility:hidden;align-self:start;border-top:1px solid var(--l);padding:clamp(calc(12px * var(--kn)),calc(min(2.2vh, 23.76px) * var(--kn)),calc(22px * var(--kn))) calc(16px * var(--kn)) 0}
.sts-wb-r:checked+.sts-wb-l+.sts-wb-p{visibility:visible}
.sts-wb-p>p{margin:0;font-size:calc(17px * var(--kn));line-height:calc(26px * var(--kn));color:var(--g)}.sts-wb-p a{color:var(--nt)}
.sts-wb-k{flex:none;width:calc(12px * var(--kn));height:calc(12px * var(--kn));border-radius:50%;background:var(--n)}
.sts-wb .sts-z{transition:opacity .25s}.sts-wb .sts-zr{transition:stroke-width .2s}.sts-wb .sts-pin{transition:opacity .25s}
@media (min-width:901px){.sts-wb .sts-z{opacity:.35}.sts-wb .sts-pin{opacity:.4}}
/* szkic wyników */
/* wysokość szkicu = okno − belka − odstępy sekcji (2 × 6,5vh) − 8 px zapasu; szerokość z proporcji szkicu 560 × 540 */
.sts-serp-s{display:block;width:min(100%,calc((calc(min(87vh, 939.6px) * var(--kn)) - calc(68px * var(--kn))) * 1.037));width:min(100%,calc((calc(min(87svh, 939.6px) * var(--kn)) - calc(68px * var(--kn))) * 1.037));height:auto;margin:0 auto}
/* etapy */
.sts-etapy{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(24px * var(--kn));list-style:none;margin:0;padding:0}
.sts-etapy::before{content:"";position:absolute;left:calc(28px * var(--kn));right:calc(28px * var(--kn));top:calc(28px * var(--kn));border-top:calc(2px * var(--kn)) dashed var(--n)}
.sts-etap{position:relative}.sts-nr{position:relative;display:grid;place-items:center;width:calc(56px * var(--kn));height:calc(56px * var(--kn));border-radius:50%;
 background:var(--g);color:#fff;font-weight:500;font-size:calc(18px * var(--kn));box-shadow:0 0 0 calc(10px * var(--kn)) var(--p)}
.sts-etap h3{font-size:calc(26px * var(--kn));line-height:calc(32px * var(--ts) * var(--kn));font-weight:500;margin:clamp(calc(14px * var(--kn)),calc(min(2.6vh, 28.08px) * var(--kn)),calc(28px * var(--kn))) 0 clamp(calc(10px * var(--kn)),calc(min(1.6vh, 17.28px) * var(--kn)),calc(16px * var(--kn)))}
.sts-etap ul{list-style:none;margin:0;padding:0}
.sts-etap li{display:grid;grid-template-columns:calc(28px * var(--kn)) minmax(0,1fr);column-gap:calc(10px * var(--kn));row-gap:calc(6px * var(--kn));align-items:center;background:#fff;padding:clamp(calc(14px * var(--kn)),calc(min(2.2vh, 23.76px) * var(--kn)),calc(20px * var(--kn))) calc(18px * var(--kn));border-radius:calc(5px * var(--kn));margin-bottom:clamp(calc(8px * var(--kn)),calc(min(1.2vh, 12.96px) * var(--kn)),calc(12px * var(--kn)))}
.sts-etap li .sts-ik{width:calc(28px * var(--kn));height:calc(28px * var(--kn))}
.sts-etap li b{display:block;font-weight:500;font-size:calc(17px * var(--kn));line-height:calc(22px * var(--kn))}.sts-etap li span{grid-column:1/-1;display:block;color:#666A7B;font-size:calc(15px * var(--kn));line-height:calc(22px * var(--kn))}
/* wyniki: białe karty na granacie */
.sts-wyniki{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(20px * var(--kn))}
.sts-wk{display:flex;flex-direction:column;background:#fff;color:var(--g);text-decoration:none;padding:clamp(calc(20px * var(--kn)),calc(min(3vh, 32.4px) * var(--kn)),calc(28px * var(--kn))) calc(24px * var(--kn));border-radius:calc(5px * var(--kn));transition:transform .3s,box-shadow .3s}
.sts-wk:hover{transform:translateY(calc(-4px * var(--kn)));box-shadow:inset 0 0 0 calc(2px * var(--kn)) var(--n)}
.sts-wk-k{font-size:calc(15px * var(--kn));line-height:calc(20px * var(--kn));color:#666A7B}.sts-wk-l{font-size:clamp(calc(38px * var(--ts) * var(--kn)),calc(min(5.6vh, 60.48px) * var(--kn)),calc(52px * var(--ts) * var(--kn)));line-height:1.15;font-weight:500;letter-spacing:-.02em;margin:clamp(calc(10px * var(--kn)),calc(min(1.8vh, 19.44px) * var(--kn)),calc(18px * var(--kn))) 0 calc(8px * var(--kn))}
.sts-wk-o{font-size:calc(16px * var(--kn));line-height:calc(23px * var(--kn));color:var(--g)}
.sts-wk small{display:block;margin:clamp(calc(12px * var(--kn)),calc(min(2vh, 21.6px) * var(--kn)),calc(20px * var(--kn))) 0;font-size:calc(13px * var(--kn));line-height:calc(18px * var(--kn));color:#666A7B}
.sts-wk-d{margin-top:auto;font-weight:500;color:var(--nt)}.sts-wk-d::after{content:none}
.sts-wyniki-st{display:flex;align-items:flex-end;justify-content:space-between;gap:calc(32px * var(--kn));margin-top:clamp(calc(18px * var(--kn)),calc(min(3.4vh, 36.72px) * var(--kn)),calc(40px * var(--kn)))}
.sts-wyniki-st .sts-uwaga{margin:0}.sts-wyniki-st .sts-dalej{flex:none}
/* zespół */
.sts-zes{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,calc(520 * var(--u) * var(--kn)));gap:calc(80px * var(--kn));align-items:center}
.sts-zes-t>p{font-size:calc(18px * var(--kn));line-height:calc(28px * var(--ts) * var(--kn));margin:0}
.sts-orb{position:relative;margin:0;aspect-ratio:1;width:100%}
.sts-orb-s{position:absolute;inset:0;width:100%;height:100%}
.sts-orb-szef{position:absolute;left:50%;bottom:17%;width:56%;height:auto;transform:translateX(-50%);clip-path:inset(0 0 0 0 round 0 0 50% 50%)}
.sts-gl{position:absolute;width:15%;transform:translate(-50%,-50%);z-index:2}
.sts-gl img{display:block;width:100%;aspect-ratio:1;border-radius:50%;object-fit:cover;box-shadow:0 0 0 calc(4px * var(--kn)) #F0F1FF;transition:transform .25s}
.sts-gl:hover img{transform:scale(1.12)}
.sts-gl-n{position:absolute;left:50%;top:104%;transform:translateX(-50%);background:var(--g);color:#fff;font-size:calc(13px * var(--kn));line-height:calc(17px * var(--kn));padding:calc(6px * var(--kn)) calc(10px * var(--kn));white-space:nowrap;border-radius:calc(5px * var(--kn));display:none;pointer-events:none}
.sts-gl-n small{display:block;color:#CCCDD3;font-size:calc(12px * var(--kn))}.sts-gl:hover .sts-gl-n{display:block}.sts-gl-p .sts-gl-n{left:auto;right:0;transform:none}.sts-gl-lw .sts-gl-n{left:0;transform:none}
.sts-orb-f{margin:0}.sts-orb-f figcaption{margin-top:calc(12px * var(--kn));font-size:calc(14px * var(--kn));line-height:calc(20px * var(--kn));color:#666A7B;text-align:center}
.sts-orb-f figcaption b{font-weight:500;color:var(--g)}
/* odmiany */
.sts-odmiany{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(20px * var(--kn))}
.sts-od{display:flex;flex-direction:column;text-decoration:none;color:var(--g);border:1px solid var(--l);border-radius:calc(5px * var(--kn));overflow:hidden;transition:border-color .2s,transform .3s}
.sts-od:hover{border-color:var(--g);transform:translateY(calc(-4px * var(--kn)))}
.sts-od-w{display:block;aspect-ratio:320/150}.sts-od-s{display:block;width:100%;height:100%}
.sts-od-lila .sts-od-w{background:#F0F1FF}.sts-od-nieb .sts-od-w{background:var(--n)}.sts-od-jasne .sts-od-w{background:var(--p)}.sts-od-g .sts-od-w{background:var(--g)}
.sts-od-t{display:flex;flex-direction:column;gap:calc(10px * var(--kn));padding:clamp(calc(18px * var(--kn)),calc(min(2.8vh, 30.24px) * var(--kn)),calc(24px * var(--kn))) calc(24px * var(--kn));flex:1}.sts-od-t b{font-weight:500;font-size:calc(22px * var(--kn));line-height:calc(28px * var(--ts) * var(--kn))}
.sts-od-t>span:not(.sts-dalej){color:#666A7B}.sts-od-t .sts-dalej{margin-top:auto}
/* sklepy: drzewo w hero */
.sts-drz{margin:0;background:#fff;border-radius:calc(5px * var(--kn));padding:calc(32px * var(--kn))}
.sts-drz-root{display:flex;flex-direction:column;align-items:center;width:max-content;margin:0 auto;background:var(--g);color:#fff;padding:calc(12px * var(--kn)) calc(22px * var(--kn));border-radius:calc(5px * var(--kn))}
.sts-drz-root span{font-weight:500;font-size:calc(18px * var(--kn));line-height:calc(24px * var(--kn))}.sts-drz-root small{font-size:calc(13px * var(--kn));color:#CCCDD3}
.sts-drz-g{position:relative;display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:calc(16px * var(--kn));list-style:none;margin:0;padding:calc(36px * var(--kn)) 0 0}
.sts-drz-g::before{content:"";position:absolute;left:50%;top:0;height:calc(18px * var(--kn));border-left:calc(2px * var(--kn)) solid var(--g)}
.sts-gal{position:relative}.sts-gal::before{content:"";position:absolute;left:50%;top:calc(-18px * var(--kn));height:calc(18px * var(--kn));border-left:calc(2px * var(--kn)) solid var(--g)}
.sts-gal::after{content:"";position:absolute;left:0;right:calc(-16px * var(--kn));top:calc(-18px * var(--kn));border-top:calc(2px * var(--kn)) solid var(--g)}.sts-gal:first-child::after{left:50%}.sts-gal:last-child::after{right:50%}
.sts-kat{display:block;text-align:center;background:var(--n);color:#fff;font-weight:500;font-size:calc(18px * var(--kn));line-height:calc(24px * var(--kn));padding:calc(8px * var(--kn)) calc(12px * var(--kn));border-radius:calc(5px * var(--kn))}
.sts-gal ul{list-style:none;margin:0;padding:calc(10px * var(--kn)) 0 0 calc(14px * var(--kn));border-left:calc(2px * var(--kn)) dashed var(--l);margin-left:calc(14px * var(--kn))}
.sts-gal li{position:relative;margin-top:calc(10px * var(--kn));background:var(--p);border-radius:calc(5px * var(--kn));padding:calc(10px * var(--kn)) calc(12px * var(--kn))}
.sts-gal li::before{content:"";position:absolute;left:calc(-16px * var(--kn));top:calc(22px * var(--kn));width:calc(14px * var(--kn));border-top:calc(2px * var(--kn)) dashed var(--l)}
.sts-fr{display:block;font-size:calc(14px * var(--kn));line-height:calc(19px * var(--kn))}
.sts-poz{display:flex;align-items:center;gap:calc(6px * var(--kn));margin-top:calc(6px * var(--kn));font-size:calc(14px * var(--kn));line-height:calc(18px * var(--kn))}
.sts-poz s{color:#666A7B}.sts-poz b{background:var(--g);color:#fff;font-weight:500;padding:calc(2px * var(--kn)) calc(8px * var(--kn));border-radius:calc(5px * var(--kn))}
.sts-drz figcaption{margin-top:calc(20px * var(--kn));font-size:calc(13px * var(--kn));line-height:calc(18px * var(--kn));color:#666A7B}
/* nagłówek w dwóch kolumnach (docelowa: lead obok nagłówka, jak „Jak szuka Twój klient” na /search-ecosystem/) */
@media (min-width:901px){.sts-glowa-2{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);column-gap:clamp(calc(40px * var(--kn)),calc(min(5vw, 96px) * var(--kn)),calc(80px * var(--kn)));align-items:end}
 .sts-glowa-2 .sts-et,.sts-glowa-2 .sts-h2{grid-column:1}.sts-glowa-2 .sts-h2{margin-bottom:0}
 .sts-glowa-2 .sts-lead{grid-column:2;grid-row:1/3;align-self:end;padding-bottom:calc(4px * var(--kn))}}
/* sklepy: cztery miejsca */
.sts-mc{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,calc(380 * var(--u) * var(--kn))) minmax(0,1fr);gap:calc(40px * var(--kn));align-items:center}
.sts-mc-k{display:grid;gap:calc(120px * var(--kn))}.sts-mc-k:last-child{text-align:left}
.sts-mi{display:flex;flex-direction:column;gap:calc(8px * var(--kn));text-decoration:none;color:var(--g);padding:calc(24px * var(--kn));border-radius:calc(5px * var(--kn));background:var(--p);transition:background .2s}
.sts-mi:hover{background:#F0F1FF}.sts-mi b{font-weight:500;font-size:calc(24px * var(--kn));line-height:calc(30px * var(--ts) * var(--kn))}.sts-mi>span:not(.sts-dalej){color:#666A7B}
.sts-mc-s{text-align:center}.sts-pr-s{width:100%;height:auto;display:block}.sts-mc-s p{margin:calc(8px * var(--kn)) 0 0;font-weight:500}
.sts-pk,.sts-pl{transition:all .2s}
/* sklepy: anatomia (wybór) */
.sts-an-s{display:block;width:min(100%,calc((calc(min(87vh, 939.6px) * var(--kn)) - calc(68px * var(--kn))) * 1.212));width:min(100%,calc((calc(min(87svh, 939.6px) * var(--kn)) - calc(68px * var(--kn))) * 1.212));height:auto;margin:0 auto}
.sts-an-nr{display:grid;place-items:center;flex:none;width:calc(28px * var(--kn));height:calc(28px * var(--kn));border-radius:50%;background:var(--n);color:#fff;font-size:calc(14px * var(--kn));font-weight:500}
/* sklepy: platformy */
.sts-plat{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:calc(80px * var(--kn));align-items:center}
.sts-plat-t>p{color:#fff;font-size:calc(18px * var(--kn));line-height:calc(28px * var(--ts) * var(--kn));margin:0}
.sts-plat-l{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:calc(32px * var(--kn));border-top:1px solid rgba(255,255,255,.18)}
.sts-plat-l li{border-bottom:1px solid rgba(255,255,255,.18)}
.sts-plat-l a{position:relative;display:flex;flex-direction:column;justify-content:center;min-height:clamp(84px,min(13vh, 140.4px),120px);padding:calc(16px * var(--kn)) calc(36px * var(--kn)) calc(16px * var(--kn)) 0;color:#fff;text-decoration:none}
.sts-pl-n{font-size:clamp(calc(22px * var(--kn)),calc(min(1.9vw, 36.48px) * var(--kn)),calc(28px * var(--ts) * var(--kn)));line-height:calc(36px * var(--ts) * var(--kn));font-weight:500;letter-spacing:-.01em;transition:color .2s}
.sts-pl-s{position:absolute;right:calc(8px * var(--kn));top:50%;transform:translateY(-50%);font-size:calc(22px * var(--kn));color:var(--n);transition:transform .2s}
.sts-plat-l a:hover .sts-pl-n{color:var(--n)}.sts-plat-l a:hover .sts-pl-s{transform:translate(calc(4px * var(--kn)),-50%)}
/* praca */
.sts-praca{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:calc(80px * var(--kn));align-items:center}
.sts-praca-p>p{font-size:calc(18px * var(--kn));line-height:calc(28px * var(--ts) * var(--kn));margin:0 0 calc(20px * var(--kn))}
/* migracja */
.sts-mg{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:calc(72px * var(--kn));align-items:center}
.sts-mg-l{display:grid;grid-template-columns:1fr 1fr;gap:calc(20px * var(--kn));margin:clamp(calc(20px * var(--kn)),calc(min(3.4vh, 36.72px) * var(--kn)),calc(32px * var(--kn))) 0 0}
.sts-mg-l div{background:#fff;padding:clamp(calc(14px * var(--kn)),calc(min(2.4vh, 25.92px) * var(--kn)),calc(20px * var(--kn))) calc(20px * var(--kn));border-radius:calc(5px * var(--kn))}.sts-mg-l b{display:block;font-size:calc(40px * var(--ts) * var(--kn));line-height:calc(48px * var(--ts) * var(--kn));font-weight:500;letter-spacing:-.02em}
.sts-mg-l span{color:#666A7B;font-size:calc(15px * var(--kn));line-height:calc(22px * var(--kn))}
.sts-mg-t .sts-dalej{margin-top:clamp(calc(14px * var(--kn)),calc(min(2.4vh, 25.92px) * var(--kn)),calc(24px * var(--kn)))}
.sts-mg-w{margin:0;background:#fff;padding:calc(28px * var(--kn));border-radius:calc(5px * var(--kn))}
.sts-mg-w figcaption{display:flex;flex-wrap:wrap;align-items:center;gap:calc(8px * var(--kn));margin-bottom:calc(16px * var(--kn))}.sts-mg-w figcaption b{font-weight:500;font-size:calc(18px * var(--kn))}
.sts-mg-w .sts-hw-lista li{display:grid;grid-template-columns:calc(190px * var(--kn)) minmax(0,1fr) calc(72px * var(--kn));gap:calc(16px * var(--kn));align-items:center;padding:clamp(calc(8px * var(--kn)),calc(min(1.5vh, 16.2px) * var(--kn)),calc(12px * var(--kn))) calc(8px * var(--kn));margin:0 calc(-8px * var(--kn));border-top:1px solid var(--l);border-radius:calc(5px * var(--kn))}
.sts-mg-w .sts-hw-lista li:hover{background:#F0F1FF}
.sts-mg-f{font-size:calc(15px * var(--kn));line-height:calc(20px * var(--kn))}
.sts-mg-os{grid-template-columns:calc(190px * var(--kn)) minmax(0,1fr) calc(72px * var(--kn))}
/* lokalne: mapa */
.sts-mapa{position:relative;margin:0;align-self:stretch;min-height:calc(560px * var(--kn));border-radius:calc(5px * var(--kn));overflow:hidden}
.sts-mapa-s{position:absolute;inset:0;width:100%;height:100%}
.sts-ring-e{position:absolute;left:50%;transform:translateX(-50%);background:#fff;color:var(--g);font-size:calc(13px * var(--kn));line-height:calc(18px * var(--kn));font-weight:500;padding:calc(4px * var(--kn)) calc(10px * var(--kn));border-radius:calc(5px * var(--kn));box-shadow:0 0 0 1px #CCCDD3}
.sts-mapa{container-type:size}.sts-ring-e{--s:max(100cqw / 720, 100cqh / 640);transform:translate(-50%,-50%)}.sts-ring-d{top:calc(50% + 80 * var(--s))}.sts-ring-m{top:calc(50% - 170 * var(--s))}.sts-ring-r{top:calc(50% - 260 * var(--s))}
.sts-wiz{position:absolute;left:calc(24px * var(--kn));bottom:calc(24px * var(--kn));display:grid;gap:calc(4px * var(--kn));background:#fff;padding:calc(18px * var(--kn)) calc(20px * var(--kn));border-radius:calc(5px * var(--kn));width:calc(260px * var(--kn));box-shadow:0 0 0 1px #CCCDD3}
.sts-wiz-f{height:calc(64px * var(--kn));border-radius:calc(4px * var(--kn));background:#F0F1FF;margin-bottom:calc(8px * var(--kn))}
.sts-wiz b{font-weight:500;font-size:calc(18px * var(--kn));line-height:calc(24px * var(--kn))}.sts-wiz-k{font-size:calc(13px * var(--kn));color:#666A7B}.sts-wiz-o{font-size:calc(13px * var(--kn));color:var(--nt)}
.sts-wiz-p{display:flex;gap:calc(6px * var(--kn));margin-top:calc(10px * var(--kn))}.sts-wiz-p span{flex:1;text-align:center;font-size:calc(12px * var(--kn));line-height:calc(16px * var(--kn));padding:calc(6px * var(--kn)) calc(4px * var(--kn));border:1px solid var(--l);border-radius:calc(14px * var(--kn));color:var(--nt);font-weight:500}
/* lokalne: szukanie */
.sts-szuk{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:calc(2px * var(--kn)) solid var(--g)}
.sts-szuk li{padding:calc(28px * var(--kn)) calc(24px * var(--kn)) calc(8px * var(--kn)) 0;display:flex;flex-direction:column;gap:calc(12px * var(--kn))}
.sts-szuk li+li{padding-left:calc(24px * var(--kn));border-left:1px solid var(--l)}
.sts-q{display:inline-flex;align-items:center;gap:calc(10px * var(--kn));align-self:flex-start;background:#fff;border:1px solid var(--l);border-radius:calc(24px * var(--kn));padding:calc(10px * var(--kn)) calc(18px * var(--kn));font-size:calc(16px * var(--kn));line-height:calc(20px * var(--kn))}
.sts-q svg{width:calc(16px * var(--kn));height:calc(16px * var(--kn));flex:none;color:var(--nt)}
.sts-szuk a{color:var(--g);text-decoration:none}.sts-szuk a b{font-weight:500;font-size:calc(24px * var(--kn));line-height:calc(30px * var(--ts) * var(--kn))}.sts-szuk a:hover b{color:var(--nt)}
.sts-q-t{color:#666A7B}
/* lokalne: kręgi (wybór) */
.sts-kr-o{position:relative;width:min(100%,calc(440 * var(--u) * var(--kn)),calc(calc(min(100vh, 1080px) * var(--kn)) - calc(210px * var(--kn))));width:min(100%,calc(440 * var(--u) * var(--kn)),calc(calc(min(100svh, 1080px) * var(--kn)) - calc(210px * var(--kn))));margin:0 auto}
.sts-kr-s{width:100%;height:auto;display:block}.sts-kr{transition:stroke-width .2s,stroke .2s}
.sts-kr-e{position:absolute;display:grid;place-items:center;width:calc(32px * var(--kn));height:calc(32px * var(--kn));border-radius:50%;background:var(--g);color:#fff;font-weight:500;font-size:calc(14px * var(--kn));transform:translate(-50%,-50%);left:50%}
.sts-kr-e1{top:calc(50% - 66 / 400 * 100%)}.sts-kr-e2{top:calc(50% - 128 / 400 * 100%)}.sts-kr-e3{top:calc(50% - 190 / 400 * 100%)}
.sts-krg-n{display:grid;place-items:center;flex:none;width:calc(32px * var(--kn));height:calc(32px * var(--kn));border-radius:50%;background:var(--n);color:#fff;font-size:calc(14px * var(--kn));font-weight:500}
.sts-krg-u{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:calc(20px * var(--kn))}
.sts-krg-u li{display:grid;grid-template-columns:calc(40px * var(--kn)) minmax(0,1fr);gap:calc(12px * var(--kn))}
.sts-krg-u li b{display:block;font-weight:500}.sts-krg-u li span span{display:block;color:#666A7B;font-size:calc(15px * var(--kn));line-height:calc(22px * var(--kn))}
/* lokalne: case i drabina (białe karty na granacie) */
.sts-moto{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:calc(64px * var(--kn));align-items:center}
.sts-moto-l{display:grid;grid-template-columns:1fr 1fr;gap:calc(12px * var(--kn));margin-top:clamp(calc(18px * var(--kn)),calc(min(3.2vh, 34.56px) * var(--kn)),calc(32px * var(--kn)))}
.sts-moto-l>div{background:#fff;color:var(--g);padding:clamp(calc(14px * var(--kn)),calc(min(2.4vh, 25.92px) * var(--kn)),calc(24px * var(--kn))) calc(20px * var(--kn));border-radius:calc(5px * var(--kn))}.sts-moto-l>div b{display:block;font-size:clamp(calc(32px * var(--ts) * var(--kn)),calc(min(5vh, 54px) * var(--kn)),calc(44px * var(--ts) * var(--kn)));line-height:1.15;font-weight:500;letter-spacing:-.02em}
.sts-moto-l>div span{color:#666A7B;font-size:calc(15px * var(--kn));line-height:calc(22px * var(--kn))}
.sts-moto-d{margin-top:clamp(calc(12px * var(--kn)),calc(min(2vh, 21.6px) * var(--kn)),calc(20px * var(--kn)))}
.sts-moto .sts-uwaga{margin-top:clamp(calc(14px * var(--kn)),calc(min(2.6vh, 28.08px) * var(--kn)),calc(28px * var(--kn)))}
.sts-dr{margin:0;background:#fff;color:var(--g);border-radius:calc(5px * var(--kn));padding:clamp(calc(18px * var(--kn)),calc(min(3vh, 32.4px) * var(--kn)),calc(28px * var(--kn)))}
.sts-dr figcaption{display:flex;flex-wrap:wrap;align-items:center;gap:calc(8px * var(--kn));margin-bottom:clamp(calc(12px * var(--kn)),calc(min(2.2vh, 23.76px) * var(--kn)),calc(20px * var(--kn)))}.sts-dr figcaption b{font-weight:500;font-size:calc(18px * var(--kn))}
.sts-dr-p{display:grid;grid-template-columns:calc(32px * var(--kn)) minmax(0,1fr);gap:calc(8px * var(--kn))}
.sts-dr-sk{position:relative;height:clamp(180px,min(32vh, 345.6px),300px)}.sts-dr-sk span{position:absolute;right:0;top:var(--p);transform:translateY(-50%);font-size:calc(12px * var(--kn));color:#666A7B}
.sts-dr ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:calc(12px * var(--kn))}
.sts-dr li{display:flex;flex-direction:column;gap:calc(8px * var(--kn))}
.sts-dr-tor{position:relative;height:clamp(180px,min(32vh, 345.6px),300px);background:linear-gradient(#CCCDD3,#CCCDD3) center/1px 100% no-repeat}
.sts-dr-l{position:absolute;left:50%;width:calc(4px * var(--kn));margin-left:calc(-2px * var(--kn));top:var(--c);height:calc(var(--a) - var(--c));background:var(--n);border-radius:calc(2px * var(--kn))}
.sts-dr-a,.sts-dr-c{position:absolute;left:50%;width:calc(16px * var(--kn));height:calc(16px * var(--kn));border-radius:50%;transform:translate(-50%,-50%)}
.sts-dr-a{top:var(--a);background:#fff;box-shadow:inset 0 0 0 calc(2px * var(--kn)) var(--g)}.sts-dr-c{top:var(--c);background:var(--n);box-shadow:0 0 0 calc(3px * var(--kn)) #fff}
.sts-dr-f{font-size:calc(14px * var(--kn));line-height:calc(19px * var(--kn));color:var(--g);text-align:center;min-height:calc(57px * var(--kn))}
.sts-dr-v{font-size:calc(14px * var(--kn));color:#666A7B;text-align:center}.sts-dr-v b{color:var(--g);font-weight:500}
/* KOMPUTER (docelowa): sekcja = ekran; odstępy i rysunki od wysokości okna */
@media (min-width:1100px) and (min-aspect-ratio:4/3){
 .sts-glowa{margin-bottom:clamp(calc(20px * var(--kn)),calc(min(4.4vh, 47.52px) * var(--kn)),calc(56px * var(--kn)))}
 .sts-h2{margin-bottom:clamp(calc(10px * var(--kn)),calc(min(2vh, 21.6px) * var(--kn)),calc(20px * var(--kn)));max-width:calc(1000 * var(--u) * var(--kn))}
 .sts-hero-in{padding-top:clamp(calc(88px * var(--kn)),calc(min(13vh, 140.4px) * var(--kn)),calc(120px * var(--kn)));padding-bottom:clamp(calc(32px * var(--kn)),calc(min(5vh, 54px) * var(--kn)),calc(56px * var(--kn)))}
 .sts-hero-g .sts-hero-in{gap:clamp(calc(40px * var(--kn)),calc(min(4.4vw, 84.48px) * var(--kn)),calc(64px * var(--kn)))}
 .sts-wyk{padding:clamp(calc(18px * var(--kn)),calc(min(3vh, 32.4px) * var(--kn)),calc(32px * var(--kn))) clamp(calc(20px * var(--kn)),calc(min(2.2vw, 42.24px) * var(--kn)),calc(32px * var(--kn))) clamp(calc(14px * var(--kn)),calc(min(2.4vh, 25.92px) * var(--kn)),calc(24px * var(--kn)))}
 .sts-wyk-g{margin-bottom:clamp(calc(10px * var(--kn)),calc(min(2vh, 21.6px) * var(--kn)),calc(20px * var(--kn)))}.sts-chipy{margin-bottom:clamp(calc(12px * var(--kn)),calc(min(2.4vh, 25.92px) * var(--kn)),calc(24px * var(--kn)))}
 .sts-hw{padding:clamp(calc(7px * var(--kn)),calc(min(1.3vh, 14.04px) * var(--kn)),calc(12px * var(--kn))) calc(8px * var(--kn))}
 .sts-drz{padding:clamp(calc(20px * var(--kn)),calc(min(3.4vh, 36.72px) * var(--kn)),calc(32px * var(--kn)))}.sts-gal li{margin-top:clamp(calc(6px * var(--kn)),calc(min(1vh, 10.8px) * var(--kn)),calc(10px * var(--kn)));padding:clamp(calc(7px * var(--kn)),calc(min(1vh, 10.8px) * var(--kn)),calc(10px * var(--kn))) calc(12px * var(--kn))}
 .sts-mapa{min-height:0}
 /* cztery miejsca: rysunek od wysokości okna, karty przy górnej i dolnej pinezce */
 .sts-mc{grid-template-columns:minmax(0,1fr) clamp(calc(260 * var(--u) * var(--kn)),calc(calc(min(100vh, 1080px) * var(--kn)) - calc(396 * var(--u) * var(--kn))),calc(380 * var(--u) * var(--kn))) minmax(0,1fr);grid-template-columns:minmax(0,1fr) clamp(calc(260 * var(--u) * var(--kn)),calc(calc(min(100svh, 1080px) * var(--kn)) - calc(396 * var(--u) * var(--kn))),calc(380 * var(--u) * var(--kn))) minmax(0,1fr)}
 .sts-mc-k{display:flex;flex-direction:column;justify-content:space-between;align-self:stretch;gap:calc(16px * var(--kn))}
 .sts-mi{padding:clamp(calc(16px * var(--kn)),calc(min(2.6vh, 28.08px) * var(--kn)),calc(24px * var(--kn))) calc(24px * var(--kn))}
 .sts-zes{grid-template-columns:minmax(0,1fr) min(calc(520 * var(--u) * var(--kn)),calc(calc(min(100vh, 1080px) * var(--kn)) - calc(300 * var(--u) * var(--kn))));grid-template-columns:minmax(0,1fr) min(calc(520 * var(--u) * var(--kn)),calc(calc(min(100svh, 1080px) * var(--kn)) - calc(300 * var(--u) * var(--kn))))}
 .sts-zes .sts-check li{padding:clamp(calc(9px * var(--kn)),calc(min(1.6vh, 17.28px) * var(--kn)),calc(12px * var(--kn))) 0 clamp(calc(9px * var(--kn)),calc(min(1.6vh, 17.28px) * var(--kn)),calc(12px * var(--kn))) calc(36px * var(--kn))}.sts-zes .sts-check li::before{top:clamp(calc(14px * var(--kn)),calc(min(2.3vh, 24.84px) * var(--kn)),calc(17px * var(--kn)))}
 .sts-wb-serp .sts-wb-p>p,.sts-wb-an .sts-wb-p>p{min-height:calc(52px * var(--kn))}
}
/* telefon i tablet */
@media (max-width:1200px){.sts-wyniki,.sts-odmiany{grid-template-columns:repeat(2,minmax(0,1fr))}.sts-plat-l{grid-template-columns:repeat(2,minmax(0,1fr))}
 .sts-mc{grid-template-columns:1fr calc(300 * var(--u) * var(--kn)) 1fr;gap:calc(24px * var(--kn))}}
/* 1101–1300 px: drzewo w hero sklepów szersze (kolumna „Kurtki” nie węższa niż 200 px; w wersji 20 było 178 px przy 1180) */
@media (min-width:1101px) and (max-width:1300px){.sts-hero-lila .sts-hero-in{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:calc(40px * var(--kn))}
 .sts-hero-lila .sts-drz{padding:calc(24px * var(--kn))}}
@media (min-width:1100px) and (max-width:1200px) and (min-aspect-ratio:4/3){.sts-wyniki,.sts-odmiany{grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(14px * var(--kn))}
 .sts-wk{padding:calc(18px * var(--kn)) calc(16px * var(--kn))}.sts-od-t{padding:calc(16px * var(--kn))}.sts-od-t b{font-size:calc(19px * var(--kn));line-height:calc(25px * var(--kn))}}
@media (max-width:1100px){.sts-hero-in{grid-template-columns:1fr;min-height:0;padding-top:calc(128px * var(--kn));padding-bottom:calc(72px * var(--kn))}
 .sts-an,.sts-zes,.sts-plat,.sts-praca,.sts-mg,.sts-moto{grid-template-columns:1fr;gap:calc(48px * var(--kn))}
 .sts-orb-f{max-width:calc(460 * var(--u) * var(--kn));margin:0 auto}
 .sts-etapy{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:calc(40px * var(--kn))}.sts-etapy::before{display:none}
 .sts-mapa{min-height:calc(480px * var(--kn))}
 .sts-krg-u{grid-template-columns:1fr;gap:calc(14px * var(--kn))}}
@media (max-width:900px){.sts-sek{padding:calc(72px * var(--kn)) 0}.sts-h1{font-size:calc(38px * var(--ts) * var(--kn));line-height:calc(44px * var(--ts) * var(--kn))}.sts-h2{font-size:calc(30px * var(--ts) * var(--kn));line-height:calc(37px * var(--ts) * var(--kn))}
 .sts-glowa{margin-bottom:calc(40px * var(--kn))}
 /* wybór na telefonie: zwykły przepływ, rysunek pod nagłówkiem, pozycje naraz (etykieta i tekst), bez przełącznika */
 .sts-wb{display:block}.sts-wb-g{padding-bottom:calc(24px * var(--kn))}.sts-wb-o{margin:0 0 calc(28px * var(--kn))}.sts-wb-r{top:auto;left:auto}
 .sts-wb-l{cursor:default;padding:calc(16px * var(--kn)) 0 calc(6px * var(--kn));transition:none}.sts-wb-l:hover{background:none}
 .sts-wb-r:checked+.sts-wb-l{background:none;box-shadow:none}
 .sts-wb-p,.sts-wb-r:checked+.sts-wb-l+.sts-wb-p{visibility:visible;border-top:0;padding:0 0 calc(16px * var(--kn))}
 .sts-wb-p>p{font-size:calc(16px * var(--kn));line-height:calc(24px * var(--kn));color:#666A7B}
 .sts-wb-serp .sts-wb-p,.sts-wb-an .sts-wb-p{padding-left:calc(26px * var(--kn))}.sts-wb-an .sts-wb-p{padding-left:calc(42px * var(--kn))}.sts-wb-kr .sts-wb-p{padding-left:0}
 .sts-serp-s,.sts-an-s{width:100%}.sts-kr-o{width:min(100%,calc(360px * var(--kn)))}
 .sts-mc{grid-template-columns:1fr}.sts-mc-s{order:-1;max-width:calc(300px * var(--kn));margin:0 auto}.sts-mc-k{gap:calc(16px * var(--kn))}
 .sts-szuk{grid-template-columns:1fr 1fr;row-gap:calc(24px * var(--kn))}.sts-szuk li:nth-child(3){padding-left:0;border-left:0}
 .sts-wyniki-st{flex-direction:column;align-items:flex-start;gap:calc(16px * var(--kn))}}
@media (max-width:600px){.sts-h1{font-size:calc(34px * var(--ts) * var(--kn));line-height:calc(40px * var(--ts) * var(--kn))}.sts-h2{font-size:calc(26px * var(--kn));line-height:calc(33px * var(--ts) * var(--kn))}.sts-lead,.sts-hero-lead{font-size:calc(16px * var(--kn));line-height:calc(24px * var(--kn))}
 .sts-przyc .btn{flex:1 1 100%;text-align:center}
 .sts-wyk,.sts-drz,.sts-mg-w,.sts-dr{padding:calc(20px * var(--kn)) calc(16px * var(--kn))}
 .sts-hw,.sts-hw-os{grid-template-columns:minmax(0,1fr) auto;gap:calc(6px * var(--kn)) calc(12px * var(--kn))}.sts-hw-tor,.sts-hw-sk{grid-column:1/-1;grid-row:2}
 .sts-hw-os>.sts-hw-k,.sts-hw-os>.sts-hw-v{display:none}.sts-hw-os{grid-template-columns:1fr}.sts-hw-sk{grid-row:auto}
 .sts-leg{margin-left:0;width:100%}.sts-leg i:first-child{margin-left:0}
 .sts-mg-w .sts-hw-lista li,.sts-mg-os{grid-template-columns:minmax(0,1fr) auto}.sts-mg-w .sts-hw-lista li .sts-hw-tor{grid-column:1/-1;grid-row:2}
 .sts-mg-os>.sts-mg-f,.sts-mg-os>.sts-hw-v{display:none}.sts-mg-os{grid-template-columns:1fr}
 .sts-mg-l{grid-template-columns:1fr}
 .sts-wyniki,.sts-odmiany,.sts-etapy{grid-template-columns:1fr}.sts-plat-l{grid-template-columns:1fr}.sts-plat-l a{min-height:0;padding:calc(18px * var(--kn)) calc(40px * var(--kn)) calc(18px * var(--kn)) 0}
 .sts-pl-n{font-size:calc(26px * var(--kn));line-height:calc(32px * var(--ts) * var(--kn))}
 .sts-drz-g{grid-template-columns:1fr;padding-top:calc(24px * var(--kn))}.sts-gal::after,.sts-gal::before{display:none}.sts-drz-g::before{height:calc(24px * var(--kn))}
 .sts-gal+.sts-gal{margin-top:calc(8px * var(--kn))}
 .sts-szuk{grid-template-columns:1fr}.sts-szuk li,.sts-szuk li+li{padding:calc(24px * var(--kn)) 0 0;border-left:0}
 .sts-krg-u{grid-template-columns:1fr}
 .sts-moto-l{grid-template-columns:1fr}
 .sts-dr-p{grid-template-columns:1fr}.sts-dr-sk{display:none}
 .sts-dr ol{grid-template-columns:1fr;gap:calc(4px * var(--kn))}
 .sts-dr li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:calc(6px * var(--kn)) calc(12px * var(--kn));padding:calc(10px * var(--kn)) 0;border-top:1px solid var(--l)}
 .sts-dr-tor{grid-column:1/-1;grid-row:2;height:calc(20px * var(--kn));background:linear-gradient(#CCCDD3,#CCCDD3) center/100% 1px no-repeat}
 .sts-dr-l{left:auto;right:var(--c);top:50%;height:calc(4px * var(--kn));margin:calc(-2px * var(--kn)) 0 0;width:calc(var(--a) - var(--c));background:var(--n)}
 .sts-dr-a,.sts-dr-c{top:50%}.sts-dr-a{left:calc(100% - var(--a))}.sts-dr-c{left:calc(100% - var(--c))}
 .sts-dr-f{text-align:left;min-height:0}.sts-dr-v{text-align:right}
 .sts-mapa{min-height:calc(400px * var(--kn))}.sts-wiz{left:calc(12px * var(--kn));bottom:calc(12px * var(--kn));width:calc(220px * var(--kn));padding:calc(14px * var(--kn))}.sts-wiz-f{height:calc(40px * var(--kn))}
 .sts-ring-r{display:none}
 .sts-gl{width:17%}}

/*@@KONIEC st_seo@@*/

/*@@MODUL st_ai@@*/

/* ── ST_AI · wspólne ── */
.sai-sek{padding:calc(120px * var(--kn)) 0}.sai-bi{background:#fff}.sai-ja{background:var(--p)}.sai-gr{background:var(--g);color:#fff}
.sai-gr .etyk{color:#fff}.sai-gr .sai-lead{color:#fff}
.sai-gl{max-width:calc(920 * var(--u) * var(--kn));margin-bottom:clamp(calc(24px * var(--kn)),calc(min(4.6vh, 49.68px) * var(--kn)),calc(56px * var(--kn)))}.sai-gl h2{margin-bottom:0}.sai-gl .sai-lead{margin:calc(16px * var(--kn)) 0 0}
.sai-gl2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:calc(12px * var(--kn)) calc(64px * var(--kn));align-items:end;margin-bottom:clamp(calc(20px * var(--kn)),calc(min(3.8vh, 41.04px) * var(--kn)),calc(40px * var(--kn)))}
.sai-gl2 h2{margin:0}.sai-gl2 .sai-lead{margin:0;max-width:calc(640 * var(--u) * var(--kn))}
.sai-lead{font-size:calc(18px * var(--kn));line-height:calc(28px * var(--ts) * var(--kn));max-width:calc(720 * var(--u) * var(--kn))}
.sai-ik{width:calc(40px * var(--kn));height:calc(40px * var(--kn));flex:none}
.sai-dalej{color:var(--nt);font-weight:500;text-decoration:none;display:inline-flex;align-items:center;gap:calc(8px * var(--kn))}
.sai-dalej::after{content:none;transition:transform .2s}.sai-dalej:hover::after{transform:translateX(calc(4px * var(--kn)))}
.sai-dalej:hover{text-decoration:underline;text-underline-offset:calc(4px * var(--kn))}.sai-dalej-j{color:#fff}
.sai-przyc{display:flex;flex-wrap:wrap;gap:calc(12px * var(--kn));margin:calc(32px * var(--kn)) 0 0}.sai-przyc .btn{margin:0}
.sai-chk{margin:calc(28px * var(--kn)) 0 0}.sai-chk li{position:relative;padding-left:calc(34px * var(--kn));margin-top:calc(14px * var(--kn));font-size:calc(17px * var(--kn));line-height:calc(26px * var(--kn))}
.sai-chk li::before{content:"";position:absolute;left:calc(3px * var(--kn));top:calc(6px * var(--kn));width:calc(16px * var(--kn));height:calc(8px * var(--kn));border-left:calc(2px * var(--kn)) solid var(--n);border-bottom:calc(2px * var(--kn)) solid var(--n);transform:rotate(-45deg)}
.sai-kto{display:flex;align-items:center;gap:calc(12px * var(--kn));margin:calc(14px * var(--kn)) 0 0;padding-top:calc(14px * var(--kn));border-top:1px solid var(--l);font-size:calc(14px * var(--kn));line-height:calc(20px * var(--kn));color:var(--g)}
.sai-twarze{display:flex;flex:none}.sai-twarze img{width:calc(40px * var(--kn));height:calc(40px * var(--kn));border-radius:50%;object-fit:cover;box-shadow:0 0 0 calc(3px * var(--kn)) #fff}
.sai-twarze img+img{margin-left:calc(-12px * var(--kn))}.sai-kto b{font-weight:500}
.sai-h1{font-size:calc(56px * var(--ts) * var(--kn));line-height:calc(62px * var(--ts) * var(--kn));margin:0 0 calc(24px * var(--kn));max-width:calc(660 * var(--u) * var(--kn))}.sai-h1 em{display:block}
.sai-hlead{font-size:calc(18px * var(--kn));line-height:calc(28px * var(--ts) * var(--kn));max-width:calc(560 * var(--u) * var(--kn));margin:0}
@keyframes sai-plyn{from{stroke-dashoffset:0}to{stroke-dashoffset:-240}}
@keyframes sai-fb{from{transform:scaleY(.35)}to{transform:scaleY(1)}}
@keyframes sai-mig{50%{opacity:0}}
@keyframes sai-obr{to{transform:rotate(360deg)}}
/* DOCELOWA: sekcja = ekran (kanon E46); odstępy sekcji od wysokości okna, ciaśniejsze niż wspólne d-ek */
@media (min-width:1100px) and (min-aspect-ratio:4/3){
 main>section.sai-sek.d-ek{padding-top:clamp(calc(28px * var(--kn)),calc(min(4.6vh, 49.68px) * var(--kn)),calc(80px * var(--kn)));padding-bottom:clamp(calc(28px * var(--kn)),calc(min(4.6vh, 49.68px) * var(--kn)),calc(80px * var(--kn)))}
}
.sai-tylko-d{display:none}
@media (min-width:1100px){.sai-tylko-d{display:inline}}

/* ── przełącznik docelowej (E44): karty od 1100 px, akordeon węziej; wybrana karta bez granatu (E49) ── */
.sai-pr-q{display:flex;align-items:center;gap:calc(14px * var(--kn));margin:0;padding:clamp(calc(12px * var(--kn)),calc(min(2.2vh, 23.76px) * var(--kn)),calc(20px * var(--kn))) calc(22px * var(--kn));border:1px solid var(--l);border-radius:calc(5px * var(--kn));
 background:#fff;color:var(--g);cursor:pointer;font-size:calc(19px * var(--kn));line-height:calc(24px * var(--kn));font-weight:500;transition:background .2s}
.sai-pr-q:hover{background:#F0F1FF}
.sai-tb-nr{font-size:calc(14px * var(--kn));line-height:calc(18px * var(--kn));color:var(--nt);font-weight:500}
.sai-tb-ik{width:calc(30px * var(--kn));height:calc(30px * var(--kn));flex:none}
.sai-pr-qm{display:none}
@media (min-width:1100px){
 .sai-pr{display:grid;column-gap:calc(8px * var(--kn))}
 .sai-pr-c{display:none}
 .sai-pr-p{visibility:hidden}
 .sai-pr-r:checked+.sai-pr-qd{background:#F0F1FF;border-color:#F0F1FF;box-shadow:inset calc(4px * var(--kn)) 0 0 var(--n)}
 .sai-pr-r:checked+.sai-pr-qd+.sai-pr-c+.sai-pr-qm+.sai-pr-p{visibility:visible}
 .sai-pr-r:focus-visible+.sai-pr-qd{outline:calc(2px * var(--kn)) solid var(--n);outline-offset:calc(2px * var(--kn))}
 .sai-tabs3{grid-template-columns:repeat(3,minmax(0,1fr))}.sai-tabs4{grid-template-columns:repeat(4,minmax(0,1fr))}
 .sai-tabs>.sai-pr-qd{grid-row:1}
 .sai-tabs>.sai-pr-p{grid-row:2;grid-column:1/-1;padding-top:clamp(calc(14px * var(--kn)),calc(min(2.6vh, 28.08px) * var(--kn)),calc(28px * var(--kn)))}
}
@media (max-width:1099.98px){
 .sai-pr{display:block}
 .sai-pr-r,.sai-pr-qd{display:none}
 .sai-pr-qm{display:flex;margin-top:calc(8px * var(--kn))}
 .sai-pr-qm::after{content:"+";margin-left:auto;font-size:calc(24px * var(--kn));line-height:calc(24px * var(--kn));color:var(--nt);font-weight:400}
 .sai-pr-c:checked+.sai-pr-qm{background:#F0F1FF;border-color:#F0F1FF;box-shadow:inset calc(4px * var(--kn)) 0 0 var(--n)}
 .sai-pr-c:checked+.sai-pr-qm::after{content:"\2212"}
 .sai-pr-c:focus-visible+.sai-pr-qm{outline:calc(2px * var(--kn)) solid var(--n);outline-offset:calc(2px * var(--kn))}
 .sai-pr-p{display:none;padding:calc(16px * var(--kn)) 0 calc(8px * var(--kn))}
 .sai-pr-c:checked+.sai-pr-qm+.sai-pr-p{display:block}
}

/* ── formularz audytu w karcie (wersja 20; w docelowej sekcję formularza podmienia sekcja kontaktowa) ── */
.sai-fk{position:relative;z-index:1;scroll-margin-top:calc(100px * var(--kn))}
.sai-fs{padding:calc(120px * var(--kn)) 0}.sai-fs-g{background:var(--g);color:#fff}.sai-fs-l{background:#F0F1FF}
.sai-fs-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,calc(540 * var(--u) * var(--kn)));gap:calc(80px * var(--kn));align-items:center}

/* ── 1. hero: od źródeł do odpowiedzi ── */
.sai-h1s{background:#F0F1FF;overflow:hidden}
.sai-h1s-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,calc(690 * var(--u) * var(--kn)));gap:calc(56px * var(--kn));align-items:center;min-height:min(100vh, 1080px);min-height:min(100svh, 1080px);
 padding-top:calc(96px * var(--kn));padding-bottom:calc(24px * var(--kn));box-sizing:border-box}
.sai-sc{margin:0}.sai-sc-in{display:grid;grid-template-columns:calc(200 * var(--u) * var(--kn)) calc(120px * var(--kn)) minmax(0,1fr);align-items:center}
.sai-zr li{display:flex;align-items:center;gap:calc(12px * var(--kn));height:calc(52px * var(--kn));padding:0 calc(14px * var(--kn));background:#fff;border:1px solid var(--l);border-radius:calc(5px * var(--kn));font-size:calc(15px * var(--kn));line-height:calc(20px * var(--kn));color:var(--g)}
.sai-zr li+li{margin-top:calc(14px * var(--kn))}.sai-zr-ik{width:calc(24px * var(--kn));height:calc(24px * var(--kn));flex:none}
.sai-sc-l{display:block;overflow:visible}
.sai-plyn{animation:sai-plyn 4.8s linear infinite}
.sai-odp{background:var(--g);color:#fff;padding:calc(26px * var(--kn));border-radius:calc(5px * var(--kn));box-shadow:0 calc(30px * var(--kn)) calc(60px * var(--kn)) rgba(0,6,35,.18)}
.sai-odp-et{display:flex;align-items:center;gap:calc(8px * var(--kn));font-size:calc(14px * var(--kn));line-height:calc(18px * var(--kn));color:#808291;margin:0 0 calc(14px * var(--kn))}.sai-odp-ik{width:calc(20px * var(--kn));height:calc(20px * var(--kn))}
.sai-odp-q{border:1px solid #808291;padding:calc(12px * var(--kn)) calc(16px * var(--kn));border-radius:calc(5px * var(--kn));font-size:calc(16px * var(--kn));line-height:calc(22px * var(--kn));margin:0 0 calc(18px * var(--kn))}
.sai-odp-txt{display:block;width:100%;height:auto;margin-bottom:calc(18px * var(--kn))}
.sai-odp-p{font-size:calc(12px * var(--kn));line-height:calc(16px * var(--kn));color:#808291;text-transform:uppercase;letter-spacing:.08em;margin:0 0 calc(4px * var(--kn))}
.sai-odp-l li{display:flex;align-items:center;gap:calc(12px * var(--kn));padding:calc(9px * var(--kn)) calc(12px * var(--kn));border-radius:calc(5px * var(--kn));border:1px solid #808291;margin-top:calc(8px * var(--kn));font-size:calc(16px * var(--kn))}
.sai-odp-nr{display:grid;place-items:center;width:calc(24px * var(--kn));height:calc(24px * var(--kn));border-radius:50%;border:1px solid #808291;font-size:calc(13px * var(--kn));flex:none;box-sizing:border-box}
.sai-odp-n{flex:1}.sai-odp-c{display:flex;gap:calc(4px * var(--kn))}
.sai-odp-c i{font-style:normal;display:grid;place-items:center;width:calc(20px * var(--kn));height:calc(20px * var(--kn));border-radius:calc(4px * var(--kn));border:1px solid #808291;font-size:calc(11px * var(--kn));color:#fff}
.sai-odp-l .sai-odp-ty{background:var(--n);border-color:var(--n);font-weight:500}.sai-odp-ty .sai-odp-nr{background:#fff;border-color:#fff;color:var(--g)}
.sai-odp-ty .sai-odp-c i{border-color:#fff}
.sai-sc figcaption{margin-top:calc(18px * var(--kn));font-size:calc(13px * var(--kn));line-height:calc(18px * var(--kn));color:#666A7B;text-align:right}

/* ── kroki AI (karty i panel) ── */
.sai-pn{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(calc(32px * var(--kn)),calc(min(4vw, 76.8px) * var(--kn)),calc(64px * var(--kn)));align-items:center}.sai-pn-t{max-width:calc(680 * var(--u) * var(--kn))}
.sai-pn-nr{font-size:calc(14px * var(--kn));line-height:calc(18px * var(--kn));color:var(--nt);text-transform:uppercase;letter-spacing:.06em;margin:0 0 calc(10px * var(--kn));font-weight:500}
.sai-pn h3,.sai-pm h3{font-size:calc(28px * var(--ts) * var(--kn));line-height:calc(34px * var(--ts) * var(--kn));margin:0 0 calc(12px * var(--kn))}
.sai-pn-co{font-size:calc(17px * var(--kn));line-height:calc(26px * var(--kn));margin:0 0 clamp(calc(14px * var(--kn)),calc(min(2.4vh, 25.92px) * var(--kn)),calc(24px * var(--kn)))}
.sai-pn-my{font-weight:500;margin:0 0 calc(4px * var(--kn))}
.sai-pn-l li{display:grid;gap:calc(2px * var(--kn));padding:clamp(calc(8px * var(--kn)),calc(min(1.4vh, 15.12px) * var(--kn)),calc(14px * var(--kn))) 0 clamp(calc(8px * var(--kn)),calc(min(1.4vh, 15.12px) * var(--kn)),calc(14px * var(--kn))) calc(30px * var(--kn));border-top:1px solid var(--l);position:relative}
.sai-pn-l li::before{content:"";position:absolute;left:0;top:calc(clamp(calc(8px * var(--kn)),calc(min(1.4vh, 15.12px) * var(--kn)),calc(14px * var(--kn))) + calc(6px * var(--kn)));width:calc(12px * var(--kn));height:calc(12px * var(--kn));border-radius:calc(3px * var(--kn));background:var(--n)}
.sai-pn-l b{font-weight:500}.sai-pn-l span{color:#666A7B}.sai-pn-l a{color:var(--nt)}
.sai-pn-r{background:#F0F1FF;border-radius:calc(5px * var(--kn));padding:clamp(calc(12px * var(--kn)),calc(min(2.2vh, 23.76px) * var(--kn)),calc(28px * var(--kn)))}
.sai-pn-r svg{display:block;width:100%;height:auto;max-height:clamp(200px,calc(min(100vh, 1080px) - 470px),380px);max-height:clamp(200px,calc(min(100svh, 1080px) - 470px),380px)}

/* ── Botland: opis po lewej, biała karta z wykresem i liczbami po prawej ── */
.sai-bt{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,calc(600 * var(--u) * var(--kn)));gap:calc(40px * var(--kn)) calc(80px * var(--kn));align-items:center}
.sai-bt-t>p{color:#fff}.sai-bt-t h2{margin-bottom:clamp(calc(14px * var(--kn)),calc(min(2.6vh, 28.08px) * var(--kn)),calc(24px * var(--kn)))}
.sai-cyt{border-left:calc(2px * var(--kn)) solid var(--n);padding-left:calc(22px * var(--kn));margin:clamp(calc(18px * var(--kn)),calc(min(3.4vh, 36.72px) * var(--kn)),calc(32px * var(--kn))) 0}.sai-cyt p{font-size:clamp(calc(19px * var(--kn)),calc(min(2.6vh, 28.08px) * var(--kn)),calc(22px * var(--kn)));line-height:1.45}
.sai-cyt footer{color:#808291;font-size:calc(14px * var(--kn));line-height:calc(20px * var(--kn));margin-top:calc(10px * var(--kn))}
.sai-c3{color:#808291;font-size:calc(15px * var(--kn));line-height:calc(22px * var(--kn));margin:0 0 clamp(calc(14px * var(--kn)),calc(min(2.6vh, 28.08px) * var(--kn)),calc(24px * var(--kn)))}
.sai-bt-k{background:#fff;color:var(--g);border-radius:calc(5px * var(--kn));padding:clamp(calc(20px * var(--kn)),calc(min(3.2vh, 34.56px) * var(--kn)),calc(32px * var(--kn))) clamp(calc(22px * var(--kn)),calc(min(2.4vw, 46.08px) * var(--kn)),calc(32px * var(--kn)))}
.sai-wyk{margin:0}.sai-wyk-t{font-size:calc(16px * var(--kn));line-height:calc(22px * var(--kn));font-weight:500;color:var(--g);margin:0 0 calc(8px * var(--kn))}
.sai-wyk svg{display:block;width:100%;height:auto;max-height:clamp(170px,calc(min(100vh, 1080px) - 480px),260px);max-height:clamp(170px,calc(min(100svh, 1080px) - 480px),260px)}
.sai-wyk table,.sai-wyk th,.sai-wyk td{background:#fff;color:var(--g)}
.sai-sl:hover path{filter:brightness(1.1)}
.sai-bt-l.liczby{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(24px * var(--kn));margin:clamp(calc(12px * var(--kn)),calc(min(2.4vh, 25.92px) * var(--kn)),calc(24px * var(--kn))) 0 0;padding-top:clamp(calc(12px * var(--kn)),calc(min(2.4vh, 25.92px) * var(--kn)),calc(24px * var(--kn)));border-top:1px solid var(--l)}
.sai-bt-l p{margin:0}.sai-bt-l b{display:block;font-size:clamp(calc(32px * var(--ts) * var(--kn)),calc(min(4.6vh, 49.68px) * var(--kn)),calc(40px * var(--ts) * var(--kn)));line-height:1.1;font-weight:500;letter-spacing:-.02em}
.sai-bt-l span{display:block;margin-top:calc(6px * var(--kn));color:#666A7B;font-size:calc(15px * var(--kn));line-height:calc(22px * var(--kn))}
.sai-bt-zr{margin:clamp(calc(10px * var(--kn)),calc(min(2vh, 21.6px) * var(--kn)),calc(18px * var(--kn))) 0 0;font-size:calc(13px * var(--kn));line-height:calc(19px * var(--kn));color:#666A7B}

/* ── etapy z decyzjami ── */
.sai-st{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(56px * var(--kn));margin:0}
.sai-st::before{content:"";position:absolute;left:calc(12px * var(--kn));right:calc(12px * var(--kn));top:calc(12px * var(--kn));border-top:calc(2px * var(--kn)) dashed var(--n)}
.sai-st li{position:relative;padding-top:calc(56px * var(--kn))}
.sai-st-k{position:absolute;left:0;top:0;width:calc(26px * var(--kn));height:calc(26px * var(--kn));border-radius:50%;background:var(--g);box-shadow:0 0 0 calc(6px * var(--kn)) var(--p)}
.sai-st li:first-child .sai-st-k{background:var(--n)}
.sai-dec{position:absolute;top:calc(-30px * var(--kn));left:calc(-28px * var(--kn));transform:translateX(-50%);display:grid;justify-items:center;gap:calc(10px * var(--kn));font-size:calc(12px * var(--kn));line-height:calc(14px * var(--kn));color:#666A7B;letter-spacing:.06em;text-transform:uppercase}
.sai-dec i{display:block;width:calc(14px * var(--kn));height:calc(14px * var(--kn));background:var(--p);border:calc(2px * var(--kn)) solid var(--n);transform:rotate(45deg);order:2;margin-top:calc(15px * var(--kn))}
.sai-st-e{font-size:calc(14px * var(--kn));line-height:calc(18px * var(--kn));color:var(--nt);font-weight:500;text-transform:uppercase;letter-spacing:.06em;margin:0 0 calc(10px * var(--kn))}
.sai-st h3{font-size:calc(24px * var(--kn));line-height:calc(30px * var(--ts) * var(--kn));margin:0 0 calc(10px * var(--kn))}.sai-st p:last-child{color:#666A7B;font-size:calc(17px * var(--kn));line-height:calc(26px * var(--kn))}

/* ── obszary ── */
.sai-ob{display:grid;grid-template-columns:minmax(0,calc(380 * var(--u) * var(--kn))) minmax(0,1fr);gap:calc(64px * var(--kn));align-items:start}
.sai-ob .sai-gl{margin:0}
.sai-ob-l{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--l);border-left:1px solid var(--l)}
.sai-ob-l a{position:relative;display:grid;grid-template-columns:calc(40px * var(--kn)) minmax(0,1fr);column-gap:calc(18px * var(--kn));row-gap:calc(6px * var(--kn));padding:clamp(calc(20px * var(--kn)),calc(min(3.6vh, 38.88px) * var(--kn)),calc(32px * var(--kn))) calc(64px * var(--kn)) clamp(calc(20px * var(--kn)),calc(min(3.6vh, 38.88px) * var(--kn)),calc(32px * var(--kn))) calc(28px * var(--kn));
 border-right:1px solid var(--l);border-bottom:1px solid var(--l);text-decoration:none;color:var(--g);height:100%;box-sizing:border-box;transition:background .2s}
.sai-ob-l b{font-size:calc(20px * var(--kn));line-height:calc(26px * var(--kn));font-weight:500;align-self:center}.sai-ob-l span{grid-column:2;color:#666A7B}
.sai-ob-l a:hover{background:#F0F1FF}.sai-ob-l a:hover b{color:var(--nt)}
.sai-strz{position:absolute;right:calc(24px * var(--kn));top:clamp(calc(20px * var(--kn)),calc(min(3.6vh, 38.88px) * var(--kn)),calc(32px * var(--kn)));font-style:normal;display:grid;place-items:center;width:calc(32px * var(--kn));height:calc(32px * var(--kn));border:1px solid var(--g);border-radius:calc(16px * var(--kn))}
.sai-ob-l a:hover .sai-strz{background:var(--n);border-color:var(--n);color:#fff}

/* ── narzędzie ── */
.sai-nar{background:var(--n);color:#fff;padding:calc(100px * var(--kn)) 0;overflow:hidden}
.sai-nar-in{display:grid;grid-template-columns:minmax(0,1fr) min(calc(400 * var(--u) * var(--kn)),calc(calc(min(100vh, 1080px) * var(--kn)) - calc(200 * var(--u) * var(--kn))));grid-template-columns:minmax(0,1fr) min(calc(400 * var(--u) * var(--kn)),calc(calc(min(100svh, 1080px) * var(--kn)) - calc(200 * var(--u) * var(--kn))));gap:calc(80px * var(--kn));align-items:center}
.sai-nar .etyk,.sai-nar .sai-lead{color:#fff}.sai-nar h2{margin-bottom:calc(20px * var(--kn))}
.sai-nar h2 em{color:#fff;text-decoration:underline;text-decoration-thickness:calc(2px * var(--kn));text-underline-offset:calc(6px * var(--kn));text-decoration-color:rgba(255,255,255,.55)}
.sai-nar-t>p{font-size:calc(18px * var(--kn));line-height:calc(28px * var(--ts) * var(--kn));max-width:calc(680 * var(--u) * var(--kn))}.sai-nar-t>p a{color:#fff;text-underline-offset:calc(3px * var(--kn))}
.sai-nar .sai-btn-b{background:#fff;color:var(--g)}.sai-nar .sai-btn-b:hover{background:var(--g);color:#fff}
.sai-radar{display:block;width:100%;height:auto}.sai-skan{transform-origin:calc(200px * var(--kn)) calc(200px * var(--kn));animation:sai-obr 8s linear infinite}

/* ── FAQ ── */
.sai-faq .faq summary{font-weight:400}

/* ── 2. hero: pytanie i jedna odpowiedź ── */
.sai-h2s{overflow:hidden}
.sai-h2s-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,calc(620 * var(--u) * var(--kn)));gap:calc(72px * var(--kn));align-items:center;min-height:min(100vh, 1080px);min-height:min(100svh, 1080px);
 padding-top:calc(96px * var(--kn));padding-bottom:calc(24px * var(--kn));box-sizing:border-box}
.sai-h2s .sai-hlead{color:#fff}
.sai-q-pas{display:flex;align-items:center;gap:calc(14px * var(--kn));background:#fff;color:var(--g);border-radius:calc(32px * var(--kn));padding:calc(16px * var(--kn)) calc(22px * var(--kn));font-size:calc(20px * var(--kn));line-height:calc(26px * var(--kn))}
.sai-lupa{width:calc(22px * var(--kn));height:calc(22px * var(--kn));flex:none}.sai-mikro{width:calc(24px * var(--kn));height:calc(24px * var(--kn));flex:none}
.sai-q-pas .sai-mikro{margin-left:auto;color:var(--nt)}
.sai-kursor{width:calc(2px * var(--kn));height:calc(24px * var(--kn));background:var(--g);flex:none;margin-left:calc(-10px * var(--kn));animation:sai-mig 1s steps(1) infinite}
.sai-q-pod{position:relative;margin-top:calc(26px * var(--kn));min-height:clamp(300px,calc(min(100vh, 1080px) - 360px),400px);min-height:clamp(300px,calc(min(100svh, 1080px) - 360px),400px)}
.sai-q-duch{position:absolute;left:0;top:0;width:78%;height:auto;-webkit-mask-image:linear-gradient(#000623 40%,transparent);mask-image:linear-gradient(#000623 40%,transparent)}
.sai-q-odp{position:relative;margin:clamp(calc(32px * var(--kn)),calc(min(6vh, 64.8px) * var(--kn)),calc(64px * var(--kn))) 0 0 auto;width:min(calc(430 * var(--u) * var(--kn)),90%);background:#fff;color:var(--g);padding:calc(28px * var(--kn));border-radius:calc(5px * var(--kn));box-shadow:0 calc(24px * var(--kn)) calc(60px * var(--kn)) rgba(0,6,35,.6)}
.sai-q-et{font-size:calc(13px * var(--kn));line-height:calc(16px * var(--kn));letter-spacing:.08em;text-transform:uppercase;color:var(--nt);font-weight:500;margin:0 0 calc(10px * var(--kn))}
.sai-q-o{font-size:calc(20px * var(--kn));line-height:calc(29px * var(--ts) * var(--kn))}.sai-q-o b{font-weight:500;background:#F0F1FF;box-shadow:0 0 0 calc(3px * var(--kn)) #F0F1FF}
.sai-q-zr{font-size:calc(14px * var(--kn));line-height:calc(18px * var(--kn));color:#666A7B;margin-top:calc(12px * var(--kn))}
.sai-q-gl{display:flex;align-items:center;gap:calc(14px * var(--kn));margin-top:calc(18px * var(--kn));padding-top:calc(16px * var(--kn));border-top:1px solid var(--l);font-size:calc(14px * var(--kn));line-height:calc(18px * var(--kn));color:#666A7B}
.sai-fala{height:calc(28px * var(--kn));width:auto;color:var(--nt);flex:none}
.sai-fb{transform-box:fill-box;transform-origin:center;animation:sai-fb .9s ease-in-out infinite alternate}
.sai-q-pp{font-size:calc(13px * var(--kn));line-height:calc(18px * var(--kn));color:#808291;margin:calc(18px * var(--kn)) 0 0}

/* ── miejsca odpowiedzi: ekrany „w duchu” (bez cudzych znaków) ── */
.sai-pm{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(calc(32px * var(--kn)),calc(min(4vw, 76.8px) * var(--kn)),calc(64px * var(--kn)));align-items:center}
.sai-pm-ekr{background:#F0F1FF;padding:clamp(calc(14px * var(--kn)),calc(min(2.6vh, 28.08px) * var(--kn)),calc(32px * var(--kn))) calc(32px * var(--kn));border-radius:calc(5px * var(--kn));display:grid;place-items:center}
.sai-pm-t>p{font-size:calc(18px * var(--kn));line-height:calc(28px * var(--ts) * var(--kn));margin:0 0 calc(20px * var(--kn))}
.sai-ek{background:#fff;width:100%;max-width:calc(470 * var(--u) * var(--kn));border-radius:calc(5px * var(--kn));padding:calc(20px * var(--kn)) calc(24px * var(--kn));border:1px solid var(--l);color:var(--g);box-sizing:border-box}
.sai-ek p{font-size:calc(15px * var(--kn));line-height:calc(22px * var(--kn))}
.sai-ek-pas{display:flex;gap:calc(10px * var(--kn));align-items:center;border:1px solid var(--l);border-radius:calc(24px * var(--kn));padding:calc(9px * var(--kn)) calc(16px * var(--kn));margin:0 0 calc(14px * var(--kn))}
.sai-ek .sai-ek-mt{font-size:calc(12px * var(--kn));line-height:calc(16px * var(--kn));color:#666A7B;text-transform:uppercase;letter-spacing:.06em;margin:0 0 calc(6px * var(--kn))}
.sai-ek-fr{background:var(--p);padding:calc(14px * var(--kn)) calc(16px * var(--kn));border-radius:calc(5px * var(--kn));margin-bottom:calc(14px * var(--kn))}.sai-ek-fr b{font-weight:500}
.sai-ek .sai-ek-zr{font-size:calc(13px * var(--kn));line-height:calc(18px * var(--kn));color:#666A7B;margin-top:calc(8px * var(--kn))}
.sai-ek-pp li{display:flex;justify-content:space-between;align-items:center;gap:calc(12px * var(--kn));padding:calc(9px * var(--kn)) 0;border-top:1px solid var(--l);font-size:calc(15px * var(--kn));line-height:calc(20px * var(--kn))}
.sai-ek-pp i{width:calc(8px * var(--kn));height:calc(8px * var(--kn));border-right:calc(2px * var(--kn)) solid var(--g);border-bottom:calc(2px * var(--kn)) solid var(--g);transform:rotate(45deg);flex:none;margin-top:calc(-4px * var(--kn))}
.sai-ek-g{background:var(--g);border-color:var(--g);color:#fff;display:grid;justify-items:center;gap:calc(16px * var(--kn));text-align:center;padding:calc(28px * var(--kn)) calc(24px * var(--kn))}
.sai-ek-kolo{width:calc(72px * var(--kn));height:calc(72px * var(--kn));border-radius:50%;background:var(--n);display:grid;place-items:center;color:#fff;
 box-shadow:0 0 0 calc(10px * var(--kn)) rgba(87,104,255,.35),0 0 0 calc(22px * var(--kn)) rgba(87,104,255,.15)}
.sai-ek-kolo .sai-mikro{width:calc(32px * var(--kn));height:calc(32px * var(--kn))}
.sai-fala-d{color:#fff;height:calc(30px * var(--kn));margin-top:calc(8px * var(--kn))}
.sai-ek-g p.sai-ek-mow{font-size:calc(19px * var(--kn));line-height:calc(27px * var(--kn))}.sai-ek-g .sai-ek-zr{color:#808291;margin:0}
.sai-ek-ja{margin:0 0 0 auto;background:var(--g);color:#fff;padding:calc(12px * var(--kn)) calc(16px * var(--kn));border-radius:calc(16px * var(--kn)) calc(16px * var(--kn)) calc(4px * var(--kn)) calc(16px * var(--kn));width:fit-content;max-width:85%}
.sai-ek-ai{margin-top:calc(16px * var(--kn));background:var(--p);padding:calc(16px * var(--kn));border-radius:calc(16px * var(--kn)) calc(16px * var(--kn)) calc(16px * var(--kn)) calc(4px * var(--kn))}
.sai-ek p.sai-ek-cyt{display:inline-flex;gap:calc(8px * var(--kn));align-items:center;font-size:calc(13px * var(--kn));line-height:calc(16px * var(--kn));border:1px solid var(--l);background:#fff;padding:calc(4px * var(--kn)) calc(10px * var(--kn)) calc(4px * var(--kn)) calc(4px * var(--kn));border-radius:calc(14px * var(--kn));margin-top:calc(10px * var(--kn))}
.sai-ek-cyt span{display:grid;place-items:center;width:calc(18px * var(--kn));height:calc(18px * var(--kn));border-radius:50%;background:var(--g);color:#fff;font-size:calc(11px * var(--kn))}
.sai-ek-p{padding:0;overflow:hidden}.sai-ek-p>*:not(.sai-ek-mapa){margin-left:calc(24px * var(--kn));margin-right:calc(24px * var(--kn))}.sai-ek-p>:last-child{margin-bottom:calc(20px * var(--kn))}
.sai-ek-mapa svg{display:block;width:100%;height:calc(100px * var(--kn))}
.sai-ek p.sai-ek-nz{font-size:calc(20px * var(--kn));line-height:calc(26px * var(--kn));font-weight:500;margin-top:calc(14px * var(--kn))}.sai-ek p.sai-ek-ot{font-size:calc(14px * var(--kn));color:#666A7B;margin-top:calc(2px * var(--kn))}
.sai-ek-ch{display:flex;gap:calc(8px * var(--kn));flex-wrap:wrap;margin:calc(12px * var(--kn)) 0 calc(14px * var(--kn))}.sai-ek-ch span{border:1px solid var(--l);border-radius:calc(16px * var(--kn));padding:calc(4px * var(--kn)) calc(12px * var(--kn));font-size:calc(13px * var(--kn));line-height:calc(18px * var(--kn))}
.sai-ek p.sai-ek-qa{padding-top:calc(12px * var(--kn));border-top:1px solid var(--l);font-size:calc(14px * var(--kn));line-height:calc(20px * var(--kn))}.sai-ek-qa b{display:block;font-weight:500}

/* ── anatomia odpowiedzi: lista do wyboru po lewej, rysunek i opis wybranego miejsca po prawej ── */
.sai-an{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:clamp(calc(40px * var(--kn)),calc(min(5vw, 96px) * var(--kn)),calc(72px * var(--kn)));align-items:center}
.sai-an .sai-gl{margin-bottom:clamp(calc(18px * var(--kn)),calc(min(3.4vh, 36.72px) * var(--kn)),calc(32px * var(--kn)))}
.sai-an-l{display:grid;gap:calc(6px * var(--kn))}
.sai-an-q{display:flex;align-items:center;gap:calc(14px * var(--kn));margin:0;padding:clamp(calc(8px * var(--kn)),calc(min(1.4vh, 15.12px) * var(--kn)),calc(12px * var(--kn))) calc(16px * var(--kn));border-radius:calc(5px * var(--kn));cursor:pointer;font-size:calc(17px * var(--kn));line-height:calc(24px * var(--kn));
 font-weight:500;color:var(--g);transition:background .2s}
.sai-an-q:hover{background:#fff}
.sai-an-ra:checked+.sai-an-q{background:#F0F1FF;box-shadow:inset calc(4px * var(--kn)) 0 0 var(--n)}
.sai-an-ra:checked+.sai-an-q .sai-an-n{background:var(--n)}
.sai-an-ra:focus-visible+.sai-an-q{outline:calc(2px * var(--kn)) solid var(--n);outline-offset:calc(2px * var(--kn))}
.sai-an-n{display:grid;place-items:center;flex:none;width:calc(28px * var(--kn));height:calc(28px * var(--kn));border-radius:50%;background:var(--g);color:#fff;font-size:calc(13px * var(--kn));font-weight:500}
.sai-an-w{display:grid;gap:clamp(calc(14px * var(--kn)),calc(min(2.4vh, 25.92px) * var(--kn)),calc(24px * var(--kn)))}
.sai-an-r{display:grid;grid-template-columns:minmax(0,1fr) calc(190px * var(--kn));grid-template-rows:auto auto 1fr;gap:calc(16px * var(--kn));align-items:start}.sai-an-spr{align-self:end}
.sai-an-r [data-a]{position:relative;transition:outline-color .2s}
.sai-mk{position:absolute;top:calc(-12px * var(--kn));right:calc(-12px * var(--kn));width:calc(26px * var(--kn));height:calc(26px * var(--kn));border-radius:50%;background:var(--g);color:#fff;font-size:calc(13px * var(--kn));line-height:1;
 display:grid;place-items:center;transition:transform .2s,background .2s;z-index:1}
.sai-an-m{font-size:calc(11px * var(--kn));line-height:calc(14px * var(--kn));letter-spacing:.08em;text-transform:uppercase;color:#666A7B;margin:0 0 calc(8px * var(--kn))}
.sai-an-kartka{grid-column:1;grid-row:1/4;background:#fff;border:1px solid var(--l);border-radius:calc(5px * var(--kn));padding:calc(16px * var(--kn)) calc(22px * var(--kn)) calc(20px * var(--kn));color:var(--g)}
.sai-an-bel{display:flex;gap:calc(6px * var(--kn));padding-bottom:calc(12px * var(--kn));border-bottom:1px solid var(--l)}.sai-an-bel i{width:calc(10px * var(--kn));height:calc(10px * var(--kn));border-radius:50%;background:#D9D9D9}
.sai-an-h{font-size:calc(20px * var(--kn));line-height:calc(26px * var(--kn));font-weight:500;margin:calc(14px * var(--kn)) 0 calc(10px * var(--kn))}
.sai-an-odp{background:#F0F1FF;padding:calc(12px * var(--kn)) calc(14px * var(--kn));border-radius:calc(5px * var(--kn))}.sai-an-odp p{font-size:calc(15px * var(--kn));line-height:calc(22px * var(--kn))}.sai-an-odp b{font-weight:500}
.sai-an-roz{margin:calc(12px * var(--kn)) 0}.sai-an-roz i{display:block;height:calc(8px * var(--kn));border-radius:calc(4px * var(--kn));background:#D9D9D9;margin:calc(9px * var(--kn)) 0}
.sai-an-roz i:nth-child(1){width:96%}.sai-an-roz i:nth-child(2){width:88%}.sai-an-roz i:nth-child(3){width:54%}
.sai-an-faq{border-top:1px solid var(--l);padding-top:calc(12px * var(--kn))}
.sai-an-faq span:not(.sai-mk){display:flex;justify-content:space-between;padding:calc(7px * var(--kn)) 0;border-bottom:1px solid var(--l);font-size:calc(14px * var(--kn));line-height:calc(18px * var(--kn))}
.sai-an-faq span:not(.sai-mk)::after{content:"+";color:var(--nt)}
.sai-an-kod{background:var(--g);color:#fff;border-radius:calc(5px * var(--kn));padding:calc(10px * var(--kn)) calc(14px * var(--kn));margin-top:calc(14px * var(--kn));display:grid;gap:calc(2px * var(--kn))}
.sai-an-kod code{font:calc(13px * var(--kn))/calc(19px * var(--kn)) ui-monospace,Consolas,monospace;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sai-an-pyt,.sai-an-prof,.sai-an-spr{grid-column:2;background:#fff;border:1px solid var(--l);border-radius:calc(5px * var(--kn));padding:calc(14px * var(--kn));color:var(--g)}
.sai-an-pyt{display:grid;gap:calc(6px * var(--kn))}.sai-an-pyt span:not(.sai-mk){font-size:calc(13px * var(--kn));line-height:calc(18px * var(--kn));background:#F0F1FF;padding:calc(6px * var(--kn)) calc(8px * var(--kn));border-radius:calc(5px * var(--kn))}
.sai-an-prof{display:grid;gap:calc(2px * var(--kn))}.sai-an-prof b{font-weight:500}.sai-an-prof span:not(.sai-mk){font-size:calc(13px * var(--kn));color:#666A7B}
.sai-an-spr{display:flex;align-items:center;gap:calc(10px * var(--kn))}.sai-an-spr svg{width:calc(32px * var(--kn));height:calc(32px * var(--kn));flex:none}.sai-an-spr .sai-an-m{margin:0}
.sai-an-os{display:grid}
.sai-an-o{grid-area:1/1;visibility:hidden;display:flex;gap:calc(14px * var(--kn));align-items:flex-start;background:#fff;border-radius:calc(5px * var(--kn));padding:clamp(calc(14px * var(--kn)),calc(min(2.4vh, 25.92px) * var(--kn)),calc(20px * var(--kn))) calc(22px * var(--kn))}
.sai-an-o .sai-an-n{background:var(--n)}
.sai-an-o p{font-size:calc(16px * var(--kn));line-height:calc(24px * var(--kn));color:#666A7B}.sai-an-o b{display:block;color:var(--g);font-size:calc(17px * var(--kn));font-weight:500;margin-bottom:calc(2px * var(--kn))}

/* ── pytania zamiast słów kluczowych ── */
.sai-py{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(calc(40px * var(--kn)),calc(min(5vw, 96px) * var(--kn)),calc(80px * var(--kn)));align-items:center}
.sai-py .sai-gl{margin-bottom:clamp(calc(20px * var(--kn)),calc(min(3.6vh, 38.88px) * var(--kn)),calc(36px * var(--kn)))}
.sai-kw-r+.sai-kw-r{margin-top:clamp(calc(14px * var(--kn)),calc(min(2.6vh, 28.08px) * var(--kn)),calc(24px * var(--kn)))}.sai-kw-e{font-size:calc(14px * var(--kn));line-height:calc(18px * var(--kn));color:#808291;margin:0 0 calc(10px * var(--kn))}
.sai-kw-s{display:inline-block;border:1px dashed #808291;padding:calc(10px * var(--kn)) calc(16px * var(--kn));font-size:calc(18px * var(--kn));line-height:calc(24px * var(--kn));border-radius:calc(24px * var(--kn));color:#fff}
.sai-kw-b{display:flex;gap:calc(12px * var(--kn));align-items:center;background:#fff;color:var(--g);padding:calc(16px * var(--kn)) calc(20px * var(--kn));border-radius:calc(5px * var(--kn)) calc(20px * var(--kn)) calc(20px * var(--kn)) calc(20px * var(--kn));font-size:calc(21px * var(--kn));line-height:calc(29px * var(--ts) * var(--kn))}
.sai-kw-b .sai-mikro{color:var(--nt)}
.sai-mp{display:grid;grid-template-columns:calc(200 * var(--u) * var(--kn)) calc(100px * var(--kn)) minmax(0,1fr);align-items:center}
.sai-mp .sai-sc-l{width:calc(100px * var(--kn));height:auto}
.sai-zr-g li{background:transparent;border-color:#808291;color:#fff}
.sai-mp-l{background:#fff;color:var(--g);padding:calc(22px * var(--kn)) calc(24px * var(--kn));border-radius:calc(5px * var(--kn))}
.sai-mp-t{font-weight:500;margin:0 0 calc(6px * var(--kn))}.sai-mp-l ol{list-style:decimal;padding-left:calc(20px * var(--kn))}
.sai-mp-l li{padding:calc(8px * var(--kn)) 0 calc(8px * var(--kn)) calc(4px * var(--kn));border-top:1px solid var(--l);font-size:calc(15px * var(--kn));line-height:calc(21px * var(--kn))}
.sai-py-p{margin:clamp(calc(20px * var(--kn)),calc(min(3.6vh, 38.88px) * var(--kn)),calc(36px * var(--kn))) 0 0;font-size:calc(17px * var(--kn));line-height:calc(26px * var(--kn));color:#fff;max-width:calc(640 * var(--u) * var(--kn))}.sai-py-p a{color:#fff}

/* ── 3. hero audytu: formularz (karta sekcji kontaktowej) w pierwszym ekranie ── */
.sai-h3s{position:relative;background:#fff;overflow:hidden}
.sai-h3s::after{content:"";position:absolute;top:0;bottom:0;right:0;width:42%;background:#F0F1FF;z-index:0}
.sai-h3s-in{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,calc(540 * var(--u) * var(--kn)));gap:calc(80px * var(--kn));align-items:center;
 min-height:min(100vh, 1080px);min-height:min(100svh, 1080px);padding-top:calc(92px * var(--kn));padding-bottom:calc(16px * var(--kn));box-sizing:border-box}
.sai-h1-a{font-size:calc(52px * var(--ts) * var(--kn));line-height:calc(58px * var(--ts) * var(--kn))}
.sai-fa{margin:clamp(calc(18px * var(--kn)),calc(min(3.4vh, 36.72px) * var(--kn)),calc(28px * var(--kn))) 0 clamp(calc(16px * var(--kn)),calc(min(3vh, 32.4px) * var(--kn)),calc(24px * var(--kn)));max-width:calc(540 * var(--u) * var(--kn));border-top:1px solid var(--l)}
.sai-fa li{display:grid;grid-template-columns:calc(32px * var(--kn)) minmax(0,1fr);gap:calc(16px * var(--kn));align-items:center;padding:clamp(calc(8px * var(--kn)),calc(min(1.5vh, 16.2px) * var(--kn)),calc(12px * var(--kn))) 0;border-bottom:1px solid var(--l)}
.sai-fa-ik{width:calc(32px * var(--kn));height:calc(32px * var(--kn))}.sai-fa b{display:block;font-weight:500;font-size:calc(18px * var(--kn));line-height:calc(24px * var(--kn))}
.sai-fa li>span{font-size:calc(15px * var(--kn));line-height:calc(20px * var(--kn));color:#666A7B}.sai-fa li>span b{color:var(--g)}
.sai-h3s-f{position:relative}
.sai-kartka-t{position:absolute;right:calc(-36px * var(--kn));top:calc(-14px * var(--kn));width:62%;height:64%;background:#fff;border:1px solid var(--l);border-radius:calc(5px * var(--kn));transform:rotate(4deg);padding:calc(26px * var(--kn)) calc(24px * var(--kn));box-sizing:border-box}
.sai-kartka-t i{display:block;height:calc(8px * var(--kn));border-radius:calc(4px * var(--kn));background:#D9D9D9;margin-bottom:calc(12px * var(--kn))}
.sai-kartka-t i:first-child{width:40%;height:calc(12px * var(--kn));background:var(--g)}.sai-kartka-t i:nth-child(2){width:80%}.sai-kartka-t i:nth-child(3){width:64%}.sai-kartka-t i:nth-child(4){width:72%}
.sai-h3s .kts-karta{box-shadow:0 calc(24px * var(--kn)) calc(60px * var(--kn)) rgba(0,6,35,.12)}
@media (min-width:901px) and (max-height:820px){
 .sai-h3s .kts-karta{padding:calc(20px * var(--kn)) calc(26px * var(--kn))}.sai-h3s .kts-kl{margin-bottom:calc(12px * var(--kn))}.sai-h3s .kts-pole textarea{height:calc(64px * var(--kn))}
 .sai-h3s .kts-kto{margin-top:calc(10px * var(--kn));padding-top:calc(10px * var(--kn))}.sai-h3s .kts-tel{margin-top:calc(8px * var(--kn))}
}

/* ── raport audytu: opis wybranego punktu po lewej, karta raportu z punktami do wyboru po prawej ── */
.sai-rp{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,calc(560 * var(--u) * var(--kn)));gap:clamp(calc(40px * var(--kn)),calc(min(5vw, 96px) * var(--kn)),calc(80px * var(--kn)));align-items:center}
.sai-rp .sai-gl2{grid-template-columns:1fr;gap:calc(12px * var(--kn));align-items:start}
.sai-rp-ps{display:grid}
.sai-rp-p{grid-area:1/1;visibility:hidden;display:grid;grid-template-columns:calc(56px * var(--kn)) minmax(0,1fr);gap:calc(20px * var(--kn));align-items:start;background:#F0F1FF;
 border-radius:calc(5px * var(--kn));padding:clamp(calc(20px * var(--kn)),calc(min(3.6vh, 38.88px) * var(--kn)),calc(32px * var(--kn))) calc(28px * var(--kn))}
.sai-rp-ik{width:calc(56px * var(--kn));height:calc(56px * var(--kn))}
.sai-rp-p h3{font-size:calc(26px * var(--kn));line-height:calc(32px * var(--ts) * var(--kn));margin:0 0 calc(8px * var(--kn))}.sai-rp-p p{font-size:calc(18px * var(--kn));line-height:calc(28px * var(--ts) * var(--kn));color:var(--g)}
.sai-rp-k{background:#fff;border:1px solid var(--l);border-radius:calc(5px * var(--kn));padding:0 0 clamp(calc(14px * var(--kn)),calc(min(2.6vh, 28.08px) * var(--kn)),calc(24px * var(--kn)));box-shadow:calc(24px * var(--kn)) calc(24px * var(--kn)) 0 #F0F1FF;color:var(--g);overflow:hidden}
.sai-rp-g{background:var(--g);color:#fff;display:flex;justify-content:space-between;align-items:center;padding:clamp(calc(14px * var(--kn)),calc(min(2.4vh, 25.92px) * var(--kn)),calc(22px * var(--kn))) calc(28px * var(--kn))}
.sai-rp-g p{font-size:calc(14px * var(--kn));line-height:calc(18px * var(--kn));color:#808291}.sai-rp-g b{display:block;font-size:calc(24px * var(--kn));line-height:calc(30px * var(--ts) * var(--kn));font-weight:500;color:#fff}
.sai-rp-logo img{display:block;width:calc(88px * var(--kn));height:auto}
.sai-rp-s{margin:clamp(calc(12px * var(--kn)),calc(min(2.2vh, 23.76px) * var(--kn)),calc(20px * var(--kn))) calc(28px * var(--kn)) calc(6px * var(--kn));font-size:calc(12px * var(--kn));line-height:calc(16px * var(--kn));letter-spacing:.08em;text-transform:uppercase;color:#666A7B}
.sai-rp-w{display:grid}
.sai-rp-q{display:grid;grid-template-columns:calc(30px * var(--kn)) calc(180px * var(--kn)) minmax(0,1fr);align-items:center;gap:calc(8px * var(--kn));margin:0;padding:clamp(calc(4px * var(--kn)),calc(min(.9vh, 9.72px) * var(--kn)),calc(8px * var(--kn))) calc(28px * var(--kn));cursor:pointer;
 transition:background .2s}
.sai-rp-q:hover{background:#F0F1FF}
.sai-rp-r:checked+.sai-rp-q{background:#F0F1FF;box-shadow:inset calc(4px * var(--kn)) 0 0 var(--n)}
.sai-rp-r:checked+.sai-rp-q .sai-rp-n{color:var(--nt);font-weight:500}.sai-rp-r:checked+.sai-rp-q i{background:var(--n)}
.sai-rp-r:focus-visible+.sai-rp-q{outline:calc(2px * var(--kn)) solid var(--n);outline-offset:calc(-2px * var(--kn))}
.sai-rp-n{font-size:calc(13px * var(--kn));color:#666A7B}.sai-rp-t{font-size:calc(15px * var(--kn));line-height:calc(20px * var(--kn));font-weight:500}
.sai-rp-q i{display:block;height:calc(8px * var(--kn));border-radius:calc(4px * var(--kn));background:#D9D9D9}
.sai-rp-rek{display:flex;gap:calc(8px * var(--kn));margin:0 calc(28px * var(--kn))}.sai-rp-rek i{flex:1;height:calc(30px * var(--kn));border-radius:calc(5px * var(--kn));background:#F0F1FF}.sai-rp-rek i:first-child{background:var(--n);flex:1.4}

/* ── kiedy zrobić audyt ── */
.sai-kd{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,calc(560 * var(--u) * var(--kn)));gap:calc(80px * var(--kn));align-items:center}
.sai-kd-f{background:#fff;padding:clamp(calc(22px * var(--kn)),calc(min(3.8vh, 41.04px) * var(--kn)),calc(36px * var(--kn))) calc(40px * var(--kn));border-radius:calc(5px * var(--kn));color:var(--g)}
.sai-kd-e{font-size:calc(14px * var(--kn));line-height:calc(18px * var(--kn));letter-spacing:.06em;text-transform:uppercase;color:#666A7B;margin:0 0 calc(8px * var(--kn))}
.sai-kd-l label{position:relative;display:grid;grid-template-columns:calc(24px * var(--kn)) minmax(0,1fr);gap:calc(16px * var(--kn));align-items:center;padding:clamp(calc(9px * var(--kn)),calc(min(1.6vh, 17.28px) * var(--kn)),calc(13px * var(--kn))) 0;border-top:1px solid var(--l);cursor:pointer;font-size:calc(17px * var(--kn));line-height:calc(24px * var(--kn))}
.sai-kd-l input{position:absolute;left:0;top:50%;width:calc(24px * var(--kn));height:calc(24px * var(--kn));opacity:0;margin:calc(-12px * var(--kn)) 0 0}
.sai-cb{position:relative;width:calc(24px * var(--kn));height:calc(24px * var(--kn));border:calc(2px * var(--kn)) solid var(--g);border-radius:calc(4px * var(--kn));transition:background .15s;box-sizing:border-box}
.sai-kd-l input:checked+.sai-cb{background:var(--n);border-color:var(--n)}
.sai-kd-l input:checked+.sai-cb::after{content:"";position:absolute;left:calc(5px * var(--kn));top:calc(3px * var(--kn));width:calc(10px * var(--kn));height:calc(6px * var(--kn));border-left:calc(2px * var(--kn)) solid #fff;border-bottom:calc(2px * var(--kn)) solid #fff;transform:rotate(-45deg)}
.sai-kd-l input:focus-visible+.sai-cb{outline:calc(2px * var(--kn)) solid var(--n);outline-offset:calc(3px * var(--kn))}
.sai-kd-l label:hover .sai-cb{border-color:var(--n)}
.sai-kd-w{margin-top:clamp(calc(12px * var(--kn)),calc(min(2.2vh, 23.76px) * var(--kn)),calc(20px * var(--kn)));padding:clamp(calc(14px * var(--kn)),calc(min(2.4vh, 25.92px) * var(--kn)),calc(20px * var(--kn))) calc(22px * var(--kn));background:#F0F1FF;border-radius:calc(5px * var(--kn))}
.sai-kd-ws{display:grid}.sai-kd-ws p{grid-area:1/1;font-size:calc(16px * var(--kn));line-height:calc(24px * var(--kn))}
.sai-kd-1{visibility:hidden}.sai-kd-f:has(input:checked) .sai-kd-1{visibility:visible}.sai-kd-f:has(input:checked) .sai-kd-0{visibility:hidden}
.sai-kd-w .btn{margin:calc(14px * var(--kn)) 0 0}

/* ── dwa tory: Ty i ICEA (karty ICEA białe, karty „Ty” w obrysie) ── */
.sai-tor{border-bottom:1px solid #808291}
.sai-tor-r{display:grid;grid-template-columns:calc(120px * var(--kn)) minmax(0,1fr);border-top:1px solid #808291}
.sai-tor-k{font-size:calc(22px * var(--kn));line-height:calc(28px * var(--ts) * var(--kn));font-weight:500;padding-top:clamp(calc(20px * var(--kn)),calc(min(3.6vh, 38.88px) * var(--kn)),calc(32px * var(--kn)))}
.sai-tor-r ol{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:calc(16px * var(--kn));padding:clamp(calc(16px * var(--kn)),calc(min(3vh, 32.4px) * var(--kn)),calc(28px * var(--kn))) 0}
.sai-tor-ty ol::before{content:"";position:absolute;left:0;right:0;top:50%;border-top:calc(2px * var(--kn)) dashed #808291}
.sai-tor-r li{position:relative;padding:calc(20px * var(--kn));border-radius:calc(5px * var(--kn));display:grid;gap:calc(6px * var(--kn));align-content:start}
.sai-tor-ty li{background:var(--g);color:#fff;box-shadow:inset 0 0 0 1px #808291}.sai-tor-ty li span{color:#808291}
.sai-tor-my li{background:#fff;color:var(--g)}.sai-tor-my li span{color:#666A7B}
.sai-tor-r b{font-weight:500;font-size:calc(18px * var(--kn));line-height:calc(24px * var(--kn))}.sai-tor-r li span{font-size:calc(15px * var(--kn));line-height:calc(22px * var(--kn))}
.sai-t1,.sai-t1b{grid-column:1}.sai-t1b{grid-column:2}.sai-t2{grid-column:3}.sai-t3{grid-column:4}.sai-t4{grid-column:5}
.sai-t1::before,.sai-t1b::before,.sai-t2::before,.sai-t3::before,.sai-t4::before{font-size:calc(13px * var(--kn));line-height:calc(16px * var(--kn));font-weight:500;letter-spacing:.06em}
.sai-t1::before{content:"KROK 1";color:var(--n)}.sai-t1b::before{content:"KROK 2";color:var(--nt)}.sai-t2::before{content:"KROK 3";color:var(--nt)}
.sai-t3::before{content:"KROK 4";color:var(--n)}.sai-t4::before{content:"KROK 5";color:var(--nt)}

/* ── mail z raportem ── */
.sai-dj{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,calc(560 * var(--u) * var(--kn)));gap:calc(80px * var(--kn));align-items:center}
.sai-dj .sai-gl{margin-bottom:0}
.sai-ml{background:#fff;border:1px solid var(--l);border-radius:calc(5px * var(--kn));box-shadow:calc(24px * var(--kn)) calc(24px * var(--kn)) 0 #F0F1FF;color:var(--g)}
.sai-ml-g p{display:grid;grid-template-columns:calc(70px * var(--kn)) minmax(0,1fr);padding:calc(14px * var(--kn)) calc(24px * var(--kn));border-bottom:1px solid var(--l);font-size:calc(15px * var(--kn));line-height:calc(22px * var(--kn))}
.sai-ml-g span{color:#666A7B}.sai-ml-b{padding:calc(22px * var(--kn)) calc(24px * var(--kn)) calc(12px * var(--kn))}.sai-ml-b>p{font-weight:500;margin:0 0 calc(4px * var(--kn))}
.sai-ml-b li{display:flex;gap:calc(16px * var(--kn));align-items:center;padding:calc(12px * var(--kn)) 0;border-top:1px solid var(--l);font-size:calc(16px * var(--kn));line-height:calc(22px * var(--kn))}
.sai-ml-ik{width:calc(32px * var(--kn));height:calc(32px * var(--kn));flex:none}

@media (prefers-reduced-motion:reduce){.sai-plyn{display:none}.sai-fb,.sai-kursor,.sai-skan{animation:none}}
@media (max-width:1200px){
 .sai-tor-r{grid-template-columns:1fr}.sai-tor-k{padding-top:calc(24px * var(--kn))}
 .sai-tor-r ol{grid-template-columns:1fr;gap:calc(12px * var(--kn));padding:calc(16px * var(--kn)) 0 calc(24px * var(--kn))}.sai-tor-r li{grid-column:auto}.sai-tor-ty ol::before{display:none}
}
@media (min-width:1100px) and (max-width:1279px){.sai-rp-q{grid-template-columns:calc(30px * var(--kn)) calc(160px * var(--kn)) minmax(0,1fr)}.sai-an-r{grid-template-columns:minmax(0,1fr) calc(170px * var(--kn))}}
@media (max-width:1099.98px){
 .sai-h1s-in,.sai-h2s-in,.sai-h3s-in{grid-template-columns:1fr;min-height:0;padding-top:calc(140px * var(--kn));padding-bottom:calc(72px * var(--kn));gap:calc(48px * var(--kn))}
 .sai-sc,.sai-q-sc,.sai-h3s-f{max-width:calc(680 * var(--u) * var(--kn))}.sai-h3s::after{display:none}.sai-h3s{background:#F0F1FF}
 .sai-gl2{grid-template-columns:1fr;align-items:start}
 .sai-bt,.sai-ob,.sai-nar-in,.sai-fs-in,.sai-an,.sai-py,.sai-rp,.sai-kd,.sai-dj{grid-template-columns:1fr;gap:calc(48px * var(--kn))}
 .sai-bt-k{max-width:calc(640 * var(--u) * var(--kn))}
 .sai-nar-r{max-width:calc(280px * var(--kn));margin:0 auto;width:100%}
 .sai-pn,.sai-pm{grid-template-columns:1fr;gap:calc(28px * var(--kn))}
 .sai-pn h3,.sai-pm h3{display:none}
 .sai-st{grid-template-columns:1fr 1fr;row-gap:calc(72px * var(--kn))}.sai-st::before{display:none}
 .sai-st li:nth-child(odd) .sai-dec{display:none}
 .sai-an-l,.sai-an-r,.sai-rp-k{display:none}
 .sai-an-os,.sai-rp-ps{display:grid;gap:calc(10px * var(--kn))}
 .sai-an-o,.sai-rp-p{grid-area:auto;visibility:visible}
 .sai-q-pod{min-height:calc(400px * var(--kn))}
}
@media (max-width:900px){
 .sai-sek,.sai-fs{padding:calc(64px * var(--kn)) 0}.sai-nar{padding:calc(64px * var(--kn)) 0}
 .sai-h1s-in,.sai-h2s-in,.sai-h3s-in{padding-top:calc(120px * var(--kn));padding-bottom:calc(56px * var(--kn))}
 .sai-h1,.sai-h1-a{font-size:calc(34px * var(--ts) * var(--kn));line-height:calc(40px * var(--ts) * var(--kn))}.sai-hlead,.sai-lead{font-size:calc(16px * var(--kn));line-height:calc(24px * var(--kn))}
 .sai-gl{margin-bottom:calc(36px * var(--kn))}.sai-gl2{margin-bottom:calc(28px * var(--kn))}
 .sai-sc-in{grid-template-columns:1fr}.sai-sc-l{display:none}
 .sai-zr{display:flex;flex-wrap:wrap;gap:calc(8px * var(--kn));margin-bottom:calc(16px * var(--kn))}.sai-zr li{height:auto;padding:calc(8px * var(--kn)) calc(12px * var(--kn));font-size:calc(14px * var(--kn))}.sai-zr li+li{margin-top:0}
 .sai-sc figcaption{text-align:left}
 .sai-pr-q{gap:calc(10px * var(--kn));padding:calc(14px * var(--kn)) calc(16px * var(--kn));font-size:calc(17px * var(--kn));line-height:calc(22px * var(--kn))}.sai-tb-ik{width:calc(24px * var(--kn));height:calc(24px * var(--kn))}
 .sai-pn h3,.sai-pm h3{font-size:calc(24px * var(--kn));line-height:calc(30px * var(--ts) * var(--kn))}.sai-pn-r{padding:calc(14px * var(--kn))}
 .sai-pm-ekr{padding:calc(16px * var(--kn))}.sai-ek{padding:calc(18px * var(--kn))}.sai-ek-g{padding:calc(28px * var(--kn)) calc(18px * var(--kn))}.sai-ek-p{padding:0}
 .sai-cyt p{font-size:calc(19px * var(--kn));line-height:calc(28px * var(--ts) * var(--kn))}.sai-bt-k{padding:calc(20px * var(--kn)) calc(18px * var(--kn))}.sai-bt-l.liczby{grid-template-columns:1fr;gap:calc(16px * var(--kn))}
 .sai-wyk-os{display:none}
 .sai-st{grid-template-columns:1fr;row-gap:calc(36px * var(--kn))}.sai-st li{padding:0 0 0 calc(48px * var(--kn))}.sai-dec{display:none}
 .sai-st::before{display:block;left:calc(12px * var(--kn));right:auto;top:calc(12px * var(--kn));bottom:calc(12px * var(--kn));border-top:0;border-left:calc(2px * var(--kn)) dashed var(--n)}
 .sai-st h3{font-size:calc(22px * var(--kn));line-height:calc(28px * var(--ts) * var(--kn))}
 .sai-ob-l{grid-template-columns:1fr}.sai-ob-l a{padding:calc(24px * var(--kn)) calc(60px * var(--kn)) calc(24px * var(--kn)) calc(20px * var(--kn))}.sai-strz{right:calc(16px * var(--kn));top:calc(24px * var(--kn))}
 .sai-q-pas{font-size:calc(16px * var(--kn));line-height:calc(22px * var(--kn));padding:calc(12px * var(--kn)) calc(16px * var(--kn))}.sai-q-odp{width:100%;margin-top:calc(40px * var(--kn));padding:calc(22px * var(--kn))}.sai-q-o{font-size:calc(18px * var(--kn));line-height:calc(26px * var(--kn))}
 .sai-q-pod{min-height:0}
 .sai-kw-b{font-size:calc(18px * var(--kn));line-height:calc(26px * var(--kn))}
 .sai-mp{grid-template-columns:1fr}.sai-mp .sai-sc-l{display:none}
 .sai-h3s-in{gap:calc(40px * var(--kn))}.sai-kartka-t{display:none}
 .sai-rp-p{grid-template-columns:calc(40px * var(--kn)) minmax(0,1fr);gap:calc(14px * var(--kn));padding:calc(18px * var(--kn)) calc(16px * var(--kn))}.sai-rp-ik{width:calc(40px * var(--kn));height:calc(40px * var(--kn))}
 .sai-rp-p h3{font-size:calc(20px * var(--kn));line-height:calc(26px * var(--kn))}.sai-rp-p p{font-size:calc(16px * var(--kn));line-height:calc(24px * var(--kn))}
 .sai-an-o{padding:calc(16px * var(--kn))}
 .sai-kd-f{padding:calc(24px * var(--kn)) calc(20px * var(--kn))}.sai-ml{box-shadow:calc(12px * var(--kn)) calc(12px * var(--kn)) 0 #F0F1FF}.sai-ml-g p{grid-template-columns:calc(60px * var(--kn)) minmax(0,1fr);padding:calc(12px * var(--kn)) calc(16px * var(--kn))}.sai-ml-b{padding:calc(18px * var(--kn)) calc(16px * var(--kn)) calc(8px * var(--kn))}
}
.sai-an:has(#sai-an-r1:checked) .sai-an-r [data-a="1"]{outline:calc(2px * var(--kn)) solid var(--n);outline-offset:calc(4px * var(--kn))}.sai-an:has(#sai-an-r1:checked) .sai-mk[data-m="1"]{background:var(--n);transform:scale(1.15)}.sai-an:has(#sai-an-r1:checked) .sai-an-o1{visibility:visible}.sai-an:has(#sai-an-r2:checked) .sai-an-r [data-a="2"]{outline:calc(2px * var(--kn)) solid var(--n);outline-offset:calc(4px * var(--kn))}.sai-an:has(#sai-an-r2:checked) .sai-mk[data-m="2"]{background:var(--n);transform:scale(1.15)}.sai-an:has(#sai-an-r2:checked) .sai-an-o2{visibility:visible}.sai-an:has(#sai-an-r3:checked) .sai-an-r [data-a="3"]{outline:calc(2px * var(--kn)) solid var(--n);outline-offset:calc(4px * var(--kn))}.sai-an:has(#sai-an-r3:checked) .sai-mk[data-m="3"]{background:var(--n);transform:scale(1.15)}.sai-an:has(#sai-an-r3:checked) .sai-an-o3{visibility:visible}.sai-an:has(#sai-an-r4:checked) .sai-an-r [data-a="4"]{outline:calc(2px * var(--kn)) solid var(--n);outline-offset:calc(4px * var(--kn))}.sai-an:has(#sai-an-r4:checked) .sai-mk[data-m="4"]{background:var(--n);transform:scale(1.15)}.sai-an:has(#sai-an-r4:checked) .sai-an-o4{visibility:visible}.sai-an:has(#sai-an-r5:checked) .sai-an-r [data-a="5"]{outline:calc(2px * var(--kn)) solid var(--n);outline-offset:calc(4px * var(--kn))}.sai-an:has(#sai-an-r5:checked) .sai-mk[data-m="5"]{background:var(--n);transform:scale(1.15)}.sai-an:has(#sai-an-r5:checked) .sai-an-o5{visibility:visible}.sai-an:has(#sai-an-r6:checked) .sai-an-r [data-a="6"]{outline:calc(2px * var(--kn)) solid var(--n);outline-offset:calc(4px * var(--kn))}.sai-an:has(#sai-an-r6:checked) .sai-mk[data-m="6"]{background:var(--n);transform:scale(1.15)}.sai-an:has(#sai-an-r6:checked) .sai-an-o6{visibility:visible}
/*@@KONIEC st_ai@@*/

/*@@MODUL st_ads_a@@*/

/* ---- ST_ADS_A (30.09): hub Kampanie Ads i kanały Google, Bing, YouTube, Allegro ---- */
.sda-sek{padding:calc(110px * var(--kn)) 0}.sda-t-b{background:#fff}.sda-t-p{background:var(--p)}.sda-t-l{background:#F0F1FF}
.sda-t-g{background:var(--g);color:#fff}.sda-t-g em,.sda-ciem em{color:#5768FF}.sda-t-g .etyk{color:#fff}
.sda-glowa{margin-bottom:calc(56px * var(--kn));max-width:calc(860 * var(--u) * var(--kn))}.sda-glowa h2{margin:0}
.sda-lead{font-size:calc(18px * var(--kn));line-height:calc(28px * var(--ts) * var(--kn));margin:calc(18px * var(--kn)) 0 0;max-width:calc(680 * var(--u) * var(--kn))}
.sda-t-g .sda-lead,.sda-t-g p{color:#fff}
.sda-dalej{display:inline-flex;align-items:center;gap:calc(8px * var(--kn));color:var(--nt);font-weight:500;text-decoration:none}
.sda-dalej::after{content:none;transition:transform .2s}.sda-dalej:hover::after{transform:translateX(calc(4px * var(--kn)))}
.sda-dalej:hover{text-decoration:underline;text-underline-offset:calc(4px * var(--kn))}
.sda-ciem .sda-dalej,.sda-t-g .sda-dalej{color:#fff}
.sda-ik{width:calc(40px * var(--kn));height:calc(40px * var(--kn));display:block}

/* hero (wspólne) */
.sda-hero{position:relative;overflow:hidden;isolation:isolate}
.sda-ciem{background:var(--g);color:#fff}.sda-ciem .etyk{color:#fff}
.sda-h1{font-size:calc(56px * var(--ts) * var(--kn));line-height:calc(64px * var(--ts) * var(--kn));margin:0 0 calc(24px * var(--kn));max-width:calc(640 * var(--u) * var(--kn))}
.sda-hero-lead{font-size:calc(18px * var(--kn));line-height:calc(28px * var(--ts) * var(--kn));margin:0;max-width:calc(560 * var(--u) * var(--kn))}

/* przełącznik kanałów */
.sda-prz{display:flex;align-items:center;gap:calc(20px * var(--kn));padding:calc(14px * var(--kn)) 0;border-bottom:1px solid rgba(0,6,35,.12);font-size:calc(14px * var(--kn));line-height:calc(20px * var(--kn))}
.sda-prz-hub{color:var(--g);font-weight:500;text-decoration:none;white-space:nowrap;padding-right:calc(20px * var(--kn));border-right:1px solid var(--l)}
.sda-prz-hub:hover{color:var(--nt)}
.sda-prz-d{display:flex;flex-wrap:wrap;gap:calc(6px * var(--kn));margin:0;padding:0;list-style:none}
.sda-prz-d a,.sda-prz-a{display:block;padding:calc(5px * var(--kn)) calc(12px * var(--kn));border-radius:calc(20px * var(--kn));text-decoration:none;color:var(--g);white-space:nowrap}
.sda-prz-d a:hover{background:rgba(87,104,255,.12)}
.sda-prz-a{background:var(--g);color:#fff}
.sda-prz-t{display:none}
.sda-ciem .sda-prz{border-color:rgba(255,255,255,.16)}.sda-ciem .sda-prz-hub,.sda-ciem .sda-prz-d a{color:#fff}
.sda-ciem .sda-prz-hub{border-color:rgba(255,255,255,.3)}.sda-ciem .sda-prz-a{background:#fff;color:var(--g)}
.sda-ciem .sda-prz-d a:hover{background:rgba(255,255,255,.12)}

/* hub: mapa kanałów */
.sda-r{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}
.sda-hub-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"t m" "p m";column-gap:calc(72px * var(--kn));
 align-items:center;padding-top:calc(132px * var(--kn));padding-bottom:calc(56px * var(--kn));min-height:min(100vh, 1080px);min-height:min(100svh, 1080px);box-sizing:border-box;align-content:center}
.sda-hub-t{grid-area:t;align-self:end}.sda-mapa{grid-area:m}.sda-hub-p{grid-area:p;align-self:start}
.sda-mapa{position:relative;width:100%;aspect-ratio:1;max-width:calc(640 * var(--u) * var(--kn));justify-self:end;container-type:inline-size}
.sda-mapa-s{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.sda-lin,.sda-luk{transition:stroke .25s,opacity .25s}
.sda-mapa-pod{position:absolute;right:0;bottom:calc(-6px * var(--kn));margin:0;font-size:calc(14px * var(--kn));line-height:calc(20px * var(--kn));color:#808291}
.sda-mapa-c{position:absolute;left:50%;top:50%;width:25%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:#fff;
 color:var(--g);display:grid;place-items:center;text-align:center;font-weight:500;font-size:clamp(calc(14px * var(--kn)),2.8cqw,calc(18px * var(--kn)));line-height:1.2;box-shadow:0 0 0 calc(10px * var(--kn)) rgba(87,104,255,.18)}
.sda-mapa-c span{max-width:calc(90px * var(--kn))}
.sda-ob{display:contents}.sda-ob-k{display:contents}
.sda-obn{position:absolute;transform:translate(-50%,-50%);font-size:clamp(calc(12px * var(--kn)),2.2cqw,calc(14px * var(--kn)));line-height:calc(18px * var(--kn));color:#808291;text-decoration:none;white-space:nowrap;
 transition:color .25s;background:var(--g);padding:calc(3px * var(--kn)) calc(10px * var(--kn))}
.sda-obn:hover{color:#fff;text-decoration:underline}
.sda-obn-siec{display:none}
.sda-node{position:absolute;transform:translate(-50%,-50%);padding:clamp(calc(6px * var(--kn)),1.25cqw,calc(8px * var(--kn))) clamp(calc(11px * var(--kn)),2.5cqw,calc(16px * var(--kn)));border-radius:calc(24px * var(--kn));background:var(--g);color:#fff;
 border:1px solid rgba(255,255,255,.45);font-size:clamp(calc(12px * var(--kn)),2.5cqw,calc(16px * var(--kn)));line-height:1.25;white-space:nowrap;cursor:pointer;transition:background .2s,box-shadow .2s,border-color .2s}
.sda-node:hover{border-color:#fff}
.sda-hub-t .sda-h1{margin-bottom:calc(24px * var(--kn))}
.sda-pany{margin:calc(40px * var(--kn)) 0 0;border-top:1px solid rgba(255,255,255,.2);padding-top:calc(24px * var(--kn));min-height:calc(168px * var(--kn));max-width:calc(560 * var(--u) * var(--kn))}
.sda-pan{display:none}
.sda-pan-o{margin:0 0 calc(4px * var(--kn));font-size:calc(14px * var(--kn));line-height:calc(20px * var(--kn));color:#808291}
.sda-pan-n{margin:0 0 calc(8px * var(--kn));font-size:calc(28px * var(--ts) * var(--kn));line-height:calc(34px * var(--ts) * var(--kn));font-weight:500}
.sda-pan-t{margin:0 0 calc(14px * var(--kn));color:#fff;max-width:calc(480 * var(--u) * var(--kn))}
.sda-hub-p .btn{margin:calc(28px * var(--kn)) 0 0}
.sda-hub:has(#sda-k-google:checked) .sda-node[data-k="google"]{background:var(--n);color:#fff;border-color:var(--n);box-shadow:0 0 0 calc(6px * var(--kn)) rgba(87,104,255,.25)}.sda-hub:has(#sda-k-google:checked) .sda-lin[data-k="google"]{stroke:#5768FF;stroke-width:.55;stroke-dasharray:none;opacity:1}.sda-hub:has(#sda-k-google:checked) .sda-luk[data-o="Google Search"]{stroke:#5768FF;stroke-width:.9;opacity:1}.sda-hub:has(#sda-k-google:checked) .sda-obn[data-o="Google Search"]{color:#fff}.sda-hub:has(#sda-k-google:checked) .sda-pan[data-k="google"]{visibility:visible}.sda-hub:has(#sda-k-google:focus-visible) .sda-node[data-k="google"]{outline:calc(2px * var(--kn)) solid #fff;outline-offset:calc(4px * var(--kn))}.sda-hub:has(#sda-k-bing:checked) .sda-node[data-k="bing"]{background:var(--n);color:#fff;border-color:var(--n);box-shadow:0 0 0 calc(6px * var(--kn)) rgba(87,104,255,.25)}.sda-hub:has(#sda-k-bing:checked) .sda-lin[data-k="bing"]{stroke:#5768FF;stroke-width:.55;stroke-dasharray:none;opacity:1}.sda-hub:has(#sda-k-bing:checked) .sda-luk[data-o="Google Search"]{stroke:#5768FF;stroke-width:.9;opacity:1}.sda-hub:has(#sda-k-bing:checked) .sda-obn[data-o="Google Search"]{color:#fff}.sda-hub:has(#sda-k-bing:checked) .sda-pan[data-k="bing"]{visibility:visible}.sda-hub:has(#sda-k-bing:focus-visible) .sda-node[data-k="bing"]{outline:calc(2px * var(--kn)) solid #fff;outline-offset:calc(4px * var(--kn))}.sda-hub:has(#sda-k-youtube:checked) .sda-node[data-k="youtube"]{background:var(--n);color:#fff;border-color:var(--n);box-shadow:0 0 0 calc(6px * var(--kn)) rgba(87,104,255,.25)}.sda-hub:has(#sda-k-youtube:checked) .sda-lin[data-k="youtube"]{stroke:#5768FF;stroke-width:.55;stroke-dasharray:none;opacity:1}.sda-hub:has(#sda-k-youtube:checked) .sda-luk[data-o="Video Search"]{stroke:#5768FF;stroke-width:.9;opacity:1}.sda-hub:has(#sda-k-youtube:checked) .sda-obn[data-o="Video Search"]{color:#fff}.sda-hub:has(#sda-k-youtube:checked) .sda-pan[data-k="youtube"]{visibility:visible}.sda-hub:has(#sda-k-youtube:focus-visible) .sda-node[data-k="youtube"]{outline:calc(2px * var(--kn)) solid #fff;outline-offset:calc(4px * var(--kn))}.sda-hub:has(#sda-k-allegro:checked) .sda-node[data-k="allegro"]{background:var(--n);color:#fff;border-color:var(--n);box-shadow:0 0 0 calc(6px * var(--kn)) rgba(87,104,255,.25)}.sda-hub:has(#sda-k-allegro:checked) .sda-lin[data-k="allegro"]{stroke:#5768FF;stroke-width:.55;stroke-dasharray:none;opacity:1}.sda-hub:has(#sda-k-allegro:checked) .sda-luk[data-o="Marketplace Search"]{stroke:#5768FF;stroke-width:.9;opacity:1}.sda-hub:has(#sda-k-allegro:checked) .sda-obn[data-o="Marketplace Search"]{color:#fff}.sda-hub:has(#sda-k-allegro:checked) .sda-pan[data-k="allegro"]{visibility:visible}.sda-hub:has(#sda-k-allegro:focus-visible) .sda-node[data-k="allegro"]{outline:calc(2px * var(--kn)) solid #fff;outline-offset:calc(4px * var(--kn))}.sda-hub:has(#sda-k-amazon:checked) .sda-node[data-k="amazon"]{background:var(--n);color:#fff;border-color:var(--n);box-shadow:0 0 0 calc(6px * var(--kn)) rgba(87,104,255,.25)}.sda-hub:has(#sda-k-amazon:checked) .sda-lin[data-k="amazon"]{stroke:#5768FF;stroke-width:.55;stroke-dasharray:none;opacity:1}.sda-hub:has(#sda-k-amazon:checked) .sda-luk[data-o="Marketplace Search"]{stroke:#5768FF;stroke-width:.9;opacity:1}.sda-hub:has(#sda-k-amazon:checked) .sda-obn[data-o="Marketplace Search"]{color:#fff}.sda-hub:has(#sda-k-amazon:checked) .sda-pan[data-k="amazon"]{visibility:visible}.sda-hub:has(#sda-k-amazon:focus-visible) .sda-node[data-k="amazon"]{outline:calc(2px * var(--kn)) solid #fff;outline-offset:calc(4px * var(--kn))}.sda-hub:has(#sda-k-meta:checked) .sda-node[data-k="meta"]{background:var(--n);color:#fff;border-color:var(--n);box-shadow:0 0 0 calc(6px * var(--kn)) rgba(87,104,255,.25)}.sda-hub:has(#sda-k-meta:checked) .sda-lin[data-k="meta"]{stroke:#5768FF;stroke-width:.55;stroke-dasharray:none;opacity:1}.sda-hub:has(#sda-k-meta:checked) .sda-luk[data-o="Social Media Search"]{stroke:#5768FF;stroke-width:.9;opacity:1}.sda-hub:has(#sda-k-meta:checked) .sda-obn[data-o="Social Media Search"]{color:#fff}.sda-hub:has(#sda-k-meta:checked) .sda-pan[data-k="meta"]{visibility:visible}.sda-hub:has(#sda-k-meta:focus-visible) .sda-node[data-k="meta"]{outline:calc(2px * var(--kn)) solid #fff;outline-offset:calc(4px * var(--kn))}.sda-hub:has(#sda-k-tiktok:checked) .sda-node[data-k="tiktok"]{background:var(--n);color:#fff;border-color:var(--n);box-shadow:0 0 0 calc(6px * var(--kn)) rgba(87,104,255,.25)}.sda-hub:has(#sda-k-tiktok:checked) .sda-lin[data-k="tiktok"]{stroke:#5768FF;stroke-width:.55;stroke-dasharray:none;opacity:1}.sda-hub:has(#sda-k-tiktok:checked) .sda-luk[data-o="Social Media Search"]{stroke:#5768FF;stroke-width:.9;opacity:1}.sda-hub:has(#sda-k-tiktok:checked) .sda-obn[data-o="Social Media Search"]{color:#fff}.sda-hub:has(#sda-k-tiktok:checked) .sda-pan[data-k="tiktok"]{visibility:visible}.sda-hub:has(#sda-k-tiktok:focus-visible) .sda-node[data-k="tiktok"]{outline:calc(2px * var(--kn)) solid #fff;outline-offset:calc(4px * var(--kn))}.sda-hub:has(#sda-k-linkedin:checked) .sda-node[data-k="linkedin"]{background:var(--n);color:#fff;border-color:var(--n);box-shadow:0 0 0 calc(6px * var(--kn)) rgba(87,104,255,.25)}.sda-hub:has(#sda-k-linkedin:checked) .sda-lin[data-k="linkedin"]{stroke:#5768FF;stroke-width:.55;stroke-dasharray:none;opacity:1}.sda-hub:has(#sda-k-linkedin:checked) .sda-luk[data-o="Social Media Search"]{stroke:#5768FF;stroke-width:.9;opacity:1}.sda-hub:has(#sda-k-linkedin:checked) .sda-obn[data-o="Social Media Search"]{color:#fff}.sda-hub:has(#sda-k-linkedin:checked) .sda-pan[data-k="linkedin"]{visibility:visible}.sda-hub:has(#sda-k-linkedin:focus-visible) .sda-node[data-k="linkedin"]{outline:calc(2px * var(--kn)) solid #fff;outline-offset:calc(4px * var(--kn))}.sda-hub:has(#sda-k-programmatic-advertising:checked) .sda-node[data-k="programmatic-advertising"]{background:var(--n);color:#fff;border-color:var(--n);box-shadow:0 0 0 calc(6px * var(--kn)) rgba(87,104,255,.25)}.sda-hub:has(#sda-k-programmatic-advertising:checked) .sda-lin[data-k="programmatic-advertising"]{stroke:#5768FF;stroke-width:.55;stroke-dasharray:none;opacity:1}.sda-hub:has(#sda-k-programmatic-advertising:checked) .sda-luk[data-o="Sieci reklamowe"]{stroke:#5768FF;stroke-width:.9;opacity:1}.sda-hub:has(#sda-k-programmatic-advertising:checked) .sda-obn[data-o="Sieci reklamowe"]{color:#fff}.sda-hub:has(#sda-k-programmatic-advertising:checked) .sda-pan[data-k="programmatic-advertising"]{visibility:visible}.sda-hub:has(#sda-k-programmatic-advertising:focus-visible) .sda-node[data-k="programmatic-advertising"]{outline:calc(2px * var(--kn)) solid #fff;outline-offset:calc(4px * var(--kn))}

/* hub: cykl zakresu prac */
.sda-cykl{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:calc(48px * var(--kn));row-gap:calc(64px * var(--kn));margin:0;
 padding:0 calc(72px * var(--kn)) 0 0;list-style:none}
.sda-cykl li{position:relative}
.sda-cykl li:nth-child(4){grid-column:3;grid-row:2}.sda-cykl li:nth-child(5){grid-column:2;grid-row:2}.sda-cykl li:nth-child(6){grid-column:1;grid-row:2}
.sda-cykl li:not(:nth-child(3)):not(:nth-child(4))::before{content:"";position:absolute;left:calc(24px * var(--kn));top:calc(23px * var(--kn));width:calc(100% + calc(48px * var(--kn)));border-top:calc(2px * var(--kn)) dashed var(--n)}
.sda-cykl li:nth-child(3)::after{content:"";position:absolute;left:calc(24px * var(--kn));right:calc(-48px * var(--kn));top:calc(23px * var(--kn));height:calc(100% + calc(64px * var(--kn)));border:calc(2px * var(--kn)) dashed var(--n);
 border-left:0;border-radius:0 calc(56px * var(--kn)) calc(56px * var(--kn)) 0}
.sda-c-nr{position:relative;z-index:1;display:grid;place-items:center;width:calc(48px * var(--kn));height:calc(48px * var(--kn));border-radius:50%;background:var(--g);color:#fff;
 font-weight:500;font-size:calc(18px * var(--kn));box-shadow:0 0 0 calc(8px * var(--kn)) var(--p)}
.sda-cykl .sda-ik{position:absolute;right:0;top:calc(4px * var(--kn))}
.sda-cykl h3{font-size:calc(22px * var(--kn));line-height:calc(28px * var(--ts) * var(--kn));margin:calc(28px * var(--kn)) 0 calc(8px * var(--kn))}.sda-cykl p{margin:0;color:#666A7B;max-width:calc(360px * var(--kn))}

/* hub: plan (scena SERP) */
.sda-plan{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,calc(600 * var(--u) * var(--kn)));gap:calc(80px * var(--kn));align-items:center}
.sda-plan-t .sda-glowa{margin-bottom:calc(28px * var(--kn))}.sda-plan-t p+p{margin-top:calc(16px * var(--kn))}
.sda-plan-t p{font-size:calc(18px * var(--kn));line-height:calc(28px * var(--ts) * var(--kn));max-width:calc(560 * var(--u) * var(--kn))}
.sda-serp{background:var(--p);padding:calc(32px * var(--kn));border-radius:calc(5px * var(--kn));display:grid;gap:calc(14px * var(--kn))}
.sda-serp-q{display:flex;align-items:center;gap:calc(12px * var(--kn));background:#fff;border:1px solid var(--l);border-radius:calc(28px * var(--kn));padding:calc(12px * var(--kn)) calc(20px * var(--kn));font-size:calc(16px * var(--kn))}
.sda-serp-l{width:calc(20px * var(--kn));height:calc(20px * var(--kn));flex:none}
.sda-serp-r{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:calc(16px * var(--kn));align-items:center;background:#fff;padding:calc(18px * var(--kn)) calc(20px * var(--kn));border-radius:calc(5px * var(--kn))}
.sda-serp-c{display:grid;gap:calc(8px * var(--kn));justify-items:start}
.sda-serp-s{grid-column:2;font-size:calc(14px * var(--kn));line-height:calc(18px * var(--kn));color:#666A7B;text-align:right}
.sda-serp-org{box-shadow:inset 0 0 0 calc(2px * var(--kn)) var(--n)}
.sda-serp-ad .sda-serp-c{opacity:.45}
.sda-tag{display:inline-block;font-size:calc(13px * var(--kn));line-height:calc(18px * var(--kn));padding:calc(2px * var(--kn)) calc(10px * var(--kn));border-radius:calc(12px * var(--kn));background:#F0F1FF;color:var(--g)}
.sda-tag-sz{background:#D9D9D9}
.sda-kr{display:block;height:calc(8px * var(--kn));border-radius:calc(4px * var(--kn));background:var(--l)}.sda-kr-g{background:var(--g)}.sda-kr-j{background:#D9D9D9}
.sda-kr-60{width:60%}.sda-kr-70{width:70%}.sda-kr-80{width:80%}.sda-kr-90{width:90%}
.sda-przel{grid-column:2;grid-row:1;justify-self:end;width:calc(44px * var(--kn));height:calc(24px * var(--kn));border-radius:calc(12px * var(--kn));background:var(--l);position:relative}
.sda-przel i{position:absolute;left:calc(3px * var(--kn));top:calc(3px * var(--kn));width:calc(18px * var(--kn));height:calc(18px * var(--kn));border-radius:50%;background:#fff}
.sda-ok{grid-column:2;grid-row:1;justify-self:end;display:grid;place-items:center;width:calc(28px * var(--kn));height:calc(28px * var(--kn));border-radius:50%;background:var(--n);color:#fff;font-size:calc(15px * var(--kn))}
.sda-serp-b{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:calc(12px * var(--kn));padding:calc(16px * var(--kn)) calc(20px * var(--kn));background:var(--g);color:#fff;border-radius:calc(5px * var(--kn));font-size:calc(15px * var(--kn))}
.sda-serp-ch{display:flex;gap:calc(6px * var(--kn));flex-wrap:wrap}.sda-serp-ch i{font-style:normal;font-size:calc(13px * var(--kn));padding:calc(3px * var(--kn)) calc(10px * var(--kn));border-radius:calc(12px * var(--kn));border:1px solid rgba(255,255,255,.4)}
.sda-pkt{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(24px * var(--kn));margin:calc(72px * var(--kn)) 0 0;padding:calc(32px * var(--kn)) 0 0;list-style:none;border-top:1px solid var(--l)}
.sda-pkt li{position:relative;padding-top:calc(40px * var(--kn))}
.sda-pkt li::before{content:"✓";position:absolute;left:0;top:0;width:calc(28px * var(--kn));height:calc(28px * var(--kn));border-radius:50%;display:grid;place-items:center;
 background:var(--n);color:#fff;font-size:calc(14px * var(--kn));font-weight:500}

/* hub: zespół */
.sda-zes{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,calc(640 * var(--u) * var(--kn)));gap:calc(64px * var(--kn));align-items:center}
.sda-zes-t .sda-glowa{margin-bottom:calc(24px * var(--kn))}.sda-zes-t p{font-size:calc(18px * var(--kn));line-height:calc(28px * var(--ts) * var(--kn));max-width:calc(560 * var(--u) * var(--kn))}
.sda-kon{position:relative;width:100%;max-width:calc(640 * var(--u) * var(--kn));aspect-ratio:640/460;justify-self:end}
.sda-kon-s{position:absolute;inset:0;width:100%;height:100%}
.sda-kon-et{position:absolute;transform:translate(-50%,-50%);background:#F0F1FF;padding:calc(2px * var(--kn)) calc(12px * var(--kn));color:var(--nt);font-weight:500;font-size:calc(14px * var(--kn));
 line-height:calc(20px * var(--kn));letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}
.sda-os{position:absolute;display:flex;align-items:center;gap:calc(16px * var(--kn));text-decoration:none;color:var(--g)}
.sda-os img{flex:none;border-radius:50%;object-fit:cover;box-shadow:0 0 0 calc(4px * var(--kn)) #fff,0 0 0 calc(5px * var(--kn)) rgba(87,104,255,.35);transition:transform .25s}
.sda-os-d img{width:calc(112px * var(--kn));height:calc(112px * var(--kn))}.sda-os-s img{width:calc(88px * var(--kn));height:calc(88px * var(--kn))}.sda-os-m img{width:calc(76px * var(--kn));height:calc(76px * var(--kn))}
.sda-os-d{transform:translate(calc(-56px * var(--kn)),-50%)}.sda-os-s{transform:translate(calc(-44px * var(--kn)),-50%)}
.sda-os.sda-pod-d{flex-direction:column;gap:calc(10px * var(--kn));text-align:center;transform:translate(-50%,calc(-38px * var(--kn)))}
a.sda-os:hover img{transform:scale(1.06)}
.sda-os-p{display:flex;flex-direction:column;font-size:calc(14px * var(--kn));line-height:calc(19px * var(--kn))}
.sda-os-p b{font-weight:500;font-size:calc(16px * var(--kn));line-height:calc(21px * var(--kn))}.sda-os-p>span:last-child{color:#666A7B;white-space:nowrap}
.sda-os-r{color:var(--nt);font-weight:500;font-size:calc(13px * var(--kn));letter-spacing:.04em;text-transform:uppercase}

/* formularz konsultacji */
.sda-form{background:var(--g);color:#fff;padding:calc(110px * var(--kn)) 0;scroll-margin-top:calc(60px * var(--kn))}
.sda-form-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,calc(600 * var(--u) * var(--kn)));gap:calc(80px * var(--kn));align-items:start}
.sda-form .etyk{color:#fff}.sda-form em{color:#5768FF}.sda-form h2{margin:0;max-width:calc(620 * var(--u) * var(--kn))}
.sda-form .sda-lead{color:#fff;max-width:calc(560 * var(--u) * var(--kn))}
.sda-f-kroki{margin:calc(40px * var(--kn)) 0 0;padding:0;list-style:none;display:grid;gap:calc(18px * var(--kn));max-width:calc(560 * var(--u) * var(--kn))}
.sda-f-kroki li{display:grid;grid-template-columns:calc(40px * var(--kn)) minmax(0,1fr);gap:calc(16px * var(--kn));align-items:start;color:#fff}
.sda-f-kroki b{font-weight:500}
.sda-f-nr{display:grid;place-items:center;width:calc(40px * var(--kn));height:calc(40px * var(--kn));border-radius:50%;border:1px solid rgba(255,255,255,.4);font-weight:500}
.sda-form-k{background:#fff;color:var(--g);padding:calc(32px * var(--kn));border-radius:calc(5px * var(--kn))}
.sda-form-k .form{grid-template-columns:1fr 1fr;gap:calc(12px * var(--kn));margin:0}
.sda-form-k .pole input,.sda-form-k .pole select,.sda-form-k .pole textarea{min-height:calc(52px * var(--kn));padding:calc(14px * var(--kn)) calc(16px * var(--kn))}
.sda-form-k .pole textarea{min-height:calc(96px * var(--kn))}
.sda-form-k .form .btn{justify-self:stretch;width:100%;margin-top:calc(4px * var(--kn))}

/* sąsiednie kanały */
.sda-sas-lista{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(20px * var(--kn))}
.sda-sas-k{position:relative;display:flex;flex-direction:column;gap:calc(8px * var(--kn));padding:calc(28px * var(--kn)) calc(28px * var(--kn)) calc(64px * var(--kn));background:var(--p);border-radius:calc(5px * var(--kn));
 text-decoration:none;color:var(--g);transition:background .2s,transform .2s}
.sda-sas-k:hover{background:#F0F1FF;transform:translateY(calc(-3px * var(--kn)))}
.sda-sas-o{font-size:calc(14px * var(--kn));line-height:calc(20px * var(--kn));color:var(--nt);font-weight:500}
.sda-sas-n{font-size:calc(28px * var(--ts) * var(--kn));line-height:calc(34px * var(--ts) * var(--kn));font-weight:500}.sda-sas-t{color:#666A7B}
.sda-sas-s{position:absolute;left:calc(28px * var(--kn));bottom:calc(24px * var(--kn));width:calc(32px * var(--kn));height:calc(32px * var(--kn));border-radius:50%;border:1px solid var(--g);display:grid;place-items:center}
.sda-sas-hub{background:var(--n);color:#fff}.sda-sas-hub:hover{background:var(--g)}
.sda-sas-hub .sda-sas-o,.sda-sas-hub .sda-sas-t{color:#fff}.sda-sas-hub .sda-sas-s{border-color:#fff}

@media (max-width:1100px){
 .sda-hub-in{column-gap:calc(40px * var(--kn))}.sda-h1{font-size:calc(42px * var(--ts) * var(--kn));line-height:calc(50px * var(--ts) * var(--kn))}
 .sda-plan,.sda-zes,.sda-form-in{grid-template-columns:1fr;gap:calc(48px * var(--kn))}
 .sda-pkt{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
 .sda-hub-in{grid-template-columns:1fr;grid-template-areas:"t" "m" "p";min-height:0;row-gap:calc(40px * var(--kn))}
 .sda-sek,.sda-form{padding:calc(64px * var(--kn)) 0}.sda-glowa{margin-bottom:calc(36px * var(--kn))}
 .sda-h1{font-size:calc(36px * var(--ts) * var(--kn));line-height:calc(42px * var(--ts) * var(--kn))}.sda-hero-lead,.sda-lead{font-size:calc(16px * var(--kn));line-height:calc(24px * var(--kn))}
 .sda-prz-d,.sda-prz-hub{display:none}.sda-prz{padding:calc(10px * var(--kn)) 0}
 .sda-prz-t{display:block;width:100%}
 .sda-prz-t summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;padding:calc(8px * var(--kn)) calc(14px * var(--kn));border:1px solid var(--l);border-radius:calc(22px * var(--kn));background:#fff;color:var(--g)}
 .sda-prz-t summary::-webkit-details-marker{display:none}.sda-prz-t summary::after{content:"+";font-size:calc(20px * var(--kn))}
 .sda-prz-t[open] summary::after{content:"\2212"}.sda-prz-t b{font-weight:500}
 .sda-prz-t ul{display:flex;flex-wrap:wrap;gap:calc(6px * var(--kn));margin:calc(10px * var(--kn)) 0 0;padding:0;list-style:none}
 .sda-prz-t a,.sda-prz-t .sda-prz-a{display:block;padding:calc(6px * var(--kn)) calc(12px * var(--kn));border-radius:calc(18px * var(--kn));border:1px solid var(--l);background:#fff;color:var(--g);text-decoration:none}
 .sda-prz-t .sda-prz-a{background:var(--g);color:#fff;border-color:var(--g)}
 .sda-hub-in{padding-top:calc(112px * var(--kn));padding-bottom:calc(56px * var(--kn));row-gap:calc(28px * var(--kn))}
 .sda-mapa{aspect-ratio:auto;max-width:none;display:grid;gap:calc(14px * var(--kn))}
 .sda-mapa-s,.sda-mapa-c,.sda-mapa-pod{display:none}
 .sda-ob{display:block;padding-top:calc(14px * var(--kn));border-top:1px solid rgba(255,255,255,.18)}
 .sda-ob-k{display:flex;flex-wrap:wrap;gap:calc(8px * var(--kn));margin-top:calc(10px * var(--kn))}
 .sda-obn,.sda-node{position:static;transform:none}.sda-obn{padding:0;background:none}.sda-obn-siec{display:inline}
 .sda-node{padding:calc(7px * var(--kn)) calc(14px * var(--kn));font-size:calc(15px * var(--kn))}
 .sda-pany{margin-top:0;min-height:0}
 .sda-cykl{grid-template-columns:1fr;row-gap:calc(36px * var(--kn));padding:0}
 .sda-cykl li{grid-column:auto!important;grid-row:auto!important;padding-left:calc(72px * var(--kn));min-height:calc(48px * var(--kn))}
 .sda-cykl li::before{content:"";position:absolute;left:calc(23px * var(--kn))!important;top:calc(24px * var(--kn))!important;width:0!important;height:calc(100% + calc(36px * var(--kn)));border-top:0!important;border-left:calc(2px * var(--kn)) dashed var(--n)}
 .sda-cykl li:last-child::before{display:none}.sda-cykl li:nth-child(3)::after{display:none}
 .sda-c-nr{position:absolute;left:0;top:0}.sda-cykl h3{margin-top:0;padding-right:calc(52px * var(--kn))}.sda-cykl .sda-ik{width:calc(36px * var(--kn));height:calc(36px * var(--kn));top:0}
 .sda-serp{padding:calc(20px * var(--kn))}.sda-pkt{grid-template-columns:1fr;margin-top:calc(48px * var(--kn))}
 .sda-kon{aspect-ratio:auto;display:grid;gap:calc(18px * var(--kn))}.sda-kon-s,.sda-kon-et{display:none}
 .sda-os,.sda-os.sda-pod-d,.sda-os-d,.sda-os-s{position:static;transform:none;flex-direction:row;text-align:left;gap:calc(16px * var(--kn))}
 .sda-os-d img,.sda-os-s img,.sda-os-m img{width:calc(64px * var(--kn));height:calc(64px * var(--kn))}
 .sda-pkt li{padding:calc(2px * var(--kn)) 0 0 calc(44px * var(--kn))}
 .sda-form-k{padding:calc(22px * var(--kn)) calc(18px * var(--kn))}.sda-form-k .form{grid-template-columns:1fr}
 .sda-sas-lista{grid-template-columns:1fr}
}

/* strony kanałów: hero */
.sda-hk-w{display:flex;flex-direction:column;min-height:min(100vh, 1080px);min-height:min(100svh, 1080px);box-sizing:border-box;padding-top:calc(84px * var(--kn));padding-bottom:calc(48px * var(--kn))}
.sda-hk-in{flex:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,calc(640 * var(--u) * var(--kn)));gap:calc(72px * var(--kn));align-items:center;padding-top:calc(40px * var(--kn))}
.sda-hk-przyc{display:flex;flex-wrap:wrap;margin:0}.sda-hk-przyc .btn{margin:calc(36px * var(--kn)) calc(12px * var(--kn)) 0 0}
.sda-hk-o{position:relative;min-width:0}
.sda-t-l .sda-prz{border-color:rgba(0,6,35,.14)}
/* kafle sceny (język mozaiki strony głównej) */
.sda-kaf{position:relative;overflow:hidden;border-radius:calc(5px * var(--kn));transition:transform .3s}
.sda-kaf:hover{transform:translateY(calc(-4px * var(--kn)))}
.sda-kaf-t{position:absolute;left:calc(20px * var(--kn));top:calc(18px * var(--kn));z-index:2;display:flex;flex-direction:column;gap:calc(2px * var(--kn))}
.sda-kaf-t b{font-weight:500;font-size:calc(20px * var(--kn));line-height:calc(25px * var(--kn))}.sda-kaf-t span{font-size:calc(14px * var(--kn));line-height:calc(18px * var(--kn))}
.sda-kaf-m{display:block;width:100%;height:auto}
.sda-kaf-b{background:#fff;color:var(--g)}.sda-kaf-b .sda-kaf-t span{color:#666A7B}
.sda-kaf-n{background:var(--n);color:#fff}.sda-kaf-g{background:var(--g);color:#fff}.sda-kaf-g .sda-kaf-t span{color:#808291}
/* google: zapytanie i mozaika */
.sda-g-q{position:relative;display:flex;align-items:center;gap:calc(12px * var(--kn));background:#fff;border-radius:calc(30px * var(--kn));padding:calc(16px * var(--kn)) calc(24px * var(--kn));font-size:calc(18px * var(--kn));
 line-height:calc(24px * var(--kn));box-shadow:0 calc(12px * var(--kn)) calc(32px * var(--kn)) rgba(0,6,35,.08);margin-bottom:calc(44px * var(--kn))}
.sda-g-q-p{position:absolute;left:calc(24px * var(--kn));bottom:calc(-30px * var(--kn));font-size:calc(14px * var(--kn));line-height:calc(18px * var(--kn));color:#666A7B}
.sda-kursor{display:inline-block;width:calc(2px * var(--kn));height:calc(22px * var(--kn));background:var(--g);margin-left:calc(-8px * var(--kn));animation:sda-mig 1.1s steps(1) infinite}
@keyframes sda-mig{50%{opacity:0}}
.sda-g-moz{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(20px * var(--kn))}
.sda-g-k3{grid-column:1/-1}
.sda-g-q::after{content:"";position:absolute;left:50%;top:100%;height:calc(44px * var(--kn));border-left:calc(2px * var(--kn)) dashed var(--n)}
/* obszary (lista pod nagłówkiem) */
.sda-obl-pod{margin:calc(64px * var(--kn)) 0 calc(20px * var(--kn));color:#666A7B}
.sda-obl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(24px * var(--kn));margin:0;padding:0;list-style:none}
.sda-obl.k4{grid-template-columns:repeat(4,minmax(0,1fr))}
.sda-obl li{border-top:calc(2px * var(--kn)) solid var(--g);padding-top:calc(18px * var(--kn))}
.sda-obl-n{display:inline-flex;align-items:center;gap:calc(8px * var(--kn));font-size:calc(20px * var(--kn));line-height:calc(26px * var(--kn));font-weight:500;color:var(--g);text-decoration:none;margin-bottom:calc(10px * var(--kn))}
.sda-obl-n::after{content:none;color:var(--nt);transition:transform .2s}.sda-obl-n:hover{color:var(--nt)}.sda-obl-n:hover::after{transform:translateX(calc(4px * var(--kn)))}
.sda-obl p{margin:0;color:#666A7B}
.sda-t-g .sda-obl li{border-color:#fff}.sda-t-g .sda-obl-n{color:#fff}.sda-t-g .sda-obl-n::after{color:#fff}.sda-t-g .sda-obl p{color:#808291}
/* google: równanie aukcji */
.sda-rown{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1.3fr) auto minmax(0,1fr);gap:calc(20px * var(--kn));align-items:stretch}
.sda-rw{border-radius:calc(5px * var(--kn));padding:calc(28px * var(--kn));display:flex;flex-direction:column;justify-content:center;gap:calc(8px * var(--kn));min-height:calc(180px * var(--kn));box-sizing:border-box}
.sda-rw-a{background:#F0F1FF}.sda-rw-b{background:var(--p);box-shadow:inset 0 0 0 calc(2px * var(--kn)) var(--n)}.sda-rw-c{background:var(--g);color:#fff}
.sda-rw-e{font-size:calc(32px * var(--ts) * var(--kn));line-height:calc(38px * var(--ts) * var(--kn));font-weight:500}.sda-rw-o{color:#666A7B}.sda-rw-c .sda-rw-o{color:#808291}
.sda-rw ul{margin:calc(4px * var(--kn)) 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:calc(8px * var(--kn))}
.sda-rw li{background:#fff;border-radius:calc(16px * var(--kn));padding:calc(4px * var(--kn)) calc(12px * var(--kn));font-size:calc(15px * var(--kn))}
.sda-rw-z{align-self:center;font-size:calc(40px * var(--ts) * var(--kn));line-height:calc(40px * var(--ts) * var(--kn));color:var(--nt)}
/* google: typy kampanii */
.sda-typ-w{display:grid;grid-template-columns:minmax(0,calc(380 * var(--u) * var(--kn))) minmax(0,1fr);gap:calc(40px * var(--kn));align-items:start}
.sda-typ-lista{display:grid;gap:calc(4px * var(--kn))}
.sda-typ-l{display:flex;align-items:center;gap:calc(16px * var(--kn));padding:calc(14px * var(--kn)) calc(18px * var(--kn));border-radius:calc(5px * var(--kn));cursor:pointer;font-size:calc(18px * var(--kn));line-height:calc(24px * var(--kn));transition:background .2s}
.sda-typ-l:hover{background:rgba(255,255,255,.7)}.sda-typ-l .sda-ik{width:calc(32px * var(--kn));height:calc(32px * var(--kn))}
.sda-typ-pany{background:#fff;border-radius:calc(5px * var(--kn));padding:calc(28px * var(--kn))}
.sda-typ-p{display:none;grid-template-columns:minmax(0,calc(520 * var(--u) * var(--kn))) minmax(0,1fr);column-gap:calc(36px * var(--kn));align-items:center}
.sda-typ-s{display:block;width:100%;max-width:calc(520 * var(--u) * var(--kn));height:auto;grid-row:1/3}
.sda-typ-p h3{align-self:end}.sda-typ-p p{align-self:start}
.sda-typ-p h3{font-size:calc(28px * var(--ts) * var(--kn));line-height:calc(34px * var(--ts) * var(--kn));margin:0 0 calc(10px * var(--kn))}.sda-typ-p p{margin:0;font-size:calc(17px * var(--kn));line-height:calc(26px * var(--kn));max-width:calc(640 * var(--u) * var(--kn))}
.sda-typy:has(#sda-t0:checked) .sda-typ-l[data-t="0"]{background:#F0F1FF;color:var(--g);box-shadow:inset calc(4px * var(--kn)) 0 0 var(--n)}.sda-typy:has(#sda-t0:checked) .sda-typ-p[data-t="0"]{visibility:visible}.sda-typy:has(#sda-t0:focus-visible) .sda-typ-l[data-t="0"]{outline:calc(2px * var(--kn)) solid var(--n);outline-offset:calc(2px * var(--kn))}.sda-typy:has(#sda-t1:checked) .sda-typ-l[data-t="1"]{background:#F0F1FF;color:var(--g);box-shadow:inset calc(4px * var(--kn)) 0 0 var(--n)}.sda-typy:has(#sda-t1:checked) .sda-typ-p[data-t="1"]{visibility:visible}.sda-typy:has(#sda-t1:focus-visible) .sda-typ-l[data-t="1"]{outline:calc(2px * var(--kn)) solid var(--n);outline-offset:calc(2px * var(--kn))}.sda-typy:has(#sda-t2:checked) .sda-typ-l[data-t="2"]{background:#F0F1FF;color:var(--g);box-shadow:inset calc(4px * var(--kn)) 0 0 var(--n)}.sda-typy:has(#sda-t2:checked) .sda-typ-p[data-t="2"]{visibility:visible}.sda-typy:has(#sda-t2:focus-visible) .sda-typ-l[data-t="2"]{outline:calc(2px * var(--kn)) solid var(--n);outline-offset:calc(2px * var(--kn))}.sda-typy:has(#sda-t3:checked) .sda-typ-l[data-t="3"]{background:#F0F1FF;color:var(--g);box-shadow:inset calc(4px * var(--kn)) 0 0 var(--n)}.sda-typy:has(#sda-t3:checked) .sda-typ-p[data-t="3"]{visibility:visible}.sda-typy:has(#sda-t3:focus-visible) .sda-typ-l[data-t="3"]{outline:calc(2px * var(--kn)) solid var(--n);outline-offset:calc(2px * var(--kn))}.sda-typy:has(#sda-t4:checked) .sda-typ-l[data-t="4"]{background:#F0F1FF;color:var(--g);box-shadow:inset calc(4px * var(--kn)) 0 0 var(--n)}.sda-typy:has(#sda-t4:checked) .sda-typ-p[data-t="4"]{visibility:visible}.sda-typy:has(#sda-t4:focus-visible) .sda-typ-l[data-t="4"]{outline:calc(2px * var(--kn)) solid var(--n);outline-offset:calc(2px * var(--kn))}.sda-typy:has(#sda-t5:checked) .sda-typ-l[data-t="5"]{background:#F0F1FF;color:var(--g);box-shadow:inset calc(4px * var(--kn)) 0 0 var(--n)}.sda-typy:has(#sda-t5:checked) .sda-typ-p[data-t="5"]{visibility:visible}.sda-typy:has(#sda-t5:focus-visible) .sda-typ-l[data-t="5"]{outline:calc(2px * var(--kn)) solid var(--n);outline-offset:calc(2px * var(--kn))}
/* google: raport haseł */
.sda-alg{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,calc(600 * var(--u) * var(--kn)));gap:calc(80px * var(--kn));align-items:center}
.sda-alg-t .sda-glowa{margin-bottom:calc(28px * var(--kn))}.sda-alg-t p{max-width:calc(580 * var(--u) * var(--kn))}.sda-alg-t p+p{margin-top:calc(16px * var(--kn))}
.sda-hasla{margin:0;background:#fff;color:var(--g);border-radius:calc(5px * var(--kn));padding:calc(24px * var(--kn)) calc(28px * var(--kn))}
.sda-hasla figcaption{font-size:calc(14px * var(--kn));line-height:calc(20px * var(--kn));color:#666A7B;margin-bottom:calc(12px * var(--kn))}
.sda-hasla table{width:100%;border-collapse:collapse}
.sda-hasla th{text-align:left;font-weight:500;font-size:calc(14px * var(--kn));color:#666A7B;background:#fff;padding:calc(10px * var(--kn)) 0;border-bottom:1px solid var(--l)}
.sda-hasla td{padding:calc(14px * var(--kn)) 0;border-bottom:1px solid #CCCDD3;vertical-align:middle}
.sda-hasla td:first-child{padding-right:calc(16px * var(--kn))}
.sda-h-t{display:inline-block;font-size:calc(14px * var(--kn));line-height:calc(18px * var(--kn));padding:calc(4px * var(--kn)) calc(12px * var(--kn));border-radius:calc(14px * var(--kn));white-space:nowrap}
.sda-h-seo{background:var(--n);color:#fff}.sda-h-wyk{background:#D9D9D9;color:var(--g)}.sda-h-mar{background:var(--g);color:#fff}
.sda-pkt-j{border-color:rgba(255,255,255,.2)}.sda-pkt-j li{color:#fff}.sda-pkt-j li::before{background:var(--n);color:#fff}
.sda-pkt-0{margin:0;padding:0;border:0}
.sda-nw{white-space:nowrap}
@media (max-width:1100px){
 .sda-hk-in{gap:calc(40px * var(--kn));grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .sda-alg{grid-template-columns:1fr;gap:calc(48px * var(--kn))}.sda-obl.k4{grid-template-columns:repeat(2,minmax(0,1fr))}
 .sda-rown{grid-template-columns:1fr;gap:calc(10px * var(--kn))}.sda-rw-z{justify-self:center}.sda-rw{min-height:0}
 .sda-typy .sda-typ-p{grid-template-columns:1fr}.sda-typ-s{grid-row:auto;margin-bottom:calc(20px * var(--kn))}.sda-typ-w{grid-template-columns:minmax(0,calc(300 * var(--u) * var(--kn))) minmax(0,1fr)}
}
@media (max-width:900px){
 .sda-hk-w{padding-top:calc(108px * var(--kn));padding-bottom:calc(48px * var(--kn));min-height:0}.sda-hk-in{padding-top:calc(28px * var(--kn));grid-template-columns:1fr;gap:calc(48px * var(--kn))}
 .sda-hk-przyc .btn{margin-top:calc(28px * var(--kn))}
 .sda-g-q{font-size:calc(16px * var(--kn));padding:calc(12px * var(--kn)) calc(18px * var(--kn))}
 .sda-g-moz{gap:calc(12px * var(--kn))}.sda-g-k3{display:none}.sda-kaf-t{left:calc(14px * var(--kn));top:calc(12px * var(--kn))}.sda-kaf-t span{display:none}
 .sda-g-q{margin-bottom:calc(40px * var(--kn))}
 .sda-kaf-t b{font-size:calc(18px * var(--kn))}
 .sda-obl,.sda-obl.k4{grid-template-columns:1fr}.sda-obl-pod{margin-top:calc(40px * var(--kn))}
 .sda-rw{padding:calc(20px * var(--kn))}.sda-rw-e{font-size:calc(26px * var(--kn));line-height:calc(32px * var(--ts) * var(--kn))}
 .sda-typ-w{grid-template-columns:1fr;gap:calc(20px * var(--kn))}
 .sda-typ-lista{display:flex;flex-wrap:wrap;gap:calc(8px * var(--kn))}
 .sda-typ-l{padding:calc(8px * var(--kn)) calc(14px * var(--kn));font-size:calc(15px * var(--kn));background:#fff;border:1px solid var(--l);border-radius:calc(20px * var(--kn))}.sda-typ-l .sda-ik{display:none}
 .sda-typ-pany{padding:calc(18px * var(--kn))}.sda-typy .sda-typ-p{grid-template-columns:1fr}.sda-typ-s{grid-row:auto;margin-bottom:calc(20px * var(--kn))}.sda-typ-p h3{font-size:calc(22px * var(--kn));line-height:calc(28px * var(--ts) * var(--kn))}.sda-typ-p p{font-size:calc(16px * var(--kn));line-height:calc(24px * var(--kn))}
 .sda-hasla{padding:calc(18px * var(--kn)) calc(16px * var(--kn))}.sda-h-t{white-space:normal}
}

/* lista w dwóch kolumnach */
.sda-l2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:calc(64px * var(--kn));margin:0;padding:0;list-style:none;border-top:1px solid var(--l)}
.sda-l2 li{display:grid;grid-template-columns:calc(48px * var(--kn)) minmax(0,1fr);gap:calc(20px * var(--kn));padding:calc(28px * var(--kn)) 0;border-bottom:1px solid var(--l)}
.sda-l2 h3{font-size:calc(22px * var(--kn));line-height:calc(28px * var(--ts) * var(--kn));margin:0 0 calc(8px * var(--kn))}.sda-l2 p{margin:0;color:#666A7B;max-width:calc(520 * var(--u) * var(--kn))}
.sda-l2 .sda-ik{width:calc(44px * var(--kn));height:calc(44px * var(--kn))}
/* przepływ: źródło → obszary */
.sda-pp{position:relative}
.sda-pp-z{margin:0 auto;display:flex;justify-content:center;position:relative}
.sda-pp-z span{display:inline-block;background:var(--g);color:#fff;border-radius:calc(28px * var(--kn));padding:calc(14px * var(--kn)) calc(28px * var(--kn));font-size:calc(20px * var(--kn));line-height:calc(26px * var(--kn));font-weight:500}
.sda-pp-l{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(24px * var(--kn));margin:calc(72px * var(--kn)) 0 0;padding:0;list-style:none}
.sda-pp-l::before{content:"";position:absolute;left:16.66%;right:16.66%;top:calc(-36px * var(--kn));border-top:calc(2px * var(--kn)) dashed var(--n)}
.sda-pp-l::after{content:"";position:absolute;left:50%;top:calc(-72px * var(--kn));height:calc(36px * var(--kn));border-left:calc(2px * var(--kn)) dashed var(--n)}
.sda-pp-l li{position:relative;background:#fff;border-radius:calc(5px * var(--kn));padding:calc(28px * var(--kn))}
.sda-pp-k{position:absolute;left:50%;top:calc(-36px * var(--kn));height:calc(36px * var(--kn));border-left:calc(2px * var(--kn)) dashed var(--n)}
.sda-pp-k::after{content:"";position:absolute;left:calc(-6px * var(--kn));bottom:calc(-5px * var(--kn));width:calc(10px * var(--kn));height:calc(10px * var(--kn));border-radius:50%;background:var(--n)}
.sda-pp-c{margin:0 0 calc(12px * var(--kn));font-size:calc(14px * var(--kn));line-height:calc(20px * var(--kn));color:var(--nt);font-weight:500;letter-spacing:.04em;text-transform:uppercase}
.sda-pp-l .sda-obl-n{margin-bottom:calc(6px * var(--kn))}.sda-pp-l p:last-child{margin:0;color:#666A7B}
/* bing: scena monitora */
.sda-b-scena{position:relative;padding:calc(28px * var(--kn)) 0 0}
.sda-b-s{display:block;width:100%;height:auto}
.sda-bf{position:absolute;margin:0;background:#fff;border-radius:calc(5px * var(--kn));padding:calc(12px * var(--kn)) calc(16px * var(--kn));box-shadow:0 calc(12px * var(--kn)) calc(32px * var(--kn)) rgba(0,6,35,.1);
 display:flex;flex-direction:column;font-size:calc(14px * var(--kn));line-height:calc(19px * var(--kn));max-width:calc(230px * var(--kn))}
.sda-bf b{font-weight:500;font-size:calc(16px * var(--kn));line-height:calc(21px * var(--kn))}.sda-bf span{color:#666A7B}
.sda-bf::before{content:"";position:absolute;left:calc(-5px * var(--kn));top:calc(16px * var(--kn));width:calc(10px * var(--kn));height:calc(10px * var(--kn));border-radius:50%;background:var(--n)}
.sda-bf1{left:calc(-40px * var(--kn));top:0}.sda-bf2{right:calc(-8px * var(--kn));top:34%}.sda-bf3{left:calc(-24px * var(--kn));bottom:18%}
/* bing: kto szuka */
.sda-kto{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,calc(620 * var(--u) * var(--kn)));gap:calc(72px * var(--kn));align-items:start}
.sda-kto-f{margin:0;padding:0;list-style:none;display:grid;gap:0;border-top:1px solid var(--l)}
.sda-kto-f li{display:grid;grid-template-columns:calc(48px * var(--kn)) minmax(0,1fr);gap:calc(20px * var(--kn));padding:calc(24px * var(--kn)) 0;border-bottom:1px solid var(--l)}
.sda-kto-f h3{font-size:calc(20px * var(--kn));line-height:calc(26px * var(--kn));margin:0 0 calc(6px * var(--kn))}.sda-kto-f p{margin:0;color:#666A7B}
.sda-hm{margin:0;background:var(--p);border-radius:calc(5px * var(--kn));padding:calc(28px * var(--kn))}
.sda-hm figcaption{font-size:calc(14px * var(--kn));line-height:calc(20px * var(--kn));color:#666A7B;margin-bottom:calc(18px * var(--kn))}
.sda-hm-g{display:grid;grid-template-columns:auto repeat(7,minmax(0,1fr));gap:calc(6px * var(--kn));align-items:stretch}
.sda-hm-pory{display:grid;grid-template-rows:calc(24px * var(--kn)) repeat(3,calc(56px * var(--kn)));gap:calc(6px * var(--kn));font-size:calc(14px * var(--kn));line-height:calc(18px * var(--kn));color:#666A7B;padding-right:calc(10px * var(--kn))}
.sda-hm-pory span{display:flex;align-items:center}
.sda-hm-d{display:grid;grid-template-rows:calc(24px * var(--kn)) repeat(3,calc(56px * var(--kn)));gap:calc(6px * var(--kn))}
.sda-hm-n{font-size:calc(14px * var(--kn));line-height:calc(24px * var(--kn));text-align:center;color:var(--g)}
.sda-hm-c{border-radius:calc(4px * var(--kn))}
.sda-hm-w{background:var(--n)}.sda-hm-e{background:#F0F1FF;box-shadow:inset 0 0 0 calc(1.5px * var(--kn)) #5768FF}.sda-hm-p{background:#D9D9D9}
.sda-hm-leg{display:flex;flex-wrap:wrap;gap:calc(10px * var(--kn)) calc(20px * var(--kn));margin:calc(20px * var(--kn)) 0 0;padding:0;list-style:none;font-size:calc(14px * var(--kn));line-height:calc(20px * var(--kn))}
.sda-hm-leg li{display:flex;align-items:center;gap:calc(8px * var(--kn))}.sda-hm-leg i{width:calc(14px * var(--kn));height:calc(14px * var(--kn));border-radius:calc(3px * var(--kn));flex:none}
/* bing: import */
.sda-imp{display:grid;grid-template-columns:minmax(0,1fr) calc(72px * var(--kn)) minmax(0,1.2fr);align-items:center;gap:0}
.sda-imp-z{background:transparent;box-shadow:inset 0 0 0 1px #808291;border-radius:calc(5px * var(--kn));padding:calc(24px * var(--kn));display:grid;gap:calc(12px * var(--kn))}
.sda-imp-z .sda-kr{background:#666A7B;height:calc(10px * var(--kn))}
.sda-imp-t{margin:0 0 calc(6px * var(--kn));font-weight:500}
.sda-imp-s{position:relative;height:calc(2px * var(--kn));border-top:calc(2px * var(--kn)) dashed var(--n)}
.sda-imp-s span{position:absolute;left:50%;top:calc(-30px * var(--kn));transform:translateX(-50%);font-size:calc(14px * var(--kn));color:#808291}
.sda-imp-s::after{content:"";position:absolute;right:calc(-2px * var(--kn));top:calc(-8px * var(--kn));border:calc(7px * var(--kn)) solid transparent;border-left:calc(10px * var(--kn)) solid var(--n);border-right:0}
.sda-imp-do{background:#fff;color:var(--g);border-radius:calc(5px * var(--kn));padding:calc(24px * var(--kn))}
.sda-imp-do .sda-imp-t{color:var(--g)}
.sda-imp-do ul{margin:0;padding:0;list-style:none;display:grid;gap:calc(10px * var(--kn))}
.sda-imp-do li{display:flex;gap:calc(10px * var(--kn));align-items:center}
.sda-imp-do li::before{content:"✓";flex:none;display:grid;place-items:center;width:calc(24px * var(--kn));height:calc(24px * var(--kn));border-radius:50%;background:var(--n);color:#fff;font-size:calc(13px * var(--kn))}
/* youtube: odtwarzacz */
.sda-yt-film{position:relative;border-radius:calc(8px * var(--kn));overflow:hidden;box-shadow:0 calc(24px * var(--kn)) calc(60px * var(--kn)) rgba(0,6,35,.35)}
.sda-yt-s,.sda-yt-st{display:block;width:100%;height:auto}
.sda-yt-rek{position:absolute;left:calc(16px * var(--kn));top:calc(14px * var(--kn));background:#fff;color:var(--g);font-size:calc(14px * var(--kn));line-height:calc(18px * var(--kn));padding:calc(4px * var(--kn)) calc(10px * var(--kn));border-radius:calc(12px * var(--kn))}
.sda-yt-pom{position:absolute;right:0;bottom:22%;display:flex;align-items:center;gap:calc(10px * var(--kn));background:var(--g);color:#fff;font-size:calc(15px * var(--kn));
 line-height:calc(20px * var(--kn));padding:calc(10px * var(--kn)) calc(16px * var(--kn));border:1px solid rgba(255,255,255,.4);border-right:0;animation:sda-pom 8s infinite}
.sda-yt-pom i{width:0;height:0;border:calc(6px * var(--kn)) solid transparent;border-left:calc(9px * var(--kn)) solid #fff;border-right:0}
@keyframes sda-pom{0%,38%{opacity:0;transform:translateX(12px)}46%,100%{opacity:1;transform:none}}
.sda-yt-post{transform-origin:calc(18px * var(--kn)) 0;animation:sda-post 8s linear infinite}
@keyframes sda-post{0%{transform:scaleX(0)}100%{transform:scaleX(1)}}
.sda-yt-pod{margin:calc(32px * var(--kn)) 0 calc(14px * var(--kn));font-size:calc(14px * var(--kn));line-height:calc(20px * var(--kn));color:#808291}
.sda-yt-sc{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(12px * var(--kn));margin:0;padding:0;list-style:none}
.sda-yt-sc::before{content:"";position:absolute;left:calc(8px * var(--kn));right:calc(8px * var(--kn));top:calc(7px * var(--kn));border-top:calc(2px * var(--kn)) dashed var(--n)}
.sda-yt-sc li{position:relative;padding-top:calc(28px * var(--kn));display:flex;flex-direction:column;font-size:calc(14px * var(--kn));line-height:calc(19px * var(--kn));color:#808291}
.sda-yt-sc li::before{content:"";position:absolute;left:0;top:0;width:calc(16px * var(--kn));height:calc(16px * var(--kn));border-radius:50%;background:var(--g);box-shadow:inset 0 0 0 calc(3px * var(--kn)) var(--n)}
.sda-yt-sc li:last-child::before{background:var(--n)}
.sda-yt-sc b{font-weight:500;font-size:calc(18px * var(--kn));line-height:calc(24px * var(--kn));color:#fff}
@media (prefers-reduced-motion:reduce){.sda-yt-pom,.sda-yt-post,.sda-kursor{animation:none}.sda-yt-pom{opacity:1}}
/* youtube: dziś i jutro */
.sda-dz{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(32px * var(--kn));margin:0;padding:0;list-style:none}
.sda-dz::before{content:"";position:absolute;left:0;right:0;top:calc(15px * var(--kn));border-top:calc(2px * var(--kn)) dashed var(--n)}
.sda-dz li{position:relative}
.sda-dz-k{position:relative;display:inline-block;background:var(--g);color:#fff;border-radius:calc(18px * var(--kn));padding:calc(5px * var(--kn)) calc(16px * var(--kn));font-size:calc(15px * var(--kn));line-height:calc(22px * var(--kn));margin-bottom:calc(24px * var(--kn))}
.sda-dz .sda-obl-n{display:flex}.sda-dz p{margin:0;color:#666A7B;max-width:calc(400 * var(--u) * var(--kn))}
/* youtube: formaty */
.sda-fm{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(40px * var(--kn)) calc(24px * var(--kn));margin:0;padding:0;list-style:none}
.sda-fm-o{background:#fff;border-radius:calc(5px * var(--kn));margin-bottom:calc(20px * var(--kn))}.sda-fm-s{display:block;width:100%;height:auto}
.sda-fm h3{font-size:calc(22px * var(--kn));line-height:calc(28px * var(--ts) * var(--kn));margin:0 0 calc(8px * var(--kn))}.sda-fm p{margin:0;color:#666A7B}
/* youtube: wersje */
.sda-wr{display:grid;gap:0;justify-items:center}
.sda-wr-m{position:relative;width:min(100%,calc(360px * var(--kn)))}
.sda-wr-k{display:block;width:100%;height:auto;border-radius:calc(5px * var(--kn))}
.sda-wr-et{position:absolute;left:calc(12px * var(--kn));top:calc(10px * var(--kn));background:#fff;border-radius:calc(12px * var(--kn));padding:calc(2px * var(--kn)) calc(10px * var(--kn));font-size:calc(14px * var(--kn));line-height:calc(20px * var(--kn))}
.sda-wr-l{width:66%;height:calc(40px * var(--kn));border:calc(2px * var(--kn)) dashed var(--n);border-bottom:0;border-radius:calc(12px * var(--kn)) calc(12px * var(--kn)) 0 0;margin-top:calc(20px * var(--kn))}
.sda-wr-l{position:relative}.sda-wr-l::before{content:"";position:absolute;left:50%;top:calc(-22px * var(--kn));height:calc(20px * var(--kn));border-left:calc(2px * var(--kn)) dashed var(--n)}
.sda-wr-v{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(16px * var(--kn));align-items:end;width:100%;margin-top:calc(-2px * var(--kn))}
.sda-wr-v figure{margin:0;display:flex;flex-direction:column;align-items:center;gap:calc(10px * var(--kn));text-align:center}
.sda-wr-v figcaption{font-size:calc(14px * var(--kn));line-height:calc(19px * var(--kn));color:var(--g)}
.sda-wr-f{border-radius:calc(5px * var(--kn));overflow:hidden;background:var(--g)}.sda-wr-f svg{display:block;width:100%;height:100%}
.sda-wr-169{width:100%;aspect-ratio:16/9}.sda-wr-kr{position:relative;width:70%;aspect-ratio:16/9}
.sda-wr-kr i{position:absolute;left:0;right:0;bottom:0;height:calc(6px * var(--kn));background:var(--g)}.sda-wr-kr i::before{content:"";position:absolute;left:0;top:0;height:calc(6px * var(--kn));width:25%;background:var(--n)}
.sda-wr-916{width:52%;aspect-ratio:9/16}
/* allegro: scena */
.sda-a-o{position:relative}.sda-a-s{display:block;width:100%;height:auto}
.sda-a-sp{position:absolute;left:30%;top:40.8%;transform:translateY(-50%);background:var(--n);color:#fff;font-size:calc(14px * var(--kn));line-height:calc(18px * var(--kn));
 padding:calc(5px * var(--kn)) calc(12px * var(--kn));border-radius:calc(14px * var(--kn));white-space:nowrap}
.sda-a-pod{margin:calc(22px * var(--kn)) 0 calc(10px * var(--kn));font-size:calc(14px * var(--kn));line-height:calc(20px * var(--kn));color:#666A7B}
.sda-a-leg{display:flex;flex-wrap:wrap;gap:calc(10px * var(--kn));margin:0;padding:0;list-style:none}
.sda-a-leg li{display:flex;align-items:center;gap:calc(10px * var(--kn));background:#fff;border:1px solid var(--l);border-radius:calc(22px * var(--kn));padding:calc(5px * var(--kn)) calc(16px * var(--kn)) calc(5px * var(--kn)) calc(5px * var(--kn));font-size:calc(16px * var(--kn));line-height:calc(22px * var(--kn))}
.sda-a-leg span{display:grid;place-items:center;width:calc(28px * var(--kn));height:calc(28px * var(--kn));border-radius:50%;background:var(--g);color:#fff;font-size:calc(14px * var(--kn))}
/* allegro: styk trzech obszarów */
.sda-st{display:grid;grid-template-columns:minmax(0,calc(520 * var(--u) * var(--kn))) minmax(0,1fr);gap:calc(80px * var(--kn));align-items:center}
.sda-st .sda-glowa{margin-bottom:calc(32px * var(--kn))}
.sda-st-w{position:relative;width:100%;max-width:calc(520 * var(--u) * var(--kn))}.sda-st-s{display:block;width:100%;height:auto}
.sda-st-e{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;gap:calc(8px * var(--kn));background:#fff;border-radius:calc(18px * var(--kn));
 padding:calc(4px * var(--kn)) calc(12px * var(--kn)) calc(4px * var(--kn)) calc(4px * var(--kn));font-size:calc(15px * var(--kn));line-height:calc(20px * var(--kn));font-weight:500;white-space:nowrap}
.sda-st-e i,.sda-st-nr{display:grid;place-items:center;width:calc(26px * var(--kn));height:calc(26px * var(--kn));border-radius:50%;background:var(--g);color:#fff;font-style:normal;font-size:calc(13px * var(--kn));flex:none}
.sda-st-c{position:absolute;left:50%;top:57.4%;transform:translate(-50%,-50%);color:#fff;font-size:calc(14px * var(--kn));line-height:calc(18px * var(--kn));font-weight:500;
 background:var(--g);padding:calc(6px * var(--kn)) calc(12px * var(--kn));border-radius:calc(16px * var(--kn));white-space:nowrap}
.sda-st-l{margin:0;padding:0;list-style:none;display:grid;gap:0;border-top:1px solid #CCCDD3}
.sda-st-l li{display:grid;grid-template-columns:calc(26px * var(--kn)) minmax(0,1fr);gap:calc(18px * var(--kn));padding:calc(22px * var(--kn)) 0;border-bottom:1px solid #CCCDD3}
.sda-st-l .sda-obl-n{margin-bottom:calc(4px * var(--kn))}.sda-st-l p{margin:0}.sda-st-l p:last-child{color:#666A7B}
/* allegro: rachunek */
.sda-rc{margin:0;background:var(--p);border-radius:calc(5px * var(--kn));padding:calc(28px * var(--kn))}
.sda-rc figcaption{font-size:calc(14px * var(--kn));line-height:calc(20px * var(--kn));color:#666A7B;margin-bottom:calc(20px * var(--kn))}
.sda-rc-w+.sda-rc-w{margin-top:calc(22px * var(--kn))}
.sda-rc-n{display:flex;justify-content:space-between;align-items:center;margin:0 0 calc(8px * var(--kn))}.sda-rc-n b{font-weight:500}
.sda-rc-st{font-size:calc(14px * var(--kn));line-height:calc(18px * var(--kn));padding:calc(3px * var(--kn)) calc(10px * var(--kn));border-radius:calc(12px * var(--kn));background:#D9D9D9}
.sda-rc-ok{background:var(--n);color:#fff}
.sda-rc-pas{display:flex;gap:calc(3px * var(--kn));height:calc(36px * var(--kn))}.sda-rc-pas span{border-radius:calc(3px * var(--kn))}
.sda-rc-pr{background:var(--g)}.sda-rc-do{background:#666A7B}.sda-rc-zw{background:#CCCDD3}.sda-rc-kl{background:#F0F1FF;box-shadow:inset 0 0 0 calc(1.5px * var(--kn)) #5768FF}.sda-rc-zy{background:var(--n)}
.sda-rc-cena{position:relative;margin:calc(14px * var(--kn)) 0 0;font-size:calc(14px * var(--kn));line-height:calc(20px * var(--kn));color:#666A7B;display:flex;align-items:center;gap:calc(10px * var(--kn))}
.sda-rc-cena span{flex:1;height:calc(10px * var(--kn));border:calc(2px * var(--kn)) solid var(--l);border-top:0}
.sda-rc-leg{display:flex;flex-wrap:wrap;gap:calc(8px * var(--kn)) calc(18px * var(--kn));margin:calc(18px * var(--kn)) 0 0;padding:0;list-style:none;font-size:calc(14px * var(--kn));line-height:calc(20px * var(--kn))}
.sda-rc-leg li{display:flex;align-items:center;gap:calc(8px * var(--kn))}.sda-rc-leg i{width:calc(14px * var(--kn));height:calc(14px * var(--kn));border-radius:calc(3px * var(--kn))}
/* allegro: zakres */
.sda-za{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(24px * var(--kn));margin:0 0 calc(40px * var(--kn));padding:0;list-style:none}
.sda-za-d{background:#fff;border-radius:calc(5px * var(--kn));overflow:hidden;padding:0 0 calc(28px * var(--kn))}
.sda-za-s{display:block;width:100%;height:auto;margin-bottom:calc(24px * var(--kn))}
.sda-za-d h3,.sda-za-d p{margin-left:calc(28px * var(--kn));margin-right:calc(28px * var(--kn))}.sda-za-d h3{font-size:calc(24px * var(--kn));line-height:calc(30px * var(--ts) * var(--kn));margin-bottom:calc(8px * var(--kn))}.sda-za-d p{color:#666A7B;margin-top:0;margin-bottom:0}
.sda-sas-lista.k2{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:1100px){
 .sda-kto{grid-template-columns:1fr;gap:calc(40px * var(--kn))}.sda-fm{grid-template-columns:repeat(2,minmax(0,1fr))}
 .sda-st{gap:calc(40px * var(--kn));grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .sda-bf1{left:0}.sda-bf2{right:0}.sda-bf3{left:0}
}
@media (max-width:900px){
 .sda-l2{grid-template-columns:1fr}.sda-l2 li{grid-template-columns:calc(36px * var(--kn)) minmax(0,1fr);gap:calc(16px * var(--kn));padding:calc(22px * var(--kn)) 0}.sda-l2 .sda-ik{width:calc(36px * var(--kn));height:calc(36px * var(--kn))}
 .sda-l2 h3{font-size:calc(20px * var(--kn));line-height:calc(26px * var(--kn))}
 .sda-pp-l{grid-template-columns:1fr;margin-top:calc(32px * var(--kn));gap:calc(16px * var(--kn))}.sda-pp-l::before,.sda-pp-l::after,.sda-pp-k{display:none}
 .sda-pp-z span{font-size:calc(17px * var(--kn));padding:calc(10px * var(--kn)) calc(20px * var(--kn))}.sda-pp-l li{padding:calc(22px * var(--kn))}
 .sda-b-scena{padding:0;display:grid;gap:calc(10px * var(--kn))}.sda-bf{position:relative;left:auto;right:auto;top:auto;bottom:auto;max-width:none;box-shadow:none;padding:calc(10px * var(--kn)) calc(14px * var(--kn)) calc(10px * var(--kn)) calc(24px * var(--kn))}
 .sda-bf::before{left:calc(8px * var(--kn))}
 .sda-hm{padding:calc(18px * var(--kn)) calc(14px * var(--kn))}.sda-hm-pory,.sda-hm-d{grid-template-rows:calc(24px * var(--kn)) repeat(3,calc(40px * var(--kn)))}.sda-hm-g{gap:calc(4px * var(--kn))}.sda-hm-pory{font-size:calc(12px * var(--kn));padding-right:calc(4px * var(--kn))}
 .sda-hm-n{font-size:calc(12px * var(--kn))}
 .sda-imp{grid-template-columns:1fr;gap:calc(28px * var(--kn))}.sda-imp-s{width:calc(2px * var(--kn));height:calc(36px * var(--kn));border-top:0;border-left:calc(2px * var(--kn)) dashed var(--n);justify-self:center}
 .sda-imp-s span{left:calc(16px * var(--kn));top:calc(8px * var(--kn));transform:none}.sda-imp-s::after{display:none}
 .sda-yt-rek{left:calc(10px * var(--kn));top:calc(8px * var(--kn));font-size:calc(13px * var(--kn))}.sda-yt-pom{font-size:calc(13px * var(--kn));padding:calc(6px * var(--kn)) calc(10px * var(--kn))}
 .sda-yt-sc{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:calc(22px * var(--kn))}.sda-yt-sc::before{display:none}
 .sda-dz{grid-template-columns:1fr;gap:calc(28px * var(--kn))}.sda-dz::before{display:none}.sda-dz-k{margin-bottom:calc(12px * var(--kn))}
 .sda-fm{grid-template-columns:1fr}
 .sda-wr-v{gap:calc(8px * var(--kn))}.sda-wr-v figcaption{font-size:calc(13px * var(--kn));line-height:calc(17px * var(--kn))}
 .sda-a-sp{font-size:calc(12px * var(--kn));padding:calc(3px * var(--kn)) calc(8px * var(--kn))}.sda-a-leg li{font-size:calc(15px * var(--kn))}
 .sda-rc{padding:calc(18px * var(--kn))}.sda-za{grid-template-columns:1fr}.sda-za-d h3,.sda-za-d p{margin-left:calc(20px * var(--kn));margin-right:calc(20px * var(--kn))}
 .sda-sas-lista.k2{grid-template-columns:1fr}
 .sda-st{grid-template-columns:1fr;gap:calc(32px * var(--kn))}.sda-st>div:first-child{order:2}.sda-st-e{font-size:calc(13px * var(--kn))}.sda-st-w{width:76%;justify-self:center}
}

/* ===== ST_ADS_A · DOCELOWA (2.10 wieczór) ===== */
/* nagłówki sekcji: odstęp od wysokości okna; sda-glowa-2 = lead obok nagłówka (jak /search-ecosystem/) */
.sda-glowa{margin-bottom:clamp(calc(20px * var(--kn)),calc(min(4vh, 43.2px) * var(--kn)),calc(48px * var(--kn)))}
.sda-lead{margin-top:clamp(calc(10px * var(--kn)),calc(min(1.6vh, 17.28px) * var(--kn)),calc(18px * var(--kn)))}
@media (min-width:1101px){
 .sda-glowa-2{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);column-gap:calc(64px * var(--kn));align-items:end;max-width:none}
 .sda-glowa-2 .sda-lead{margin:0;max-width:calc(560 * var(--u) * var(--kn));color:#666A7B}
 .sda-t-g .sda-glowa-2 .sda-lead{color:#fff}
}
/* przełącznik kanałów: bieżący kanał jasnoniebieski z obwódką w niebieskim marki, nie granatowy (E49) */
.sda-prz-a,.sda-ciem .sda-prz-a{background:#F0F1FF;color:var(--g);box-shadow:inset 0 0 0 1px var(--n)}
.sda-prz-d a:hover,.sda-ciem .sda-prz-d a:hover{background:#F0F1FF;color:var(--g)}
@media (max-width:900px){.sda-prz-t .sda-prz-a{background:#F0F1FF;color:var(--g);border-color:var(--n);box-shadow:none}}
/* hub: hero na jednym ekranie (mapa liczona od wysokości okna), panel kanału o jednym kształcie (panele w jednej komórce) */
.sda-pany{display:grid;min-height:0}
.sda-pan{display:block;grid-area:1/1;visibility:hidden}
@media (min-width:901px){
 .sda-hub-in{padding-top:calc(96px * var(--kn));padding-bottom:calc(24px * var(--kn))}
 .sda-mapa{width:min(100%,calc(640 * var(--u) * var(--kn)),calc(calc(min(100vh, 1080px) * var(--kn)) - calc(120px * var(--kn))));width:min(100%,calc(640 * var(--u) * var(--kn)),calc(calc(min(100svh, 1080px) * var(--kn)) - calc(120px * var(--kn))))}
 .sda-pany{margin-top:clamp(calc(16px * var(--kn)),calc(min(3vh, 32.4px) * var(--kn)),calc(40px * var(--kn)));padding-top:clamp(calc(14px * var(--kn)),calc(min(2.2vh, 23.76px) * var(--kn)),calc(24px * var(--kn)))}
 .sda-pan-t{margin-bottom:calc(10px * var(--kn))}
 .sda-hub-p .btn{margin-top:clamp(calc(14px * var(--kn)),calc(min(2.4vh, 25.92px) * var(--kn)),calc(28px * var(--kn)))}
 .sda-cykl{--rg:clamp(calc(28px * var(--kn)),calc(min(5.5vh, 59.4px) * var(--kn)),calc(64px * var(--kn)));row-gap:var(--rg)}
 .sda-cykl li:nth-child(3)::after{height:calc(100% + var(--rg))}
 .sda-cykl h3{margin:clamp(calc(14px * var(--kn)),calc(min(2.6vh, 28.08px) * var(--kn)),calc(28px * var(--kn))) 0 calc(8px * var(--kn))}
}
/* hero kanału: rysunek liczony od wysokości okna (część stała a, część proporcjonalna k: wysokość = a + k × szerokość),
   tekst zajmuje resztę szerokości */
@media (min-width:1101px){
 .sda-hk-w{padding-bottom:clamp(calc(12px * var(--kn)),calc(min(2.4vh, 25.92px) * var(--kn)),calc(48px * var(--kn)))}
 .sda-hk-in{grid-template-columns:minmax(0,1fr) auto;column-gap:clamp(calc(48px * var(--kn)),calc(min(5vw, 96px) * var(--kn)),calc(72px * var(--kn)));padding-top:clamp(calc(12px * var(--kn)),calc(min(2.4vh, 25.92px) * var(--kn)),calc(40px * var(--kn)))}
 .sda-hk-o{width:min(calc(640 * var(--u) * var(--kn)),calc(min(46vw, 883.2px) * var(--kn)))}
 .sda-sc-google .sda-hk-o{width:min(calc(640 * var(--u) * var(--kn)),calc(min(46vw, 883.2px) * var(--kn)),calc((calc(min(95vh, 1026px) * var(--kn)) - calc(261px * var(--kn))) / .789));width:min(calc(640 * var(--u) * var(--kn)),calc(min(46vw, 883.2px) * var(--kn)),calc((calc(min(95svh, 1026px) * var(--kn)) - calc(261px * var(--kn))) / .789))}
 .sda-sc-bing .sda-hk-o{width:min(calc(640 * var(--u) * var(--kn)),calc(min(46vw, 883.2px) * var(--kn)),calc((calc(min(95vh, 1026px) * var(--kn)) - calc(178px * var(--kn))) / .75));width:min(calc(640 * var(--u) * var(--kn)),calc(min(46vw, 883.2px) * var(--kn)),calc((calc(min(95svh, 1026px) * var(--kn)) - calc(178px * var(--kn))) / .75))}
 .sda-sc-youtube .sda-hk-o{width:min(calc(640 * var(--u) * var(--kn)),calc(min(46vw, 883.2px) * var(--kn)),calc((calc(min(95vh, 1026px) * var(--kn)) - calc(287px * var(--kn))) / .634));width:min(calc(640 * var(--u) * var(--kn)),calc(min(46vw, 883.2px) * var(--kn)),calc((calc(min(95svh, 1026px) * var(--kn)) - calc(287px * var(--kn))) / .634))}
 .sda-sc-allegro .sda-hk-o{width:min(calc(640 * var(--u) * var(--kn)),calc(min(46vw, 883.2px) * var(--kn)),calc((calc(min(95vh, 1026px) * var(--kn)) - calc(242px * var(--kn))) / .8));width:min(calc(640 * var(--u) * var(--kn)),calc(min(46vw, 883.2px) * var(--kn)),calc((calc(min(95svh, 1026px) * var(--kn)) - calc(242px * var(--kn))) / .8))}
 .sda-yt-pod{margin:clamp(calc(14px * var(--kn)),calc(min(2.8vh, 30.24px) * var(--kn)),calc(32px * var(--kn))) 0 calc(12px * var(--kn))}
}
/* sekcje: odstępy od wysokości okna, żeby każda zmieściła się na jednym ekranie */
.sda-typ-pany{display:grid}
.sda-typ-p{display:grid;grid-area:1/1;visibility:hidden}
@media (min-width:901px){
 .sda-pp{--pp:clamp(calc(40px * var(--kn)),calc(min(7vh, 75.6px) * var(--kn)),calc(72px * var(--kn)))}
 .sda-pp-l{margin-top:var(--pp)}
 .sda-pp-l::before{top:calc(var(--pp) / -2)}
 .sda-pp-l::after{top:calc(-1 * var(--pp));height:calc(var(--pp) / 2)}
 .sda-pp-k{top:calc(var(--pp) / -2);height:calc(var(--pp) / 2)}
 .sda-pp-l li{padding:clamp(calc(18px * var(--kn)),calc(min(3vh, 32.4px) * var(--kn)),calc(28px * var(--kn)))}
 .sda-fm{gap:clamp(calc(18px * var(--kn)),calc(min(3.2vh, 34.56px) * var(--kn)),calc(40px * var(--kn))) calc(24px * var(--kn))}
 .sda-fm-o{height:clamp(84px,min(15vh, 162px),150px);margin-bottom:clamp(calc(10px * var(--kn)),calc(min(1.8vh, 19.44px) * var(--kn)),calc(20px * var(--kn)))}
 .sda-fm-s{width:100%;height:100%}
 .sda-fm h3{margin-bottom:calc(6px * var(--kn))}
}
/* zakres Allegro: kafel formatu poziomo (rysunek obok tekstu) od 1101 px; węższe ekrany: kafel jak w wersji 20 */
@media (min-width:1101px){
 .sda-za{margin-bottom:clamp(calc(14px * var(--kn)),calc(min(2.6vh, 28.08px) * var(--kn)),calc(40px * var(--kn)))}
 .sda-za-d{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:center;padding:0}
 .sda-za-o{align-self:stretch;display:flex}
 .sda-za-s{margin:0;height:100%}
 .sda-za-t{padding:clamp(calc(16px * var(--kn)),calc(min(2.6vh, 28.08px) * var(--kn)),calc(28px * var(--kn))) calc(28px * var(--kn))}
 .sda-za-d h3,.sda-za-d p{margin-left:0;margin-right:0}
}
/* YouTube: kadry „jednego nagrania” z obwódką (jasne niebo kadru na jasnym tle sekcji) */
.sda-wr-k,.sda-wr-f{box-shadow:0 0 0 1px #CCCDD3}
/* typy kampanii na telefonie: wybrany typ (pigułka) z obwódką w niebieskim marki zamiast paska z lewej */
@media (max-width:900px){.sda-typy:has(#sda-t0:checked) .sda-typ-l[data-t="0"]{box-shadow:inset 0 0 0 1px var(--n);border-color:var(--n)}.sda-typy:has(#sda-t1:checked) .sda-typ-l[data-t="1"]{box-shadow:inset 0 0 0 1px var(--n);border-color:var(--n)}.sda-typy:has(#sda-t2:checked) .sda-typ-l[data-t="2"]{box-shadow:inset 0 0 0 1px var(--n);border-color:var(--n)}.sda-typy:has(#sda-t3:checked) .sda-typ-l[data-t="3"]{box-shadow:inset 0 0 0 1px var(--n);border-color:var(--n)}.sda-typy:has(#sda-t4:checked) .sda-typ-l[data-t="4"]{box-shadow:inset 0 0 0 1px var(--n);border-color:var(--n)}.sda-typy:has(#sda-t5:checked) .sda-typ-l[data-t="5"]{box-shadow:inset 0 0 0 1px var(--n);border-color:var(--n)}}
@media (min-width:1101px){
 .sda-rw{min-height:clamp(100px,min(15vh, 162px),180px);padding:clamp(calc(16px * var(--kn)),calc(min(2.4vh, 25.92px) * var(--kn)),calc(28px * var(--kn))) calc(28px * var(--kn))}
 .sda-obl-pod{margin:clamp(calc(20px * var(--kn)),calc(min(3.6vh, 38.88px) * var(--kn)),calc(64px * var(--kn))) 0 clamp(calc(10px * var(--kn)),calc(min(1.6vh, 17.28px) * var(--kn)),calc(20px * var(--kn)))}
 .sda-obl li{padding-top:clamp(calc(12px * var(--kn)),calc(min(1.8vh, 19.44px) * var(--kn)),calc(18px * var(--kn)))}
 .sda-obl-n{margin-bottom:calc(6px * var(--kn))}
 .sda-typ-l{padding:clamp(calc(8px * var(--kn)),calc(min(1.4vh, 15.12px) * var(--kn)),calc(14px * var(--kn))) calc(18px * var(--kn))}
 .sda-typ-p{grid-template-columns:minmax(0,calc(520 * var(--u) * var(--kn))) minmax(calc(220 * var(--u) * var(--kn)),1fr)}
 .sda-hasla{padding:clamp(calc(16px * var(--kn)),calc(min(2.6vh, 28.08px) * var(--kn)),calc(24px * var(--kn))) calc(28px * var(--kn))}
 .sda-hasla td{padding:clamp(calc(8px * var(--kn)),calc(min(1.4vh, 15.12px) * var(--kn)),calc(14px * var(--kn))) 0}
 .sda-kto-f li{padding:clamp(calc(12px * var(--kn)),calc(min(2.2vh, 23.76px) * var(--kn)),calc(24px * var(--kn))) 0}
 .sda-hm{padding:clamp(calc(16px * var(--kn)),calc(min(2.6vh, 28.08px) * var(--kn)),calc(28px * var(--kn)))}
 .sda-hm-pory,.sda-hm-d{grid-template-rows:calc(24px * var(--kn)) repeat(3,clamp(calc(34px * var(--kn)),calc(min(5.6vh, 60.48px) * var(--kn)),calc(56px * var(--kn))))}
 .sda-l2 li{padding:clamp(calc(14px * var(--kn)),calc(min(2.4vh, 25.92px) * var(--kn)),calc(28px * var(--kn))) 0}
 .sda-za-m li{padding:clamp(calc(14px * var(--kn)),calc(min(2.4vh, 25.92px) * var(--kn)),calc(28px * var(--kn))) 0}
 .sda-st-l li{padding:clamp(calc(12px * var(--kn)),calc(min(2.2vh, 23.76px) * var(--kn)),calc(22px * var(--kn))) 0}
}

/*@@KONIEC st_ads_a@@*/

/*@@MODUL st_ads_b@@*/

/* ---- ST_ADS_B (30.09): kanały Amazon, Meta, TikTok, LinkedIn, Programmatic ---- */
.sdb-hero{position:relative;background:var(--p);overflow:hidden}
.sdb-ciem{background:var(--g);color:#fff}
.sdb-hero-w{display:flex;flex-direction:column;min-height:min(100vh, 1080px);min-height:min(100svh, 1080px);box-sizing:border-box;padding-top:calc(84px * var(--kn));padding-bottom:calc(48px * var(--kn))}
.sdb-hero-in{flex:1;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:calc(56px * var(--kn));align-items:center;padding-top:calc(40px * var(--kn))}
.sdb-hero .etyk{margin:0 0 calc(14px * var(--kn))}.sdb-ciem .etyk{color:#fff}
.sdb-h1{font-size:calc(56px * var(--ts) * var(--kn));line-height:calc(64px * var(--ts) * var(--kn));margin:0 0 calc(24px * var(--kn));max-width:calc(640 * var(--u) * var(--kn))}.sdb-h1 em{display:block;color:var(--n)}
.sdb-ciem .sdb-h1 em{color:var(--n)}
.sdb-lead{font-size:calc(18px * var(--kn));line-height:calc(28px * var(--ts) * var(--kn));margin:0;max-width:calc(560 * var(--u) * var(--kn))}
.sdb-przyc{display:flex;flex-wrap:wrap;margin:0}.sdb-przyc .btn{margin:calc(32px * var(--kn)) calc(12px * var(--kn)) 0 0}
.sdb-ciem .btn-drugi{color:#fff;box-shadow:inset 0 0 0 1px #fff}
.sdb-kto{display:flex;align-items:center;gap:calc(12px * var(--kn));margin:calc(40px * var(--kn)) 0 0;font-size:calc(14px * var(--kn));line-height:calc(19px * var(--kn));color:var(--s)}
.sdb-kto img{width:calc(48px * var(--kn));height:calc(48px * var(--kn));border-radius:50%;object-fit:cover;flex:none;box-shadow:0 0 0 calc(2px * var(--kn)) #fff}
.sdb-kto b{display:block;font-weight:500;font-size:calc(16px * var(--kn));line-height:calc(21px * var(--kn));color:var(--g)}
.sdb-ciem .sdb-kto{color:#808291}.sdb-ciem .sdb-kto b{color:#fff}.sdb-ciem .sdb-kto img{box-shadow:0 0 0 calc(2px * var(--kn)) var(--n)}
.sdb-hero-s{position:relative;min-width:0}
/* przełącznik kanałów (podpis rodziny, wygląd jak st_ads_a) */
.sdb-kan{display:flex;align-items:center;gap:calc(20px * var(--kn));padding:calc(14px * var(--kn)) 0;border-bottom:1px solid rgba(0,6,35,.12);font-size:calc(14px * var(--kn));line-height:calc(20px * var(--kn))}
.sdb-kan-hub{color:var(--g);font-weight:500;text-decoration:none;white-space:nowrap;padding-right:calc(20px * var(--kn));border-right:1px solid var(--l)}
.sdb-kan-hub:hover{color:var(--nt)}
.sdb-kan-d{display:flex;flex-wrap:wrap;gap:calc(6px * var(--kn));margin:0;padding:0;list-style:none}
.sdb-kan-d a,.sdb-kan-akt{display:block;padding:calc(5px * var(--kn)) calc(12px * var(--kn));border-radius:calc(20px * var(--kn));text-decoration:none;color:var(--g);white-space:nowrap}
.sdb-kan-d a:hover{background:rgba(87,104,255,.12)}
.sdb-kan-akt{background:var(--g);color:#fff}
.sdb-kan-t{display:none}
.sdb-ciem .sdb-kan{border-color:rgba(255,255,255,.16)}.sdb-ciem .sdb-kan-hub,.sdb-ciem .sdb-kan-d a{color:#fff}
.sdb-ciem .sdb-kan-hub{border-color:rgba(255,255,255,.3)}.sdb-ciem .sdb-kan-akt{background:#fff;color:var(--g)}
.sdb-ciem .sdb-kan-d a:hover{background:rgba(255,255,255,.12)}
/* tag na scenie */
.sdb-tag{position:absolute;z-index:3;display:inline-flex;align-items:center;gap:calc(6px * var(--kn));background:var(--g);color:#fff;font-size:calc(13px * var(--kn));line-height:calc(16px * var(--kn));
 padding:calc(6px * var(--kn)) calc(10px * var(--kn));border-radius:calc(3px * var(--kn));white-space:nowrap;pointer-events:none}
.sdb-tag::before{content:"";width:calc(6px * var(--kn));height:calc(6px * var(--kn));border-radius:50%;background:var(--n)}
/* sekcje */
.sdb-sek{padding:calc(110px * var(--kn)) 0}.sdb-b{background:#fff}.sdb-p{background:var(--p)}.sdb-j{background:#F0F1FF}.sdb-g{background:var(--g);color:#fff}
.sdb-g .etyk{color:#fff}.sdb-g em{color:var(--n)}
.sdb-sek h2{font-size:calc(40px * var(--ts) * var(--kn));line-height:calc(48px * var(--ts) * var(--kn));margin:0;max-width:calc(880 * var(--u) * var(--kn))}
.sdb-nag{margin-bottom:calc(56px * var(--kn))}.sdb-nag .etyk{margin:0 0 calc(12px * var(--kn))}
.sdb-l{font-size:calc(18px * var(--kn));line-height:calc(28px * var(--ts) * var(--kn));margin:calc(20px * var(--kn)) 0 0;max-width:calc(720 * var(--u) * var(--kn))}.sdb-g .sdb-l{color:#fff}
.sdb-pk{list-style:none;margin:0;padding:0}
.sdb-pk li{position:relative;padding:calc(14px * var(--kn)) 0 calc(14px * var(--kn)) calc(32px * var(--kn));border-top:1px solid var(--l)}.sdb-pk li:last-child{border-bottom:1px solid var(--l)}
.sdb-pk li::before{content:"";position:absolute;left:0;top:calc(21px * var(--kn));width:calc(12px * var(--kn));height:calc(12px * var(--kn));border-radius:50%;border:calc(2px * var(--kn)) solid var(--n)}
.sdb-dalej{display:inline-flex;align-items:center;gap:calc(8px * var(--kn));margin-top:calc(24px * var(--kn));color:var(--nt);font-weight:500;text-decoration:none}
.sdb-dalej::after{content:none;transition:transform .2s}.sdb-dalej:hover::after{transform:translateX(calc(4px * var(--kn)))}
/* kiedy kanał ma sens */
.sdb-kd{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:calc(72px * var(--kn));align-items:start}
.sdb-kd-t p{font-size:calc(20px * var(--kn));line-height:calc(30px * var(--ts) * var(--kn));margin:0 0 calc(20px * var(--kn))}
.sdb-kd-l{background:var(--g);color:#fff;padding:calc(36px * var(--kn)) calc(36px * var(--kn)) calc(20px * var(--kn));border-radius:calc(5px * var(--kn))}
.sdb-kd-e{font-size:calc(14px * var(--kn));line-height:calc(18px * var(--kn));letter-spacing:.04em;text-transform:uppercase;color:#808291;margin:0 0 calc(12px * var(--kn))}
.sdb-kd-l ul{list-style:none;margin:0;padding:0}
.sdb-kd-l li{display:flex;gap:calc(18px * var(--kn));align-items:baseline;padding:calc(16px * var(--kn)) 0;border-top:1px solid rgba(255,255,255,.16);font-size:calc(18px * var(--kn));line-height:calc(26px * var(--kn))}
.sdb-kd-l li span{flex:none;font-size:calc(14px * var(--kn));color:var(--n);font-weight:500}
/* obszary: układy */
.sdb-ob-l{list-style:none;margin:0;padding:0}
.sdb-ob-e a{position:relative;display:flex;flex-direction:column;text-decoration:none;color:inherit;height:100%}
.sdb-ob-nr{font-size:calc(14px * var(--kn));line-height:calc(18px * var(--kn));font-weight:500;color:var(--nt)}
.sdb-ob-ik{width:calc(40px * var(--kn));height:calc(40px * var(--kn));margin:calc(16px * var(--kn)) 0 calc(20px * var(--kn))}
.sdb-ob-e b{font-weight:500;font-size:calc(24px * var(--kn));line-height:calc(30px * var(--ts) * var(--kn));margin-bottom:calc(10px * var(--kn))}
.sdb-ob-t{font-size:calc(16px * var(--kn));line-height:calc(24px * var(--kn));color:#666A7B}
.sdb-ob-s{margin-top:auto;padding-top:calc(18px * var(--kn));font-size:calc(20px * var(--kn));color:var(--nt);transition:transform .2s}
.sdb-ob-e a:hover .sdb-ob-s{transform:translateX(calc(6px * var(--kn)))}.sdb-ob-e a:hover b{color:var(--nt)}
.sdb-g .sdb-ob-t{color:#fff}.sdb-g .sdb-ob-nr,.sdb-g .sdb-ob-s{color:var(--n)}.sdb-g .sdb-ob-e a:hover b{color:var(--n)}
.sdb-g .sdb-ob-ik{filter:brightness(0) invert(1)}
.sdb-ob-kolo .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:calc(72px * var(--kn));align-items:center}
.sdb-ob-kolo .sdb-nag{grid-column:1/-1}
.sdb-kl svg{display:block;width:100%;max-width:calc(480 * var(--u) * var(--kn));margin:0 auto}
.sdb-ob-kolo .sdb-ob-l{display:grid;gap:0}
.sdb-ob-kolo .sdb-ob-e{border-top:1px solid rgba(255,255,255,.18)}.sdb-ob-kolo .sdb-ob-e:last-child{border-bottom:1px solid rgba(255,255,255,.18)}
.sdb-ob-kolo .sdb-ob-e a{display:grid;grid-template-columns:calc(48px * var(--kn)) minmax(0,1fr) calc(24px * var(--kn));column-gap:calc(16px * var(--kn));padding:calc(24px * var(--kn)) 0}
.sdb-ob-kolo .sdb-ob-nr{grid-row:1/3;font-size:calc(20px * var(--kn));line-height:calc(30px * var(--ts) * var(--kn))}.sdb-ob-kolo .sdb-ob-ik{display:none}
.sdb-ob-kolo .sdb-ob-e b{grid-column:2;margin-bottom:calc(6px * var(--kn))}.sdb-ob-kolo .sdb-ob-t{grid-column:2}
.sdb-ob-kolo .sdb-ob-s{grid-column:3;grid-row:1;padding:0;margin:0}
/* mapa kanałów */
.sdb-mk{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:calc(64px * var(--kn));align-items:start}
.sdb-mk .sdb-nag{margin:0}
.sdb-mk-l{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(12px * var(--kn))}
.sdb-mk-l a,.sdb-mk-l li>span{position:relative;display:flex;flex-direction:column;min-height:calc(112px * var(--kn));padding:calc(18px * var(--kn)) calc(20px * var(--kn));background:#fff;
 border-radius:calc(5px * var(--kn));text-decoration:none;color:var(--g);transition:background .2s,color .2s}
.sdb-mk-l small{font-size:calc(13px * var(--kn));line-height:calc(17px * var(--kn));color:#666A7B}.sdb-mk-l b{font-weight:500;font-size:calc(20px * var(--kn));line-height:calc(26px * var(--kn));margin-top:auto}
.sdb-mk-l i{position:absolute;right:calc(18px * var(--kn));top:calc(16px * var(--kn));font-style:normal;color:var(--nt);transition:transform .2s}
.sdb-mk-l a:hover{background:var(--g);color:#fff}.sdb-mk-l a:hover small{color:#808291}.sdb-mk-l a:hover i{color:#fff;transform:translateX(calc(4px * var(--kn)))}
.sdb-mk-akt>span{background:var(--g)!important;color:#fff!important}.sdb-mk-akt small{color:#808291!important}
.sdb-mk-akt em{position:absolute;right:calc(16px * var(--kn));top:calc(14px * var(--kn));font-size:calc(12px * var(--kn));line-height:calc(16px * var(--kn));color:#fff;background:var(--n);padding:calc(3px * var(--kn)) calc(8px * var(--kn));border-radius:calc(10px * var(--kn))}
.sdb-p .sdb-mk-l a,.sdb-b .sdb-mk-l a{background:#F0F1FF}
/* konsultacja */
.sdb-kons{background:var(--g);color:#fff;padding:calc(110px * var(--kn)) 0}
.sdb-kons-in{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:calc(72px * var(--kn));align-items:start}
.sdb-kons .etyk{color:#fff;margin:0 0 calc(12px * var(--kn))}.sdb-kons h2{font-size:calc(40px * var(--ts) * var(--kn));line-height:calc(48px * var(--ts) * var(--kn));margin:0}.sdb-kons .sdb-l{color:#fff}
.sdb-kons-k{list-style:none;margin:calc(36px * var(--kn)) 0 0;padding:0;counter-reset:k}
.sdb-kons-k li{display:flex;gap:calc(16px * var(--kn));align-items:center;padding:calc(12px * var(--kn)) 0;border-top:1px solid rgba(255,255,255,.16);font-size:calc(16px * var(--kn));line-height:calc(22px * var(--kn))}
.sdb-kons-k span{flex:none;width:calc(32px * var(--kn));height:calc(32px * var(--kn));border-radius:50%;border:1px solid var(--n);display:flex;align-items:center;justify-content:center;font-size:calc(14px * var(--kn))}
.sdb-kons-kto{display:flex;align-items:center;gap:calc(16px * var(--kn));margin:calc(36px * var(--kn)) 0 0;font-size:calc(15px * var(--kn));line-height:calc(22px * var(--kn))}
.sdb-tw{display:flex;flex:none}.sdb-tw img{width:calc(52px * var(--kn));height:calc(52px * var(--kn));border-radius:50%;object-fit:cover;box-shadow:0 0 0 calc(3px * var(--kn)) var(--g)}
.sdb-tw img+img{margin-left:calc(-12px * var(--kn))}
.sdb-kons-f{background:#fff;color:var(--g);padding:calc(40px * var(--kn));border-radius:calc(5px * var(--kn))}
.sdb-kons-f .form{margin:0}
/* Amazon: hero */
.sdb-h-amazon{background:#F0F1FF}
.sdb-am{position:relative;max-width:calc(640 * var(--u) * var(--kn));margin-left:auto}
.sdb-am-s{display:block;width:100%;height:auto;overflow:visible}
.sdb-am-p{transition:transform .3s}.sdb-am-sp{filter:drop-shadow(0 calc(10px * var(--kn)) calc(14px * var(--kn)) rgba(0,6,35,.22))}
.sdb-am-s .sdb-am-p:hover{transform:translateY(calc(-6px * var(--kn)))}
.sdb-am-szuk{position:absolute;left:8%;top:0;width:62%;display:flex;align-items:center;gap:calc(10px * var(--kn));background:#fff;border:calc(2px * var(--kn)) solid var(--g);
 border-radius:calc(30px * var(--kn));padding:calc(10px * var(--kn)) calc(18px * var(--kn));font-size:calc(16px * var(--kn));line-height:calc(20px * var(--kn));color:var(--g)}
.sdb-am-szuk svg{width:calc(18px * var(--kn));height:calc(18px * var(--kn));flex:none}
.sdb-am-t1{left:12%;top:14.5%}.sdb-am-t2{left:24%;top:40%}.sdb-am-t3{left:70%;top:66.5%}
/* Amazon: spis formatów */
.sdb-sp{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:calc(64px * var(--kn))}
.sdb-sp li{display:grid;grid-template-columns:calc(48px * var(--kn)) minmax(0,1fr);column-gap:calc(20px * var(--kn));padding:calc(28px * var(--kn)) 0;border-top:1px solid var(--l)}
.sdb-sp-ik{width:calc(40px * var(--kn));height:calc(40px * var(--kn));grid-row:1/4}
.sdb-sp-nr{font-size:calc(14px * var(--kn));line-height:calc(18px * var(--kn));color:var(--nt);font-weight:500}
.sdb-sp h3{font-size:calc(24px * var(--kn));line-height:calc(30px * var(--ts) * var(--kn));margin:calc(6px * var(--kn)) 0 calc(10px * var(--kn))}.sdb-sp p{margin:0;color:#666A7B}
/* Amazon: karta produktu */
.sdb-kp{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:calc(64px * var(--kn));align-items:center}
.sdb-kp-a{font-size:calc(18px * var(--kn));line-height:calc(28px * var(--ts) * var(--kn));margin:0 0 calc(32px * var(--kn))}
.sdb-kp-e{font-size:calc(14px * var(--kn));line-height:calc(18px * var(--kn));letter-spacing:.04em;text-transform:uppercase;color:#666A7B;margin:0 0 calc(8px * var(--kn))}
.sdb-kp-l{list-style:none;margin:0;padding:0}
.sdb-kp-l li{display:flex;gap:calc(16px * var(--kn));align-items:center;padding:calc(14px * var(--kn)) calc(12px * var(--kn));margin:0 calc(-12px * var(--kn));border-bottom:1px solid var(--l);cursor:default;
 font-size:calc(17px * var(--kn));line-height:calc(24px * var(--kn));transition:background .2s;outline:none}
.sdb-kp-l li:hover,.sdb-kp-l li:focus{background:#F0F1FF}
.sdb-kp-l span{flex:none;width:calc(30px * var(--kn));height:calc(30px * var(--kn));border-radius:50%;background:var(--g);color:#fff;display:flex;align-items:center;justify-content:center;font-size:calc(14px * var(--kn))}
.sdb-kp-w{background:var(--p);padding:calc(32px * var(--kn));border-radius:calc(5px * var(--kn))}
.sdb-kp-r{display:block;width:100%;height:auto}.sdb-kp-s,.sdb-kp-z{transition:opacity .25s}
/* Amazon: trasa rynków */
.sdb-rt{display:grid;gap:calc(56px * var(--kn))}
.sdb-rt-r{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,1fr);gap:calc(40px * var(--kn));align-items:center;background:#fff;padding:calc(32px * var(--kn)) calc(40px * var(--kn));border-radius:calc(5px * var(--kn))}
.sdb-rt-s{list-style:none;margin:0;padding:calc(24px * var(--kn)) 0 calc(8px * var(--kn));display:flex;justify-content:space-between;position:relative}
.sdb-rt-s::before{content:"";position:absolute;left:calc(34px * var(--kn));right:calc(34px * var(--kn));top:calc(58px * var(--kn));border-top:calc(2px * var(--kn)) dashed var(--g)}
.sdb-rt-s li{position:relative;display:flex;flex-direction:column;align-items:center;gap:calc(8px * var(--kn))}
.sdb-rt-s li:nth-child(even){transform:translateY(calc(-18px * var(--kn)))}
.sdb-rt-s b{display:flex;align-items:center;justify-content:center;width:calc(68px * var(--kn));height:calc(68px * var(--kn));border-radius:50%;background:#fff;border:calc(2px * var(--kn)) dashed var(--n);
 font-weight:500;font-size:calc(20px * var(--kn))}
.sdb-rt-st b{background:var(--n);border:calc(2px * var(--kn)) solid var(--n);color:#fff}
.sdb-rt-s span{font-size:calc(14px * var(--kn));line-height:calc(18px * var(--kn));color:#666A7B;background:#fff;padding:0 calc(4px * var(--kn))}
.sdb-rt-p{margin:0;font-size:calc(16px * var(--kn));line-height:calc(24px * var(--kn));color:#666A7B}.sdb-rt-p b{display:block;font-weight:500;font-size:calc(20px * var(--kn));line-height:calc(26px * var(--kn));color:var(--g);margin-bottom:calc(6px * var(--kn))}
.sdb-rt-g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:calc(64px * var(--kn))}.sdb-rt-g p{font-size:calc(18px * var(--kn));line-height:calc(28px * var(--ts) * var(--kn));margin:0 0 calc(16px * var(--kn))}
/* kiedy: wariant kafle */
.sdb-kd-kafle .sdb-kd-l{background:none;color:var(--g);padding:0}
.sdb-kd-kafle .sdb-kd-e{color:#666A7B}
.sdb-kd-kafle .sdb-kd-l ul{display:grid;grid-template-columns:1fr 1fr;gap:calc(12px * var(--kn))}
.sdb-kd-kafle .sdb-kd-l li{flex-direction:column;gap:calc(28px * var(--kn));border:0;background:#F0F1FF;padding:calc(22px * var(--kn));border-radius:calc(5px * var(--kn));font-size:calc(17px * var(--kn));line-height:calc(24px * var(--kn))}
.sdb-kd-kafle .sdb-kd-l li span{color:var(--nt)}
/* obszary: ścieżka */
.sdb-ob-sciezka .sdb-ob-l{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(20px * var(--kn));position:relative;padding-top:calc(36px * var(--kn))}
.sdb-ob-sciezka .sdb-ob-l::before{content:"";position:absolute;left:0;right:calc(22px * var(--kn));top:calc(8px * var(--kn));border-top:calc(2px * var(--kn)) dashed var(--n)}
.sdb-ob-sciezka .sdb-ob-l::after{content:"";position:absolute;right:calc(10px * var(--kn));top:calc(2px * var(--kn));border:calc(7px * var(--kn)) solid transparent;border-left:calc(12px * var(--kn)) solid var(--n)}
.sdb-ob-sciezka .sdb-ob-e{position:relative}
.sdb-ob-sciezka .sdb-ob-e::before{content:"";position:absolute;left:0;top:calc(-34px * var(--kn));width:calc(14px * var(--kn));height:calc(14px * var(--kn));border-radius:50%;background:var(--g);box-shadow:0 0 0 calc(5px * var(--kn)) #F0F1FF}
.sdb-ob-sciezka .sdb-ob-e a{background:#fff;padding:calc(28px * var(--kn));border-radius:calc(5px * var(--kn))}
/* Meta: hero */
.sdb-mt{position:relative;max-width:calc(640 * var(--u) * var(--kn));margin-left:auto}
.sdb-mt-s{display:block;width:100%;height:auto;overflow:visible}
.sdb-mt-feed{animation:sdb-feed 16s cubic-bezier(.6,0,.3,1) infinite}
@keyframes sdb-feed{0%,19%{transform:translate(0,56px)}25%,44%{transform:translate(0,-124px)}50%,69%{transform:translate(0,-304px)}
 75%,94%{transform:translate(0,-484px)}100%{transform:translate(0,-664px)}}
.sdb-mt-l{position:absolute;font-size:calc(14px * var(--kn));line-height:calc(18px * var(--kn));color:#fff;background:var(--g);padding:calc(2px * var(--kn)) calc(6px * var(--kn))}
.sdb-mt-l1{left:4%;top:50%}.sdb-mt-l2{left:73%;top:14%}.sdb-mt-l3{left:77%;top:86%}
.sdb-mt-l1::before,.sdb-mt-l2::before,.sdb-mt-l3::before{content:"";display:inline-block;width:calc(8px * var(--kn));height:calc(8px * var(--kn));border-radius:50%;margin-right:calc(8px * var(--kn));vertical-align:1px}
.sdb-mt-l1::before{background:var(--n)}.sdb-mt-l2::before{background:#fff}.sdb-mt-l3::before{background:#808291}
.sdb-mt-t{left:68%;top:47%;background:var(--n);animation:sdb-tag 16s linear infinite;opacity:0}
.sdb-mt-t::before{background:#fff}
@keyframes sdb-tag{0%,26%{opacity:0}29%,43%{opacity:1}46%,100%{opacity:0}}
/* Meta: kreacja wybiera ludzi */
.sdb-r{position:absolute;opacity:0;pointer-events:none}
.sdb-kr-g{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:calc(48px * var(--kn));align-items:center}
.sdb-kr-p{font-size:calc(14px * var(--kn));line-height:calc(18px * var(--kn));letter-spacing:.04em;text-transform:uppercase;color:#666A7B;margin:0 0 calc(12px * var(--kn))}
.sdb-kr-e{display:flex;gap:calc(18px * var(--kn));align-items:center;padding:calc(14px * var(--kn)) calc(16px * var(--kn));margin-bottom:calc(10px * var(--kn));border-radius:calc(5px * var(--kn));background:var(--p);
 box-shadow:inset 0 0 0 1px var(--l);cursor:pointer;transition:background .2s,box-shadow .2s}
.sdb-kr-e:hover{box-shadow:inset 0 0 0 1px var(--g)}
.sdb-kr-e b{display:block;font-weight:500;font-size:calc(17px * var(--kn));line-height:calc(23px * var(--kn));margin-bottom:calc(2px * var(--kn))}.sdb-kr-e span{font-size:calc(15px * var(--kn));line-height:calc(21px * var(--kn));color:#666A7B}
.sdb-kr-e span b{color:var(--g)}
.sdb-kr-m{width:calc(48px * var(--kn));height:calc(64px * var(--kn));flex:none}
.sdb-kr-f{margin:0;background:#fff;border-radius:calc(5px * var(--kn));padding:calc(32px * var(--kn)) calc(32px * var(--kn)) calc(24px * var(--kn))}
.sdb-kr-t{display:block;width:100%;height:auto}
.sdb-kr-o{opacity:.18;transition:opacity .35s}
.sdb-kr-f figcaption{margin-top:calc(16px * var(--kn));font-size:calc(15px * var(--kn));line-height:calc(22px * var(--kn));color:#666A7B;text-align:center}
.sdb-kr-d{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:calc(64px * var(--kn));margin-top:calc(64px * var(--kn))}.sdb-kr-d p{font-size:calc(17px * var(--kn));line-height:calc(27px * var(--kn));margin:0 0 calc(16px * var(--kn))}
/* Meta: formaty */
.sdb-mf{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(40px * var(--kn)) calc(24px * var(--kn))}
.sdb-mm{display:block;width:100%;height:auto;margin-bottom:calc(24px * var(--kn));border-radius:calc(5px * var(--kn))}
.sdb-mf-k h3{font-size:calc(22px * var(--kn));line-height:calc(28px * var(--ts) * var(--kn));margin:0 0 calc(10px * var(--kn))}.sdb-mf-k p{margin:0;color:#666A7B}
/* obszary: kolumny */
.sdb-ob-kolumny .sdb-ob-l{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(48px * var(--kn))}
.sdb-ob-kolumny .sdb-ob-e a{border-top:calc(2px * var(--kn)) solid var(--g);padding-top:calc(24px * var(--kn))}
.sdb-ob-kolumny .sdb-ob-ik{width:calc(56px * var(--kn));height:calc(56px * var(--kn))}
/* TikTok: hero na niebieskim */
.sdb-h-tiktok{background:var(--n)}
.sdb-h-tiktok .sdb-h1 em{color:var(--g)}
.sdb-h-tiktok .sdb-kto{color:#fff}.sdb-h-tiktok .sdb-kto img{box-shadow:0 0 0 calc(2px * var(--kn)) #fff}
.sdb-h-tiktok .sdb-przyc .btn:not(.btn-drugi){background:var(--g)}
.sdb-h-tiktok .sdb-kan{border-color:rgba(255,255,255,.35)}.sdb-h-tiktok .sdb-kan-hub{border-color:rgba(255,255,255,.5)}
.sdb-h-tiktok .sdb-kan-akt{color:var(--g)}
.sdb-tt{position:relative;display:flex;flex-direction:column;align-items:center;max-width:calc(560 * var(--u) * var(--kn));margin-left:auto}
.sdb-tt-p{display:inline-flex;background:#fff;border-radius:calc(24px * var(--kn));padding:calc(4px * var(--kn));margin-bottom:calc(20px * var(--kn));position:relative;z-index:2}
.sdb-tt-p label{padding:calc(9px * var(--kn)) calc(20px * var(--kn));border-radius:calc(20px * var(--kn));cursor:pointer;font-size:calc(15px * var(--kn));line-height:calc(18px * var(--kn));color:var(--g);transition:background .2s,color .2s}
.sdb-tt:has(#sdb-tt-ogl:checked) label[for=sdb-tt-ogl],.sdb-tt:has(#sdb-tt-szu:checked) label[for=sdb-tt-szu]{background:var(--g);color:#fff}
.sdb-tt-tel{position:relative;width:min(calc(300px * var(--kn)),calc(min(72vw, 1382.4px) * var(--kn)));aspect-ratio:300/600;border:calc(10px * var(--kn)) solid var(--g);border-radius:calc(40px * var(--kn));overflow:hidden;background:var(--g);
 box-shadow:0 calc(30px * var(--kn)) calc(60px * var(--kn)) rgba(0,6,35,.35)}
.sdb-tt-e{position:absolute;inset:0;transition:opacity .35s}.sdb-tt-e1{background:var(--g)}.sdb-tt-e2{background:#fff;opacity:0}
.sdb-tt:has(#sdb-tt-szu:checked) .sdb-tt-e1{opacity:0}.sdb-tt:has(#sdb-tt-szu:checked) .sdb-tt-e2{opacity:1}
.sdb-tt-sv{display:block;width:100%;height:100%}
.sdb-tt-post{animation:sdb-post 3.5s ease-in-out infinite alternate}
@keyframes sdb-post{from{width:10px}to{width:62px}}
.sdb-tt-dc{position:absolute;left:0;right:0;top:6%;text-align:center;color:#fff;font-size:calc(14px * var(--kn));line-height:calc(18px * var(--kn));font-weight:500}
.sdb-tt-t1{left:6%;bottom:7%}
.sdb-tt-q{position:absolute;left:5%;right:5%;top:6%;display:flex;align-items:center;gap:calc(8px * var(--kn));padding:calc(8px * var(--kn)) calc(12px * var(--kn));border-radius:calc(20px * var(--kn));
 background:#F0F1FF;color:var(--g);font-size:calc(13px * var(--kn));line-height:calc(16px * var(--kn))}
.sdb-tt-q svg{width:calc(14px * var(--kn));height:calc(14px * var(--kn));flex:none}
.sdb-tt-t2{left:7%;top:15.5%;background:var(--n)}.sdb-tt-t2::before{background:#fff}
.sdb-tt-b{position:absolute;background:#fff;color:var(--g);font-size:calc(15px * var(--kn));line-height:calc(18px * var(--kn));padding:calc(9px * var(--kn)) calc(14px * var(--kn));border-radius:calc(18px * var(--kn)) calc(18px * var(--kn)) calc(18px * var(--kn)) calc(4px * var(--kn));
 box-shadow:0 calc(10px * var(--kn)) calc(24px * var(--kn)) rgba(0,6,35,.18)}
.sdb-tt-b1{left:0;top:26%;transform:rotate(-4deg)}.sdb-tt-b2{right:0;top:44%;transform:rotate(3deg);border-radius:calc(18px * var(--kn)) calc(18px * var(--kn)) calc(4px * var(--kn)) calc(18px * var(--kn))}
.sdb-tt-b3{left:2%;top:66%;transform:rotate(2deg)}
/* TikTok: formaty jako pionowe ekrany */
.sdb-tf{list-style:none;margin:0 calc(-40px * var(--kn));padding:0 calc(40px * var(--kn)) calc(16px * var(--kn));display:flex;gap:calc(16px * var(--kn));overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:calc(40px * var(--kn));outline:none;scrollbar-width:thin;scrollbar-color:var(--n) rgba(255,255,255,.12)}
.sdb-tf-k{flex:0 0 calc(272px * var(--kn));scroll-snap-align:start}
.sdb-tf-k{background:#fff;color:var(--g);border-radius:calc(18px * var(--kn));padding:calc(12px * var(--kn)) calc(12px * var(--kn)) calc(22px * var(--kn));display:flex;flex-direction:column}
.sdb-tf-r{background:#F0F1FF;border-radius:calc(10px * var(--kn));aspect-ratio:120/150;margin-bottom:calc(18px * var(--kn));overflow:hidden}
.sdb-tf-m{display:block;width:100%;height:100%}
.sdb-tf-k h3{font-size:calc(19px * var(--kn));line-height:calc(24px * var(--kn));margin:0 calc(6px * var(--kn)) calc(8px * var(--kn))}.sdb-tf-k p{margin:0 calc(6px * var(--kn));font-size:calc(15px * var(--kn));line-height:calc(22px * var(--kn));color:#666A7B}
/* TikTok: wersje kreacji */
.sdb-wr-r{background:var(--p);border-radius:calc(5px * var(--kn));padding:calc(32px * var(--kn)) calc(40px * var(--kn)) calc(28px * var(--kn))}
.sdb-wr-s{display:block;width:100%;max-width:calc(900 * var(--u) * var(--kn));height:auto;margin:0 auto}
.sdb-wr-p{list-style:none;margin:calc(20px * var(--kn)) auto 0;padding:0;display:grid;grid-template-columns:3fr 1fr 2fr;max-width:calc(900 * var(--u) * var(--kn));gap:calc(16px * var(--kn));font-size:calc(15px * var(--kn));line-height:calc(20px * var(--kn));color:#666A7B}
.sdb-wr-p li{border-top:calc(2px * var(--kn)) solid var(--l);padding-top:calc(10px * var(--kn))}.sdb-wr-p li:nth-child(2){border-color:var(--n);color:var(--g)}
.sdb-wr-p li:nth-child(3){border-top-style:dashed;border-color:var(--n)}
.sdb-wr-g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:calc(64px * var(--kn));margin-top:calc(56px * var(--kn))}.sdb-wr-g p{font-size:calc(17px * var(--kn));line-height:calc(27px * var(--kn));margin:0 0 calc(16px * var(--kn))}
/* obszary: wiersze */
.sdb-ob-wiersze .wrap{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:calc(72px * var(--kn));align-items:start}
.sdb-ob-wiersze .sdb-nag{margin:0;position:sticky;top:calc(120px * var(--kn))}
.sdb-ob-wiersze .sdb-ob-e{border-top:1px solid var(--l)}.sdb-ob-wiersze .sdb-ob-e:last-child{border-bottom:1px solid var(--l)}
.sdb-ob-wiersze .sdb-ob-e a{display:grid;grid-template-columns:calc(64px * var(--kn)) minmax(0,1fr) calc(32px * var(--kn));column-gap:calc(20px * var(--kn));padding:calc(32px * var(--kn)) 0}
.sdb-ob-wiersze .sdb-ob-nr{display:none}.sdb-ob-wiersze .sdb-ob-ik{grid-row:1/3;width:calc(56px * var(--kn));height:calc(56px * var(--kn));margin:0}
.sdb-ob-wiersze .sdb-ob-e b{grid-column:2;margin-bottom:calc(8px * var(--kn))}.sdb-ob-wiersze .sdb-ob-t{grid-column:2}
.sdb-ob-wiersze .sdb-ob-s{grid-column:3;grid-row:1;padding:0;margin:0}
/* LinkedIn: hero */
.sdb-h-linkedin{background:#fff}
.sdb-li{max-width:calc(680 * var(--u) * var(--kn));margin-left:auto}
.sdb-li-k{background:#F0F1FF;border-radius:calc(5px * var(--kn));padding:calc(28px * var(--kn)) calc(28px * var(--kn)) calc(20px * var(--kn))}
.sdb-li-n{font-size:calc(14px * var(--kn));line-height:calc(18px * var(--kn));letter-spacing:.04em;text-transform:uppercase;color:#666A7B;margin:0 0 calc(12px * var(--kn))}
.sdb-li-cc{display:flex;flex-wrap:wrap;gap:calc(8px * var(--kn));margin-bottom:calc(24px * var(--kn))}
.sdb-li-c{display:inline-flex;align-items:center;gap:calc(8px * var(--kn));padding:calc(8px * var(--kn)) calc(14px * var(--kn));border:1px solid var(--l);background:#fff;border-radius:calc(20px * var(--kn));
 font-size:calc(15px * var(--kn));line-height:calc(18px * var(--kn));cursor:pointer;transition:background .2s,color .2s,border-color .2s;user-select:none}
.sdb-li-c:hover{border-color:var(--g)}
.sdb-li-c i{width:calc(14px * var(--kn));height:calc(14px * var(--kn));border-radius:calc(3px * var(--kn));border:calc(1.5px * var(--kn)) solid var(--g);flex:none}
.sdb-li-s{display:block;width:100%;height:auto}
.sdb-li-f,.sdb-li-o{transition:opacity .3s}.sdb-li-o *{transition:fill .3s}
.sdb-li-p{margin:calc(14px * var(--kn)) 0 0;font-size:calc(14px * var(--kn));line-height:calc(20px * var(--kn));color:#666A7B}
/* LinkedIn: decyzja */
.sdb-st{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:calc(72px * var(--kn));align-items:start}
.sdb-st-t p{font-size:calc(20px * var(--kn));line-height:calc(30px * var(--ts) * var(--kn));margin:0 0 calc(20px * var(--kn))}
.sdb-st-w{position:relative;margin-bottom:calc(28px * var(--kn))}
.sdb-st-s{display:block;width:100%;height:auto}
.sdb-st-e{position:absolute;font-size:calc(14px * var(--kn));line-height:calc(18px * var(--kn));background:#fff;color:var(--g);padding:calc(4px * var(--kn)) calc(10px * var(--kn));border-radius:calc(3px * var(--kn));white-space:nowrap}
.sdb-st-e1{left:50%;top:0;transform:translate(22%,0)}.sdb-st-e2{left:0;top:82%}.sdb-st-e3{right:0;top:82%}
.sdb-st-l{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:calc(8px * var(--kn))}
.sdb-st-l li{border:1px solid rgba(255,255,255,.35);padding:calc(8px * var(--kn)) calc(14px * var(--kn));border-radius:calc(20px * var(--kn));font-size:calc(15px * var(--kn));line-height:calc(20px * var(--kn))}
/* zakładki */
.sdb-zk{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:calc(40px * var(--kn));align-items:stretch}
.sdb-zk-l{display:flex;flex-direction:column;gap:calc(6px * var(--kn))}
.sdb-zk-e{display:flex;gap:calc(16px * var(--kn));align-items:center;padding:calc(16px * var(--kn)) calc(20px * var(--kn));border-radius:calc(5px * var(--kn));background:#fff;cursor:pointer;font-size:calc(18px * var(--kn));line-height:calc(24px * var(--kn));
 transition:background .2s,color .2s}
.sdb-zk-e:hover{box-shadow:inset 0 0 0 1px var(--g)}
.sdb-zk-e span{font-size:calc(14px * var(--kn));font-weight:500;color:var(--nt);flex:none}
.sdb-zk-w{background:#fff;border-radius:calc(5px * var(--kn));padding:calc(48px * var(--kn));display:flex;align-items:center}
.sdb-zk-p{display:none}
.sdb-zk-ik{width:calc(88px * var(--kn));height:calc(88px * var(--kn));margin-bottom:calc(32px * var(--kn))}
.sdb-zk-p h3{font-size:calc(32px * var(--ts) * var(--kn));line-height:calc(40px * var(--ts) * var(--kn));margin:0 0 calc(16px * var(--kn))}.sdb-zk-p p{font-size:calc(18px * var(--kn));line-height:calc(28px * var(--ts) * var(--kn));margin:0;color:#666A7B;max-width:calc(520 * var(--u) * var(--kn))}
/* LinkedIn: ścieżka */
.sdb-sz{list-style:none;margin:0 0 calc(64px * var(--kn));padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(20px * var(--kn))}
.sdb-sz li{position:relative;background:#F0F1FF;border-radius:calc(5px * var(--kn));padding:calc(24px * var(--kn)) calc(28px * var(--kn)) calc(28px * var(--kn));display:flex;flex-direction:column}
.sdb-sz li:not(:last-child)::after{content:"";position:absolute;right:calc(-17px * var(--kn));top:50%;width:calc(14px * var(--kn));height:calc(14px * var(--kn));border-top:calc(2px * var(--kn)) solid var(--n);border-right:calc(2px * var(--kn)) solid var(--n);
 transform:translateY(-50%) rotate(45deg);z-index:1}
.sdb-sz-nr{font-size:calc(14px * var(--kn));font-weight:500;color:var(--nt)}
.sdb-sz-r{width:calc(108px * var(--kn));height:calc(100px * var(--kn));margin:calc(12px * var(--kn)) 0 calc(16px * var(--kn))}
.sdb-sz b{font-weight:500;font-size:calc(22px * var(--kn));line-height:calc(28px * var(--ts) * var(--kn))}
.sdb-sz-g{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:calc(72px * var(--kn));align-items:start}
.sdb-sz-g p{font-size:calc(17px * var(--kn));line-height:calc(27px * var(--kn));margin:0 0 calc(16px * var(--kn))}.sdb-sz-g .sdb-pk{margin-top:calc(24px * var(--kn))}
.sdb-lj{background:var(--g);color:#fff;border-radius:calc(5px * var(--kn));padding:calc(32px * var(--kn))}
.sdb-lj .sdb-kd-e{color:#808291}
.sdb-lj ol{list-style:none;margin:0;padding:0;display:grid;gap:calc(8px * var(--kn))}
.sdb-lj li{width:var(--s);margin:0 auto;background:var(--n);border-radius:calc(3px * var(--kn));padding:calc(12px * var(--kn)) 0;text-align:center;font-size:calc(16px * var(--kn));line-height:calc(20px * var(--kn))}
.sdb-lj li:first-child{background:#fff;color:var(--g)}.sdb-lj li:last-child{background:var(--n);color:var(--g)}
.sdb-lj-p{margin:calc(20px * var(--kn)) 0 0;font-size:calc(15px * var(--kn));line-height:calc(22px * var(--kn));color:#fff}
/* obszary: siatka */
.sdb-ob-siatka .sdb-ob-l{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(20px * var(--kn))}
.sdb-ob-siatka .sdb-ob-e a{display:grid;grid-template-columns:calc(56px * var(--kn)) minmax(0,1fr);column-gap:calc(24px * var(--kn));background:var(--p);padding:calc(32px * var(--kn));border-radius:calc(5px * var(--kn));
 border-left:calc(3px * var(--kn)) solid var(--n)}
.sdb-ob-siatka .sdb-ob-nr{display:none}.sdb-ob-siatka .sdb-ob-ik{grid-row:1/4;width:calc(48px * var(--kn));height:calc(48px * var(--kn));margin:0}
.sdb-ob-siatka .sdb-ob-e b{grid-column:2}.sdb-ob-siatka .sdb-ob-t{grid-column:2}.sdb-ob-siatka .sdb-ob-s{grid-column:2}
/* Programmatic: sieć */
.sdb-pr{position:relative;max-width:calc(620 * var(--u) * var(--kn));margin-left:auto}
.sdb-pr-s{display:block;width:100%;height:auto;overflow:visible}
.sdb-pr-w,.sdb-pr-l,.sdb-pr-e{transition:opacity .3s}
.sdb-pr-i{stroke-dasharray:5 95;stroke-dashoffset:100;animation:sdb-puls 3.2s linear infinite}
.sdb-pr-i:nth-of-type(3n){animation-delay:-1.1s}.sdb-pr-i:nth-of-type(3n+1){animation-delay:-2.3s}.sdb-pr-i:nth-of-type(4n){animation-duration:2.6s}
@keyframes sdb-puls{to{stroke-dashoffset:0}}
.sdb-pr-e{position:absolute;font-size:calc(14px * var(--kn));line-height:calc(18px * var(--kn));color:#fff;background:var(--g);padding:calc(2px * var(--kn)) calc(6px * var(--kn));white-space:nowrap}
.sdb-pr-e1{left:0;top:57%}.sdb-pr-e2{left:25%;top:57%}.sdb-pr-e3{left:52%;top:16%;transform:translateX(-50%)}
.sdb-pr-p{right:0}.sdb-pr-p0{top:17.6%}.sdb-pr-p1{top:37.4%}.sdb-pr-p2{top:57.2%}.sdb-pr-p3{top:77%}.sdb-pr-p4{top:96.8%}
.sdb-pr-t{left:33%;top:37%;background:var(--n)}.sdb-pr-t::before{background:#fff}
/* Programmatic: bento formatów */
.sdb-bn{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(20px * var(--kn))}
.sdb-bn-k{background:#fff;border-radius:calc(5px * var(--kn));padding:calc(28px * var(--kn));display:flex;flex-direction:column}
.sdb-bn-0,.sdb-bn-1{grid-column:span 2}
.sdb-bn-r{display:block;height:calc(130px * var(--kn));width:auto;max-width:100%;margin:0 0 calc(24px * var(--kn))}
.sdb-bn-k h3{font-size:calc(22px * var(--kn));line-height:calc(28px * var(--ts) * var(--kn));margin:0 0 calc(10px * var(--kn))}.sdb-bn-k p{margin:0;color:#666A7B}
/* Programmatic: zakup */
.sdb-zp-r{margin:0;width:100%;max-width:none}
.sdb-zp-g{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:calc(64px * var(--kn));align-items:center}
.sdb-zp-l{display:flex;flex-direction:column;gap:calc(10px * var(--kn))}
.sdb-zp-e{display:flex;gap:calc(20px * var(--kn));align-items:flex-start;padding:calc(22px * var(--kn)) calc(24px * var(--kn));border-radius:calc(5px * var(--kn));border:1px solid rgba(255,255,255,.25);cursor:pointer;
 transition:background .2s,color .2s}
.sdb-zp-e:hover{border-color:#fff}
.sdb-zp-ik{width:calc(36px * var(--kn));height:calc(36px * var(--kn));flex:none;filter:brightness(0) invert(1);transition:filter .2s}
.sdb-zp-e b{display:block;font-weight:500;font-size:calc(20px * var(--kn));line-height:calc(26px * var(--kn));margin-bottom:calc(6px * var(--kn))}.sdb-zp-e span{font-size:calc(15px * var(--kn));line-height:calc(22px * var(--kn))}
/* Programmatic: pomiar */
.sdb-pm{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:calc(72px * var(--kn));align-items:start}
.sdb-pm-r{background:#F0F1FF;border-radius:calc(5px * var(--kn));padding:calc(32px * var(--kn))}
.sdb-pm-n{display:grid;grid-template-columns:1fr 1fr;gap:calc(20px * var(--kn));margin-bottom:calc(12px * var(--kn))}
.sdb-pm-n span{font-size:calc(14px * var(--kn));line-height:calc(18px * var(--kn));letter-spacing:.04em;text-transform:uppercase;color:#666A7B;text-align:center}
.sdb-pm-s{display:block;width:100%;height:auto}
.sdb-pm-p{display:flex;gap:calc(12px * var(--kn));align-items:flex-start;margin:calc(20px * var(--kn)) 0 0;font-size:calc(16px * var(--kn));line-height:calc(24px * var(--kn))}
.sdb-pm-p i{flex:none;width:calc(14px * var(--kn));height:calc(14px * var(--kn));border-radius:50%;background:var(--n);margin-top:calc(5px * var(--kn))}
.sdb-pm-t p{font-size:calc(17px * var(--kn));line-height:calc(27px * var(--kn));margin:0 0 calc(16px * var(--kn))}.sdb-pm-t .sdb-pk{margin-top:calc(24px * var(--kn))}
@media (prefers-reduced-motion:reduce){.sdb-hero *,.sdb-sek *{animation:none!important;transition:none!important}}
@media (max-width:1100px){
 .sdb-hero-in{gap:calc(32px * var(--kn))}.sdb-h1{font-size:calc(44px * var(--ts) * var(--kn));line-height:calc(52px * var(--ts) * var(--kn))}
 .sdb-kd,.sdb-kp,.sdb-kons-in,.sdb-mk{grid-template-columns:1fr;gap:calc(40px * var(--kn))}
 .sdb-ob-kolo .wrap{grid-template-columns:1fr}.sdb-kl{margin-bottom:calc(24px * var(--kn))}
 .sdb-kr-g{grid-template-columns:1fr;gap:calc(28px * var(--kn))}.sdb-ob-sciezka .sdb-ob-l{grid-template-columns:1fr 1fr}
 .sdb-ob-sciezka .sdb-ob-l::before,.sdb-ob-sciezka .sdb-ob-l::after,.sdb-ob-sciezka .sdb-ob-e::before{display:none}
 .sdb-ob-sciezka .sdb-ob-l{padding-top:0}.sdb-mf{grid-template-columns:1fr 1fr}
 .sdb-ob-kolumny .sdb-ob-l{gap:calc(28px * var(--kn))}
 .sdb-ob-wiersze .wrap,.sdb-st,.sdb-sz-g{grid-template-columns:1fr;gap:calc(40px * var(--kn))}.sdb-ob-wiersze .sdb-nag{position:static}
 .sdb-zk{grid-template-columns:1fr 1fr;gap:calc(20px * var(--kn))}
 .sdb-zp-g,.sdb-pm{grid-template-columns:1fr;gap:calc(40px * var(--kn))}.sdb-bn{grid-template-columns:1fr 1fr}.sdb-bn-0,.sdb-bn-1{grid-column:auto}}
@media (max-width:900px){
 .sdb-hero-w{min-height:0;padding-top:calc(96px * var(--kn));padding-bottom:calc(48px * var(--kn))}.sdb-hero-in{grid-template-columns:1fr;padding-top:calc(28px * var(--kn));gap:calc(40px * var(--kn))}
 .sdb-h1{font-size:calc(34px * var(--ts) * var(--kn));line-height:calc(40px * var(--ts) * var(--kn))}.sdb-lead{font-size:calc(16px * var(--kn));line-height:calc(24px * var(--kn))}
 .sdb-kan-d,.sdb-kan-hub{display:none}.sdb-kan{padding:calc(10px * var(--kn)) 0}
 .sdb-kan-t{display:block;width:100%}
 .sdb-kan-t summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;padding:calc(8px * var(--kn)) calc(14px * var(--kn));border:1px solid var(--l);border-radius:calc(22px * var(--kn));background:#fff;color:var(--g)}
 .sdb-kan-t summary::-webkit-details-marker{display:none}.sdb-kan-t summary::after{content:"+";font-size:calc(20px * var(--kn))}
 .sdb-kan-t[open] summary::after{content:"–"}.sdb-kan-t b{font-weight:500}
 .sdb-kan-t ul{display:flex;flex-wrap:wrap;gap:calc(6px * var(--kn));margin:calc(10px * var(--kn)) 0 0;padding:0;list-style:none}
 .sdb-kan-t a,.sdb-kan-t .sdb-kan-akt{display:block;padding:calc(6px * var(--kn)) calc(12px * var(--kn));border-radius:calc(18px * var(--kn));border:1px solid var(--l);background:#fff;color:var(--g);text-decoration:none}
 .sdb-kan-t .sdb-kan-akt{background:var(--g);color:#fff;border-color:var(--g)}
 .sdb-sek,.sdb-kons{padding:calc(72px * var(--kn)) 0}.sdb-sek h2,.sdb-kons h2{font-size:calc(28px * var(--ts) * var(--kn));line-height:calc(36px * var(--ts) * var(--kn))}.sdb-nag{margin-bottom:calc(36px * var(--kn))}
 .sdb-l{font-size:calc(16px * var(--kn));line-height:calc(24px * var(--kn))}
 .sdb-kd-t p{font-size:calc(18px * var(--kn));line-height:calc(28px * var(--ts) * var(--kn))}.sdb-kd-l{padding:calc(28px * var(--kn)) calc(24px * var(--kn)) calc(12px * var(--kn))}
 .sdb-sp{grid-template-columns:1fr}.sdb-rt-r{grid-template-columns:1fr;padding:calc(24px * var(--kn)) calc(20px * var(--kn));gap:calc(16px * var(--kn))}.sdb-rt-g{grid-template-columns:1fr;gap:calc(24px * var(--kn))}
 .sdb-mk-l{grid-template-columns:1fr 1fr}.sdb-kons-f{padding:calc(24px * var(--kn)) calc(20px * var(--kn))}
 .sdb-kp-w{padding:calc(16px * var(--kn))}.sdb-rt-s b{width:calc(48px * var(--kn));height:calc(48px * var(--kn));font-size:calc(16px * var(--kn))}.sdb-rt-s::before{top:calc(48px * var(--kn));left:calc(24px * var(--kn));right:calc(24px * var(--kn))}.sdb-rt-s span{font-size:calc(12px * var(--kn));line-height:calc(15px * var(--kn))}.sdb-rt-s li:nth-child(even){transform:translateY(calc(-12px * var(--kn)))}.sdb-am-szuk{font-size:calc(13px * var(--kn));padding:calc(6px * var(--kn)) calc(12px * var(--kn))}
 .sdb-kr-d,.sdb-wr-g{grid-template-columns:1fr;gap:calc(24px * var(--kn));margin-top:calc(40px * var(--kn))}.sdb-ob-kolumny .sdb-ob-l{grid-template-columns:1fr}
 .sdb-tf{margin:0 calc(-20px * var(--kn));padding:0 calc(20px * var(--kn)) calc(12px * var(--kn));scroll-padding-inline:calc(20px * var(--kn))}.sdb-tf-k{flex:0 0 calc(250px * var(--kn))}
 .sdb-zk{grid-template-columns:1fr}.sdb-zk-w{padding:calc(28px * var(--kn)) calc(20px * var(--kn))}.sdb-zk-p h3{font-size:calc(24px * var(--kn));line-height:calc(30px * var(--ts) * var(--kn))}.sdb-zk-ik{width:calc(64px * var(--kn));height:calc(64px * var(--kn));margin-bottom:calc(20px * var(--kn))}.sdb-zk-e{font-size:calc(16px * var(--kn));padding:calc(12px * var(--kn)) calc(16px * var(--kn))}
 .sdb-sz{grid-template-columns:1fr;gap:calc(28px * var(--kn))}.sdb-sz li:not(:last-child)::after{right:50%;top:auto;bottom:calc(-21px * var(--kn));transform:translateX(50%) rotate(135deg)}
 .sdb-li-k{padding:calc(18px * var(--kn)) calc(14px * var(--kn)) calc(14px * var(--kn))}.sdb-li-c{font-size:calc(13px * var(--kn));padding:calc(6px * var(--kn)) calc(10px * var(--kn))}.sdb-st-t p{font-size:calc(18px * var(--kn));line-height:calc(28px * var(--ts) * var(--kn))}
 .sdb-ob-wiersze .sdb-ob-e a{grid-template-columns:calc(44px * var(--kn)) minmax(0,1fr) calc(20px * var(--kn));column-gap:calc(14px * var(--kn))}.sdb-ob-wiersze .sdb-ob-ik{width:calc(40px * var(--kn));height:calc(40px * var(--kn))}
 .sdb-ob-siatka .sdb-ob-l{grid-template-columns:1fr}.sdb-ob-siatka .sdb-ob-e a{padding:calc(24px * var(--kn)) calc(20px * var(--kn));grid-template-columns:calc(40px * var(--kn)) minmax(0,1fr);column-gap:calc(16px * var(--kn))}
 .sdb-ob-siatka .sdb-ob-ik{width:calc(36px * var(--kn));height:calc(36px * var(--kn))}.sdb-pm-r{padding:calc(20px * var(--kn)) calc(16px * var(--kn))}.sdb-pr-e{font-size:calc(12px * var(--kn));line-height:calc(15px * var(--kn));padding:1px calc(4px * var(--kn))}.sdb-pr-e2{left:22%;top:62%}
 .sdb-zp-e{padding:calc(18px * var(--kn)) calc(16px * var(--kn));gap:calc(14px * var(--kn))}
 .sdb-wr-r{padding:calc(20px * var(--kn)) calc(16px * var(--kn))}.sdb-wr-p{grid-template-columns:1fr}.sdb-tt-b{font-size:calc(13px * var(--kn));padding:calc(7px * var(--kn)) calc(11px * var(--kn))}.sdb-kr-f{padding:calc(20px * var(--kn)) calc(16px * var(--kn)) calc(16px * var(--kn))}
 .sdb-mt-l{font-size:calc(12px * var(--kn));line-height:calc(15px * var(--kn))}.sdb-mt-l2{left:auto;right:0;top:4%}.sdb-mt-l3{left:auto;right:0;top:92%}.sdb-mt-t{left:auto;right:0}}
@media (max-width:600px){
 .sdb-tag{font-size:calc(11px * var(--kn));line-height:calc(14px * var(--kn));padding:calc(4px * var(--kn)) calc(7px * var(--kn))}
 .sdb-mk-l{grid-template-columns:1fr}.sdb-mk-l a,.sdb-mk-l li>span{min-height:0}
 .sdb-mk-l b{margin-top:calc(6px * var(--kn))}
 .sdb-bn{grid-template-columns:1fr}
 .sdb-ob-sciezka .sdb-ob-l,.sdb-mf,.sdb-kd-kafle .sdb-kd-l ul{grid-template-columns:1fr}.sdb-ob-sciezka .sdb-ob-e a{padding:calc(22px * var(--kn))}}

/* ===== ST_ADS_B · DOCELOWA (2.10 wieczór) ===== */
/* nagłówki sekcji jak w całej serii Ads i na /search-ecosystem/ (32/40), odstępy od wysokości okna; sdb-nag-2 = lead obok */
.sdb-nag{margin-bottom:clamp(calc(20px * var(--kn)),calc(min(4vh, 43.2px) * var(--kn)),calc(56px * var(--kn)))}
.sdb-nag .etyk{margin:0 0 calc(10px * var(--kn))}
.sdb-l{margin-top:clamp(calc(10px * var(--kn)),calc(min(1.6vh, 17.28px) * var(--kn)),calc(20px * var(--kn)))}
@media (min-width:901px){.sdb-sek h2{font-size:calc(32px * var(--ts) * var(--kn));line-height:calc(40px * var(--ts) * var(--kn))}}
@media (min-width:1101px){
 .sdb-nag-2{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);column-gap:calc(64px * var(--kn));align-items:end}
 .sdb-nag-2 .sdb-l{margin:0;max-width:calc(560 * var(--u) * var(--kn));color:#666A7B}
 .sdb-g .sdb-nag-2 .sdb-l{color:#fff}
}
/* przełącznik kanałów: bieżący kanał jasnoniebieski z obwódką w niebieskim marki, nie granatowy (E49) */
.sdb-kan-akt,.sdb-ciem .sdb-kan-akt,.sdb-h-tiktok .sdb-kan-akt{background:#F0F1FF;color:var(--g);box-shadow:inset 0 0 0 1px var(--n)}
.sdb-kan-d a:hover,.sdb-ciem .sdb-kan-d a:hover{background:#F0F1FF;color:var(--g)}
@media (max-width:900px){.sdb-kan-t .sdb-kan-akt{background:#F0F1FF;color:var(--g);border-color:var(--n);box-shadow:none}}
/* TikTok: na niebieskim hero przycisk biały (nie granatowy); wybrany tryb aplikacji bez granatu */
.sdb-h-tiktok .sdb-przyc .btn:not(.btn-drugi){background:#fff;color:var(--g)}
.sdb-h-tiktok .sdb-przyc .btn:not(.btn-drugi):hover{background:#F0F1FF;color:var(--g)}
.sdb-tt:has(#sdb-tt-ogl:checked) label[for=sdb-tt-ogl],.sdb-tt:has(#sdb-tt-szu:checked) label[for=sdb-tt-szu]{background:#F0F1FF;color:var(--g);
 box-shadow:inset 0 0 0 calc(2px * var(--kn)) var(--n)}
.sdb-tt:has(#sdb-tt-ogl:focus-visible) label[for=sdb-tt-ogl],.sdb-tt:has(#sdb-tt-szu:focus-visible) label[for=sdb-tt-szu]{outline:calc(2px * var(--kn)) solid #fff;outline-offset:calc(2px * var(--kn))}
/* hero: rysunek liczony od wysokości okna (pod belką i przełącznikiem zostaje ok. 95svh − 150 px), tekst zajmuje resztę */
@media (min-width:1101px){
 .sdb-hero-w{padding-bottom:clamp(calc(12px * var(--kn)),calc(min(2.4vh, 25.92px) * var(--kn)),calc(48px * var(--kn)))}
 .sdb-hero-in{grid-template-columns:minmax(0,1fr) auto;column-gap:clamp(calc(40px * var(--kn)),calc(min(4.5vw, 86.4px) * var(--kn)),calc(64px * var(--kn)));padding-top:clamp(calc(12px * var(--kn)),calc(min(2.4vh, 25.92px) * var(--kn)),calc(40px * var(--kn)))}
 .sdb-przyc .btn{margin-top:clamp(calc(18px * var(--kn)),calc(min(3.2vh, 34.56px) * var(--kn)),calc(32px * var(--kn)))}
 .sdb-kto{margin-top:clamp(calc(16px * var(--kn)),calc(min(3.4vh, 36.72px) * var(--kn)),calc(40px * var(--kn)))}
 .sdb-am{width:min(calc(640 * var(--u) * var(--kn)),calc(min(46vw, 883.2px) * var(--kn)),calc((calc(min(95vh, 1026px) * var(--kn)) - calc(150px * var(--kn))) / .8375));width:min(calc(640 * var(--u) * var(--kn)),calc(min(46vw, 883.2px) * var(--kn)),calc((calc(min(95svh, 1026px) * var(--kn)) - calc(150px * var(--kn))) / .8375))}
 .sdb-mt{width:min(calc(640 * var(--u) * var(--kn)),calc(min(46vw, 883.2px) * var(--kn)),calc((calc(min(95vh, 1026px) * var(--kn)) - calc(150px * var(--kn))) / .9375));width:min(calc(640 * var(--u) * var(--kn)),calc(min(46vw, 883.2px) * var(--kn)),calc((calc(min(95svh, 1026px) * var(--kn)) - calc(150px * var(--kn))) / .9375))}
 .sdb-tt{width:min(calc(560 * var(--u) * var(--kn)),calc(min(40vw, 768px) * var(--kn)))}
 .sdb-tt-tel{width:min(calc(300px * var(--kn)),calc((calc(min(95vh, 1026px) * var(--kn)) - calc(230px * var(--kn))) / 2));width:min(calc(300px * var(--kn)),calc((calc(min(95svh, 1026px) * var(--kn)) - calc(230px * var(--kn))) / 2))}
 .sdb-li{width:min(calc(680 * var(--u) * var(--kn)),calc(min(48vw, 921.6px) * var(--kn)),calc((calc(min(95vh, 1026px) * var(--kn)) - calc(380px * var(--kn))) / .723 + calc(56px * var(--kn))));width:min(calc(680 * var(--u) * var(--kn)),calc(min(48vw, 921.6px) * var(--kn)),calc((calc(min(95svh, 1026px) * var(--kn)) - calc(380px * var(--kn))) / .723 + calc(56px * var(--kn))))}
 .sdb-pr{width:min(calc(620 * var(--u) * var(--kn)),calc(min(46vw, 883.2px) * var(--kn)),calc((calc(min(95vh, 1026px) * var(--kn)) - calc(150px * var(--kn))) / .935));width:min(calc(620 * var(--u) * var(--kn)),calc(min(46vw, 883.2px) * var(--kn)),calc((calc(min(95svh, 1026px) * var(--kn)) - calc(150px * var(--kn))) / .935))}
}
/* „Inne kanały”: bieżący kanał z paskiem w niebieskim marki (bez granatu), najechanie jasne */
.sdb-mk-akt>span{background:#fff!important;color:var(--g)!important;box-shadow:inset calc(4px * var(--kn)) 0 0 var(--n)}
.sdb-b .sdb-mk-akt>span,.sdb-p .sdb-mk-akt>span{background:#F0F1FF!important}
.sdb-mk-akt small{color:#666A7B!important}
.sdb-mk-l a:hover{background:#fff;color:var(--g);box-shadow:inset 0 0 0 1px var(--n)}
.sdb-b .sdb-mk-l a:hover,.sdb-p .sdb-mk-l a:hover{background:#F0F1FF}
.sdb-mk-l a:hover small{color:#666A7B}.sdb-mk-l a:hover i{color:var(--nt)}
/* panele zakładek w jednej komórce siatki (jeden kształt przy każdym wyborze, E50) */
.sdb-zk-w{display:grid;align-items:center}
.sdb-zk-p{display:block;grid-area:1/1;visibility:hidden}
/* Meta: tłum w kolorach z palety (bez przezroczystości), wybrani w niebieskim marki */
.sdb-kr-o{opacity:1}.sdb-kr-o *{fill:#CCCDD3;transition:fill .35s}
/* sekcje na jednym ekranie */
@media (min-width:1101px){
 .sdb-kd-t p{font-size:calc(18px * var(--kn));line-height:calc(28px * var(--ts) * var(--kn));margin:0 0 calc(16px * var(--kn))}
 .sdb-kd-l{padding:clamp(calc(20px * var(--kn)),calc(min(3.4vh, 36.72px) * var(--kn)),calc(36px * var(--kn))) calc(36px * var(--kn)) clamp(calc(10px * var(--kn)),calc(min(1.8vh, 19.44px) * var(--kn)),calc(20px * var(--kn)))}
 .sdb-kd-l li{padding:clamp(calc(10px * var(--kn)),calc(min(1.8vh, 19.44px) * var(--kn)),calc(16px * var(--kn))) 0}
 .sdb-sp li{padding:clamp(calc(12px * var(--kn)),calc(min(2.2vh, 23.76px) * var(--kn)),calc(28px * var(--kn))) 0}
 .sdb-sp h3{font-size:calc(22px * var(--kn));line-height:calc(28px * var(--ts) * var(--kn));margin:calc(4px * var(--kn)) 0 calc(6px * var(--kn))}
 .sdb-kp{grid-template-columns:minmax(0,1fr) auto;gap:clamp(calc(40px * var(--kn)),calc(min(4.5vw, 86.4px) * var(--kn)),calc(64px * var(--kn)))}
 .sdb-kp-t .sdb-nag{margin-bottom:clamp(calc(14px * var(--kn)),calc(min(2.6vh, 28.08px) * var(--kn)),calc(28px * var(--kn)))}
 .sdb-kp-a{font-size:calc(17px * var(--kn));line-height:calc(26px * var(--kn));margin:0 0 clamp(calc(16px * var(--kn)),calc(min(3vh, 32.4px) * var(--kn)),calc(32px * var(--kn)))}
 .sdb-kp-l li{padding:clamp(calc(9px * var(--kn)),calc(min(1.6vh, 17.28px) * var(--kn)),calc(14px * var(--kn))) calc(12px * var(--kn))}
 .sdb-kp-w{padding:calc(24px * var(--kn));width:min(calc(640 * var(--u) * var(--kn)),calc(min(46vw, 883.2px) * var(--kn)),calc((calc(min(87vh, 939.6px) * var(--kn)) - calc(120px * var(--kn))) / .787 + calc(48px * var(--kn))));width:min(calc(640 * var(--u) * var(--kn)),calc(min(46vw, 883.2px) * var(--kn)),calc((calc(min(87svh, 939.6px) * var(--kn)) - calc(120px * var(--kn))) / .787 + calc(48px * var(--kn))))}
 .sdb-rt{gap:clamp(calc(20px * var(--kn)),calc(min(4vh, 43.2px) * var(--kn)),calc(56px * var(--kn)))}
 .sdb-rt-r{display:block;padding:clamp(calc(16px * var(--kn)),calc(min(3vh, 32.4px) * var(--kn)),calc(32px * var(--kn))) calc(40px * var(--kn))}
 .sdb-rt-g p{margin:0}
 .sdb-ob-kolo .wrap{grid-template-columns:min(calc(calc(min(87vh, 939.6px) * var(--kn)) - calc(60px * var(--kn))),calc(480 * var(--u) * var(--kn)),45%) minmax(0,1fr);
  grid-template-columns:min(calc(calc(min(87svh, 939.6px) * var(--kn)) - calc(60px * var(--kn))),calc(480 * var(--u) * var(--kn)),45%) minmax(0,1fr);column-gap:clamp(calc(48px * var(--kn)),calc(min(6vw, 115.2px) * var(--kn)),calc(96px * var(--kn)))}
 .sdb-kl{margin:0}.sdb-kl svg{max-width:none}
 .sdb-ob-p .sdb-nag{margin-bottom:clamp(calc(16px * var(--kn)),calc(min(3vh, 32.4px) * var(--kn)),calc(32px * var(--kn)))}
 .sdb-ob-kolo .sdb-ob-e a{padding:clamp(calc(12px * var(--kn)),calc(min(2.2vh, 23.76px) * var(--kn)),calc(24px * var(--kn))) 0}
 .sdb-mk-l a,.sdb-mk-l li>span{min-height:clamp(84px,min(13vh, 140.4px),112px)}
 .sdb-kr-g{gap:clamp(calc(32px * var(--kn)),calc(min(4vw, 76.8px) * var(--kn)),calc(48px * var(--kn)))}
 .sdb-kr-e{padding:clamp(calc(10px * var(--kn)),calc(min(1.6vh, 17.28px) * var(--kn)),calc(14px * var(--kn))) calc(16px * var(--kn));margin-bottom:clamp(calc(6px * var(--kn)),calc(min(1.2vh, 12.96px) * var(--kn)),calc(10px * var(--kn)))}
 .sdb-kr-f{padding:clamp(calc(16px * var(--kn)),calc(min(2.6vh, 28.08px) * var(--kn)),calc(32px * var(--kn))) clamp(calc(20px * var(--kn)),calc(min(2.4vw, 46.08px) * var(--kn)),calc(32px * var(--kn))) clamp(calc(12px * var(--kn)),calc(min(2vh, 21.6px) * var(--kn)),calc(24px * var(--kn)))}
 .sdb-kr-t{width:min(100%,calc((calc(min(87vh, 939.6px) * var(--kn)) - calc(280px * var(--kn))) * 2));width:min(100%,calc((calc(min(87svh, 939.6px) * var(--kn)) - calc(280px * var(--kn))) * 2));margin:0 auto}
 .sdb-mf{gap:clamp(calc(18px * var(--kn)),calc(min(3.2vh, 34.56px) * var(--kn)),calc(40px * var(--kn))) calc(24px * var(--kn))}
 .sdb-mm{height:clamp(70px,min(13vh, 140.4px),120px);width:auto;max-width:100%;margin-bottom:clamp(calc(10px * var(--kn)),calc(min(1.8vh, 19.44px) * var(--kn)),calc(24px * var(--kn)))}
 .sdb-mf-k h3{margin-bottom:calc(6px * var(--kn))}
 .sdb-ob-sciezka .sdb-ob-e a{padding:clamp(calc(16px * var(--kn)),calc(min(2.6vh, 28.08px) * var(--kn)),calc(28px * var(--kn)))}
 .sdb-ob-sciezka .sdb-ob-ik{margin:clamp(calc(8px * var(--kn)),calc(min(1.4vh, 15.12px) * var(--kn)),calc(16px * var(--kn))) 0 clamp(calc(10px * var(--kn)),calc(min(1.8vh, 19.44px) * var(--kn)),calc(20px * var(--kn)))}
 .sdb-ob-kolumny .sdb-ob-ik{width:calc(48px * var(--kn));height:calc(48px * var(--kn));margin:clamp(calc(8px * var(--kn)),calc(min(1.4vh, 15.12px) * var(--kn)),calc(16px * var(--kn))) 0 clamp(calc(10px * var(--kn)),calc(min(1.8vh, 19.44px) * var(--kn)),calc(20px * var(--kn)))}
 .sdb-tf{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(16px * var(--kn));margin:0;padding:0;overflow:visible}
 .sdb-tf-k{display:grid;grid-template-columns:clamp(calc(84px * var(--kn)),calc(min(8vw, 153.6px) * var(--kn)),calc(120px * var(--kn))) minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:calc(18px * var(--kn));
  align-items:start;padding:calc(12px * var(--kn)) calc(18px * var(--kn)) calc(12px * var(--kn)) calc(12px * var(--kn))}
 .sdb-tf-r{grid-row:1/3;aspect-ratio:120/150;margin:0}
 .sdb-tf-k h3{margin:calc(6px * var(--kn)) 0 calc(8px * var(--kn))}.sdb-tf-k p{margin:0}
 .sdb-wr{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(calc(40px * var(--kn)),calc(min(4.5vw, 86.4px) * var(--kn)),calc(64px * var(--kn)));align-items:center}
 .sdb-wr-t .sdb-nag{margin-bottom:clamp(calc(14px * var(--kn)),calc(min(2.6vh, 28.08px) * var(--kn)),calc(28px * var(--kn)))}
 .sdb-wr-t p{font-size:calc(17px * var(--kn));line-height:calc(27px * var(--kn));margin:0}
 .sdb-wr-r{padding:clamp(calc(18px * var(--kn)),calc(min(3vh, 32.4px) * var(--kn)),calc(32px * var(--kn))) clamp(calc(20px * var(--kn)),calc(min(2.6vw, 49.92px) * var(--kn)),calc(40px * var(--kn)))}
 .sdb-st{grid-template-columns:minmax(0,6fr) minmax(0,5fr);align-items:center}
 .sdb-st-t p{font-size:calc(18px * var(--kn));line-height:calc(28px * var(--ts) * var(--kn));margin:0 0 clamp(calc(10px * var(--kn)),calc(min(1.8vh, 19.44px) * var(--kn)),calc(20px * var(--kn)))}
 .sdb-zk-e{padding:clamp(calc(10px * var(--kn)),calc(min(1.8vh, 19.44px) * var(--kn)),calc(16px * var(--kn))) calc(20px * var(--kn))}
 .sdb-zk-w{padding:clamp(calc(24px * var(--kn)),calc(min(4vh, 43.2px) * var(--kn)),calc(48px * var(--kn)))}
 .sdb-zk-ik{width:clamp(calc(56px * var(--kn)),calc(min(9vh, 97.2px) * var(--kn)),calc(88px * var(--kn)));height:clamp(56px,min(9vh, 97.2px),88px);margin-bottom:clamp(calc(16px * var(--kn)),calc(min(3vh, 32.4px) * var(--kn)),calc(32px * var(--kn)))}
 .sdb-sz-g{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,3fr);gap:clamp(calc(32px * var(--kn)),calc(min(4vw, 76.8px) * var(--kn)),calc(56px * var(--kn)));align-items:stretch}
 .sdb-sz{margin:0}
 .sdb-sz li{padding:clamp(calc(16px * var(--kn)),calc(min(2.6vh, 28.08px) * var(--kn)),calc(24px * var(--kn))) calc(24px * var(--kn))}
 .sdb-sz-r{height:clamp(72px,min(12vh, 129.6px),100px);width:auto;margin:clamp(calc(8px * var(--kn)),calc(min(1.4vh, 15.12px) * var(--kn)),calc(12px * var(--kn))) 0 clamp(calc(10px * var(--kn)),calc(min(1.8vh, 19.44px) * var(--kn)),calc(16px * var(--kn)))}
 .sdb-lj{padding:clamp(calc(20px * var(--kn)),calc(min(3.4vh, 36.72px) * var(--kn)),calc(32px * var(--kn)))}
 .sdb-ob-siatka .sdb-ob-e a{padding:clamp(calc(16px * var(--kn)),calc(min(2.8vh, 30.24px) * var(--kn)),calc(32px * var(--kn))) calc(32px * var(--kn))}
 .sdb-bn-k{padding:clamp(calc(16px * var(--kn)),calc(min(2.6vh, 28.08px) * var(--kn)),calc(28px * var(--kn)))}
 .sdb-bn-r{height:clamp(64px,min(11vh, 118.8px),130px);margin-bottom:clamp(calc(10px * var(--kn)),calc(min(1.8vh, 19.44px) * var(--kn)),calc(24px * var(--kn)))}
 .sdb-bn-0,.sdb-bn-1{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:calc(24px * var(--kn));align-content:center}
 .sdb-bn-0 .sdb-bn-r,.sdb-bn-1 .sdb-bn-r{grid-row:1/3;margin:0;align-self:center}
 .sdb-bn-0 h3,.sdb-bn-1 h3{align-self:end}
 .sdb-zp-g{gap:clamp(calc(32px * var(--kn)),calc(min(4.5vw, 86.4px) * var(--kn)),calc(64px * var(--kn)))}
 .sdb-zp-e{padding:clamp(calc(14px * var(--kn)),calc(min(2.4vh, 25.92px) * var(--kn)),calc(22px * var(--kn))) calc(24px * var(--kn))}
 .sdb-zp-r{width:min(100%,calc((calc(min(87vh, 939.6px) * var(--kn)) - calc(210px * var(--kn))) / .935));width:min(100%,calc((calc(min(87svh, 939.6px) * var(--kn)) - calc(210px * var(--kn))) / .935));justify-self:end}
 .sdb-pm{grid-template-columns:minmax(0,6fr) minmax(0,5fr);align-items:center}
 .sdb-pm-r{padding:clamp(calc(18px * var(--kn)),calc(min(3vh, 32.4px) * var(--kn)),calc(32px * var(--kn)))}
 .sdb-pm-t .sdb-nag{margin-bottom:clamp(calc(14px * var(--kn)),calc(min(2.6vh, 28.08px) * var(--kn)),calc(28px * var(--kn)))}
 .sdb-pm-t p{margin:0 0 calc(12px * var(--kn))}
}
/* LinkedIn: „dla kogo” jako lista w dwóch kolumnach (bez chipów) */
.sdb-st-l{display:grid;grid-template-columns:1fr 1fr;gap:0 calc(24px * var(--kn))}
.sdb-st-l li{display:flex;gap:calc(14px * var(--kn));align-items:baseline;border:0;border-top:1px solid rgba(255,255,255,.16);border-radius:0;padding:calc(12px * var(--kn)) 0;
 font-size:calc(16px * var(--kn));line-height:calc(22px * var(--kn))}
.sdb-st-l li span{flex:none;font-size:calc(14px * var(--kn));color:var(--n);font-weight:500}
.sdb-st-t .sdb-kd-e{margin-top:clamp(calc(16px * var(--kn)),calc(min(3vh, 32.4px) * var(--kn)),calc(32px * var(--kn)))}
.sdb-st-w{margin:0}
@media (max-width:1100px){.sdb-wr{display:grid;gap:calc(32px * var(--kn))}.sdb-sz-g{display:grid;gap:calc(32px * var(--kn))}
 .sdb-ob-p{display:contents}.sdb-ob-p .sdb-nag{order:1}.sdb-kl{order:2}.sdb-ob-kolo .sdb-ob-l{order:3}
 .sdb-pm-t{order:-1}}
@media (max-width:900px){.sdb-mm{width:auto;height:calc(96px * var(--kn));max-width:100%}.sdb-bn-r{height:calc(96px * var(--kn))}
 /* sposoby zakupu na telefonie: trzy pozycje i schemat w jednym widoku (audyt: przycisk i zmiana ≤ okno − belka) */
 .sdb-zp-g{gap:calc(20px * var(--kn))}.sdb-zp-l{gap:calc(8px * var(--kn))}.sdb-zp-e{padding:calc(12px * var(--kn)) calc(14px * var(--kn));gap:calc(12px * var(--kn))}.sdb-zp-r{max-width:calc(320px * var(--kn));margin:0 auto}}
@media (max-width:600px){.sdb-st-l{grid-template-columns:1fr}}

/*@@KONIEC st_ads_b@@*/

/*@@MODUL st_ux@@*/

/* ---- ST_UX (30.09 noc): UX i CRO, audyt użyteczności, cykliczna współpraca UX; DOCELOWA (2.10 wieczór) ---- */
.sux-sek{padding:calc(112px * var(--kn)) 0}.sux-biale{background:#fff}.sux-jasne{background:var(--p)}.sux-lawenda{background:#F0F1FF}
.sux-ciemne{background:var(--g);color:#fff}.sux-ciemne .etyk{color:#fff}.sux-ciemne em{color:var(--n)}
.sux-glowa{max-width:calc(820 * var(--u) * var(--kn));margin-bottom:clamp(calc(20px * var(--kn)),calc(min(4vh, 43.2px) * var(--kn)),calc(48px * var(--kn)))}.sux-glowa h2{margin:0}.sux-glowa .lead{margin:calc(16px * var(--kn)) 0 0;font-size:calc(18px * var(--kn));line-height:calc(28px * var(--ts) * var(--kn))}
.sux-glowa2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:calc(12px * var(--kn)) calc(64px * var(--kn));align-items:end;max-width:none;margin-bottom:clamp(calc(18px * var(--kn)),calc(min(3.6vh, 38.88px) * var(--kn)),calc(40px * var(--kn)))}
.sux-glowa2 .lead{margin:0;max-width:calc(640 * var(--u) * var(--kn))}
.sux-glowa .lead a,.sux-sek p a{color:var(--nt)}.sux-ciemne .sux-glowa .lead a,.sux-ciemne p a{color:#fff}
.sux-ik{width:calc(40px * var(--kn));height:calc(40px * var(--kn));flex:none}
.sux-dalej{color:var(--nt);font-weight:500;text-decoration:none;display:inline-flex;align-items:center;gap:calc(8px * var(--kn))}
.sux-dalej::after{content:none;transition:transform .2s}.sux-dalej:hover::after{transform:translateX(calc(4px * var(--kn)))}
.sux-dalej:hover{text-decoration:underline;text-underline-offset:calc(4px * var(--kn))}.sux-dalej-j{color:#fff}
.sux-twarze{display:flex;flex:none}.sux-tw{width:calc(40px * var(--kn));height:calc(40px * var(--kn));border-radius:50%;object-fit:cover;box-shadow:0 0 0 calc(3px * var(--kn)) #fff;background:#fff}
.sux-tw+.sux-tw{margin-left:calc(-10px * var(--kn))}
@media (prefers-reduced-motion:reduce){.sux-anim{display:none}}
/* DOCELOWA: sekcja = ekran (kanon E46); odstępy sekcji od wysokości okna, ciaśniejsze niż wspólne d-ek */
@media (min-width:1100px) and (min-aspect-ratio:4/3){
 main>section.sux-sek.d-ek{padding-top:clamp(calc(28px * var(--kn)),calc(min(4.6vh, 49.68px) * var(--kn)),calc(80px * var(--kn)));padding-bottom:clamp(calc(28px * var(--kn)),calc(min(4.6vh, 49.68px) * var(--kn)),calc(80px * var(--kn)))}
}

/* przełącznik docelowej (E44): karty od 1100 px, akordeon węziej; wybrana pozycja bez granatu (E49) */
.sux-pr-q{display:flex;align-items:center;gap:calc(12px * var(--kn));margin:0;cursor:pointer;color:var(--g);font-weight:500;transition:background .2s,color .2s}
.sux-pr-qm{display:none}
@media (min-width:1100px){
 .sux-pr{display:grid}
 .sux-pr-c{display:none}
 .sux-pr-p{visibility:hidden}
 .sux-pr-r:checked+.sux-pr-qd+.sux-pr-c+.sux-pr-qm+.sux-pr-p{visibility:visible}
 .sux-pr-r:focus-visible+.sux-pr-qd{outline:calc(2px * var(--kn)) solid var(--n);outline-offset:calc(2px * var(--kn))}
}
@media (max-width:1099.98px){
 .sux-pr{display:block}
 .sux-pr-r,.sux-pr-qd{display:none}
 .sux-pr-qm{display:flex;margin-top:calc(8px * var(--kn));padding:calc(14px * var(--kn)) calc(16px * var(--kn));background:#fff;border:1px solid var(--l);border-radius:calc(5px * var(--kn));font-size:calc(17px * var(--kn));line-height:calc(22px * var(--kn))}
 .sux-pr-qm::after{content:"+";margin-left:auto;font-size:calc(24px * var(--kn));line-height:calc(24px * var(--kn));color:var(--nt);font-weight:400}
 .sux-pr-c:checked+.sux-pr-qm{background:#F0F1FF;border-color:#F0F1FF;box-shadow:inset calc(4px * var(--kn)) 0 0 var(--n)}
 .sux-pr-c:checked+.sux-pr-qm::after{content:"\2212"}
 .sux-pr-c:focus-visible+.sux-pr-qm{outline:calc(2px * var(--kn)) solid var(--n);outline-offset:calc(2px * var(--kn))}
 .sux-pr-p{display:none;padding:calc(16px * var(--kn)) 0 calc(8px * var(--kn))}
 .sux-pr-c:checked+.sux-pr-qm+.sux-pr-p{display:block}
}

/* hero (wspólne): cała treść w pierwszym ekranie, rysunek liczony od wysokości okna */
.sux-hero{position:relative;overflow:hidden}
.sux-hero-in{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:calc(56px * var(--kn));align-items:center;min-height:min(100vh, 1080px);min-height:min(100svh, 1080px);
 padding-top:calc(96px * var(--kn));padding-bottom:calc(24px * var(--kn));box-sizing:border-box}
.sux-hero h1{font-size:calc(52px * var(--ts) * var(--kn));line-height:1;margin:0 0 calc(22px * var(--kn));max-width:calc(620 * var(--u) * var(--kn))}
.sux-hero-lead{font-size:calc(18px * var(--kn));line-height:calc(28px * var(--ts) * var(--kn));max-width:calc(540 * var(--u) * var(--kn));margin:0}
.sux-przyc{display:flex;flex-wrap:wrap}.sux-przyc .btn{margin:clamp(calc(20px * var(--kn)),calc(min(3.6vh, 38.88px) * var(--kn)),calc(32px * var(--kn))) calc(12px * var(--kn)) 0 0}
.sux-zesp{display:flex;align-items:center;gap:calc(14px * var(--kn));margin:clamp(calc(24px * var(--kn)),calc(min(4.4vh, 47.52px) * var(--kn)),calc(40px * var(--kn))) 0 0;padding-top:calc(20px * var(--kn));border-top:1px solid var(--l);font-size:calc(15px * var(--kn));line-height:calc(21px * var(--kn));max-width:calc(540 * var(--u) * var(--kn))}
.sux-hero-cro{background:#F0F1FF}.sux-hero-cro .sux-zesp{border-color:#CCCDD3}
/* mapa kliknięć */
.sux-hm{margin:0;position:relative;justify-self:end;width:min(100%,calc((calc(min(100vh, 1080px) * var(--kn)) - calc(230px * var(--kn))) * 1.28));width:min(100%,calc((calc(min(100svh, 1080px) * var(--kn)) - calc(230px * var(--kn))) * 1.28))}
.sux-hm-w{position:relative}
.sux-hm-s{display:block;width:100%;height:auto;filter:drop-shadow(0 calc(24px * var(--kn)) calc(48px * var(--kn)) rgba(0,6,35,.14))}
.sux-dy{position:absolute;background:#fff;color:var(--g);font-size:calc(15px * var(--kn));line-height:calc(20px * var(--kn));padding:calc(10px * var(--kn)) calc(14px * var(--kn));border-radius:calc(5px * var(--kn));
 box-shadow:0 calc(10px * var(--kn)) calc(28px * var(--kn)) rgba(0,6,35,.16);white-space:nowrap;border-left:calc(3px * var(--kn)) solid var(--n)}
.sux-dy1{left:-4%;top:26%}.sux-dy2{right:-1%;top:47%}.sux-dy3{left:44%;bottom:-3%}
.sux-hm-leg{display:flex;justify-content:space-between;align-items:center;gap:calc(16px * var(--kn));margin:calc(24px * var(--kn)) 0 0;font-size:calc(14px * var(--kn));line-height:calc(20px * var(--kn));color:#666A7B}
.sux-hm-sk{display:inline-flex;align-items:center;gap:calc(10px * var(--kn))}
.sux-hm-sk i{display:block;width:calc(120px * var(--kn));height:calc(10px * var(--kn));border-radius:calc(5px * var(--kn));background:linear-gradient(90deg,#F0F1FF,#5768FF 70%,#000623)}
/* lejek: rysunek, pod nim etykiety kroków w kolumnach siatki (187 + 6 × 150 + 113 = szerokość rysunku), panel pod nimi */
.sux-lj-s{display:block;width:100%;height:auto}
.sux-st-h{display:none}
.sux-lj-nr{display:none}
.sux-sc-fig{margin:0}
@media (min-width:1100px){
 .sux-sc{grid-template-columns:187fr repeat(6,150fr) 113fr;width:min(100%,calc((calc(min(100vh, 1080px) * var(--kn)) - calc(440 * var(--u) * var(--kn))) * 5.7));width:min(100%,calc((calc(min(100svh, 1080px) * var(--kn)) - calc(440 * var(--u) * var(--kn))) * 5.7));margin:0 auto}
 .sux-sc-fig{grid-row:1;grid-column:1/-1}
 .sux-sc>.sux-pr-qd{grid-row:2;flex-direction:column;justify-content:flex-start;gap:calc(4px * var(--kn));text-align:center;padding:calc(8px * var(--kn)) calc(6px * var(--kn));border-radius:calc(5px * var(--kn));
  font-size:calc(15px * var(--kn));line-height:calc(19px * var(--kn));font-weight:400;color:#666A7B}
 .sux-sc>.sux-pr-qd:hover{color:var(--g);background:#F0F1FF}
 .sux-sc>.sux-pr-r:checked+.sux-pr-qd{background:#F0F1FF;color:var(--g);font-weight:500;box-shadow:inset 0 calc(3px * var(--kn)) 0 var(--n)}
 .sux-sc-meta{grid-row:2;grid-column:8;padding:calc(8px * var(--kn)) 0 0;text-align:center;font-size:calc(15px * var(--kn));line-height:calc(19px * var(--kn));font-weight:500;color:var(--g)}
 .sux-sc>.sux-pr-p{grid-row:3;grid-column:1/-1;padding-top:clamp(calc(10px * var(--kn)),calc(min(2vh, 21.6px) * var(--kn)),calc(20px * var(--kn)))}
}
.sux-pan{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.3fr) minmax(0,1.3fr);gap:calc(40px * var(--kn));padding:clamp(calc(18px * var(--kn)),calc(min(3.2vh, 34.56px) * var(--kn)),calc(32px * var(--kn))) calc(36px * var(--kn));background:var(--p);border-radius:calc(5px * var(--kn))}
.sux-pan-g{display:flex;flex-direction:column;align-items:flex-start;gap:calc(12px * var(--kn))}.sux-pan-g h3{font-size:calc(24px * var(--kn));line-height:calc(30px * var(--ts) * var(--kn));margin:0}
.sux-pan-e{font-size:calc(13px * var(--kn));line-height:calc(18px * var(--kn));font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:#666A7B;margin:0 0 calc(8px * var(--kn))}
.sux-pan-e2{color:var(--nt)}
.sux-pan>div>p:not(.sux-pan-e){font-size:calc(16px * var(--kn));line-height:calc(24px * var(--kn))}
/* test A/B */
.sux-ab{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:calc(64px * var(--kn));align-items:center}
.sux-ab-t .sux-glowa{margin-bottom:clamp(calc(18px * var(--kn)),calc(min(3.4vh, 36.72px) * var(--kn)),calc(28px * var(--kn)))}
.sux-ab-f{margin:0 auto;width:min(100%,calc((calc(min(100vh, 1080px) * var(--kn)) - calc(210px * var(--kn))) * 1.47));width:min(100%,calc((calc(min(100svh, 1080px) * var(--kn)) - calc(210px * var(--kn))) * 1.47))}
.sux-ab-s{display:block;width:100%;height:auto}
.sux-ab-f figcaption{margin-top:calc(12px * var(--kn));color:#808291;font-size:calc(15px * var(--kn));line-height:calc(22px * var(--kn))}
/* odmiany */
.sux-ods{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(20px * var(--kn))}
.sux-od{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:calc(28px * var(--kn));align-items:center;background:#fff;border-radius:calc(5px * var(--kn));padding:calc(32px * var(--kn));
 text-decoration:none;color:var(--g);transition:box-shadow .25s,transform .25s}
.sux-od:hover{box-shadow:0 calc(18px * var(--kn)) calc(40px * var(--kn)) rgba(0,6,35,.12);transform:translateY(calc(-3px * var(--kn)))}
.sux-od-r{display:block;border-radius:calc(5px * var(--kn));overflow:hidden;aspect-ratio:1;background:#F0F1FF;display:flex;align-items:center;justify-content:center}
.sux-od-kolo .sux-od-r{background:var(--g)}
.sux-od-s{width:100%;height:100%}
.sux-od-kolo .sux-od-s{width:92%;height:92%}
.sux-od-t{display:flex;flex-direction:column;align-items:flex-start}
.sux-od-e{font-size:calc(14px * var(--kn));line-height:calc(20px * var(--kn));font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--nt);margin-bottom:calc(10px * var(--kn))}
.sux-od h3{font-size:calc(28px * var(--ts) * var(--kn));line-height:calc(34px * var(--ts) * var(--kn));margin:0 0 calc(12px * var(--kn))}.sux-od-p{color:#666A7B;font-size:calc(16px * var(--kn));line-height:calc(24px * var(--kn));margin-bottom:calc(24px * var(--kn))}
/* case kotarbau */
.sux-cs{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(calc(40px * var(--kn)),calc(min(5vw, 96px) * var(--kn)),calc(72px * var(--kn)));align-items:center}
.sux-cs .sux-glowa{margin-bottom:clamp(calc(16px * var(--kn)),calc(min(3vh, 32.4px) * var(--kn)),calc(28px * var(--kn)))}
.sux-cyt{margin:0;padding:0 0 0 calc(28px * var(--kn));border-left:calc(3px * var(--kn)) solid var(--n)}
.sux-cyt p{font-size:clamp(calc(19px * var(--kn)),calc(min(2.6vh, 28.08px) * var(--kn)),calc(26px * var(--kn)));line-height:1.4;letter-spacing:-.01em}
.sux-cyt footer{margin-top:calc(12px * var(--kn));font-size:calc(15px * var(--kn));line-height:calc(20px * var(--kn));color:#666A7B}
.sux-cyt-m p{font-size:clamp(calc(18px * var(--kn)),calc(min(2.5vh, 27px) * var(--kn)),calc(21px * var(--kn)))}
.sux-cs-kr{margin:clamp(calc(14px * var(--kn)),calc(min(2.8vh, 30.24px) * var(--kn)),calc(32px * var(--kn))) 0 calc(8px * var(--kn));border-top:1px solid var(--l);counter-reset:k}
.sux-cs-kr li{display:grid;grid-template-columns:calc(40px * var(--kn)) minmax(0,1fr);column-gap:calc(8px * var(--kn));padding:clamp(calc(8px * var(--kn)),calc(min(1.5vh, 16.2px) * var(--kn)),calc(14px * var(--kn))) 0;border-bottom:1px solid var(--l);counter-increment:k}
.sux-cs-kr li::before{content:counter(k,decimal-leading-zero);grid-row:1/3;color:var(--nt);font-weight:500}
.sux-cs-kr b{font-weight:500}.sux-cs-kr span{color:#666A7B;font-size:calc(15px * var(--kn));line-height:calc(22px * var(--kn))}
.sux-cs-t .btn{margin-top:clamp(calc(14px * var(--kn)),calc(min(2.6vh, 28.08px) * var(--kn)),calc(24px * var(--kn)))}
.sux-mm{margin:0 auto;width:min(100%,calc((calc(min(100vh, 1080px) * var(--kn)) - calc(230px * var(--kn))) * 1.436));width:min(100%,calc((calc(min(100svh, 1080px) * var(--kn)) - calc(230px * var(--kn))) * 1.436))}
.sux-mm-s{display:block;width:100%;height:auto;filter:drop-shadow(0 calc(18px * var(--kn)) calc(40px * var(--kn)) rgba(0,6,35,.12))}
.sux-mm figcaption{margin-top:calc(12px * var(--kn));font-size:calc(14px * var(--kn));line-height:calc(20px * var(--kn));color:#666A7B}
.sux-cs-a .sux-mm{width:min(100%,calc((calc(min(100vh, 1080px) * var(--kn)) - calc(330px * var(--kn))) * 1.474));width:min(100%,calc((calc(min(100svh, 1080px) * var(--kn)) - calc(330px * var(--kn))) * 1.474))}
.sux-cs-a .sux-cyt{margin:clamp(calc(16px * var(--kn)),calc(min(3vh, 32.4px) * var(--kn)),calc(28px * var(--kn))) 0 0}
.sux-cs-uwagi{margin:clamp(calc(10px * var(--kn)),calc(min(2vh, 21.6px) * var(--kn)),calc(20px * var(--kn))) 0 0}
.sux-cs-uwagi li{display:flex;gap:calc(12px * var(--kn));align-items:flex-start;padding:clamp(calc(6px * var(--kn)),calc(min(1.2vh, 12.96px) * var(--kn)),calc(10px * var(--kn))) 0;font-size:calc(16px * var(--kn));line-height:calc(23px * var(--kn))}
.sux-cs-uwagi b{flex:none;display:grid;place-items:center;width:calc(28px * var(--kn));height:calc(28px * var(--kn));border-radius:50%;background:var(--n);color:#fff;font-weight:500;font-size:calc(14px * var(--kn))}
/* zespół na orbicie */
.sux-ze{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:calc(64px * var(--kn));align-items:center}
.sux-ze-f{display:flex;flex-direction:column;align-items:center}
.sux-orb{position:relative;width:min(100%,calc(520 * var(--u) * var(--kn)),calc(calc(min(100vh, 1080px) * var(--kn)) - calc(170px * var(--kn))));width:min(100%,calc(520 * var(--u) * var(--kn)),calc(calc(min(100svh, 1080px) * var(--kn)) - calc(170px * var(--kn))));aspect-ratio:1}
.sux-orb-s{position:absolute;inset:0;width:100%;height:100%}
.sux-orb-c{position:absolute;left:50%;top:50%;width:26%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:var(--g);color:#fff;
 display:flex;align-items:center;justify-content:center;font-weight:500;font-size:calc(20px * var(--kn));line-height:calc(24px * var(--kn));text-align:center;box-shadow:0 0 0 calc(12px * var(--kn)) rgba(0,6,35,.07)}
.sux-orb-o{position:absolute;width:16%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:#fff;box-shadow:0 0 0 calc(3px * var(--kn)) #fff,0 calc(8px * var(--kn)) calc(20px * var(--kn)) rgba(0,6,35,.15);
 transition:transform .25s,box-shadow .25s;z-index:1}
.sux-orb-o img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}
.sux-orb-o:hover,.sux-orb-o:focus-visible{transform:translate(-50%,-50%) scale(1.12);box-shadow:0 0 0 calc(3px * var(--kn)) var(--n),0 0 0 calc(9px * var(--kn)) rgba(87,104,255,.25);z-index:2;outline:none}
.sux-orb-n{position:absolute;left:50%;top:calc(100% + calc(8px * var(--kn)));transform:translateX(-50%);white-space:nowrap;background:var(--g);color:#fff;
 font-size:calc(13px * var(--kn));line-height:calc(18px * var(--kn));padding:calc(5px * var(--kn)) calc(10px * var(--kn));opacity:0;pointer-events:none;transition:opacity .2s;border-radius:calc(3px * var(--kn));display:flex;flex-direction:column;align-items:center}
.sux-orb-n b{font-weight:500;font-size:calc(14px * var(--kn))}
.sux-orb-o:hover .sux-orb-n,.sux-orb-o:focus-visible .sux-orb-n{opacity:1}
.sux-cw{display:grid;grid-template-columns:calc(64px * var(--kn)) minmax(0,1fr);gap:calc(18px * var(--kn));margin:clamp(calc(18px * var(--kn)),calc(min(3.4vh, 36.72px) * var(--kn)),calc(32px * var(--kn))) 0 0;max-width:calc(560 * var(--u) * var(--kn));background:#fff;padding:calc(24px * var(--kn));border-radius:calc(5px * var(--kn))}
.sux-cw-f{width:calc(64px * var(--kn));height:calc(64px * var(--kn));border-radius:50%;object-fit:cover}
.sux-cw p{font-size:calc(17px * var(--kn));line-height:calc(26px * var(--kn))}.sux-cw footer{margin-top:calc(10px * var(--kn));font-size:calc(14px * var(--kn));line-height:calc(20px * var(--kn));color:#666A7B}.sux-cw footer b{color:var(--g);font-weight:500}
/* formularz (wersja 20; w docelowej sekcję podmienia sekcja kontaktowa) */
.sux-form{padding:calc(112px * var(--kn)) 0}
.sux-form-in{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:calc(64px * var(--kn));align-items:start}
.sux-form-k{background:#fff;color:var(--g);padding:calc(36px * var(--kn)) calc(40px * var(--kn));border-radius:calc(5px * var(--kn));scroll-margin-top:calc(100px * var(--kn))}
.sux-f-lt{font-size:calc(14px * var(--kn));line-height:calc(20px * var(--kn));color:#808291;margin:0 0 calc(8px * var(--kn))}
/* hero audytu: płótno z kropkami */
.sux-hero-au{background:#fff}
.sux-hero-au::before{content:"";position:absolute;inset:0;background-image:radial-gradient(#CCCDD3 calc(1.2px * var(--kn)),transparent calc(1.4px * var(--kn)));background-size:calc(24px * var(--kn)) calc(24px * var(--kn));
 -webkit-mask-image:linear-gradient(90deg,transparent 0,#000623 45%);mask-image:linear-gradient(90deg,transparent 0,#000623 45%);pointer-events:none}
.sux-hero-au .sux-hero-in{position:relative}
.sux-ek{margin:0;justify-self:end;width:min(100%,calc((calc(min(100vh, 1080px) * var(--kn)) - calc(220px * var(--kn))) * 1.414));width:min(100%,calc((calc(min(100svh, 1080px) * var(--kn)) - calc(220px * var(--kn))) * 1.414))}
.sux-ek-w{position:relative}.sux-ek-s{display:block;width:100%;height:auto}
.sux-ek figcaption{margin-top:calc(14px * var(--kn));font-size:calc(14px * var(--kn));line-height:calc(20px * var(--kn));color:#666A7B;text-align:right}
.sux-pin{position:absolute;width:0;height:0;z-index:1}
.sux-pin>b{position:absolute;left:calc(-16px * var(--kn));top:calc(-16px * var(--kn));width:calc(32px * var(--kn));height:calc(32px * var(--kn));border-radius:50%;background:var(--n);color:#fff;display:grid;place-items:center;
 font-weight:500;font-size:calc(15px * var(--kn));box-shadow:0 0 0 calc(7px * var(--kn)) rgba(87,104,255,.22)}
.sux-pin-t{position:absolute;top:0;transform:translateY(-50%);width:max-content;max-width:calc(190px * var(--kn));background:#fff;color:var(--g);font-size:calc(15px * var(--kn));line-height:calc(20px * var(--kn));
 padding:calc(8px * var(--kn)) calc(12px * var(--kn));border-radius:calc(5px * var(--kn));box-shadow:0 calc(10px * var(--kn)) calc(26px * var(--kn)) rgba(0,6,35,.16)}
.sux-pin-p .sux-pin-t{left:calc(26px * var(--kn))}.sux-pin-l .sux-pin-t{right:calc(26px * var(--kn))}
/* uwagi audytu: lista po lewej, panel wybranego punktu (zbliżenie i opis) po prawej */
@media (min-width:1100px){
 .sux-ua{grid-template-columns:minmax(0,4fr) minmax(0,8fr);grid-template-rows:repeat(6,auto) 1fr;column-gap:calc(40px * var(--kn));row-gap:calc(8px * var(--kn));align-items:start}
 .sux-ua>.sux-pr-qd{grid-column:1}
 .sux-ua>.sux-pr-p{grid-column:2;grid-row:1/-1}
 .sux-ua>.sux-pr-qd{padding:clamp(calc(10px * var(--kn)),calc(min(1.8vh, 19.44px) * var(--kn)),calc(14px * var(--kn))) calc(16px * var(--kn));background:#fff;border:1px solid var(--l);border-radius:calc(5px * var(--kn));font-size:calc(17px * var(--kn));line-height:calc(22px * var(--kn))}
 .sux-ua>.sux-pr-qd:hover{background:#F0F1FF}
 .sux-ua>.sux-pr-r:checked+.sux-pr-qd{background:#F0F1FF;border-color:#F0F1FF;box-shadow:inset calc(4px * var(--kn)) 0 0 var(--n)}
}
.sux-ua .sux-pr-q b{flex:none;display:grid;place-items:center;width:calc(30px * var(--kn));height:calc(30px * var(--kn));border-radius:50%;background:var(--n);color:#fff;font-weight:500;font-size:calc(15px * var(--kn))}
.sux-ua-p{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:calc(36px * var(--kn));align-items:center;background:#fff;border-radius:calc(5px * var(--kn));padding:clamp(calc(18px * var(--kn)),calc(min(3.2vh, 34.56px) * var(--kn)),calc(28px * var(--kn)))}
.sux-lupa{position:relative;border-radius:calc(5px * var(--kn));overflow:hidden;background:#F0F1FF;box-shadow:inset 0 0 0 1px #CCCDD3}
.sux-lupa-b{display:block;aspect-ratio:330/232;background-repeat:no-repeat;background-size:248.485% auto}
.sux-lupa-et{position:absolute;left:calc(12px * var(--kn));top:calc(12px * var(--kn));background:var(--g);color:#fff;font-size:calc(13px * var(--kn));line-height:calc(18px * var(--kn));padding:calc(4px * var(--kn)) calc(10px * var(--kn));border-radius:calc(3px * var(--kn))}
.sux-ua-t h3{font-size:calc(26px * var(--kn));line-height:calc(32px * var(--ts) * var(--kn));margin:calc(16px * var(--kn)) 0 calc(12px * var(--kn))}.sux-ua-t p{font-size:calc(17px * var(--kn));line-height:calc(26px * var(--kn));color:var(--g)}
/* raport: przykład uwagi po lewej, macierz po prawej */
.sux-rp{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(calc(40px * var(--kn)),calc(min(5vw, 96px) * var(--kn)),calc(72px * var(--kn)));align-items:center}
.sux-rp .sux-glowa{margin-bottom:clamp(calc(18px * var(--kn)),calc(min(3.4vh, 36.72px) * var(--kn)),calc(32px * var(--kn)))}
.sux-mx{margin:0 auto;width:min(100%,calc((calc(min(100vh, 1080px) * var(--kn)) - calc(170px * var(--kn))) * 1.21));width:min(100%,calc((calc(min(100svh, 1080px) * var(--kn)) - calc(170px * var(--kn))) * 1.21))}
.sux-mx-s{display:block;width:100%;height:auto}
.sux-uw{background:#fff;color:var(--g);border-radius:calc(5px * var(--kn));padding:calc(24px * var(--kn)) calc(28px * var(--kn)) calc(10px * var(--kn))}
.sux-uw-e{display:flex;justify-content:space-between;align-items:center;gap:calc(12px * var(--kn));font-size:calc(14px * var(--kn));line-height:calc(20px * var(--kn));color:#666A7B;margin:0 0 calc(8px * var(--kn))}
.sux-uw-e b{display:grid;place-items:center;width:calc(30px * var(--kn));height:calc(30px * var(--kn));border-radius:50%;background:var(--n);color:#fff;font-weight:500}
.sux-uw dl{margin:0}.sux-uw div{display:grid;grid-template-columns:calc(150px * var(--kn)) minmax(0,1fr);gap:calc(16px * var(--kn));padding:clamp(calc(8px * var(--kn)),calc(min(1.6vh, 17.28px) * var(--kn)),calc(12px * var(--kn))) 0;border-top:1px solid var(--l)}
.sux-uw dt{font-size:calc(14px * var(--kn));line-height:calc(22px * var(--kn));color:#666A7B}.sux-uw dd{margin:0;font-size:calc(16px * var(--kn));line-height:calc(22px * var(--kn))}
/* przebieg audytu */
.sux-pb{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(48px * var(--kn))}
.sux-pb::before{content:"";position:absolute;left:0;right:0;top:calc(44px * var(--kn));border-top:calc(2px * var(--kn)) dashed var(--n)}
.sux-pb li{position:relative}
.sux-pb-n{display:block;font-size:calc(64px * var(--ts) * var(--kn));line-height:calc(64px * var(--ts) * var(--kn));font-weight:500;letter-spacing:-.03em;color:var(--g);background:#fff;width:max-content;padding-right:calc(16px * var(--kn));margin-bottom:clamp(calc(16px * var(--kn)),calc(min(3vh, 32.4px) * var(--kn)),calc(28px * var(--kn)))}
.sux-pb .sux-ik{margin-bottom:calc(14px * var(--kn))}.sux-pb h3{font-size:calc(24px * var(--kn));line-height:calc(30px * var(--ts) * var(--kn));margin:0 0 calc(10px * var(--kn))}.sux-pb p{color:#666A7B;font-size:calc(17px * var(--kn));line-height:calc(26px * var(--kn))}
/* wejścia z Search Ecosystem */
.sux-we{display:grid;grid-template-columns:minmax(0,1fr) calc(260 * var(--u) * var(--kn));gap:0;align-items:center}
.sux-we ul{border-top:1px solid var(--l)}
.sux-we li{position:relative;display:grid;grid-template-columns:calc(260 * var(--u) * var(--kn)) minmax(0,1fr) calc(120px * var(--kn));gap:calc(24px * var(--kn));align-items:center;padding:clamp(calc(12px * var(--kn)),calc(min(2.4vh, 25.92px) * var(--kn)),calc(22px * var(--kn))) 0;border-bottom:1px solid var(--l)}
.sux-we li a{display:flex;align-items:center;gap:calc(14px * var(--kn));text-decoration:none;color:var(--g)}
.sux-we li a b{font-weight:500;font-size:calc(20px * var(--kn));line-height:calc(25px * var(--kn))}.sux-we li a:hover b{color:var(--nt);text-decoration:underline;text-underline-offset:calc(4px * var(--kn))}
.sux-we li a .sux-ik{width:calc(36px * var(--kn));height:calc(36px * var(--kn))}
.sux-we li p{color:#666A7B;font-size:calc(16px * var(--kn));line-height:calc(24px * var(--kn))}
.sux-we-tor{height:calc(2px * var(--kn));background:repeating-linear-gradient(90deg,var(--n) 0 calc(6px * var(--kn)),transparent calc(6px * var(--kn)) calc(12px * var(--kn)));margin-right:calc(-24px * var(--kn));position:relative}
.sux-we-tor::after{content:"";position:absolute;right:calc(-2px * var(--kn));top:calc(-4px * var(--kn));width:calc(10px * var(--kn));height:calc(10px * var(--kn));border-radius:50%;background:var(--n)}
.sux-we-str{position:relative;margin-left:calc(24px * var(--kn));height:clamp(220px,min(40vh, 432px),300px);background:#fff;border:1px solid var(--l);border-radius:calc(6px * var(--kn));padding:calc(40px * var(--kn)) calc(22px * var(--kn)) calc(22px * var(--kn));
 box-shadow:0 calc(18px * var(--kn)) calc(40px * var(--kn)) rgba(0,6,35,.1);box-sizing:border-box}
.sux-we-str::before{content:"";position:absolute;left:0;right:0;top:0;height:calc(24px * var(--kn));background:var(--p);border-radius:calc(6px * var(--kn)) calc(6px * var(--kn)) 0 0;border-bottom:1px solid var(--l)}
.sux-we-str span{display:block;height:calc(10px * var(--kn));border-radius:calc(2px * var(--kn));background:#D9D9D9;margin:calc(10px * var(--kn)) 0}
.sux-we-str span:first-child{height:calc(70px * var(--kn));background:#F0F1FF;margin-top:calc(4px * var(--kn))}.sux-we-str span:nth-child(2){width:70%;background:var(--g)}
.sux-we-str i{display:block;width:60%;height:calc(28px * var(--kn));border-radius:calc(3px * var(--kn));background:var(--n);margin-top:calc(18px * var(--kn))}
.sux-we-str em{position:absolute;left:calc(22px * var(--kn));bottom:calc(18px * var(--kn));font-style:normal;color:var(--g);font-weight:500;font-size:calc(16px * var(--kn))}
/* koło rund */
.sux-hero-cy{background:var(--g);color:#fff}.sux-hero-cy em{color:var(--n)}
.sux-hero-cy .sux-hero-in{grid-template-columns:minmax(0,5fr) minmax(0,6fr)}
.sux-kl{margin:0;display:flex;flex-direction:column;align-items:center}
.sux-kl-w{position:relative;width:min(100%,calc(calc(min(100vh, 1080px) * var(--kn)) - calc(170px * var(--kn))));width:min(100%,calc(calc(min(100svh, 1080px) * var(--kn)) - calc(170px * var(--kn))));max-width:calc(680 * var(--u) * var(--kn));aspect-ratio:1}
.sux-kl-s{width:100%;height:100%}
.sux-kl-c{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:28%;aspect-ratio:1;border-radius:50%;background:var(--n);
 display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(8px * var(--kn));text-align:center;font-size:calc(15px * var(--kn));line-height:calc(19px * var(--kn));color:#fff;
 box-shadow:0 0 0 calc(14px * var(--kn)) rgba(87,104,255,.14)}
.sux-kl-tw{width:calc(40px * var(--kn));height:calc(40px * var(--kn));border-radius:50%;object-fit:cover;box-shadow:0 0 0 calc(3px * var(--kn)) var(--n);background:#fff}.sux-kl-tw+.sux-kl-tw{margin-left:calc(-10px * var(--kn))}
.sux-kl figcaption{margin-top:calc(12px * var(--kn));font-size:calc(14px * var(--kn));line-height:calc(20px * var(--kn));color:#808291;text-align:center}
/* kroki rundy: cztery karty w rzędzie, panel pod nimi */
@media (min-width:1100px){
 .sux-fz{grid-template-columns:repeat(4,minmax(0,1fr));column-gap:calc(8px * var(--kn))}
 .sux-fz>.sux-pr-qd{grid-row:1;align-items:baseline;padding:clamp(calc(12px * var(--kn)),calc(min(2.2vh, 23.76px) * var(--kn)),calc(18px * var(--kn))) calc(20px * var(--kn));background:#fff;border:1px solid var(--l);border-radius:calc(5px * var(--kn));font-size:calc(21px * var(--kn));line-height:calc(27px * var(--kn))}
 .sux-fz>.sux-pr-qd:hover{background:#F0F1FF}
 .sux-fz>.sux-pr-r:checked+.sux-pr-qd{background:#F0F1FF;border-color:#F0F1FF;box-shadow:inset calc(4px * var(--kn)) 0 0 var(--n)}
 .sux-fz>.sux-pr-p{grid-row:2;grid-column:1/-1;padding-top:clamp(calc(14px * var(--kn)),calc(min(2.6vh, 28.08px) * var(--kn)),calc(28px * var(--kn)))}
}
.sux-fz .sux-pr-q b{font-size:calc(15px * var(--kn));color:var(--nt);font-weight:500}
.sux-fz-p{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(calc(32px * var(--kn)),calc(min(4vw, 76.8px) * var(--kn)),calc(56px * var(--kn)));align-items:center}
.sux-fz-r{margin:0}
.sux-fz-s{display:block;width:100%;height:auto;border-radius:calc(5px * var(--kn));background:#F0F1FF;box-sizing:border-box;
 max-height:clamp(220px,calc(min(100vh, 1080px) - 420px),340px);max-height:clamp(220px,calc(min(100svh, 1080px) - 420px),340px)}
.sux-fz-ab{padding:calc(20px * var(--kn))}
.sux-fz-t li{display:grid;grid-template-columns:calc(40px * var(--kn)) minmax(0,1fr);gap:calc(18px * var(--kn));padding:clamp(calc(12px * var(--kn)),calc(min(2.4vh, 25.92px) * var(--kn)),calc(22px * var(--kn))) 0;border-bottom:1px solid var(--l)}
.sux-fz-t li:first-child{border-top:1px solid var(--l)}
.sux-fz-t h3{font-size:calc(22px * var(--kn));line-height:calc(28px * var(--ts) * var(--kn));margin:0 0 calc(6px * var(--kn))}.sux-fz-t p{color:#666A7B;font-size:calc(16px * var(--kn));line-height:calc(24px * var(--kn))}
/* ruch: przełącznik (radio tuż przed etykietą), teksty obu stanów w jednej komórce */
.sux-ru{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:calc(72px * var(--kn));align-items:center}
.sux-ru .sux-glowa{margin-bottom:calc(28px * var(--kn))}
.sux-ru-prz{display:inline-flex;position:relative;background:#fff;border:1px solid var(--l);border-radius:calc(5px * var(--kn));padding:calc(4px * var(--kn));gap:calc(4px * var(--kn));margin-bottom:calc(28px * var(--kn))}
.sux-ru-prz label{padding:calc(10px * var(--kn)) calc(20px * var(--kn));border-radius:calc(3px * var(--kn));cursor:pointer;font-size:calc(16px * var(--kn));line-height:calc(20px * var(--kn));font-weight:500;transition:background .2s}
.sux-ru-prz label:hover{background:#F0F1FF}
.sux-ru-r:checked+label{background:#F0F1FF;box-shadow:inset 0 0 0 1px var(--n)}
.sux-ru-r:focus-visible+label{outline:calc(2px * var(--kn)) solid var(--n);outline-offset:calc(2px * var(--kn))}
.sux-ru-xs{display:grid}.sux-ru-x{grid-area:1/1;visibility:hidden}
.sux-ru:has(#sux-r1:checked) .sux-rx1,.sux-ru:has(#sux-r2:checked) .sux-rx2{visibility:visible}
.sux-ru-x h3{font-size:calc(24px * var(--kn));line-height:calc(30px * var(--ts) * var(--kn));margin:0 0 calc(10px * var(--kn))}.sux-ru-x p{font-size:calc(17px * var(--kn));line-height:calc(26px * var(--kn));max-width:calc(520 * var(--u) * var(--kn))}
.sux-ru-f{margin:0;background:#fff;border-radius:calc(5px * var(--kn));padding:calc(32px * var(--kn))}
.sux-ru-ch{border-bottom:1px solid var(--l);padding-bottom:calc(16px * var(--kn));margin-bottom:calc(20px * var(--kn))}
.sux-ru-s{display:block;width:100%;height:auto}.sux-ru-m{display:none}
.sux-ru:has(#sux-r2:checked) .sux-ru-d{display:none}.sux-ru:has(#sux-r2:checked) .sux-ru-m{display:block}
.sux-ru-pas{display:grid;grid-template-columns:calc(220 * var(--u) * var(--kn)) minmax(0,1fr);gap:calc(16px * var(--kn));align-items:center;padding:calc(8px * var(--kn)) 0;font-size:calc(16px * var(--kn));line-height:calc(22px * var(--kn))}
.sux-ru-pas i{display:block;height:calc(18px * var(--kn));border-radius:calc(3px * var(--kn));transition:width .5s ease}
.sux-ru-ab{background:var(--n);width:82%}.sux-ru-ob{background:var(--g);width:30%}
.sux-ru:has(#sux-r2:checked) .sux-ru-ab{width:24%}.sux-ru:has(#sux-r2:checked) .sux-ru-ob{width:88%}
.sux-ru-f figcaption{margin-top:calc(14px * var(--kn));font-size:calc(14px * var(--kn));line-height:calc(20px * var(--kn));color:#666A7B}
/* zespół w rundach: rundy w białych kartach (karty na granacie są białe) */
.sux-rz{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:calc(64px * var(--kn));align-items:center}
.sux-rz .sux-glowa{margin-bottom:0}
.sux-rz-k{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(16px * var(--kn));align-items:end}
.sux-rz-k li{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:calc(16px * var(--kn));padding:calc(22px * var(--kn));background:#fff;color:var(--g);border-radius:calc(5px * var(--kn));
 min-height:clamp(220px,min(40vh, 432px),300px);box-sizing:border-box}
.sux-rz-n{font-weight:500;font-size:calc(18px * var(--kn));line-height:calc(22px * var(--kn));margin:0}
.sux-rz-k .sux-tw{box-shadow:0 0 0 calc(3px * var(--kn)) #fff}
.sux-rz-stos{display:flex;flex-direction:column-reverse;gap:calc(6px * var(--kn));width:100%}
.sux-rz-w{display:block;padding:calc(8px * var(--kn)) calc(12px * var(--kn));background:var(--n);color:#fff;border-radius:calc(3px * var(--kn));font-size:calc(14px * var(--kn));line-height:calc(18px * var(--kn))}
.sux-rz-w:nth-child(2){background:#F0F1FF;color:var(--g)}.sux-rz-w:nth-child(3){background:var(--g);color:#fff}
/* obszary zbiegające do jednej listy */
.sux-zb{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(20px * var(--kn))}
.sux-zb li{position:relative;background:#fff;border-radius:calc(5px * var(--kn));padding:calc(28px * var(--kn)) calc(24px * var(--kn)) calc(32px * var(--kn))}
.sux-zb li::after{content:"";position:absolute;left:50%;bottom:calc(-48px * var(--kn));height:calc(48px * var(--kn));border-left:calc(2px * var(--kn)) dashed var(--n)}
.sux-zb a{display:flex;flex-direction:column;align-items:flex-start;gap:calc(14px * var(--kn));text-decoration:none;color:var(--g)}
.sux-zb a b{font-weight:500;font-size:calc(20px * var(--kn));line-height:calc(25px * var(--kn))}.sux-zb a:hover b{color:var(--nt);text-decoration:underline;text-underline-offset:calc(4px * var(--kn))}
.sux-zb p{margin-top:calc(10px * var(--kn));color:#666A7B;font-size:calc(16px * var(--kn));line-height:calc(24px * var(--kn))}
.sux-zb-cel{margin-top:calc(48px * var(--kn));background:var(--g);color:#fff;border-radius:calc(5px * var(--kn));padding:calc(22px * var(--kn)) calc(28px * var(--kn));text-align:center;font-size:calc(22px * var(--kn));line-height:calc(28px * var(--ts) * var(--kn));font-weight:500}

/* ≤ 1200 */
@media (max-width:1200px){.sux-hero h1{font-size:calc(44px * var(--ts) * var(--kn));line-height:1}.sux-hero-in{gap:calc(40px * var(--kn))}
 .sux-we li{grid-template-columns:calc(220 * var(--u) * var(--kn)) minmax(0,1fr) calc(60px * var(--kn))}.sux-we{grid-template-columns:minmax(0,1fr) calc(200 * var(--u) * var(--kn))}
 .sux-od{grid-template-columns:1fr}.sux-od-r{aspect-ratio:16/10}.sux-od-ekran .sux-od-s{width:100%}
 .sux-pan{grid-template-columns:1fr 1fr}.sux-pan-g{grid-column:1/-1}}
/* < 1100: jedna kolumna, przełączniki jako akordeon */
@media (max-width:1099.98px){
 .sux-hero-in,.sux-hero-cy .sux-hero-in{grid-template-columns:1fr;min-height:0;padding-top:calc(128px * var(--kn));padding-bottom:calc(72px * var(--kn));gap:calc(56px * var(--kn))}
 .sux-hm,.sux-ek{width:100%;max-width:calc(760 * var(--u) * var(--kn));justify-self:start}.sux-kl-w{width:100%;max-width:calc(560 * var(--u) * var(--kn))}
 .sux-glowa2{grid-template-columns:1fr;align-items:start}
 .sux-ab,.sux-cs,.sux-ze,.sux-rp,.sux-ru,.sux-rz,.sux-form-in{grid-template-columns:1fr;gap:calc(48px * var(--kn))}
 .sux-ab-f,.sux-mx,.sux-mm,.sux-cs-a .sux-mm{width:100%;max-width:calc(640 * var(--u) * var(--kn));margin:0}
 .sux-orb{width:100%;max-width:calc(440 * var(--u) * var(--kn))}
 .sux-sc-meta{display:none}
 .sux-sc .sux-lj-nr{display:grid;place-items:center;flex:none;width:calc(26px * var(--kn));height:calc(26px * var(--kn));border-radius:50%;border:calc(1.5px * var(--kn)) solid var(--g);font-size:calc(13px * var(--kn));font-weight:500;box-sizing:border-box}
 .sux-pan{grid-template-columns:1fr;gap:calc(16px * var(--kn));padding:calc(20px * var(--kn))}.sux-pan-g{display:none}
 .sux-ua .sux-pr-qm{gap:calc(14px * var(--kn))}
 .sux-ua-p{grid-template-columns:1fr;gap:calc(20px * var(--kn));padding:calc(20px * var(--kn))}
 .sux-fz-p{grid-template-columns:1fr;gap:calc(24px * var(--kn))}.sux-fz-s{max-height:none}
 .sux-zb{grid-template-columns:repeat(2,minmax(0,1fr))}.sux-zb li::after{display:none}.sux-zb-cel{margin-top:calc(20px * var(--kn))}
 .sux-we{grid-template-columns:1fr}.sux-we-str{display:none}.sux-we li{grid-template-columns:calc(240 * var(--u) * var(--kn)) minmax(0,1fr)}.sux-we-tor{display:none}
 .sux-cs-a .sux-cs-f{order:2}
}
/* ≤ 900: telefon */
@media (max-width:900px){
 .sux-sek,.sux-form{padding:calc(72px * var(--kn)) 0}.sux-glowa{margin-bottom:calc(32px * var(--kn))}.sux-glowa .lead{font-size:calc(17px * var(--kn));line-height:calc(26px * var(--kn))}
 .sux-hero-in,.sux-hero-cy .sux-hero-in{padding-top:calc(112px * var(--kn));padding-bottom:calc(56px * var(--kn));gap:calc(44px * var(--kn))}
 .sux-hero h1{font-size:calc(34px * var(--ts) * var(--kn));line-height:1}.sux-hero-lead{font-size:calc(17px * var(--kn));line-height:calc(26px * var(--kn))}.sux-przyc .btn{margin-top:calc(24px * var(--kn))}
 .sux-zesp{margin-top:calc(32px * var(--kn))}
 .sux-dy{font-size:calc(13px * var(--kn));line-height:calc(17px * var(--kn));padding:calc(7px * var(--kn)) calc(10px * var(--kn))}.sux-dy1{left:2%;top:20%}.sux-dy2{right:2%;top:44%}.sux-dy3{display:none}
 .sux-hm-leg{flex-direction:column;align-items:flex-start;gap:calc(8px * var(--kn));margin-top:calc(20px * var(--kn))}
 .sux-pin-t{display:none}.sux-pin>b{width:calc(26px * var(--kn));height:calc(26px * var(--kn));left:calc(-13px * var(--kn));top:calc(-13px * var(--kn));font-size:calc(13px * var(--kn));box-shadow:0 0 0 calc(5px * var(--kn)) rgba(87,104,255,.22)}
 .sux-ek figcaption{text-align:left}
 .sux-lj-et{display:none}
 .sux-ods{grid-template-columns:1fr}.sux-od{padding:calc(22px * var(--kn))}.sux-od h3{font-size:calc(24px * var(--kn));line-height:calc(30px * var(--ts) * var(--kn))}
 .sux-cyt p{font-size:calc(21px * var(--kn));line-height:calc(30px * var(--ts) * var(--kn))}.sux-cyt{padding-left:calc(20px * var(--kn))}
 .sux-orb{max-width:calc(360px * var(--kn))}.sux-orb-n{display:none}.sux-orb-c{font-size:calc(15px * var(--kn));line-height:calc(18px * var(--kn))}
 .sux-cw{grid-template-columns:calc(48px * var(--kn)) minmax(0,1fr);gap:calc(14px * var(--kn));padding:calc(20px * var(--kn))}.sux-cw-f{width:calc(48px * var(--kn));height:calc(48px * var(--kn))}
 .sux-form-k{padding:calc(24px * var(--kn)) calc(20px * var(--kn))}
 .sux-ua-t h3{font-size:calc(22px * var(--kn));line-height:calc(28px * var(--ts) * var(--kn))}
 .sux-uw{padding:calc(22px * var(--kn)) calc(20px * var(--kn)) calc(8px * var(--kn))}.sux-uw div{grid-template-columns:1fr;gap:calc(2px * var(--kn))}
 .sux-pb{grid-template-columns:1fr;gap:0}.sux-pb::before{display:none}.sux-pb li{padding:calc(28px * var(--kn)) 0;border-top:calc(2px * var(--kn)) dashed var(--n)}
 .sux-pb-n{font-size:calc(44px * var(--ts) * var(--kn));line-height:calc(48px * var(--ts) * var(--kn));margin-bottom:calc(16px * var(--kn));padding:0}
 .sux-mx-s .sux-mx-t{font-size:calc(22px * var(--kn))}.sux-mx-s .sux-mx-k{font-size:calc(19px * var(--kn))}
 .sux-we li{grid-template-columns:1fr;gap:calc(8px * var(--kn));padding:calc(18px * var(--kn)) 0}
 .sux-kl-s .sux-kl-m{font-size:calc(24px * var(--kn))}.sux-kl-s .sux-kl-r{display:none}.sux-kl-s .sux-kl-f{font-size:calc(30px * var(--ts) * var(--kn))}
 .sux-kl-c{width:34%;font-size:calc(13px * var(--kn));line-height:calc(16px * var(--kn));gap:calc(6px * var(--kn))}.sux-kl-tw{width:calc(30px * var(--kn));height:calc(30px * var(--kn))}
 .sux-fz-t h3{font-size:calc(20px * var(--kn));line-height:calc(26px * var(--kn))}
 .sux-ru-f{padding:calc(20px * var(--kn))}.sux-ru-pas{grid-template-columns:1fr;gap:calc(6px * var(--kn))}.sux-ru-prz label{padding:calc(10px * var(--kn)) calc(14px * var(--kn))}
 .sux-rz-k{grid-template-columns:1fr;gap:calc(10px * var(--kn))}.sux-rz-k li{min-height:0}
 .sux-zb{grid-template-columns:1fr}.sux-zb-cel{font-size:calc(18px * var(--kn));line-height:calc(24px * var(--kn));padding:calc(18px * var(--kn))}}
@media (max-width:420px){.sux-hero h1{font-size:calc(31px * var(--ts) * var(--kn));line-height:1}.sux-ru-prz{display:flex}.sux-ru-prz label{flex:1;text-align:center;padding:calc(10px * var(--kn)) calc(8px * var(--kn))}}
.sux-lupa-b{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='' viewBox='0 0 820 580' preserveAspectRatio='xMidYMid meet' aria-hidden='true' font-family='Roobert, Segoe UI, sans-serif'%3E%3Cg transform='rotate(-5 110 470)'%3E%3Crect x='0' y='376' width='176' height='196' rx='3' fill='%23fff' stroke='%23CCCDD3'/%3E%3Crect x='16' y='394' width='92' height='10' rx='2' fill='%23000623'/%3E%3Ccircle cx='24' cy='428' r='7' fill='%234E5EE6'/%3E%3Crect x='38' y='424' width='96' height='7' rx='2' fill='%23D9D9D9'/%3E%3Ccircle cx='24' cy='458' r='7' fill='%234E5EE6'/%3E%3Crect x='38' y='454' width='87' height='7' rx='2' fill='%23D9D9D9'/%3E%3Ccircle cx='24' cy='488' r='7' fill='%23CCCDD3'/%3E%3Crect x='38' y='484' width='78' height='7' rx='2' fill='%23D9D9D9'/%3E%3Ccircle cx='24' cy='518' r='7' fill='%23CCCDD3'/%3E%3Crect x='38' y='514' width='69' height='7' rx='2' fill='%23D9D9D9'/%3E%3Ccircle cx='24' cy='548' r='7' fill='%23CCCDD3'/%3E%3Crect x='38' y='544' width='60' height='7' rx='2' fill='%23D9D9D9'/%3E%3C/g%3E%3Crect x='160' y='50' width='560' height='400' rx='6' fill='%23fff' stroke='%23CCCDD3'/%3E%3Crect x='161' y='51' width='558' height='27' rx='5' fill='%23F9F9F9'/%3E%3Ccircle cx='176' cy='64' r='4' fill='%23CCCDD3'/%3E%3Ccircle cx='190' cy='64' r='4' fill='%23CCCDD3'/%3E%3Ccircle cx='204' cy='64' r='4' fill='%23CCCDD3'/%3E%3Crect x='180' y='90' width='56' height='14' rx='2' fill='%23000623'/%3E%3Crect x='410' y='94' width='46' height='7' rx='2' fill='%23CCCDD3'/%3E%3Crect x='474' y='94' width='46' height='7' rx='2' fill='%23CCCDD3'/%3E%3Crect x='538' y='94' width='46' height='7' rx='2' fill='%23CCCDD3'/%3E%3Crect x='602' y='94' width='46' height='7' rx='2' fill='%23CCCDD3'/%3E%3Crect x='160' y='118' width='560' height='26' fill='%23F0F1FF'/%3E%3Crect x='340' y='127' width='200' height='8' rx='2' fill='%23000623'/%3E%3Crect x='180' y='156' width='34' height='6' rx='2' fill='%23D9D9D9'/%3E%3Crect x='222' y='156' width='46' height='6' rx='2' fill='%23D9D9D9'/%3E%3Crect x='276' y='156' width='58' height='6' rx='2' fill='%23D9D9D9'/%3E%3Crect x='180' y='174' width='250' height='196' rx='3' fill='%23F0F1FF'/%3E%3Cg transform='translate(305 264) scale(1.05)' fill='none' stroke='%23000623' stroke-width='3' stroke-linejoin='round'%3E%3Cpath d='M-44 -26 H44 L52 58 H-52 Z' fill='%23fff'/%3E%3Cpath d='M-22 -26 V-40 A22 22 0 0 1 22 -40 V-26'/%3E%3Cpath d='M-22 -8 V0 M22 -8 V0' stroke-linecap='round'/%3E%3C/g%3E%3Crect x='456' y='178' width='220' height='12' rx='2' fill='%23000623'/%3E%3Crect x='456' y='198' width='150' height='12' rx='2' fill='%23000623'/%3E%3Crect x='456' y='228' width='84' height='18' rx='2' fill='%23000623'/%3E%3Crect x='456' y='258' width='160' height='7' rx='2' fill='%23D9D9D9'/%3E%3Crect x='456' y='290' width='200' height='36' rx='3' fill='%234E5EE6'/%3E%3Ctext x='556' y='313' text-anchor='middle' font-size='15' font-weight='500' fill='%23fff'%3EDo koszyka%3C/text%3E%3Crect x='180' y='386' width='500' height='6' rx='2' fill='%23D9D9D9'/%3E%3Crect x='180' y='400' width='440' height='6' rx='2' fill='%23D9D9D9'/%3E%3Crect x='180' y='414' width='470' height='6' rx='2' fill='%23D9D9D9'/%3E%3Crect x='640' y='190' width='176' height='350' rx='20' fill='%23000623'/%3E%3Crect x='648' y='202' width='160' height='326' rx='12' fill='%23fff'/%3E%3Crect x='660' y='220' width='96' height='10' rx='2' fill='%23000623'/%3E%3Crect x='660' y='246' width='136' height='28' rx='3' fill='%23fff' stroke='%23CCCDD3'/%3E%3Crect x='668' y='257' width='50' height='6' rx='2' fill='%23D9D9D9'/%3E%3Crect x='660' y='286' width='136' height='28' rx='3' fill='%23fff' stroke='%23CCCDD3'/%3E%3Crect x='668' y='297' width='67' height='6' rx='2' fill='%23D9D9D9'/%3E%3Crect x='660' y='326' width='136' height='28' rx='3' fill='%23fff' stroke='%23CCCDD3'/%3E%3Crect x='668' y='337' width='84' height='6' rx='2' fill='%23D9D9D9'/%3E%3Crect x='660' y='366' width='136' height='28' rx='3' fill='%23fff' stroke='%23CCCDD3'/%3E%3Crect x='668' y='377' width='61' height='6' rx='2' fill='%23D9D9D9'/%3E%3Crect x='660' y='406' width='136' height='28' rx='3' fill='%23fff' stroke='%23CCCDD3'/%3E%3Crect x='668' y='417' width='78' height='6' rx='2' fill='%23D9D9D9'/%3E%3Crect x='660' y='480' width='136' height='30' rx='3' fill='%234E5EE6'/%3E%3Cg class='sux-pin-s sux-ps1'%3E%3Ccircle cx='560' cy='131' r='24' fill='%235768FF' fill-opacity='.2'/%3E%3Ccircle cx='560' cy='131' r='15' fill='%234E5EE6'/%3E%3Ctext x='560' y='136.5' text-anchor='middle' font-size='15' font-weight='500' fill='%23fff'%3E1%3C/text%3E%3C/g%3E%3Cg class='sux-pin-s sux-ps2'%3E%3Ccircle cx='190' cy='158' r='24' fill='%235768FF' fill-opacity='.2'/%3E%3Ccircle cx='190' cy='158' r='15' fill='%234E5EE6'/%3E%3Ctext x='190' y='163.5' text-anchor='middle' font-size='15' font-weight='500' fill='%23fff'%3E2%3C/text%3E%3C/g%3E%3Cg class='sux-pin-s sux-ps3'%3E%3Ccircle cx='780' cy='380' r='24' fill='%235768FF' fill-opacity='.2'/%3E%3Ccircle cx='780' cy='380' r='15' fill='%234E5EE6'/%3E%3Ctext x='780' y='385.5' text-anchor='middle' font-size='15' font-weight='500' fill='%23fff'%3E3%3C/text%3E%3C/g%3E%3Cg class='sux-pin-s sux-ps4'%3E%3Ccircle cx='600' cy='262' r='24' fill='%235768FF' fill-opacity='.2'/%3E%3Ccircle cx='600' cy='262' r='15' fill='%234E5EE6'/%3E%3Ctext x='600' y='267.5' text-anchor='middle' font-size='15' font-weight='500' fill='%23fff'%3E4%3C/text%3E%3C/g%3E%3Cg class='sux-pin-s sux-ps5'%3E%3Ccircle cx='760' cy='495' r='24' fill='%235768FF' fill-opacity='.2'/%3E%3Ccircle cx='760' cy='495' r='15' fill='%234E5EE6'/%3E%3Ctext x='760' y='500.5' text-anchor='middle' font-size='15' font-weight='500' fill='%23fff'%3E5%3C/text%3E%3C/g%3E%3Cg class='sux-pin-s sux-ps6'%3E%3Ccircle cx='116' cy='432' r='24' fill='%235768FF' fill-opacity='.2'/%3E%3Ccircle cx='116' cy='432' r='15' fill='%234E5EE6'/%3E%3Ctext x='116' y='437.5' text-anchor='middle' font-size='15' font-weight='500' fill='%23fff'%3E6%3C/text%3E%3C/g%3E%3C/svg%3E")}

/*@@KONIEC st_ux@@*/

/*@@MODUL aktualnosci@@*/

/* ===== DOCELOWA · /aktualnosci/: hero na pierwszy ekran, katalog wpisów po sześć na stronę (E44, E46, E49) ===== */
@media (min-width:1100px) and (min-aspect-ratio:4/3){
 .hero-prosty.ak-hero{box-sizing:border-box;min-height:min(100vh, 1080px);min-height:min(100svh, 1080px);display:flex;flex-direction:column;justify-content:center;
  padding:calc(96px * var(--kn)) 0 calc(64px * var(--kn))}
 .hero-prosty.ak-hero>.wrap{width:100%}
}
@media (min-width:901px){
 .hero-prosty.ak-hero .h1m{font-size:clamp(calc(40px * var(--ts) * var(--kn)),calc(min(7vh, 75.6px) * var(--kn)),calc(64px * var(--ts) * var(--kn)));line-height:1}
 .hero-prosty.ak-hero .lead{font-size:calc(20px * var(--kn));line-height:calc(30px * var(--ts) * var(--kn));max-width:calc(640 * var(--u) * var(--kn))}
}
.ak-glowa{display:flex;align-items:flex-end;justify-content:space-between;gap:calc(24px * var(--kn));margin:0 0 clamp(calc(16px * var(--kn)),calc(min(3vh, 32.4px) * var(--kn)),calc(32px * var(--kn)))}
.ak-glowa h2{margin:0}
.ak-nry{display:flex;gap:calc(8px * var(--kn));flex:none}
.ak-nr{display:flex;align-items:center;justify-content:center;width:calc(40px * var(--kn));height:calc(40px * var(--kn));border-radius:50%;box-shadow:inset 0 0 0 1px var(--l);
 background:#fff;color:var(--g);font-size:calc(16px * var(--kn));line-height:calc(20px * var(--kn));font-weight:500;cursor:pointer;transition:background .2s,box-shadow .2s}
.ak-nr:hover{background:#F0F1FF}
.ak-kat>input:nth-of-type(1):checked~.ak-glowa .ak-nr:nth-child(1),.ak-kat>input:nth-of-type(2):checked~.ak-glowa .ak-nr:nth-child(2),
.ak-kat>input:nth-of-type(3):checked~.ak-glowa .ak-nr:nth-child(3),.ak-kat>input:nth-of-type(4):checked~.ak-glowa .ak-nr:nth-child(4)
{background:#F0F1FF;box-shadow:inset 0 0 0 calc(2px * var(--kn)) var(--n);color:var(--g)}
.ak-kat>input:nth-of-type(1):focus-visible~.ak-glowa .ak-nr:nth-child(1),.ak-kat>input:nth-of-type(2):focus-visible~.ak-glowa .ak-nr:nth-child(2),
.ak-kat>input:nth-of-type(3):focus-visible~.ak-glowa .ak-nr:nth-child(3),.ak-kat>input:nth-of-type(4):focus-visible~.ak-glowa .ak-nr:nth-child(4)
{outline:calc(2px * var(--kn)) solid var(--n);outline-offset:calc(2px * var(--kn))}
.ak-strony{display:grid}
.ak-st{grid-area:1/1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(20px * var(--kn));align-content:start;visibility:hidden}
.ak-kat>input:nth-of-type(1):checked~.ak-strony>.ak-st1,.ak-kat>input:nth-of-type(2):checked~.ak-strony>.ak-st2,
.ak-kat>input:nth-of-type(3):checked~.ak-strony>.ak-st3,.ak-kat>input:nth-of-type(4):checked~.ak-strony>.ak-st4{visibility:visible}
.ak-k h3{margin:0}
@media (min-width:901px){
 .ak-k{padding:clamp(calc(20px * var(--kn)),calc(min(3vh, 32.4px) * var(--kn)),calc(32px * var(--kn))) calc(28px * var(--kn)) calc(clamp(calc(20px * var(--kn)),calc(min(3vh, 32.4px) * var(--kn)),calc(32px * var(--kn))) + calc(48px * var(--kn)))}
 .ak-k .strz{left:calc(28px * var(--kn));bottom:clamp(calc(16px * var(--kn)),calc(min(2.6vh, 28.08px) * var(--kn)),calc(28px * var(--kn)))}
 .ak-k h3{font-size:calc(18px * var(--kn));line-height:calc(24px * var(--kn))}
 .ak-k .ak-zaj{display:none}
}
@media (min-width:901px) and (max-width:1100px){.ak-st{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){
 .ak-glowa{display:block}
 .ak-nry{display:none}
 .ak-strony{display:block}
 .ak-st{visibility:visible;grid-template-columns:minmax(0,1fr)}
 .ak-st+.ak-st{margin-top:calc(20px * var(--kn))}
 .ak-k .ak-zaj{margin:calc(10px * var(--kn)) 0 calc(48px * var(--kn))}
}
@media (prefers-reduced-motion:reduce){.ak-nr{transition:none}}

/*@@KONIEC aktualnosci@@*/

/*@@MODUL branze@@*/

/* ===== DOCELOWA · /404/, /dziekujemy/: hero na pierwszy ekran, karty na skróty na jednym ekranie (E46) ===== */
@media (min-width:1100px) and (min-aspect-ratio:4/3){
 .hero-prosty.br-hero{box-sizing:border-box;min-height:min(100vh, 1080px);min-height:min(100svh, 1080px);display:flex;flex-direction:column;justify-content:center;
  padding:calc(96px * var(--kn)) 0 calc(64px * var(--kn))}
 .hero-prosty.br-hero>.wrap{width:100%}
}
@media (min-width:901px){
 .hero-prosty.br-hero .h1m{font-size:clamp(calc(40px * var(--ts) * var(--kn)),calc(min(7vh, 75.6px) * var(--kn)),calc(64px * var(--ts) * var(--kn)));line-height:1}
 .hero-prosty.br-hero .lead{font-size:calc(20px * var(--kn));line-height:calc(30px * var(--ts) * var(--kn));max-width:calc(640 * var(--u) * var(--kn))}
 .br-sek .siatka{margin-top:clamp(calc(20px * var(--kn)),calc(min(4vh, 43.2px) * var(--kn)),calc(40px * var(--kn)))}
 .br-sek .karta{padding:clamp(calc(18px * var(--kn)),calc(min(2.8vh, 30.24px) * var(--kn)),calc(40px * var(--kn))) clamp(calc(24px * var(--kn)),calc(min(2.4vw, 46.08px) * var(--kn)),calc(40px * var(--kn))) calc(clamp(calc(16px * var(--kn)),calc(min(2.6vh, 28.08px) * var(--kn)),calc(32px * var(--kn))) + calc(48px * var(--kn)))}
 .br-sek .karta .ik{width:calc(36px * var(--kn));height:calc(36px * var(--kn));margin-bottom:clamp(calc(10px * var(--kn)),calc(min(2vh, 21.6px) * var(--kn)),calc(28px * var(--kn)))}
 .br-sek .karta .strz{left:clamp(calc(24px * var(--kn)),calc(min(2.4vw, 46.08px) * var(--kn)),calc(40px * var(--kn)));bottom:clamp(calc(14px * var(--kn)),calc(min(2.2vh, 23.76px) * var(--kn)),calc(32px * var(--kn)))}
}

/*@@KONIEC branze@@*/

/*@@MODUL figma_ac@@*/

/* ===== DOCELOWA · /academy/: hero na pierwszy ekran, katalog wpisów po sześć na stronę (figma_fo.strony, styl .kat-*
   w bloku figma_fo) ===== */
@media (min-width:1100px) and (min-aspect-ratio:4/3){
 main:has(.figma_ac-sek) .hero:has(.hero-wyc) .hero-in{min-height:min(100vh, 1080px);min-height:min(100svh, 1080px)}
 main:has(.figma_ac-sek) .hero-wyc{min-height:0}
 main:has(.figma_ac-sek) .hero-wyc .wyc{height:calc(min(100vh, 1080px) - 60px);height:calc(min(100svh, 1080px) - 60px);width:auto;aspect-ratio:1400/960}
 /* węższe okna (1100–1279): portret przesunięty w prawo, żeby nie podchodził pod tekst */
 @media (max-width:1279px){main:has(.figma_ac-sek) .hero-wyc .wyc{right:calc((calc(1280px * var(--kn)) - calc(min(100vw, 1920px) * var(--kn))) * -.6)}}
 main:has(.figma_ac-sek) .hero:has(.hero-wyc) .hero-t{align-self:center;padding:calc(60px * var(--kn)) 0 0;max-width:calc(500 * var(--u) * var(--kn))}
 main:has(.figma_ac-sek) .hero h1{font-size:clamp(calc(36px * var(--ts) * var(--kn)),calc(min(5.6vh, 60.48px) * var(--kn)),calc(48px * var(--ts) * var(--kn)));line-height:1}
 main:has(.figma_ac-sek) .hero-lead{font-size:calc(18px * var(--kn));line-height:calc(28px * var(--ts) * var(--kn))}
}
/* karta wpisu (figma_ir) na komputerze: zdjęcie od wysokości okna (portret autora w tej samej skali), tytuł, autor;
   bez zajawki (kanon E45; na telefonie zostaje) */
@media (min-width:901px){
 .figma_ac-sek{--h:clamp(calc(72px * var(--kn)),calc(min(11vh, 118.8px) * var(--kn)),calc(203px * var(--kn)))}
 .figma_ac-sek .figma_ir-foto{height:var(--h)}
 .figma_ac-sek .figma_ir-foto>.figma_ir-por{width:calc(var(--h) * 3.2);left:calc(50% - var(--h) * var(--cx) * .32 / 140);
  top:calc(var(--h) * (15 - var(--top) * .32) / 140)}
 .figma_ac-sek .figma_ir-det{margin:calc(14px * var(--kn)) 0 calc(10px * var(--kn))}
 .figma_ac-sek .figma_ir-tyt{font-size:calc(18px * var(--kn));line-height:calc(22px * var(--kn));min-height:calc(44px * var(--kn));margin:0 0 calc(14px * var(--kn))}
 .figma_ac-sek .figma_ir-zaj{display:none}
}
@media (max-width:900px){.figma_ac-sek{padding:calc(40px * var(--kn)) 0}}

/*@@KONIEC figma_ac@@*/

/*@@MODUL figma_fo@@*/

/* ===== DOCELOWA · /future-of-search/, /search-observatory/: hero na pierwszy ekran, sekcja = ekran (E46) ===== */
/* hero: na komputerze cały pierwszy ekran; portret liczony od wysokości okna (płótno 1400×960 na #D9D9D9 jak tło hero),
   tekst na środku wysokości */
@media (min-width:1100px) and (min-aspect-ratio:4/3){
 main:has(.figma_fo-kafle) .hero:has(.hero-wyc) .hero-in{min-height:min(100vh, 1080px);min-height:min(100svh, 1080px)}
 main:has(.figma_fo-kafle) .hero-wyc{min-height:0}
 main:has(.figma_fo-kafle) .hero-wyc .wyc{height:calc(min(100vh, 1080px) - 60px);height:calc(min(100svh, 1080px) - 60px);width:auto;aspect-ratio:1400/960}
 /* węższe okna (1100–1279): portret przesunięty w prawo, żeby nie podchodził pod tekst */
 @media (max-width:1279px){main:has(.figma_fo-kafle) .hero-wyc .wyc{right:calc((calc(1280px * var(--kn)) - calc(min(100vw, 1920px) * var(--kn))) * -.6)}}
 main:has(.figma_fo-kafle) .hero:has(.hero-wyc) .hero-t{align-self:center;padding:calc(60px * var(--kn)) 0 0;max-width:calc(500 * var(--u) * var(--kn))}
 main:has(.figma_fo-kafle) .hero h1{font-size:clamp(calc(36px * var(--ts) * var(--kn)),calc(min(5.6vh, 60.48px) * var(--kn)),calc(48px * var(--ts) * var(--kn)));line-height:1}
 main:has(.figma_fo-kafle) .hero-lead{font-size:calc(18px * var(--kn));line-height:calc(28px * var(--ts) * var(--kn));margin-right:0}
}
/* granatowa sekcja kafli: odstępy od wysokości okna (kafle 550×320 jak w projekcie) */
@media (min-width:901px){
 .figma_fo-kafle h2{margin:0 0 clamp(calc(24px * var(--kn)),calc(min(5vh, 54px) * var(--kn)),calc(80px * var(--kn)))}
 .figma_fo-zamkn{margin:clamp(calc(20px * var(--kn)),calc(min(4vh, 43.2px) * var(--kn)),calc(56px * var(--kn))) 0 0}
}
/* katalog kart po sześć na stronę (figma_fo.strony: /future-of-search/, /search-observatory/, /academy/) */
.kat-glowa{display:flex;align-items:flex-end;justify-content:space-between;gap:calc(24px * var(--kn));margin:0 0 clamp(calc(16px * var(--kn)),calc(min(3vh, 32.4px) * var(--kn)),calc(32px * var(--kn)))}
.kat-glowa h2{margin:0}
.kat-nav{display:flex;align-items:center;gap:calc(28px * var(--kn));flex:none}
.kat-nry{display:flex;gap:calc(8px * var(--kn))}
.kat-nr{display:flex;align-items:center;justify-content:center;width:calc(40px * var(--kn));height:calc(40px * var(--kn));border-radius:50%;box-shadow:inset 0 0 0 1px var(--l);
 background:#fff;color:var(--g);font-size:calc(16px * var(--kn));line-height:calc(20px * var(--kn));font-weight:500;cursor:pointer;transition:background .2s,box-shadow .2s}
.kat-nr:hover{background:#F0F1FF}
.kat>input:nth-of-type(1):checked~.kat-glowa .kat-nr:nth-child(1),.kat>input:nth-of-type(2):checked~.kat-glowa .kat-nr:nth-child(2),
.kat>input:nth-of-type(3):checked~.kat-glowa .kat-nr:nth-child(3){background:#F0F1FF;box-shadow:inset 0 0 0 calc(2px * var(--kn)) var(--n);color:var(--g)}
.kat>input:nth-of-type(1):focus-visible~.kat-glowa .kat-nr:nth-child(1),.kat>input:nth-of-type(2):focus-visible~.kat-glowa .kat-nr:nth-child(2),
.kat>input:nth-of-type(3):focus-visible~.kat-glowa .kat-nr:nth-child(3){outline:calc(2px * var(--kn)) solid var(--n);outline-offset:calc(2px * var(--kn))}
.kat-wiecej{display:inline-flex;align-items:center;gap:calc(8px * var(--kn));color:var(--nt);font-weight:500;text-decoration:none;white-space:nowrap}
.kat-wiecej::after{content:none;transition:transform .2s}
.kat-wiecej:hover{text-decoration:underline;text-underline-offset:calc(4px * var(--kn))}.kat-wiecej:hover::after{transform:translateX(calc(4px * var(--kn)))}
.kat-strony{display:grid}
.kat-st{grid-area:1/1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(calc(18px * var(--kn)),calc(min(2.5vh, 27px) * var(--kn)),calc(40px * var(--kn))) calc(20px * var(--kn));align-content:start;visibility:hidden}
.kat>input:nth-of-type(1):checked~.kat-strony>.kat-st1,.kat>input:nth-of-type(2):checked~.kat-strony>.kat-st2,
.kat>input:nth-of-type(3):checked~.kat-strony>.kat-st3{visibility:visible}
@media (prefers-reduced-motion:reduce){.kat-nr,.kat-wiecej::after{transition:none}}
/* karta wpisu na komputerze: zdjęcie od wysokości okna (portret autora w tej samej skali), tytuł, autor; bez zajawki
   (kanon E45: pozycja = tytuł; zajawki z „(...)” zostają na telefonie) */
@media (min-width:901px){
 .figma_fo-posty-sek{--h:clamp(calc(72px * var(--kn)),calc(min(11vh, 118.8px) * var(--kn)),calc(203px * var(--kn)))}
 .figma_fo-posty-sek .figma_fo-zd{height:var(--h)}
 .figma_fo-posty-sek .figma_fo-zd-portret img{width:calc(var(--h) * 3.2);left:calc(50% - var(--h) * var(--cx) / 140);
  top:calc(var(--h) * var(--ty) / 140)}
 .figma_fo-posty-sek .figma_fo-det{margin-top:calc(14px * var(--kn))}
 .figma_fo-posty-sek .figma_fo-tyt{min-height:calc(44px * var(--kn));margin-top:calc(10px * var(--kn));font-size:calc(18px * var(--kn));line-height:calc(22px * var(--kn))}
 .figma_fo-posty-sek .figma_fo-zaj{display:none}
 .figma_fo-posty-sek .figma_fo-autor{margin-top:calc(14px * var(--kn))}
}
@media (max-width:900px){
 .kat-glowa{flex-direction:column;align-items:flex-start;gap:calc(12px * var(--kn))}
 .kat-nry{display:none}
 .kat-strony{display:block}
 .kat-st{visibility:visible;grid-template-columns:minmax(0,1fr);gap:calc(40px * var(--kn))}
 .kat-st+.kat-st{margin-top:calc(40px * var(--kn))}
 .figma_fo-posty-sek{padding:calc(40px * var(--kn)) 0}
}

/*@@KONIEC figma_fo@@*/

/*@@MODUL figma_ir@@*/

/* ===== DOCELOWA · /raporty/: tytuł i trzy raporty w pierwszym ekranie (hero), okładki liczone od wysokości okna ===== */
@media (min-width:901px){
 .figma_ir-hero{text-align:center}
 .figma_ir-hero h1{margin-left:auto;margin-right:auto}
 .figma_ir-hero .figma_ir-rap3{display:grid;grid-template-columns:repeat(3,max-content);justify-content:center;gap:calc(20px * var(--kn)) clamp(calc(32px * var(--kn)),calc(min(4vw, 76.8px) * var(--kn)),calc(64px * var(--kn)));
  margin-top:clamp(calc(28px * var(--kn)),calc(min(5vh, 54px) * var(--kn)),calc(56px * var(--kn)));text-align:left}
 .figma_ir-hero .figma_ir-poz{display:flex;flex-direction:column;gap:0}
 .figma_ir-hero .figma_ir-okl img{width:auto;height:clamp(220px,calc(min(100svh, 1080px) - 360px),420px);aspect-ratio:265/375}
 .figma_ir-hero .figma_ir-poz-t{width:min-content;min-width:100%;margin-top:calc(18px * var(--kn))}
 .figma_ir-hero .figma_ir-poz-h{font-size:calc(18px * var(--kn));line-height:calc(24px * var(--kn));font-weight:500;white-space:nowrap}
 .figma_ir-hero .figma_ir-okl{transition:transform .3s}
 .figma_ir-hero .figma_ir-poz:hover .figma_ir-okl{transform:translateY(calc(-4px * var(--kn)))}
}
@media (min-width:1100px) and (min-aspect-ratio:4/3){
 .figma_ir-hero{box-sizing:border-box;min-height:min(100vh, 1080px);min-height:min(100svh, 1080px);display:flex;flex-direction:column;justify-content:center;
  padding:calc(76px * var(--kn)) 0 calc(32px * var(--kn))}
}
@media (prefers-reduced-motion:reduce){.figma_ir-hero .figma_ir-okl{transition:none}}

/*@@KONIEC figma_ir@@*/

/*@@MODUL firma@@*/

/* ===== firma.py · WYDANIE DOCELOWA: /twoi-eksperci/, /program-partnerski/ (klasy fm-, tylko strony tego modułu) ===== */
/* hero na cały pierwszy ekran (komputer, okno poziome): tekst na środku wysokości, osoba rośnie z wysokością okna */
@media (min-width:1100px) and (min-aspect-ratio:4/3){
 .fm-hero.hero{min-height:min(100vh, 1080px);min-height:min(100svh, 1080px);display:flex;flex-direction:column}
 .fm-hero.hero>.wrap.hero-in{flex:1 0 auto;min-height:0}
 .fm-hero.hero .hero-in>.hero-t{align-self:center;padding:calc(96px * var(--kn)) 0 calc(48px * var(--kn));max-width:calc(560 * var(--u) * var(--kn))}
 .fm-hero.hero h1{font-size:calc(40px * var(--ts) * var(--kn));line-height:1}
 .fm-hero.hero .hero-lead{font-size:calc(18px * var(--kn));line-height:calc(28px * var(--ts) * var(--kn))}
 .fm-hero.hero .hero-wyc{min-height:0}
 .fm-hero.hero .hero-wyc .wyc{height:min(calc(min(100svh, 1080px) - 76px),760px);width:auto}
}
/* grupa zespołu na jednym ekranie: nagłówek po lewej, portrety po prawej; szerokość portretu = mniejsza z: kolumna / --k
   i (wysokość okna minus belka i odstępy sekcji, minus podpisy) / --r rzędów portretu 10:11 */
.fm-zs-g{display:grid;grid-template-columns:minmax(0,calc(300 * var(--u) * var(--kn))) minmax(0,1fr);gap:clamp(calc(32px * var(--kn)),calc(min(3.6vw, 69.12px) * var(--kn)),calc(56px * var(--kn)));align-items:center}
.fm-zs-t h2{margin:0 0 calc(14px * var(--kn))}.fm-zs-t .lead{margin:0;font-size:calc(16px * var(--kn));line-height:calc(24px * var(--kn))}.fm-zs-t .btn{margin:calc(24px * var(--kn)) 0 0}
.fm-zs-w{container-type:inline-size;min-width:0}
.fm-zs-s{--zg:calc(14px * var(--kn));--cap:calc(58px * var(--kn));--h:calc(calc(min(100svh, 1080px) * var(--kn)) - calc(62px * var(--kn)) - 2 * clamp(calc(36px * var(--kn)),calc(min(6.5vh, 70.2px) * var(--kn)),calc(96px * var(--kn))));
 --w:min(calc((100cqw - (var(--k) - 1) * var(--zg)) / var(--k)), calc((var(--h) - var(--r) * var(--cap) - (var(--r) - 1) * var(--zg)) / (1.1 * var(--r))), calc(300px * var(--kn)));
 display:grid;grid-template-columns:repeat(var(--k),var(--w));gap:var(--zg);justify-content:center}
.fm-os{margin:0;background:#fff}.t-biale .fm-os{background:var(--p)}
.fm-fot{display:block;width:100%;aspect-ratio:10/11;object-fit:cover;object-position:center top;background:#D9D9D9}
.fm-os figcaption{padding:calc(7px * var(--kn)) calc(10px * var(--kn)) calc(8px * var(--kn))}
.fm-os b{display:block;font-weight:500;font-size:calc(14px * var(--kn));line-height:calc(18px * var(--kn))}
.fm-os span{display:block;color:#666A7B;font-size:calc(12px * var(--kn));line-height:calc(16px * var(--kn))}
a.fm-os-l{display:block;text-decoration:none;color:inherit}a.fm-os-l:hover b{color:var(--nt)}
/* kroki na granacie: białe karty (E47: karta na granacie jest biała) */
.fm-kroki.t-ciemne .kroki li{background:#fff;border-color:#fff;color:var(--g)}
.fm-kroki.t-ciemne .nr{color:var(--nt)}.fm-kroki.t-ciemne .kroki p{opacity:1;color:#666A7B}
/* tabela prowizji: ciaśniej na niskich ekranach */
.fm-tab .lead{margin-bottom:0}.fm-tab .tab{margin-top:clamp(calc(14px * var(--kn)),calc(min(2.6vh, 28.08px) * var(--kn)),calc(24px * var(--kn)))}
.fm-tab th,.fm-tab td{padding:clamp(calc(7px * var(--kn)),calc(min(1.3vh, 14.04px) * var(--kn)),calc(14px * var(--kn))) calc(16px * var(--kn))}
/* formularz zgłoszenia: tekst obok formularza, pola w dwóch kolumnach */
.fm-form-g{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(calc(40px * var(--kn)),calc(min(5vw, 96px) * var(--kn)),calc(96px * var(--kn)));align-items:center}
.fm-form-t h2{margin:0 0 calc(14px * var(--kn))}.fm-form-t .lead{margin:0;font-size:calc(18px * var(--kn));line-height:calc(28px * var(--ts) * var(--kn));max-width:calc(460 * var(--u) * var(--kn))}
.fm-kto{display:flex;align-items:center;gap:calc(14px * var(--kn));margin:clamp(calc(20px * var(--kn)),calc(min(4vh, 43.2px) * var(--kn)),calc(40px * var(--kn))) 0 0;font-size:calc(15px * var(--kn));line-height:calc(22px * var(--kn))}
.fm-kto img{width:calc(56px * var(--kn));height:calc(56px * var(--kn));border-radius:50%;object-fit:cover;flex:none}.fm-kto b{font-weight:500}
.fm-form-k{background:var(--p);padding:clamp(calc(20px * var(--kn)),calc(min(3.4vh, 36.72px) * var(--kn)),calc(36px * var(--kn))) clamp(calc(20px * var(--kn)),calc(min(2.4vw, 46.08px) * var(--kn)),calc(40px * var(--kn)))}.t-jasne .fm-form-k{background:#fff}
.fm-form .form{margin:0;gap:calc(12px * var(--kn))}
.fm-form .pole input,.fm-form .pole textarea{min-height:0;height:calc(48px * var(--kn));padding:calc(12px * var(--kn)) calc(16px * var(--kn));font-size:calc(15px * var(--kn))}
.fm-form .pole textarea{height:clamp(72px,min(11vh, 118.8px),110px);resize:vertical}
.fm-form .form .btn{justify-self:stretch;width:100%;min-height:calc(52px * var(--kn));font-size:calc(17px * var(--kn))}
@media (max-width:1100px){.fm-zs-g{grid-template-columns:1fr;gap:calc(28px * var(--kn))}.fm-zs-s{grid-template-columns:repeat(4,minmax(0,1fr))}
 .fm-form-g{grid-template-columns:1fr;gap:calc(32px * var(--kn))}}
@media (max-width:900px){.fm-zs-s{grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(12px * var(--kn))}.fm-form .form{grid-template-columns:1fr}}

/*@@KONIEC firma@@*/

/*@@MODUL kariera@@*/

/* ===== kariera.py · WYDANIE DOCELOWA: hub /kariera/ (klasy kr-, tylko ta strona) ===== */
/* hero na cały pierwszy ekran (komputer, okno poziome): tekst na środku wysokości, osoba rośnie z wysokością okna */
@media (min-width:1100px) and (min-aspect-ratio:4/3){
 .kr-hero.hero{min-height:min(100vh, 1080px);min-height:min(100svh, 1080px);display:flex;flex-direction:column}
 .kr-hero.hero>.wrap.hero-in{flex:1 0 auto;min-height:0}
 .kr-hero.hero .hero-in>.hero-t{align-self:center;padding:calc(96px * var(--kn)) 0 calc(48px * var(--kn));max-width:calc(560 * var(--u) * var(--kn))}
 .kr-hero.hero h1{font-size:calc(40px * var(--ts) * var(--kn));line-height:1}
 .kr-hero.hero .hero-lead{font-size:calc(18px * var(--kn));line-height:calc(28px * var(--ts) * var(--kn))}
 .kr-hero.hero .hero-wyc{min-height:0}
 .kr-hero.hero .hero-wyc .wyc{height:min(calc(min(100svh, 1080px) - 76px),760px);width:auto}
}
/* oferty pracy: 3 × 2 zwarte karty */
.kr-of .lead{margin-bottom:0}.kr-of .siatka{margin-top:clamp(calc(18px * var(--kn)),calc(min(3.4vh, 36.72px) * var(--kn)),calc(40px * var(--kn)));gap:calc(16px * var(--kn))}
.kr-of .karta{padding:clamp(calc(18px * var(--kn)),calc(min(2.8vh, 30.24px) * var(--kn)),calc(28px * var(--kn))) calc(28px * var(--kn)) clamp(calc(60px * var(--kn)),calc(min(8.4vh, 90.72px) * var(--kn)),calc(76px * var(--kn)))}
.kr-of .karta .k-etyk{margin-bottom:calc(8px * var(--kn))}.kr-of .karta h3{margin-bottom:calc(8px * var(--kn))}.kr-of .karta p{font-size:calc(15px * var(--kn));line-height:calc(22px * var(--kn))}
.kr-of .strz{left:calc(28px * var(--kn));bottom:clamp(calc(16px * var(--kn)),calc(min(2.4vh, 25.92px) * var(--kn)),calc(24px * var(--kn)))}
/* zespoły: zwarta siatka 3 × 3, ikona obok tytułu */
.kr-dz .lead{margin-bottom:0}.kr-dz .siatka{margin-top:clamp(calc(16px * var(--kn)),calc(min(3vh, 32.4px) * var(--kn)),calc(32px * var(--kn)));gap:calc(12px * var(--kn))}
.kr-dz .karta{display:grid;grid-template-columns:calc(32px * var(--kn)) minmax(0,1fr);column-gap:calc(16px * var(--kn));padding:clamp(calc(14px * var(--kn)),calc(min(2.2vh, 23.76px) * var(--kn)),calc(22px * var(--kn))) calc(22px * var(--kn))}
.kr-dz .karta .ik{grid-row:1/3;width:calc(32px * var(--kn));height:calc(32px * var(--kn));margin:0}.kr-dz .karta h3{margin:0 0 calc(4px * var(--kn));font-size:calc(18px * var(--kn));line-height:calc(24px * var(--kn))}
.kr-dz .karta p{font-size:calc(15px * var(--kn));line-height:calc(21px * var(--kn))}
.kr-dz .btn{margin-top:clamp(calc(16px * var(--kn)),calc(min(3vh, 32.4px) * var(--kn)),calc(28px * var(--kn)))}
/* kroki na granacie: białe karty (E47: karta na granacie jest biała) */
.kr-kroki.t-ciemne .kroki li{background:#fff;border-color:#fff;color:var(--g)}
.kr-kroki.t-ciemne .nr{color:var(--nt)}.kr-kroki.t-ciemne .kroki p{opacity:1;color:#666A7B}
/* ludzie: nagłówek po lewej, portrety po prawej (jak grupy na stronie Zespół) */
.kr-zs-g{display:grid;grid-template-columns:minmax(0,calc(300 * var(--u) * var(--kn))) minmax(0,1fr);gap:clamp(calc(32px * var(--kn)),calc(min(3.6vw, 69.12px) * var(--kn)),calc(56px * var(--kn)));align-items:center}
.kr-zs-t h2{margin:0 0 calc(14px * var(--kn))}.kr-zs-t .lead{margin:0;font-size:calc(16px * var(--kn));line-height:calc(24px * var(--kn))}.kr-zs-t .btn{margin:calc(24px * var(--kn)) 0 0}
.kr-zs-w{container-type:inline-size;min-width:0}
.kr-zs-s{--zg:calc(14px * var(--kn));--cap:calc(58px * var(--kn));--h:calc(calc(min(100svh, 1080px) * var(--kn)) - calc(62px * var(--kn)) - 2 * clamp(calc(36px * var(--kn)),calc(min(6.5vh, 70.2px) * var(--kn)),calc(96px * var(--kn))));
 --w:min(calc((100cqw - (var(--k) - 1) * var(--zg)) / var(--k)), calc((var(--h) - var(--r) * var(--cap) - (var(--r) - 1) * var(--zg)) / (1.1 * var(--r))), calc(300px * var(--kn)));
 display:grid;grid-template-columns:repeat(var(--k),var(--w));gap:var(--zg);justify-content:center}
.kr-os{margin:0;background:#fff}
.kr-fot{display:block;width:100%;aspect-ratio:10/11;object-fit:cover;object-position:center top;background:#D9D9D9}
.kr-os figcaption{padding:calc(7px * var(--kn)) calc(10px * var(--kn)) calc(8px * var(--kn))}
.kr-os b{display:block;font-weight:500;font-size:calc(14px * var(--kn));line-height:calc(18px * var(--kn))}
.kr-os span{display:block;color:#666A7B;font-size:calc(12px * var(--kn));line-height:calc(16px * var(--kn))}
a.kr-os-l{display:block;text-decoration:none;color:inherit}a.kr-os-l:hover b{color:var(--nt)}
/* aplikacja: tekst obok formularza, pola w dwóch kolumnach */
.kr-form-g{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(calc(40px * var(--kn)),calc(min(5vw, 96px) * var(--kn)),calc(96px * var(--kn)));align-items:center}
.kr-form-t h2{margin:0 0 calc(14px * var(--kn))}.kr-form-t h2 em{display:block}.kr-form-t .lead{margin:0;font-size:calc(18px * var(--kn));line-height:calc(28px * var(--ts) * var(--kn));max-width:calc(460 * var(--u) * var(--kn))}
.kr-form-t .lead a{color:var(--nt)}
.kr-form-k{background:var(--p);padding:clamp(calc(20px * var(--kn)),calc(min(3.4vh, 36.72px) * var(--kn)),calc(36px * var(--kn))) clamp(calc(20px * var(--kn)),calc(min(2.4vw, 46.08px) * var(--kn)),calc(40px * var(--kn)))}
.kr-form .form{margin:0;gap:calc(12px * var(--kn))}
.kr-form .pole input,.kr-form .pole textarea{min-height:0;height:calc(48px * var(--kn));padding:calc(12px * var(--kn)) calc(16px * var(--kn));font-size:calc(15px * var(--kn))}
.kr-form .pole textarea{height:clamp(72px,min(11vh, 118.8px),110px);resize:vertical}
.kr-form .form .btn{justify-self:stretch;width:100%;min-height:calc(52px * var(--kn));font-size:calc(17px * var(--kn))}
@media (max-width:1100px){.kr-zs-g{grid-template-columns:1fr;gap:calc(28px * var(--kn))}.kr-zs-s{grid-template-columns:repeat(4,minmax(0,1fr))}
 .kr-form-g{grid-template-columns:1fr;gap:calc(32px * var(--kn))}}
@media (max-width:900px){.kr-zs-s{grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(12px * var(--kn))}.kr-form .form{grid-template-columns:1fr}
 .kr-dz .karta{padding:calc(20px * var(--kn))}.kr-of .karta{padding:calc(24px * var(--kn)) calc(24px * var(--kn)) calc(72px * var(--kn))}.kr-of .strz{left:calc(24px * var(--kn));bottom:calc(20px * var(--kn))}}

/*@@KONIEC kariera@@*/

/*@@MODUL poradniki@@*/

/* ===== DOCELOWA · /instrukcje-i-poradniki/: hero na pierwszy ekran, listy plików na jednym ekranie (E46) ===== */
@media (min-width:1100px) and (min-aspect-ratio:4/3){
 .hero-prosty.por-hero{box-sizing:border-box;min-height:min(100vh, 1080px);min-height:min(100svh, 1080px);display:flex;flex-direction:column;justify-content:center;
  padding:calc(96px * var(--kn)) 0 calc(64px * var(--kn))}
 .hero-prosty.por-hero>.wrap{width:100%}
}
@media (min-width:901px){
 .hero-prosty.por-hero .h1m{font-size:clamp(calc(40px * var(--ts) * var(--kn)),calc(min(7vh, 75.6px) * var(--kn)),calc(64px * var(--ts) * var(--kn)));line-height:1}
 .hero-prosty.por-hero .lead{font-size:calc(20px * var(--kn));line-height:calc(30px * var(--ts) * var(--kn));max-width:calc(640 * var(--u) * var(--kn))}
}
/* karta pliku w jednym wierszu: ikona, rodzaj (Instrukcja · PDF), nazwa; strzałka po prawej */
.por-sek .siatka{margin-top:clamp(calc(20px * var(--kn)),calc(min(4vh, 43.2px) * var(--kn)),calc(40px * var(--kn)));gap:calc(12px * var(--kn)) calc(20px * var(--kn))}
.por-sek .karta{display:grid;grid-template-columns:calc(40px * var(--kn)) minmax(0,1fr) calc(36px * var(--kn));grid-template-rows:auto auto;column-gap:calc(18px * var(--kn));align-items:center;
 padding:clamp(calc(14px * var(--kn)),calc(min(2.2vh, 23.76px) * var(--kn)),calc(22px * var(--kn))) calc(22px * var(--kn))}
.por-sek .karta .ik{grid-row:1/3;width:calc(36px * var(--kn));height:calc(36px * var(--kn));margin:0}
.por-sek .karta .k-etyk{grid-column:2;margin:0 0 calc(2px * var(--kn))}
.por-sek .karta h3{grid-column:2;margin:0;font-size:calc(17px * var(--kn));line-height:calc(22px * var(--kn))}
.por-sek .karta>p:not(.k-etyk){display:none}
.por-sek .karta .strz{position:static;grid-column:3;grid-row:1/3}
@media (max-width:900px){.por-sek .karta{padding:calc(16px * var(--kn)) calc(18px * var(--kn))}}

/*@@KONIEC poradniki@@*/

/*@@MODUL prawne@@*/

/* ===== DOCELOWA · dokumenty prawne: zwarte hero, tekst od razu pod nim, kolumna o czytelnej szerokości (ok. 80–90
   znaków w wierszu); treść 1:1 ze starej strony, sekcje dokumentu poza regułą „sekcja = ekran” (d-wolna z docelowa.py) ===== */
@media (min-width:901px){
 .hero-prosty.dok-hero{padding:calc(112px * var(--kn)) 0 calc(32px * var(--kn))}
 .dok-sek{padding:clamp(calc(28px * var(--kn)),calc(min(5vh, 54px) * var(--kn)),calc(48px * var(--kn))) 0 calc(96px * var(--kn))}
 .dok-sek .art{max-width:none}
 .dok-sek .art-t{max-width:calc(720 * var(--u) * var(--kn))}
 .dok-sek .art-t p,.dok-sek .art-t li{line-height:calc(26px * var(--kn))}
 .dok-sek .art-t h3{font-size:calc(22px * var(--kn));line-height:calc(30px * var(--ts) * var(--kn));margin:calc(44px * var(--kn)) 0 calc(12px * var(--kn))}
 .dok-sek .art-t>h3:first-child{margin-top:0}
 .dok-inne{padding:calc(72px * var(--kn)) 0 calc(96px * var(--kn))}
 .dok-inne h2{margin-bottom:0}
}

/*@@KONIEC prawne@@*/

/*@@MODUL slownik@@*/

/* ===== DOCELOWA · /slownik/: hero na pierwszy ekran, alfabet w tym samym widoku (E44, E46, E49, E50) ===== */
@media (min-width:1100px) and (min-aspect-ratio:4/3){
 .hero-prosty.sl-hero{box-sizing:border-box;min-height:min(100vh, 1080px);min-height:min(100svh, 1080px);display:flex;flex-direction:column;justify-content:center;
  padding:calc(96px * var(--kn)) 0 calc(64px * var(--kn))}
 .hero-prosty.sl-hero>.wrap{width:100%}
}
@media (min-width:901px){
 .hero-prosty.sl-hero .h1m{font-size:clamp(calc(40px * var(--ts) * var(--kn)),calc(min(7vh, 75.6px) * var(--kn)),calc(64px * var(--ts) * var(--kn)));line-height:1}
 .hero-prosty.sl-hero .lead{font-size:calc(20px * var(--kn));line-height:calc(30px * var(--ts) * var(--kn));max-width:calc(640 * var(--u) * var(--kn))}
}
/* alfabet: rząd liter, pod nim panel z hasłami litery (wszystkie panele w jednej komórce, widać zaznaczony) */
.sl-l{cursor:pointer;color:var(--g);font-weight:500}
.sl-r:focus-visible+.sl-ld,.sl-c:focus-visible+.sl-lm{outline:calc(2px * var(--kn)) solid var(--n);outline-offset:calc(2px * var(--kn))}
@media (min-width:901px){
 .sl-al{display:grid;grid-template-columns:repeat(var(--n),minmax(0,calc(44px * var(--kn)))) minmax(0,1fr);column-gap:calc(4px * var(--kn));row-gap:clamp(calc(18px * var(--kn)),calc(min(3.5vh, 37.8px) * var(--kn)),calc(32px * var(--kn)))}
 .sl-ld{grid-row:1;display:flex;align-items:center;justify-content:center;height:calc(44px * var(--kn));background:#fff;
  box-shadow:inset 0 0 0 1px var(--l);font-size:calc(17px * var(--kn));line-height:calc(20px * var(--kn));transition:background .2s,box-shadow .2s}
 .sl-ld:hover{background:#F0F1FF}
 .sl-r:checked+.sl-ld{background:#F0F1FF;box-shadow:inset 0 0 0 calc(2px * var(--kn)) var(--n);color:var(--g)}
 .sl-lm{display:none}
 .sl-p{grid-row:2;grid-column:1/-1;visibility:hidden}
 .sl-r:checked+.sl-ld+.sl-c+.sl-lm+.sl-p{visibility:visible}
 .sl-linki{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (min-width:901px) and (max-width:1199px){.sl-linki{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:900px){
 .sl-al{display:block}
 .sl-ld{display:none}
 .sl-lm{display:flex;align-items:center;justify-content:space-between;margin-top:calc(8px * var(--kn));padding:calc(12px * var(--kn)) calc(18px * var(--kn));background:var(--p);font-size:calc(18px * var(--kn));line-height:calc(24px * var(--kn))}
 .sl-lm::after{content:"+";font-size:calc(24px * var(--kn));line-height:calc(24px * var(--kn));color:var(--nt)}
 .sl-c:checked+.sl-lm::after{content:"\2212"}
 .sl-p{display:none}
 .sl-c:checked+.sl-lm+.sl-p{display:block;padding-top:calc(8px * var(--kn))}
 .sl-linki{grid-template-columns:minmax(0,1fr)}
 .sl-linki a{padding:calc(9px * var(--kn)) calc(16px * var(--kn));font-size:calc(15px * var(--kn));line-height:calc(22px * var(--kn))}
}
.sl-linki{margin-top:0}
.sl-linki a:hover{background:#F0F1FF;color:var(--g)}
@media (prefers-reduced-motion:reduce){.sl-ld{transition:none}}

/*@@KONIEC slownik@@*/

/*@@MODUL zasoby@@*/

/* ===== ZASOBY · raporty i narzędzia (wydanie DOCELOWA, 2.10 wieczór) =====
   Klasy zs i zs-<blok> nadaje tresci_docelowa/zasoby.py, więc reguły działają tylko na 9 stronach modułu.
   Paleta (D-49): #000623 · #fff · #F9F9F9 · #D9D9D9 · #CCCDD3 · #666A7B · #808291 · #5768FF · #4E5EE6 · #F0F1FF.
   Sekcja = ekran (kanon E46): od 1100 px w oknie poziomym odstępy, karty, zdjęcia i rozety liczone od wysokości okna. */

/* pytania narzędzi: numery zamiast ptaszków (pytanie nie jest odhaczonym zadaniem) */
.zs-punkty .pkt{counter-reset:zsp}
.zs-punkty .pkt li{counter-increment:zsp;padding-left:calc(48px * var(--kn))}
.zs-punkty .pkt li::before{content:counter(zsp,decimal-leading-zero);top:calc(14px * var(--kn));width:auto;height:auto;border-radius:0;
 background:none;font-size:calc(14px * var(--kn));line-height:calc(24px * var(--kn));font-weight:500;color:var(--nt)}
/* kroki na granacie: białe karty (paleta: karty na granacie są białe) */
.zs-kroki .kroki li{background:#fff;border-color:#fff;color:var(--g)}
.zs-kroki .kroki p{opacity:1;color:#666A7B}
.zs-kroki .nr{color:var(--nt)}
/* liczba na granacie: linia i źródło w szarym na granacie */
.zs-liczby .lb{border-color:#808291}
.zs-liczby .lb small{opacity:1;color:#808291}
/* kafel po najechaniu bez granatu (kanon E49): strzałka w niebieskim marki */
.zs .karta:hover .strz{background:var(--n);border-color:var(--n);color:#fff}
/* inne badania: kafle zamiast rzędu linków */
.zs-linki .linki{border:0;gap:calc(12px * var(--kn))}
.zs-linki .linki li{border:0;background:#fff}
.zs-linki.t-biale .linki li{background:var(--p)}
.zs-linki .linki a{position:relative;display:flex;align-items:flex-end;min-height:calc(120px * var(--kn));padding:calc(24px * var(--kn)) calc(72px * var(--kn)) calc(24px * var(--kn)) calc(24px * var(--kn));
 font-size:calc(20px * var(--kn));line-height:calc(26px * var(--kn));font-weight:500;color:var(--g);transition:background .2s}
.zs-linki .linki a::after{content:"\2192";position:absolute;right:calc(24px * var(--kn));top:calc(24px * var(--kn));display:grid;place-items:center;width:calc(36px * var(--kn));
 height:calc(36px * var(--kn));border:1px solid var(--g);border-radius:calc(18px * var(--kn));font-size:calc(16px * var(--kn));line-height:1;font-weight:400}
.zs-linki .linki a:hover{background:#F0F1FF;color:var(--g)}
.zs-linki .linki a:hover::after{background:var(--n);border-color:var(--n);color:#fff}
/* karty zwarte na każdej szerokości: ikona 32 px, strzałka w prawym górnym rogu zamiast pod tekstem */
.zs .karta .ik{width:calc(32px * var(--kn));height:calc(32px * var(--kn))}
.zs .strz{left:auto;bottom:auto}
.zs .karta h3{font-size:calc(20px * var(--kn));line-height:calc(26px * var(--kn));margin-bottom:calc(6px * var(--kn))}
.zs .karta p{font-size:calc(15px * var(--kn));line-height:calc(22px * var(--kn))}
.zs .karta .k-etyk{margin-bottom:calc(8px * var(--kn))}
/* tekst sekcji (blok zs_tekst): nagłówek, akapity, bok */
.zs-tk-g h2{margin:0 0 calc(20px * var(--kn))}
.zs-tk-t p{max-width:calc(640 * var(--u) * var(--kn))}
.zs-tk-t .btn{margin-top:calc(20px * var(--kn))}
/* tekst bez rysunku (etap narzędzia): jasnoniebieskie tło jak „Jak pracujemy” we wzorze, większe pismo */
.zs-tekst-sam{background:#F0F1FF}
.zs-roz{position:relative;overflow:hidden;background:var(--g);min-height:calc(260px * var(--kn))}
.zs-roz img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

@media (min-width:901px){
 .zs-tk{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);grid-template-areas:"g b" "t b";column-gap:calc(64px * var(--kn));
  align-items:center}
 .zs-tk-g{grid-area:g;align-self:end}.zs-tk-t{grid-area:t;align-self:start}.zs-tk-b{grid-area:b}
 .zs-tk-sam{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"g t"}
 .zs-tk-sam .zs-tk-g,.zs-tk-sam .zs-tk-t{align-self:center}
 .zs-tk-sam .zs-tk-g h2{margin:0;font-size:calc(40px * var(--ts) * var(--kn));line-height:calc(48px * var(--ts) * var(--kn));max-width:calc(600 * var(--u) * var(--kn))}
 .zs-tk-sam .zs-tk-t p{font-size:calc(20px * var(--kn));line-height:calc(32px * var(--ts) * var(--kn));max-width:calc(600 * var(--u) * var(--kn))}
 .zs-tk-sam .zs-tk-t p+p{margin-top:calc(16px * var(--kn))}
 .zs-roz{min-height:calc(360px * var(--kn))}
 .zs-punkty .tk-2{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center}
 /* nagłówek sekcji w siatce: etykieta i h2 po lewej, lead po prawej (wzór: „Jak szuka Twój klient”) */
 /* wiersz 1fr nad etykietą bierze nadmiar wysokości leadu, więc etykieta zostaje tuż nad h2 */
 .zs-gl>.wrap{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);grid-template-rows:1fr auto auto;column-gap:calc(64px * var(--kn));
  align-items:end}
 .zs-gl>.wrap>*{grid-column:1/-1;grid-row:4}
 .zs-gl>.wrap>.btn{grid-row:5}
 .zs-gl>.wrap>.etyk{grid-column:1;grid-row:2}
 .zs-gl>.wrap>h2{grid-column:1;grid-row:3;margin:0}
 .zs-gl>.wrap>.lead{grid-column:2;grid-row:1/4;margin:0;max-width:calc(560 * var(--u) * var(--kn));font-size:calc(18px * var(--kn));line-height:calc(28px * var(--ts) * var(--kn));color:#666A7B}
 .zs-gl.t-ciemne>.wrap>.lead{color:#fff}
 .zs-gl>.wrap>.btn{justify-self:start}
 .zs .siatka{gap:calc(16px * var(--kn))}
 .zs .karta{padding:calc(28px * var(--kn))}
 /* strzałka stoi w rzędzie ikony, więc tytuł i opis mają całą szerokość karty; bez ikony (wpisy, case) odsuwamy od
    strzałki tylko etykietę i tytuł */
 .zs a.karta:not(:has(>.ik))>.k-etyk,.zs a.karta:not(:has(>.ik))>h3{padding-right:calc(52px * var(--kn))}
 .zs .strz{right:calc(24px * var(--kn));top:calc(24px * var(--kn))}
 .zs .karta .ik{margin-bottom:calc(16px * var(--kn))}
 /* liczba z projektu: opis po lewej, liczba po prawej */
 .zs-liczby>.wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:1fr auto auto auto 1fr;
  column-gap:calc(64px * var(--kn));align-items:center}
 .zs-liczby>.wrap>*{grid-column:1}
 .zs-liczby>.wrap>.etyk{grid-row:2}
 .zs-liczby>.wrap>h2{grid-row:3;margin-bottom:calc(16px * var(--kn))}
 .zs-liczby>.wrap>.lead{grid-row:4;margin:0;font-size:calc(18px * var(--kn));line-height:calc(28px * var(--ts) * var(--kn))}
 .zs-liczby>.wrap>.liczby{grid-column:2;grid-row:1/-1;margin:0;grid-template-columns:1fr}
 .zs-liczby .lb b{font-size:clamp(calc(56px * var(--ts) * var(--kn)),calc(min(6vw, 115.2px) * var(--kn)),calc(88px * var(--ts) * var(--kn)));line-height:1.1;letter-spacing:-.02em}
 .zs-liczby .lb p{font-size:calc(18px * var(--kn));line-height:calc(28px * var(--ts) * var(--kn));margin-top:calc(12px * var(--kn));max-width:calc(520 * var(--u) * var(--kn))}
 .zs-liczby .lb small{font-size:calc(14px * var(--kn));line-height:calc(20px * var(--kn));margin-top:calc(16px * var(--kn))}
 /* formularz raportu: trzecie pole (firma) na całą szerokość, zamiast samotnej połowy wiersza */
 .zs-formularz .form>label.pole:nth-of-type(3){grid-column:1/-1}
 .zs-linki .linki{grid-template-columns:repeat(4,minmax(0,1fr))}
 /* strzałka w rogu, tytuł na dole kafla: tytuł ma całą szerokość (bez łamania „e-commerce”) */
 .zs-linki .linki a{min-height:calc(160px * var(--kn));padding:calc(28px * var(--kn));align-items:flex-end}
}

/* sekcja = ekran: od 1100 px w oknie poziomym (jak reguła d-ek w docelowa.CSS) */
@media (min-width:1100px) and (min-aspect-ratio:4/3){
 /* hero: cały pierwszy ekran; portret na wysokość okna, ale nie dalej w lewo niż do tekstu */
 .zs-hero{min-height:min(100vh, 1080px);min-height:min(100svh, 1080px)}
 .hero.zs-hero .hero-in{min-height:min(100vh, 1080px);min-height:min(100svh, 1080px)}
 .hero.zs-hero:has(.hero-roz){padding-top:calc(80px * var(--kn))}
 .hero.zs-hero:has(.hero-roz) .hero-in{min-height:calc(min(100vh, 1080px) - 80px);min-height:calc(min(100svh, 1080px) - 80px)}
 .hero.zs-hero .hero-t{align-self:center;max-width:calc(560 * var(--u) * var(--kn));padding:calc(72px * var(--kn)) 0 calc(32px * var(--kn))}
 .zs-hero h1{font-size:calc(40px * var(--ts) * var(--kn));line-height:1;margin-bottom:calc(20px * var(--kn))}
 .zs-hero .hero-lead{font-size:calc(18px * var(--kn));line-height:calc(28px * var(--ts) * var(--kn));max-width:calc(540 * var(--u) * var(--kn))}
 /* wysokość płótna 700×480: najwyżej okno; osoba zaczyna się na 35–42% szerokości płótna, więc przy węższych oknach
    płótno maleje tak, żeby lewa krawędź osoby stała co najmniej 40 px za tekstem (40 + 540 + 40 px) */
 .hero.zs-hero .hero-wyc{min-height:0;--zs-hh:min(calc(min(100vh, 1080px) * var(--kn)),calc((calc(min(100vw, 1920px) * var(--kn)) - calc(620px * var(--kn))) * 1.05))}
 .hero.zs-hero .hero-wyc .wyc{height:var(--zs-hh);width:calc(var(--zs-hh) * 1.4584)}
 .hero.zs-hero .hero-o{min-height:0}
 /* rozeta raportu w całości (w wersji 20 kadr 480 px ucinał ją z boków; na cały ekran ucięta wyglądała na za dużą) */
 .hero.zs-hero .hero-roz img{object-fit:contain;object-position:center}
 /* nagłówki i odstępy od wysokości okna */
 .zs.d-ek .etyk{margin-bottom:calc(8px * var(--kn))}
 .zs.d-ek .zs-tk-g h2{margin-bottom:clamp(calc(12px * var(--kn)),calc(min(2.2vh, 23.76px) * var(--kn)),calc(20px * var(--kn)))}
 .zs.d-ek .zs-tk-sam .zs-tk-g h2{margin-bottom:0}
 .zs-gl.d-ek>.wrap>.siatka,.zs-gl.d-ek>.wrap>.zespol,.zs-gl.d-ek>.wrap>.linki,.zs-gl.d-ek>.wrap>.kroki{margin-top:clamp(calc(20px * var(--kn)),calc(min(4.2vh, 45.36px) * var(--kn)),calc(48px * var(--kn)))}
 .zs-gl.d-ek>.wrap>.btn{margin-top:clamp(calc(16px * var(--kn)),calc(min(2.6vh, 28.08px) * var(--kn)),calc(24px * var(--kn)))}
 .zs-roz{min-height:0;height:clamp(300px,min(54vh, 583.2px),580px)}
 .zs-tk-pkt li,.zs-tekst .tk-pkt li{padding-top:clamp(calc(10px * var(--kn)),calc(min(1.6vh, 17.28px) * var(--kn)),calc(14px * var(--kn)));padding-bottom:clamp(calc(10px * var(--kn)),calc(min(1.6vh, 17.28px) * var(--kn)),calc(14px * var(--kn)))}
 .zs-tekst .tk-pkt li::before{top:clamp(calc(12px * var(--kn)),calc(min(1.9vh, 20.52px) * var(--kn)),calc(18px * var(--kn)))}
 .zs-punkty .pkt li{font-size:calc(18px * var(--kn));line-height:calc(26px * var(--kn));padding-top:clamp(calc(12px * var(--kn)),calc(min(2vh, 21.6px) * var(--kn)),calc(18px * var(--kn)));padding-bottom:clamp(calc(12px * var(--kn)),calc(min(2vh, 21.6px) * var(--kn)),calc(18px * var(--kn)))}
 .zs-punkty .pkt li::before{top:clamp(calc(13px * var(--kn)),calc(min(2.1vh, 22.68px) * var(--kn)),calc(19px * var(--kn)))}
 /* karty: odstępy od wysokości okna; przy 1100 px trzy kolumny (wzorce.css daje dwie do 1100 px włącznie, a reguła
    ekranu działa od 1100 px, więc sześć kart w trzech rzędach nie mieściło się w oknie 1100×800) */
 .zs .siatka{gap:clamp(calc(12px * var(--kn)),calc(min(1.8vh, 19.44px) * var(--kn)),calc(20px * var(--kn)))}
 .zs .siatka.k3{grid-template-columns:repeat(3,minmax(0,1fr))}
 .zs .karta{padding:clamp(calc(18px * var(--kn)),calc(min(2.8vh, 30.24px) * var(--kn)),calc(32px * var(--kn))) clamp(calc(20px * var(--kn)),calc(min(1.8vw, 34.56px) * var(--kn)),calc(32px * var(--kn)))}
 .zs .strz{right:clamp(calc(18px * var(--kn)),calc(min(1.6vw, 30.72px) * var(--kn)),calc(28px * var(--kn)));top:clamp(calc(16px * var(--kn)),calc(min(2.6vh, 28.08px) * var(--kn)),calc(28px * var(--kn)))}
 .zs .karta .ik{margin-bottom:clamp(calc(10px * var(--kn)),calc(min(1.6vh, 17.28px) * var(--kn)),calc(18px * var(--kn)))}
 /* na wyższych ekranach karty rosną z oknem, zamiast stać małe na środku pustej sekcji */
 .zs-karty .karta,.zs-obszary .karta,.zs-case .karta,.zs-wpisy .karta{min-height:clamp(140px,min(21vh, 226.8px),240px)}
 /* zespół: zdjęcia od wysokości okna */
 .zs-zespol .os .fot{aspect-ratio:auto;height:clamp(200px,calc(min(100vh, 1080px) - 400px),460px);height:clamp(200px,calc(min(100svh, 1080px) - 400px),460px)}
 /* inne badania: wyższe kafle */
 .zs-linki .linki{gap:clamp(calc(12px * var(--kn)),calc(min(1.8vh, 19.44px) * var(--kn)),calc(20px * var(--kn)))}
 .zs-linki .linki a{min-height:clamp(140px,min(26vh, 280.8px),260px);padding:clamp(calc(20px * var(--kn)),calc(min(3vh, 32.4px) * var(--kn)),calc(32px * var(--kn))) clamp(calc(20px * var(--kn)),calc(min(1.8vw, 34.56px) * var(--kn)),calc(32px * var(--kn)))}
 .zs-linki .linki a::after{top:clamp(calc(20px * var(--kn)),calc(min(3vh, 32.4px) * var(--kn)),calc(32px * var(--kn)));right:clamp(calc(20px * var(--kn)),calc(min(1.8vw, 34.56px) * var(--kn)),calc(32px * var(--kn)))}
 /* kroki */
 .zs-kroki .kroki{gap:clamp(calc(12px * var(--kn)),calc(min(1.8vh, 19.44px) * var(--kn)),calc(20px * var(--kn)))}
 .zs-kroki .kroki li{padding:clamp(calc(20px * var(--kn)),calc(min(3vh, 32.4px) * var(--kn)),calc(28px * var(--kn))) calc(24px * var(--kn))}
 .zs-kroki .nr{font-size:calc(32px * var(--ts) * var(--kn));line-height:calc(40px * var(--ts) * var(--kn));margin-bottom:clamp(calc(8px * var(--kn)),calc(min(1.6vh, 17.28px) * var(--kn)),calc(16px * var(--kn)))}
 /* formularz raportu: portret na całą wysokość sekcji, obok tekst, obok niego pola (sekcja = ekran, brief: „tekst obok
    formularza”); wiersze 1fr nad i pod tekstem stawiają go na środku wysokości pól */
 main>section.zs-formularz.d-ek{display:grid;grid-template-columns:clamp(calc(260 * var(--u) * var(--kn)),calc(min(24vw, 460.8px) * var(--kn)),calc(400 * var(--u) * var(--kn))) minmax(0,1fr);padding:0;
  justify-content:stretch;align-items:stretch}
 .zs-formularz .form-o{min-height:0}
 .zs-formularz .form-t{align-self:center;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  grid-template-rows:1fr auto auto auto 1fr;column-gap:clamp(calc(40px * var(--kn)),calc(min(4.5vw, 86.4px) * var(--kn)),calc(80px * var(--kn)));max-width:none;
  padding:clamp(calc(32px * var(--kn)),calc(min(6vh, 64.8px) * var(--kn)),calc(80px * var(--kn))) clamp(calc(40px * var(--kn)),calc(min(4.5vw, 86.4px) * var(--kn)),calc(80px * var(--kn)))}
 .zs-formularz .form-t>*{grid-column:1}
 .zs-formularz .form-t>.etyk{grid-row:2}
 .zs-formularz .form-t>h2{grid-row:3;margin-bottom:calc(16px * var(--kn))}
 .zs-formularz .form-t>.lead{grid-row:4;margin:0;font-size:calc(18px * var(--kn));line-height:calc(28px * var(--ts) * var(--kn))}
 .zs-formularz .form-t>.form{grid-column:2;grid-row:1/-1;margin:0;align-self:center}
 .zs-formularz .form{gap:clamp(calc(12px * var(--kn)),calc(min(2vh, 21.6px) * var(--kn)),calc(20px * var(--kn)))}
 .zs-formularz .pole input{min-height:clamp(48px,min(6.6vh, 71.28px),60px);padding-top:calc(12px * var(--kn));padding-bottom:calc(12px * var(--kn))}
}
@media (max-width:900px){
 /* hero raportu na telefonie: tło z palety (#D9D9D9); hero z portretem zostaje na #CCCCCC, bo takie tło ma płótno
    osoby-hero-tel z ramki mobilnej Figmy */
 .hero.zs-hero:has(.hero-roz){background:#D9D9D9}
 /* telefon: karty z ikoną obok tytułu, kroki zwarte (strona krótsza o kilka ekranów, treść ta sama) */
 .zs .siatka{gap:calc(12px * var(--kn));margin-top:calc(24px * var(--kn))}
 .zs .karta{padding:calc(20px * var(--kn))}
 .zs a.karta{padding-right:calc(20px * var(--kn))}
 .zs a.karta h3{padding-right:calc(48px * var(--kn))}
 .zs .strz{right:calc(16px * var(--kn));top:calc(16px * var(--kn))}
 /* ikona obok tytułu, opis pod nimi na całą szerokość karty (akapit nie węższy niż 200 px przy 360) */
 .zs .karta:has(>.ik){display:grid;grid-template-columns:calc(32px * var(--kn)) minmax(0,1fr);column-gap:calc(14px * var(--kn));align-content:start;align-items:center}
 .zs .karta:has(>.ik)>.ik{grid-column:1;grid-row:1;margin:0}
 .zs .karta:has(>.ik)>h3{grid-column:2;grid-row:1;margin:0}
 .zs .karta:has(>.ik)>p{grid-column:1/-1;margin-top:calc(8px * var(--kn))}
 .zs .karta h3{font-size:calc(18px * var(--kn));line-height:calc(24px * var(--kn));margin-bottom:calc(4px * var(--kn))}
 .zs-kroki .kroki{gap:calc(12px * var(--kn));margin-top:calc(24px * var(--kn))}
 .zs-kroki .kroki li{padding:calc(20px * var(--kn))}
 .zs-kroki .nr{font-size:calc(28px * var(--ts) * var(--kn));line-height:calc(34px * var(--ts) * var(--kn));margin-bottom:calc(8px * var(--kn))}
 .zs-tk-b{margin-top:calc(32px * var(--kn))}
 .zs-linki .linki{grid-template-columns:1fr}
 .zs-linki .linki a{min-height:0;padding:calc(18px * var(--kn)) calc(72px * var(--kn)) calc(18px * var(--kn)) calc(20px * var(--kn));font-size:calc(18px * var(--kn));line-height:calc(24px * var(--kn))}
 .zs-linki .linki a::after{top:50%;right:calc(20px * var(--kn));transform:translateY(-50%)}
 .zs-liczby .lb b{font-size:calc(40px * var(--ts) * var(--kn));line-height:calc(48px * var(--ts) * var(--kn))}
}
@media (prefers-reduced-motion:reduce){.zs-linki .linki a{transition:none}}

/*@@KONIEC zasoby@@*/

/* WYDANIE TEST · uwaga 2 Anny Mac: jedna sekcja kontaktowa w całej witrynie (wzór /kontakt/ z wersji 20) */
.kts{position:relative;isolation:isolate;overflow:hidden;background:#000623;color:#fff;font-family:Roobert,"Segoe UI",system-ui,sans-serif;
 font-size:calc(16px * var(--kn));line-height:calc(24px * var(--kn));letter-spacing:-.01em;scroll-margin-top:calc(60px * var(--kn));text-align:left}
.kts *,.kts-karta *{box-sizing:border-box}
.kts-in{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,calc(540 * var(--u) * var(--kn)));gap:calc(64px * var(--kn));align-items:center;padding:calc(100px * var(--kn)) calc(40px * var(--kn))}
.kts-hero .kts-in{padding-top:calc(104px * var(--kn));padding-bottom:calc(28px * var(--kn));min-height:min(100vh, 1080px);min-height:min(100svh, 1080px)}
.kts-et{font-size:calc(16px * var(--kn));line-height:calc(20px * var(--kn));margin:0 0 calc(10px * var(--kn));color:#fff}
.kts-h{font-size:calc(40px * var(--ts) * var(--kn));line-height:calc(48px * var(--ts) * var(--kn));font-weight:500;letter-spacing:-.01em;margin:0 0 calc(20px * var(--kn));max-width:calc(620 * var(--u) * var(--kn));color:#fff}
.kts-hero .kts-h{font-size:calc(52px * var(--ts) * var(--kn));line-height:calc(60px * var(--ts) * var(--kn))}
.kts em{font-style:normal;color:#5768FF}
.kts-lead{font-size:calc(18px * var(--kn));line-height:calc(28px * var(--ts) * var(--kn));color:#fff;max-width:calc(520 * var(--u) * var(--kn));margin:0}
.kts-dane{list-style:none;margin:calc(36px * var(--kn)) 0 0;padding:0;border-top:1px solid rgba(255,255,255,.18);max-width:calc(560 * var(--u) * var(--kn))}
.kts-dane li{display:grid;grid-template-columns:calc(110px * var(--kn)) minmax(0,1fr);gap:calc(16px * var(--kn));align-items:baseline;padding:calc(14px * var(--kn)) 0;margin:0;
 border-bottom:1px solid rgba(255,255,255,.18)}
.kts-dane span{color:#808291;font-size:calc(14px * var(--kn));line-height:calc(20px * var(--kn))}
.kts-dane a{color:#fff;text-decoration:none;font-size:calc(24px * var(--kn));line-height:calc(30px * var(--ts) * var(--kn));font-weight:500}
.kts-dane .kts-adr a{font-size:calc(18px * var(--kn));line-height:calc(24px * var(--kn))}.kts-dane a:hover{color:#5768FF}
.kts-f{position:relative}
.kts-orb{position:absolute;left:78%;top:88%;width:calc(820 * var(--u) * var(--kn));height:calc(820 * var(--u) * var(--kn));transform:translate(-50%,-50%);z-index:0;pointer-events:none}
.kts-karta{position:relative;z-index:1;background:#fff;color:#000623;padding:calc(28px * var(--kn)) calc(32px * var(--kn));text-align:left;font-size:calc(16px * var(--kn));line-height:calc(24px * var(--kn));
 font-family:Roobert,"Segoe UI",system-ui,sans-serif;letter-spacing:-.01em}
.kts-kh{font-size:calc(24px * var(--kn));line-height:calc(30px * var(--ts) * var(--kn));font-weight:500;margin:0 0 calc(6px * var(--kn));color:#000623;letter-spacing:-.01em}
.kts-kl{margin:0 0 calc(18px * var(--kn));color:#666A7B;font-size:calc(15px * var(--kn));line-height:calc(22px * var(--kn))}
.kts-form{display:grid;grid-template-columns:1fr 1fr;gap:calc(10px * var(--kn));margin:0}
.kts-pole{display:block;margin:0}
.kts-szer,.kts-zgoda,.kts-btn,.kts-form .form-uw{grid-column:1/-1}
.kts-pole input,.kts-pole textarea{display:block;width:100%;height:calc(46px * var(--kn));min-height:0;margin:0;border:1px solid #CCCDD3;border-radius:0;
 background:#fff;padding:calc(12px * var(--kn)) calc(16px * var(--kn));font:inherit;font-size:calc(16px * var(--kn));line-height:calc(20px * var(--kn));color:#000623;box-shadow:none}
.kts-pole textarea{height:calc(84px * var(--kn));resize:vertical}
.kts-pole ::placeholder{color:#666A7B;opacity:1}
.kts-pole input:focus,.kts-pole textarea:focus{outline:calc(2px * var(--kn)) solid #5768FF;outline-offset:0}
.kts-zgoda{display:flex;gap:calc(10px * var(--kn));margin:0;font-size:calc(13px * var(--kn));line-height:calc(18px * var(--kn));color:#666A7B}
.kts-zgoda input{width:calc(20px * var(--kn));height:calc(20px * var(--kn));flex:none;margin:0}
.kts-zgoda a{color:#4E5EE5}
.kts-btn{display:flex;align-items:center;justify-content:center;width:100%;min-height:calc(52px * var(--kn));margin:calc(4px * var(--kn)) 0 0;padding:calc(10px * var(--kn)) calc(20px * var(--kn));border:0;
 border-radius:0;background:#5768FF;color:#fff;font:inherit;font-size:calc(16px * var(--kn));line-height:calc(20px * var(--kn));cursor:pointer;transition:background .2s}
.kts-btn:hover{background:#3543C1}
.kts-form .form-uw{margin:calc(4px * var(--kn)) 0 0;font-size:calc(12px * var(--kn));line-height:calc(16px * var(--kn));color:#666A7B}
.kts-kto{display:flex;align-items:center;gap:calc(12px * var(--kn));margin:calc(14px * var(--kn)) 0 0;padding-top:calc(14px * var(--kn));border-top:1px solid #CCCDD3;font-size:calc(14px * var(--kn));
 line-height:calc(20px * var(--kn));color:#000623}
.kts-twarze{display:flex;flex:none}
.kts-twarze img{width:calc(44 * var(--u) * var(--kn));height:calc(44 * var(--u) * var(--kn));border-radius:50%;object-fit:cover;box-shadow:0 0 0 calc(3 * var(--u) * var(--kn)) #fff;display:block}
.kts-twarze img+img{margin-left:calc(-12 * var(--u) * var(--kn))}
.kts-kto b{font-weight:500}
.kts-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (max-width:1100px){.kts-in{grid-template-columns:1fr;min-height:0}.kts-hero .kts-in{min-height:0}.kts-f{max-width:calc(640 * var(--u) * var(--kn))}
 .kts-orb{display:none}}
@media (max-width:900px){.kts-in{padding:calc(64px * var(--kn)) calc(20px * var(--kn));gap:calc(40px * var(--kn))}.kts-hero .kts-in{padding-top:calc(116px * var(--kn));padding-bottom:calc(56px * var(--kn))}
 .kts-h{font-size:calc(32px * var(--ts) * var(--kn));line-height:calc(38px * var(--ts) * var(--kn))}.kts-hero .kts-h{font-size:calc(36px * var(--ts) * var(--kn));line-height:calc(42px * var(--ts) * var(--kn))}
 .kts-dane a{font-size:calc(20px * var(--kn));line-height:calc(26px * var(--kn))}.kts-dane li{grid-template-columns:1fr;gap:calc(4px * var(--kn))}
 .kts-karta{padding:calc(24px * var(--kn)) calc(20px * var(--kn))}.kts-form{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.kts-btn{transition:none}}

/* ===== WYDANIE DOCELOWA (2.10): pytania, pasek „gdzie jestem”, sekcja kontaktowa bez danych z lewej ===== */
/* pytania: komputer: lista po lewej, odpowiedź w karcie obok; telefon: akordeon (pole, etykieta, odpowiedź) */
.fq-sek{background:var(--p);padding:clamp(calc(56px * var(--kn)),calc(min(9vh, 97.2px) * var(--kn)),calc(104px * var(--kn))) 0;scroll-margin-top:calc(60px * var(--kn))}
.fq-glowa{margin:0 0 clamp(calc(24px * var(--kn)),calc(min(4vh, 43.2px) * var(--kn)),calc(40px * var(--kn)))}.fq-glowa h2{margin:0}
/* bez overflow-anchor:none: kotwica przewijania ma zostać nad otwieraną odpowiedzią (z wyłączoną siatką przeglądarka
   kotwiczyła się pod nią i przy otwarciu przesuwała stronę o wysokość odpowiedzi, audyt 2.10: PRZEWIJA 166 px) */
.fq-g{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:calc(24px * var(--kn));row-gap:calc(8px * var(--kn))}
.fq-q{display:flex;align-items:center;gap:calc(18px * var(--kn));margin:0;padding:calc(16px * var(--kn)) calc(22px * var(--kn));background:#fff;color:var(--g);cursor:pointer;
 font-size:calc(17px * var(--kn));line-height:calc(24px * var(--kn));font-weight:500;transition:background .2s,color .2s}
.fq-q:hover{background:#F0F1FF}
.fq-nr{flex:none;width:calc(26px * var(--kn));font-size:calc(14px * var(--kn));line-height:calc(24px * var(--kn));font-weight:500;color:var(--nt)}
.fq-qt{flex:1}
.fq-qd{grid-column:1}
.fq-qd::after{content:"\2192";flex:none;font-size:calc(20px * var(--kn));line-height:calc(24px * var(--kn));color:var(--nt);opacity:0;transition:opacity .2s,transform .2s;transform:translateX(calc(-6px * var(--kn)))}
/* wybrane pytanie (runda 2, właściciel: „my nigdzie nie dajemy czarnych butonów […] jaskrawy niebieski może być zbyt
   jaskrawy […] w ostateczności daj taki kolor, jaki się podświetla, gdy się najeżdża”): jasny niebieski z DS jak po
   najechaniu, do tego pasek w niebieskim marki z lewej i strzałka do odpowiedzi; tekst granatowy */
.fq-r:checked+.fq-qd{background:#F0F1FF;color:var(--g);box-shadow:inset calc(4px * var(--kn)) 0 0 var(--n)}
.fq-r:checked+.fq-qd::after{opacity:1;transform:none}
.fq-r:focus-visible+.fq-qd,.fq-c:focus-visible+.fq-qm{outline:calc(2px * var(--kn)) solid var(--n);outline-offset:calc(2px * var(--kn))}
.fq-qm{display:none}
.fq-a{display:none;grid-column:2;grid-row:1/-1;align-self:stretch;background:#fff;padding:calc(36px * var(--kn)) calc(40px * var(--kn))}
@media (min-width:901px){.fq-r:checked+.fq-qd+.fq-c+.fq-qm+.fq-a{display:block}}
.fq-ah{font-size:calc(24px * var(--kn));line-height:calc(32px * var(--ts) * var(--kn));font-weight:500;margin:0 0 calc(16px * var(--kn));letter-spacing:-.01em}
.fq-at p{font-size:calc(17px * var(--kn));line-height:calc(28px * var(--ts) * var(--kn));color:var(--g);margin:0}.fq-at p+p{margin-top:calc(12px * var(--kn))}
.fq-at a{color:var(--nt)}
.fq-inne{margin:clamp(calc(16px * var(--kn)),calc(min(3vh, 32.4px) * var(--kn)),calc(28px * var(--kn))) 0 0;font-size:calc(15px * var(--kn));line-height:calc(22px * var(--kn));color:var(--s)}
.fq-inne a{color:var(--nt);font-weight:500}
@media (max-width:900px){
 .fq-g{display:block}
 .fq-qd{display:none}.fq-qm{display:flex;margin-top:calc(8px * var(--kn))}
 .fq-qm::after{content:"+";flex:none;font-size:calc(24px * var(--kn));line-height:calc(24px * var(--kn));color:var(--nt)}
 .fq-c:checked+.fq-qm::after{content:"\2212"}
 .fq-c:checked+.fq-qm+.fq-a{display:block}
 .fq-a{padding:calc(4px * var(--kn)) calc(22px * var(--kn)) calc(22px * var(--kn)) calc(66px * var(--kn))}.fq-ah{display:none}
 .fq-q{font-size:calc(16px * var(--kn));line-height:calc(22px * var(--kn));padding:calc(14px * var(--kn)) calc(18px * var(--kn));gap:calc(14px * var(--kn))}
}
/* pasek „gdzie jestem” w belce: nazwa strony (klik = na górę) i sekcja, w której się jest */
.bk-gdzie{display:flex;align-items:center;gap:calc(10px * var(--kn));min-width:0;overflow:hidden;margin:0 auto 0 calc(-12px * var(--kn));padding-left:calc(28px * var(--kn));
 border-left:1px solid rgba(255,255,255,.22);font-size:calc(15px * var(--kn));line-height:calc(20px * var(--kn));color:#808291;white-space:nowrap}
.bk-r,.bk-s{flex:none}
.bk-r::after{content:"/";margin-left:calc(10px * var(--kn));color:#808291}
.bk-s{color:#fff;font-weight:500;text-decoration:none}.bk-s:hover{color:#5768FF}
.bk-sek{flex:0 1 auto;min-width:0;color:#C4C6D0;overflow:hidden;text-overflow:ellipsis}
.bk-sek:not(:empty)::before{content:"\00b7";margin-right:calc(10px * var(--kn));color:#808291}
.belka.belka-jasna:not(.zjechana) .bk-gdzie{border-left-color:var(--l);color:var(--s)}
.belka.belka-jasna:not(.zjechana) .bk-s{color:var(--g)}
.belka.belka-jasna:not(.zjechana) .bk-sek{color:var(--s)}   /* 2.10 wieczór: nazwa sekcji na jasnej belce (było 1,62:1) */
@media (max-width:1400px){.bk-r{display:none}}
@media (min-width:1101px) and (max-width:1200px){.bk-sek{display:none}}
@media (max-width:1100px){
 .bk-gdzie{position:absolute;left:0;right:0;top:100%;margin:0;padding:0 calc(20px * var(--kn));height:calc(34px * var(--kn));border:0;border-top:1px solid rgba(255,255,255,.14);
  background:var(--g);font-size:calc(13px * var(--kn));opacity:0;visibility:hidden;transform:translateY(calc(-6px * var(--kn)));transition:opacity .2s,transform .2s,visibility .2s}
 html.bk-po-hero .bk-gdzie{opacity:1;visibility:visible;transform:none}
 main section[id]{scroll-margin-top:calc(124px * var(--kn))}
 .belka.menu-otwarte .bk-gdzie{display:none}
}
@media (prefers-reduced-motion:reduce){.bk-gdzie,.fq-q,.fq-qd::after{transition:none}}
/* sekcje wypełniają ekran (runda 2, właściciel: „kiedy góra sekcji dojdzie do dołu belki, na dole nie może wystawać
   następna sekcja”; „ma to być dostosowane do mojego ekranu”): na komputerze sekcja ma co najmniej wysokość okna minus belka
   (60 px), treść stoi na środku; sekcja wyższa od okna jest błędem (kontrola: _narzedzia/ekran_sekcji.py).
   Runda 3 (właściciel: case studies i bezpłatna konsultacja „minimalnie za niskie”): przy skalowaniu ekranu 125 i 150%
   (Windows) widoczny obszar ma ułamek piksela więcej niż 100svh (np. 730,4 przy 730) i u dołu granatowej sekcji
   prześwitywał jeden rząd pikseli następnej sekcji. Dlatego sekcja jest o 2 px wyższa od okna minus belka: te 2 px
   leżą zawsze pod dolną krawędzią okna, treść dalej mieści się w oknie minus belka. */
@media (min-width:1100px) and (min-aspect-ratio:4/3){
 .stm-ek.stm-sek,.fq-sek,.kts:not(.kts-hero){box-sizing:border-box;min-height:calc(min(100vh, 1080px) - 58px);min-height:calc(min(100svh, 1080px) - 58px);
  display:flex;flex-direction:column;justify-content:center}
 .kts:not(.kts-hero)>.kts-in{width:100%;box-sizing:border-box}
}
/* 2.10 wieczór: reguła „sekcja = ekran” na wszystkich stronach docelowej (kanon E46). Build dopisuje klasę d-ek każdej
   sekcji w <main> poza hero, paskiem logotypów, newsletterem, sekcją kontaktową i pytaniami (mają własne reguły wyżej);
   w dokumentach sekcje dostają d-wolna (długi tekst). Odstępy liczone od wysokości okna; moduł może je nadpisać
   dokładniejszą regułą (np. kafle do samego dołu sekcji). */
@media (min-width:1100px) and (min-aspect-ratio:4/3){
 main>section.d-ek{box-sizing:border-box;min-height:calc(min(100vh, 1080px) - 58px);min-height:calc(min(100svh, 1080px) - 58px);display:flex;
  flex-direction:column;justify-content:center;padding-top:clamp(calc(36px * var(--kn)),calc(min(6.5vh, 70.2px) * var(--kn)),calc(96px * var(--kn)));padding-bottom:clamp(calc(36px * var(--kn)),calc(min(6.5vh, 70.2px) * var(--kn)),calc(96px * var(--kn)))}
 main>section.d-ek>.wrap{width:100%}
}
main>section.d-ek,main>section.d-wolna,main>section.d-v20{scroll-margin-top:calc(60px * var(--kn))}
/* sekcja kontaktowa na jednym ekranie: odstępy od wysokości okna, na niskich ekranach zwarta karta */
.kts:not(.kts-hero) .kts-in{padding-top:clamp(calc(44px * var(--kn)),calc(min(8vh, 86.4px) * var(--kn)),calc(100px * var(--kn)));padding-bottom:clamp(calc(44px * var(--kn)),calc(min(8vh, 86.4px) * var(--kn)),calc(100px * var(--kn)))}
@media (min-width:901px) and (max-height:800px){
 .kts:not(.kts-hero) .kts-karta{padding:calc(22px * var(--kn)) calc(28px * var(--kn))}.kts:not(.kts-hero) .kts-kl{margin-bottom:calc(12px * var(--kn))}
 .kts:not(.kts-hero) .kts-pole textarea{height:calc(64px * var(--kn))}.kts:not(.kts-hero) .kts-kto{margin-top:calc(10px * var(--kn));padding-top:calc(10px * var(--kn))}
}
/* sekcja kontaktowa: telefon w karcie (lewa strona bez danych kontaktowych) */
.kts-tel{margin:calc(12px * var(--kn)) 0 0;font-size:calc(14px * var(--kn));line-height:calc(20px * var(--kn));color:var(--s)}.kts-tel a{color:var(--g);font-weight:500;text-decoration:none}
.kts-tel a:hover{color:var(--nt)}
/* „Zaufali nam” (2.10 noc): pas 16 logotypów ze strony grupa-icea.pl (docelowa.CSS_LOGA, dopisany niżej) */

.lg-okno{overflow:hidden;margin:calc(40px * var(--kn)) calc(40px * var(--kn)) 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);
 mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.lg-tor{display:flex;width:max-content;animation:lg-ruch 64s linear infinite}
.lg-okno:hover .lg-tor,.lg-okno:focus-within .lg-tor{animation-play-state:paused}
.lg-pol{display:flex;gap:calc(20px * var(--kn));margin:0;padding:0 calc(20px * var(--kn)) 0 0;list-style:none}
.lg-pol li{flex:none;width:calc(170px * var(--kn));height:calc(100px * var(--kn));background:#fff;display:grid;place-items:center}
.lg-pol img{display:block;width:auto;max-width:calc(130px * var(--kn))}
@keyframes lg-ruch{to{transform:translateX(-50%)}}
@media (max-width:900px){.lg-okno{margin:calc(20px * var(--kn)) 0 0}.lg-pol li{width:calc(130px * var(--kn));height:calc(80px * var(--kn))}.lg-pol img{max-width:calc(100px * var(--kn))}}
@media (prefers-reduced-motion:reduce){.lg-tor{animation:none}.lg-okno{overflow-x:auto;-webkit-mask-image:none;mask-image:none}
 .lg-pol[aria-hidden]{display:none}}

/* FINALNY 4.10: „Search Ecosystem™” w menu */
@media (min-width:901px){.menu>li:nth-child(1)>.nl{width:auto;white-space:nowrap}}
@media (min-width:1101px) and (max-width:1300px){.belka .menu{gap:calc(22px * var(--kn))}}
/* FINALNY 5.10: tło hero pod belką do pierwszego przewinięcia */
.belka:not(.zjechana):not(.menu-otwarte){background:transparent}

/* FINALNY 5.10: stopka wersja D (stopki_gen.py) */

.sx{position:relative;background:#000623;color:#fff;font-size:calc(15px * var(--kn))}
.sx a{color:#fff;text-decoration:none}.sx a:hover{text-decoration:underline;text-underline-offset:calc(4px * var(--kn))}
.sx-in{padding:calc(96px * var(--kn)) calc(40px * var(--kn)) calc(28px * var(--kn));max-width:calc(1440 * var(--u) * var(--kn));margin:0 auto;box-sizing:border-box}
.sx-t{color:#9A9CAB;font-size:calc(14px * var(--kn));line-height:calc(20px * var(--kn));margin:0 0 calc(16px * var(--kn))}
.sx-k ul{margin:0;padding:0;list-style:none}.sx-k li+li{margin-top:calc(12px * var(--kn))}.sx-k a{font-size:calc(15px * var(--kn));line-height:calc(20px * var(--kn))}
.sx-haslo{font-size:calc(28px * var(--ts) * var(--kn));line-height:calc(34px * var(--ts) * var(--kn));font-weight:500;margin:0;letter-spacing:-.01em}
.sx-haslo em{color:#5768FF;font-style:normal}
.sx-adr{margin:calc(24px * var(--kn)) 0 0;line-height:calc(22px * var(--kn))}
.sx-kon{display:flex;flex-direction:column;align-items:flex-start;gap:calc(8px * var(--kn));margin-top:calc(24px * var(--kn))}
.sx-rej{margin:calc(56px * var(--kn)) 0 0;color:#9A9CAB;font-size:calc(13px * var(--kn));line-height:calc(19px * var(--kn));max-width:calc(980 * var(--u) * var(--kn))}
.sx-dol{display:flex;justify-content:space-between;align-items:center;gap:calc(24px * var(--kn));flex-wrap:wrap;margin-top:calc(24px * var(--kn));padding-top:calc(20px * var(--kn));border-top:1px solid rgba(255,255,255,.18);font-size:calc(14px * var(--kn));line-height:calc(20px * var(--kn))}
.sx-prawne,.sx-soc{display:flex;flex-wrap:wrap;gap:calc(8px * var(--kn)) calc(28px * var(--kn));margin:0;padding:0;list-style:none}
.sx-prawne li:first-child{color:#9A9CAB}
.sx-logo{height:calc(34px * var(--kn));width:auto;display:block;margin:0 0 calc(24px * var(--kn))}
/* A */
.sx-siatka{display:grid;grid-template-columns:minmax(0,1.3fr) repeat(4,minmax(0,1fr));gap:calc(32px * var(--kn)) calc(24px * var(--kn))}
/* B */
.sx-b-g{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr);gap:calc(64px * var(--kn));align-items:start}
.sx-chs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(10px * var(--kn))}
.sx-chs3{grid-template-columns:repeat(3,minmax(0,1fr))}
.sx-t2{margin-top:calc(24px * var(--kn))}
.sx-ch{display:flex;align-items:center;gap:calc(10px * var(--kn));padding:calc(10px * var(--kn)) calc(12px * var(--kn));border:1px solid rgba(255,255,255,.16);font-size:calc(14px * var(--kn));line-height:1.3}
.sx-ch:hover{border-color:#8F9BFF;text-decoration:none!important}
.sx-ik{flex:none;width:calc(32px * var(--kn));height:calc(32px * var(--kn));border-radius:50%;background:#1B2142;display:inline-flex;align-items:center;justify-content:center}
.sx-ik img{width:calc(18px * var(--kn));height:calc(18px * var(--kn));filter:brightness(0) invert(1)}
.sx-duze{display:grid;grid-template-columns:1fr 1fr;gap:calc(10px * var(--kn));margin-top:calc(24px * var(--kn))}
.sx-duze a{display:flex;flex-direction:column;gap:calc(4px * var(--kn));padding:calc(16px * var(--kn)) calc(18px * var(--kn));background:#5768FF}
.sx-duze a:hover{text-decoration:none!important;background:#5768FF}
.sx-duze b{font-size:calc(17px * var(--kn));font-weight:500}.sx-duze span{font-size:calc(14px * var(--kn));line-height:1.4}
.sx-firma{margin:calc(48px * var(--kn)) 0 0;padding-top:calc(24px * var(--kn));border-top:1px solid rgba(255,255,255,.18);display:flex;flex-wrap:wrap;gap:calc(10px * var(--kn)) calc(28px * var(--kn))}
.sx-b .sx-rej{margin-top:calc(32px * var(--kn))}
/* C */
.sx-c .sx-in{padding-top:calc(64px * var(--kn))}
.sx-c-g{display:grid;grid-template-columns:minmax(0,1.3fr) repeat(3,minmax(0,.8fr)) minmax(0,1fr);gap:calc(32px * var(--kn)) calc(24px * var(--kn))}
.sx-haslo-m{font-size:calc(20px * var(--kn));line-height:calc(26px * var(--kn))}
.sx-c .sx-adr{margin-top:0}.sx-c .sx-rej{margin-top:calc(40px * var(--kn))}
/* D */
.sx-wielkie{font-size:clamp(calc(48px * var(--ts) * var(--kn)),calc(min(7.4vw, 142.08px) * var(--kn)),calc(112px * var(--ts) * var(--kn)));line-height:1;font-weight:500;letter-spacing:-.02em;margin:0 0 calc(64px * var(--kn))}
.sx-wielkie em{color:#5768FF;font-style:normal}  /* 5.10: „nasz” niebieski z hasła DOCELOWA (--n) */
.sx-d-g{display:grid;grid-template-columns:minmax(0,1fr) repeat(4,minmax(0,1fr));gap:calc(32px * var(--kn)) calc(24px * var(--kn));padding-top:calc(40px * var(--kn));border-top:1px solid rgba(255,255,255,.18)}
.sx-d .sx-adr{margin-top:0}
/* etykieta wersji w propozycji */
.sx-et{background:#F0F1FF;padding:calc(24px * var(--kn)) calc(40px * var(--kn));margin:0}
.sx-et span{display:inline-block;background:#5768FF;color:#fff;font-size:calc(14px * var(--kn));padding:calc(6px * var(--kn)) calc(14px * var(--kn));border-radius:calc(16px * var(--kn))}
@media (max-width:1100px){.sx-siatka,.sx-d-g{grid-template-columns:repeat(2,minmax(0,1fr))}.sx-znak{grid-column:1/-1}
 .sx-b-g{grid-template-columns:1fr;gap:calc(40px * var(--kn))}.sx-c-g{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.sx-in{padding:calc(64px * var(--kn)) calc(20px * var(--kn)) calc(24px * var(--kn))}.sx-haslo{font-size:calc(24px * var(--kn));line-height:calc(30px * var(--ts) * var(--kn))}.sx-dol{flex-direction:column;align-items:flex-start}
 .sx-chs{grid-template-columns:1fr 1fr}.sx-chs3{grid-template-columns:1fr}.sx-duze{grid-template-columns:1fr}.sx-et{padding:calc(20px * var(--kn))}}

/* wersje z rozetą */
.sx-r1,.sx-r3{overflow:hidden}
.sx-r1 .sx-in,.sx-r3 .sx-in{position:relative;z-index:1}
.sx-roz{position:absolute;right:calc(-180px * var(--kn));top:50%;transform:translateY(-58%);width:calc(760 * var(--u) * var(--kn));max-width:none;opacity:.16;pointer-events:none}
.sx-r2-g{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:calc(48px * var(--kn));align-items:center;margin-bottom:calc(64px * var(--kn))}
.sx-r2-g .sx-wielkie{margin:0;font-size:clamp(calc(44px * var(--ts) * var(--kn)),calc(min(5.8vw, 111.36px) * var(--kn)),calc(92px * var(--ts) * var(--kn)))}
.sx-roz2{width:clamp(calc(160px * var(--kn)),calc(min(18vw, 345.6px) * var(--kn)),calc(280px * var(--kn)));height:auto;display:block}
.sx-roz3{display:block;width:100%;height:auto;max-height:calc(150px * var(--kn));object-fit:cover;object-position:center top;margin-top:calc(8px * var(--kn));opacity:.9}
@media (max-width:1100px){.sx-roz{width:calc(560 * var(--u) * var(--kn));right:calc(-220px * var(--kn));opacity:.12}.sx-r2-g{grid-template-columns:1fr}.sx-roz2{width:calc(160px * var(--kn))}}
@media (max-width:760px){.sx-roz{display:none}.sx-roz3{max-height:calc(90px * var(--kn))}}

/* UX-09.10 · runda 1 (9.10.2026, uwagi Anny Mac) */
b,strong{font-weight:500}
/* podkreślenie linków ciągłe (bez przerw pod ogonkami liter) i odsunięte od tekstu; reguły z własnym odstępem zostają */
html{text-decoration-skip-ink:none}:where(a){text-underline-offset:.2em}
/* link DS „Button show details” w tabeli obszarów: rozmiar tekstu tabeli (ikona 1,2 em rośnie i maleje z nim) */
.aw .aw-sek .aw-se-tab tbody th a.ds-szcz{font-size:1em;font-weight:500;color:#4E5EE5;white-space:nowrap;padding-right:.35em}
/* hover DS dokłada .25em z lewej i .1em odstępu; zapas .35em z prawej znika, więc kolumna ma stałą szerokość */
.aw .aw-sek .aw-se-tab tbody th a.ds-szcz:hover,.aw .aw-sek .aw-se-tab tbody th a.ds-szcz:focus-visible{padding-right:0}
/* ten sam link na ciemnej sekcji: niebieski #4E5EE5 na granacie ma 3,86:1, więc tekst biały, kółko #5768FF (grafika, 4,35:1) */
.aw .aw-gr a.ds-szcz{color:#fff}.aw .aw-gr a.ds-szcz svg{color:#5768FF}
/* logotypy klientów: równe kafle na całą szerokość */
.lgk-s{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:calc(12 * var(--u) * var(--kn));width:100%}
.lgk-s>span{display:flex;align-items:center;justify-content:center;height:calc(88 * var(--u) * var(--kn));background:#fff;
 border-radius:calc(4 * var(--u) * var(--kn));box-sizing:border-box;padding:calc(14 * var(--u) * var(--kn)) calc(16 * var(--u) * var(--kn))}
.aw-sek:not(.aw-sz):not(.aw-gr) .lgk-s>span{border:1px solid #E6E6E9}
.lgk-s>span img{display:block;width:auto;max-width:100%;max-height:100%;object-fit:contain}
@media (max-width:1100px){.lgk-s{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:760px){.lgk-s{grid-template-columns:repeat(3,minmax(0,1fr))}.lgk-s>span{height:calc(64 * var(--u) * var(--kn));padding:calc(10 * var(--u) * var(--kn))}}
/* nagłówek: podmenu „O nas” */
.mn-pod{position:relative}
.mn-pod>a svg{width:calc(20px * var(--kn));height:calc(20px * var(--kn))}
.mn-pod-l{list-style:none;margin:0;padding:calc(8px * var(--kn)) 0;position:absolute;top:calc(100% + 14px * var(--kn));
 left:calc(-20px * var(--kn));min-width:calc(240px * var(--kn));background:#fff;box-shadow:0 calc(12px * var(--kn)) calc(32px * var(--kn)) rgba(0,6,35,.14);
 border-radius:calc(4px * var(--kn));opacity:0;visibility:hidden;transform:translateY(calc(-4px * var(--kn)));
 transition:opacity .15s,visibility .15s,transform .15s;z-index:20}
.mn-pod-l::before{content:"";position:absolute;left:0;right:0;top:calc(-16px * var(--kn));height:calc(16px * var(--kn))}
.mn-pod:hover .mn-pod-l,.mn-pod:focus-within .mn-pod-l{opacity:1;visibility:visible;transform:none}
.mn-pod-l a{display:block;padding:calc(10px * var(--kn)) calc(20px * var(--kn));font-size:calc(16px * var(--kn));color:#000623;text-decoration:none}
.mn-pod-l a:hover{background:#F0F1FF;color:#4E5EE5}
@media (max-width:900px){.mn-pod-l{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;min-width:0;
 padding:0 0 calc(12px * var(--kn)) calc(16px * var(--kn));background:none}.mn-pod-l::before{display:none}
 .mn-pod-l a{padding:calc(8px * var(--kn)) 0;color:#000623}.mn-pod>a svg{display:none}}
/* sekcja kontaktu (globalnie) */
.kts-zal{list-style:none;margin:calc(24px * var(--kn)) 0 0;padding:0;display:grid;gap:calc(12px * var(--kn))}
.kts-zal li{display:grid;grid-template-columns:calc(8px * var(--kn)) minmax(0,1fr);gap:calc(14px * var(--kn));font-size:calc(17px * var(--kn));
 line-height:1.45;color:#fff}
.kts-zal li::before{content:"";width:calc(8px * var(--kn));height:calc(8px * var(--kn));background:#5768FF;margin-top:calc(.725em - 4px * var(--kn))}
.kts-wiar{display:flex;flex-wrap:wrap;align-items:center;gap:calc(8px * var(--kn)) calc(16px * var(--kn));margin:calc(32px * var(--kn)) 0 0;
 padding-top:calc(24px * var(--kn));border-top:1px solid rgba(255,255,255,.18);max-width:calc(520 * var(--u) * var(--kn));
 font-size:calc(14px * var(--kn));color:#CCCDD3}
.kts-wiar b{color:#fff;font-weight:500}
.kts-wiar .gw{color:#F5B400;letter-spacing:.06em}

/* G8 link „nazwa →” bez ramki = DS „Button show details”: kółko ze strzałką przed tekstem, #4E5EE5, jeden hover DS; na ciemnym tle tekst biały, kółko #5768FF. Strzałka tekstowa (::after) wyłączona w miejscu starej reguły. */
:is(.acx-wiecej,.aw-ro-l a,.aw-se-wsp li a,.aw-sw-ln,.csx-nowy-cta,.fsx-dalej,.fsx-wiecej,.ih-dalej,.kat-wiecej,.lam a.wpc-l,.rpk-cta,.rpr-ob a,.sai-dalej,.sda-obl-n,.sdb-dalej,.slk-h a,.soa-dalej,.soc-dalej,.sox-wiecej,.stm-dalej,.sts-dalej,.sts-wk-d,.sux-dalej,.wpx-k-d,.wpx-wejscie,.aw-nz-ln,.ih-dalej.ih-dalej-j,.sai-dalej.sai-dalej-j,.sda-dalej,.sox-dec-l,.sts-dalej.sts-dalej-j,.sux-dalej.sux-dalej-j){display:inline-flex;align-items:center;gap:.3em;text-decoration:none;transition:gap .2s ease,padding .2s ease}
:is(.acx-wiecej,.aw-ro-l a,.aw-se-wsp li a,.aw-sw-ln,.csx-nowy-cta,.fsx-dalej,.fsx-wiecej,.ih-dalej,.kat-wiecej,.lam a.wpc-l,.rpk-cta,.rpr-ob a,.sai-dalej,.sda-obl-n,.sdb-dalej,.slk-h a,.soa-dalej,.soc-dalej,.sox-wiecej,.stm-dalej,.sts-dalej,.sts-wk-d,.sux-dalej,.wpx-k-d,.wpx-wejscie,.aw-nz-ln,.ih-dalej.ih-dalej-j,.sai-dalej.sai-dalej-j,.sda-dalej,.sox-dec-l,.sts-dalej.sts-dalej-j,.sux-dalej.sux-dalej-j)::before{content:"";flex:none;width:1.2em;height:1.2em;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%222%202.5%2020%2020%22%3E%3Cpath%20d%3D%22M12%202.75C6.62402%202.75%202.25%207.12402%202.25%2012.5C2.25%2017.876%206.62402%2022.25%2012%2022.25C17.376%2022.25%2021.75%2017.876%2021.75%2012.5C21.75%207.12402%2017.376%202.75%2012%202.75ZM12%204.25C16.5645%204.25%2020.25%207.93555%2020.25%2012.5C20.25%2017.0645%2016.5645%2020.75%2012%2020.75C7.43555%2020.75%203.75%2017.0645%203.75%2012.5C3.75%207.93555%207.43555%204.25%2012%204.25ZM12.5391%207.69531L11.4609%208.75L14.4609%2011.75H6.75V13.25H14.4609L11.4609%2016.25L12.5391%2017.3047L17.3438%2012.5L12.5391%207.69531Z%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%222%202.5%2020%2020%22%3E%3Cpath%20d%3D%22M12%202.75C6.62402%202.75%202.25%207.12402%202.25%2012.5C2.25%2017.876%206.62402%2022.25%2012%2022.25C17.376%2022.25%2021.75%2017.876%2021.75%2012.5C21.75%207.12402%2017.376%202.75%2012%202.75ZM12%204.25C16.5645%204.25%2020.25%207.93555%2020.25%2012.5C20.25%2017.0645%2016.5645%2020.75%2012%2020.75C7.43555%2020.75%203.75%2017.0645%203.75%2012.5C3.75%207.93555%207.43555%204.25%2012%204.25ZM12.5391%207.69531L11.4609%208.75L14.4609%2011.75H6.75V13.25H14.4609L11.4609%2016.25L12.5391%2017.3047L17.3438%2012.5L12.5391%207.69531Z%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat}
:is(.acx-wiecej,.aw-ro-l a,.aw-se-wsp li a,.aw-sw-ln,.csx-nowy-cta,.fsx-dalej,.fsx-wiecej,.ih-dalej,.kat-wiecej,.lam a.wpc-l,.rpk-cta,.rpr-ob a,.sai-dalej,.sda-obl-n,.sdb-dalej,.slk-h a,.soa-dalej,.soc-dalej,.sox-wiecej,.stm-dalej,.sts-dalej,.sts-wk-d,.sux-dalej,.wpx-k-d,.wpx-wejscie):not(#_){color:#4E5EE5}
:is(.aw-nz-ln,.ih-dalej.ih-dalej-j,.sai-dalej.sai-dalej-j,.sda-dalej,.sox-dec-l,.sts-dalej.sts-dalej-j,.sux-dalej.sux-dalej-j):not(#_):not(#_){color:#fff}
:is(.aw-nz-ln,.ih-dalej.ih-dalej-j,.sai-dalej.sai-dalej-j,.sda-dalej,.sox-dec-l,.sts-dalej.sts-dalej-j,.sux-dalej.sux-dalej-j):not(#_):not(#_)::before{background:#5768FF}
:is(.acx-wiecej,.aw-ro-l a,.aw-se-wsp li a,.aw-sw-ln,.csx-nowy-cta,.fsx-dalej,.fsx-wiecej,.ih-dalej,.kat-wiecej,.lam a.wpc-l,.rpk-cta,.rpr-ob a,.sai-dalej,.sda-obl-n,.sdb-dalej,.slk-h a,.soa-dalej,.soc-dalej,.sox-wiecej,.stm-dalej,.sts-dalej,.sts-wk-d,.sux-dalej,.wpx-k-d,.wpx-wejscie,.aw-nz-ln,.ih-dalej.ih-dalej-j,.sai-dalej.sai-dalej-j,.sda-dalej,.sox-dec-l,.sts-dalej.sts-dalej-j,.sux-dalej.sux-dalej-j):is(:hover,:focus-visible),a:is(:hover,:focus-visible) :is(.acx-wiecej,.aw-ro-l a,.aw-se-wsp li a,.aw-sw-ln,.csx-nowy-cta,.fsx-dalej,.fsx-wiecej,.ih-dalej,.kat-wiecej,.lam a.wpc-l,.rpk-cta,.rpr-ob a,.sai-dalej,.sda-obl-n,.sdb-dalej,.slk-h a,.soa-dalej,.soc-dalej,.sox-wiecej,.stm-dalej,.sts-dalej,.sts-wk-d,.sux-dalej,.wpx-k-d,.wpx-wejscie,.aw-nz-ln,.ih-dalej.ih-dalej-j,.sai-dalej.sai-dalej-j,.sda-dalej,.sox-dec-l,.sts-dalej.sts-dalej-j,.sux-dalej.sux-dalej-j){padding-left:.25em;gap:.4em}
/* UX-09.10 · formularze bez przeładowania (10.10) */
/* komunikat wstawiony nad przyciskiem nie przewija strony (bez kotwiczenia przewijania w sekcji kontaktu) */
section:has(.kts-form),section:has(.form),section:has(.nl-form),section:has(.w-nl-form){overflow-anchor:none}
.f-bl input,.f-bl textarea{border-color:#D90000!important}
.f-kom{display:flex;align-items:flex-start;gap:calc(8px * var(--kn));margin-top:calc(6px * var(--kn));font-size:calc(14px * var(--kn));
 line-height:1.4;color:#D90000;text-align:left}
.f-kom svg,.f-ok svg,.f-toast svg{flex:none;width:calc(16px * var(--kn));height:calc(16px * var(--kn));margin-top:.1em}
.kts-zgoda.f-bl input,.zgoda.f-bl input{outline:1px solid #D90000;outline-offset:1px}
.f-toast{display:flex;align-items:flex-start;gap:calc(12px * var(--kn));background:#fff;box-shadow:0 calc(4px * var(--kn)) calc(16px * var(--kn)) rgba(0,6,35,.12);
 padding:calc(12px * var(--kn)) calc(16px * var(--kn));color:#D90000;font-size:calc(15px * var(--kn));line-height:1.45;margin:calc(12px * var(--kn)) 0;text-align:left}
.f-toast svg{width:calc(20px * var(--kn));height:calc(20px * var(--kn))}
.f-toast a{color:inherit;white-space:nowrap}
.kts-form .f-toast,.kts-form .f-kom-zg,.form .f-toast,.form .f-kom-zg{grid-column:1/-1}
.kts-form .f-kom-zg,.form .f-kom-zg{margin-top:calc(-4px * var(--kn))}
button[aria-busy=true]{opacity:.75;cursor:progress}
/* sukces: formularz kontaktowy */
.f-ok{display:flex;flex-direction:column;justify-content:center;gap:calc(14px * var(--kn));outline:none}
.f-ok-ik{width:calc(48px * var(--kn));height:calc(48px * var(--kn));color:#4E5EE5}
.f-ok-ik svg{width:100%;height:100%;margin:0}
.f-ok-h{font-size:calc(26px * var(--kn));line-height:1.2;color:#000623;margin:0;font-weight:400}
.f-ok-t{font-size:calc(16px * var(--kn));line-height:1.55;color:#3D4152;margin:0}
.f-ok-t b,.f-nl-ok b{display:inline-block;max-width:100%;overflow-wrap:anywhere}
.f-ok-t b{font-weight:500;color:#000623}
.f-ok-nowa{align-self:flex-start;background:none;border:0;padding:0;font:inherit;font-size:calc(15px * var(--kn));color:#4E5EE5;
 text-decoration:underline;text-underline-offset:.2em;cursor:pointer}
/* sukces: newsletter (toast DS w miejscu pola i przycisku) */
.f-nl-ok{display:flex;align-items:center;gap:calc(12px * var(--kn));background:#fff;box-shadow:0 calc(4px * var(--kn)) calc(16px * var(--kn)) rgba(0,6,35,.12);
 padding:calc(14px * var(--kn)) calc(20px * var(--kn));color:#000623;font-size:calc(17px * var(--kn));line-height:1.45;text-align:left;
 max-width:calc(550px * var(--kn));margin:0 auto;box-sizing:border-box;outline:none}
.f-nl-ok svg{flex:none;width:calc(22px * var(--kn));height:calc(22px * var(--kn));color:#4E5EE5}
@media (max-width:900px){.f-ok{padding:calc(56px * var(--kn)) 0}}
.f-nl-ok b{font-weight:500}
.newsl .f-kom,.newsl .f-toast,.w-newsl .f-kom,.w-newsl .f-toast{max-width:calc(550px * var(--kn));margin-left:auto;margin-right:auto}

/* UX-09.10 · kariera z plikiem CV (11.10) */
.kts-plik{position:relative;display:flex;align-items:center;gap:calc(14px * var(--kn));min-height:calc(58px * var(--kn));
 border:1px dashed #9AA0B8;background:#fff;padding:calc(10px * var(--kn)) calc(16px * var(--kn));cursor:pointer}
.kts-plik:hover{border-color:#5768FF}
.kts-plik:focus-within{outline:calc(2px * var(--kn)) solid #5768FF;outline-offset:0}
.kts-plik input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;margin:0;padding:0;border:0}
.kts-plik-b{flex:none;font-size:calc(15px * var(--kn));line-height:1;padding:calc(10px * var(--kn)) calc(14px * var(--kn));border:1px solid #000623;color:#000623;background:#fff}
.kts-plik-n{min-width:0;font-size:calc(13px * var(--kn));line-height:1.35;color:#666A7B;overflow-wrap:anywhere}
.kts-plik.f-ma .kts-plik-n{color:#000623;font-size:calc(15px * var(--kn))}
.kts-plik.f-bl{border-color:#D90000}
.kts-plik .f-kom{position:static;margin:0}
.kts-plik-w>.f-kom{margin-top:calc(6px * var(--kn))}
/* BELKA-JAK-OBECNA 14.10: belka przy górnej krawędzi, granatowa od wejścia, bez zjazdu przy przewijaniu (jak grupa-icea.pl); hero zaczyna się tuż pod belką (--bt 0); menu rozwijane od dołu belki */
html .belka{top:0;transition:none}
html .belka:not(.zjechana):not(.menu-otwarte){background:var(--g)}
html .onu,html .ug-fm,html .ug-ap{--bt:0px}
@media (min-width:901px){html .belka .mm{top:calc(60px * var(--kn))}}