@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))}}


.aw main{background:#fff}
.aw-w{max-width:calc(1200 * var(--u) * var(--kn));margin:0 auto;padding:0 calc(40px * var(--kn))}
.aw-sek{padding:calc(96px * var(--kn)) 0}
.aw-sz{background:#F9F9F9}
.aw-gr{background:#000623;color:#fff}
.aw-et{font-size:calc(14px * var(--kn));color:#000623;margin:0 0 calc(16px * var(--kn))}
.aw-gr .aw-et{color:#808291}
.aw-h2{font-size:clamp(calc(30px * var(--ts) * var(--kn)),calc(min(3.4vw, 65.28px) * var(--kn)),calc(44px * var(--ts) * var(--kn)));line-height:1.12;font-weight:500;margin:0 0 calc(20px * var(--kn));color:#000623;max-width:max(22ch, 66%)}
.aw-h2 em,.aw-hero h1 em{font-style:normal;color:#5768FF}
.aw-gr .aw-h2{color:#fff}.aw-gr .aw-h2 em{color:#5768FF}
.aw-lead{font-size:calc(19px * var(--kn));line-height:1.55;color:#666A7B;max-width:62ch;margin:0 0 calc(40px * var(--kn))}
.aw-luka{display:inline;background:#F0F1FF;border:1px dashed #5768FF;color:#000623;padding:1px calc(6px * var(--kn));font-size:.92em;border-radius:calc(3px * var(--kn))}
/* hero */
.aw-hero{background:#000623;color:#fff;min-height:calc(min(100svh, 1080px) - 0px);display:flex;align-items:center;padding:calc(130px * var(--kn)) 0 calc(64px * var(--kn))}
.aw-hero .aw-w{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:calc(64px * var(--kn));align-items:center;width:100%}
.aw-hero h1{font-size:clamp(calc(36px * var(--ts) * var(--kn)),calc(min(4.4vw, 84.48px) * var(--kn)),calc(62px * var(--ts) * var(--kn)));line-height:1;font-weight:500;margin:0 0 calc(28px * var(--kn));letter-spacing:-.01em}
.aw-hero h1 em{color:#5768FF;display:block}
.aw-hero .aw-et{color:#808291}
.aw-hero-lead{font-size:calc(19px * var(--kn));line-height:1.6;color:#fff;opacity:.92;margin:0 0 calc(36px * var(--kn));max-width:58ch}
.aw-ctas{display:flex;flex-wrap:wrap;gap:calc(16px * var(--kn));margin-bottom:calc(18px * var(--kn))}
.aw-btn{display:inline-flex;align-items:center;text-align:center;min-height:calc(58px * var(--kn));padding:0 calc(28px * var(--kn));background:#5768FF;color:#fff;font-size:calc(18px * var(--kn));text-decoration:none;border:1px solid #5768FF}
.aw-btn:hover{background:#3543C1;color:#fff;border-color:#3543C1}
.aw-btn2{display:inline-flex;align-items:center;min-height:calc(58px * var(--kn));padding:0 calc(24px * var(--kn));color:#fff;border:1px solid #fff;font-size:calc(18px * var(--kn));text-decoration:none}
.aw-btn2:hover{background:transparent;color:#5768FF;border-color:#5768FF}
.aw-pod{font-size:calc(15px * var(--kn));color:#808291;margin:0}
.aw-pod-h{margin:calc(16px * var(--kn)) 0 0}
.soa-hero:not(.hero-ciemny) .aw-pod-h{color:#666A7B}
.aw-dow{background:#fff;color:#000623;padding:calc(32px * var(--kn)) calc(32px * var(--kn)) calc(24px * var(--kn))}
.aw-dow-g{display:flex;align-items:center;justify-content:space-between;gap:calc(16px * var(--kn));margin-bottom:calc(16px * var(--kn))}
.aw-dow-g img{height:calc(28px * var(--kn));width:auto}
.aw-dow-g span{font-size:calc(13px * var(--kn));color:#666A7B}
.aw-dow b.aw-l{display:block;font-size:calc(64px * var(--ts) * var(--kn));line-height:1;font-weight:500;color:#5768FF;letter-spacing:-.02em}
.aw-dow p{margin:calc(10px * var(--kn)) 0 calc(18px * var(--kn));font-size:calc(16px * var(--kn));line-height:1.5}
.aw-dow svg{display:block;width:100%;height:auto}
.aw-dow small{display:block;font-size:calc(13px * var(--kn));line-height:1.45;color:#666A7B;margin-top:calc(10px * var(--kn))}
/* problem */
.aw-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(40px * var(--kn));margin-top:calc(48px * var(--kn))}
.aw-3 h3{font-size:calc(22px * var(--kn));line-height:1.25;font-weight:500;margin:0 0 calc(12px * var(--kn));color:#000623}
.aw-3 p{font-size:calc(17px * var(--kn));line-height:1.6;color:#666A7B;margin:0}
.aw-3 .aw-nr{display:block;width:calc(44px * var(--kn));height:calc(2px * var(--kn));background:#5768FF;margin-bottom:calc(22px * var(--kn))}.aw-3 .aw-nr-i{height:calc(44px * var(--kn));background:none;margin-bottom:calc(20px * var(--kn))}.aw-3 .aw-nr-i svg{display:block;width:100%;height:100%}
/* dowód */
.aw-bot{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:calc(64px * var(--kn));align-items:center}
.aw-lbs{display:grid;grid-template-columns:1fr 1fr;gap:calc(24px * var(--kn));margin:calc(8px * var(--kn)) 0 calc(24px * var(--kn))}
.aw-lbs b{display:block;font-size:calc(40px * var(--ts) * var(--kn));font-weight:500;line-height:1.05;color:#5768FF}
.aw-lbs p{font-size:calc(16px * var(--kn));line-height:1.5;margin:calc(8px * var(--kn)) 0 0;color:#000623}
.aw-zr{font-size:calc(14px * var(--kn));line-height:1.55;color:#666A7B;margin:0 0 calc(24px * var(--kn));max-width:60ch}
.aw-lnk{color:#4E5EE5;font-size:calc(17px * var(--kn));text-decoration:underline;text-underline-offset:calc(4px * var(--kn))}
.aw-bot figure{margin:0;background:#fff;padding:calc(24px * var(--kn))}
.aw-bot figcaption{font-size:calc(15px * var(--kn));margin-bottom:calc(8px * var(--kn));color:#000623}
.aw-loga{margin-top:calc(64 * var(--u) * var(--kn));padding-top:calc(32 * var(--u) * var(--kn));border-top:1px solid #CCCDD3;display:flex;flex-wrap:wrap;align-items:center;gap:calc(28 * var(--u) * var(--kn)) calc(48 * var(--u) * var(--kn))}
.aw-loga p{font-size:calc(14 * var(--u) * var(--kn));color:#666A7B;margin:0;width:100%}
.aw-loga .lgk-s img{display:block}
/* audyt */
.aw-aud{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:calc(64px * var(--kn));align-items:start}
.aw-aud ol{list-style:none;margin:0;padding:0;counter-reset:a}
.aw-aud li{counter-increment:a;padding:calc(22px * var(--kn)) 0 calc(22px * var(--kn)) calc(64px * var(--kn));border-top:1px solid #CCCDD3;position:relative}
.aw-aud li:last-child{border-bottom:1px solid #CCCDD3}
.aw-aud li::before{content:"0" counter(a);position:absolute;left:0;top:calc(22px * var(--kn));font-size:calc(15px * var(--kn));color:#4E5EE5}
.aw-aud h3{font-size:calc(21px * var(--kn));font-weight:500;margin:0 0 calc(6px * var(--kn));color:#000623}
.aw-aud li p{font-size:calc(17px * var(--kn));line-height:1.55;color:#666A7B;margin:0}
.aw-forma{font-size:calc(16px * var(--kn));line-height:1.55;margin:calc(24px * var(--kn)) 0 calc(32px * var(--kn))}
.aw-aud .aw-btn:hover{border-color:#3543C1}
/* kroki */
.aw-kr{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(24px * var(--kn));list-style:none;margin:calc(48px * var(--kn)) 0 0;padding:0}
.aw-kr li{background:#fff;padding:calc(28px * var(--kn)) calc(24px * var(--kn));border-top:calc(3px * var(--kn)) solid #5768FF}
.aw-kr .aw-n{font-size:calc(15px * var(--kn));color:#4E5EE5}
.aw-kr h3{font-size:calc(20px * var(--kn));font-weight:500;margin:calc(10px * var(--kn)) 0 calc(10px * var(--kn));color:#000623}
.aw-kr p{font-size:calc(16px * var(--kn));line-height:1.55;color:#666A7B;margin:0 0 calc(14px * var(--kn))}
.aw-kr .aw-czas{font-size:calc(14px * var(--kn));margin:0}
.aw-ludzie{display:grid;grid-template-columns:1fr 1fr;gap:calc(24px * var(--kn));margin-top:calc(40px * var(--kn))}
.aw-os{display:flex;gap:calc(20px * var(--kn));align-items:center;background:#fff;padding:calc(16px * var(--kn)) calc(24px * var(--kn)) calc(16px * var(--kn)) calc(16px * var(--kn))}
.aw-os img{width:calc(88 * var(--u) * var(--kn));height:calc(96 * var(--u) * var(--kn));object-fit:cover;object-position:top;background:#D9D9D9;flex:none}
.aw-os b{display:block;font-size:calc(18px * var(--kn));font-weight:500;color:#000623}
.aw-os span{display:block;font-size:calc(14px * var(--kn));color:#4E5EE5;margin:calc(2px * var(--kn)) 0 calc(6px * var(--kn))}
.aw-os p{margin:0;font-size:calc(15px * var(--kn));line-height:1.5;color:#666A7B}
/* panele */
.aw-pan{border-top:1px solid #CCCDD3}
.aw-pan details{border-bottom:1px solid #CCCDD3}
.aw-pan summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:calc(24px * var(--kn));padding:calc(24px * var(--kn)) 0}
.aw-pan summary::-webkit-details-marker{display:none}
.aw-pan summary h3,.aw-pan summary span.aw-q{font-size:calc(21px * var(--kn));line-height:1.3;font-weight:500;margin:0;color:#000623}
.aw-pan summary::after{content:"";flex:none;width:calc(20px * var(--kn));height:calc(20px * var(--kn));background:#000623;-webkit-mask:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjEwNzIgNSAyMCAyMCI+PHBhdGggZD0iTTEwODIgNi44NzVDMTA4Ni40OCA2Ljg3NSAxMDkwLjEyIDEwLjUyIDEwOTAuMTIgMTVDMTA5MC4xMiAxOS40OCAxMDg2LjQ4IDIzLjEyNSAxMDgyIDIzLjEyNUMxMDc3LjUyIDIzLjEyNSAxMDczLjg4IDE5LjQ4IDEwNzMuODggMTVDMTA3My44OCAxMC41MiAxMDc3LjUyIDYuODc1IDEwODIgNi44NzVaTTEwODIgOC4xMjVDMTA3OC4yIDguMTI1IDEwNzUuMTIgMTEuMTk2MyAxMDc1LjEyIDE1QzEwNzUuMTIgMTguODAzNyAxMDc4LjIgMjEuODc1IDEwODIgMjEuODc1QzEwODUuOCAyMS44NzUgMTA4OC44OCAxOC44MDM3IDEwODguODggMTVDMTA4OC44OCAxMS4xOTYzIDEwODUuOCA4LjEyNSAxMDgyIDguMTI1Wk0xMDgyLjQ1IDEwLjk5NjFMMTA4Ni40NSAxNUwxMDgyLjQ1IDE5LjAwMzlMMTA4MS41NSAxOC4xMjVMMTA4NC4wNSAxNS42MjVIMTA3Ny42MlYxNC4zNzVIMTA4NC4wNUwxMDgxLjU1IDExLjg3NUwxMDgyLjQ1IDEwLjk5NjFaIi8+PC9zdmc+") center/100% 100% no-repeat;mask:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjEwNzIgNSAyMCAyMCI+PHBhdGggZD0iTTEwODIgNi44NzVDMTA4Ni40OCA2Ljg3NSAxMDkwLjEyIDEwLjUyIDEwOTAuMTIgMTVDMTA5MC4xMiAxOS40OCAxMDg2LjQ4IDIzLjEyNSAxMDgyIDIzLjEyNUMxMDc3LjUyIDIzLjEyNSAxMDczLjg4IDE5LjQ4IDEwNzMuODggMTVDMTA3My44OCAxMC41MiAxMDc3LjUyIDYuODc1IDEwODIgNi44NzVaTTEwODIgOC4xMjVDMTA3OC4yIDguMTI1IDEwNzUuMTIgMTEuMTk2MyAxMDc1LjEyIDE1QzEwNzUuMTIgMTguODAzNyAxMDc4LjIgMjEuODc1IDEwODIgMjEuODc1QzEwODUuOCAyMS44NzUgMTA4OC44OCAxOC44MDM3IDEwODguODggMTVDMTA4OC44OCAxMS4xOTYzIDEwODUuOCA4LjEyNSAxMDgyIDguMTI1Wk0xMDgyLjQ1IDEwLjk5NjFMMTA4Ni40NSAxNUwxMDgyLjQ1IDE5LjAwMzlMMTA4MS41NSAxOC4xMjVMMTA4NC4wNSAxNS42MjVIMTA3Ny42MlYxNC4zNzVIMTA4NC4wNUwxMDgxLjU1IDExLjg3NUwxMDgyLjQ1IDEwLjk5NjFaIi8+PC9zdmc+") center/100% 100% no-repeat}
.aw-pan details[open] summary::after{-webkit-mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjEwNzIgNSAyMCAyMCI+PHBhdGggZD0iTTEwNzMuODcgMTVDMTA3My44NyAxMC41MiAxMDc3LjUyIDYuODc1IDEwODIgNi44NzVDMTA4Ni40OCA2Ljg3NSAxMDkwLjEyIDEwLjUyIDEwOTAuMTIgMTVDMTA5MC4xMiAxOS40OCAxMDg2LjQ4IDIzLjEyNSAxMDgyIDIzLjEyNUMxMDc3LjUyIDIzLjEyNSAxMDczLjg3IDE5LjQ4IDEwNzMuODcgMTVaTTEwNzUuMTIgMTVDMTA3NS4xMiAxOC44MDM3IDEwNzguMiAyMS44NzUgMTA4MiAyMS44NzVDMTA4NS44IDIxLjg3NSAxMDg4Ljg3IDE4LjgwMzcgMTA4OC44NyAxNUMxMDg4Ljg3IDExLjE5NjMgMTA4NS44IDguMTI1IDEwODIgOC4xMjVDMTA3OC4yIDguMTI1IDEwNzUuMTIgMTEuMTk2MyAxMDc1LjEyIDE1Wk0xMDc4IDE0LjU1MDhMMTA4MiAxMC41NDY5TDEwODYgMTQuNTUwOEwxMDg1LjEyIDE1LjQ0OTJMMTA4Mi42MiAxMi45NDkyTDEwODIuNjIgMTkuMzc1TDEwODEuMzcgMTkuMzc1TDEwODEuMzcgMTIuOTQ5MkwxMDc4Ljg3IDE1LjQ0OTJMMTA3OCAxNC41NTA4WiIvPjwvc3ZnPg==");mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjEwNzIgNSAyMCAyMCI+PHBhdGggZD0iTTEwNzMuODcgMTVDMTA3My44NyAxMC41MiAxMDc3LjUyIDYuODc1IDEwODIgNi44NzVDMTA4Ni40OCA2Ljg3NSAxMDkwLjEyIDEwLjUyIDEwOTAuMTIgMTVDMTA5MC4xMiAxOS40OCAxMDg2LjQ4IDIzLjEyNSAxMDgyIDIzLjEyNUMxMDc3LjUyIDIzLjEyNSAxMDczLjg3IDE5LjQ4IDEwNzMuODcgMTVaTTEwNzUuMTIgMTVDMTA3NS4xMiAxOC44MDM3IDEwNzguMiAyMS44NzUgMTA4MiAyMS44NzVDMTA4NS44IDIxLjg3NSAxMDg4Ljg3IDE4LjgwMzcgMTA4OC44NyAxNUMxMDg4Ljg3IDExLjE5NjMgMTA4NS44IDguMTI1IDEwODIgOC4xMjVDMTA3OC4yIDguMTI1IDEwNzUuMTIgMTEuMTk2MyAxMDc1LjEyIDE1Wk0xMDc4IDE0LjU1MDhMMTA4MiAxMC41NDY5TDEwODYgMTQuNTUwOEwxMDg1LjEyIDE1LjQ0OTJMMTA4Mi42MiAxMi45NDkyTDEwODIuNjIgMTkuMzc1TDEwODEuMzcgMTkuMzc1TDEwODEuMzcgMTIuOTQ5MkwxMDc4Ljg3IDE1LjQ0OTJMMTA3OCAxNC41NTA4WiIvPjwvc3ZnPg==")}
.aw-pan summary:hover h3,.aw-pan summary:hover .aw-q,.aw-pan details[open] summary h3,.aw-pan details[open] summary .aw-q{color:#4E5EE5}
.aw-odp{padding:0 calc(64px * var(--kn)) calc(28px * var(--kn)) 0;max-width:calc(820 * var(--u) * var(--kn))}
.aw-odp p,.aw-odp li{font-size:calc(17px * var(--kn));line-height:1.65;color:#000623}
.aw-odp p{margin:0 0 calc(14px * var(--kn))}
.aw-odp a{color:#4E5EE5}
.aw-dwie{display:grid;grid-template-columns:1fr 1fr;gap:calc(32px * var(--kn))}
.aw-dwie ul{margin:0;padding-left:calc(20px * var(--kn))}
.aw-plus,.aw-minus{font-weight:500;margin:0 0 calc(8px * var(--kn))!important}
.aw-plus{color:#4E5EE5!important}.aw-minus{color:#666A7B!important}
.aw-2k{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr);gap:calc(64px * var(--kn));align-items:start}
.aw-2k .aw-lead{margin-bottom:0}
.aw-faq-pod{font-size:calc(16px * var(--kn));color:#666A7B;margin:calc(24px * var(--kn)) 0 0}
.aw-faq-pod a{color:#4E5EE5}
/* powiązane */
.aw-pow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid #CCCDD3;margin-top:calc(32px * var(--kn))}
.aw-pow a{display:block;padding:calc(22px * var(--kn)) calc(24px * var(--kn)) calc(22px * var(--kn)) 0;border-bottom:1px solid #CCCDD3;text-decoration:none}
.aw-pow b{display:block;font-size:calc(19px * var(--kn));font-weight:500;color:#000623}
.aw-pow span{font-size:calc(15px * var(--kn));color:#666A7B}
.aw-pow a:hover b{color:#4E5EE5}
/* SEKCJA = EKRAN (uwaga właściciela 4.10, kanon E46): hero, sekcje własne strony i formularz wypełniają okno pod
   belką i mieszczą się w nim; przewodnik, pytania i „łączy się z” mają wysokość treści. 58 px = belka, jak w DOCELOWA. */
@media (min-width:1100px) and (orientation:landscape){
 .aw .aw-ek,.aw main>section.kts{min-height:calc(min(100svh, 1080px) - 58px);display:flex;flex-direction:column;justify-content:center;
  padding-top:clamp(calc(24px * var(--kn)),calc(min(4.5svh, 48.6px) * var(--kn)),calc(56px * var(--kn)));padding-bottom:clamp(calc(24px * var(--kn)),calc(min(4.5svh, 48.6px) * var(--kn)),calc(56px * var(--kn)));box-sizing:border-box}
 .aw .aw-ek>.aw-w{width:100%;box-sizing:border-box}
 .aw .aw-ek .aw-h2{font-size:clamp(calc(28px * var(--ts) * var(--kn)),calc(min(4.2svh, 45.36px) * var(--kn)),calc(44px * var(--ts) * var(--kn)))}
 .aw .aw-ek .aw-3{margin-top:clamp(calc(24px * var(--kn)),calc(min(4svh, 43.2px) * var(--kn)),calc(48px * var(--kn)))}
 .aw .aw-ek .aw-loga{margin-top:clamp(calc(20 * var(--u) * var(--kn)),calc(min(3.5svh, 37.8px) * var(--kn)),calc(64 * var(--u) * var(--kn)));padding-top:clamp(calc(14 * var(--u) * var(--kn)),calc(min(2.4svh, 25.92px) * var(--kn)),calc(32 * var(--u) * var(--kn)))}
 .aw .aw-ek .aw-kr{margin-top:clamp(calc(20px * var(--kn)),calc(min(3svh, 32.4px) * var(--kn)),calc(48px * var(--kn)))}
 .aw .aw-ek .aw-kr li{padding:clamp(calc(16px * var(--kn)),calc(min(2.6svh, 28.08px) * var(--kn)),calc(28px * var(--kn))) calc(24px * var(--kn))}
 .aw .aw-ek .aw-ludzie{margin-top:clamp(calc(16px * var(--kn)),calc(min(2.6svh, 28.08px) * var(--kn)),calc(40px * var(--kn)))}
 .aw .aw-ek .aw-aud li{padding-top:clamp(calc(14px * var(--kn)),calc(min(2.2svh, 23.76px) * var(--kn)),calc(22px * var(--kn)));padding-bottom:clamp(calc(14px * var(--kn)),calc(min(2.2svh, 23.76px) * var(--kn)),calc(22px * var(--kn)))}
 .aw .aw-ek .aw-aud li::before{top:clamp(calc(14px * var(--kn)),calc(min(2.2svh, 23.76px) * var(--kn)),calc(22px * var(--kn)))}
 .aw .aw-ek .aw-lead{margin-bottom:clamp(calc(20px * var(--kn)),calc(min(3.5svh, 37.8px) * var(--kn)),calc(40px * var(--kn)))}
 /* formularz: odstępy z sekcji, nie z bloku w środku (inaczej przy niskim oknie nie mieści się na ekranie) */
 .aw main>section.kts{padding-top:0;padding-bottom:0}
 /* formularz jest granatowy jak belka: pełna wysokość okna (100svh, nie okno minus belka), żeby przy żadnym ustawieniu
    przewinięcia nie prześwitywał pod nim pas newslettera (uwaga właściciela 4.10: „kilka pikseli za mała wysokość”) */
 .aw main>section.kts{min-height:calc(min(100svh, 1080px) + 2px)}
 .aw main>section.kts .kts-in{padding-top:clamp(calc(16px * var(--kn)),calc(min(3.2svh, 34.56px) * var(--kn)),calc(48px * var(--kn)));padding-bottom:clamp(calc(16px * var(--kn)),calc(min(3.2svh, 34.56px) * var(--kn)),calc(48px * var(--kn)))}
 /* hero ze strony źródłowej: cały w pierwszym ekranie; rysunek liczony od wysokości okna */
 .aw .sob-hero-in{min-height:min(100svh, 1080px);padding-top:calc(96px * var(--kn));padding-bottom:clamp(calc(16px * var(--kn)),calc(min(3svh, 32.4px) * var(--kn)),calc(40px * var(--kn)));box-sizing:border-box}
 .aw .sob-hero-o{display:flex;align-items:center;justify-content:flex-end}
 .aw .sob-odt-w{width:100%;max-width:calc((calc(min(100svh, 1080px) * var(--kn)) - calc(150 * var(--u) * var(--kn))) * 1.12)}
 .aw .sob-h1{font-size:clamp(calc(40px * var(--ts) * var(--kn)),calc(min(6.4svh, 69.12px) * var(--kn)),calc(56px * var(--ts) * var(--kn)))}
 .aw .sob-hl{font-size:clamp(calc(16px * var(--kn)),calc(min(2.3svh, 24.84px) * var(--kn)),calc(18px * var(--kn)))}
 .aw .sob-przy,.aw .soa-przyc{flex-wrap:nowrap}
 .aw .soa-hero-in{min-height:min(100svh, 1080px);padding-top:calc(96px * var(--kn));padding-bottom:clamp(calc(16px * var(--kn)),calc(min(3svh, 32.4px) * var(--kn)),calc(40px * var(--kn)));box-sizing:border-box}
 .aw .soa-h1{font-size:clamp(calc(40px * var(--ts) * var(--kn)),calc(min(6.4svh, 69.12px) * var(--kn)),calc(56px * var(--ts) * var(--kn)))}
 .aw .soa-hl{font-size:clamp(calc(16px * var(--kn)),calc(min(2.3svh, 24.84px) * var(--kn)),calc(18px * var(--kn)))}
 .aw .soa-przyc .btn{padding-left:clamp(calc(16px * var(--kn)),calc(min(1.6vw, 30.72px) * var(--kn)),calc(28px * var(--kn)));padding-right:clamp(calc(16px * var(--kn)),calc(min(1.6vw, 30.72px) * var(--kn)),calc(28px * var(--kn)));white-space:nowrap}
 .aw .sob-przy .btn{padding-left:clamp(calc(16px * var(--kn)),calc(min(1.6vw, 30.72px) * var(--kn)),calc(28px * var(--kn)));padding-right:clamp(calc(16px * var(--kn)),calc(min(1.6vw, 30.72px) * var(--kn)),calc(28px * var(--kn)));white-space:nowrap}
 .aw .aw-pod-h{margin-top:calc(12px * var(--kn))}
}
@media (min-width:1100px) and (orientation:landscape) and (max-height:820px){
 .aw .aw-ek .aw-et{margin-bottom:calc(10px * var(--kn))}
 .aw .aw-ek .aw-h2{margin-bottom:calc(14px * var(--kn))}
 .aw .aw-ek .aw-3 p,.aw .aw-ek .aw-aud li p,.aw .aw-ek .aw-kr p{font-size:calc(15px * var(--kn));line-height:1.5}
 .aw .aw-ek .aw-lead{font-size:calc(17px * var(--kn))}
 .aw .aw-ek .aw-os{padding:calc(10px * var(--kn)) calc(16px * var(--kn)) calc(10px * var(--kn)) calc(10px * var(--kn))}
 .aw .aw-ek .aw-os img{width:calc(64 * var(--u) * var(--kn));height:calc(70 * var(--u) * var(--kn))}
 .aw .aw-ek .aw-bot figure,.aw .aw-ek .aw-pom{padding:calc(18px * var(--kn)) calc(22px * var(--kn))}
}
/* blok „łączy się z”: warianty A, B, C (propozycja 4.10) */
.aw-war{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));margin:0 0 calc(20px * var(--kn))}
.aw-ik{flex:none;display:inline-flex;align-items:center;justify-content:center;width:calc(56 * var(--u) * var(--kn));height:calc(56 * var(--u) * var(--kn));background:#F0F1FF;border-radius:50%}
.aw-ik img{width:calc(30 * var(--u) * var(--kn));height:calc(30 * var(--u) * var(--kn));display:block}
.aw-ik-b{background:#5768FF}.aw-ik-b img{filter:brightness(0) invert(1)}
.aw-pa{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(16px * var(--kn));margin-top:calc(32px * var(--kn))}
.aw-pa-k{display:flex;align-items:center;gap:calc(18px * var(--kn));background:#fff;padding:calc(22px * var(--kn)) calc(22px * var(--kn));text-decoration:none;border:1px solid transparent;transition:border-color .2s,transform .2s}
.aw-pa-k:hover{border-color:#5768FF;transform:translateY(calc(-2px * var(--kn)))}
.aw-pa-t{flex:1;min-width:0}.aw-pa-t b{display:block;font-size:calc(19px * var(--kn));font-weight:500;color:#000623}
.aw-pa-t span{display:block;font-size:calc(15px * var(--kn));line-height:1.45;color:#666A7B;margin-top:calc(4px * var(--kn))}
.aw-pa-s{color:#4E5EE5;font-size:calc(22px * var(--kn))}
.aw-pb{display:grid;grid-template-columns:minmax(0,1fr) calc(220 * var(--u) * var(--kn)) minmax(0,1fr);gap:0 calc(40 * var(--u) * var(--kn));align-items:center;margin-top:calc(40 * var(--u) * var(--kn))}
.aw-pb-kol{display:grid;gap:calc(16 * var(--u) * var(--kn))}
.aw-pb-k{position:relative;display:flex;align-items:center;gap:calc(16 * var(--u) * var(--kn));padding:calc(16 * var(--u) * var(--kn)) calc(20 * var(--u) * var(--kn));background:#F9F9F9;text-decoration:none;border:1px solid #CCCDD3}
.aw-pb-k:hover{border-color:#5768FF}
.aw-pb-l{flex-direction:row-reverse;text-align:right}
.aw-pb-k::after{content:"";position:absolute;top:50%;width:calc(150 * var(--u) * var(--kn));border-top:calc(1.5 * var(--u) * var(--kn)) dashed #5768FF;z-index:0}
.aw-pb-l::after{left:100%}.aw-pb-p::after{right:100%}
.aw-pb-sr{position:relative;z-index:1;width:calc(220 * var(--u) * var(--kn));height:calc(220 * var(--u) * var(--kn));border-radius:50%;background:#000623;display:flex;align-items:center;justify-content:center;
 box-shadow:0 0 0 calc(14 * var(--u) * var(--kn)) #F0F1FF,0 0 0 calc(15 * var(--u) * var(--kn)) #CCCDD3}
.aw-pb-sr span{color:#fff;font-size:calc(22 * var(--u) * var(--kn));font-weight:500;text-align:center}
.aw-pc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:rgba(255,255,255,.18);margin-top:calc(32px * var(--kn));border:1px solid rgba(255,255,255,.18)}
.aw-pc-k{display:flex;flex-direction:column;align-items:flex-start;gap:calc(10px * var(--kn));background:#000623;padding:calc(28px * var(--kn)) calc(28px * var(--kn)) calc(30px * var(--kn));text-decoration:none;transition:background .2s}
.aw-pc-k:hover b{color:#5768FF}
.aw-pc-k b{font-size:calc(20px * var(--kn));font-weight:500;color:#fff;margin-top:calc(6px * var(--kn))}
.aw-pc-k span:not(.aw-ik){font-size:calc(15 * var(--u) * var(--kn));line-height:1.45;color:#808291}
.aw-gr .aw-h2{color:#fff}
@media (max-width:1100px){.aw-pa,.aw-pc{grid-template-columns:1fr 1fr}
 .aw-pb{grid-template-columns:1fr;gap:calc(16 * var(--u) * var(--kn))}.aw-pb-sr{display:none}.aw-pb-k::after{display:none}.aw-pb-l{flex-direction:row;text-align:left}}
@media (max-width:760px){.aw-pa,.aw-pc{grid-template-columns:1fr}
 .aw-pc-k{display:grid;grid-template-columns:calc(48px * var(--kn)) minmax(0,1fr);column-gap:calc(16px * var(--kn));row-gap:calc(2px * var(--kn));align-items:center;padding:calc(18px * var(--kn)) calc(20px * var(--kn))}
 .aw-pc-k .aw-ik{grid-row:span 2;width:calc(48 * var(--u) * var(--kn));height:calc(48 * var(--u) * var(--kn))}.aw-pc-k b{margin:0}}
/* notatka propozycji */
.aw-not-p{position:fixed;right:calc(16px * var(--kn));bottom:calc(16px * var(--kn));z-index:60}
.aw-not-p label{display:inline-flex;align-items:center;gap:calc(8px * var(--kn));background:#5768FF;color:#fff;padding:calc(12px * var(--kn)) calc(18px * var(--kn));font-size:calc(15px * var(--kn));cursor:pointer;border-radius:calc(24px * var(--kn));box-shadow:0 calc(4px * var(--kn)) calc(16px * var(--kn)) rgba(0,6,35,.25)}
.aw-not{display:none;position:fixed;right:calc(16px * var(--kn));bottom:calc(72px * var(--kn));z-index:60;width:min(calc(520 * var(--u) * var(--kn)),calc(calc(min(100vw, 1920px) * var(--kn)) - calc(32px * var(--kn))));max-height:calc(min(100svh, 1080px) - 160px);overflow:auto;background:#fff;color:#000623;padding:calc(24px * var(--kn)) calc(28px * var(--kn));box-shadow:0 calc(8px * var(--kn)) calc(40px * var(--kn)) rgba(0,6,35,.3);font-size:calc(15px * var(--kn));line-height:1.55}
.aw-not ul{padding-left:calc(18px * var(--kn));margin:0 0 calc(12px * var(--kn))}.aw-not p{margin:0 0 calc(10px * var(--kn))}
#aw-not:checked ~ .aw-not{display:block}
@media (max-width:1100px){
 .aw-hero .aw-w,.aw-bot,.aw-aud,.aw-2k{grid-template-columns:1fr;gap:calc(40px * var(--kn))}
 .aw-kr{grid-template-columns:1fr 1fr}
}
@media (max-width:760px){
 .aw-w{padding:0 calc(20px * var(--kn))}
 .aw-sek{padding:calc(64px * var(--kn)) 0}
 .aw-hero{padding:calc(110px * var(--kn)) 0 calc(48px * var(--kn));min-height:auto}
 .aw-3,.aw-kr,.aw-ludzie,.aw-dwie,.aw-pow,.aw-lbs{grid-template-columns:1fr}
 .aw-dow{padding:calc(24px * var(--kn)) calc(20px * var(--kn))}
 .aw-dow b.aw-l{font-size:calc(52px * var(--ts) * var(--kn))}
 .aw-odp{padding-right:0}
 .aw-pan summary h3,.aw-pan summary span.aw-q{font-size:calc(18px * var(--kn))}
 .aw-loga{gap:calc(20 * var(--u) * var(--kn)) calc(32 * var(--u) * var(--kn))}
 .aw-btn,.aw-btn2{width:100%;justify-content:center}
}
@media (max-width:420px){.aw-os{flex-direction:column;align-items:flex-start}}

@media (min-width:1100px) and (orientation:landscape){
 .aw .aw-sek .aw-h2{font-size:calc(32px * var(--ts) * var(--kn))}
 .aw .aw-sek .aw-lead{font-size:calc(17px * var(--kn))}
 .aw .aw-sek .aw-odp p,.aw .aw-sek .aw-odp li{font-size:calc(15px * var(--kn))}
 .aw .aw-sek .aw-faq-pod{font-size:calc(15px * var(--kn))}
 .aw .aw-sek .aw-3 p,.aw .aw-sek .aw-aud li p,.aw .aw-sek .aw-kr p{font-size:calc(15px * var(--kn));line-height:1.5}
 .aw .aw-sek .aw-kaf b{font-size:calc(30px * var(--ts) * var(--kn))}
 .aw .aw-sek [class~="aw-loga"] p{font-size:calc(14px * var(--kn))}
}

.aw .aw-sek a.ds-szcz{display:inline-flex;align-items:center;gap:.2em;color:#4E5EE5;font-size:calc(16.52px * var(--kn));line-height:1.25;text-decoration:none;transition:gap .2s ease,padding .2s ease}
.aw .aw-sek a.ds-szcz svg{display:block;flex:none;width:1.2em;height:1.25em}
.aw .aw-sek a.ds-szcz:hover,.aw .aw-sek a.ds-szcz:focus-visible{padding-left:.25em;gap:.3em}

.aw-lg-mob{display:none}
@media (max-width:760px){
 .aw-loga>.lgk-s{display:none}
 .aw-loga{gap:0}
 .aw-lg-mob.lg-okno{display:block;margin:calc(16px * var(--kn)) calc(-20px * var(--kn)) 0}
 .soa-przyc .btn{flex:1 1 100%;justify-content:center;text-align:center}
 .soc-przyc .btn,.seo-przyc .btn,.sdb-przyc .btn,.sda-hk-przyc .btn,.sai-przyc .btn,.sux-przyc .btn,.akx-przyc .btn,.csx-przyc .btn,.tex-przyc .btn,.sox-przyc .btn,.on5-ctas .btn,.krx-przyc .btn,.aw-hz-ctas .btn,.aw-hx-ctas .btn,.aw-hy-ctas .btn,.ihx-przyc .btn,.aw-hs-ctas .btn{flex:1 1 100%;justify-content:center;text-align:center;margin-right:0}
 .sob-przy .btn{display:flex;justify-content:center;text-align:center;margin-right:0}
 .aw-os{flex-direction:row;align-items:flex-start}
 .aw-os img{width:calc(64 * var(--u) * var(--kn));height:calc(70 * var(--u) * var(--kn))}
 .kts-tel a{white-space:nowrap}
 .burger{position:relative}
 .burger::after{content:"";position:absolute;inset:calc(-7px * var(--kn))}
 .soa-sl a{padding:calc(4 * var(--u) * var(--kn)) 0;margin:calc(-4 * var(--u) * var(--kn)) 0}
 .aw-lnk.ds-szcz{padding:calc(10px * var(--kn)) 0;margin:calc(-10px * var(--kn)) 0}
}

/* 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}

/* strona-figma: elementy prowadzące do stron spoza projektu Figmy */[data-nieakt]{cursor:default!important;pointer-events:none}a[data-nieakt],a[data-nieakt]:hover,[data-nieakt]:hover *{text-decoration:none!important}
/* SKALA + KONTENERY (test 7.10): szerokości i grafiki płyną z oknem od 1440 do 1920, nagłówki skokowo, tekst stoi */
:root{--u:1px;--ts:1}
@media (min-width:1441px){:root{--u:calc(100vw / 1440);--ts:1.0833}}
@media (min-width:1680px){:root{--ts:1.2000}}
@media (min-width:1920px){:root{--u:1.33333px}}
/* KONTENERY: sekcje na całą szerokość, 40 px po bokach (20 px do 760), zawartość × k */
:root{--kn:1}
@media (min-width:1201px){.aw-w{max-width:none!important;padding-left:40px!important;padding-right:40px!important}}
@media (min-width:1205px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.0045}}
@media (min-width:1210px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.0089}}
@media (min-width:1215px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.0134}}
@media (min-width:1220px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.0179}}
@media (min-width:1225px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.0223}}
@media (min-width:1230px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.0268}}
@media (min-width:1235px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.0312}}
@media (min-width:1240px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.0357}}
@media (min-width:1245px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.0402}}
@media (min-width:1250px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.0446}}
@media (min-width:1255px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.0491}}
@media (min-width:1260px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.0536}}
@media (min-width:1265px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.0580}}
@media (min-width:1270px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.0625}}
@media (min-width:1275px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.0670}}
@media (min-width:1280px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.0714}}
@media (min-width:1285px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.0759}}
@media (min-width:1290px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.0804}}
@media (min-width:1295px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.0848}}
@media (min-width:1300px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.0893}}
@media (min-width:1305px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.0938}}
@media (min-width:1310px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.0982}}
@media (min-width:1315px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.1027}}
@media (min-width:1320px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.1071}}
@media (min-width:1325px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.1116}}
@media (min-width:1330px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.1161}}
@media (min-width:1335px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.1205}}
@media (min-width:1340px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.1250}}
@media (min-width:1345px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.1295}}
@media (min-width:1350px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.1339}}
@media (min-width:1355px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.1384}}
@media (min-width:1360px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.1429}}
@media (min-width:1365px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.1473}}
@media (min-width:1370px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.1518}}
@media (min-width:1375px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.1562}}
@media (min-width:1380px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.1607}}
@media (min-width:1385px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.1652}}
@media (min-width:1390px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.1696}}
@media (min-width:1395px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.1741}}
@media (min-width:1400px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.1786}}
@media (min-width:1405px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.1830}}
@media (min-width:1410px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.1875}}
@media (min-width:1415px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.1920}}
@media (min-width:1420px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.1964}}
@media (min-width:1425px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.2009}}
@media (min-width:1430px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.2054}}
@media (min-width:1435px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.2098}}
@media (min-width:1440px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.2143}}
@media (min-width:1445px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.2142}}
@media (min-width:1450px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.2142}}
@media (min-width:1455px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.2141}}
@media (min-width:1460px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.2141}}
@media (min-width:1465px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.2140}}
@media (min-width:1470px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.2140}}
@media (min-width:1475px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.2139}}
@media (min-width:1480px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.2139}}
@media (min-width:1485px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.2138}}
@media (min-width:1490px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.2138}}
@media (min-width:1495px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.2137}}
@media (min-width:1500px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.2137}}
@media (min-width:1505px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.2136}}
@media (min-width:1510px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.2136}}
@media (min-width:1515px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.2135}}
@media (min-width:1520px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.2135}}
@media (min-width:1525px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.2134}}
@media (min-width:1530px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.2134}}
@media (min-width:1535px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.2133}}
@media (min-width:1540px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.2133}}
@media (min-width:1545px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.2133}}
@media (min-width:1550px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.2132}}
@media (min-width:1555px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.2132}}
@media (min-width:1560px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.2131}}
@media (min-width:1565px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.2131}}
@media (min-width:1570px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.2130}}
@media (min-width:1575px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.2130}}
@media (min-width:1580px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.2129}}
@media (min-width:1585px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.2129}}
@media (min-width:1590px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.2129}}
@media (min-width:1595px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.2128}}
@media (min-width:1600px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.2128}}
@media (min-width:1605px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.2127}}
@media (min-width:1610px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.2127}}
@media (min-width:1615px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.2126}}
@media (min-width:1620px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.2126}}
@media (min-width:1625px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.2126}}
@media (min-width:1630px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.2125}}
@media (min-width:1635px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.2125}}
@media (min-width:1640px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.2124}}
@media (min-width:1645px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.2124}}
@media (min-width:1650px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.2124}}
@media (min-width:1655px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.2123}}
@media (min-width:1660px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.2123}}
@media (min-width:1665px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.2122}}
@media (min-width:1670px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.2122}}
@media (min-width:1675px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.2122}}
@media (min-width:1680px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.2121}}
@media (min-width:1685px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.2121}}
@media (min-width:1690px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.2120}}
@media (min-width:1695px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.2120}}
@media (min-width:1700px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.2120}}
@media (min-width:1705px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.2119}}
@media (min-width:1710px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.2119}}
@media (min-width:1715px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.2119}}
@media (min-width:1720px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.2118}}
@media (min-width:1725px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.2118}}
@media (min-width:1730px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.2118}}
@media (min-width:1735px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.2117}}
@media (min-width:1740px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.2117}}
@media (min-width:1745px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.2116}}
@media (min-width:1750px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.2116}}
@media (min-width:1755px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.2116}}
@media (min-width:1760px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.2115}}
@media (min-width:1765px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.2115}}
@media (min-width:1770px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.2115}}
@media (min-width:1775px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.2114}}
@media (min-width:1780px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.2114}}
@media (min-width:1785px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.2114}}
@media (min-width:1790px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.2113}}
@media (min-width:1795px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.2113}}
@media (min-width:1800px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.2113}}
@media (min-width:1805px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.2112}}
@media (min-width:1810px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.2112}}
@media (min-width:1815px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.2112}}
@media (min-width:1820px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.2111}}
@media (min-width:1825px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.2111}}
@media (min-width:1830px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.2111}}
@media (min-width:1835px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.2110}}
@media (min-width:1840px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.2110}}
@media (min-width:1845px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.2110}}
@media (min-width:1850px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.2109}}
@media (min-width:1855px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.2109}}
@media (min-width:1860px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.2109}}
@media (min-width:1865px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.2109}}
@media (min-width:1870px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.2108}}
@media (min-width:1875px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.2108}}
@media (min-width:1880px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.2108}}
@media (min-width:1885px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.2107}}
@media (min-width:1890px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.2107}}
@media (min-width:1895px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.2107}}
@media (min-width:1900px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.2106}}
@media (min-width:1905px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.2106}}
@media (min-width:1910px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.2106}}
@media (min-width:1915px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.2106}}
@media (min-width:1920px){.aw-sek,.wpx-kn,.wpx-kn-d>*{--kn:1.2105}}
@media (min-width:1921px){.wrap,.belka-in,.sx-in,.aw-w,.kts-in{max-width:1920px!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box}}

