@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/jakarta-400-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/jakarta-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/jakarta-500-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/jakarta-500-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/jakarta-600-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/jakarta-600-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/jakarta-700-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/jakarta-700-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/jakarta-800-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/jakarta-800-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{
 --bg:#FFFFFF;--bg2:#F3F5F7;--bg3:#E7EBEF;--ink:#0D1014;--ink2:#46515C;--dark:#0D1014;
 --accent:#00C2FF;--accent-ink:#0A0A0B;--accent-text:#0077A8;
 --display:"Plus Jakarta Sans",system-ui,sans-serif;--body:"Plus Jakarta Sans",system-ui,sans-serif;
 --m:clamp(16px,4vw,48px);--gap:clamp(88px,10vw,144px);color-scheme:light}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.6 var(--body)}
a{color:inherit}
h1,h2,h3{font-family:var(--display);margin:0;letter-spacing:-.025em;line-height:1.05;text-wrap:balance}
p{margin:0}
.wrap{padding-inline:var(--m);max-width:1280px;margin:0 auto}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
:focus-visible{outline:3px solid var(--accent-text);outline-offset:3px}
section{scroll-margin-top:72px;padding-block:var(--gap)}
.h2{font-size:clamp(34px,4vw,56px);font-weight:600}
.lead{font-size:19px;color:var(--ink2);max-width:58ch;margin-top:18px}
.skip{position:absolute;left:-999px;top:8px;background:var(--dark);color:#fff;padding:10px 14px;z-index:9}
.skip:focus{left:8px}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font:600 17px/1 var(--body);text-decoration:none;border:0;cursor:pointer;
 background:var(--accent);color:var(--accent-ink);padding:18px 28px;min-height:56px;transition:background .2s}
.btn:hover{background:#4FD6FF}
.btn:active{transform:scale(.98)}
.tlink{font-weight:600;text-decoration:none;border-bottom:2px solid var(--accent);padding-bottom:2px}
.tlink:hover{color:var(--accent-text)}

.top{position:sticky;top:0;z-index:5;background:var(--bg)}
.top .wrap{display:flex;justify-content:space-between;align-items:center;height:68px;gap:16px}
.mark{display:flex;align-items:center;gap:10px;text-decoration:none;font:700 19px var(--display)}
.mark svg{width:32px;height:26px}
.top nav{display:flex;gap:28px;font-size:15px;align-items:center}
.top nav a{text-decoration:none;color:var(--ink2)}
.top nav a:hover{color:var(--ink)}
.top nav .btn{min-height:44px;padding:12px 18px;font-size:15px;color:var(--accent-ink)}
@media(max-width:860px){.top nav a:not(.btn){display:none}}

.hero{padding-block:clamp(56px,8vw,110px) var(--gap)}
.hero h1{font-size:clamp(44px,6.6vw,96px);font-weight:600;letter-spacing:-.04em;max-width:13ch}
.hero .lead{font-size:clamp(19px,1.6vw,22px);color:var(--ink);margin-top:28px;max-width:52ch}
.cta{display:flex;align-items:center;gap:28px;margin-top:40px;flex-wrap:wrap}
.hero-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(32px,5vw,80px);align-items:center}
.facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}
.facts{grid-auto-rows:1fr}.facts li{display:flex;min-width:0}.facts li>div{flex:1;min-width:0}
.facts div{background:var(--bg2);padding:24px}
.facts b{display:block;font:600 clamp(22px,2.2vw,32px)/1.1 var(--display);letter-spacing:-.02em;white-space:nowrap}
.facts span{display:block;margin-top:6px;font-size:16px;color:var(--ink2)}
@media(max-width:860px){.hero-grid{grid-template-columns:1fr}}