/* 12.10: „Znajdź osobę” → początek sekcji Zarząd tuż pod belką */#zarzad{scroll-margin-top:60px}@media (max-width:900px){#zarzad{scroll-margin-top:80px}}
.onu{--g:#000623;--n:#5768FF;--nt:#4E5EE5;--p:#F9F9F9;--sz:#666A7B;--l:#CCCDD3;color:var(--g)}.onu *{box-sizing:border-box}.onu p,.onu h1,.onu h2,.onu h3,.onu figure,.onu ul,.onu ol{margin:0}.onu ul,.onu ol{padding:0;list-style:none}.onu em{font-style:normal;color:var(--n)}.onu img{max-width:100%}.onu .ou-w{padding:0 40px}.onu .ou-s{padding:120px 0}.onu .ou-p{background:var(--p)}.onu .ou-b{background:#fff}.onu .ou-gr{background:var(--g);color:#fff}.onu .ou-et{font-size:16px;line-height:20px;margin-bottom:10px}.onu .ou-h2{font-weight:500;font-size:calc(40px * var(--ts));line-height:calc(50px * var(--ts));letter-spacing:-.01em}.onu .ou-hs{text-align:center;max-width:calc(820 * var(--u));margin:0 auto 60px}.onu .ou-ld{margin:20px auto 0;max-width:calc(640 * var(--u));font-size:16px;line-height:24px}.onu .ou-zr{margin-top:30px;font-size:14px;line-height:20px;max-width:calc(900 * var(--u))}.onu .ou-gr .ou-zr{color:#B3B5C2}.onu .ou-ln{display:inline-flex;align-items:center;gap:10px;font-weight:500;font-size:16px;line-height:20px;color:var(--nt);text-decoration:none;transition:gap .2s}.onu .ou-ln .ou-kk{flex:none;display:grid;place-items:center;width:32px;height:32px;border:1.5px solid currentColor;border-radius:50%}.onu .ou-ln .ou-kk svg{width:16px;height:16px}.onu .ou-ln:hover,.onu .ou-ln:focus-visible{gap:14px}.onu .ou-gr .ou-ln{color:#fff}.onu .ou-h{min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding:120px 0 60px}.onu .ou-h>.ou-w{width:100%}.onu .ou-h-g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;align-items:end}.onu .ou-h-t{grid-column:1/3;padding-right:40px}.onu .ou-h h1{font-weight:500;font-size:calc(52px * var(--ts));line-height:calc(57px * var(--ts));letter-spacing:-.01em;max-width:calc(640 * var(--u))}.onu .ou-h-ld{margin-top:20px;max-width:calc(550 * var(--u));font-size:16px;line-height:24px}.onu .ou-h-cta{display:flex;flex-wrap:wrap;align-items:center;gap:20px 40px;margin-top:40px}.onu .ou-h-pod{margin-top:20px;font-size:14px;line-height:20px;color:#B3B5C2}.onu .ou-h-roz{aspect-ratio:325/396;margin-bottom:40px}.onu .ou-h-roz svg{left:100%;top:58%;width:230%;transform:translate(-50%,-50%)}.onu .ou-h-os{aspect-ratio:325/396}.onu .ou-h-os>img{object-position:50% 20%}.onu .ou-roz{position:relative;overflow:hidden;background:var(--n)}.onu .ou-roz svg{position:absolute;display:block;height:auto;max-width:none}.onu .ou-fo{position:relative;overflow:hidden;background:#D9D9D9}.onu .ou-fo>img{display:block;width:100%;height:100%;object-fit:cover}.onu .ou-pd{position:absolute;left:0;bottom:0;background:#fff;padding:8px 16px;font-size:12px;line-height:16px;color:var(--g)}.onu .ou-pd b{display:block;font-weight:500}.onu .ou-kl{background:#fff;padding:60px 0;text-align:center}.onu .ou-kl .lg-okno{margin:40px 20px 0}.onu .ou-gr .ou-hs{color:#fff}.onu .lk-siatka{display:grid;grid-template-columns:1fr 1fr;gap:40px 20px}.onu .lk{position:relative;height:320px;display:flex;color:var(--g);overflow:hidden}.onu .lk-t{width:282px;padding:40px 0 40px 40px;display:flex;flex-direction:column;justify-content:space-between;flex:0 1 282px;min-width:0}.onu .lk-h{font-weight:500;font-size:calc(32px * var(--ts));line-height:calc(40px * var(--ts));max-width:242px}.onu .lk-o{font-size:16px;line-height:24px;max-width:242px}.onu .lk-il{position:relative;margin-left:auto;width:250px;height:320px;flex:0 1 250px;overflow:hidden}.onu .lk-il .il{position:absolute;left:0;top:0;width:100%;height:100%}.onu .lk-il .fot{width:100%;height:100%;object-fit:cover;display:block}.onu .lk-il .il-m,.onu .lk-il .fot-m{display:none}.onu .ou-lk-roz svg{left:0;top:50%;width:150%;transform:translate(-50%,-50%)}.onu .ou-ep-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.onu .ou-ep{background:#fff;padding:40px;display:flex;flex-direction:column}.onu .ou-ep-ik{width:40px;height:40px;display:block}.onu .ou-ep-r{margin:40px 0;font-weight:400;font-size:calc(52px * var(--ts));line-height:calc(57px * var(--ts));letter-spacing:-.01em}.onu .ou-ep-k{font-size:14px;line-height:20px;color:var(--sz);margin-bottom:8px}.onu .ou-ep h3{font-weight:500;font-size:24px;line-height:30px;margin-bottom:10px}.onu .ou-ep-o{font-size:16px;line-height:24px}.onu .ou-ep-ic{margin-top:auto;padding-top:30px}.onu .ou-ep-ic>div{border-top:1px solid var(--l);padding-top:24px}.onu .ou-ep-icz{font-size:16px;line-height:24px}.onu .ou-ep .ou-ln{margin-top:20px}.onu .ou-ep-b{margin-top:30px}.onu .ou-se-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:center}.onu .ou-orb{position:relative;width:100%;max-width:640px;aspect-ratio:1;justify-self:center}.onu .ou-orb>svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.onu .ou-orb-m{position:absolute;left:50%;top:50%;width:22%;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:14px;line-height:18px;padding:8px}.onu .ou-tg{position:absolute;transform:translate(-50%,calc(-100% - 10px));background:#fff;padding:4px 10px;font-size:13px;line-height:16px;white-space:nowrap;color:var(--g);box-shadow:0 0 0 1px var(--l)}.onu .ou-tg-w{background:var(--g);color:#fff;box-shadow:none}.onu .ou-li a{display:grid;grid-template-columns:48px minmax(0,1fr) 32px;gap:16px;align-items:center;padding:12px 0;border-bottom:1px solid var(--l);color:inherit;text-decoration:none}.onu .ou-li li:first-child a{border-top:1px solid var(--l)}.onu .ou-li img{width:48px;height:48px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 1px var(--l)}.onu .ou-li b{display:block;font-weight:500;font-size:20px;line-height:25px}.onu .ou-li small{display:block;font-size:14px;line-height:20px;color:var(--sz)}.onu .ou-li .ou-kk{display:grid;place-items:center;width:32px;height:32px;border:1.5px solid var(--nt);border-radius:50%;color:var(--nt);transition:background .2s,color .2s}.onu .ou-li .ou-kk svg{width:16px;height:16px}.onu .ou-li a:hover .ou-kk,.onu .ou-li a:focus-visible .ou-kk{background:var(--nt);color:#fff}.onu .ou-li-h{margin:40px 0 16px;font-size:16px;line-height:24px}.onu .ou-li-n{margin-top:20px;font-size:14px;line-height:20px;color:var(--sz)}.onu .ou-li-n a{color:var(--nt);font-weight:500}.onu .ou-bf-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.onu .ou-bf{display:grid;grid-template-columns:1fr 2fr;background:#fff;min-height:320px}.onu .ou-bf-o{position:relative;min-height:100%}.onu .ou-bf-o.ou-roz svg{left:100%;top:50%;width:300%;transform:translate(-50%,-50%)}.onu .ou-il{background:#fff;box-shadow:inset -1px 0 0 var(--l)}.onu .ou-il svg{position:absolute;inset:0;width:100%;height:100%}.onu .ou-bf-t{padding:40px}.onu .ou-bf-n{font-size:16px;line-height:20px;color:var(--nt);font-weight:500}.onu .ou-bf h3{margin:10px 0 20px;font-weight:500;font-size:calc(32px * var(--ts));line-height:calc(40px * var(--ts));letter-spacing:-.01em}.onu .ou-bf p{font-size:16px;line-height:24px}.onu .ou-bf .ou-ln{margin-top:20px}.onu .ou-zs-g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px 20px}.onu .ou-zs img{display:block;width:100%;height:auto;aspect-ratio:800/880;object-fit:cover;background:#D9D9D9}.onu .ou-zs b{display:block;margin-top:14px;font-weight:500;font-size:16px;line-height:20px}.onu .ou-zs small{display:block;margin-top:2px;font-size:14px;line-height:20px;color:var(--sz)}.onu .ou-bn{background:#D9D9D9;overflow:hidden}.onu .ou-bn-in{position:relative;height:630px;display:flex;align-items:center}.onu .ou-bn-t{width:calc(590 * var(--u));padding:0 40px;position:relative;z-index:2}.onu .ou-bn-p{margin-top:30px;font-size:16px;line-height:24px;max-width:calc(510 * var(--u))}.onu .btn-kw{display:inline-flex;align-items:center;gap:20px;margin-top:40px;color:var(--g);text-decoration:none;font-size:16px;line-height:20px}.onu .kw{width:60px;height:60px;background:var(--n);color:var(--g);display:grid;place-items:center;flex:none;transition:background .2s}.onu .kw svg{width:30px;height:30px}.onu .btn-kw:hover .kw,.onu .btn-kw:focus-visible .kw{background:#4655E8}.onu .ou-bn-f{position:absolute;right:0;top:0;bottom:0;width:min(calc(820 * var(--u)),calc(100% - 515 * var(--u)))}.onu .ou-bn-f>img{display:block;width:100%;height:100%;object-fit:cover;object-position:62% 50%}.onu .podpis{position:absolute;right:0;bottom:0;min-width:184px;margin:0;background:#fff;color:var(--g);padding:10px 20px;font-size:16px;line-height:20px}.onu .ou-op-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.onu .ou-op{background:#fff;padding:40px;display:flex;flex-direction:column}.onu .ou-oc{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:30px;border-bottom:1px solid var(--l);color:inherit;text-decoration:none}.onu .ou-oc>img{height:36px;width:auto;display:block}.onu .ou-oc>span{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}.onu .ou-oc b{font-weight:500;font-size:32px;line-height:40px}.onu .ou-oc small{font-size:14px;line-height:20px;color:var(--sz)}.onu .ou-op-g2{display:flex;align-items:center;gap:16px;margin-top:30px}.onu .ou-op-a{display:grid;place-items:center;width:48px;height:48px;border:1.5px solid var(--n);border-radius:50%;font-weight:500;font-size:18px;flex:none}.onu .ou-op-g2 b{display:block;font-weight:500;font-size:20px;line-height:25px}.onu .ou-op-g2 small{display:block;font-size:14px;line-height:20px;color:var(--sz)}.onu .ou-op .gws{display:block;margin-top:20px}.onu .ou-op-t{margin-top:16px;font-size:16px;line-height:24px}.onu .ou-ng{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px}.onu .ou-ng li{height:100px;background:#fff;display:grid;place-items:center;padding:0 12px}.onu .ou-ng img{display:block;width:141px;height:71px;max-width:100%;object-fit:contain}.onu .ou-ng-l{margin-top:40px;text-align:center}.onu .ou-kr-g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.onu .ou-kr-g>li{display:flex}.onu .ou-kr{flex:1;background:var(--p);padding:40px;display:flex;flex-direction:column;color:inherit;text-decoration:none;transition:background .2s}.onu .ou-kr:hover,.onu .ou-kr:focus-visible{background:#F0F1FF}.onu .ou-kr img{width:40px;height:40px;display:block}.onu .ou-kr h3{margin:40px 0 10px;font-weight:500;font-size:24px;line-height:30px}.onu .ou-kr p{font-size:16px;line-height:24px}.onu .ou-kr .ou-ln{margin-top:auto;padding-top:30px}@media (max-width:1200px){.onu .lk-t{flex:1 1 auto;width:auto}.onu .lk-il{flex:0 1 200px}.onu .ou-ng{grid-template-columns:repeat(3,minmax(0,1fr))}.onu .ou-kr-g{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:1023px){.onu .ou-h{padding:110px 0 60px}.onu .ou-h-t{grid-column:1/-1;padding:0 0 40px}.onu .ou-h-roz{grid-column:1/3;margin-bottom:40px}.onu .ou-h-os{grid-column:3/5}.onu .ou-s{padding:80px 0}.onu .ou-h2{font-size:28px;line-height:35px}.onu .ou-h h1{font-size:36px;line-height:42px}.onu .ou-hs{margin-bottom:40px}.onu .ou-ep-g{grid-template-columns:1fr}.onu .ou-ep-r{margin:30px 0}.onu .ou-se-g{grid-template-columns:1fr;gap:40px}.onu .ou-bf-g{grid-template-columns:1fr}.onu .ou-zs-g{grid-template-columns:repeat(3,minmax(0,1fr))}.onu .ou-op-g{grid-template-columns:1fr}.onu .ou-bn-in{height:auto;flex-direction:column;align-items:stretch;padding-top:80px}.onu .ou-bn-t{width:auto}.onu .ou-bn-p{max-width:none}.onu .ou-bn-f{position:relative;width:auto;height:420px;margin-top:40px}.onu .ou-bn-f>img{object-position:72% 30%}.onu .ou-bf h3{font-size:28px;line-height:35px}}@media (max-width:900px){.onu .lk-siatka{grid-template-columns:1fr;gap:20px}.onu .lk{flex-direction:column;height:auto}.onu .lk-t{flex:none;width:auto;padding:40px 20px 0;gap:20px;justify-content:flex-start}.onu .lk-h{font-size:24px;line-height:30px;max-width:none}.onu .lk-o{max-width:none}.onu .lk-il{flex:none;width:100%;height:320px;margin:0}.onu .lk-il .il-d,.onu .lk-il .fot-d{display:none}.onu .lk-il .il-m{display:block;left:calc(50% - 160px);width:320px}.onu .lk-il .fot-m{display:block;margin:0 auto;width:320px;max-width:100%}.onu .ou-lk-roz{height:240px}.onu .ou-lk-roz svg{width:120%}}@media (max-width:760px){.onu .ou-h{padding:100px 0 40px}.onu .ou-h-g{gap:10px}.onu .ou-h-roz{margin-bottom:20px}.onu .ou-w{padding:0 20px}.onu .ou-s{padding:60px 0}.onu .ou-h h1{font-size:32px;line-height:38px}.onu .ou-pd{padding:6px 10px}.onu .ou-kl{padding:40px 0}.onu .ou-kl .lg-okno{margin:20px 0 0}.onu .ou-ep{padding:30px 20px}.onu .ou-bf{grid-template-columns:1fr}.onu .ou-bf-o{min-height:0;height:220px}.onu .ou-bf-o.ou-roz svg{left:50%;top:100%;width:160%}.onu .ou-bf-t{padding:30px 20px}.onu .ou-zs-g{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 10px}.onu .ou-op{padding:30px 20px}.onu .ou-oc{flex-direction:column;align-items:flex-start}.onu .ou-oc>span{justify-content:flex-start}.onu .ou-ng{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.onu .ou-ng li{height:80px}.onu .ou-ng img{width:100px;height:50px}.onu .ou-kr-g{grid-template-columns:1fr}.onu .ou-kr{padding:30px 20px}.onu .ou-kr h3{margin-top:30px}.onu .ou-bn-in{padding-top:60px}.onu .ou-bn-t{padding:0 20px}.onu .ou-bn-f{height:320px}.onu .podpis{left:0;right:auto}.onu .ou-li b{font-size:18px;line-height:22px}.onu .ou-li a{grid-template-columns:40px minmax(0,1fr) 32px;gap:12px}.onu .ou-li img{width:40px;height:40px}.onu .ou-tg{font-size:11px;padding:3px 6px}}@media (max-width:420px){.onu .ou-zs b{font-size:15px}.onu .ou-zs small{font-size:13px;line-height:18px}}@media (prefers-reduced-motion:reduce){.onu .ou-ln,.onu .ou-kr,.onu .kw{transition:none}}.onu,.ug-fm{--bh:60px;--bt:20px;--gut:40px;--sz3:#808393;--hx:60px;--h2d:40px;--h3:32px;--h1:50px;--k8:88px;--pxl:16px;--pxl-lh:24px;--et:16px;--et-lh:20px;--cap:16px;--cap-lh:20px;--ab:60px}@media (min-width:901px) and (max-width:1199px){.onu,.ug-fm{--hx:48px;--h2d:35px;--h3:28px;--h1:42px;--k8:72px}}@media (min-width:1441px){.onu,.ug-fm{--hx:65px;--h2d:45px;--h3:35px;--h1:55px;--k8:128px}}@media (min-width:1680px){.onu,.ug-fm{--hx:80px;--h2d:50px;--h3:40px;--h1:60px;--pxl:20px;--pxl-lh:30px;--et:20px;--et-lh:25px;--cap:20px;--cap-lh:25px;--ab:80px}}@media (min-width:1921px){@supports (width:1cqw){.onu,.ug-fm{container-type:inline-size;--gut:max(40px,calc(50cqw - 920px))}}.onu .ou-w{max-width:1920px;margin-left:auto;margin-right:auto;box-sizing:border-box}}@media (max-width:900px){.onu,.ug-fm{--bh:80px;--bt:0px;--gut:20px;--hx:40px;--h2d:30px;--h3:26px;--h1:38px;--k8:56px}}@media (max-width:900px){.onu .ou-w{padding-left:20px;padding-right:20px}}@media (max-width:599px){.onu,.ug-fm{--hx:36px;--h2d:28px;--h3:24px;--h1:32px}}@media (max-width:360px){.onu,.ug-fm{--hx:30px;--h2d:23px;--h3:21px;--h1:27px}}.onu .ug-et,.ug-fm .ug-et{font-size:var(--et);line-height:var(--et-lh);margin:0 0 10px;font-weight:400;letter-spacing:-.01em}.onu .ug-h2s{font-weight:400;font-size:var(--h3);line-height:1.25;letter-spacing:-.01em;margin:0}.onu .ug-h2d{font-weight:400;font-size:var(--h2d);line-height:1.25;letter-spacing:-.01em;margin:0}.onu .ug-p{background:var(--p)}.onu .ug-b{background:#fff}.onu .ug-hc{text-align:center;margin:0 auto 60px}.onu .ug-hc h2{max-width:none;margin-left:auto;margin-right:auto}.onu .ug-h{position:relative;background:var(--g);color:#fff;min-height:100vh;min-height:100svh;padding-top:calc(var(--bh) + var(--bt));display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.onu .ug-h-t{padding:40px var(--gut);display:flex;flex-direction:column;justify-content:center;letter-spacing:-.01em}.onu .ug-h h1{font-weight:400;font-size:var(--hx);line-height:1;letter-spacing:-.01em;margin:0}.onu .ug-h h1 em{color:var(--n)}.onu .ug-h-ld{margin-top:20px;max-width:550px;font-size:16px;line-height:24px}.onu .ug-h-cta{display:flex;margin-top:40px}.onu .ug-ab{position:relative;z-index:0;display:flex;align-items:center;color:#fff;text-decoration:none;font-size:var(--pxl);line-height:1.25;letter-spacing:-.01em;cursor:pointer;transition:all .3s}.onu .ug-ab::after{content:"";position:absolute;left:0;top:0;z-index:-1;width:var(--ab);height:100%;background:var(--n);transition:all .3s}.onu .ug-ab-s{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--ab);height:var(--ab);margin:0 20px 0 0;transition:all .3s}.onu .ug-ab-s svg{width:18px;height:18px}.onu .ug-ab:hover,.onu .ug-ab:focus-visible{padding:0 20px 0 0}.onu .ug-ab:hover::after,.onu .ug-ab:focus-visible::after{width:100%}.onu .ug-ab:hover .ug-ab-s,.onu .ug-ab:focus-visible .ug-ab-s{margin:0;transform:rotate(45deg)}.onu .ug-h-roz{--rw:940px;--rh:2220px;position:relative;overflow:hidden}.onu .ug-h-roz svg{position:absolute;left:calc(50% - var(--rw) / 2);top:50%;width:var(--rh);height:var(--rh);max-width:none;transform:translateY(-50%) rotate(7.5deg)}@media (min-width:1680px){.onu .ug-h-roz{--rw:1090px;--rh:2590px}}@media (max-width:900px){.onu .ug-h{min-height:0;grid-template-columns:2fr 1fr}.onu .ug-h-t{justify-content:flex-start}.onu .ug-h-roz{--rw:400px;--rh:900px}}@media (max-width:599px){.onu .ug-h{grid-template-columns:minmax(0,1fr)}.onu .ug-h-roz{height:320px}}@media (max-width:479px){.onu .ug-h-roz{--rw:480px;--rh:1170px}}.onu .ug-lk{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));height:calc(100vh - var(--bh));height:calc(100svh - var(--bh));min-height:450px;background:var(--g)}.onu .ug-lk>div{min-height:0}.onu .ug-lk-roz{--rw:580px;--rh:1370px;position:relative;overflow:hidden;background:var(--n)}.onu .ug-lk-roz svg{position:absolute;left:calc(50% - var(--rw) / 2);top:50%;width:var(--rh);height:var(--rh);max-width:none;transform:translateY(-50%)}@media (min-width:1680px){.onu .ug-lk-roz{--rw:760px;--rh:1700px}}.onu .ug-lk-k2,.onu .ug-lk-k3,.onu .ug-lk-k4{display:flex;flex-direction:column}.onu .ug-lk-k2>.ug-lk-b{min-height:33%}.onu .ug-lk-k3>.ug-lk-gr{flex:1 1 auto}.onu .ug-lk-k3>.ug-lk-ni{min-height:28%}.onu .ug-lk-k4>.ug-lk-b{flex:1 1 auto}.onu .ug-lk-b{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end;text-align:right;padding:20px;gap:10px;letter-spacing:-.01em}.onu .ug-lk-b p{font-size:var(--pxl);line-height:var(--pxl-lh);margin:0}.onu .ug-lk-b b{font-weight:400;font-size:var(--hx);line-height:1;letter-spacing:-.01em}.onu .ug-lk-bi{background:#fff;color:var(--g)}.onu .ug-lk-gr{background:var(--g);color:#fff}.onu .ug-lk-ni{background:var(--n);color:var(--g)}.onu .ug-lk-fo{position:relative;flex:1 1 auto;min-height:0;margin:0;overflow:hidden;background:#D9D9D9}.onu .ug-lk-fo img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 20%}.onu .ug-lk-fo figcaption{position:absolute;left:20px;right:20px;bottom:20px;color:#fff;text-shadow:0 0 5px rgba(0,0,0,.5);user-select:none;font-size:var(--cap);line-height:var(--cap-lh);letter-spacing:-.01em}@media (max-width:900px){.onu .ug-lk{height:auto;min-height:0;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"r k2" "k3 k4"}.onu .ug-lk-roz{grid-area:r}.onu .ug-lk-k2{grid-area:k2}.onu .ug-lk-k3{grid-area:k3}.onu .ug-lk-k4{grid-area:k4}.onu .ug-lk-k2>.ug-lk-b,.onu .ug-lk-k3>.ug-lk-ni{min-height:0}.onu .ug-lk-fo{flex:none;aspect-ratio:384/352}}@media (max-width:599px){.onu .ug-lk{grid-template-columns:minmax(0,1fr);grid-template-areas:"r" "k2" "k3" "k4"}.onu .ug-lk-roz{height:125px}.onu .ug-lk-roz svg{left:50%;top:calc(50% - 165px);width:750px;height:750px;transform:translate(-50%,-50%)}.onu .ug-lk-k3{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.onu .ug-lk-fo{aspect-ratio:390/358}}.onu .ug-kl{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:40px;padding:120px var(--gut);letter-spacing:-.01em}.onu .ug-kl-p{margin-top:40px;font-size:var(--pxl);line-height:var(--pxl-lh)}.onu .ug-kl-g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;align-content:start}.onu .ug-kl-g li{height:100px;background:#fff;display:flex;align-items:center;justify-content:center}.onu .ug-kl-g img{display:block;width:auto;height:auto;max-width:120px;max-height:50px;padding:0 5px;object-fit:contain;box-sizing:content-box}@media (min-width:1680px){.onu .ug-kl-g li{height:120px}.onu .ug-kl-g img{max-width:150px}}@media (max-width:900px){.onu .ug-kl{grid-template-columns:minmax(0,1fr);padding:80px var(--gut)}.onu .ug-kl-g{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:599px){.onu .ug-kl-g{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:360px){.onu .ug-kl-g img{max-width:110px}}.onu .ug-lu{padding:120px var(--gut);letter-spacing:-.01em}.onu .ug-lu-g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:60px 0}.onu .ug-lu-g li{display:flex;flex-direction:column;gap:10px}.onu .ug-lu-g img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}.onu .ug-lu-g p{margin:0;font-size:16px;line-height:20px}@media (max-width:900px){.onu .ug-lu{padding:80px var(--gut)}.onu .ug-lu-g{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:599px){.onu .ug-lu-g{grid-template-columns:minmax(0,1fr)}}.onu .ug-ng{padding:120px var(--gut);letter-spacing:-.01em}.onu .ug-ng-g{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px}.onu .ug-ng-g li{height:100px;background:#fff;display:flex;align-items:center;justify-content:center;padding:20px}.onu .ug-ng-g img{display:block;width:100%;height:100%;max-width:100%;padding:0 5px;object-fit:contain}@media (min-width:1680px){.onu .ug-ng-g li{height:120px}}@media (max-width:900px){.onu .ug-ng{padding:80px var(--gut)}.onu .ug-ng-g{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:599px){.onu .ug-ng-g{grid-template-columns:repeat(2,minmax(0,1fr))}}.onu .ug-br{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));background:var(--g);color:#fff;letter-spacing:-.01em}.onu .ug-br-l{padding:120px var(--gut)}.onu .ug-br-l .ug-h2s{margin-bottom:60px}.onu .ug-br-mn,.onu .ug-br-akt,.onu .ug-br-x{display:none}.onu .ug-br-m{max-width:650px}.onu .ug-br-m li{position:relative}.onu .ug-br-r{position:absolute;left:0;top:50%;opacity:0;width:1px;height:1px;pointer-events:none}.onu .ug-br-m label{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0;border-bottom:1px solid rgba(249,249,249,.15);font-size:30px;line-height:1.25;color:var(--sz3);cursor:pointer;user-select:none;transition:all .3s}.onu .ug-br-m label:hover{color:#fff}.onu .ug-br-m svg{width:17px;height:17px;flex:none}.onu .ug-br-p{position:sticky;top:var(--bh);align-self:start;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));height:calc(100vh - var(--bh));height:calc(100svh - var(--bh));min-height:500px}.onu .ug-br-k{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end;text-align:right;padding:40px}.onu .ug-br-k p{font-size:16px;line-height:24px;margin:0 0 10px}.onu .ug-br-k b{display:none;font-weight:400;font-size:var(--h1);line-height:1;letter-spacing:-.01em}.onu .ug-br-a{background:var(--n);color:var(--g)}.onu .ug-br-b{background:var(--g);color:#fff}.onu .ug-br-c{background:#fff;color:var(--g);grid-column:1/-1}.onu .ug-br-d{background:var(--n);color:var(--g);grid-column:1/-1}.onu .ug-br-d b{font-size:var(--k8)}@media (min-width:901px) and (max-width:1199px){.onu .ug-br-k{padding:30px}}@media (min-width:1680px){.onu .ug-br-p{grid-template-rows:repeat(4,minmax(0,1fr));min-height:700px}.onu .ug-br-d{grid-row:span 2}}@media (max-width:900px){.onu .ug-br{grid-template-columns:minmax(0,1fr)}.onu .ug-br-l{padding:80px var(--gut) 40px}.onu .ug-br-w{position:relative}.onu .ug-br-mn{display:block;position:absolute;left:0;top:0;width:1px;height:1px;margin:0;opacity:0;pointer-events:none}.onu .ug-br-akt{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px;border:1px solid rgba(255,255,255,.1);font-size:24px;line-height:1.25;cursor:pointer;user-select:none}.onu .ug-br-akt span[data-k]{display:none}.onu .ug-br-rz{width:20px;height:20px;flex:none}.onu .ug-br-mn:focus-visible+.ug-br-akt{outline:2px solid #fff;outline-offset:2px}.onu .ug-br-mw{display:none;position:fixed;inset:0;z-index:9999;background:var(--g);padding:80px 40px;overflow:auto;overscroll-behavior:contain}.onu .ug-br-mn:checked~.ug-br-mw{display:block}.onu .ug-br-x{display:flex;justify-content:flex-end;position:fixed;left:0;top:0;width:100%;padding:25px 20px;background:var(--g);color:#fff;cursor:pointer;z-index:1}.onu .ug-br-x svg{width:30px;height:30px}.onu .ug-br-m{max-width:none;display:flex;flex-direction:column;gap:15px}.onu .ug-br-m label{border:0;padding:5px 0}.onu .ug-br-m label svg{display:none}.onu .ug-br-p{position:static;height:auto;min-height:0;grid-template-rows:none}.onu .ug-br-k{padding:40px 20px 20px}.onu .ug-br-d{padding:80px 20px 20px}body:has(#ug-br-mn:checked){overflow:hidden}}@media (max-width:599px){.onu .ug-br-m label{font-size:20px}}@media (max-width:360px){.onu .ug-br-akt{font-size:18px}}.ug-fm{--g:#000623;--n:#5768FF;--l:#CCCDD3;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);background:#fff;color:var(--g);letter-spacing:-.01em}.ug-fm *{box-sizing:border-box}.ug-fm-l{display:flex;flex-direction:column}.ug-fm-roz{position:relative;overflow:hidden;background:var(--n);height:300px;flex:none}.ug-fm-roz svg{position:absolute;left:50%;top:calc(50% - 195px);width:1190px;height:1190px;max-width:none;transform:translate(-50%,-50%)}.ug-fm-fo{position:relative;margin:0;overflow:hidden;background:#D9D9D9;flex:1 1 auto;min-height:300px}.ug-fm-fo img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 15%}.ug-fm-fo figcaption{position:absolute;left:20px;right:20px;bottom:20px;color:#fff;text-shadow:0 0 5px rgba(0,0,0,.5);user-select:none;font-size:var(--cap);line-height:var(--cap-lh)}.ug-fm-p{display:flex;flex-direction:column;justify-content:center;padding:120px 12.5%}.ug-fm h2{margin:0;font-weight:400;font-size:var(--h3);line-height:1.25;letter-spacing:-.01em}.ug-fm h2 em{font-style:normal;color:var(--n);white-space:nowrap}.ug-fm-ld{margin:20px 0 0;font-size:var(--pxl);line-height:var(--pxl-lh)}.ug-fm-f{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:20px}.ug-fm-f input[type=text],.ug-fm-f input[type=email],.ug-fm-f input[type=tel],.ug-fm-f select,.ug-fm-f textarea{display:block;width:100%;height:60px;border:1px solid var(--l);border-radius:0;background:#fff;padding:17px 20px;font:inherit;font-size:18px;line-height:24px;color:var(--g);letter-spacing:normal}.ug-fm-f textarea{height:180px;resize:vertical}.ug-fm-f ::placeholder{color:#666A7B;opacity:1}.ug-fm-f select{color:#666A7B}.ug-fm-c{grid-column:1/-1}.ug-fm-zg{position:relative;display:block;padding-left:35px;font-size:16px;line-height:24px}.ug-fm-zg input{position:absolute;left:0;top:0;width:24px;height:24px;margin:0;accent-color:var(--n)}.ug-fm-wy{display:flex;justify-content:flex-end}.ug-fm-wy .ug-fm-bt{height:60px;padding:20px;border:0;border-radius:0;background:var(--n);color:#fff;font:inherit;font-size:20px;line-height:20px;letter-spacing:normal;cursor:pointer;transition:all .3s}.ug-fm-wy .ug-fm-bt:hover,.ug-fm-wy .ug-fm-bt:focus-visible{background:#3543C1}@media (min-width:901px) and (max-width:1199px){.ug-fm-p{padding:120px 40px}}@media (max-width:900px){.ug-fm{grid-template-columns:minmax(0,1fr)}.ug-fm-p{order:-1;padding:80px var(--gut)}.ug-fm-l{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));height:50vw}.ug-fm-roz{height:auto}.ug-fm-fo{min-height:0}.ug-fm-f{grid-template-columns:minmax(0,1fr)}.ug-fm-wy .ug-fm-bt{font-size:18px}}@media (max-width:599px){.ug-fm-l{height:calc(50vw * 4 / 3)}.ug-fm-roz svg{top:calc(50% - 175px);width:900px;height:900px}.ug-fm-wy .ug-fm-bt{width:100%}}@supports not selector(:has(*)){.onu .ug-br [data-k="0"]{display:block}.onu .ug-br label[for="ug-br0"]{color:#fff}}.ug-br:has(#ug-br0:checked) [data-k="0"]{display:block}.ug-br:has(#ug-br0:checked) label[for="ug-br0"]{color:#fff}#ug-br0:focus-visible+label{outline:2px solid #fff;outline-offset:4px}.ug-br:has(#ug-br1:checked) [data-k="1"]{display:block}.ug-br:has(#ug-br1:checked) label[for="ug-br1"]{color:#fff}#ug-br1:focus-visible+label{outline:2px solid #fff;outline-offset:4px}.ug-br:has(#ug-br2:checked) [data-k="2"]{display:block}.ug-br:has(#ug-br2:checked) label[for="ug-br2"]{color:#fff}#ug-br2:focus-visible+label{outline:2px solid #fff;outline-offset:4px}.ug-br:has(#ug-br3:checked) [data-k="3"]{display:block}.ug-br:has(#ug-br3:checked) label[for="ug-br3"]{color:#fff}#ug-br3:focus-visible+label{outline:2px solid #fff;outline-offset:4px}.ug-br:has(#ug-br4:checked) [data-k="4"]{display:block}.ug-br:has(#ug-br4:checked) label[for="ug-br4"]{color:#fff}#ug-br4:focus-visible+label{outline:2px solid #fff;outline-offset:4px}.ug-br:has(#ug-br5:checked) [data-k="5"]{display:block}.ug-br:has(#ug-br5:checked) label[for="ug-br5"]{color:#fff}#ug-br5:focus-visible+label{outline:2px solid #fff;outline-offset:4px}.ug-br:has(#ug-br6:checked) [data-k="6"]{display:block}.ug-br:has(#ug-br6:checked) label[for="ug-br6"]{color:#fff}#ug-br6:focus-visible+label{outline:2px solid #fff;outline-offset:4px}.ug-br:has(#ug-br7:checked) [data-k="7"]{display:block}.ug-br:has(#ug-br7:checked) label[for="ug-br7"]{color:#fff}#ug-br7:focus-visible+label{outline:2px solid #fff;outline-offset:4px}.ug-br:has(#ug-br8:checked) [data-k="8"]{display:block}.ug-br:has(#ug-br8:checked) label[for="ug-br8"]{color:#fff}#ug-br8:focus-visible+label{outline:2px solid #fff;outline-offset:4px}.ug-br:has(#ug-br9:checked) [data-k="9"]{display:block}.ug-br:has(#ug-br9:checked) label[for="ug-br9"]{color:#fff}#ug-br9:focus-visible+label{outline:2px solid #fff;outline-offset:4px}
.kru{--g:#000623;--n:#5768FF;--nt:#4E5EE5;--p:#F9F9F9;--sz:#666A7B;--l:#CCCDD3;color:var(--g)}.kru *{box-sizing:border-box}.kru p,.kru h1,.kru h2,.kru h3,.kru figure,.kru ul,.kru ol{margin:0}.kru ul,.kru ol{padding:0;list-style:none}.kru em{font-style:normal;color:var(--n)}.kru img{max-width:100%}.kru .k-w{padding:0 40px}.kru .k-s{padding:120px 0}.kru .k-p{background:var(--p)}.kru .k-b{background:#fff}.kru .k-gr{background:var(--g);color:#fff}.kru .k-et{font-size:16px;line-height:20px;margin-bottom:10px}.kru .k-h2{font-weight:500;font-size:calc(40px * var(--ts));line-height:calc(50px * var(--ts));letter-spacing:-.01em}.kru .k-hs{text-align:center;max-width:calc(820 * var(--u));margin:0 auto 60px}.kru .k-ld{margin:20px auto 0;max-width:calc(640 * var(--u));font-size:16px;line-height:24px}.kru .k-gr .k-ld{color:#E6E7EE}.kru .k-ln{display:inline-flex;align-items:center;gap:10px;font-weight:500;font-size:16px;line-height:20px;color:var(--nt);text-decoration:none;transition:gap .2s}.kru .k-ln .k-kk{flex:none;display:grid;place-items:center;width:32px;height:32px;border:1.5px solid currentColor;border-radius:50%}.kru .k-ln .k-kk svg{width:16px;height:16px}.kru .k-ln:hover,.kru .k-ln:focus-visible{gap:14px}.kru .k-gr .k-ln{color:#fff}.kru .k-pd{position:absolute;background:#fff;padding:8px 16px;font-size:12px;line-height:16px;color:var(--g)}.kru .k-pd b{display:block;font-weight:500}.kru .k-h{min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding:120px 0 60px}.kru .k-h>.k-w{width:100%}.kru .k-h-g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;align-items:center}.kru .k-h-t{grid-column:1/3;padding-right:40px}.kru .k-h h1{font-weight:500;font-size:calc(52px * var(--ts));line-height:calc(57px * var(--ts));letter-spacing:-.01em;max-width:calc(640 * var(--u))}.kru .k-h-ld{margin-top:20px;max-width:calc(560 * var(--u));font-size:16px;line-height:24px;color:#E6E7EE}.kru .k-h-cta{display:flex;flex-wrap:wrap;align-items:center;gap:20px 40px;margin-top:40px}.kru .k-h-pod{margin-top:20px;font-size:14px;line-height:20px;color:#B3B5C2}.kru .k-e12{grid-column:3/5;position:relative;display:block;color:var(--g);text-decoration:none}.kru .k-e12-f{position:relative;aspect-ratio:670/460;overflow:hidden;background:#D9D9D9}.kru .k-e12-f>img{display:block;width:100%;height:100%;object-fit:cover;object-position:62% 30%}.kru .k-e12-f .k-pd{right:0;bottom:0}.kru .k-e12-p{display:flex;align-items:stretch;background:var(--p);height:120px}.kru .k-e12-p span{flex:1;display:flex;align-items:center;padding:0 40px;font-weight:500;font-size:calc(32px * var(--ts));line-height:calc(40px * var(--ts));letter-spacing:-.01em}.kru .k-e12-p i{flex:none;width:120px;display:grid;place-items:center;background:var(--n);transition:background .2s}.kru .k-e12-p svg{width:48px;height:48px;color:var(--g)}.kru .k-e12:hover .k-e12-p i,.kru .k-e12:focus-visible .k-e12-p i{background:#4655E8}.kru .k-of-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.kru .k-of-g>li{display:flex}.kru .k-of{flex:1;display:flex;flex-direction:column;background:#fff;padding:40px;color:inherit;text-decoration:none;transition:background .2s}.kru .k-of:hover,.kru .k-of:focus-visible{background:#F0F1FF}.kru .k-of-top{display:flex;align-items:center;gap:16px}.kru .k-of-ik{flex:none;display:grid;place-items:center;width:56px;height:56px;background:var(--p)}.kru .k-of:hover .k-of-ik{background:#fff}.kru .k-of-ik img{width:28px;height:28px}.kru .k-of-d{font-size:14px;line-height:20px;color:var(--sz)}.kru .k-of h3{margin:30px 0 30px;font-weight:500;font-size:24px;line-height:30px;letter-spacing:-.01em}.kru .k-of-pas{margin-top:auto;position:relative;height:6px;background:#E6E7EE}.kru .k-of-pas i{position:absolute;top:0;bottom:0;background:var(--n)}.kru .k-of-sk{display:flex;justify-content:space-between;margin-top:6px;font-size:12px;line-height:16px;color:var(--sz)}.kru .k-of-z{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px;font-weight:500;font-size:16px;line-height:24px}.kru .k-of-z .k-kk{flex:none;display:grid;place-items:center;width:32px;height:32px;border:1.5px solid var(--nt);border-radius:50%;color:var(--nt)}.kru .k-of-z .k-kk svg{width:16px;height:16px}.kru .k-sch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,2fr);align-items:center;position:relative}.kru .k-wz{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 8px}.kru .k-wz::after{content:"";position:absolute;left:calc(50% + 34px);right:calc(-50% + 34px);top:28px;border-top:2px dashed #fff;opacity:.6}.kru .k-wz:nth-child(3)::after{right:-16px}.kru .k-wz-k{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:#fff}.kru .k-wz-k img{width:28px;height:28px}.kru .k-wz-k.k-n{background:var(--n)}.kru .k-wz-k.k-n img{filter:brightness(0) invert(1)}.kru .k-wz b{display:block;margin-top:16px;font-weight:500;font-size:20px;line-height:25px}.kru .k-wz p{margin-top:8px;font-size:14px;line-height:20px;color:#CCCDD3;max-width:220px}.kru .k-zs{position:relative;padding-left:40px;border-left:2px dashed rgba(255,255,255,.6);display:grid;gap:12px}.kru .k-zs li{position:relative;display:grid;grid-template-columns:200px minmax(0,1fr);gap:20px;align-items:center}.kru .k-zs li::before{content:"";position:absolute;left:-40px;width:24px;top:50%;border-top:2px dashed rgba(255,255,255,.6)}.kru .k-zs b{display:block;background:var(--nt);color:#fff;font-weight:500;font-size:16px;line-height:20px;padding:10px 16px}.kru .k-zs span{font-size:14px;line-height:20px;color:#CCCDD3}.kru .k-rd{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,2fr);margin-top:40px}.kru .k-rd-b{grid-column:4;display:grid;grid-template-columns:200px minmax(0,1fr);gap:20px;align-items:center;padding-left:40px;position:relative}.kru .k-rd-b::before{content:"";position:absolute;left:0;top:-40px;height:calc(50% + 40px);border-left:2px dashed rgba(255,255,255,.6)}.kru .k-rd-b::after{content:"";position:absolute;left:0;width:24px;top:50%;border-top:2px dashed rgba(255,255,255,.6)}.kru .k-rd-b b{display:block;background:transparent;color:#fff;box-shadow:inset 0 0 0 2px var(--n);font-weight:500;font-size:16px;line-height:20px;padding:10px 16px}.kru .k-rd-b span{font-size:14px;line-height:20px;color:#CCCDD3}.kru .k-wa{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.kru .k-wa li{position:relative;height:420px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:30px;color:#fff;background:var(--g)}.kru .k-wa li>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:30% 30%}.kru .k-wa li.k-wa-f::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,6,35,.55) 0,rgba(0,6,35,0) 30%,rgba(0,6,35,0) 50%,rgba(0,6,35,.8) 100%)}.kru .k-wa h3,.kru .k-wa p{position:relative;z-index:1}.kru .k-wa h3{font-weight:500;font-size:24px;line-height:30px}.kru .k-wa p{font-size:16px;line-height:24px;max-width:300px}.kru .k-wa li.k-wa-r svg{position:absolute;left:100%;top:0;width:170%;height:auto;transform:translate(-50%,-50%);max-width:none}.kru .k-wa li.k-wa-i{background:#fff;color:var(--g)}.kru .k-wa li.k-wa-i svg{position:absolute;left:50%;top:44%;width:86%;height:auto;transform:translate(-50%,-50%)}.kru .k-bf-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.kru .k-bf{display:grid;grid-template-columns:1fr 2fr;background:#fff;min-height:340px}.kru .k-bf-o{position:relative;overflow:hidden;background:var(--n);min-height:100%}.kru .k-bf-o>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.kru .k-bf-o svg{position:absolute;left:100%;top:50%;width:300%;height:auto;transform:translate(-50%,-50%);max-width:none}.kru .k-bf-o .k-pd{left:0;bottom:0}.kru .k-bf-t{padding:40px}.kru .k-bf h3{font-weight:500;font-size:calc(32px * var(--ts));line-height:calc(40px * var(--ts));letter-spacing:-.01em;margin-bottom:20px}.kru .k-bf-t li{position:relative;padding-left:20px;font-size:16px;line-height:24px}.kru .k-bf-t li+li{margin-top:8px}.kru .k-bf-t li::before{content:"";position:absolute;left:2px;top:10px;width:6px;height:6px;background:var(--n)}.kru .k-dr{position:relative}.kru .k-dr>svg{position:absolute;left:0;top:0;width:100%;height:160px;overflow:visible}.kru .k-dr ol{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}.kru .k-dr li{display:flex;flex-direction:column;align-items:flex-start}.kru .k-dr li:nth-child(even){padding-top:80px}.kru .k-dr-n{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--g);border:2px solid var(--n);font-weight:500;font-size:20px;line-height:1;color:#fff;margin-left:calc(50% - 32px)}.kru .k-dr h3{margin-top:24px;font-weight:500;font-size:20px;line-height:25px}.kru .k-dr p{margin-top:10px;font-size:16px;line-height:24px;color:#E6E7EE}.kru .k-lu-h{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:60px}.kru .k-lu-h .k-hs{text-align:left;margin:0}.kru .k-lu-o{position:relative}.kru .k-lu-b{position:absolute;top:calc((100vw - 140px) / 4.25 * 1.1 / 2 - 24px);z-index:2;display:grid;place-items:center;width:48px;height:48px;border:0;border-radius:50%;background:var(--g);color:#fff;cursor:pointer}.kru .k-lu-b svg{width:20px;height:20px}.kru .k-lu-w{left:16px;transform:scaleX(-1)}.kru .k-lu-d{right:16px}.kru .k-lu-b:hover,.kru .k-lu-b:focus-visible{background:var(--nt)}.kru .k-lu{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;padding:0 40px 20px;scroll-padding:0 40px}.kru .k-lu li{flex:none;width:calc((100vw - 80px - 60px) / 4.25);scroll-snap-align:start}.kru .k-lu img{display:block;width:100%;height:auto;aspect-ratio:800/880;object-fit:cover;background:#D9D9D9}.kru .k-lu b{display:block;margin-top:14px;font-weight:500;font-size:16px;line-height:20px}.kru .k-lu small{display:block;margin-top:2px;font-size:14px;line-height:20px;color:var(--sz)}.kru .k-ap{position:relative;overflow:hidden;background:var(--g);padding:120px 40px;display:flex;justify-content:center}.kru .k-ap-roz{position:absolute;left:50%;top:50%;width:max(1500px,110vw);height:auto;transform:translate(-50%,-50%);max-width:none}.kru .k-ap-k{position:relative;z-index:1;width:100%;max-width:600px;background:#fff;padding:48px}.kru .k-ap-k h2{font-weight:500;font-size:calc(32px * var(--ts));line-height:calc(40px * var(--ts));letter-spacing:-.01em}.kru .k-ap-ld{margin-top:16px;font-size:16px;line-height:24px}.kru .k-ap-zal{margin:20px 0 30px;display:grid;gap:8px}.kru .k-ap-zal li{position:relative;padding-left:20px;font-size:16px;line-height:24px}.kru .k-ap-zal li::before{content:"";position:absolute;left:2px;top:10px;width:6px;height:6px;background:var(--n)}@media (max-width:1200px){.kru .k-h-t{padding-right:20px}.kru .k-of-g{grid-template-columns:repeat(2,minmax(0,1fr))}.kru .k-zs li,.kru .k-rd-b{grid-template-columns:170px minmax(0,1fr)}.kru .k-wa{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:1100px){.kru .k-sch,.kru .k-rd{grid-template-columns:1fr;gap:0}.kru .k-wz{flex-direction:row;align-items:flex-start;text-align:left;gap:20px;padding:0 0 32px;position:relative}.kru .k-wz>div{min-width:0}.kru .k-wz::after{left:27px;right:auto;top:56px;bottom:0;border-top:0;border-left:2px dashed #fff}.kru .k-wz:nth-child(3)::after{right:auto}.kru .k-wz b{margin-top:14px}.kru .k-wz p{max-width:none}.kru .k-zs{margin-left:27px;padding-left:30px}.kru .k-zs li::before{left:-30px;width:20px}.kru .k-rd-b{grid-column:1;margin-left:27px;padding-left:30px}.kru .k-rd-b::after{width:20px}.kru .k-dr>svg{display:none}.kru .k-dr ol{grid-template-columns:1fr;gap:0;border-left:2px dashed var(--n);margin-left:31px}.kru .k-dr li{display:grid;grid-template-columns:64px minmax(0,1fr);column-gap:20px;padding:0 0 32px;margin-left:-33px}.kru .k-dr li:nth-child(even){padding-top:0}.kru .k-dr-n{margin:0;grid-row:1/3}.kru .k-dr h3{margin-top:18px}}@media (max-width:1023px){.kru .k-s{padding:80px 0}.kru .k-h{padding:110px 0 60px}.kru .k-h2{font-size:28px;line-height:35px}.kru .k-h h1{font-size:36px;line-height:42px}.kru .k-hs{margin-bottom:40px}.kru .k-h-t{grid-column:1/-1;padding:0 0 40px}.kru .k-e12{grid-column:1/-1}.kru .k-bf-g{grid-template-columns:1fr}.kru .k-bf:nth-child(3){order:4}.kru .k-bf h3{font-size:28px;line-height:35px}.kru .k-lu-h{flex-direction:column;align-items:flex-start;gap:20px;margin-bottom:40px}.kru .k-lu li{width:calc((100vw - 80px - 40px) / 3.25)}.kru .k-lu-b{top:calc((100vw - 120px) / 3.25 * 1.1 / 2 - 24px)}}@media (max-width:760px){.kru .k-w{padding:0 20px}.kru .k-s{padding:60px 0}.kru .k-h{padding:100px 0 40px}.kru .k-h h1{font-size:32px;line-height:38px}.kru .k-e12-p{height:80px}.kru .k-e12-p span{padding:0 20px;font-size:22px;line-height:28px}.kru .k-e12-p i{width:80px}.kru .k-e12-p svg{width:32px;height:32px}.kru .k-e12-f .k-pd{padding:6px 10px}.kru .k-of-g{grid-template-columns:1fr}.kru .k-of{padding:30px 20px}.kru .k-zs li,.kru .k-rd-b{grid-template-columns:1fr;gap:6px}.kru .k-wa{grid-template-columns:1fr}.kru .k-wa li{height:340px}.kru .k-bf{grid-template-columns:1fr}.kru .k-bf-o{min-height:0;height:220px}.kru .k-bf-o svg{left:50%;top:100%;width:160%}.kru .k-bf-t{padding:30px 20px}.kru .k-lu{padding:0 20px 20px;scroll-padding:0 20px;gap:10px}.kru .k-lu li{width:calc((100vw - 40px - 10px) / 1.6)}.kru .k-lu-b{top:calc((100vw - 50px) / 1.6 * 1.1 / 2 - 24px);width:40px;height:40px}.kru .k-lu-w{left:8px}.kru .k-lu-d{right:8px}.kru .k-ap{padding:60px 20px}.kru .k-ap-k{padding:30px 20px}}@media (max-width:420px){.kru .k-dr ol{margin-left:23px}.kru .k-dr li{grid-template-columns:48px minmax(0,1fr);column-gap:14px;margin-left:-25px}.kru .k-dr-n{width:48px;height:48px;font-size:16px}.kru .k-dr h3{margin-top:12px}}@media (prefers-reduced-motion:reduce){.kru .k-ln,.kru .k-of,.kru .k-e12-p i{transition:none}}.onu,.ug-ap{--bh:60px;--bt:20px;--gut:40px;--hx:60px;--h2d:40px;--h3:32px;--h4:24px;--pxl:16px;--pxl-lh:24px;--et:16px;--et-lh:20px;--cap:16px;--cap-lh:20px;--ab:60px;--sp:120px}@media (min-width:901px) and (max-width:1199px){.onu,.ug-ap{--hx:48px;--h2d:35px;--h3:28px}}@media (min-width:1441px){.onu,.ug-ap{--hx:65px;--h2d:45px;--h3:35px}}@media (min-width:1680px){.onu,.ug-ap{--hx:80px;--h2d:50px;--h3:40px;--h4:30px;--pxl:20px;--pxl-lh:30px;--et:20px;--et-lh:25px;--cap:20px;--cap-lh:25px;--ab:80px}}@media (min-width:1921px){@supports (width:1cqw){.onu,.ug-ap{container-type:inline-size;--gut:max(40px,calc(50cqw - 920px))}}.onu .ug-kh-in,.onu .ug-jk-w,.onu .kru .k-w{max-width:1920px;margin-left:auto;margin-right:auto;box-sizing:border-box}}@media (max-width:900px){.onu,.ug-ap{--bh:80px;--bt:0px;--gut:20px;--hx:40px;--h2d:30px;--h3:26px;--sp:80px}}@media (max-width:599px){.onu,.ug-ap{--hx:36px;--h2d:28px;--h3:24px;--h4:20px}}@media (max-width:360px){.onu,.ug-ap{--hx:30px;--h2d:23px;--h3:21px;--h4:19px}}@media (max-width:900px){.onu .kru .k-w{padding-left:20px;padding-right:20px}}.onu .ug-et{font-size:var(--et);line-height:var(--et-lh);margin:0 0 10px;font-weight:400;letter-spacing:-.01em}.onu .ug-h2s{font-weight:400;font-size:var(--h3);line-height:1.25;letter-spacing:-.01em;margin:0}.onu .ug-h2d{font-weight:400;font-size:var(--h2d);line-height:1.25;letter-spacing:-.01em;margin:0}.onu .ug-p{background:var(--p)}.onu .ug-hc{text-align:center;margin:0 auto 60px}.onu .ug-hc h2{max-width:none;margin-left:auto;margin-right:auto}.onu .ug-h-cta{display:flex;margin-top:40px}.onu .ug-ab{position:relative;z-index:0;display:flex;align-items:center;color:#fff;text-decoration:none;font-size:var(--pxl);line-height:1.25;letter-spacing:-.01em;cursor:pointer;transition:all .3s}.onu .ug-ab::after{content:"";position:absolute;left:0;top:0;z-index:-1;width:var(--ab);height:100%;background:var(--n);transition:all .3s}.onu .ug-ab-s{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--ab);height:var(--ab);margin:0 20px 0 0;transition:all .3s}.onu .ug-ab-s svg{width:18px;height:18px}.onu .ug-ab:hover,.onu .ug-ab:focus-visible{padding:0 20px 0 0}.onu .ug-ab:hover::after,.onu .ug-ab:focus-visible::after{width:100%}.onu .ug-ab:hover .ug-ab-s,.onu .ug-ab:focus-visible .ug-ab-s{margin:0;transform:rotate(45deg)}.onu .ug-kh{position:relative;background:var(--g);color:#fff;padding-top:calc(var(--bh) + var(--bt));min-height:max(580px,100vh);min-height:max(580px,100svh);display:flex}.onu .ug-kh-in{flex:1 1 auto;width:100%;display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr)}.onu .ug-kh-t{padding:40px var(--gut);display:flex;flex-direction:column;justify-content:center;letter-spacing:-.01em}.onu .ug-kh h1{font-weight:400;font-size:var(--hx);line-height:1;letter-spacing:-.01em;margin:0}.onu .ug-kh h1 em{color:var(--n)}.onu .ug-kh-ld{margin-top:20px;font-size:var(--pxl);line-height:var(--pxl-lh)}@media (min-width:1680px){.onu .ug-kh h1,.onu .ug-kh-ld{max-width:90%}}@media (min-width:1921px){.onu .ug-kh-t{padding-left:40px;padding-right:40px}}.onu .ug-kh-roz{--rw:700px;--rh:1400px;position:relative;overflow:hidden;background:var(--g)}.onu .ug-kh-roz img{position:absolute;left:calc(50% - var(--rw) / 2);top:50%;width:var(--rh);height:var(--rh);max-width:none;transform:translateY(-50%)}@media (min-width:1680px){.onu .ug-kh-roz{--rw:800px;--rh:1700px}}.onu .ug-kh-k{display:flex;flex-direction:column;min-width:0}.onu .ug-kh-fo{position:relative;flex:1 1 auto;margin:0;overflow:hidden}.onu .ug-kh-fo img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover}.onu .ug-kh-fo figcaption{position:absolute;left:20px;right:20px;bottom:20px;color:#fff;font-size:var(--cap);line-height:var(--cap-lh);text-shadow:0 0 5px rgba(0,0,0,.5);user-select:none}.onu .ug-kh-kj{display:flex;flex-wrap:wrap;gap:20px;padding:20px;background:#fff;color:var(--g);text-decoration:none;cursor:pointer;user-select:none;font-size:var(--pxl);line-height:1.25;letter-spacing:-.01em;transition:all .3s}.onu .ug-kh-kjs{display:flex;width:100%}.onu .ug-kh-kjs svg{display:block;width:40px;height:40px}.onu .ug-kh-kj:focus-visible{outline:2px solid var(--n);outline-offset:-4px}@media (max-width:900px){.onu .ug-kh{min-height:0;display:block}.onu .ug-kh-in{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.onu .ug-kh-t{grid-column:1/-1;justify-content:flex-start}.onu .ug-kh-roz{--rw:750px;--rh:1600px}.onu .ug-kh-fo{flex:none;aspect-ratio:1/1}}@media (max-width:479px){.onu .ug-kh{padding-bottom:80px}.onu .ug-kh-roz{--rw:400px;--rh:820px;height:270px}.onu .ug-kh-k{height:270px}.onu .ug-kh-fo{flex:1 1 auto;aspect-ratio:auto}.onu .ug-kh-kj{position:absolute;left:0;right:0;bottom:0;flex-wrap:nowrap;justify-content:space-between;align-items:center}.onu .ug-kh-kjs{width:auto}}.onu .ug-jk{padding:var(--sp) 0 0;letter-spacing:-.01em}.onu .ug-jk .ug-hc{padding:0 var(--gut)}.onu .ug-jk-w{position:relative}.onu .ug-jk-g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none}.onu .ug-jk-g>li{position:relative;aspect-ratio:1/1.3;overflow:hidden}.onu .ug-jk-g>li>img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover}.onu .ug-jk-tx{position:absolute;inset:0;display:flex;flex-direction:column;gap:40px;padding:20px;color:#fff;text-shadow:0 0 5px rgba(0,0,0,.5)}.onu .ug-jk-tx h3{margin:0;font-weight:400;font-size:var(--h4);line-height:1.25}.onu .ug-jk-tx p{margin:auto 0 0;font-size:var(--pxl);line-height:var(--pxl-lh)}.onu .ug-jk-b{background:#fff}.onu .ug-jk-b .ug-jk-tx{color:var(--g);text-shadow:none}.onu .ug-jk-gr{flex:1 1 auto;display:flex;align-items:flex-end;justify-content:center;min-height:0}.onu .ug-jk-gr img{display:block;width:100%;height:auto;max-height:100%;object-fit:contain}.onu .ug-jk-b .ug-jk-tx p{margin:0}@media (max-width:1199px){.onu .ug-jk-g{--jn:3;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}.onu .ug-jk-g::-webkit-scrollbar{display:none}.onu .ug-jk-g>li{flex:0 0 calc((100% - 35px) / var(--jn));scroll-snap-align:start}}@media (max-width:980px){.onu .ug-jk-g{--jn:2}}@media (max-width:599px){.onu .ug-jk-g{--jn:1}}.onu .ug-jk-st,.onu .ug-zs-st{position:absolute;top:calc(50% - 20px);z-index:2;width:40px;height:40px;border:0;border-radius:50%;background:#fff;color:var(--g);display:grid;place-items:center;padding:0;cursor:pointer;transition:all .3s}.onu .ug-jk-st svg,.onu .ug-zs-st svg{width:40px;height:40px}.onu .ug-jk-st:hover,.onu .ug-zs-st:hover,.onu .ug-jk-st:focus-visible,.onu .ug-zs-st:focus-visible{background:var(--n);color:#fff}.onu .ug-st-pv svg{transform:rotate(180deg)}.onu .ug-jk-st[hidden],.onu .ug-zs-st[hidden]{display:none}.onu .ug-jk-st.ug-st-pv{left:15px}.onu .ug-jk-st.ug-st-nx{right:15px}.onu .ug-zs{padding:var(--sp) 0 0;letter-spacing:-.01em}.onu .ug-zs-n{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding:0 var(--gut)}.onu .ug-zs-n h2 em{color:var(--n)}.onu .ug-zs-ak{margin:0;font-size:var(--h3);line-height:1.25}.onu .ug-zs-k{position:relative;margin-top:60px}.onu .ug-zs-tor{--zn:4;display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:var(--gut);padding:0 var(--gut);margin:0;list-style:none;scrollbar-width:none;overscroll-behavior-x:contain}.onu .ug-zs-tor::-webkit-scrollbar{display:none}.onu .ug-zs-tor>li{flex:0 0 calc((100% - (var(--zn) - 1) * 20px) / var(--zn));display:flex;flex-direction:column;gap:10px;scroll-snap-align:start}.onu .ug-zs-tor img{display:block;width:100%;aspect-ratio:1/1.07;object-fit:cover}.onu .ug-zs-tor p{margin:0;font-size:16px;line-height:20px}.onu .ug-zs-st.ug-st-nx{right:20px}.onu .ug-zs-st.ug-st-pv{left:20px}@media (min-width:1441px){.onu .ug-zs-tor{--zn:5}}@media (max-width:1200px){.onu .ug-zs-tor{--zn:3}}@media (max-width:980px){.onu .ug-zs-tor{--zn:2}}@media (max-width:900px){.onu .ug-zs-n{gap:40px 20px}.onu .ug-zs-st.ug-st-nx{right:5px}.onu .ug-zs-st.ug-st-pv{left:5px}}@media (max-width:599px){.onu .ug-zs-n{grid-template-columns:minmax(0,1fr)}}@media (max-width:470px){.onu .ug-zs-tor{--zn:1}}.onu .ug-bn{padding:var(--sp) var(--gut) 0;letter-spacing:-.01em}.onu .ug-bn-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 20px;margin:0;padding:0;list-style:none}.onu .ug-bn-g>li{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr)}.onu .ug-bn-g img{display:block;width:100%;height:100%;min-height:0;aspect-ratio:1/1;object-fit:cover}.onu .ug-bn-g>li>div{display:flex;flex-direction:column;gap:40px;padding:40px;background:#fff}.onu .ug-bn-g h3{margin:0;font-weight:400;font-size:var(--h3);line-height:1.25}.onu .ug-bn-g p{margin:0;font-size:var(--pxl);line-height:var(--pxl-lh)}@media (max-width:980px){.onu .ug-bn-g{grid-template-columns:minmax(0,1fr)}.onu .ug-bn-g img{aspect-ratio:1/1.05}.onu .ug-bn-g>li>div{gap:20px;padding:20px;justify-content:center}}@media (max-width:599px){.onu .ug-bn-g>li{grid-template-columns:minmax(0,2fr) minmax(0,3fr)}}@media (max-width:479px){.onu .ug-bn-g>li{grid-template-columns:minmax(0,1fr)}.onu .ug-bn-g img{height:auto}}.ug-ap{--g:#000623;--n:#5768FF;--l:#CCCDD3;display:flex;justify-content:center;padding:var(--sp) var(--gut);background:#000623 url(da40bd84abf46dd6.png) 50% 50%/cover no-repeat;color:var(--g);letter-spacing:-.01em}.ug-ap *{box-sizing:border-box}.ug-ap-k{width:45%;background:#fff;padding:80px 40px;display:flex;flex-direction:column;gap:20px}.ug-ap h2{margin:0;font-weight:400;font-size:var(--h3);line-height:1.25}.ug-ap-f{display:flex;flex-direction:column;gap:10px}.ug-ap-f input[type=text],.ug-ap-f input[type=email],.ug-ap-f input[type=tel]{display:block;width:100%;height:46px;padding:12px;border:1px solid var(--l);border-radius:0;background:#fff;font:inherit;font-size:18px;line-height:20px;color:var(--g);letter-spacing:normal}.ug-ap-f ::placeholder{color:#666A7B;opacity:1}.ug-ap-pl{position:relative;display:block;height:46px;border:1px solid var(--l)}.ug-ap-pn{display:block;padding:12px;font-size:18px;line-height:20px;color:#666A7B;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ug-ap-pl.f-ma .ug-ap-pn{color:var(--g)}.ug-ap-pl.f-bl{border-color:#D90000}.ug-ap-zg.f-bl input{outline:2px solid #D90000;outline-offset:1px}.ug-ap-pl input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.ug-ap-pl:focus-within{outline:2px solid var(--n);outline-offset:1px}.ug-ap-zg{position:relative;display:block;padding-left:35px;font-size:16px;line-height:24px}.ug-ap-zg input{position:absolute;left:0;top:0;width:24px;height:24px;margin:0;accent-color:var(--n)}.ug-ap-zg a{color:inherit}.ug-ap-wy{display:flex;justify-content:flex-end}.ug-ap-bt{padding:10px 20px;border:0;border-radius:0;background:var(--n);color:#fff;font:inherit;font-size:16px;line-height:20px;letter-spacing:normal;cursor:pointer;transition:all .3s}.ug-ap-bt:hover,.ug-ap-bt:focus-visible{background:#3543C1}@media (max-width:900px){.ug-ap-k{width:100%;padding:40px 20px}}

#role .aw-lead{color:#C4C6D0}
.aw-ro{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(16px * var(--kn))}
.aw-ro li{background:#fff;padding:clamp(calc(18px * var(--kn)),calc(min(3svh, 32.4px) * var(--kn)),calc(32px * var(--kn))) calc(28px * var(--kn));display:flex;flex-direction:column}
.aw-ro-e{display:flex;align-items:center;gap:calc(14px * var(--kn));font-size:calc(15px * var(--kn));color:#4E5EE5;margin:0 0 clamp(calc(10px * var(--kn)),calc(min(2svh, 21.6px) * var(--kn)),calc(18px * var(--kn)))}
.aw-ro-e .aw-ik{width:calc(48 * var(--u) * var(--kn));height:calc(48 * var(--u) * var(--kn))}.aw-ro-e .aw-ik img{width:calc(26 * var(--u) * var(--kn));height:calc(26 * var(--u) * var(--kn))}
.aw-ro h3{font-size:calc(21px * var(--kn));line-height:1.3;font-weight:500;margin:0 0 calc(8px * var(--kn));color:#000623}
.aw-ro-o{font-size:calc(16px * var(--kn));line-height:1.55;color:#666A7B;margin:0 0 clamp(calc(12px * var(--kn)),calc(min(2.4svh, 25.92px) * var(--kn)),calc(20px * var(--kn)))}
.aw-ro-l{margin:auto 0 0;display:flex;flex-wrap:wrap;gap:calc(8px * var(--kn)) calc(20px * var(--kn))}
.aw-ro-l a{font-size:calc(15px * var(--kn));color:#4E5EE5;text-decoration:none}
.aw-ro-l a::after{content:none}
/* dowód: test A/B (makieta jak w wersji B hero) i lista z pomiarem */
.aw-ux-ab{margin-top:clamp(calc(14px * var(--kn)),calc(min(2.6svh, 28.08px) * var(--kn)),calc(24px * var(--kn)))}
.aw-ux-ab .aw-hx-w{display:flex;flex-direction:column}.aw-ux-ab .aw-hx-ek{height:auto;flex:1}
.aw-ux-ab .aw-hx-ek>*{flex-shrink:0}.aw-ux-ab .aw-hx-pola i{height:clamp(12px,min(2svh, 21.6px),18px)}.aw-ux-ab .aw-hx-bt{margin-top:auto}.aw-ux-ab .aw-hx-pola{margin-bottom:clamp(calc(10px * var(--kn)),calc(min(2svh, 21.6px) * var(--kn)),calc(20px * var(--kn)))}
.aw-dow-t{font-size:calc(15px * var(--kn));color:#666A7B;margin:0 0 calc(8px * var(--kn))!important}
.aw-msc{list-style:none;margin:0;padding:0;counter-reset:m}
.aw-msc li{counter-increment:m;display:grid;grid-template-columns:calc(44px * var(--kn)) minmax(0,1fr);gap:calc(12px * var(--kn));padding:clamp(calc(10px * var(--kn)),calc(min(2svh, 21.6px) * var(--kn)),calc(16px * var(--kn))) 0;border-top:1px solid #CCCDD3}
.aw-msc li:first-child{border-top:0}
.aw-msc li::before{content:"0" counter(m);font-size:calc(15px * var(--kn));color:#4E5EE5;padding-top:calc(3px * var(--kn))}
.aw-msc b{display:block;font-size:calc(19px * var(--kn));font-weight:500;color:#000623}
.aw-msc span{display:block;font-size:calc(15px * var(--kn));line-height:1.45;color:#666A7B;margin-top:calc(4px * var(--kn))}
.aw-pom{background:#fff;padding:clamp(calc(18px * var(--kn)),calc(min(3svh, 32.4px) * var(--kn)),calc(28px * var(--kn)))}
.aw-ux-op{font-size:calc(16px * var(--kn))!important;color:#000623!important}
.aw-ux-cyt{margin:0 0 clamp(calc(16px * var(--kn)),calc(min(3svh, 32.4px) * var(--kn)),calc(28px * var(--kn)));padding-left:calc(18px * var(--kn));border-left:calc(2px * var(--kn)) solid #5768FF}
.aw-ux-cyt blockquote{margin:0;font-size:clamp(calc(16px * var(--kn)),calc(min(2.3svh, 24.84px) * var(--kn)),calc(19px * var(--kn)));line-height:1.5;color:#000623}
.aw-ux-cyt figcaption{margin-top:calc(8px * var(--kn));font-size:calc(14px * var(--kn));color:#666A7B}
.aw-ux-k{background:#000623;padding:clamp(calc(16px * var(--kn)),calc(min(3svh, 32.4px) * var(--kn)),calc(32px * var(--kn)))}
.aw-ux-k .soc-k-o{margin:0}
@media (min-width:1100px) and (orientation:landscape){.aw-ux-k .soc-k-ram svg{max-height:calc(min(100svh, 1080px) - calc(360 * var(--u)));width:100%}}
/* ludzie: cztery osoby w jednym rzędzie */
.aw-ludzie{grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(16px * var(--kn))}
.aw-os{padding:calc(12px * var(--kn)) calc(16px * var(--kn)) calc(12px * var(--kn)) calc(12px * var(--kn));gap:calc(14px * var(--kn))}
.aw-os img{width:calc(64 * var(--u) * var(--kn));height:calc(72 * var(--u) * var(--kn))}
.aw-os b{font-size:calc(16px * var(--kn))}.aw-os p{font-size:calc(14px * var(--kn))}
.soc-hero-ux .aw-pod-h{color:#666A7B}
@media (min-width:1100px) and (orientation:landscape) and (max-height:820px){
 .aw-ro h3{font-size:calc(19px * var(--kn))}.aw-ro-o{font-size:calc(15px * var(--kn))}}
@media (max-width:1100px){.aw-ro{grid-template-columns:1fr}.aw-ludzie{grid-template-columns:1fr 1fr}}
@media (max-width:760px){.aw-ludzie{grid-template-columns:1fr}}
.aw-ux-cyt+.aw-lnk{display:inline-block;margin-top:clamp(calc(12px * var(--kn)),calc(min(2.4svh, 25.92px) * var(--kn)),calc(22px * var(--kn)))}

.aw-hx{position:relative;background:#F0F1FF;color:#000623;min-height:min(100svh, 1080px);display:flex;align-items:center;box-sizing:border-box;padding:calc(96px * var(--kn)) 0 clamp(calc(20px * var(--kn)),calc(min(3.6svh, 38.88px) * var(--kn)),calc(40px * var(--kn)));overflow:hidden}
.aw-hx .aw-w{width:100%}
.aw-hx-in{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.95fr);gap:calc(48px * var(--kn));align-items:center}
@media (min-width:1100px){.aw-hx-ctas{flex-wrap:nowrap}.aw-hx .btn{white-space:nowrap}}
.aw-hx-et{font-size:calc(16px * var(--kn));margin:0 0 clamp(calc(12px * var(--kn)),calc(min(2svh, 21.6px) * var(--kn)),calc(20px * var(--kn)))}
.aw-hx h1{font-size:clamp(calc(38px * var(--ts) * var(--kn)),calc(min(6svh, 64.8px) * var(--kn)),calc(56px * var(--ts) * var(--kn)));line-height:1;font-weight:500;margin:0;letter-spacing:-.01em}
.aw-hx h1 em{font-style:normal;color:#5768FF;display:block}
.aw-hx-lead{font-size:calc(18px * var(--kn));line-height:1.55;max-width:calc(560 * var(--u) * var(--kn));margin:clamp(calc(14px * var(--kn)),calc(min(2.6svh, 28.08px) * var(--kn)),calc(24px * var(--kn))) 0 0}
.aw-hx-ctas{display:flex;flex-wrap:wrap;gap:calc(10px * var(--kn));margin-top:clamp(calc(18px * var(--kn)),calc(min(3.4svh, 36.72px) * var(--kn)),calc(32px * var(--kn)))}
.aw-hx .btn-l{padding-left:calc(22px * var(--kn));padding-right:calc(22px * var(--kn))}
.aw-hx-pod{font-size:calc(14px * var(--kn));color:#666A7B;margin:calc(14px * var(--kn)) 0 0}
/* A · zespół */
.aw-hx-os{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:calc(16px * var(--kn)) calc(16px * var(--kn))}
.aw-hx-os li{display:flex;flex-direction:column}
.aw-hx-os img{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:center 22%;max-height:calc((min(100svh, 1080px) - 330px) / 2);min-height:calc(110px * var(--kn));background:#fff}
.aw-hx-os b{font-size:calc(16px * var(--kn));font-weight:500;margin-top:calc(8px * var(--kn))}
.aw-hx-os span{font-size:calc(13px * var(--kn));color:#4E5EE5}
.aw-hx-zd{margin:clamp(calc(12px * var(--kn)),calc(min(2.2svh, 23.76px) * var(--kn)),calc(20px * var(--kn))) 0 0;background:#fff;padding:calc(12px * var(--kn)) calc(16px * var(--kn));font-size:calc(14px * var(--kn));line-height:1.45}
/* B · test A/B */
.aw-hx-ab{display:grid;grid-template-columns:1fr 1fr;gap:calc(16px * var(--kn))}
.aw-hx-wt{font-size:calc(14px * var(--kn));margin:0 0 calc(8px * var(--kn));display:flex;align-items:center;gap:calc(8px * var(--kn));flex-wrap:wrap}
.aw-hx-wt em{font-style:normal;font-size:calc(12px * var(--kn));background:#5768FF;color:#fff;padding:calc(3px * var(--kn)) calc(10px * var(--kn));border-radius:calc(12px * var(--kn))}
.aw-hx-ek{background:#fff;border:calc(2px * var(--kn)) solid #CCCDD3;padding:clamp(calc(14px * var(--kn)),calc(min(2.4svh, 25.92px) * var(--kn)),calc(22px * var(--kn)));display:flex;flex-direction:column;gap:calc(10px * var(--kn));height:clamp(230px,min(40svh, 432px),330px);box-sizing:border-box}
.aw-hx-wb .aw-hx-ek{border-color:#5768FF;box-shadow:0 calc(12px * var(--kn)) calc(30px * var(--kn)) rgba(87,104,255,.18)}
.aw-hx-pas{display:block;height:calc(10px * var(--kn));width:80%;background:#000623;border-radius:calc(5px * var(--kn))}
.aw-hx-pas2{width:55%}
.aw-hx-pola{display:grid;gap:calc(8px * var(--kn));margin-top:calc(6px * var(--kn))}
.aw-hx-pola i{display:block;height:clamp(14px,min(2.4svh, 25.92px),20px);border:calc(1.5px * var(--kn)) solid #CCCDD3;border-radius:calc(3px * var(--kn))}
.aw-hx-bt{display:block;height:clamp(26px,min(4.4svh, 47.52px),36px);width:55%;background:#666A7B;margin-top:auto}
.aw-hx-bt2{width:100%;background:#5768FF}
.aw-hx-zes{display:flex;align-items:center;gap:calc(16px * var(--kn));margin-top:clamp(calc(14px * var(--kn)),calc(min(2.6svh, 28.08px) * var(--kn)),calc(24px * var(--kn)));background:#fff;padding:calc(12px * var(--kn)) calc(16px * var(--kn))}
.aw-hx-tw{display:flex;flex:none}
.aw-hx-tw img{width:calc(44px * var(--kn));height:calc(44px * var(--kn));border-radius:50%;object-fit:cover;object-position:center 20%;border:calc(2px * var(--kn)) solid #fff;margin-left:calc(-10px * var(--kn))}
.aw-hx-tw img:first-child{margin-left:0}
.aw-hx-zes p{font-size:calc(14px * var(--kn));line-height:1.45;margin:0}
/* C · ścieżka */
.aw-hx-sc{background:#fff;padding:clamp(calc(18px * var(--kn)),calc(min(3.2svh, 34.56px) * var(--kn)),calc(32px * var(--kn))) clamp(calc(20px * var(--kn)),calc(min(2.4vw, 46.08px) * var(--kn)),calc(36px * var(--kn)))}
.aw-hx-sct{font-size:calc(13px * var(--kn));letter-spacing:.04em;text-transform:uppercase;color:#666A7B;margin:0 0 clamp(calc(10px * var(--kn)),calc(min(2svh, 21.6px) * var(--kn)),calc(18px * var(--kn)))}
.aw-hx-dr{list-style:none;margin:0;padding:0}
.aw-hx-dr li{position:relative;display:flex;align-items:center;gap:calc(14px * var(--kn));padding:clamp(calc(8px * var(--kn)),calc(min(1.5svh, 16.2px) * var(--kn)),calc(13px * var(--kn))) 0 clamp(calc(8px * var(--kn)),calc(min(1.5svh, 16.2px) * var(--kn)),calc(13px * var(--kn))) calc(36px * var(--kn));flex-wrap:wrap}
.aw-hx-dr li::before{content:"";position:absolute;left:calc(10px * var(--kn));top:0;bottom:0;border-left:calc(2px * var(--kn)) dashed #000623}
.aw-hx-dr li:first-child::before{top:50%}.aw-hx-dr li:last-child::before{bottom:50%}
.aw-hx-pk{position:absolute;left:calc(2px * var(--kn));top:50%;transform:translateY(-50%);width:calc(16px * var(--kn));height:calc(16px * var(--kn));border:calc(2.5px * var(--kn)) solid #000623;border-radius:50%;background:#fff;box-sizing:border-box}
.aw-hx-ok .aw-hx-pk{width:calc(22px * var(--kn));height:calc(22px * var(--kn));left:-1px;border:0;background:#5768FF url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.2 7 10.6l4.6-5' fill='none' stroke='%23fff' stroke-width='1.8'/%3E%3C/svg%3E") center/calc(16px * var(--kn)) no-repeat}
.aw-hx-dr b{font-size:calc(17px * var(--kn));font-weight:500}
.aw-hx-ok b{color:#4E5EE5}
.aw-hx-ub{font-size:calc(13px * var(--kn));color:#666A7B;border:1px dashed #808291;border-radius:calc(12px * var(--kn));padding:calc(2px * var(--kn)) calc(10px * var(--kn))}
.aw-hx-ub::before{content:"";display:inline-block;width:calc(7px * var(--kn));height:calc(7px * var(--kn));border-radius:50%;background:#666A7B;margin-right:calc(6px * var(--kn));vertical-align:1px}
.aw-hx-scp{font-size:calc(14px * var(--kn));line-height:1.45;color:#000623;margin:clamp(calc(10px * var(--kn)),calc(min(2svh, 21.6px) * var(--kn)),calc(18px * var(--kn))) 0 0;padding-top:clamp(calc(10px * var(--kn)),calc(min(2svh, 21.6px) * var(--kn)),calc(16px * var(--kn)));border-top:1px solid #CCCDD3}
@media (max-width:1100px){.aw-hx-in{grid-template-columns:1fr;gap:calc(36px * var(--kn))}.aw-hx-os img{max-height:none}}
@media (max-width:760px){.aw-hx{min-height:0;padding-top:calc(112px * var(--kn))}.aw-hx-ab{grid-template-columns:1fr 1fr;gap:calc(10px * var(--kn))}
 .aw-hx-zes{flex-direction:column;align-items:flex-start}.aw-hx-os{gap:calc(12px * var(--kn))}}
@media (max-width:760px){.aw-hx h1{font-size:clamp(calc(32px * var(--ts) * var(--kn)),calc(min(9vw, 172.8px) * var(--kn)),calc(38px * var(--ts) * var(--kn)))}}

/* A1 · rząd */
.aw-hx-a1 .aw-hx-gl{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:calc(24px * var(--kn)) calc(64px * var(--kn));align-items:end}
.aw-hx-a1 .aw-hx-lead{margin-top:0}
.aw-hx-rz{list-style:none;margin:clamp(calc(20px * var(--kn)),calc(min(3.6svh, 38.88px) * var(--kn)),calc(40px * var(--kn))) 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(16px * var(--kn))}
.aw-hx-rz li{position:relative}
.aw-hx-rz img{display:block;width:100%;height:clamp(150px,calc(min(100svh, 1080px) - 530px),320px);object-fit:cover;object-position:center 22%;background:#fff}
.aw-hx-pod1{display:flex;flex-direction:column;margin-top:calc(10px * var(--kn));font-size:calc(13px * var(--kn));color:#4E5EE5}
.aw-hx-pod1 b{font-size:calc(15px * var(--kn));font-weight:500;color:#000623}
.aw-hx-rzz{font-size:calc(14px * var(--kn));color:#666A7B;margin:calc(12px * var(--kn)) 0 0}
/* A2 · kolaż */
.aw-hx-kol{display:grid;grid-template-columns:1fr 1fr;gap:calc(16px * var(--kn));position:relative}
.aw-hx-kol>div{display:grid;gap:calc(16px * var(--kn))}
.aw-hx-kol>div:nth-child(2){transform:translateY(clamp(calc(24px * var(--kn)),calc(min(5svh, 54px) * var(--kn)),calc(56px * var(--kn))))}
.aw-hx-kol figure{position:relative;margin:0}
.aw-hx-kol img{display:block;width:100%;height:calc((min(100svh, 1080px) - 300px) / 2);max-height:calc(300px * var(--kn));min-height:calc(140px * var(--kn));object-fit:cover;object-position:center 22%;background:#fff}
.aw-hx-kol figcaption{position:absolute;left:calc(10px * var(--kn));bottom:calc(10px * var(--kn));background:#fff;padding:calc(6px * var(--kn)) calc(10px * var(--kn));font-size:calc(12px * var(--kn));color:#4E5EE5;display:flex;flex-direction:column;box-shadow:0 calc(6px * var(--kn)) calc(20px * var(--kn)) rgba(0,6,35,.12)}
.aw-hx-kol figcaption b{font-size:calc(14px * var(--kn));font-weight:500;color:#000623}
.aw-hx-kz{grid-column:1/2;font-size:calc(14px * var(--kn));line-height:1.45;margin:0;color:#000623}
/* A3 · prowadząca */
.aw-hx-pr{position:relative;padding-right:clamp(calc(60px * var(--kn)),calc(min(8vw, 153.6px) * var(--kn)),calc(120px * var(--kn)))}
.aw-hx-duzy{margin:0;position:relative}
.aw-hx-duzy img{display:block;width:100%;height:calc(min(100svh, 1080px) - 200px);max-height:calc(620px * var(--kn));min-height:calc(320px * var(--kn));object-fit:cover;object-position:center 18%;background:#fff}
.aw-hx-duzy figcaption{position:absolute;left:calc(16px * var(--kn));top:calc(16px * var(--kn));background:#fff;padding:calc(8px * var(--kn)) calc(12px * var(--kn));font-size:calc(13px * var(--kn));color:#4E5EE5;display:flex;flex-direction:column}
.aw-hx-duzy figcaption b{font-size:calc(16px * var(--kn));font-weight:500;color:#000623}
.aw-hx-zk{position:absolute;right:0;bottom:clamp(calc(16px * var(--kn)),calc(min(4svh, 43.2px) * var(--kn)),calc(40px * var(--kn)));width:min(calc(300px * var(--kn)),70%);background:#fff;padding:calc(16px * var(--kn)) calc(18px * var(--kn));box-shadow:0 calc(14px * var(--kn)) calc(40px * var(--kn)) rgba(0,6,35,.16)}
.aw-hx-zkt{font-size:calc(12px * var(--kn));letter-spacing:.04em;text-transform:uppercase;color:#666A7B;margin:0 0 calc(10px * var(--kn))}
.aw-hx-zk ul{list-style:none;margin:0;padding:0;display:grid;gap:calc(10px * var(--kn))}
.aw-hx-zk li{display:flex;align-items:center;gap:calc(12px * var(--kn))}
.aw-hx-zk img{width:calc(44px * var(--kn));height:calc(44px * var(--kn));border-radius:50%;object-fit:cover;object-position:center 20%;flex:none}
.aw-hx-zk li span{display:flex;flex-direction:column;font-size:calc(12px * var(--kn));color:#4E5EE5}
.aw-hx-zk li b{font-size:calc(14px * var(--kn));font-weight:500;color:#000623}
.aw-hx-zkz{font-size:calc(13px * var(--kn));line-height:1.45;margin:calc(12px * var(--kn)) 0 0;padding-top:calc(10px * var(--kn));border-top:1px solid #CCCDD3}
/* A4 · karta zespołu */
.aw-hx-kt{background:#fff;padding:clamp(calc(18px * var(--kn)),calc(min(3svh, 32.4px) * var(--kn)),calc(28px * var(--kn))) clamp(calc(18px * var(--kn)),calc(min(2vw, 38.4px) * var(--kn)),calc(28px * var(--kn)));box-shadow:0 calc(18px * var(--kn)) calc(50px * var(--kn)) rgba(0,6,35,.12)}
.aw-hx-ktt{display:flex;align-items:center;gap:calc(10px * var(--kn));font-size:calc(13px * var(--kn));letter-spacing:.04em;text-transform:uppercase;color:#666A7B;margin:0 0 clamp(calc(8px * var(--kn)),calc(min(1.6svh, 17.28px) * var(--kn)),calc(14px * var(--kn)))}
.aw-hx-ktt span{width:calc(10px * var(--kn));height:calc(10px * var(--kn));border-radius:50%;background:#5768FF;box-shadow:0 0 0 calc(5px * var(--kn)) #F0F1FF}
.aw-hx-kt ul{list-style:none;margin:0;padding:0}
.aw-hx-kt li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:calc(16px * var(--kn));align-items:center;padding:clamp(calc(10px * var(--kn)),calc(min(1.8svh, 19.44px) * var(--kn)),calc(16px * var(--kn))) 0;border-top:1px solid #E6E7EE}
.aw-hx-kt li:first-child{border-top:0}
.aw-hx-kt img{width:clamp(calc(52px * var(--kn)),calc(min(8svh, 86.4px) * var(--kn)),calc(72px * var(--kn)));height:clamp(52px,min(8svh, 86.4px),72px);border-radius:50%;object-fit:cover;object-position:center 20%}
.aw-hx-kt li span{display:flex;flex-direction:column;font-size:calc(14px * var(--kn));color:#666A7B}
.aw-hx-kt li b{font-size:calc(17px * var(--kn));font-weight:500;color:#000623}
.aw-hx-kt em{font-style:normal;font-size:calc(13px * var(--kn));color:#5768FF;background:#F0F1FF;padding:calc(4px * var(--kn)) calc(12px * var(--kn));border-radius:calc(14px * var(--kn))}
.aw-hx-ktz{font-size:calc(14px * var(--kn));line-height:1.45;margin:clamp(calc(8px * var(--kn)),calc(min(1.6svh, 17.28px) * var(--kn)),calc(14px * var(--kn))) 0 0;padding-top:clamp(calc(10px * var(--kn)),calc(min(1.8svh, 19.44px) * var(--kn)),calc(14px * var(--kn)));border-top:1px solid #CCCDD3}
@media (max-width:1100px){.aw-hx-a1 .aw-hx-gl{grid-template-columns:1fr}.aw-hx-rz{grid-template-columns:1fr 1fr}
 .aw-hx-kol img{height:calc(260px * var(--kn))}.aw-hx-duzy img{height:calc(480px * var(--kn))}.aw-hx-pr{padding-right:0}.aw-hx-zk{position:relative;right:auto;bottom:auto;width:auto;margin-top:calc(16px * var(--kn))}}
@media (max-width:760px){.aw-hx-rz img{height:calc(200px * var(--kn))}.aw-hx-kol img{height:calc(180px * var(--kn))}.aw-hx-duzy img{height:calc(380px * var(--kn))}}
@media (max-width:1100px){.aw-hx-kz{grid-column:1/-1;margin-top:clamp(calc(24px * var(--kn)),calc(min(5svh, 54px) * var(--kn)),calc(56px * var(--kn)))}}
@media (min-width:1101px){.aw-hx-a1{padding-top:calc(112px * var(--kn))}.aw-hx-a1 .aw-hx-gl{grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);gap:calc(20px * var(--kn)) calc(40px * var(--kn))}}.aw-hx-a1 h1{font-size:clamp(calc(34px * var(--ts) * var(--kn)),calc(min(5.2svh, 56.16px) * var(--kn)),calc(50px * var(--ts) * var(--kn)))}.aw-hx-a1 .aw-hx-ctas{margin-top:clamp(calc(14px * var(--kn)),calc(min(2.4svh, 25.92px) * var(--kn)),calc(22px * var(--kn)))}@media (min-width:1100px){.aw-hx-a1 .aw-hx-ctas{flex-wrap:nowrap}}
@media (min-width:1100px) and (orientation:landscape) and (max-height:820px){.aw-ux-ab{margin-top:calc(12px * var(--kn))}.aw-ux-ab .aw-hx-ek{padding:calc(12px * var(--kn));gap:calc(7px * var(--kn))}.aw-ux-ab .aw-hx-pas{height:calc(8px * var(--kn))}.aw-ux-ab .aw-hx-pola{gap:calc(5px * var(--kn));margin-top:calc(2px * var(--kn))}.aw-ux-ab .aw-hx-pola i{height:calc(11px * var(--kn))}.aw-ux-ab .aw-hx-bt{height:calc(22px * var(--kn))}.aw-ux-ab .aw-hx-wt{margin-bottom:calc(6px * var(--kn))}.aw-ux-op{font-size:calc(15px * var(--kn))!important}.aw-msc li{padding:calc(9px * var(--kn)) 0}.aw-msc b{font-size:calc(17px * var(--kn))}}

.ofx-hero{background:#fff;padding:calc(132px * var(--kn)) 0 calc(56px * var(--kn))}.ofx-hero-g{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(calc(32px * var(--kn)),calc(5vw * var(--kn)),calc(96px * var(--kn)));align-items:center}.ofx-et{font-size:calc(14px * var(--kn));color:#666A7B;margin:0 0 calc(14px * var(--kn))}.ofx-et a{color:inherit}.ofx-h1{font-size:clamp(calc(36px * var(--kn)),calc(min(6.2vh, 64px) * var(--kn)),calc(60px * var(--ts) * var(--kn)));line-height:1.05;letter-spacing:-.02em;margin:0;max-width:calc(760 * var(--u) * var(--kn))}.ofx-lead{font-size:calc(17px * var(--kn));line-height:calc(27px * var(--kn));color:#3D4152;margin:calc(22px * var(--kn)) 0 0;max-width:calc(620 * var(--u) * var(--kn))}.ofx-fakty{display:flex;flex-wrap:wrap;gap:calc(10px * var(--kn)) calc(28px * var(--kn));margin:calc(26px * var(--kn)) 0 0;padding:0;list-style:none}.ofx-fakty li{display:flex;flex-direction:column;gap:calc(2px * var(--kn))}.ofx-fakty span{font-size:calc(13px * var(--kn));color:#666A7B}.ofx-fakty b{font-weight:500;font-size:calc(17px * var(--kn))}.ofx-tagi{display:flex;flex-wrap:wrap;gap:calc(8px * var(--kn));margin:calc(22px * var(--kn)) 0 0;padding:0;list-style:none}.ofx-tagi li{font-size:calc(13px * var(--kn));line-height:1;padding:calc(8px * var(--kn)) calc(12px * var(--kn));border:1px solid #CCCDD3;border-radius:calc(100px * var(--kn));color:#000623}.ofx-cta{display:flex;flex-wrap:wrap;align-items:center;gap:calc(14px * var(--kn)) calc(24px * var(--kn));margin:calc(30px * var(--kn)) 0 0}.ofx-cta p{margin:0;font-size:calc(15px * var(--kn));color:#3D4152}.ofx-cta p a{color:#4E5EE5}.ofx-foto{margin:0;position:relative}.ofx-foto img{width:100%;aspect-ratio:4/3.4;object-fit:cover;object-position:34% 40%;border-radius:calc(5px * var(--kn));display:block}.ofx-foto figcaption{font-size:calc(13px * var(--kn));color:#666A7B;margin-top:calc(10px * var(--kn))}.ofx-tr{background:#F9F9F9;padding:calc(80px * var(--kn)) 0 calc(100px * var(--kn))}.ofx-tr-g{display:grid;grid-template-columns:minmax(0,1fr) calc(380 * var(--u) * var(--kn));gap:clamp(calc(32px * var(--kn)),calc(5vw * var(--kn)),calc(96px * var(--kn)));align-items:start}.ofx-sek{background:#fff;border-radius:calc(5px * var(--kn));padding:clamp(calc(24px * var(--kn)),calc(3vw * var(--kn)),calc(44px * var(--kn)));margin:0 0 calc(16px * var(--kn))}.ofx-sek h2{font-size:clamp(calc(24px * var(--kn)),calc(2.2vw * var(--kn)),calc(32px * var(--ts) * var(--kn)));line-height:1.2;margin:0 0 calc(22px * var(--kn));max-width:none}.ofx-sek ul{list-style:none;margin:0;padding:0;display:grid;gap:calc(12px * var(--kn))}.ofx-sek li{position:relative;padding-left:calc(22px * var(--kn));font-size:calc(16px * var(--kn));line-height:calc(25px * var(--kn))}.ofx-sek li::before{content:"";position:absolute;left:0;top:calc(9px * var(--kn));width:calc(7px * var(--kn));height:calc(7px * var(--kn));background:#5768FF}.ofx-sek li ul{margin-top:calc(10px * var(--kn))}.ofx-sek li li::before{background:none;border:1px solid #5768FF}.ofx-sek p{font-size:calc(16px * var(--kn));line-height:calc(25px * var(--kn));margin:0 0 calc(16px * var(--kn))}.ofx-sek ul+p{margin:calc(18px * var(--kn)) 0 0}.ofx-bok{position:sticky;top:calc(96px * var(--kn));background:#000623;color:#fff;border-radius:calc(5px * var(--kn));padding:calc(32px * var(--kn))}.ofx-bok h2{font-size:calc(22px * var(--kn));line-height:1.2;margin:0 0 calc(20px * var(--kn));color:#fff;max-width:none}.ofx-bok dl{margin:0;display:grid;gap:calc(14px * var(--kn))}.ofx-bok dt{font-size:calc(13px * var(--kn));color:#B9BCCB}.ofx-bok dd{margin:calc(2px * var(--kn)) 0 0;font-size:calc(16px * var(--kn));line-height:1.35}.ofx-bok .btn{width:100%;justify-content:center;margin-top:calc(26px * var(--kn))}.ofx-bok p{font-size:calc(14px * var(--kn));color:#B9BCCB;margin:calc(14px * var(--kn)) 0 0}.ofx-bok p a{color:#fff}.ofx-biuro{margin:calc(56px * var(--kn)) 0 0}.ofx-biuro img{width:100%;height:clamp(calc(180px * var(--kn)),calc(22vw * var(--kn)),calc(320px * var(--kn)));object-fit:cover;border-radius:calc(5px * var(--kn));display:block}.ofx-biuro figcaption{font-size:calc(13px * var(--kn));color:#666A7B;margin-top:calc(10px * var(--kn))}.ofx-inne{padding:calc(100px * var(--kn)) 0;background:#fff}@media (max-width:1100px){.ofx-tr-g{grid-template-columns:minmax(0,1fr)}.ofx-bok{display:none}}@media (max-width:900px){.ofx-hero-g{grid-template-columns:minmax(0,1fr)}.ofx-hero{padding-top:calc(104px * var(--kn))}}@media (max-width:760px){.ofx-h1,.ofx-dt .ofx-h1{font-size:calc(min(10vw, 44px) * var(--kn))}.ofx-tr{padding:calc(48px * var(--kn)) 0 calc(64px * var(--kn))}.ofx-inne{padding:calc(64px * var(--kn)) 0}.ofx-cta .btn{width:100%;justify-content:center}}@media (min-width:1025px) and (max-width:1160px){.krx-rek .krx-kr{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:901px) and (max-height:820px){.ofx-hero-g{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr)}.ofx-fakty{gap:calc(8px * var(--kn)) calc(22px * var(--kn))}.ofx-hero{padding:calc(104px * var(--kn)) 0 calc(36px * var(--kn))}.ofx-lead{font-size:calc(16px * var(--kn));line-height:calc(24px * var(--kn));margin-top:calc(16px * var(--kn))}.ofx-fakty{margin-top:calc(18px * var(--kn))}.ofx-tagi{margin-top:calc(14px * var(--kn))}.ofx-cta{margin-top:calc(20px * var(--kn))}.ofx-foto img{aspect-ratio:4/3}}@media (max-height:700px){.ofx-bok{position:static}}@media (min-width:901px){.ofx-dl .ofx-hero-g{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr)}.ofx-dl .ofx-lead{font-size:calc(16px * var(--kn));line-height:calc(24px * var(--kn))}.ofx-dl .ofx-fakty{gap:calc(8px * var(--kn)) calc(22px * var(--kn))}}@media (min-width:901px){.ofx-dt .ofx-h1{font-size:clamp(calc(30px * var(--kn)),calc(min(5vh, 52px) * var(--kn)),calc(52px * var(--ts) * var(--kn)))}}@media (min-width:901px) and (max-height:650px){.ofx-hero{padding:calc(96px * var(--kn)) 0 calc(22px * var(--kn))}.ofx-et{margin-bottom:calc(10px * var(--kn))}}.onu .dm-w{padding:0 var(--gut)}.onu .dm-s{padding:var(--sp) 0;letter-spacing:-.01em}.onu .dm-s .ug-h2d{margin-bottom:60px}.onu .dm-n-g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}.onu .dm-nk{background:#fff;padding:40px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:30px}.onu .dm-nk p{margin:0;font-size:18px;line-height:28px}@media (min-width:1680px){.onu .dm-nk p{font-size:20px;line-height:31px}}.onu .dm-f{display:grid;grid-template-rows:repeat(4,minmax(0,1fr));margin:0}.onu .dm-f>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:20px;padding:20px 40px}.onu .dm-f dt{font-size:var(--hx);line-height:1;letter-spacing:-.02em}.onu .dm-f dd{margin:0;font-size:var(--pxl);line-height:var(--pxl-lh)}.onu .dm-f-g{background:var(--g);color:#fff}.onu .dm-f-n{background:var(--n);color:var(--g)}.onu .dm-f-b{background:#fff;color:var(--g)}@media (max-width:900px){.onu .dm-s .ug-h2d{margin-bottom:40px}.onu .dm-n-g,.onu .dm-k-g{grid-template-columns:minmax(0,1fr)}.onu .dm-nk{padding:30px 20px}.onu .dm-f{grid-template-rows:none}.onu .dm-f>div{padding:24px 20px}}.onu .wof-h{position:relative;background:var(--g);color:#fff;padding-top:calc(var(--bh) + var(--bt));min-height:max(580px,100vh);min-height:max(580px,100svh);display:flex}.onu .wof-h-in{flex:1 1 auto;width:100%;max-width:1920px;margin:0 auto;display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr)}.onu .wof-h-t{padding:40px;display:flex;flex-direction:column;justify-content:center;letter-spacing:-.01em}.onu .wof-h .ug-et a{color:inherit;text-decoration:underline;text-underline-offset:3px}.onu .wof-h h1{font-weight:400;font-size:var(--hx);line-height:1;letter-spacing:-.01em;margin:0;max-width:90%}.onu .wof-h-ld{margin:20px 0 0;max-width:90%;font-size:var(--pxl);line-height:var(--pxl-lh)}.onu .wof-h-f{display:flex;flex-wrap:wrap;gap:16px 32px;margin:40px 0 0;padding:20px 0 0;border-top:1px solid rgba(255,255,255,.25)}.onu .wof-h-f dt{font-size:16px;line-height:20px;color:#CCCDD3}.onu .wof-h-f dd{margin:6px 0 0;font-size:var(--pxl);line-height:var(--pxl-lh)}.onu .wof-h .ug-h-cta{width:fit-content}.onu .wof-h-roz{--rw:700px;--rh:1400px;position:relative;overflow:hidden;background:var(--g)}.onu .wof-h-roz img{position:absolute;left:calc(50% - var(--rw) / 2);top:50%;width:var(--rh);height:var(--rh);max-width:none;transform:translateY(-50%)}.onu .wof-h-fo{position:relative;margin:0;overflow:hidden;min-width:0}.onu .wof-h-fo img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:58% 50%}.onu .wof-h-fo figcaption{position:absolute;left:20px;right:20px;bottom:20px;color:#fff;font-size:var(--cap);line-height:var(--cap-lh);text-shadow:0 0 5px rgba(0,0,0,.5)}.onu .wof-o{background:#fff}.onu .wof-o .dm-nk{background:var(--p);justify-content:center}.krx-rek.wof-bial{background:#fff}.kru .wof-io .k-hs{margin-bottom:60px}.kru .k-s.wof-io{padding-bottom:0}@media (min-width:1680px){.onu .wof-h-roz{--rw:800px;--rh:1700px}}@media (max-width:900px){.onu .wof-h{min-height:0;display:block}.onu .wof-h-in{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.onu .wof-h-t{grid-column:1/-1;padding:40px 20px 60px}.onu .wof-h-roz{--rw:750px;--rh:1600px}.onu .wof-h-fo{aspect-ratio:1/1}.onu .wof-h h1,.onu .wof-h-ld,.onu .wof-h-f{max-width:none}}@media (max-width:599px){.onu .wof-h-f{flex-direction:column;gap:12px}}@media (max-width:479px){.onu .wof-h-roz{--rw:400px;--rh:820px;height:270px}.onu .wof-h-fo{aspect-ratio:auto;height:270px}.onu .wof-h-fo figcaption{left:12px;right:12px;bottom:10px}}@media (min-width:901px) and (max-height:700px){.onu .wof-h h1{font-size:calc(var(--hx) * .8)}.onu .wof-h-ld{margin-top:14px;font-size:16px;line-height:24px}.onu .wof-h-f{margin-top:20px;padding-top:12px;gap:8px 32px}.onu .wof-h-f dt{font-size:14px;line-height:18px}.onu .wof-h-f dd{margin-top:2px;font-size:16px;line-height:22px}.onu .wof-h .ug-h-cta{margin-top:24px}}@media (min-width:901px) and (max-width:1199px){.onu .wof-h-t{padding-top:24px;padding-bottom:24px}}@media (max-width:900px){.krx-rek.wof-bial .aw-w{padding-left:20px;padding-right:20px}}.onu .wof-h-dl h1{font-size:calc(var(--hx) * .72);line-height:1.05}.onu .wof-h-dlug .wof-h-ld{font-size:16px;line-height:24px}@media (min-width:901px) and (max-height:820px){.onu .wof-h-dlug .wof-h-ld{font-size:15px;line-height:22px;margin-top:12px}.onu .wof-h-dlug .wof-h-f{margin-top:16px;padding-top:12px;gap:8px 28px}.onu .wof-h-dlug .wof-h-f dt{font-size:14px;line-height:18px}.onu .wof-h-dlug .wof-h-f dd{margin-top:2px;font-size:16px;line-height:22px}.onu .wof-h-dlug .ug-h-cta{margin-top:20px}.onu .wof-h-dlug .ug-et{margin-bottom:6px}}@media (min-width:901px) and (max-width:1100px){.onu .wof-h-dlug .wof-h-ld{font-size:15px;line-height:22px}.onu .wof-h-dlug .wof-h-f{margin-top:20px;gap:8px 28px}.onu .wof-h-dlug .ug-h-cta{margin-top:20px}}@media (max-width:599px){.onu .wof-h-dlug .wof-h-t{padding-top:28px}.onu .wof-h-dlug .wof-h-ld{font-size:15px;line-height:22px;margin-top:14px}.onu .wof-h-dlug .wof-h-f{margin-top:20px;padding-top:14px;gap:8px}.onu .wof-h-dlug .wof-h-f dt{font-size:14px;line-height:18px}.onu .wof-h-dlug .wof-h-f dd{margin-top:2px;font-size:16px;line-height:22px}.onu .wof-h-dlug .ug-h-cta{margin-top:24px}}@media (min-width:901px) and (max-height:650px){.onu .wof-h-dlug .wof-h-t{padding-top:20px;padding-bottom:20px}.onu .wof-h-dlug h1{font-size:calc(var(--hx) * .62)}}
.onu,.ug-fm{--bh:60px;--bt:20px;--gut:40px;--hx:60px;--h2d:40px;--h3:32px;--h4:24px;--pxl:16px;--pxl-lh:24px;--et:16px;--et-lh:20px;--cap:16px;--cap-lh:20px;--ab:60px;--sp:120px}@media (min-width:901px) and (max-width:1199px){.onu,.ug-fm{--hx:48px;--h2d:35px;--h3:28px}}@media (min-width:1441px){.onu,.ug-fm{--hx:65px;--h2d:45px;--h3:35px}}@media (min-width:1680px){.onu,.ug-fm{--hx:80px;--h2d:50px;--h3:40px;--h4:30px;--pxl:20px;--pxl-lh:30px;--et:20px;--et-lh:25px;--cap:20px;--cap-lh:25px;--ab:80px}}@media (min-width:1921px){@supports (width:1cqw){.onu,.ug-fm{container-type:inline-size;--gut:max(40px,calc(50cqw - 920px))}}.onu .ug-kh-in,.onu .te-w{max-width:1920px;margin-left:auto;margin-right:auto;box-sizing:border-box}}@media (max-width:900px){.onu,.ug-fm{--bh:80px;--bt:0px;--gut:20px;--hx:40px;--h2d:30px;--h3:26px;--sp:80px}}@media (max-width:599px){.onu,.ug-fm{--hx:36px;--h2d:28px;--h3:24px;--h4:20px}}@media (max-width:360px){.onu,.ug-fm{--hx:30px;--h2d:23px;--h3:21px;--h4:19px}}@media (max-width:900px){.onu .kru .k-w{padding-left:20px;padding-right:20px}}.onu .ug-et{font-size:var(--et);line-height:var(--et-lh);margin:0 0 10px;font-weight:400;letter-spacing:-.01em}.onu .ug-h2s{font-weight:400;font-size:var(--h3);line-height:1.25;letter-spacing:-.01em;margin:0}.onu .ug-h2d{font-weight:400;font-size:var(--h2d);line-height:1.25;letter-spacing:-.01em;margin:0}.onu .ug-p{background:var(--p)}.onu .ug-hc{text-align:center;margin:0 auto 60px}.onu .ug-hc h2{max-width:none;margin-left:auto;margin-right:auto}.onu .ug-h-cta{display:flex;margin-top:40px}.onu .ug-ab{position:relative;z-index:0;display:flex;align-items:center;color:#fff;text-decoration:none;font-size:var(--pxl);line-height:1.25;letter-spacing:-.01em;cursor:pointer;transition:all .3s}.onu .ug-ab::after{content:"";position:absolute;left:0;top:0;z-index:-1;width:var(--ab);height:100%;background:var(--n);transition:all .3s}.onu .ug-ab-s{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--ab);height:var(--ab);margin:0 20px 0 0;transition:all .3s}.onu .ug-ab-s svg{width:18px;height:18px}.onu .ug-ab:hover,.onu .ug-ab:focus-visible{padding:0 20px 0 0}.onu .ug-ab:hover::after,.onu .ug-ab:focus-visible::after{width:100%}.onu .ug-ab:hover .ug-ab-s,.onu .ug-ab:focus-visible .ug-ab-s{margin:0;transform:rotate(45deg)}.onu .ug-kh{position:relative;background:var(--g);color:#fff;padding-top:calc(var(--bh) + var(--bt));min-height:max(580px,100vh);min-height:max(580px,100svh);display:flex}.onu .ug-kh-in{flex:1 1 auto;width:100%;display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr)}.onu .ug-kh-t{padding:40px var(--gut);display:flex;flex-direction:column;justify-content:center;letter-spacing:-.01em}.onu .ug-kh h1{font-weight:400;font-size:var(--hx);line-height:1;letter-spacing:-.01em;margin:0}.onu .ug-kh h1 em{color:var(--n)}.onu .ug-kh-ld{margin-top:20px;font-size:var(--pxl);line-height:var(--pxl-lh)}@media (min-width:1680px){.onu .ug-kh h1,.onu .ug-kh-ld{max-width:90%}}@media (min-width:1921px){.onu .ug-kh-t{padding-left:40px;padding-right:40px}}.onu .ug-kh-roz{--rw:700px;--rh:1400px;position:relative;overflow:hidden;background:var(--g)}.onu .ug-kh-roz img{position:absolute;left:calc(50% - var(--rw) / 2);top:50%;width:var(--rh);height:var(--rh);max-width:none;transform:translateY(-50%)}@media (min-width:1680px){.onu .ug-kh-roz{--rw:800px;--rh:1700px}}.onu .ug-kh-k{display:flex;flex-direction:column;min-width:0}.onu .ug-kh-fo{position:relative;flex:1 1 auto;margin:0;overflow:hidden}.onu .ug-kh-fo img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover}.onu .ug-kh-fo figcaption{position:absolute;left:20px;right:20px;bottom:20px;color:#fff;font-size:var(--cap);line-height:var(--cap-lh);text-shadow:0 0 5px rgba(0,0,0,.5);user-select:none}.onu .ug-kh-kj{display:flex;flex-wrap:wrap;gap:20px;padding:20px;background:#fff;color:var(--g);text-decoration:none;cursor:pointer;user-select:none;font-size:var(--pxl);line-height:1.25;letter-spacing:-.01em;transition:all .3s}.onu .ug-kh-kjs{display:flex;width:100%}.onu .ug-kh-kjs svg{display:block;width:40px;height:40px}.onu .ug-kh-kj:focus-visible{outline:2px solid var(--n);outline-offset:-4px}@media (max-width:900px){.onu .ug-kh{min-height:0;display:block}.onu .ug-kh-in{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.onu .ug-kh-t{grid-column:1/-1;justify-content:flex-start}.onu .ug-kh-roz{--rw:750px;--rh:1600px}.onu .ug-kh-fo{flex:none;aspect-ratio:1/1}}@media (max-width:479px){.onu .ug-kh{padding-bottom:80px}.onu .ug-kh-roz{--rw:400px;--rh:820px;height:270px}.onu .ug-kh-k{height:270px}.onu .ug-kh-fo{flex:1 1 auto;aspect-ratio:auto}.onu .ug-kh-kj{position:absolute;left:0;right:0;bottom:0;flex-wrap:nowrap;justify-content:space-between;align-items:center}.onu .ug-kh-kjs{width:auto}}.ug-fm{--g:#000623;--n:#5768FF;--l:#CCCDD3;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);background:#fff;color:var(--g);letter-spacing:-.01em}.ug-fm *{box-sizing:border-box}.ug-fm-l{display:flex;flex-direction:column}.ug-fm-roz{position:relative;overflow:hidden;background:var(--n);height:300px;flex:none}.ug-fm-roz svg{position:absolute;left:50%;top:calc(50% - 195px);width:1190px;height:1190px;max-width:none;transform:translate(-50%,-50%)}.ug-fm-fo{position:relative;margin:0;overflow:hidden;background:#D9D9D9;flex:1 1 auto;min-height:300px}.ug-fm-fo img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 15%}.ug-fm-fo figcaption{position:absolute;left:20px;right:20px;bottom:20px;color:#fff;text-shadow:0 0 5px rgba(0,0,0,.5);user-select:none;font-size:var(--cap);line-height:var(--cap-lh)}.ug-fm-p{display:flex;flex-direction:column;justify-content:center;padding:120px 12.5%}.ug-fm h2{margin:0;font-weight:400;font-size:var(--h3);line-height:1.25;letter-spacing:-.01em}.ug-fm h2 em{font-style:normal;color:var(--n);white-space:nowrap}.ug-fm-ld{margin:20px 0 0;font-size:var(--pxl);line-height:var(--pxl-lh)}.ug-fm-f{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:20px}.ug-fm-f input[type=text],.ug-fm-f input[type=email],.ug-fm-f input[type=tel],.ug-fm-f select,.ug-fm-f textarea{display:block;width:100%;height:60px;border:1px solid var(--l);border-radius:0;background:#fff;padding:17px 20px;font:inherit;font-size:18px;line-height:24px;color:var(--g);letter-spacing:normal}.ug-fm-f textarea{height:180px;resize:vertical}.ug-fm-f ::placeholder{color:#666A7B;opacity:1}.ug-fm-f select{color:#666A7B}.ug-fm-c{grid-column:1/-1}.ug-fm-zg{position:relative;display:block;padding-left:35px;font-size:16px;line-height:24px}.ug-fm-zg input{position:absolute;left:0;top:0;width:24px;height:24px;margin:0;accent-color:var(--n)}.ug-fm-wy{display:flex;justify-content:flex-end}.ug-fm-wy .ug-fm-bt{height:60px;padding:20px;border:0;border-radius:0;background:var(--n);color:#fff;font:inherit;font-size:20px;line-height:20px;letter-spacing:normal;cursor:pointer;transition:all .3s}.ug-fm-wy .ug-fm-bt:hover,.ug-fm-wy .ug-fm-bt:focus-visible{background:#3543C1}@media (min-width:901px) and (max-width:1199px){.ug-fm-p{padding:120px 40px}}@media (max-width:900px){.ug-fm{grid-template-columns:minmax(0,1fr)}.ug-fm-p{order:-1;padding:80px var(--gut)}.ug-fm-l{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));height:50vw}.ug-fm-roz{height:auto}.ug-fm-fo{min-height:0}.ug-fm-f{grid-template-columns:minmax(0,1fr)}.ug-fm-wy .ug-fm-bt{font-size:18px}}@media (max-width:599px){.ug-fm-l{height:calc(50vw * 4 / 3)}.ug-fm-roz svg{top:calc(50% - 175px);width:900px;height:900px}.ug-fm-wy .ug-fm-bt{width:100%}}.onu .te-w{padding:0 var(--gut)}.onu .ug-h2d em,.onu .ug-kh h1 em{font-style:normal;color:var(--n)}.onu .ug-kh-fo img{object-position:50% 0}@media (max-width:900px){.onu .ug-kh-fo figcaption{left:0;right:auto;bottom:0;padding:10px 20px;background:var(--g);text-shadow:none}}.onu .te-kp{padding:var(--sp) 0 0;letter-spacing:-.01em}.onu .te-kp .te-w{margin-bottom:60px}.onu .te-k{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none}.onu .te-k>li{position:relative;aspect-ratio:1/1.1;overflow:hidden}.onu .te-k a{display:flex;flex-direction:column;height:100%;box-sizing:border-box;padding:30px;color:inherit;text-decoration:none}.onu .te-k h3{margin:0;font-weight:400;font-size:var(--h4);line-height:1.25}.onu .te-k p{margin:20px 0 0;font-size:var(--pxl);line-height:var(--pxl-lh)}.onu .te-k-nr{margin-top:auto;font-size:var(--hx);line-height:1}.onu .te-k a:hover h3,.onu .te-k a:focus-visible h3{text-decoration:underline;text-underline-offset:4px}.onu .te-k a:focus-visible{outline:2px solid var(--n);outline-offset:-4px}.onu .te-k-b{background:#fff;color:var(--g)}.onu .te-k-n{background:var(--n);color:var(--g)}.onu .te-k-g{background:var(--g);color:#fff}.onu .te-k-f img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover}.onu .te-z{padding:var(--sp) 0;letter-spacing:-.01em}.onu .te-zg{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px 40px;align-items:end;margin-bottom:60px}.onu .te-ld{margin:0;max-width:640px;font-size:var(--pxl);line-height:var(--pxl-lh)}.onu .te-n{margin:10px 0 0;font-size:14px;line-height:20px;color:#666A7B}.onu .te-s{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:60px 0;margin:0;padding:0;list-style:none}.onu .te-s li{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.onu .te-s img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;background:#D9D9D9}.onu .te-s p{margin:0;font-size:16px;line-height:20px}.onu .te-kr{font-size:14px;line-height:20px;color:var(--g);text-decoration:underline;text-underline-offset:3px}@media (max-width:900px){.onu .te-k{grid-template-columns:repeat(2,minmax(0,1fr))}.onu .te-zg{grid-template-columns:minmax(0,1fr);margin-bottom:40px}.onu .te-kp .te-w{margin-bottom:40px}.onu .te-z{padding:80px 0}.onu .te-s{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:599px){.onu .te-k{grid-template-columns:minmax(0,1fr)}.onu .te-k>li{aspect-ratio:auto;min-height:280px}.onu .te-k>li.te-k-f{aspect-ratio:4/3;min-height:0}.onu .te-s{grid-template-columns:minmax(0,1fr)}}@media (min-width:901px) and (max-width:1199px){.onu .te-k{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1921px){.onu .te-w{padding:0 40px}}@media (min-width:1921px){.onu .te-k{max-width:1920px;margin-left:auto;margin-right:auto}}
.onu .kb-h .ug-et a{color:inherit;text-decoration:underline;text-underline-offset:3px}.onu .kb-f{display:flex;flex-wrap:wrap;gap:16px 32px;margin:32px 0 0;padding:20px 0 0;border-top:1px solid rgba(255,255,255,.25);max-width:90%}.onu .kb-f dt{font-size:16px;line-height:20px;color:#CCCDD3}.onu .kb-f dd{margin:6px 0 0;font-size:var(--pxl);line-height:var(--pxl-lh)}.onu .kb-h .ug-h-cta{margin-top:40px}.onu .kb-h .ug-kh-fo img{object-position:50% 0}.onu .kb-jk .ug-jk-g>li{aspect-ratio:1/1.42}.onu .kb-jk .ug-jk-tx{gap:20px}.onu .kb-jk .ug-jk-k.kb-jk-g{background:var(--g)}.onu .kb-jk .kb-jk-g .ug-jk-tx{color:#fff}.onu .kb-jk .ug-jk-k.kb-jk-n{background:var(--n)}.onu .kb-jk .kb-jk-n .ug-jk-tx{color:var(--g)}.onu .kb-jk .ug-jk-k.kb-jk-b{background:#fff}.onu .kb-jk .ug-jk-gr{align-items:center;min-height:120px}.onu .kb-il{display:block;width:100%;height:100%;max-height:230px;font-family:inherit;letter-spacing:0;overflow:visible}.onu .kb-jk-nr{display:block;margin-bottom:-12px;font-size:16px;line-height:20px;color:var(--n)}.onu .kb-jk .kb-jk-n .kb-jk-nr{color:var(--g)}.onu .kb-jk .kb-jk-b .kb-jk-nr{color:var(--nt)}.onu .kb-jk-os{margin:0!important;padding-top:12px;border-top:1px solid currentColor;font-size:14px;line-height:20px}.onu .kb-jk .kb-jk-g .kb-jk-os{border-color:rgba(255,255,255,.3)}.onu .kb-met{max-width:1360px;margin:40px auto 0;padding:0 40px;box-sizing:border-box;font-size:16px;line-height:24px}.onu .kb-met b{font-weight:500;margin-right:8px}.onu .kb-zr{font-size:14px;line-height:20px;color:var(--sz)}.onu .kb-zr-c{max-width:1360px;margin:16px auto 0;padding:0 40px;box-sizing:border-box}.onu .ug-lk-b .kb-zr-lk{margin:0 -10px auto;align-self:flex-start;text-align:left;max-width:calc(100% + 20px);font-size:13px;line-height:18px;color:var(--sz)}.onu .kb-br .kb-zr-br{margin-top:32px;max-width:650px;color:#CCCDD3}.onu .kb-h .ug-kh-fo::after,.onu .kb-lk .ug-lk-fo::after{content:"";position:absolute;left:0;right:0;bottom:0;height:150px;background:linear-gradient(180deg,rgba(0,6,35,0),rgba(0,6,35,.82))}.onu .kb-h .ug-kh-fo figcaption,.onu .kb-lk .ug-lk-fo figcaption{z-index:1}.ug-fm .ug-fm-fo{position:relative}.ug-fm .ug-fm-fo::after{content:"";position:absolute;left:0;right:0;bottom:0;height:200px;background:linear-gradient(180deg,rgba(0,6,35,0),rgba(0,6,35,.7) 45%,rgba(0,6,35,.9));pointer-events:none}.ug-fm .ug-fm-fo figcaption{z-index:1}.onu .kb-ou .ou-hs .ug-h2s{margin-top:0}.onu .kb-ou .ou-ep-r{overflow-wrap:anywhere}.onu .kb-pas{background:#D9D9D9;color:var(--g);overflow:hidden;letter-spacing:-.01em}.onu .kb-pas-in{max-width:1920px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:640px}.onu .kb-pas-t{padding:120px 40px;align-self:center}.onu .kb-pas-c{margin:32px 0 0;padding:0;max-width:600px}.onu .kb-pas-c p{margin:0;font-size:var(--pxl);line-height:var(--pxl-lh)}.onu .kb-pas-k{margin:40px 0 12px;font-size:14px;line-height:20px;color:#3F4359}.onu .kb-pas-l{margin:0;padding:0;list-style:none;display:grid;gap:10px;max-width:600px}.onu .kb-pas-l li{position:relative;padding-left:22px;font-size:16px;line-height:24px}.onu .kb-pas-l li::before{content:"";position:absolute;left:0;top:8px;width:8px;height:8px;background:var(--g)}.onu .kb-pas-f{position:relative;margin:0;align-self:end;justify-self:end;height:100%;display:flex;align-items:flex-end;justify-content:flex-end;padding-right:6vw}.onu .kb-pas-f img{display:block;height:min(600px,100%);max-height:600px;width:auto;max-width:100%;object-fit:contain;object-position:bottom}.onu .kb-pas-pl{position:absolute;right:0;bottom:40px;background:var(--g);color:#fff;padding:16px 24px;font-size:var(--cap);line-height:var(--cap-lh)}.onu .kb-wd{background:#fff;padding:var(--sp) 0;letter-spacing:-.01em}.onu .kb-wd-in{max-width:1920px;margin:0 auto;padding:0 40px;box-sizing:border-box;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:40px 80px}.onu .kb-wd-ld{margin:20px 0 0;font-size:16px;line-height:24px;max-width:520px}.onu .kb-wd-n{margin:40px 0 10px;font-size:14px;line-height:20px;color:var(--sz)}.onu .kb-wd-c{margin:0;padding:0;list-style:none;max-width:520px}.onu .kb-wd-c li{padding:10px 0;border-bottom:1px solid var(--l);font-size:16px;line-height:24px}.onu .kb-wd-c a{color:var(--g)}.onu .kb-wd-g{margin:0;padding:0;list-style:none;border-top:1px solid var(--l)}.onu .kb-wd-g li{border-bottom:1px solid var(--l)}.onu .kb-wd-a{display:grid;grid-template-columns:88px minmax(0,1fr) 32px;gap:24px;align-items:center;padding:20px 0;color:var(--g);text-decoration:none}.onu .kb-wd-m{display:block;width:88px;height:88px;overflow:hidden;position:relative;background:var(--n)}.onu .kb-wd-m img{position:absolute;left:-30%;top:-30%;width:160%;height:160%;max-width:none}.onu .kb-wd-k{display:block;font-size:14px;line-height:20px;color:var(--sz);margin-bottom:6px}.onu .kb-wd-h{display:block;font-size:20px;line-height:26px}.onu .kb-wd-s{display:grid;place-items:center;width:32px;height:32px;border:1.5px solid var(--nt);border-radius:50%;color:var(--nt)}.onu .kb-wd-s svg{width:16px;height:16px}.onu .kb-wd-a:hover .kb-wd-h,.onu .kb-wd-a:focus-visible .kb-wd-h{text-decoration:underline;text-underline-offset:4px}.onu .kb-wd-a:focus-visible{outline:2px solid var(--n);outline-offset:4px}@media (max-width:1100px){.onu .kb-wd-in{grid-template-columns:minmax(0,1fr)}}@media (max-width:900px){.onu .kb-f{max-width:none}.onu .kb-pas-in{grid-template-columns:minmax(0,1fr);min-height:0}.onu .kb-pas-t{padding:80px 20px 40px}.onu .kb-pas-f{justify-self:stretch;justify-content:center;padding-right:0;height:auto}.onu .kb-pas-f img{height:auto;width:min(420px,90%)}.onu .kb-pas-pl{bottom:20px}.onu .kb-wd{padding:80px 0}.onu .kb-wd-in{padding:0 20px}.onu .kb-met,.onu .kb-zr-c{padding:0 20px}}@media (max-width:599px){.onu .kb-f{flex-direction:column;gap:12px}.onu .kb-wd-a{grid-template-columns:64px minmax(0,1fr);gap:16px}.onu .kb-wd-m{width:64px;height:64px}.onu .kb-wd-s{display:none}.onu .kb-wd-h{font-size:18px;line-height:24px}}@media (min-width:901px) and (max-height:780px){.onu .kb-h .ug-kh-ld{margin-top:14px;font-size:16px;line-height:24px}.onu .kb-f{margin-top:20px;padding-top:12px}.onu .kb-f dt{font-size:14px;line-height:18px}.onu .kb-f dd{margin-top:2px;font-size:16px;line-height:22px}.onu .kb-h .ug-h-cta{margin-top:24px}}@media (min-width:901px) and (max-height:660px){.onu .kb-h .ug-kh-t{padding-top:16px;padding-bottom:16px}.onu .kb-h h1{font-size:calc(var(--hx) * .8)}.onu .kb-h .ug-kh-ld{margin-top:10px;font-size:15px;line-height:22px}.onu .kb-f{margin-top:14px;padding-top:10px;gap:6px 28px}.onu .kb-h .ug-h-cta{margin-top:16px}}.onu .kb-pr .aw-bot{align-items:start}.onu .kb-pr .aw-h2{max-width:none;margin:0 0 20px}.onu .kb-ms .aw-h2{margin:0 0 16px}.onu .kb-pr .aw-ux-op{margin:0}.onu .kb-r{margin-top:28px}.onu .kb-r-zr{margin:12px 0 0}.onu .kb-r .aw-hx-wt{color:#000623}.onu .kb-r .aw-hx-wt em{background:#4E5EE5}.onu .kb-r-nav{display:flex;gap:6px;margin-top:4px}.onu .kb-r-nav i{display:block;height:6px;flex:1;background:#CCCDD3}.onu .kb-r-n4 i{height:9px;background:#000623}.onu .kb-r-n4 i:first-child{background:#5768FF}.onu .kb-r-dd{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;border-top:1.5px solid #CCCDD3;padding-top:10px}.onu .kb-r-dd div{display:grid;gap:7px}.onu .kb-r-dd i{display:block;height:5px;background:#CCCDD3}.onu .kb-r-dd i:nth-child(even){width:70%}.onu .kb-r-po{display:grid;gap:9px;border-top:1.5px solid #5768FF;padding-top:10px}.onu .kb-r-po div{display:grid;grid-template-columns:26px minmax(0,1fr);gap:10px;align-items:center}.onu .kb-r-im{display:block;width:26px;height:26px;background:#F0F1FF}.onu .kb-r-po i{display:block;height:8px;width:72%;background:#000623}.onu .kb-r-ph{position:relative;width:100%;max-width:170px;height:250px;margin:0 auto;border:2px solid #000623;border-radius:14px;padding:16px 12px;box-sizing:border-box;display:flex;flex-direction:column;gap:8px;overflow:hidden;background:#fff}.onu .kb-r-ph .aw-hx-pas{width:60%;height:7px}.onu .kb-r-pl{display:grid;gap:6px}.onu .kb-r-pl i{display:block;height:13px;border:1.5px solid #CCCDD3;border-radius:2px}.onu .kb-r-pl .kb-r-zle{border-color:#5768FF}.onu .kb-r-ph .aw-hx-bt{height:18px;width:100%;margin-top:4px;flex:none}.onu .kb-r-blad{display:flex;align-items:center;gap:6px}.onu .kb-r-blad b{display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background:#000623;color:#fff;font-size:12px;line-height:1;font-weight:500;flex:none}.onu .kb-r-blad i{display:block;height:6px;flex:1;background:#5768FF}.onu .kb-r-pod{position:absolute;left:12px;right:12px;bottom:calc(42% - 9px)}.onu .kb-r-kl{position:absolute;left:0;right:0;bottom:0;height:42%;background:#E6E6E9;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;padding:8px 6px;box-sizing:border-box;z-index:1}.onu .kb-r-kl i{display:block;background:#fff;border-radius:2px}.onu .kb-r-lst{list-style:none;margin:0;padding:0;display:grid;gap:8px}.onu .kb-r-lst li{display:flex;justify-content:space-between;gap:8px;align-items:baseline;padding:8px 10px;background:#F9F9F9;font-size:13px;line-height:18px;color:#000623}.onu .kb-r-lst b{font-weight:500;white-space:nowrap}.onu .kb-r-sum{margin:auto 0 0;padding-top:8px;border-top:1.5px solid #CCCDD3;font-size:13px;line-height:18px;color:#000623}.onu .kb-r-dr li{position:relative;background:#F0F1FF}.onu .kb-r-dr li:last-child{background:#000623;color:#fff}.onu .kb-r-dr li b{color:#4E5EE5}.onu .kb-r-dr li:last-child b{color:#fff}.onu .kb-r-1 .aw-hx-ek{height:auto;padding:16px 18px}.onu .kb-r-log{list-style:none;margin:0;padding:0;display:grid;gap:6px}.onu .kb-r-log li{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.2fr) minmax(0,1.2fr);gap:10px;align-items:center;padding:8px 10px;background:#F9F9F9;font-size:13px;line-height:18px;color:#000623}.onu .kb-r-log b{font-weight:500}.onu .kb-r-log em{font-style:normal;text-align:right;color:#000623}.onu .kb-r-log .kb-r-ods,.onu .kb-r-log .kb-r-ods em{color:#666A7B}.onu .kb-r-log .kb-r-ods b,.onu .kb-r-log .kb-r-ods span{text-decoration:line-through}.onu .kb-r-log .kb-r-ai{background:#F0F1FF}.onu .kb-r-log .kb-r-ai em{color:#4E5EE5}.onu .kb-r-sl{display:flex;align-items:flex-end;gap:6px;height:150px;border-bottom:1.5px solid #CCCDD3}.onu .kb-r-sl>i{display:block;flex:1;background:#CCCDD3}.onu .kb-r-sl>i:nth-child(6){background:#000623}.onu .kb-r-sl2>span{flex:1;display:flex;align-items:flex-end;gap:2px;height:100%}.onu .kb-r-sl2 i{display:block;flex:1}.onu .kb-r-sl2 i:first-child{background:#000623}.onu .kb-r-sl2 i:last-child{background:#5768FF}.onu .kb-r-leg{display:flex;align-items:center;gap:6px;margin:8px 0 0;font-size:13px;line-height:18px;color:#000623}.onu .kb-r-leg span{display:inline-block;width:10px;height:10px}.onu .kb-r-lm{background:#000623}.onu .kb-r-lb{background:#5768FF;margin-left:10px}.onu .kb-r-pl4{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.onu .kb-r-pl4 li{display:flex;flex-direction:column;gap:6px;border-top:3px solid #5768FF;padding-top:8px}.onu .kb-r-pl4 p{margin:0 0 2px;font-size:13px;line-height:18px;color:#666A7B}.onu .kb-r-pl4 span{display:block;padding:8px;background:#F0F1FF;font-size:13px;line-height:18px;color:#000623}.onu .kb-pj{margin-top:20px;padding-top:20px;border-top:1px solid #CCCDD3}.onu .kb-pj-r{margin:0;font-size:15px;line-height:22px;color:#000623}.onu .kb-pj-l{margin:14px 0 0;font-size:40px;line-height:44px;font-weight:500;color:#000623;letter-spacing:-.01em}.onu .kb-pj-e{margin:6px 0 0;font-size:15px;line-height:22px;color:#000623}.onu .kb-pj .kb-zr{margin:8px 0 0}.onu .kb-pj-a{display:inline-flex;align-items:center;gap:12px;margin-top:16px;color:#000623;font-size:15px;line-height:22px;text-decoration:none}.onu .kb-pj-a .kb-wd-s{display:grid;flex:none}.onu .kb-pj-a:hover span:last-child,.onu .kb-pj-a:focus-visible span:last-child{text-decoration:underline;text-underline-offset:3px}.onu .kb-ms-ld{margin:0;max-width:640px;font-size:16px;line-height:24px;color:#000623}.onu .kb-ms .aw-3 p{color:#000623}.onu .kb-ms-a{display:inline-block;margin-top:14px;font-size:14px;line-height:20px;color:#4E5EE5;text-decoration:underline;text-underline-offset:3px}@media (max-width:900px){.onu .kb-pr>.aw-w,.onu .kb-ms>.aw-w{padding-left:20px;padding-right:20px}.onu .kb-r-pl4{grid-template-columns:repeat(2,minmax(0,1fr))}.onu .kb-pj-l{font-size:32px;line-height:38px}}@media (max-width:599px){.onu .kb-r-log li{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.onu .kb-r-log em{grid-column:1/-1;text-align:left}.onu .kb-r.aw-hx-ab{grid-template-columns:minmax(0,1fr)}}.onu .kb-op .ofx-sek h2{color:#000623}.onu .kb-op .ofx-sek h3{margin:0 0 12px;font-size:22px;line-height:28px;font-weight:500;color:#000623}.onu .kb-op-ld{max-width:720px}.onu .kb-op-jak b{font-weight:500}.onu .kb-op .kb-r li{padding-left:0}.onu .kb-op .kb-r li::before{display:none}.onu .kb-tb{width:100%;border-collapse:collapse;margin:8px 0 12px;font-size:15px;line-height:22px;color:#000623}.onu .kb-tb th,.onu .kb-tb td{background:transparent!important;color:#000623}.onu .kb-tb thead th{font-size:13px;line-height:18px;font-weight:400;color:#666A7B;text-align:left;padding:0 16px 10px 0;border-bottom:1.5px solid #000623}.onu .kb-tb tbody th,.onu .kb-tb td{padding:14px 16px 14px 0;border-bottom:1px solid #CCCDD3;vertical-align:top;text-align:left}.onu .kb-tb tbody th{font-weight:500;width:24%}.onu .kb-tb td:last-child{width:26%;color:#4E5EE5;padding-right:0}.onu .kb-op-pj{padding:24px 0 0;margin-top:24px;border-top:1px solid #CCCDD3}.onu .kb-op-pj:first-of-type{border-top:0;margin-top:0;padding-top:0}.onu .kb-op-pj .kb-r{margin-top:20px}.onu .kb-op-pj .kb-pj{margin-top:20px;padding-top:0;border-top:0}.onu .kb-op-c{margin:0 0 20px;padding-left:18px;border-left:2px solid #5768FF}.onu .kb-op-c blockquote{margin:0}.onu .kb-op-c blockquote p{margin:0;font-size:17px;line-height:26px;color:#000623}.onu .kb-op-c figcaption{margin-top:8px;font-size:14px;line-height:20px}.onu .kb-op-c figcaption a,.onu .kb-op-w a{color:#4E5EE5;text-decoration:underline;text-underline-offset:3px}.onu .kb-op-n{margin:28px 0 8px!important;font-size:14px!important;line-height:20px!important;color:#666A7B}.onu .kb-op-w{list-style:none;margin:0;padding:0;display:grid;gap:0!important}.onu .kb-op-w li{padding:10px 0!important;border-bottom:1px solid #CCCDD3;font-size:15px!important;line-height:22px!important}.onu .kb-op-w li::before{display:none}.onu .kb-bok dd a{color:#fff;text-decoration:underline;text-underline-offset:3px}.onu .kb-bok-c{margin-top:16px;border-top:1px solid rgba(255,255,255,.2);padding-top:12px}.onu .kb-bok-c summary{cursor:pointer;font-size:15px;line-height:22px;color:#fff;list-style:none;display:flex;justify-content:space-between;align-items:center}.onu .kb-bok-c summary::-webkit-details-marker{display:none}.onu .kb-bok-c summary::after{content:"+";font-size:20px;line-height:1;color:#fff}.onu .kb-bok-c[open] summary::after{content:"–"}.onu .kb-bok-c ul{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:8px}.onu .kb-bok-c li{font-size:14px;line-height:20px;color:#fff}.onu .kb-bok .btn{text-align:center}@media (max-width:1100px){.onu .kb-op .ofx-bok{display:block;position:static;order:-1;margin-bottom:16px}.onu .kb-op .ofx-tr-g{display:flex;flex-direction:column}}@media (min-width:1101px){.onu .kb-op .kb-bok{position:sticky;top:calc(96px * var(--kn));max-height:calc(100vh - 112px * var(--kn));overflow-y:auto;overscroll-behavior:contain}}@media (min-width:1101px) and (max-height:820px){.onu .kb-bok{padding:22px 26px}.onu .kb-bok h2{margin-bottom:12px}.onu .kb-bok dl{gap:8px}.onu .kb-bok dd{font-size:15px}.onu .kb-bok .btn{margin-top:16px;min-height:0;padding-top:12px;padding-bottom:12px}.onu .kb-bok-c{margin-top:10px;padding-top:8px}.onu .kb-bok p{margin-top:8px}}.onu .kb-op-hs{margin-bottom:48px}.onu .kb-op-hs .ug-h2s{margin:0}@media (max-width:760px){.onu .kb-tb thead{display:none}.onu .kb-tb,.onu .kb-tb tbody,.onu .kb-tb tr,.onu .kb-tb th,.onu .kb-tb td{display:block;width:auto!important}.onu .kb-tb tr{padding:12px 0;border-bottom:1px solid #CCCDD3}.onu .kb-tb tbody th,.onu .kb-tb td{border:0;padding:2px 0}}.onu .kb-op-z{border-top:4px solid #5768FF}.onu .kb-op-z h2 em{font-style:normal;color:#4E5EE5}.onu .kb-op-z .btn{margin-top:8px}.onu .kb-op-ze{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px!important}.onu .kb-op-ze li{padding-left:0!important;font-size:14px!important;line-height:20px!important}.onu .kb-op-ze li::before{display:none}.onu .kb-op-ze img{display:block;width:100%;height:auto!important;aspect-ratio:4/3;object-fit:cover;object-position:50% 20%;margin-bottom:8px;background:#D9D9D9}.onu .kb-op-ze p{margin:0!important;font-size:14px!important;line-height:20px!important}.onu .kb-op-ze b{font-weight:500}@media (max-width:599px){.onu .kb-op-ze{grid-template-columns:repeat(2,minmax(0,1fr))}}.onu .kb-op-pj{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:32px;align-items:start}.onu .kb-op .kb-op-pj h3{font-size:20px;line-height:28px;margin:0 0 10px}.onu .kb-op-pj-t p{font-size:16px;line-height:25px}.onu .kb-op-pj-t .kb-pj-a{margin-top:4px;font-size:16px}.onu .kb-op-pj-w{background:#F9F9F9;padding:20px 22px}.onu .kb-op .kb-op-pj-w p{margin:0;font-size:14px;line-height:20px}.onu .kb-op .kb-op-pj-w .kb-op-pj-k{color:#666A7B}.onu .kb-op .kb-op-pj-w .kb-op-pj-l{margin:6px 0 4px;font-size:28px;line-height:34px;font-weight:500;color:#000623;letter-spacing:-.01em}.onu .kb-op .kb-op-pj-w .kb-op-pj-e{color:#000623}.onu .kb-op .kb-op-pj-w .kb-op-pj-z{margin-top:10px;color:#666A7B}@media (max-width:760px){.onu .kb-op-pj{grid-template-columns:minmax(0,1fr);gap:16px}}.onu .kb-tb tbody th{width:30%}.onu .kb-tb-el{display:flex;align-items:flex-start;gap:14px}.onu .kb-mk{flex:none;display:flex;flex-direction:column;gap:4px;width:84px;height:62px;padding:6px;box-sizing:border-box;background:#fff;border:1.5px solid #CCCDD3;overflow:hidden}.onu .kb-mk i,.onu .kb-mk b{display:block;height:4px;background:#CCCDD3;flex:none}.onu .kb-mk .kb-mk-a{background:#5768FF}.onu .kb-mk .kb-mk-t{height:5px;width:70%;background:#000623}.onu .kb-mk .kb-mk-bt{height:9px;width:55%;margin-top:auto}.onu .kb-mk .kb-mk-pel{width:100%}.onu .kb-mk .kb-mk-sz{background:#666A7B}.onu .kb-mk-nav{display:flex;gap:3px}.onu .kb-mk-nav i{flex:1;height:5px;background:#000623}.onu .kb-mk-nav .kb-mk-a{background:#5768FF}.onu .kb-mk-dd{display:grid;gap:4px;border-top:1px solid #CCCDD3;padding-top:4px}.onu .kb-mk-dd i{height:6px;width:80%;position:relative;margin-left:10px}.onu .kb-mk-dd i::before{content:"";position:absolute;left:-10px;top:-1px;width:7px;height:8px;background:#F0F1FF}.onu .kb-mk .kb-mk-bel{height:5px;background:#000623}.onu .kb-mk-hero{flex:1;background:#F0F1FF;display:flex;align-items:flex-end;padding:3px}.onu .kb-mk-hero i{width:40%;height:6px}.onu .kb-mk-3{display:grid;grid-template-columns:repeat(3,1fr);gap:3px}.onu .kb-mk-3 i{height:9px;background:#CCCDD3}.onu .kb-mk-karta{flex-direction:row;gap:6px}.onu .kb-mk .kb-mk-foto{width:38%;height:auto;align-self:stretch;background:#F0F1FF}.onu .kb-mk-op{flex:1;display:flex;flex-direction:column;gap:4px}.onu .kb-mk-op .kb-mk-bt{width:100%}.onu .kb-mk-poz{display:flex;gap:4px;align-items:center}.onu .kb-mk-poz i{width:10px;height:10px;background:#F0F1FF}.onu .kb-mk-poz b{flex:1}.onu .kb-mk .kb-mk-sum{width:45%;margin-left:auto;background:#000623;height:5px}.onu .kb-mk-przycisk{align-items:center;justify-content:center;gap:5px}.onu .kb-mk .kb-mk-sr{width:60%;margin:0;height:12px}.onu .kb-mk .kb-mk-pod{width:70%;height:3px;background:#000623}.onu .kb-mk .kb-mk-pole{height:9px;background:#fff;border:1px solid #CCCDD3;box-sizing:border-box}.onu .kb-mk .kb-mk-pa{border-color:#5768FF;border-width:1.5px}.onu .kb-mk-zn i{height:7px;background:#F0F1FF}@media (max-width:760px){.onu .kb-tb-el{align-items:center}}.onu .kb-op-pj-t .kb-r{margin:16px 0 0}.onu .kb-op-pj-t .kb-r-zr{margin:8px 0 14px!important;font-size:14px!important;line-height:20px!important;color:#666A7B}.onu .kb-dw{margin:0 0 16px}.onu .kb-dw ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.onu .kb-dw a{display:flex;flex-direction:column;height:100%;box-sizing:border-box;background:#000623;color:#fff;padding:22px 24px;text-decoration:none;border-radius:5px}.onu .kb-dw .kb-dw-l{font-size:30px;line-height:36px;font-weight:500;letter-spacing:-.01em}.onu .kb-dw .kb-dw-e{margin-top:8px;font-size:14px;line-height:20px;color:#fff}.onu .kb-dw .kb-dw-k{margin-top:auto;padding-top:14px;font-size:14px;line-height:20px;color:#B9BCCB;text-decoration:underline;text-underline-offset:3px}.onu .kb-dw a:hover .kb-dw-k,.onu .kb-dw a:focus-visible .kb-dw-k{color:#fff}.onu .kb-dw a:focus-visible{outline:2px solid #5768FF;outline-offset:3px}.onu .kb-dw .kb-zr{margin:10px 0 0}.onu .kb-kr{list-style:none;margin:24px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.onu .kb-op .kb-kr li{padding-left:0;display:flex;flex-direction:column;gap:6px;font-size:15px;line-height:22px}.onu .kb-op .kb-kr li::before{display:none}.onu .kb-kr .kb-mk{width:100%;height:84px;margin-bottom:8px}.onu .kb-kr-n{font-size:14px;line-height:18px;color:#4E5EE5}.onu .kb-kr b{font-weight:500;color:#000623;font-size:17px;line-height:24px}.onu .kb-kr li>span:last-child{color:#000623}.onu .kb-mk-kur{display:flex;gap:5px;margin-top:auto;align-items:flex-end}.onu .kb-mk-kur b{width:5px;height:5px;background:#CCCDD3}.onu .kb-mk-kur b:nth-child(2){margin-bottom:4px}.onu .kb-mk-kur b:nth-child(3){margin-bottom:8px}.onu .kb-mk-kur .kb-mk-a{width:9px;height:9px;margin-bottom:12px;clip-path:polygon(0 0,100% 55%,45% 60%,30% 100%)}.onu .kb-mk-ch{display:flex;gap:5px;align-items:center}.onu .kb-mk-ch b{width:8px;height:8px;border:1px solid #CCCDD3;background:#fff;box-sizing:border-box;flex:none}.onu .kb-mk-ch .kb-mk-a{background:#5768FF;border-color:#5768FF}.onu .kb-mk-ch i{flex:1}.onu .kb-mk-2{display:grid;grid-template-columns:1.3fr 1fr;gap:4px;flex:1}.onu .kb-mk-2 i{height:auto;background:#E6E6E9}.onu .kb-mk-wab{display:grid;grid-template-columns:1fr 1fr;gap:5px;flex:1}.onu .kb-mk-wab>span{display:flex;flex-direction:column;gap:3px;padding:3px;border:1px solid #CCCDD3}.onu .kb-mk-wab .kb-mk-b{border:1.5px solid #5768FF}@media (max-width:1100px) and (min-width:761px){.onu .kb-kr{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.onu .kb-dw ul{grid-template-columns:minmax(0,1fr)}.onu .kb-dw ul{gap:10px}.onu .kb-dw a{padding:16px 18px}.onu .kb-dw .kb-dw-l{font-size:24px;line-height:30px}.onu .kb-dw .kb-dw-e{margin-top:4px}.onu .kb-dw .kb-dw-k{padding-top:8px}.onu .kb-kr{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}.onu .kb-op-pj,.onu .kb-op-s{scroll-margin-top:calc(100px * var(--kn))}.onu .kb-mk-kol{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;flex:1}.onu .kb-mk-kol>span{display:flex;flex-direction:column;gap:3px;background:#F9F9F9;padding:3px}.onu .kb-mk-kol b{height:7px;background:#CCCDD3}.onu .kb-mk-kol .kb-mk-a{background:#5768FF}.onu .kb-mk-sl{display:flex;align-items:flex-end;gap:3px;flex:1;border-bottom:1px solid #CCCDD3}.onu .kb-mk-sl b{flex:1;background:#CCCDD3}.onu .kb-mk-sl .kb-mk-a{background:#5768FF}.onu .kb-mk-sl2 b:nth-child(odd){background:#000623}.onu .kb-mk-pm{justify-content:center;gap:10px}.onu .kb-mk-pm b{flex:0 0 22px}.onu .kb-mk-pm .kb-mk-sza{background:transparent;border:1.5px dashed #666A7B;box-sizing:border-box}.onu .kb-mk-fl{display:flex;align-items:center;gap:3px;flex:1}.onu .kb-mk-fl b{width:18px;height:12px;background:#CCCDD3;flex:none}.onu .kb-mk-fl .kb-mk-a{background:#5768FF}.onu .kb-mk-fl i{flex:1;height:1.5px;background:#000623}.onu .kb-mk-licz{display:block;height:4px;background:#E6E6E9;margin-top:auto}.onu .kb-mk-licz b{display:block;height:4px;width:70%}.onu .kb-mk .kb-mk-sek{display:block;height:12px}.onu .kb-mk .kb-mk-zb{height:1.5px;width:60%;margin:0 auto;background:#000623}.onu .kb-hx .kb-hx-in{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.onu .kb-hx-v{position:relative;margin:0;min-height:520px;overflow:hidden}.onu .kb-hx-orb{position:absolute;left:50%;top:46%;width:min(92%,760px);aspect-ratio:1/1;transform:translate(-50%,-50%)}.onu .kb-hx-orb i{position:absolute;left:50%;top:50%;border-radius:50%;transform:translate(-50%,-50%);box-sizing:border-box}.onu .kb-hx-o1{width:72%;height:72%;border:1px solid rgba(255,255,255,.55)}.onu .kb-hx-o2{width:46%;height:46%;border:1.5px dashed rgba(255,255,255,.35)}.onu .kb-hx-o3{width:100%;height:100%;border:1.5px dashed rgba(255,255,255,.22)}.onu .kb-hx-orb b{position:absolute;width:16px;height:16px;border-radius:50%;background:#5768FF;transform:translate(-50%,-50%)}.onu .kb-hx-d1{left:23.5%;top:30%}.onu .kb-hx-d2{left:84%;top:40%}.onu .kb-hx-d3{left:62%;top:72.5%}.onu .kb-hx-os{position:absolute;left:50%;bottom:0;height:auto;width:auto;max-height:88%;max-width:100%;transform:translateX(-50%)}.onu .kb-hx-k{list-style:none;margin:0;padding:0}.onu .kb-hx-k li{position:absolute;display:flex;align-items:center;gap:10px;padding:10px 16px 10px 12px;background:#000623;border:1px solid rgba(255,255,255,.22);border-radius:14px;font-size:15px;line-height:20px;color:#fff;white-space:nowrap}.onu .kb-hx-k img{width:24px;height:24px;filter:brightness(0) invert(1)}.onu .kb-hx-k .kb-hx-dz{background:#4E5EE5;border-color:#4E5EE5}.onu .kb-hx-p0{left:6%;top:14%}.onu .kb-hx-p1{right:4%;top:24%}.onu .kb-hx-p2{left:3%;top:52%}.onu .kb-hx-p3{right:3%;top:60%}.onu .kb-hx-p4{left:9%;top:78%}.onu .kb-hx-pl{position:absolute;right:0;bottom:24px;background:#fff;color:#000623;padding:12px 20px;font-size:var(--cap);line-height:var(--cap-lh)}@media (min-width:901px) and (max-height:760px){.onu .kb-hx-k li{padding:8px 12px 8px 10px;font-size:14px}.onu .kb-hx-k img{width:20px;height:20px}}@media (max-width:900px){.onu .kb-hx .kb-hx-in{grid-template-columns:minmax(0,1fr)}.onu .kb-hx-v{min-height:0;height:min(120vw,520px);margin-top:8px}.onu .kb-hx-orb{width:min(100%,560px);top:48%}.onu .kb-hx-k li{font-size:13px;line-height:18px;padding:7px 10px 7px 8px;gap:8px;border-radius:12px}.onu .kb-hx-k img{width:18px;height:18px}.onu .kb-hx-p0{left:4%;top:6%}.onu .kb-hx-p1{right:3%;top:20%}.onu .kb-hx-p2{left:2%;top:46%}.onu .kb-hx-p3{right:2%;top:60%}.onu .kb-hx-p4{display:none}.onu .kb-hx-pl{bottom:12px}}