.steps-sec{background:var(--bg2)}
.steps{list-style:none;margin:56px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;counter-reset:s}
.steps li{background:var(--bg);padding:28px;counter-increment:s;display:flex;flex-direction:column;gap:10px}
.steps li::before{content:counter(s);display:grid;place-items:center;width:44px;height:44px;background:var(--dark);color:#fff;font:600 19px var(--display);margin-bottom:8px}
.steps h3{font-size:22px;font-weight:600}
.steps p{font-size:16px;color:var(--ink2)}
.steps .when{font-weight:600;font-size:15px}
@media(max-width:980px){.steps{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.steps{grid-template-columns:1fr}}

.learn-grid,.faq-grid,.ct-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,6vw,96px);align-items:start}
.topics{display:grid;gap:8px}
.topic{background:var(--bg);padding:22px 24px}
.topic h3{font-size:20px;font-weight:600;line-height:1.3}
.topic p{margin-top:4px;font-size:16px;color:var(--ink2)}
.topic ul{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.topic li{font-size:14px;font-weight:500;background:var(--bg2);padding:4px 10px}
@media(max-width:860px){.learn-grid,.faq-grid,.ct-grid{grid-template-columns:1fr}}

.size{margin-top:56px;width:100%;border-collapse:collapse;font-size:17px}
.size th,.size td{text-align:left;padding:16px 20px;border-bottom:1px solid var(--bg3)}
.size th{font-weight:600;background:var(--bg2)}
.size td:first-child{font-weight:600}

.price-sec{background:var(--bg2)}
.plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:56px}
.plan{background:var(--bg);padding:clamp(24px,3vw,40px);display:flex;flex-direction:column;gap:6px}
.plan.dark{background:var(--dark);color:#fff}
.plan h3{font-size:26px;font-weight:600}
.plan .for{font-size:16px;color:var(--ink2)}
.plan.dark .for,.plan.dark .row span{color:#B8C2CC}
.plan .rows{margin-top:20px;display:grid;gap:2px}
.plan .row{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:12px 0}
.plan .row span{color:var(--ink2);font-size:16px}
.plan .row b{font:600 24px/1 var(--display);white-space:nowrap}
.plan .row:first-child b{font-size:36px}
.plan ul{margin:20px 0 0;padding-left:20px;font-size:16px;display:grid;gap:6px}
.pnote{margin-top:24px;font-size:16px;color:var(--ink2);max-width:72ch}
.pnote b{color:var(--ink)}
@media(max-width:860px){.plans{grid-template-columns:1fr}}

.calc{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:8px;margin-top:56px;align-items:start}
.qs{display:grid;gap:8px}
fieldset.q{border:0;margin:0;min-width:0;background:var(--bg);padding:clamp(20px,2.6vw,32px)}
.q legend{padding:0;font:600 21px/1.3 var(--display);display:flex;gap:12px;align-items:center;float:left;width:100%}
.q legend i{font-style:normal;display:grid;place-items:center;width:32px;height:32px;background:var(--dark);color:#fff;font-size:16px;flex:none}
.opts{clear:both;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:6px;padding-top:16px}
.opts label{position:relative;cursor:pointer}
.opts input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.opts span{display:block;background:#fff;box-shadow:inset 0 0 0 1px var(--bg3);padding:14px 16px;min-height:56px;font-weight:500;transition:background .15s,color .15s}
.opts span small{display:block;font-weight:400;font-size:14px;color:var(--ink2);margin-top:2px}
.opts label:hover span{background:var(--bg3)}
.opts input:checked+span{background:var(--dark);color:#fff}
.opts input:checked+span small{color:#B8C2CC}
.opts input:focus-visible+span{outline:3px solid var(--accent-text);outline-offset:2px}
.result{background:var(--dark);color:#fff;padding:clamp(24px,3vw,40px);position:sticky;top:88px;display:flex;flex-direction:column;gap:14px}
.result h3{font-size:20px;font-weight:600;color:#B8C2CC}
.result .plan-t{font:600 24px/1.25 var(--display)}
.result .sum{font:600 clamp(48px,5vw,72px)/1 var(--display);letter-spacing:-.035em}
.result .sum small{font:500 18px var(--body);letter-spacing:0;color:#B8C2CC}
.result .det{font-size:16px;color:#D5DCE2}
.result .save{font-size:16px;color:var(--accent)}
.result .btn{margin-top:10px}
.result .fine{font-size:14px;color:#B8C2CC}
@media(max-width:960px){.calc{grid-template-columns:1fr}.result{position:static}}

.acc{display:grid;gap:8px}
.acc details{background:var(--bg2)}
.acc summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:72px;padding:18px 24px;font:500 19px/1.3 var(--display)}
.acc summary::-webkit-details-marker{display:none}
.acc summary:hover{background:var(--bg3)}
.acc h3{font:inherit;letter-spacing:0}
.plus{position:relative;width:16px;height:16px;flex:none}
.plus::before,.plus::after{content:"";position:absolute;left:0;top:6.5px;width:16px;height:3px;background:currentColor;transition:transform .2s}
.plus::after{transform:rotate(90deg)}
.acc details[open] .plus::after{transform:rotate(0)}
.acc details>div{padding:0 24px 24px;font-size:17px;max-width:62ch;color:var(--ink2)}
@media(max-width:860px){.acc summary{font-size:18px;padding:16px 20px}.acc details>div{padding:0 20px 20px;font-size:16px}}

.contact{background:var(--dark);color:#fff}
.contact .lead{color:#D5DCE2}
.contact .lead a{color:var(--accent)}
form{display:grid;gap:10px}
form .two{display:grid;grid-template-columns:1fr 1fr;gap:10px}
input:not([type=radio]),textarea{width:100%;font:16px var(--body);border:0;background:#1B232C;color:#fff;padding:15px 16px;min-height:54px}
textarea{min-height:120px;resize:vertical}
::placeholder{color:#6B7785}
form .sel{font-size:15px;color:#B8C2CC}
form .btn{width:100%}
@media(max-width:600px){form .two{grid-template-columns:1fr}}

footer{padding-block:48px;font-size:15px;color:var(--ink2)}
footer .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
footer a{text-decoration:none}footer a:hover{color:var(--ink)}
footer nav{display:flex;gap:24px;flex-wrap:wrap}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.cmp-wrap{margin-top:56px;overflow-x:auto}
.cmp{width:100%;min-width:640px;border-collapse:collapse;font-size:17px}
.cmp th,.cmp td{text-align:left;padding:18px 20px;border-bottom:1px solid var(--bg3);vertical-align:top}
.cmp thead th{font:600 19px var(--display)}
.cmp thead th:last-child,.cmp td:last-child{background:var(--dark);color:#fff}
.cmp thead th:nth-child(2),.cmp td:nth-child(2){color:var(--ink2)}
.cmp tbody th{font-weight:600;width:18%}
.cmp td:last-child{border-bottom-color:#26303A}
@media(max-width:640px){.cmp{min-width:0}.cmp thead{display:none}.cmp tr{display:grid;grid-template-columns:1fr 1fr;margin-bottom:8px}
 .cmp tbody th{grid-column:1/-1;width:auto;background:var(--bg2);border:0;padding:12px 14px}
 .cmp td{padding:12px 14px;font-size:15px}.cmp td:nth-child(2)::before{content:"Typowo: ";font-weight:600}.cmp td:last-child::before{content:"U nas: ";font-weight:600}}
.agenda{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.agenda li{display:grid;grid-template-columns:140px minmax(0,1fr);gap:20px;background:var(--bg2);padding:22px 24px}
.agenda b{font:600 20px/1.3 var(--display)}
.agenda h3{font-size:20px;font-weight:600;line-height:1.3}
.agenda p{margin-top:4px;font-size:16px;color:var(--ink2)}
@media(max-width:560px){.agenda li{grid-template-columns:1fr;gap:6px}}
.who{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:56px}
.who>div{background:var(--bg2);padding:clamp(24px,3vw,40px)}
.who h3{font-size:22px;font-weight:600}
.chk{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:10px}
.chk li{position:relative;padding-left:28px}
.chk li::before{content:"";position:absolute;left:2px;top:.45em;width:12px;height:7px;border-left:2px solid var(--ink);border-bottom:2px solid var(--ink);transform:rotate(-45deg)}
@media(max-width:760px){.who{grid-template-columns:1fr}}
.outs{list-style:none;margin:56px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.outs li{background:var(--bg2);padding:28px}
.outs h3{font-size:20px;font-weight:600;line-height:1.3}
.outs p{margin-top:8px;font-size:16px;color:var(--ink2)}
@media(max-width:900px){.outs{grid-template-columns:1fr 1fr}}@media(max-width:560px){.outs{grid-template-columns:1fr}}
.days{display:grid;gap:40px}
.dh{font-size:22px;font-weight:600;margin-bottom:14px}
.why{display:grid;gap:8px;margin-top:32px}
.why>div{background:var(--dark);color:#fff;padding:24px}
.why h3{font-size:20px;font-weight:600}
.why p{margin-top:6px;font-size:16px;color:#D5DCE2}
.hint{clear:both;margin-top:12px;font-size:15px;color:var(--ink2)}
.cycles{display:grid;gap:6px;margin-top:14px}
.cy{display:grid;grid-template-columns:80px auto minmax(0,1fr);gap:10px 18px;align-items:center;background:#fff;padding:12px 14px;box-shadow:inset 0 0 0 1px var(--bg3)}
.cy>b{font-weight:600}
.seg{display:inline-flex;flex-wrap:wrap;gap:4px}
.seg button{font:500 15px var(--body);border:0;background:var(--bg2);color:var(--ink);padding:10px 14px;min-height:42px;cursor:pointer}
.seg button:hover{background:var(--bg3)}
.seg button[aria-pressed="true"]{background:var(--dark);color:#fff}
.cy .on{display:flex;align-items:center;gap:8px;font-size:15px;color:var(--ink2);flex-wrap:wrap}
.cy .on[hidden]{display:none}
.cy .pr{grid-column:2/-1;font-size:15px;color:var(--ink2)}
.reset{margin-top:12px;font:600 15px var(--body);background:none;border:0;padding:6px 0;border-bottom:2px solid var(--accent);cursor:pointer;color:var(--ink)}
@media(max-width:600px){.cy{grid-template-columns:1fr}.cy .pr{grid-column:1}}
.cities{width:100%;margin:0 0 8px}.cities a{color:var(--ink)}
.near{list-style:none;margin:20px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px}.near li{background:var(--bg);padding:6px 12px;font-size:15px;font-weight:500}

/* Wspólne elementy stron */
.top nav a[aria-current="page"]{color:var(--ink);font-weight:600}
.menu-btn{display:none;font:600 15px var(--body);background:var(--bg2);border:0;padding:10px 14px;min-height:44px;cursor:pointer;color:var(--ink)}
@media(max-width:960px){
 .menu-btn{display:block}
 .top nav{display:none;position:absolute;left:0;right:0;top:68px;background:var(--bg);flex-direction:column;align-items:stretch;gap:0;padding:8px var(--m) 20px;box-shadow:0 12px 24px rgba(13,16,20,.08)}
 .top nav.open{display:flex}
 .top nav a:not(.btn){display:block!important;padding:14px 0;font-size:17px;color:var(--ink)}
 .top nav .btn{margin-top:10px}
}
.phead{padding-block:clamp(56px,7vw,96px) clamp(40px,5vw,64px)}
.phead h1{font-size:clamp(40px,5.4vw,80px);font-weight:600;letter-spacing:-.04em;max-width:16ch}
.phead .lead{font-size:clamp(18px,1.5vw,21px);color:var(--ink);max-width:60ch;margin-top:24px}
.next{background:var(--dark);color:#fff;padding-block:clamp(56px,6vw,88px)}
.next .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.next p{font:600 clamp(24px,2.6vw,36px)/1.2 var(--display);letter-spacing:-.02em;max-width:28ch}
.links{list-style:none;margin:48px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.links li{position:relative;display:flex;flex-direction:column;gap:8px;background:var(--bg2);padding:28px;transition:background .15s}
.links li:hover{background:var(--bg3)}
.links a{text-decoration:none}.links a::after{content:"";position:absolute;inset:0}
.links h3{font-size:21px;font-weight:600}
.links p{font-size:16px;color:var(--ink2);flex:1}
.links span{font-size:22px}
@media(max-width:980px){.links{grid-template-columns:1fr 1fr}}@media(max-width:560px){.links{grid-template-columns:1fr}}
.team{display:grid;gap:8px}
.person{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(24px,4vw,56px);background:var(--bg2);align-items:center}
.person img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;display:block}
.person>div{padding:clamp(24px,3vw,40px) clamp(24px,3vw,40px) clamp(24px,3vw,40px) 0}
.pname{font:600 clamp(28px,3vw,40px)/1.1 var(--display);letter-spacing:-.02em}
.prole{color:var(--accent-text);font-weight:600;margin:8px 0 16px}
@media(max-width:760px){.person{grid-template-columns:1fr}.person>div{padding:0 24px 28px}}
.mods{display:grid;gap:8px}
.mod{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,4vw,64px);background:var(--bg2);padding:clamp(24px,3vw,40px)}
.mh{font:600 clamp(24px,2.4vw,32px)/1.15 var(--display);letter-spacing:-.02em}
.tools{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.tools li{font-size:14px;font-weight:500;background:var(--bg);padding:4px 10px}
@media(max-width:760px){.mod{grid-template-columns:1fr}}
.cities{width:100%;margin:0 0 8px}.cities a{color:var(--ink)}
.near{list-style:none;margin:20px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px}.near li{background:var(--bg);padding:6px 12px;font-size:15px;font-weight:500}
.case{scroll-margin-top:88px}
.cmeta{font-weight:600;color:var(--accent-text);margin-bottom:12px}
.kpis{list-style:none;margin:40px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.kpis li{background:var(--bg);padding:22px}
.steps-sec .kpis li{background:var(--bg)}
section:not(.steps-sec) .kpis li{background:var(--bg2)}
.kpis b{display:block;font:600 clamp(28px,3vw,40px)/1 var(--display);letter-spacing:-.02em}
.kpis span{display:block;margin-top:8px;font-size:15px;color:var(--ink2)}
@media(max-width:760px){.kpis{grid-template-columns:1fr 1fr}}
.cgrid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,5vw,80px);margin-top:56px}
.cgrid h3,.res h3{font-size:22px;font-weight:600;margin-bottom:14px}
.cgrid p{color:var(--ink2)}
.did{list-style:none;margin:0;padding:0;display:grid;gap:18px}
.did h4{margin:0;font:600 18px/1.3 var(--display)}
.did p{margin-top:4px;font-size:16px}
.res{margin-top:48px}
@media(max-width:860px){.cgrid{grid-template-columns:1fr}}
.others{list-style:none;margin:48px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.others a{display:flex;flex-direction:column;gap:6px;height:100%;background:var(--bg2);padding:24px;text-decoration:none}
.others a:hover{background:var(--bg3)}
.others h3{font-size:21px;font-weight:600;line-height:1.3}
.others p{font-size:15px;color:var(--ink2)}
.ocat{font-size:14px;font-weight:600;color:var(--accent-text)}
@media(max-width:900px){.others{grid-template-columns:1fr 1fr}}@media(max-width:560px){.others{grid-template-columns:1fr}}

/* ===== Warstwa wizualna v2: grafit + niebieskie światło z portretów, ukośne kreski z logo ===== */
:root{--graph:#0A0D12;--graph2:#141A21;--cy50:#F3F4F1;--cy100:#E6E9E3;--line:#DCE2E8;--radius:10px}
::selection{background:var(--cy100);color:var(--ink)}
html{scrollbar-color:#B9C3CC transparent}
a{text-underline-offset:3px}
body{font-variant-numeric:lining-nums}
.h3{font:600 22px/1.25 var(--display);letter-spacing:-.015em}
section{padding-block:clamp(72px,8vw,120px)}
.tint{background:var(--cy50)}
.btn{border-radius:var(--radius)}
.btn.ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 2px var(--ink)}
.btn.ghost:hover{background:var(--ink);color:#fff}
.next .btn,.price-tag{border-radius:var(--radius)}

/* Ukośna kreska z logo jako punktor */
.bars{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:16px}
.bars li{position:relative;padding-left:30px;max-width:62ch}
.bars li::before{content:"";position:absolute;left:4px;top:.28em;width:5px;height:1.05em;background:var(--accent);border-radius:3px;transform:skewX(-22deg)}
.bars b{font-weight:600}

/* Hero */
.hero{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:clamp(32px,5vw,72px);align-items:center;padding-block:clamp(40px,6vw,88px) clamp(64px,7vw,104px)}
.hero .hero-grid{display:contents}
.hero h1{font-size:clamp(44px,6vw,88px);max-width:12ch}
.hero .lead{margin-top:24px}
.hero .cta{margin-top:36px}
.hero .facts{display:flex;flex-wrap:wrap;gap:12px 40px;list-style:none;margin:48px 0 0;padding:0;grid-template-columns:none}
.hero .facts li{display:block;position:relative;padding-left:18px;min-width:0}
.hero .facts li::before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:5px;background:var(--accent);border-radius:3px;transform:skewX(-22deg)}
.hero .facts b{display:block;font:600 clamp(22px,2vw,28px)/1.1 var(--display);letter-spacing:-.02em;white-space:nowrap}
.hero .facts span{display:block;font-size:15px;color:var(--ink2);margin-top:4px}
.hero-team{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:4px;background:var(--graph);border-radius:18px;overflow:hidden;padding:4px 4px 0}
.hero-team figure{margin:0;position:relative}
.hero-team img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:50% 20%;border-radius:14px 14px 0 0}
.hero-team figcaption{position:absolute;left:0;right:0;bottom:0;padding:48px 16px 14px;color:#C9D3DC;font-size:14px;background:linear-gradient(transparent,rgba(10,13,18,.92))}
.hero-team figcaption b{display:block;color:#fff;font:600 17px/1.2 var(--display)}
.price-tag{grid-column:1/-1;display:grid;grid-template-columns:auto 1fr;align-items:baseline;gap:2px 16px;margin:0 -4px;padding:18px 20px;background:var(--graph2);color:#fff;text-decoration:none;border-radius:0!important;transition:background .2s}
.price-tag:hover{background:#1B232C}
.price-tag b{grid-row:1/3;font:600 clamp(26px,2.6vw,34px)/1 var(--display);letter-spacing:-.02em;color:var(--accent)}
.price-tag span{font-size:15px;color:#C9D3DC}
.price-tag span:first-child{color:#fff;font-weight:600}
@media(max-width:960px){.hero{grid-template-columns:1fr}.hero-team{max-width:560px}}

/* Różnica: wyróżniona kolumna w kolorze marki zamiast czerni */
.cmp thead th:last-child,.cmp td:last-child{background:var(--graph)}
.cmp thead th:last-child{color:var(--accent)}
.cmp{border-radius:var(--radius);overflow:hidden}

/* Kroki jako ścieżka */
.steps{gap:0;position:relative}
.steps li{background:transparent;padding:0 24px 0 0;position:relative}
.steps li::before{border-radius:50%;background:var(--bg);color:var(--ink);box-shadow:inset 0 0 0 2px var(--ink);position:relative;z-index:1}
.steps li:not(:last-child)::after{content:"";position:absolute;top:21px;left:44px;right:0;height:2px;background:var(--accent)}
.steps li:last-child::before{background:var(--accent);box-shadow:none}
.steps-sec .steps li{background:transparent}
@media(max-width:980px){.steps{grid-template-columns:1fr;gap:28px}.steps li{padding:0 0 0 64px}.steps li::before{position:absolute;left:0;top:0;margin:0}.steps li:not(:last-child)::after{left:21px;top:44px;bottom:-28px;right:auto;width:2px;height:auto}}

/* Realizacja na stronie głównej */
.case-band{background:var(--graph);color:#fff}
.case-ed{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:clamp(32px,6vw,96px);align-items:center}
.case-band .cmeta{color:var(--accent)}
.case-band .lead{color:#C9D3DC}
.case-band .btn{margin-top:32px}
.ba-row{display:grid;grid-template-columns:56px 1fr auto;gap:16px;align-items:center;margin-bottom:14px}
.ba-row span{color:#C9D3DC;font-size:15px}
.ba-row b{font:600 20px var(--display);white-space:nowrap}
.ba-bar{height:28px;border-radius:6px;background:#26303A;position:relative;overflow:hidden}
.ba-bar::after{content:"";position:absolute;inset:0 auto 0 0;width:var(--w);background:#5A6672;border-radius:6px}
.ba-after::after{background:var(--accent)}
.ba-note{font-size:15px;color:#5C6875;margin:4px 0 28px}
section.case-band .kpis li{background:var(--graph2);border-radius:var(--radius)}
.case-band .kpis span{color:#C9D3DC}
.case-band .kpis{grid-template-columns:1fr 1fr;margin-top:0}
@media(max-width:900px){.case-ed{grid-template-columns:1fr}}

/* Efekty z przykładem polecenia */
.ef-grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(32px,6vw,88px);align-items:center}
.artifact{margin:0;background:#fff;border-radius:14px;box-shadow:0 1px 2px rgba(13,16,20,.06),0 18px 40px -12px rgba(13,16,20,.18);overflow:hidden}
.art-head{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 20px;background:var(--graph);color:#fff;font-size:14px;font-weight:600}
.art-head span:last-child{color:var(--accent);font-weight:500}
.art-body{padding:20px;display:grid;gap:10px;font-size:16px}
.art-body b{font-weight:600}
.artifact figcaption{padding:14px 20px;background:var(--bg2);font-size:14px;color:var(--ink2)}
@media(max-width:900px){.ef-grid{grid-template-columns:1fr}}

/* Dla kogo */
.who-grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:clamp(32px,6vw,96px)}
.chips{list-style:none;margin:32px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.chips li{background:#fff;padding:10px 16px;border-radius:999px;font-weight:500;font-size:16px;box-shadow:inset 0 0 0 1px var(--cy100)}
.tint .bars{margin-top:20px}
@media(max-width:860px){.who-grid{grid-template-columns:1fr}}

/* Linki „dowiedz się więcej” jako wiersze */
.rows-list{list-style:none;margin:40px 0 0;padding:0;border-top:2px solid var(--ink)}
.rows-list li{position:relative;display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr) 40px;gap:24px;align-items:center;padding:28px 0;border-bottom:1px solid var(--line);transition:padding .2s}
.rows-list li:hover{padding-left:12px}
.rows-list h3{font-size:clamp(22px,2.2vw,30px);font-weight:600}
.rows-list a{text-decoration:none}.rows-list a::after{content:"";position:absolute;inset:0}
.rows-list p{color:var(--ink2)}
.arr{justify-self:end;width:14px;height:14px;border-right:2.5px solid var(--ink);border-top:2.5px solid var(--ink);transform:rotate(45deg)}
.rows-list li:hover .arr{border-color:var(--accent-text)}
@media(max-width:700px){.rows-list li{grid-template-columns:1fr 24px}.rows-list p{grid-column:1}.arr{grid-row:1;grid-column:2}}

/* CTA z twarzami */
.next{background:var(--graph)}
.next .wrap{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:28px;align-items:center}
.next-faces{display:flex}
.next-faces img{width:72px;height:72px;border-radius:50%;object-fit:cover;object-position:50% 25%;border:3px solid var(--graph);box-sizing:border-box}
.next-faces img+img{margin-left:-16px}
.next-txt p{font:600 clamp(22px,2.4vw,32px)/1.2 var(--display);letter-spacing:-.02em;max-width:30ch}
.next-txt span{display:block;margin-top:6px;color:#C9D3DC;font-size:15px}
@media(max-width:760px){.next .wrap{grid-template-columns:1fr}}

/* Cennik */
.plan{border-radius:14px}
.plan.dark{background:var(--graph)}
.plan.dark .row:first-child b{color:var(--accent)}
.calc .q,.result,.opts span,.cy{border-radius:var(--radius)}
.result{background:var(--graph)}
.callout{background:var(--cy50);border-radius:18px;padding:clamp(28px,4vw,56px);display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:24px 56px;align-items:start}
.callout .lead{margin-top:0;color:var(--ink)}
@media(max-width:860px){.callout{grid-template-columns:1fr}}

/* Karty i bloki: zaokrąglenia spójne */
.topic,.mod,.who>div,.outs li,.agenda li,.acc details,.person,.why>div,.kpis li,.others a,.links li{border-radius:var(--radius)}
.person{overflow:hidden}
.why>div{background:var(--graph)}

/* Realizacje: wyraźniejsze nagłówki */
.cgrid h3,.res h3{font-size:26px}
.did h4{font-size:20px}

/* Stopka */
footer{background:var(--graph);color:#C9D3DC;padding-block:64px 40px}
footer .wrap{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,3fr) minmax(0,3fr);gap:40px;flex-wrap:nowrap}
footer .mark{color:#fff;margin-bottom:12px}
footer .f-brand p{margin-top:8px;max-width:36ch}
footer nav{display:flex;flex-direction:column;gap:10px}
footer nav h2{font:600 16px var(--display);color:#fff;margin:0 0 4px}
footer a{color:#C9D3DC}footer a:hover{color:#fff}
.f-copy{grid-column:1/-1;border-top:1px solid #26303A;padding-top:24px;font-size:14px}
@media(max-width:760px){footer .wrap{grid-template-columns:1fr 1fr}.f-brand{grid-column:1/-1}}

.ef-one .bars{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 56px;margin-top:40px}
@media(max-width:760px){.ef-one .bars{grid-template-columns:1fr}}
h1,h2,.h2,.h3,.pname,.mh{font-weight:700}
.hero h1,.phead h1{font-weight:800;letter-spacing:-.045em}
.more-trainers{margin-top:8px;background:var(--cy50);border-radius:var(--radius);padding:clamp(24px,3vw,40px);display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:16px 56px;align-items:start}
.more-trainers p{color:var(--ink)}
@media(max-width:760px){.more-trainers{grid-template-columns:1fr}}
footer .f-note{margin:4px 0 0;font-size:14px;color:#A9BDCB}
.mark .word{height:17px;width:auto;display:block}
footer .mark .word{height:18px}
.top nav a{white-space:nowrap}
.top nav{gap:24px}
.f-legal{grid-column:1/-1;font-size:14px;color:#B4C6D2;margin:0;line-height:1.6}
.firm{display:grid;grid-template-columns:auto 1fr;gap:10px 24px;margin:0}
.firm dt{font-weight:600}
.firm dd{margin:0}

/* ===== Ruch: jeden główny moment (hero) + animacje, które coś pokazują ===== */
@media (prefers-reduced-motion:no-preference){
 html.js .hero-team figure{clip-path:inset(100% 0 0 0);transition:clip-path 1s cubic-bezier(.16,1,.3,1)}
 html.js .hero-team figure:nth-child(2){transition-delay:.12s}
 html.js .hero-team .price-tag{opacity:0;transform:translateY(12px);transition:opacity .6s .45s,transform .6s .45s cubic-bezier(.16,1,.3,1),background .2s}
 html.js .hero.in .hero-team figure{clip-path:inset(0 0 0 0)}
 html.js .hero.in .price-tag{opacity:1;transform:none}
 html.js .hero-team img{transform:scale(1.06);transition:transform 1.6s cubic-bezier(.16,1,.3,1)}
 html.js .hero.in .hero-team img{transform:none}
 html.js .hero .facts li::before{transform:skewX(-22deg) scaleY(0);transform-origin:bottom;transition:transform .5s cubic-bezier(.16,1,.3,1)}
 html.js .hero.in .facts li::before{transform:skewX(-22deg) scaleY(1)}
 html.js .hero.in .facts li:nth-child(2)::before{transition-delay:.08s}
 html.js .hero.in .facts li:nth-child(3)::before{transition-delay:.16s}
 /* przed i po: paski rosną do prawdziwej długości */
 html.js .ba-bar::after{transform:scaleX(0);transform-origin:left;transition:transform 1.2s cubic-bezier(.16,1,.3,1)}
 html.js .ba.in .ba-bar::after{transform:none}
 html.js .ba.in .ba-after::after{transition-delay:.5s}
 /* ścieżka kroków rysuje się po kolei */
 html.js .steps li:not(:last-child)::after{transform:scaleX(0);transform-origin:left;transition:transform .7s cubic-bezier(.16,1,.3,1)}
 html.js .steps.in li::after{transform:none}
 html.js .steps.in li:nth-child(2)::after{transition-delay:.25s}
 html.js .steps.in li:nth-child(3)::after{transition-delay:.5s}
 @media(max-width:980px){html.js .steps li:not(:last-child)::after{transform:scaleY(0);transform-origin:top}}
 /* delikatne wejście treści sekcji */
 html.js .rv{opacity:0;transform:translateY(16px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}
 html.js .rv.in{opacity:1;transform:none}
 /* reakcje na najechanie */
 .btn{transition:background .2s,transform .2s,box-shadow .2s}
 .btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px -6px rgba(0,119,168,.45)}
 .btn.ghost:hover{box-shadow:none}
 .rows-list li:hover .arr{transform:translateX(4px) rotate(45deg)}
 .arr{transition:transform .2s,border-color .2s}
 .chips li{transition:background .2s}
 .chips li:hover{background:var(--cy100)}
 .others a,.plan,.person{transition:background .2s,transform .25s cubic-bezier(.16,1,.3,1)}
 .others a:hover{transform:translateY(-2px)}
 .result .sum span{display:inline-block;transition:transform .25s}
 .result .sum.bump span{transform:scale(1.04)}
}

/* Licznik straconego czasu */
.loss{background:var(--graph);color:#fff;padding-block:clamp(64px,7vw,104px);scroll-margin-top:68px}
.loss-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(32px,5vw,72px);align-items:start}
.loss .h2{max-width:20ch}
.loss .lead{color:#C9D3DC}
.tasks{border:0;margin:32px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.tasks label{position:relative;cursor:pointer}
.tasks input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.tasks span{display:flex;align-items:center;gap:12px;min-height:56px;padding:14px 16px;border-radius:var(--radius);background:var(--graph2);color:#D5DCE2;font-weight:500;transition:background .2s,color .2s}
.tasks span::before{content:"";flex:none;width:20px;height:20px;border-radius:6px;box-shadow:inset 0 0 0 2px #4A5560;transition:background .2s,box-shadow .2s}
.tasks input:checked+span{background:#1B2631;color:#fff}
.tasks input:checked+span::before{background:var(--accent) 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 3L15 6.5' fill='none' stroke='%230A0A0B' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat;box-shadow:none}
.tasks label:hover span{background:#1B2631}
.tasks input:focus-visible+span{outline:3px solid var(--accent);outline-offset:2px}
.team-size{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;margin-top:24px;background:var(--graph2);border-radius:var(--radius);padding:14px 18px}
.team-size label{font-weight:600}
.team-size input{accent-color:var(--accent);width:100%;height:28px}
.team-size output{font:700 20px var(--display);min-width:5.5ch;text-align:right}
.loss-out{background:#fff;color:var(--ink);border-radius:18px;padding:clamp(24px,3vw,40px);position:sticky;top:88px}
.lo-label{font-weight:600;color:var(--ink2)}
.lo-big{font:800 clamp(56px,6vw,88px)/1 var(--display);letter-spacing:-.045em;margin-top:6px}
.lo-big small{font:600 18px var(--body);letter-spacing:0;color:var(--ink2)}
.lo-bars{margin-top:24px;display:grid;gap:10px}
.lo-row{display:grid;grid-template-columns:96px 1fr;gap:12px;align-items:center;font-size:15px;color:var(--ink2)}
.lo-bar{height:22px;background:var(--bg2);border-radius:6px;overflow:hidden}
.lo-bar i{display:block;height:100%;width:var(--w);background:#5A6672;border-radius:6px;transition:width .6s cubic-bezier(.16,1,.3,1)}
.lo-bar i.after{background:var(--accent)}
.lo-save{margin-top:20px;font-size:18px}
.lo-save b{font-weight:700}
.loss-out .btn{margin-top:20px;width:100%}
.lo-fine{margin-top:14px;font-size:13px;color:var(--ink2)}
@media(max-width:960px){.loss-grid{grid-template-columns:1fr}.loss-out{position:static}}
@media(max-width:560px){.tasks{grid-template-columns:1fr}.team-size{grid-template-columns:1fr auto}.team-size input{grid-column:1/-1;grid-row:2}}
.lo-roi{margin-top:12px;padding-top:14px;border-top:1px solid var(--line);font-size:16px;color:var(--ink)}
.lo-roi b{font-weight:700}
/* Co daje firmie */
.gains{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:48px}
.gain{background:var(--bg2);border-radius:var(--radius);padding:28px;position:relative}
.gain h3{font:700 22px/1.25 var(--display);padding-left:18px;position:relative}
.gain h3::before{content:"";position:absolute;left:0;top:.15em;bottom:.15em;width:5px;background:var(--accent);border-radius:3px;transform:skewX(-22deg)}
.gain p{margin-top:10px;color:var(--ink2);font-size:16px}
.g-big{grid-row:span 2;background:var(--graph);color:#fff;display:flex;flex-direction:column;justify-content:flex-end;min-height:280px}
.g-big h3{font-size:clamp(28px,3vw,40px)}
.g-big p{color:#C9D3DC;font-size:17px}
@media(max-width:900px){.gains{grid-template-columns:1fr 1fr}.g-big{grid-column:1/-1;grid-row:auto;min-height:0}}
@media(max-width:560px){.gains{grid-template-columns:1fr}}
/* Dlaczego my */
.why-us{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,6vw,96px);align-items:start}
.why-us .btn{margin-top:32px}
.reasons{list-style:none;margin:0;padding:0;border-top:2px solid var(--ink)}
.reasons li{padding:22px 0;border-bottom:1px solid var(--cy100);display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:8px 32px}
.reasons h3{font:700 20px/1.3 var(--display)}
.reasons p{color:var(--ink2);font-size:16px}
@media(max-width:860px){.why-us,.reasons li{grid-template-columns:1fr}}
/* kreski przy liczbach na pierwszym ekranie: nie nachodzą na tekst */
.hero .facts li{padding-left:30px}
.hero .facts li::before{left:6px;transform:skewX(-14deg)}
@media (prefers-reduced-motion:no-preference){
 html.js .hero .facts li::before{transform:skewX(-14deg) scaleY(0)}
 html.js .hero.in .facts li::before{transform:skewX(-14deg) scaleY(1)}
}
.tasks{align-items:stretch}
.tasks label{display:flex}
.tasks span{flex:1}
.loss .tl{margin:32px 0 -20px;font-weight:600;color:#C9D3DC;font-size:15px}
.tasks label{clear:none}
.team-size input[type=range]{-webkit-appearance:none;appearance:none;height:28px;background:transparent}
.team-size input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:3px;background:#3A4652}
.team-size input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:var(--accent);margin-top:-8px;box-shadow:0 0 0 4px rgba(0,194,255,.2)}
.team-size input[type=range]::-moz-range-track{height:6px;border-radius:3px;background:#3A4652}
.team-size input[type=range]::-moz-range-thumb{width:22px;height:22px;border:0;border-radius:50%;background:var(--accent)}
.loss-out.is-empty .lo-big,.loss-out.is-empty .lo-bars,.loss-out.is-empty .lo-save,.loss-out.is-empty .lo-roi,.loss-out.is-empty #loLabel{display:none}
.lo-empty{font:600 22px/1.35 var(--display);color:var(--ink);padding:8px 0 4px}
.lo-roi b,.lo-save b{white-space:nowrap}

.faq-grid.faq-solo{grid-template-columns:1fr;max-width:820px;margin-inline:auto}.faq-more{text-align:center;margin-top:40px}
.row .pr{text-align:right;flex:none}.row .pr small{display:block;font:500 13px/1.3 var(--body);color:var(--ink2);margin-top:6px;white-space:nowrap}

/* Realizacje */
.cs{display:grid;gap:clamp(40px,5vw,72px)}
.cs-name{font-size:clamp(40px,5.2vw,72px);line-height:.95;letter-spacing:-.045em}
.cs-head .lead{max-width:64ch;margin-top:14px;color:var(--ink);font-size:18px}
.cs-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:clamp(24px,3vw,48px);margin:0}
.cs-facts div{display:flex;flex-direction:column;gap:6px}.cs-facts dd{order:-1}
.cs-facts dd{margin:0;font:800 clamp(32px,3.4vw,48px)/1 var(--display);letter-spacing:-.045em;font-variant-numeric:tabular-nums}
.cs-facts dt{font-size:15px;color:var(--ink2);max-width:20ch}
.cs h3{font-size:clamp(22px,2.2vw,28px);letter-spacing:-.03em;line-height:1.05}
.cs-text p{margin-top:12px;font-size:16px;line-height:1.6;color:var(--ink);max-width:58ch}
.cs-time,.cs-build{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,5vw,88px);align-items:start}
.tbars{display:grid;gap:16px;padding-top:4px}
.tb p{margin:0 0 6px;font-size:16px;color:var(--ink)}
.tb-track{height:12px;background:var(--bg2);overflow:hidden}
.tb-fill{display:block;height:100%;width:var(--w);background:var(--ink);transform-origin:left}
.tb-fill.hit{background:var(--accent)}
.tb b{display:block;margin-top:6px;font:700 15px var(--display)}
.tb .now{display:none}
.tbars.done .tb-fill.hit{width:2%}
.tbars.done .tb .was{text-decoration:line-through;color:var(--ink2);font-weight:500;margin-right:10px}
.tbars.done .tb .now{display:inline}
.cs-build{grid-template-columns:minmax(0,4fr) minmax(0,8fr)}
.xl{margin:0;background:var(--bg2);padding:clamp(14px,1.8vw,24px);position:relative}
.xl-files{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:18px;font-size:14px;font-weight:600}
.xl-files .f{background:#fff;padding:8px 12px;border:1px solid var(--line);border-radius:6px}
.xl-files .f3{background:var(--ink);color:#fff;border-color:var(--ink)}
.xl-files .arrow{width:28px;height:2px;background:var(--ink);position:relative}
.xl-files .arrow::after{content:"";position:absolute;right:-1px;top:-4px;border:5px solid transparent;border-left:7px solid var(--ink);border-right:0}
.xl-sheet{background:#fff;border:1px solid var(--line);overflow-x:auto}
.xl table{width:100%;border-collapse:collapse;font-size:14px;min-width:560px}
.xl th,.xl td{padding:7px 10px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}
.xl th{background:#EEF2F5;font-weight:700;font-size:13px}
.xl td.v,.xl th:nth-child(n+4){text-align:right;font-variant-numeric:tabular-nums}
.xl tr.miss td{background:#FDE8E8;color:#B42318;font-weight:600}
.xl tfoot td{border-bottom:0;font-weight:700}
.xl figcaption{margin-top:14px;font-size:14px;color:var(--ink2);max-width:70ch}
.xl-replay{margin-top:12px;font:600 15px var(--body);background:none;border:0;padding:6px 0;border-bottom:2px solid var(--accent);cursor:pointer;color:var(--ink)}
.xl-replay:hover{border-color:var(--ink)}
.cs-did{list-style:none;margin:20px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px clamp(24px,3vw,48px)}
.cs-did h4,.cs-left h4{margin:0;font:700 17px/1.3 var(--display)}
.cs-did p,.cs-left p{margin:6px 0 0;font-size:16px;line-height:1.6;color:var(--ink)}
.cs-procs{background:var(--graph);color:#fff;padding:clamp(28px,4vw,56px)}
.cs-sub{margin-top:10px;font-size:16px;line-height:1.6;color:#C9D3DC;max-width:62ch}
.plist{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:10px}
.plist li{font:600 17px/1.35 var(--display);letter-spacing:-.035em}

.alist{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:0}
.alist li{font:800 clamp(26px,3.2vw,44px)/1.1 var(--display);letter-spacing:-.045em}
.alist li:not(:last-child)::after{content:",";margin-right:.3em}

.cs-left{list-style:none;margin:20px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px clamp(28px,4vw,64px)}
.cs-alt{padding-top:0}
@media (max-width:900px){.cs-time,.cs-build{grid-template-columns:minmax(0,1fr)}.cs-left{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.cs-did,.cs-left{grid-template-columns:1fr}.xl-files .arrow{display:none}}
@media (prefers-reduced-motion:no-preference){
html.js .tb-fill{transform:scaleX(0);transition:transform 1.1s cubic-bezier(.16,1,.3,1),width 1.2s cubic-bezier(.65,0,.35,1)}
html.js .tbars.in .tb-fill{transform:none}
html.js .tbars.in .tb:nth-child(2) .tb-fill{transition-delay:.1s}html.js .tbars.in .tb:nth-child(3) .tb-fill{transition-delay:.2s}
html.js .cs-facts div{opacity:0;transform:translateY(20px);transition:opacity .6s,transform .7s cubic-bezier(.16,1,.3,1)}
html.js .in>div,html.js .in>li{opacity:1;transform:none}
html.js .in>:nth-child(2){transition-delay:.07s}html.js .in>:nth-child(3){transition-delay:.14s}html.js .in>:nth-child(4){transition-delay:.21s}html.js .in>:nth-child(5){transition-delay:.28s}html.js .in>:nth-child(6){transition-delay:.35s}
html.js .xl.play tbody tr td.v{color:transparent;transition:color .3s}
html.js .xl.play tbody tr.fill td.v{color:inherit}
html.js .xl.play tr.miss:not(.fill) td{background:#fff;color:var(--ink);font-weight:400}
html.js .xl.play .f3,html.js .xl.play .xl-sum{opacity:0;transition:opacity .4s}
html.js .xl.play.end .f3,html.js .xl.play.end .xl-sum{opacity:1}
html.js .xl.play .f1,html.js .xl.play .f2{opacity:0;transform:translateY(-10px);transition:opacity .4s,transform .5s cubic-bezier(.16,1,.3,1)}
html.js .xl.play.go .f1,html.js .xl.play.go .f2{opacity:1;transform:none}
html.js .xl.play.go .f2{transition-delay:.15s}
.xl-replay:active{transform:translateY(1px)}
}
.cs,.cs>*{min-width:0}
@media (max-width:900px){.cs-did{grid-template-columns:1fr 1fr}}
.pgrid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,64px);margin-top:24px}.pgrid h4{margin:0;font:700 15px var(--display);color:var(--accent)}.plist li{padding-left:22px;position:relative}.plist li::before{content:"";position:absolute;left:0;top:.55em;width:10px;height:3px;background:var(--accent);transform:skewX(-20deg)}@media (max-width:700px){.pgrid{grid-template-columns:1fr}}
main section.cs-sec{padding-block:clamp(40px,5vw,72px)}.cs{gap:clamp(36px,4vw,56px)}
.pcols{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(24px,4vw,64px);margin-top:24px}@media (max-width:700px){.pcols{grid-template-columns:1fr}}

/* Realizacje: dwa szkolenia jako osobne rozdziały */
.cs-index ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.cs-index a{display:flex;flex-direction:column;gap:6px;padding:22px 24px;background:var(--bg2);border-radius:var(--radius);text-decoration:none;color:var(--ink);transition:background .2s,transform .2s}
.cs-index a:hover{background:var(--cy100)}.cs-index a:active{transform:translateY(1px)}
.cs-index b{font:800 24px/1.1 var(--display);letter-spacing:-.03em}
.cs-index span{font-size:15px;color:var(--ink2)}
main section.cs-sec{padding-block:clamp(56px,7vw,104px);margin-top:clamp(32px,4vw,56px)}
.cs-sec0{background:var(--bg2)}
.cs-sec1{background:var(--cy50)}
.cs{grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(32px,5vw,80px);align-items:start}
.cs-side{position:sticky;top:96px;display:grid;gap:28px}
.cs-side .cs-name{font-size:clamp(36px,4vw,56px)}
.cs-side .lead{font-size:16px;margin-top:12px}
.cs-side .cs-facts{grid-template-columns:1fr 1fr;gap:20px}
.cs-side .cs-facts dd{font-size:clamp(28px,2.6vw,38px)}
.cs-main{display:grid;gap:clamp(40px,4vw,56px)}
.cs-main .cs-did,.cs-main .cs-left{grid-template-columns:1fr 1fr}
.cs-main .cs-procs{border-radius:var(--radius)}
.cs-sec1 .cs-procs{background:var(--graph)}
@media (max-width:900px){.cs{grid-template-columns:1fr}.cs-side{position:static}.cs-index ul{grid-template-columns:1fr}}
@media (max-width:600px){.cs-main .cs-did,.cs-main .cs-left{grid-template-columns:1fr}}

/* Strona pytań */
.fq{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,9fr);gap:clamp(32px,5vw,80px);align-items:start;padding-bottom:var(--gap)}
.fq-nav{position:sticky;top:96px;display:grid;gap:28px}
.fq-nav ul{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.fq-nav a{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:var(--radius);color:var(--ink);text-decoration:none;font-weight:600;transition:background .2s}
.fq-nav a span{color:var(--ink2);font-weight:500;font-variant-numeric:tabular-nums}
.fq-nav a:hover,.fq-nav a.on{background:var(--bg2)}
.fq-nav a.on{background:var(--cy100)}
.fq-ask{background:var(--graph);color:#fff;padding:24px;border-radius:var(--radius)}
.fq-ask p{margin:0 0 16px;font:700 18px/1.3 var(--display)}
.fq-main{display:grid;gap:clamp(36px,4vw,56px)}
.fq-group{scroll-margin-top:96px}
.fq-group h2{font-size:clamp(24px,2.4vw,32px);letter-spacing:-.03em;margin:0 0 16px}
.fq-group .acc{display:grid;gap:8px}
.fq-group details{background:var(--bg2);border-radius:var(--radius)}
.fq-group details[open]{background:var(--cy50)}
.fq-group summary{padding:18px 20px}
.fq-group summary h3{font-size:18px}
.fq-group details>div{padding:0 20px 20px;max-width:68ch;font-size:16px;line-height:1.6;color:var(--ink)}
@media (max-width:900px){.fq{grid-template-columns:1fr}.fq-nav{position:static}.fq-nav ul{grid-template-columns:1fr 1fr}.fq-ask{display:none}}
picture{display:contents}
.legal-body{max-width:70ch;padding-bottom:var(--gap)}.legal-body h2{font-size:22px;margin:36px 0 10px}.legal-body p{font-size:16px;line-height:1.65;color:var(--ink)}
.next-txt span a{color:inherit;font-weight:700;white-space:nowrap}

/* Kontakt */
.ct{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(24px,3vw,40px);align-items:start;padding-bottom:clamp(48px,6vw,88px)}
.ct-form{background:var(--bg2);border-radius:var(--radius);padding:clamp(24px,3.4vw,48px);display:grid;gap:18px}
.ct-form h2,.ct-next h2,.ct-firm h2{font-size:clamp(22px,2.2vw,28px);letter-spacing:-.03em;margin:0 0 4px}
.ct-form .two{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.fld{display:grid;gap:8px}
.fld label{font-weight:600;font-size:15px}
.fld label span{font-weight:500;color:var(--ink2)}
.fld input,.fld select,.fld textarea{font:500 16px var(--body);color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:8px;padding:13px 14px;width:100%;box-sizing:border-box;transition:border-color .2s}
.fld textarea{resize:vertical;min-height:120px}
.fld input:focus,.fld select:focus,.fld textarea:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--ink)}
.ct-send{display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px}
.ct-send .f-note{margin:0;flex:1 1 260px;font-size:15px;color:var(--ink2)}
.ct-form .sel:empty{display:none}
.ct-form .sel{margin:0;background:var(--cy100);padding:12px 14px;border-radius:8px;font-size:15px}
.ct-side{display:grid;gap:clamp(24px,3vw,40px)}
.ct-direct{background:var(--graph);color:#fff;border-radius:var(--radius);padding:clamp(24px,3vw,40px);display:grid;gap:10px}
.ct-faces{display:flex;margin-bottom:8px}
.ct-faces img{width:64px;height:64px;border-radius:50%;object-fit:cover;object-position:50% 25%;border:3px solid var(--graph);box-sizing:border-box}
.ct-faces picture+picture img{margin-left:-14px}
.ct-who{margin:0 0 10px;color:#C9D3DC;font-size:16px}
.ct-big{font:800 clamp(24px,2.4vw,32px)/1.15 var(--display);letter-spacing:-.03em;color:#fff;text-decoration:none;width:fit-content;border-bottom:2px solid transparent;transition:border-color .2s,color .2s}
.ct-big:hover{border-color:var(--accent)}
.ct-mail{font-size:clamp(17px,1.6vw,20px);font-weight:700;color:var(--accent)}
.ct-next ol{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:18px}
.ct-next li{display:grid;gap:4px;padding-left:18px;position:relative}
.ct-next li::before{content:"";position:absolute;left:0;top:.45em;width:8px;height:14px;background:var(--accent);transform:skewX(-18deg)}
.ct-next b{font:700 17px var(--display)}
.ct-next span{font-size:16px;line-height:1.55}
.ct-firm{padding-bottom:var(--gap)}
.ct-firm dl{margin:16px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 32px}
.ct-firm dt{font-size:15px;color:var(--ink2)}
.ct-firm dd{margin:4px 0 0;font-weight:600}
@media (max-width:900px){.ct{grid-template-columns:1fr}.ct-firm dl{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.ct-form .two{grid-template-columns:1fr}.ct-firm dl{grid-template-columns:1fr}}
main section.ct{padding-top:0;margin-top:0}main section.ct-firm{padding-top:clamp(24px,3vw,40px)}
@media (max-width:900px){.ct-side{display:contents}.ct-direct{order:-1}.ct-next{order:2}}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.ct-form{position:relative}.f-out:empty{display:none}.f-out{margin:0;padding:14px 16px;border-radius:8px;font-size:16px}.f-out.ok{background:#E3F6EA;color:#14532D;font-weight:600}.f-out.err{background:#FDE8E8;color:#7F1D1D}.f-out a{color:inherit;font-weight:700}.ct-form button[disabled]{opacity:.7;cursor:default}

/* ===== v3: kolory i rytm (etap A) ===== */
:root{--graph:#0B1A22;--graph2:#13262F;--dark:#0B1A22;--night-line:#1E3440;--m:clamp(20px,4vw,48px)}
.mute{color:#8A97A3}
.loss .mute,.next .mute{color:#7E95A3}
/* przyciski: grafit, akcent jako detal */
.btn{background:var(--ink);color:#fff;box-shadow:none;display:inline-flex;align-items:center;justify-content:center;gap:12px}
.btn::after{content:"";width:22px;height:22px;flex:none;border-radius:50%;background:var(--accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 12h9m-4-4 4 4-4 4' fill='none' stroke='%230D1014' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat;transition:transform .2s}
.btn:hover{background:#1F2C35;box-shadow:none}
.btn:hover::after{transform:translateX(3px)}
.btn.ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 2px var(--ink)}
.btn.ghost::after{display:none}
.btn.ghost:hover{background:var(--ink);color:#fff}
.top nav .btn,.top-cta{color:#fff}
.top nav .btn::after,.top-cta::after{display:none}
/* przyciski na ciemnym i na akcencie */
.loss .btn,.case-band.dark .btn,.cs-procs .btn,.fq-ask .btn,.ct-direct .btn,footer .btn,.plan.dark .btn,.result .btn{background:#fff;color:var(--ink)}
.loss .btn:hover,.fq-ask .btn:hover,.result .btn:hover,.plan.dark .btn:hover{background:var(--cy100)}
/* jeden duży blok w kolorze akcentu: pasek na dole stron */
.next{background:var(--accent);color:var(--ink)}
.next p,.next h2{color:var(--ink)}
.next .next-txt span{color:#0D3B4A}
.next .next-txt span a{color:var(--ink)}
.next .btn{background:var(--ink);color:#fff}
.next .btn::after{background-color:#fff}
.next-faces img{border-color:var(--accent)}
/* realizacja na stronie głównej: jasna zamiast czarnej */
.case-band{background:var(--bg);color:var(--ink)}
.case-band .cmeta{color:#0077A8}
.case-band .lead{color:var(--ink)}
.case-band .ba{background:var(--cy50);border-radius:var(--radius);padding:clamp(20px,3vw,36px)}
.case-band .ba-row span{color:var(--ink2)}
.case-band .ba-bar{background:#fff}
.case-band .ba-note{color:var(--ink2)}
.case-band .kpis li{background:#fff}
.case-band .kpis span{color:var(--ink2)}
/* duży kafel w „Co daje”: jasny cyjan zamiast czerni */
.g-big{background:var(--cy100);color:var(--ink)}
.g-big p{color:var(--ink)}
/* tabela porównawcza: nasza kolumna jasna */
.cmp thead th:last-child,.cmp td:last-child{background:var(--cy100);color:var(--ink)}
.cmp thead th:last-child{color:#0077A8}
.cmp td:last-child{border-bottom-color:#D6DBD3;font-weight:600}
/* karty i tła sekcji: jasny cyjan zamiast szarości */
.tint{background:var(--cy50)}
.tint .topic,.tint .outs li,.tint .who>div{background:#fff}
.gain,.mod,.topic,.person,.others a,.links li{background:var(--cy50)}
.tint .gain,.tint .mod{background:#fff}
/* ciemne sekcje zabarwione */
footer{background:var(--graph)}
.loss{background:var(--graph)}
.hero-team{background:var(--graph)}
.price-tag{background:var(--graph2)}

/* ===== v3: telefon (etap B) ===== */
.top-cta{display:none}
@media (max-width:960px){
 .top .wrap{gap:10px}
 .top .mark{margin-right:auto}
 .top-cta{display:inline-flex;min-height:44px;padding:10px 16px;font-size:15px}
 .menu-btn{border-radius:var(--radius)}
 .top nav{top:68px;padding:12px var(--m) 24px;box-shadow:none;border-bottom:8px solid var(--cy50)}
 .top nav .btn{display:none!important}
}
@media (max-width:600px){
 body{font-size:17px}
 .lead,.hero .lead{font-size:18px;line-height:1.55}
 .h2,main h2.h2{font-size:clamp(28px,8vw,34px);line-height:1.08}
 .hero h1{font-size:clamp(40px,12vw,52px)}
 .hero{padding-block:28px 56px;gap:32px}
 .cta,.hero .cta{flex-direction:column;align-items:stretch;gap:12px;margin-top:28px}
 .cta .btn,.hero .cta .btn{width:100%;min-height:54px;font-size:17px}
 main .btn:not(.top-cta){min-height:52px}
 /* fakty: trzy równe kafle */
 .hero .facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:32px}
 .hero .facts li{background:var(--cy50);border-radius:var(--radius);padding:14px 12px}
 .hero .facts li::before{display:none}
 .hero .facts b{font-size:20px;white-space:normal}
 .hero .facts span{font-size:13.5px;line-height:1.3}
 /* zdjęcia i cena pod spodem */
 .hero-team{max-width:none;border-radius:var(--radius)}
 .price-tag{grid-template-columns:1fr;gap:4px;padding:18px 18px 20px}
 .price-tag b{grid-row:auto;font-size:30px;order:-1}
 .price-tag span{font-size:15px}
 /* tabela porównawcza jako karty */
 .cmp tr{grid-template-columns:1fr;border-radius:var(--radius);overflow:hidden;margin-bottom:12px}
 .cmp tbody th{background:var(--ink);color:#fff;padding:12px 16px}
 .cmp td{padding:12px 16px;font-size:16px;border:0}
 .cmp td:nth-child(2){background:var(--bg2)}
 .cmp td:nth-child(2)::before,.cmp td:last-child::before{display:block;font-size:13px;text-transform:none;color:var(--ink2);font-weight:600;margin-bottom:2px}
 .cmp td:nth-child(2)::before{content:"Typowo"}
 .cmp td:last-child::before{content:"U nas";color:#0077A8}
 /* karty i odstępy */
 .gains,.reasons{gap:10px}
 .gain,.reasons li{padding:22px 20px}
 .next .btn{width:100%}
 .next-txt span{display:block}
}
.top-cta{white-space:nowrap}
section.case-band .kpis li{background:#fff}
section.case-band .kpis b{color:var(--ink)}
.loss .loss-out .btn{background:var(--ink);color:#fff}
.loss .loss-out .btn:hover{background:#1F2C35}
.case-band .h2,.loss .h2{font-size:clamp(30px,3.4vw,46px)}
@media (max-width:600px){
 .top .word{max-width:120px}
 .top-cta{padding:10px 14px;font-size:15px}
 .case-band .ba-row{grid-template-columns:44px minmax(0,1fr) auto;gap:10px}
 .case-band .ba-row b{font-size:16px}
 .case-band .h2,.loss .h2{font-size:clamp(26px,7.4vw,32px)}
}
.mute{color:#6B7884}.cmp thead th:last-child{color:#005F86}
.rows-list{display:grid;gap:8px}
.rows-list li{border-bottom:0;background:var(--cy50);border-radius:var(--radius);padding:24px clamp(20px,2.4vw,32px)}
.rows-list li:hover{background:var(--cy100)}
.lo-roi{border-top:0;padding-top:4px}
.reasons{display:grid;gap:8px}
.reasons li{border-bottom:0;background:#fff;border-radius:var(--radius);padding:22px clamp(20px,2.4vw,28px)}
.reasons,.rows-list{border-top:0}
.callout .h2{font-size:clamp(28px,3vw,40px)}
@media (max-width:600px){.row{flex-wrap:wrap;gap:4px 12px}.row>span{flex:1 1 140px}.row .pr,.row b{margin-left:auto}}
/* v3.1: równe kafle i mniejsza typografia na telefonie */
.case-ed>*{min-width:0}
.case-band .ba{box-sizing:border-box;min-width:0;max-width:100%}
.case-band .kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:600px){
 body{font-size:15.5px}
 p,li,td,dd{font-size:inherit}
 .lead,.hero .lead{font-size:16px;line-height:1.55}
 .hero h1{font-size:clamp(34px,10vw,40px)}
 .h2,main h2.h2,.case-band .h2,.loss .h2{font-size:clamp(24px,7vw,28px)}
 h3{font-size:18px}
 .top .wrap{height:60px}
 .top-cta,.menu-btn{min-height:40px;padding:8px 14px;font-size:14px}
 .top nav{top:60px}
 .cta .btn,.hero .cta .btn,main .btn:not(.top-cta){min-height:48px;font-size:15.5px;padding:12px 18px}
 .btn::after{width:20px;height:20px;background-size:14px}
 .hero .facts b{font-size:17px}
 .hero .facts span{font-size:12.5px}
 .price-tag b{font-size:26px}
 .price-tag span{font-size:14px}
 .kpis b,.cs-facts dd{font-size:26px}
 .kpis li{padding:16px}
 .kpis span,.cs-facts dt{font-size:13.5px}
 .case-band .ba{padding:18px}
 .case-band .ba-row b{font-size:14.5px}
 .ba-note{font-size:13.5px}
 .gain,.reasons li,.rows-list li{padding:18px}
 .gain p,.reasons p,.rows-list p{font-size:15px}
 .cmp td{font-size:15px}
 .fld input,.fld select,.fld textarea{font-size:16px;padding:11px 12px}
 section{scroll-margin-top:60px}
}
@media (max-width:600px){.g-big h3,.gain h3{font-size:19px}.g-big p{font-size:15px}.loss .tasks label span{font-size:15px}.lo-big{font-size:48px}}
/* Realizacje: jedna widoczna naraz */
html.js .cs-sec:not(.on){display:none}
.cs-index a{position:relative}
.cs-index a.on{background:var(--ink);color:#fff}
.cs-index a.on span{color:#C9D3DC}
.cs-index a.on::after{content:"";position:absolute;left:24px;bottom:-9px;border:9px solid transparent;border-top-color:var(--ink);border-bottom:0}
html.js main section.cs-sec.on{margin-top:24px;animation:csIn .45s cubic-bezier(.16,1,.3,1)}
@keyframes csIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){html.js main section.cs-sec.on{animation:none}}
@media (max-width:900px){.cs-index ul{grid-template-columns:1fr 1fr}.cs-index a{padding:16px}.cs-index b{font-size:19px}.cs-index span{font-size:13.5px}}
@media (min-width:901px){#dzien .learn-grid{align-items:start}#dzien .learn-grid>div:first-child{position:sticky;top:96px}}
/* Cennik v2 */
.pfacts{list-style:none;margin:20px 0 32px;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.pfacts li{background:var(--cy50);border-radius:var(--radius);padding:16px 18px}
.pfacts b{display:block;font:700 18px/1.2 var(--display)}
.pfacts span{display:block;margin-top:4px;font-size:14.5px;color:var(--ink2)}
.row span small{display:block;font-size:13px;color:var(--ink2);font-weight:500}
.plan.dark .row span small{color:#9FB3BF}
.incl{margin-top:24px;background:var(--cy50);border-radius:var(--radius);padding:clamp(20px,2.6vw,32px)}
.incl h3{font-size:19px;margin:0 0 12px}
.incl ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 28px}
.incl li{position:relative;padding-left:20px;font-size:15.5px}
.incl li::before{content:"";position:absolute;left:0;top:.5em;width:8px;height:12px;background:var(--accent);transform:skewX(-18deg)}
.ptabs{display:none}
@media (max-width:900px){.pfacts{grid-template-columns:1fr 1fr}.incl ul{grid-template-columns:1fr 1fr}}
@media (max-width:700px){
 .pfacts{gap:6px;margin:16px 0 20px}
 .pfacts li{padding:12px 14px}
 .pfacts b{font-size:16px}
 .pfacts span{font-size:13px}
 html.js .ptabs:not([hidden]),html.js .ptabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;background:var(--bg2);padding:4px;border-radius:12px;margin-bottom:12px}
 .ptabs button{font:600 15px var(--body);border:0;background:transparent;color:var(--ink2);padding:11px 8px;border-radius:9px;cursor:pointer;min-height:44px}
 .ptabs button[aria-selected="true"]{background:var(--ink);color:#fff}
 html.js .plans .plan:not(.on){display:none}
 .plan{padding:20px}
 .plan h3{font-size:20px}
 .plan .for{font-size:14.5px}
 .incl ul{grid-template-columns:1fr;gap:8px}
 .incl li{font-size:15px}
}
.pfacts span{font-size:15px}.row span small{font-size:14px}
@media (max-width:600px){.row{flex-wrap:nowrap;align-items:center}.row>span{flex:1 1 auto}.pfacts span{font-size:14px}}
@media (max-width:600px){body{font-size:16px}.lead,.hero .lead{font-size:16.5px;line-height:1.6}}
/* Etap C: strona główna */
.clients{display:flex;align-items:center;gap:16px 40px;flex-wrap:wrap;padding-block:8px clamp(48px,6vw,80px)}
.clients p{margin:0;font-size:15px;color:var(--ink2);flex:none}
.clients ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px 36px}
.clients li{font:700 clamp(17px,1.6vw,20px)/1.2 var(--display);letter-spacing:-.02em;color:#5D6B77}
.svc{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(28px,5vw,80px);align-items:start}
.svc-head{position:sticky;top:96px}
.svc-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.svc-list li{position:relative;display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr) 44px;gap:20px 28px;align-items:center;background:var(--cy50);border-radius:var(--radius);padding:24px clamp(20px,2.4vw,32px);transition:background .2s}
.svc-list li:hover{background:var(--cy100)}
.svc-q{margin:0;font:600 clamp(18px,1.6vw,21px)/1.35 var(--display);letter-spacing:-.015em}
.svc-list h3{font-size:17px;margin:0;color:#005F86}
.svc-list li div p{margin:4px 0 0;font-size:15px;color:var(--ink2)}
.svc-go{width:44px;height:44px;border-radius:50%;background:var(--ink) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 12h9m-4-4 4 4-4 4' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/20px no-repeat;transition:transform .2s}
.svc-go::after{content:"";position:absolute;inset:0}
.svc-list li:hover .svc-go{transform:translateX(3px)}
.hfaq{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(28px,5vw,80px);align-items:start;padding-block:var(--gap)}
.hfaq-side{position:sticky;top:96px}
.hfaq-side .btn{margin-top:24px}
.hfaq .acc{display:grid;gap:8px}
.hfaq details{background:var(--cy50);border-radius:var(--radius)}
.hfaq details[open]{background:var(--cy100)}
.hfaq details>div{color:var(--ink)}
.hct{background:var(--cy50);padding-block:clamp(56px,7vw,104px) 0}
.hct-head{margin-bottom:28px}
.hct .ct{padding-bottom:clamp(56px,7vw,104px)}
.hct .ct-form{background:#fff}
@media (max-width:900px){.svc,.hfaq{grid-template-columns:1fr}.svc-head,.hfaq-side{position:static}.svc-list li{grid-template-columns:1fr 44px}.svc-list li div{grid-column:1}.svc-go{grid-column:2;grid-row:1/3}}
@media (max-width:600px){.clients{gap:10px}.clients ul{gap:6px 20px}.clients li{font-size:16px}.svc-list li{padding:18px;gap:10px 16px}.svc-q{font-size:16.5px}.svc-go{width:38px;height:38px}}
.svc-head .h2,.hfaq-side .h2{font-size:clamp(28px,2.8vw,40px)}@media (max-width:600px){.hero .facts span{font-size:13px}}
/* pasek klientów: przewijany */
.clients{flex-wrap:nowrap}
.marq{flex:1;min-width:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.marq-track{display:flex;width:max-content;animation:marq 32s linear infinite}
.marq-track ul{flex-wrap:nowrap;padding-right:36px}
.marq-track li{white-space:nowrap}
.marq:hover .marq-track{animation-play-state:paused}
@keyframes marq{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.marq-track{animation:none;width:auto}.marq-track ul[aria-hidden]{display:none}.marq-track ul{flex-wrap:wrap}.marq{-webkit-mask-image:none;mask-image:none}}
@media (max-width:600px){.clients{flex-direction:column;align-items:flex-start}.marq{width:100%}.marq-track{animation-duration:24s}}
/* Przykład straty czasu na stronie głównej */
.ex{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(28px,5vw,80px);align-items:center;padding-block:clamp(16px,3vw,40px) var(--gap)}
.ex-copy .btn{margin-top:28px}
.ex-card{margin:0;background:var(--cy50);border-radius:var(--radius);padding:clamp(20px,2.8vw,36px)}
.ex-card figcaption{font-size:14.5px;color:var(--ink2);margin-bottom:14px}
.ex-card ul{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.ex-card li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 16px;align-items:center}
.ex-card li span{font-size:15.5px}
.ex-card li b{font:700 16px var(--display);grid-row:1}
.ex-card li i{grid-column:1/-1;height:8px;border-radius:4px;background:#fff;position:relative;overflow:hidden}
.ex-card li i::after{content:"";position:absolute;inset:0 auto 0 0;width:var(--w);background:var(--ink);border-radius:4px}
.ex-sum{margin-top:20px;padding-top:16px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 20px;background:none}
.ex-sum p{margin:0;font-size:16px}
.ex-sum b{font-family:var(--display)}
.ex-save b{color:#005F86}
@media (prefers-reduced-motion:no-preference){html.js .ex-card li i::after{transform:scaleX(0);transform-origin:left;transition:transform 1s cubic-bezier(.16,1,.3,1)}html.js .ex-card.in li i::after{transform:none}html.js .ex-card.in li:nth-child(2) i::after{transition-delay:.08s}html.js .ex-card.in li:nth-child(3) i::after{transition-delay:.16s}html.js .ex-card.in li:nth-child(4) i::after{transition-delay:.24s}}
@media (max-width:900px){.ex{grid-template-columns:1fr}}
@media (max-width:600px){.ex-copy .btn{width:100%}.ex-card li span{font-size:14.5px}}
.rows-list p{font-size:16px}
.ex-card li span{grid-column:1;grid-row:1}.ex-card li b{grid-column:2;grid-row:1;white-space:nowrap}.ex-card li i{grid-row:2}
/* Abonamenty to nie transformacja */
.trap{background:var(--graph);color:#fff;padding-block:clamp(56px,7vw,104px)}
.trap .lead{color:#C9D6DE}
.trap .mute{color:#7E95A3}
.trap-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(28px,5vw,80px);align-items:start}
.trap-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.trap-list li{background:var(--graph2);border-radius:var(--radius);padding:20px 22px;display:grid;gap:4px}
.trap-list b{font:700 18px var(--display);color:#fff}
.trap-list b::before{content:"";display:inline-block;width:8px;height:14px;margin-right:12px;background:#FF6B5E;transform:skewX(-18deg);vertical-align:-1px}
.trap-list span{color:#C9D6DE;font-size:15.5px}
.trap-ours{grid-column:1/-1;background:var(--accent);color:var(--ink);border-radius:var(--radius);padding:clamp(20px,2.6vw,32px);font-size:17px;line-height:1.55}
.trap-ours b{font-family:var(--display)}
.trap-ours a{color:var(--ink);font-weight:700;white-space:nowrap}
@media (max-width:900px){.trap-grid{grid-template-columns:1fr}}
@media (max-width:600px){.trap-list li{padding:16px 18px}.trap-list b{font-size:16.5px}.trap-ours{font-size:15.5px}}
/* ===== Telefon v4: więcej powietrza, mniej pudełek ===== */
@media (max-width:600px){
 main p,main li,main dd,main td{color:var(--ink2);line-height:1.65}
 main h1,main h2,main h3,main h4,main b,main strong,main .svc-q,main summary{color:var(--ink)}
 .loss p,.loss li,.trap p,.trap li,.trap span,.ct-direct p,.result p,.plan.dark p,.plan.dark li,.cs-procs li,.fq-ask p{color:#C9D6DE}
 .trap b,.trap h2,.ct-direct a,.cs-procs h3,.result .sum,.result .plan-t{color:#fff}
 .trap-ours,.trap-ours b,.trap-ours a{color:var(--ink)}
 .next p,.next h2,.next .next-txt span,.next a{color:var(--ink)}
 main>section{padding-block:48px}
 main>section.hero{padding-top:24px;padding-bottom:48px}
 main>section.clients{padding-block:0 48px}
 main>section.ex{padding-top:24px}
 /* karty -> wiersze */
 .gains{gap:0}
 .gain,.g-big{background:none;border-radius:0;padding:20px 0;min-height:0;border-bottom:1px solid var(--line)}
 .gain:first-child{padding-top:4px}
 .g-big h3,.gain h3{font-size:18px}
 .reasons{gap:0}
 .reasons li{background:none;border-radius:0;padding:18px 0;border-bottom:1px solid var(--line)}
 .tint .reasons li{border-color:#DDE1D9}
 .hfaq .acc{gap:0}
 .hfaq details,.hfaq details[open]{background:none;border-radius:0;border-bottom:1px solid var(--line)}
 .hfaq summary{padding:16px 0}
 .hfaq details>div{padding:0 0 18px}
 /* tabela porównawcza jako lista */
 .cmp tr{border-radius:0;margin:0;padding:16px 0;border-bottom:1px solid var(--line);display:grid;gap:6px}
 .cmp tbody th{background:none;color:var(--ink);padding:0;font:700 16px var(--display)}
 .cmp td,.cmp td:nth-child(2),.cmp td:last-child{background:none;padding:0;border:0}
 .cmp td:nth-child(2){color:var(--ink2);font-size:15px}
 .cmp td:nth-child(2)::before{content:"Typowo: ";display:inline;color:var(--ink2);font-size:15px;font-weight:500}
 .cmp td:last-child{color:var(--ink);font-weight:600;font-size:15.5px}
 .cmp td:last-child::before{content:"U nas: ";display:inline;color:#005F86;font-size:15.5px}
 .cmp-wrap{margin-top:24px}
}
/* Okienko poczty z asystentem */
.demo{padding-block:0 clamp(40px,5vw,64px)}
.mail{margin:0 auto;max-width:980px;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 24px 60px -30px rgba(11,26,34,.35)}
.mail-bar{display:flex;align-items:center;gap:14px;padding:10px 16px;background:var(--bg2);border-bottom:1px solid var(--line);font-size:13.5px;color:var(--ink2)}
.dots{display:flex;gap:6px}.dots i{width:10px;height:10px;border-radius:50%;background:#D5DCE2}
.mail-tag{margin-left:auto;background:var(--cy100);color:#005F86;font-weight:600;font-size:12.5px;padding:3px 8px;border-radius:6px}
.mail-body{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr)}
.mail-in{padding:22px 24px;border-right:1px solid var(--line)}
.mail-from{margin:0;font-size:14.5px;color:var(--ink2);display:flex;gap:6px;flex-wrap:wrap}
.mail-from b{color:var(--ink)}.mail-from span{margin-left:auto;font-variant-numeric:tabular-nums}
.mail-subj{margin:8px 0 10px;font:700 17px/1.3 var(--display)}
.mail-txt{margin:0;font-size:15px;line-height:1.6;color:var(--ink)}
.mail-ai{padding:22px 24px;background:var(--cy50)}
.ai-head{margin:0 0 10px;font-size:13.5px;font-weight:600;color:#005F86;display:flex;align-items:center;gap:8px}
.ai-dot{width:8px;height:8px;border-radius:50%;background:var(--accent)}
.mail.typing .ai-dot{animation:aiPulse 1s ease-in-out infinite}
@keyframes aiPulse{50%{opacity:.25}}
.ai-txt{margin:0;font-size:15px;line-height:1.6;color:var(--ink);min-height:6.4em}
.ai-txt.caret::after{content:"";display:inline-block;width:2px;height:1.05em;margin-left:2px;background:var(--ink);vertical-align:-2px;animation:aiPulse .8s steps(1) infinite}
.ai-src{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.ai-src li{font-size:12.5px;background:#fff;border:1px solid var(--line);border-radius:6px;padding:3px 8px;color:var(--ink2)}
.ai-done{margin:12px 0 0;font-size:14px;color:var(--ink2)}.ai-done b{color:#0E7A4B}
.mail figcaption{padding:12px 24px 14px;font-size:13.5px;color:var(--ink2);border-top:1px solid var(--line)}
html.js .mail:not(.done) .ai-src,html.js .mail:not(.done) .ai-done{opacity:0}
.ai-src,.ai-done{transition:opacity .5s}
@media (max-width:700px){.mail-body{grid-template-columns:1fr}.mail-in{border-right:0;border-bottom:1px solid var(--line);padding:16px 18px}.mail-ai{padding:16px 18px}.mail figcaption{padding:10px 18px 12px}.ai-txt{min-height:9.6em;font-size:14.5px}.mail-txt{font-size:14.5px}}
@media (max-width:600px){main>section.demo{padding-block:0 48px}}
/* realizacja na głównej: zmiana + arkusz */
.case-vis{min-width:0}
.chg{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;margin:0;font:800 clamp(28px,3.2vw,44px)/1.1 var(--display);letter-spacing:-.03em}
.chg-was{color:#8A97A3;text-decoration:line-through;text-decoration-thickness:3px;text-decoration-color:rgba(138,151,163,.6)}
.chg b{color:#005F86}
.chg-arrow{width:36px;height:3px;background:var(--ink);position:relative;flex:none}
.chg-arrow::after{content:"";position:absolute;right:-2px;top:-6px;border:7.5px solid transparent;border-left:10px solid var(--ink);border-right:0}
.case-vis .ba-note{margin:12px 0 18px}
.case-vis .xl{background:var(--cy50);border-radius:var(--radius)}
@media (max-width:600px){.xl table{min-width:0}.xl th:nth-child(2),.xl td:nth-child(2),.xl th:nth-child(3),.xl td:nth-child(3){display:none}.xl th,.xl td{padding:7px 8px;font-size:13px;white-space:normal}.xl td.v{white-space:nowrap}.xl-files{font-size:12.5px}.chg{font-size:26px}}
/* Etap 3: pływający pasek na telefonie */
@media (max-width:960px){
 .top{background:transparent;padding:8px var(--m) 0;pointer-events:none}
 .top .wrap{pointer-events:auto;background:#fff;border-radius:16px;padding-inline:14px 8px;box-shadow:0 8px 28px -12px rgba(11,26,34,.28),0 0 0 1px rgba(11,26,34,.06);max-width:none}
 .top nav{left:var(--m);right:var(--m);top:72px;border-radius:16px;border:0;box-shadow:0 18px 40px -16px rgba(11,26,34,.35)}
}
@media (max-width:600px){.top .wrap{height:56px}.top nav{top:66px}}
/* Etap 3: ciemny formularz na stronie głównej */
.hct{background:var(--graph);color:#fff}
.hct .h2,.hct .ct-form h2,.hct .ct-next h2{color:#fff}
.hct .lead{color:#C9D6DE}
.hct .ct-form{background:var(--graph2)}
.hct .fld label{color:#E6EDF1}
.hct .fld label span{color:#8FA5B2}
.hct .fld input,.hct .fld select,.hct .fld textarea{background:#0B1A22;border-color:#24404D;color:#fff}
.hct .fld input:focus,.hct .fld select:focus,.hct .fld textarea:focus{border-color:var(--accent)}
.hct .ct-form .btn{background:var(--accent);color:var(--ink)}
.hct .ct-form .btn::after{background-color:var(--ink);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 12h9m-4-4 4 4-4 4' fill='none' stroke='%2300C2FF' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.hct .ct-form .btn:hover{background:#4FD6FF}
.hct .f-note,.hct .f-note a{color:#8FA5B2}
.hct .ct-direct{background:var(--accent);color:var(--ink)}
.hct .ct-direct .ct-who{color:#0D3B4A}
.hct .ct-direct .ct-big{color:var(--ink)}
.hct .ct-direct .ct-mail{color:#0D3B4A}
.hct .ct-faces img{border-color:var(--accent)}
.hct .ct-next b{color:#fff}
.hct .ct-next span{color:#C9D6DE}
@media (max-width:600px){.hct p,.hct li,.hct span{color:#C9D6DE}.hct .ct-direct p,.hct .ct-direct a{color:var(--ink)}.hct .h2{color:#fff}}
@media (max-width:960px){.top .wrap{width:100%;box-sizing:border-box;margin:0;padding-inline:14px 8px}}
@media (max-width:600px){.top .wrap{gap:6px;padding-inline:12px 6px}.top .word{max-width:100px}.top .mark{gap:8px}.top-cta{padding:8px 12px;font-size:14px}.menu-btn{padding:8px 12px}}
main>section.demo{padding-block:var(--gap) 0}
.demo-head{max-width:760px;margin:0 auto 32px;text-align:center}
.demo-head .lead{margin-inline:auto}
main>section.uslugi,.svc{padding-top:var(--gap)}
@media (max-width:600px){main>section.demo{padding-block:72px 0}.demo-head{text-align:left;margin-bottom:20px}}
.ct-form .sel{color:var(--ink)}.hct .ct-form .sel,.hct .ct-form p.sel{background:#0B1A22;color:#E6EDF1;border:1px solid #24404D}
@media (max-width:600px){.loss h2,.loss .h2,.loss h3{color:#fff}.loss .loss-out p,.loss .loss-out span,.loss .loss-out small{color:var(--ink2)}.loss .loss-out .lo-big,.loss .loss-out b,.loss .loss-out .lo-save,.loss .loss-out .lo-roi{color:var(--ink)}}
@media (max-width:600px){.cs-index a.on b{color:#fff}.cs-index a.on span{color:#C9D6DE}.why>div h3,.why>div b,.why>div p{color:#fff}.why>div p{color:#C9D6DE}.plan.dark h3,.plan.dark b,.result h3,.result b,.fq-ask p,.cs-procs h3,.cs-procs li,.hct h2,.hct b,.trap h2,.ct-direct b{color:#fff}.plan.dark .row span{color:#C9D6DE}.hct .ct-direct b,.trap-ours b{color:var(--ink)}}
/* Zdjęcia: blok „Praktycy” */
.whyb{padding-block:var(--gap)}
.whyb-band{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);background:var(--accent);border-radius:20px;overflow:hidden;align-items:stretch}
.whyb-photo{margin:0;position:relative;background:var(--accent);min-height:360px}
.whyb-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 22%;filter:grayscale(1) contrast(1.15) brightness(1.05);mix-blend-mode:multiply}
.whyb-photo figcaption{position:absolute;left:24px;bottom:20px;color:var(--ink);font-size:14px}
.whyb-photo figcaption b{display:block;font:700 18px var(--display)}
.whyb-copy{padding:clamp(28px,4.5vw,64px);color:var(--ink);align-self:center}
.whyb-copy .h2{color:var(--ink)}
.whyb-copy .lead{color:#0D3B4A;max-width:46ch}
.whyb-copy .btn{margin-top:28px}
.whyb-copy .btn::after{background-color:#fff}
.whyb-list{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.whyb-list li{background:var(--cy50);border-radius:var(--radius);padding:20px;display:grid;gap:6px}
.whyb-list b{font:700 16.5px/1.3 var(--display)}
.whyb-list span{font-size:15px;color:var(--ink2)}
@media (max-width:900px){.whyb-band{grid-template-columns:1fr}.whyb-photo{min-height:0;aspect-ratio:4/3.4}.whyb-list{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.whyb{padding-inline:0}.whyb-band{border-radius:0}.whyb-copy{padding:28px 20px 32px}.whyb-list{grid-template-columns:1fr;gap:0;padding-inline:var(--m)}.whyb-list li{background:none;border-radius:0;padding:16px 0;border-bottom:1px solid var(--line)}main>section.whyb{padding-block:56px}}
/* linijka pod usługami */
.svc-ask{grid-column:2;display:flex;align-items:center;gap:16px;margin:16px 0 0;font-size:16px;color:var(--ink2)}
.svc-ask img{width:56px;height:56px;border-radius:50%;object-fit:cover;object-position:50% 25%;flex:none}
.svc-ask a{color:#005F86;font-weight:700}
@media (max-width:900px){.svc-ask{grid-column:1}}
/* zdjęcie przy formularzu */
.ct-photo{margin:0 0 6px;position:relative;border-radius:12px;overflow:hidden;background:var(--graph2)}
.ct-photo img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;object-position:50% 25%}
.ct-photo figcaption{position:absolute;left:0;right:0;bottom:0;padding:40px 16px 12px;background:linear-gradient(transparent,rgba(11,26,34,.85));color:#C9D6DE;font-size:13.5px}
.ct-photo figcaption b{display:block;color:#fff;font:700 17px var(--display)}
.hct .ct-direct{background:var(--graph2);color:#fff}
.hct .ct-direct .ct-who{color:#C9D6DE}
.hct .ct-direct .ct-big{color:#fff}
.hct .ct-direct .ct-mail{color:var(--accent)}
@media (max-width:600px){.hct .ct-direct p,.hct .ct-direct a{color:#fff}.hct .ct-direct .ct-mail{color:var(--accent)}}
/* przy wycenie */
.res-who{display:flex;align-items:center;gap:12px;margin:4px 0 0;font-size:15px;color:#C9D6DE}
.res-who img{width:44px;height:44px;border-radius:50%;object-fit:cover;object-position:50% 25%;flex:none;border:2px solid var(--accent)}
.res-who b{color:#fff}
.whyb-photo img{filter:grayscale(1) brightness(1.55) contrast(1.05)}.whyb-photo figcaption{color:#E6F7FD;left:0;right:0;bottom:0;padding:48px 24px 18px;background:linear-gradient(transparent,rgba(11,26,34,.7))}.whyb-photo figcaption b{color:#fff}
.ct-photo img{aspect-ratio:16/11;height:auto;max-height:300px}
.whyb-photo{background:var(--graph)}.whyb-photo img{filter:none;mix-blend-mode:normal}
/* ===== Paleta C: biel, granat, odważniejszy cyjan ===== */
:root{--bg:#FFFFFF;--bg2:#F4F7F9;--cy50:#F1F7FA;--cy100:#DCEFF7;--line:#E2E8EC;--graph:#0F2A3D;--graph2:#173A52;--dark:#0F2A3D;--ink:#0E1B26}
.btn{background:var(--graph)}.btn:hover{background:#1B4562}
.btn.ghost{box-shadow:inset 0 0 0 2px var(--graph);color:var(--graph)}
.ex-card li i::after{background:var(--accent)}
.svc-go{background-color:var(--graph)}
.ex-save b,.chg b{color:#007BB0}
.whyb-list li{background:#fff;box-shadow:inset 0 0 0 1px var(--line)}
.ex-save b,.chg b{color:#006A99}
@media (max-width:600px){.whyb-list li{box-shadow:none;background:none}}.hct .ct-photo figcaption b,.ct-photo figcaption b{color:#fff}.hct .ct-direct .ct-who,.hct .ct-direct p{color:#C9D6DE}.hct .ct-direct a.ct-big{color:#fff}
/* audyt: poprawki */
.chg-was{color:#5E6B77;text-decoration-color:rgba(94,107,119,.55)}
.rows-list .rl-t{font-size:clamp(20px,2vw,26px);margin:0;letter-spacing:-.02em}
.rows-list .rl-t a{color:inherit;text-decoration:none}
.rows-list .rl-t a::after{content:"";position:absolute;inset:0}
#lf-h{font-size:clamp(26px,2.6vw,36px)}
@media (max-width:600px){.phead h1{font-size:clamp(30px,8.6vw,36px)}}
/* cennik: większy drobny tekst */
.row span small,.row .pr small{font-size:14.5px}
.pfacts span{font-size:15px}
.opts small,.hint,.result .fine,.cy small,.cy .cy-sum,.calc .note{font-size:15px}
.seg button,.opts span{font-size:15.5px}
footer,footer a,footer p,footer .f-note{font-size:15px}
footer .f-legal,footer .f-copy{font-size:14.5px}
@media (max-width:600px){
 footer{padding-block:40px 28px}
 footer .wrap{grid-template-columns:1fr 1fr;gap:28px 20px}
 footer .f-brand,footer .f-legal,footer .f-copy{grid-column:1/-1}
 footer nav{gap:8px}
 footer nav[aria-label="Miasta"] .f-note:last-of-type{display:none}
 footer .f-legal{line-height:1.5}
}
/* podstrony na telefonie: mniej kart */
@media (max-width:600px){
 .agenda,.mods,.topics{gap:0}
 .agenda li,.mod,.topic,.person{background:none;border-radius:0;padding:20px 0;border-bottom:1px solid var(--line)}
 .person img{border-radius:12px}
 .mod .tools li,.topic li{background:var(--bg2)}
 .why>div{border-radius:12px}
}
#st-h,#loc-h{font-size:clamp(26px,2.6vw,36px)}
.g-big{justify-content:flex-start}
/* ===== Planer szkolenia ===== */
.pl-sec{padding-block:var(--gap)}
.pl-head{max-width:640px;margin-bottom:28px}
.pl{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(20px,3vw,40px);align-items:start}
.pl-main{display:grid;gap:22px}
.pl-row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.pl-lab{margin:0;font:700 19px var(--display)}
.step{display:flex;align-items:center;gap:6px;background:var(--bg2);border-radius:999px;padding:5px}
.step-b{width:44px;height:44px;border-radius:50%;border:0;background:#fff;color:var(--ink);font:600 22px/1 var(--body);cursor:pointer;transition:transform .15s,background .2s}
.step-b:hover{background:var(--cy100)}.step-b:active{transform:scale(.92)}
.step output{min-width:96px;text-align:center;font:700 18px var(--display);font-variant-numeric:tabular-nums}
.pl-rec{margin:-8px 0 0;font-size:15.5px;color:var(--ink2)}
.pl-rec b{color:var(--ink)}
.pl-mode{display:grid;grid-template-columns:1fr 1fr;gap:4px;background:var(--bg2);border-radius:14px;padding:4px}
.pl-mode button{border:0;background:transparent;border-radius:11px;padding:12px 14px;text-align:left;cursor:pointer;display:grid;gap:2px;color:var(--ink);transition:background .2s,color .2s}
.pl-mode button b{font:700 16px var(--display)}.pl-mode button span{font-size:14.5px;color:var(--ink2)}
.pl-mode button[aria-checked="true"]{background:var(--graph);color:#fff}
.pl-mode button[aria-checked="true"] span{color:#B9CBD6}
.pl-weeks{display:grid;gap:10px}
.wk{background:var(--bg2);border-radius:14px;padding:14px}
.wk-h{display:flex;align-items:center;gap:12px;margin:0 0 10px;font-size:15px}
.wk-h b{font:700 16px var(--display)}
.wk-h span{color:var(--ink2);font-variant-numeric:tabular-nums}
.wk-x{margin-left:auto;width:32px;height:32px;border-radius:50%;border:0;background:#fff;color:var(--ink2);font-size:18px;cursor:pointer}
.wk-x:hover{color:#C93A26}
.wk-days{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.day{position:relative;border:0;border-radius:12px;padding:14px 12px;min-height:76px;text-align:left;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;gap:6px;font-family:var(--body);transition:background .2s,color .2s,transform .15s}
.day:active{transform:scale(.97)}
.day-n{font:700 17px var(--display)}
.day-t{font-size:14.5px}
.day.is-m{background:var(--graph);color:#fff}.day.is-m .day-t{color:#B9CBD6}
.day.is-o{background:#fff;color:var(--ink);box-shadow:inset 0 0 0 2px var(--accent)}
.day.is-o .day-t::before{content:"";display:inline-block;width:13px;height:9px;margin-right:6px;border:2px solid currentColor;border-radius:2px;vertical-align:0}
.day-add{background:transparent;color:var(--ink2);box-shadow:inset 0 0 0 2px dashed var(--line);border:2px dashed #C9D3DA}
.day-add:hover{color:var(--ink);border-color:var(--ink2)}
.day-x{position:absolute;top:6px;right:8px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:15px;color:inherit;opacity:.7}
.day-x:hover{opacity:1;background:rgba(255,255,255,.15)}
.pl-tools{display:flex;align-items:center;gap:14px 22px;flex-wrap:wrap}
.pl-add{border:0;background:#fff;box-shadow:inset 0 0 0 2px var(--graph);color:var(--graph);border-radius:var(--radius);padding:11px 16px;font:600 15px var(--body);cursor:pointer}
.pl-add:hover{background:var(--graph);color:#fff}
.pl-legend{margin:0 0 0 auto;font-size:14.5px;color:var(--ink2);display:flex;align-items:center;gap:8px}
.pl-legend i{width:16px;height:16px;border-radius:4px;display:inline-block}
.lg-m{background:var(--graph)}.lg-o{background:#fff;box-shadow:inset 0 0 0 2px var(--accent);margin-left:8px}
.pl-sum{position:sticky;top:96px}
.pl-sum .sum{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 10px}
.pl-badge{font:700 14px var(--body);background:var(--accent);color:var(--ink);padding:4px 9px;border-radius:999px;align-self:center}
.pl-bar{display:none}
@media (max-width:900px){.pl{grid-template-columns:1fr}.pl-sum{position:static}}
@media (max-width:600px){
 .pl-lab{font-size:17px}
 .day{min-height:68px;padding:12px 10px}
 .day-t{font-size:13.5px}
 .pl-legend{margin-left:0}
 .pl-bar{display:flex;position:fixed;left:12px;right:12px;bottom:12px;z-index:6;align-items:center;justify-content:space-between;gap:12px;background:var(--graph);color:#fff;border-radius:16px;padding:10px 10px 10px 18px;box-shadow:0 16px 40px -14px rgba(11,26,34,.55);transform:translateY(140%);transition:transform .35s cubic-bezier(.16,1,.3,1)}
 .pl-bar.on{transform:none}
 .pl-bar b{font:700 20px var(--display);color:#fff}
 .pl-bar span{color:#B9CBD6;font-size:14px}
 .pl-bar .btn{background:var(--accent);color:var(--ink);min-height:44px;padding:10px 14px;font-size:14.5px;width:auto}
 .pl-bar .btn::after{display:none}
}
.wk-rm{margin-left:auto;border:0;background:#fff;border-radius:999px;padding:6px 12px;font:600 13.5px var(--body);color:var(--ink2);cursor:pointer}.wk-rm:hover{color:var(--ink)}.wk-rm+.wk-x{margin-left:0}
.pl-mode button[aria-checked="true"] b{color:#fff}.pl-sum .res-who b,.pl-bar b{color:#fff}
/* podmenu szkoleń */
.subnav{background:var(--bg2);position:sticky;top:68px;z-index:4}
.subnav .wrap{display:flex;gap:4px;overflow-x:auto;padding-block:8px;scrollbar-width:none}
.subnav .wrap::-webkit-scrollbar{display:none}
.subnav a{flex:none;padding:8px 14px;border-radius:999px;font:600 15px var(--body);color:var(--ink2);text-decoration:none;transition:background .2s,color .2s}
.subnav a:hover{color:var(--ink);background:#fff}
.subnav a[aria-current="page"]{background:var(--graph);color:#fff}
@media (max-width:960px){.subnav{top:76px;background:transparent}.subnav .wrap{padding-inline:var(--m)}}
@media (max-width:600px){.subnav{top:70px}.subnav a{padding:7px 12px;font-size:14.5px;background:#fff;box-shadow:inset 0 0 0 1px var(--line)}}
footer .wrap{grid-template-columns:minmax(0,4fr) minmax(0,2.5fr) minmax(0,2fr) minmax(0,2.5fr)}
@media (max-width:900px){footer .wrap{grid-template-columns:1fr 1fr}footer .f-brand{grid-column:1/-1}}
/* Strona główna firmy */
.hhero .lead{max-width:50ch}
.paths{display:grid;gap:10px;margin-top:32px;max-width:560px}
.path{position:relative;display:grid;gap:4px;padding:18px 64px 18px 20px;border-radius:14px;background:var(--bg2);text-decoration:none;color:var(--ink);transition:background .2s,transform .2s}
.path:hover{background:var(--cy100);transform:translateY(-1px)}
.path b{font:700 19px var(--display)}
.path span{font-size:15px;color:var(--ink2)}
.path i{position:absolute;right:16px;top:50%;margin-top:-18px;width:36px;height:36px;border-radius:50%;background:var(--graph) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 12h9m-4-4 4 4-4 4' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/18px no-repeat}
.path-dark{background:var(--graph);color:#fff}
.path-dark:hover{background:var(--graph2)}
.path-dark span{color:#B9CBD6}
.path-dark i{background-color:var(--accent);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 12h9m-4-4 4 4-4 4' fill='none' stroke='%230E1B26' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.ht-note{cursor:default}
section.two{padding-block:var(--gap) 0}
.two-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:28px}
.two-card{background:var(--bg2);border-radius:18px;padding:clamp(24px,3vw,40px);display:flex;flex-direction:column;gap:14px}
.two-card h3{font-size:clamp(22px,2.2vw,28px);margin:0}
.two-card>p{margin:0;font-size:16.5px;color:var(--ink2)}
.two-card .bars{margin:4px 0 0}
.two-foot{margin-top:auto;padding-top:16px;display:flex;align-items:center;justify-content:space-between;gap:12px 20px;flex-wrap:wrap}
.two-foot p{margin:0;font-size:15.5px;color:var(--ink2)}.two-foot b{color:var(--ink);font-family:var(--display)}
.two-foot .btn{margin:0}
.two-dark{background:var(--graph);color:#fff}
.two-dark>p,.two-dark .two-foot p,.two-dark .bars li{color:#C9D6DE}
.two-dark .two-foot b,.two-dark h3{color:#fff}
.two-dark .btn{background:var(--accent);color:var(--ink)}
.proc{padding-block:var(--gap) 0}
.proc-list{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;counter-reset:p}
.proc-list li{counter-increment:p;background:var(--bg2);border-radius:14px;padding:22px;display:grid;gap:8px;align-content:start}
.proc-list li::before{content:counter(p);width:34px;height:34px;border-radius:50%;background:var(--graph);color:#fff;display:grid;place-items:center;font:700 15px var(--display)}
.proc-list b{font:700 17px var(--display)}
.proc-list span{font-size:15px;color:var(--ink2)}
.hcases{padding-block:0 var(--gap)}
.areas-sec{padding-block:0 0}
.areas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:28px}
.area{background:var(--bg2);border-radius:14px;padding:24px;display:grid;gap:10px;align-content:start}
.area h3{margin:0;font-size:21px}
.area>p{margin:0;font-size:15.5px;color:var(--ink2)}
.area-ex{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:6px}
.area-ex li{font-size:15px}.area-ex b{font-family:var(--display);color:#006A99}.area-ex span{color:var(--ink2)}
@media (max-width:900px){.two-grid,.areas{grid-template-columns:1fr}.proc-list{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.proc-list{grid-template-columns:1fr;gap:0}.proc-list li{background:none;border-radius:0;padding:16px 0;border-bottom:1px solid var(--line);grid-template-columns:34px 1fr;column-gap:14px}.proc-list li::before{grid-row:1/3}.area{padding:20px}.path{padding:16px 60px 16px 16px}.path b{font-size:17px}}
.path-dark b,.two-dark h3,.two-dark .two-foot b{color:#fff}
/* Trzy sposoby współpracy */
.ways{padding-block:var(--gap) 0}
.ways-head{max-width:720px;margin-bottom:12px}
.way{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(20px,4vw,64px);padding-block:clamp(28px,3.5vw,48px);border-top:1px solid var(--line)}
.way:first-of-type{border-top:0}
.way-h h3{font-size:clamp(24px,2.4vw,32px);margin:0;letter-spacing:-.02em}
.way-h p{margin:8px 0 0;color:var(--ink2);font-size:16px}
.w-list{list-style:none;margin:0;padding:0;display:grid}
.w-list li{position:relative;display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr) 44px;gap:10px 28px;align-items:center;padding:20px 0;border-bottom:1px solid var(--line)}
.w-list li:first-child{padding-top:0}
.w-q{margin:0;font:600 clamp(17px,1.5vw,20px)/1.35 var(--display);letter-spacing:-.01em;color:var(--ink)}
.w-s h4{margin:0;font:700 16px var(--display);color:#006A99}
.w-s p{margin:4px 0 0;font-size:15px;color:var(--ink2)}
.w-p{display:inline-block;margin-top:8px;font-size:13.5px;font-weight:600;color:var(--ink);background:var(--bg2);padding:3px 9px;border-radius:999px}
.w-list .svc-go::after{content:"";position:absolute;inset:0}
.w-list li:hover .svc-go{transform:translateX(3px)}
.w-list li:hover .w-q{color:#006A99}
.ways .svc-ask{margin-top:28px}
@media (max-width:900px){.way{grid-template-columns:1fr}.w-list li{grid-template-columns:1fr 40px}.w-s{grid-column:1}.w-list .svc-go{grid-column:2;grid-row:1/3}}
@media (max-width:600px){.w-q{font-size:16.5px}.w-list .svc-go{width:38px;height:38px}}
.w-list li.w-ex{display:block;padding:22px 0 6px;border-bottom:0}
.w-list li.w-ex p{margin:0;font-size:15px;font-weight:600;color:var(--ink2)}
#budujemy .w-list li:first-child .w-p{background:var(--accent);color:var(--ink)}
/* Wdrożenia: rozwidlenie, mapa procesów */
.fork{padding-block:0}
.fork-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}
.fork-card{background:var(--bg2);border-radius:18px;padding:clamp(22px,3vw,36px);display:flex;flex-direction:column;gap:16px}
.fork-card h3{margin:0;font-size:clamp(21px,2vw,26px)}
.fork-steps{margin:0;padding-left:20px;display:grid;gap:8px;font-size:16px;color:var(--ink2)}
.fork-steps b{color:var(--ink)}
.fork-card .btn{margin-top:auto;align-self:flex-start}
.fork-dark{background:var(--graph);color:#fff}
.fork-dark h3,.fork-dark .fork-steps b{color:#fff}.fork-dark .fork-steps{color:#C9D6DE}
.fork-dark .btn{background:var(--accent);color:var(--ink)}
.price-model{padding-block:var(--gap) 0}
.pm-grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:clamp(24px,4vw,64px);align-items:start}
.pm-rules{margin-top:20px}
.pmap{margin:0;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 24px 60px -30px rgba(11,26,34,.3)}
.pmap-bar{display:flex;align-items:center;gap:12px;padding:10px 16px;background:var(--bg2);border-bottom:1px solid var(--line);font-size:13.5px;color:var(--ink2)}
.pmap-list{list-style:none;margin:0;padding:8px 0}
.pmap-list li{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px 18px;border-bottom:1px solid var(--line)}
.pmap-list li:last-child{border-bottom:0}
.pmap-list b{display:block;font:700 15.5px var(--display)}
.pmap-list span{font-size:14px;color:var(--ink2)}
.pmap-list em{font-style:normal;font-size:13px;font-weight:700;color:#006A99;background:var(--cy50);padding:4px 9px;border-radius:999px;white-space:nowrap}
.pm-st{width:24px;height:24px;border-radius:50%;box-shadow:inset 0 0 0 2px var(--line);position:relative;transition:background .3s,box-shadow .3s}
.pm-st::after{content:"";position:absolute;left:8px;top:4px;width:6px;height:11px;border:solid #fff;border-width:0 2.4px 2.4px 0;transform:rotate(45deg) scale(0);transition:transform .3s}
.pmap.in .pm-st,html:not(.js) .pm-st{background:var(--graph);box-shadow:none}
.pmap.in .pm-st::after,html:not(.js) .pm-st::after{transform:rotate(45deg) scale(1)}
.pmap.in li:nth-child(2) .pm-st,.pmap.in li:nth-child(2) .pm-st::after{transition-delay:.35s}
.pmap.in li:nth-child(3) .pm-st,.pmap.in li:nth-child(3) .pm-st::after{transition-delay:.7s}
.pmap-foot{margin:0;padding:12px 18px;background:var(--graph);color:#fff;font-size:14px;font-weight:600}
.pmap figcaption{padding:10px 18px 12px;font-size:13.5px;color:var(--ink2)}
@media (prefers-reduced-motion:reduce){.pm-st{background:var(--graph)!important}.pm-st::after{transform:rotate(45deg) scale(1)!important}}
@media (max-width:900px){.fork-grid,.pm-grid{grid-template-columns:1fr}}
@media (max-width:600px){.pmap-list li{grid-template-columns:24px 1fr;padding:12px 14px}.pmap-list em{grid-column:2;justify-self:start}.fork-card .btn{align-self:stretch}.fork-dark h3,.fork-dark .fork-steps b,.pmap-foot{color:#fff}.fork-dark .fork-steps li{color:#C9D6DE}}

/* formularz: wybór tematu */
.f-topic{border:0;padding:0;margin:0 0 4px;display:flex;flex-wrap:wrap;gap:8px}
.f-topic legend{font-weight:600;font-size:15px;margin-bottom:8px;padding:0}
.f-topic label{position:relative;cursor:pointer}
.f-topic input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.f-topic span{display:block;padding:10px 16px;border:1px solid var(--line);border-radius:999px;background:#fff;font-weight:600;font-size:15px;color:var(--ink);transition:background .2s,color .2s,border-color .2s}
.f-topic input:checked+span{background:var(--graph);border-color:var(--graph);color:#fff}
.f-topic input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}
.hct .f-topic legend{color:#E6EDF1}
.hct .f-topic span{background:transparent;border-color:#3A5568;color:#E6EDF1}
.hct .f-topic input:checked+span{background:var(--cy100);border-color:var(--cy100);color:var(--graph)}

/* trzy drogi: zwarte karty na stronie głównej */
.wcs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:clamp(28px,3vw,40px)}
.wc{background:var(--bg2);border-radius:var(--radius);padding:clamp(22px,2.4vw,32px);display:flex;flex-direction:column;gap:14px}
.wc h3{font-size:clamp(22px,2vw,26px);margin:0;letter-spacing:-.02em}
.wc>p{margin:0;color:var(--ink2);font-size:16px}
.wc ul{list-style:none;margin:4px 0 8px;padding:0;display:grid;flex:1;align-content:start}
.wc li a{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid var(--line);color:var(--ink);text-decoration:none;font-weight:600;font-size:15.5px}
.wc li a:hover span{color:#006A99}
.wc li em{font-style:normal;font-weight:500;font-size:14px;color:var(--ink2);text-align:right;white-space:nowrap}
.wc .btn{align-self:flex-start}
.wc-dark{background:var(--graph);color:#fff}
.wc-dark h3,.wc-dark li a{color:#fff}
.wc-dark>p,.wc-dark li em{color:#B9CBD6}
.wc-dark li a{border-color:#2A4A60}
.wc-dark li a:hover span{color:var(--accent)}
@media (max-width:900px){.wcs{grid-template-columns:1fr}}
@media (max-width:600px){main .wc-dark p,main .wc-dark b{color:#B9CBD6}}
.wc-dark .btn{background:#fff;color:var(--graph)}

/* wdrożenia: siatka przykładów */
.bg-lead{margin-top:clamp(24px,3vw,36px);font-size:17px;max-width:60ch}
.bgrid{list-style:none;margin:20px 0 24px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.bgrid a{display:flex;flex-direction:column;gap:6px;height:100%;box-sizing:border-box;background:var(--bg2);border-radius:var(--radius);padding:22px 24px;color:var(--ink);text-decoration:none;transition:background .2s}
.bgrid a:hover{background:var(--cy100)}
.bgrid h3{font-size:19px;margin:0;letter-spacing:-.01em}
.bgrid p{margin:0;font-weight:600;color:#006A99;font-size:15.5px}
.bgrid span{font-size:14.5px;color:var(--ink2);margin-top:auto}
@media (max-width:900px){.bgrid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.bgrid{grid-template-columns:1fr}}
/* podstrony rozwiązań */
.sol-pains{list-style:none;margin:24px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.sol-pains li{background:var(--bg2);border-radius:var(--radius);padding:22px 24px;font:600 18px/1.4 var(--display);color:var(--ink)}
.sol-steps{list-style:none;margin:24px 0 16px;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;counter-reset:s}
.sol-steps li{counter-increment:s;border-top:3px solid var(--graph);padding-top:16px}
.sol-steps li::before{content:counter(s);font:700 15px var(--display);color:#006A99}
.sol-steps h3{font-size:19px;margin:6px 0 6px}
.sol-steps p{margin:0;font-size:16px;color:var(--ink2)}
.sol-case{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(24px,4vw,64px);align-items:center}
.sol-rules{list-style:none;margin:24px 0 12px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.sol-rules li{background:var(--cy50);border-radius:var(--radius);padding:22px 24px;display:grid;gap:6px}
.sol-rules b{font:700 18px var(--display)}
.sol-rules span{font-size:16px;color:var(--ink2)}
.sol-others h2{font-size:20px;margin:0 0 12px}
.sol-others ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.sol-others a{display:block;padding:10px 16px;border-radius:999px;background:var(--bg2);color:var(--ink);font-weight:600;font-size:15px;text-decoration:none}
.sol-others a:hover{background:var(--cy100)}
@media (max-width:900px){.sol-pains,.sol-rules{grid-template-columns:1fr}.sol-steps{grid-template-columns:1fr 1fr}.sol-case{grid-template-columns:1fr}}
@media (max-width:560px){.sol-steps{grid-template-columns:1fr}}
.subnav .wrap{overflow-x:auto;scrollbar-width:none}
.sol-kpi{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.sol-kpi li{background:var(--bg2);border-radius:var(--radius);padding:20px 24px;display:flex;align-items:baseline;gap:16px}
.sol-kpi b{font:700 clamp(24px,2.4vw,32px)/1.1 var(--display);color:var(--graph);min-width:3.2ch}
.sol-kpi span{font-size:16px;color:var(--ink)}
.subnav a:last-child{margin-right:16px}
@media (max-width:900px){.sol-case .btn{margin-bottom:24px}}
.sol-kpi{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}
.sol-kpi li{flex-direction:column;align-items:flex-start;gap:8px}
@media (max-width:900px){.subnav .wrap{padding-inline:0;margin-inline:var(--m);width:auto}}
@media (max-width:600px){:root{--gap:56px}}
@media (max-width:900px){.subnav{position:static}}
@media (max-width:600px){.row>span{min-width:7.5em}}
.sol-kpi{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.sol-kpi b{white-space:nowrap}
.cta-s{display:none}
@media (max-width:440px){.top-cta .cta-l{display:none}.top-cta .cta-s{display:inline}}
/* pasek podstron na telefonie: bez przewijania */
@media (max-width:900px){
 .subnav .wrap{overflow:visible;flex-wrap:wrap;gap:6px;padding-block:10px}
 .subnav a{padding:7px 12px;font-size:14px;background:#fff}
 .subnav[aria-label="Szkolenia"] a:first-child{display:none}
 .subnav[aria-label="Szkolenia"] .wrap{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
 .subnav[aria-label="Szkolenia"] a{text-align:center;padding:8px 4px}
 .subnav a:last-child{margin-right:0}
}
@media (max-width:900px){.subnav[aria-label="Wdrożenia"]{display:none}.subnav[aria-label="Szkolenia"] a{white-space:nowrap}}
.sol-xl{margin-top:32px;max-width:820px}
/* krócej na telefonie */
@media (max-width:600px){
 .wc ul{display:none}
 .wc{gap:10px}
 .hct .ct-next{display:none}
 .others a{padding:16px 18px;gap:4px}
 .others h3{font-size:17px}
}
@media (max-width:560px){
 .bgrid{grid-template-columns:1fr 1fr;gap:8px}
 .bgrid a{padding:14px 14px}
 .bgrid h3{font-size:15.5px}
 .bgrid p{font-size:14px}
 .bgrid span{font-size:13px}
}
.sol-pline{margin:0;font-size:18px;background:var(--cy50);border-radius:var(--radius);padding:20px 24px}
/* wdrożenia: wybór rozwiązania na telefonie */
.wpick{display:none}
@media (max-width:900px){
 .wpick{display:block;padding-top:12px}
 .wpick-here{margin:0 0 6px;font-size:14px;color:var(--ink2)}
 .wpick-here b{color:var(--ink)}
 .wpick details{border:2px solid var(--graph);border-radius:14px;background:#fff}
 .wpick summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;font:700 16px var(--display);color:var(--graph)}
 .wpick summary::-webkit-details-marker{display:none}
 .wpick summary::after{content:"";width:10px;height:10px;border-right:2.5px solid currentColor;border-bottom:2.5px solid currentColor;transform:rotate(45deg) translateY(-3px);transition:transform .2s}
 .wpick details[open] summary::after{transform:rotate(-135deg) translateY(-3px)}
 .wpick details[open] summary{border-bottom:1px solid var(--line)}
 .wpick ul{list-style:none;margin:0;padding:6px 0}
 .wpick a{display:block;padding:12px 16px;color:var(--ink);text-decoration:none;font-weight:600;font-size:16px}
 .wpick a[aria-current="page"]{color:#006A99}
 .wpick a[aria-current="page"]::after{content:" ✓"}
 .wpick a:active{background:var(--cy50)}
}
@media (max-width:900px){.wpick{padding-top:76px}.wpick + main .phead,.wpick + main > section:first-child{padding-top:28px}}
/* poprawki po audycie */
@media(max-width:860px){.plans{grid-template-columns:minmax(0,1fr)}}
@media(max-width:600px){.row .pr small{white-space:normal}.row .pr{flex:0 1 auto;min-width:0}.plan{min-width:0}}
.hcases{padding-top:var(--gap)}
@media(max-width:600px){.row{flex-wrap:wrap;min-width:0}.row>span{min-width:0;flex:1 1 9em}.row .pr b,.row>b{white-space:nowrap}}
/* większe cele dotykowe na telefonie */
@media (max-width:900px){
 .next-txt span a{display:inline-block;padding:12px 4px;margin:-12px 0}
 .subnav a{min-height:44px;display:flex;align-items:center;justify-content:center;box-sizing:border-box}
 .phead .tlink,.cta .tlink{display:inline-flex;align-items:center;min-height:44px}
 .rows-list h3 a{display:inline-block;padding:10px 0}
 .top .mark{min-height:44px;display:flex;align-items:center}
 .ct-direct a{display:inline-block;padding-block:8px}
 .pl .reset{min-height:44px}
 main section.cs-sec{padding-block:32px}
 .cs-index ul{align-items:stretch}.cs-index li,.cs-index a{height:100%;box-sizing:border-box}
}
.proc-list b{display:block}
.subnav[aria-label="Wdrożenia"] .wrap{flex-wrap:wrap;overflow:visible}
@media (min-width:901px){.subnav[aria-label="Wdrożenia"] .wrap{justify-content:center}}
/* stopka desktop: 5 kolumn */
@media (min-width:1101px){footer .wrap{grid-template-columns:minmax(0,4fr) repeat(4,minmax(0,2.6fr));gap:32px}}
@media (min-width:761px) and (max-width:1100px){footer .wrap{grid-template-columns:repeat(4,minmax(0,1fr))}footer .f-brand{grid-column:1/-1}}
footer .f-legal{max-width:92ch}
/* 961–1180: wybór rozwiązań zamiast dwurzędowego paska */
@media (min-width:901px) and (max-width:1180px){
 .subnav[aria-label="Wdrożenia"]{display:none}
 .wpick{display:block;padding-top:16px;max-width:520px;margin-left:auto;margin-right:auto}
 .wpick-here{margin:0 0 6px;font-size:14px;color:var(--ink2)}
 .wpick details{border:2px solid var(--graph);border-radius:14px;background:#fff}
 .wpick summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:12px 16px;font:700 16px var(--display);color:var(--graph)}
 .wpick summary::-webkit-details-marker{display:none}
 .wpick summary::after{content:"";width:10px;height:10px;border-right:2.5px solid currentColor;border-bottom:2.5px solid currentColor;transform:rotate(45deg) translateY(-3px)}
 .wpick details[open] summary::after{transform:rotate(-135deg) translateY(-3px)}
 .wpick ul{list-style:none;margin:0;padding:6px 0;border-top:1px solid var(--line)}
 .wpick a{display:block;padding:10px 16px;color:var(--ink);text-decoration:none;font-weight:600}
 .wpick a:hover{background:var(--cy50)}
}
@media (min-width:901px) and (max-width:1180px){.wpick{max-width:1280px}.wpick details,.wpick-here{max-width:520px}}
.bgrid .bg-cta a{background:var(--graph);color:#fff}.bgrid .bg-cta h3{color:#fff}.bgrid .bg-cta p{color:var(--accent)}.bgrid .bg-cta span{color:#B9CBD6}.bgrid .bg-cta a:hover{background:var(--graph2)}
.g-big .g-num{display:block;margin-top:auto;padding-top:24px;font:800 clamp(30px,3vw,44px)/1.1 var(--display);color:var(--graph)}.g-big .g-num small{display:block;font:500 15px var(--body);color:var(--ink2);margin-top:6px}
.g-big .g-num{color:var(--accent);margin-top:0;padding-top:0;margin-bottom:16px}.g-big .g-num small{color:#B9CBD6}
.g-big .g-num{margin-bottom:auto;padding-bottom:24px}
.legal-body{max-width:70ch}
main > .hhero ~ section:not(.next):not(.clients){padding-block:calc(var(--gap) / 2)}
.g-big .g-num{color:var(--graph);font-size:clamp(24px,2.2vw,32px)}.g-big .g-num small{color:var(--ink2)}
.g-big p.g-num{font:inherit;margin:0 0 auto;padding-bottom:24px}.g-big p.g-num b{display:block;font:800 clamp(24px,2.2vw,32px)/1.15 var(--display);color:var(--graph);white-space:nowrap}
.gains .g-big{justify-content:center}
/* hero strony głównej: lżej na telefonie */
.path .p-short{display:none}
@media (max-width:600px){
 .hhero h1{font-size:clamp(36px,10vw,44px)}
 .hhero .lead{margin-top:16px}
 .hhero .lead-more,.path .p-long{display:none}
 .path .p-short{display:block}
 .hhero .paths{margin-top:28px;gap:10px}
 .hhero .path{padding:16px 64px 16px 18px}
}
/* pasek zaufania */
main > section.proof{padding-block:8px 40px;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:16px;align-items:stretch}
.proof-kpi{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.proof-kpi a{display:flex;flex-direction:column;gap:6px;height:100%;box-sizing:border-box;background:var(--bg2);border-radius:var(--radius);padding:22px;text-decoration:none;color:var(--ink);transition:background .2s}
.proof-kpi a:hover{background:var(--cy100)}
.proof-kpi b{font:800 clamp(24px,2.3vw,34px)/1.1 var(--display);color:var(--graph);letter-spacing:-.02em}
.proof-kpi span{font-size:15px;color:var(--ink)}
.proof-kpi em{font-style:normal;font-size:14px;color:#006A99;font-weight:600;margin-top:auto}
.proof-quote{margin:0;background:var(--graph);color:#fff;border-radius:var(--radius);padding:24px 26px;display:flex;flex-direction:column;gap:14px}
.proof-quote blockquote{margin:0}
.proof-quote p{margin:0;font-size:16px;line-height:1.55;color:#E6EDF1}
.proof-quote p::before{content:"„";color:var(--accent);font:800 28px/0 var(--display);margin-right:2px}
.proof-quote figcaption{font-size:15px;color:#B9CBD6;display:flex;gap:12px;align-items:baseline;flex-wrap:wrap}
.proof-quote figcaption b{color:#fff}
.proof-quote a{color:var(--accent)}
.cs-main .proof-quote{margin-top:8px}
@media (max-width:960px){main > section.proof{grid-template-columns:1fr}}
@media (max-width:600px){
 .proof-kpi{grid-template-columns:1fr 1fr 1fr;gap:8px}
 .proof-kpi a{padding:14px 12px}
 .proof-kpi b{font-size:20px}
 .proof-kpi span{font-size:13px}
 .proof-kpi em{font-size:12px}
 main .proof-quote p{font-size:15px;color:#E6EDF1}
 main .proof-quote b{color:#fff}
}
main > section.hhero{padding-bottom:40px}
@media (max-width:600px){
 .proof-kpi{grid-template-columns:1fr}
 .proof-kpi a{display:grid;grid-template-columns:auto 1fr;column-gap:14px;row-gap:2px;align-items:baseline;padding:14px 16px}
 .proof-kpi b{grid-row:1/3;font-size:22px;white-space:nowrap}
 .proof-kpi span{font-size:15px}
 .proof-kpi em{font-size:13px;margin:0}
}
@media (max-width:600px){
 .proof-kpi a{display:flex;flex-direction:column;gap:4px;padding:16px 18px}
 .proof-kpi b{font-size:24px}
}
.proof-quote .pq-kpi{display:none}
@media (max-width:600px){
 .proof .proof-kpi{display:none}
 .proof-quote .pq-kpi{display:block;margin:0;font-size:15px;color:#B9CBD6}
 .proof-quote .pq-kpi::before{content:none}
 .proof-quote .pq-kpi b{font:800 22px var(--display);color:var(--accent);margin-right:4px}
}
.hcta{margin-top:24px}.hhero .hcta + .paths{margin-top:20px}
@media (max-width:600px){.hcta .btn{width:100%}}
@media (min-width:601px){.hhero h1{max-width:none;font-size:clamp(44px,5.2vw,76px)}}
/* hero: spokojniejsze proporcje */
@media (max-width:600px){
 .hhero h1{font-size:36px;line-height:1.08}
 .hhero .lead{font-size:17px}
 .hhero .path b{font-size:17px}
 .hhero .path .p-short{font-size:15px}
 .hhero .path i{width:32px;height:32px;margin-top:-16px}
 .top-cta,.menu-btn{font-size:14px}
}
@media (min-width:601px){.hhero h1{font-size:clamp(40px,4.4vw,64px)}.hhero .lead{font-size:clamp(17px,1.3vw,19px)}}
@media (max-width:600px){.hhero h1{max-width:none;font-size:34px}}
@media (max-width:440px){.top-cta .cta-l:not(:only-child){display:inline;position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}
@media (max-width:440px){.top-cta .cta-l:only-child{display:inline}}
footer .f-legal a{color:inherit;text-decoration:underline}
/* callout: nagłówek i opis w rzędzie, trzy punkty pod spodem na całą szerokość */
.callout{align-items:end}
.callout .bars{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:12px}
.callout .bars li{background:#fff;border-radius:14px;padding:22px 24px 22px 48px;margin:0}
@media(max-width:860px){.callout .bars{grid-template-columns:1fr}}
.callout .bars li{max-width:none}.callout .bars li::before{left:24px;top:calc(22px + .28em)}
/* program: moduły — karta, narzędzia, lista z firmowym znacznikiem */
.mod{background:var(--cy50);border-radius:var(--radius);align-items:start}
.mod .chk{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 32px;margin:4px 0 0;border:0}
.mod .chk li{position:relative;padding:0 0 0 22px;border:0;font-size:16.5px;line-height:1.45;color:var(--ink)}
.mod .chk li::before{display:block;content:"";position:absolute;left:2px;top:.3em;width:5px;height:1em;background:var(--accent);border:0;border-radius:3px;transform:skewX(-22deg)}
.mod .tools li{background:#fff}
@media (max-width:760px){.mod .chk{grid-template-columns:1fr;gap:12px}}
@media (max-width:600px){.mod{padding:22px 20px;margin-bottom:12px;border:0}.mod .chk li{font-size:16px}}
/* program: lista rozwijana */
.pm-head{display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap;margin-bottom:20px}
.pm-all{background:none;border:0;cursor:pointer;font:600 16px var(--body);color:var(--ink);padding:10px 0;min-height:44px}
.pm-acc{display:grid;gap:8px}
.pm-acc details{background:var(--cy50);border-radius:var(--radius)}
.pm-acc summary{align-items:center;padding:20px 24px;min-height:0}
.pm-h{display:grid;gap:6px}
.pm-acc .mh{font:700 clamp(19px,1.8vw,24px)/1.2 var(--display);letter-spacing:-.01em;margin:0}
.pm-tools{font:500 15px/1.4 var(--body);color:var(--ink2)}
.pm-list{list-style:none;margin:0;padding:4px 24px 24px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 32px}
.pm-list li{position:relative;padding-left:22px;font-size:16.5px;line-height:1.45;color:var(--ink)}
.pm-list li::before{content:"";position:absolute;left:2px;top:.3em;width:5px;height:1em;background:var(--accent);border-radius:3px;transform:skewX(-22deg)}
.pm[open] .plus::after{transform:rotate(0)}
@media (max-width:760px){.pm-list{grid-template-columns:1fr;gap:10px}.pm-acc summary{padding:18px 20px}.pm-list{padding:2px 20px 20px}.pm-list li{font-size:16px}}
.pm-all{text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--accent);text-decoration-thickness:2px}
.post-h h1{font-size:clamp(28px,3.4vw,48px);max-width:24ch}
main > .post-h + section.legal{padding-top:8px}
/* artykuły na blogu */
.legal-body h2{font-size:clamp(22px,2vw,26px);margin:40px 0 12px}
.legal-body h3{font-size:18px;margin:28px 0 10px}
.legal-body ul,.legal-body ol{margin:12px 0 20px;padding:0;list-style:none;display:grid;gap:10px}
.legal-body li{position:relative;padding-left:24px;font-size:16px;line-height:1.6;color:var(--ink)}
.legal-body ul li::before{content:"";position:absolute;left:3px;top:.38em;width:5px;height:1em;background:var(--accent);border-radius:3px;transform:skewX(-22deg)}
.legal-body ol{counter-reset:o}
.legal-body ol li{counter-increment:o;padding-left:34px}
.legal-body ol li::before{content:counter(o);position:absolute;left:0;top:.1em;width:24px;height:24px;border-radius:50%;background:var(--graph);color:#fff;font:700 13px/24px var(--display);text-align:center}
.legal-body a:not(.btn){color:#006A99}
.legal-body p:has(> .btn){margin-top:28px}
p,li,dd,figcaption,summary{text-wrap:pretty}
h1,h2,h3{text-wrap:balance}