@font-face{font-family:'Poppins';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/poppins-latin-ext-600-normal.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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Poppins';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/poppins-latin-600-normal.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:'Poppins';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/poppins-latin-ext-700-normal.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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Poppins';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/poppins-latin-700-normal.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:'IBM Plex Sans';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/ibm-plex-sans-latin-ext-400-normal.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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/ibm-plex-sans-latin-400-normal.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:'IBM Plex Sans';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/ibm-plex-sans-latin-ext-500-normal.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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/ibm-plex-sans-latin-500-normal.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:'IBM Plex Sans';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/ibm-plex-sans-latin-ext-600-normal.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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/ibm-plex-sans-latin-600-normal.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:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/ibm-plex-mono-latin-ext-400-normal.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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/ibm-plex-mono-latin-400-normal.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:'IBM Plex Mono';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/ibm-plex-mono-latin-ext-600-normal.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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/ibm-plex-mono-latin-600-normal.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}
body{margin:0;background:#FFFFFF}
a{color:#0A0A0A;text-decoration:none}a:hover{color:#C2410C}
.g{padding-left:max(20px,9.5vw);padding-right:max(20px,9.5vw);box-sizing:border-box}
.disp{font-family:Poppins,system-ui,sans-serif;font-weight:700;color:#0A0A0A}
.mono{font-family:'IBM Plex Mono',ui-monospace,monospace}
.kick{font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:12px;letter-spacing:0.14em;text-transform:uppercase;color:#B23A0E}
.ul{display:inline-block;font-weight:600;font-size:14px;color:#0A0A0A;padding-bottom:4px;border-bottom:2px solid #F25F25}
.ul:hover{color:#B23A0E}
.btn{display:inline-flex;align-items:center;gap:10px;background:#F25F25;color:#FFFFFF;font-weight:600;font-size:15px;padding:15px 28px}
.btn:hover{background:#E04E16;color:#FFFFFF}
.hl{text-decoration:underline;text-decoration-color:#F25F25;text-decoration-thickness:4px;text-underline-offset:8px;text-decoration-skip-ink:none}
@media (max-width:900px){.team{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
.marble{background:url(../img/d4f4872ac810f5ebc37c2d44e57701cc.jpg) center/cover no-repeat #F4F4F3}
summary::-webkit-details-marker{display:none}
.f{display:flex;flex-direction:column;gap:6px;font-size:13px;color:#444}
.f input,.f select,.f textarea{font:inherit;font-size:15px;color:#0A0A0A;background:#FFFFFF;border:1px solid #D6D6D6;border-radius:0;padding:12px 14px;min-height:46px;box-sizing:border-box}
.li{position:relative;padding-left:18px;font-size:14px;line-height:1.55;color:#444}
.li::before{content:"";position:absolute;left:0;top:9px;width:7px;height:7px;background:#F25F25}
@media (max-width:1100px){.steps{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media (max-width:600px){.steps{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
.chip{font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:12px;letter-spacing:0.04em;padding:9px 14px;border:1px solid #D6D6D6;background:#FFFFFF;color:#333}
.chip.on{background:#0A0A0A;border-color:#0A0A0A;color:#FFFFFF}
.f input,.f select{font:inherit;font-size:15px;color:#0A0A0A;background:#FFFFFF;border:1px solid #D6D6D6;border-radius:0;padding:12px 14px;min-height:46px;box-sizing:border-box}
.case{background:#FFFFFF;border:1px solid #E2E2E2;padding:26px;display:flex;flex-direction:column;gap:12px}
.logo{height:64px;display:flex;align-items:center}
.logo img{max-height:56px;max-width:180px;object-fit:contain}
.name{font-family:Poppins,sans-serif;font-weight:600;font-size:17px;letter-spacing:0.02em}
.prog{font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:11px;letter-spacing:0.04em;color:#B23A0E;line-height:1.5}
.desc{margin:0;font-size:13px;line-height:1.55;color:#555;flex:1}
.num{display:flex;gap:24px;border-top:1px solid #E2E2E2;padding-top:12px}
.num span{display:block;font-size:11px;color:#6B6B6B}
.num b{font-family:'IBM Plex Mono',ui-monospace,monospace;font-weight:600;font-size:16px}
.prose{font-size:16px;line-height:1.75;color:#2B2B2B}
.prose h2{font-family:Poppins,system-ui,sans-serif;font-weight:600;font-size:24px;line-height:1.3;color:#0A0A0A;margin:56px 0 16px;scroll-margin-top:24px}
.prose h2:first-child{margin-top:0}
.prose h3{font-family:Poppins,system-ui,sans-serif;font-weight:600;font-size:19px;line-height:1.35;color:#0A0A0A;margin:36px 0 12px}
.prose p{margin:0 0 18px}
.prose ul,.prose ol{margin:0 0 20px;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}
.prose ul li{position:relative;padding-left:22px}
.prose ul li::before{content:"";position:absolute;left:2px;top:11px;width:7px;height:7px;background:#F25F25}
.prose ol{counter-reset:n}
.prose ol li{position:relative;padding-left:40px;counter-increment:n}
.prose ol li::before{content:counter(n,decimal-leading-zero);position:absolute;left:0;top:1px;font-family:'IBM Plex Mono',monospace;font-size:13px;font-weight:600;color:#D9481A}
.prose strong{font-weight:600;color:#0A0A0A}
.prose a{color:#0A0A0A;text-decoration:underline;text-decoration-color:#F25F25;text-underline-offset:3px}
.prose table{width:100%;border-collapse:collapse;margin:8px 0 24px;font-size:14px;line-height:1.5}
.prose th{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:0.08em;text-transform:uppercase;font-weight:600;text-align:left;color:#6B6B6B;padding:10px 12px;border-bottom:2px solid #0A0A0A}
.prose td{padding:12px;border-bottom:1px solid #E2E2E2;vertical-align:top}
.prose td:first-child{font-weight:600}
.callout{border-left:3px solid #F25F25;background:#FFF6F1;padding:18px 22px;margin:8px 0 24px;font-size:15px;line-height:1.65;color:#2B2B2B}
.callout b{display:block;font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:0.1em;text-transform:uppercase;color:#B23A0E;margin-bottom:6px}
.two{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:72px;align-items:start}
@media (max-width:1000px){.two{grid-template-columns:minmax(0,1fr)}}
.side{position:sticky;top:24px;display:flex;flex-direction:column;gap:20px}
.toc a{display:block;padding:7px 0 7px 14px;border-left:2px solid #E2E2E2;font-size:13px;line-height:1.45;color:#444}
.toc a.on{border-left-color:#F25F25;color:#0A0A0A;font-weight:600}
.fact{display:flex;flex-direction:column;gap:6px;padding:20px 24px;border-right:1px solid #E2E2E2}
.fact:last-child{border-right:0}
.fact span{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:0.08em;text-transform:uppercase;color:#6B6B6B}
.fact strong{font-size:15px;line-height:1.4;font-weight:600;color:#0A0A0A}
.tag{display:inline-block;font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:0.06em;padding:4px 8px;background:#FFFFFF}
.cms{position:absolute;right:0;top:-9px;z-index:5;font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:0.04em;color:#FFFFFF;background:#2F5FD0;padding:3px 7px;opacity:.9}
.cmsw{position:relative}
.prose table.num td+td{white-space:nowrap}
.chk{display:flex;gap:12px;align-items:flex-start;padding:12px 0;border-top:1px solid #E2E2E2;font-size:14px;line-height:1.5;color:#2B2B2B}
.chk i{flex:0 0 18px;height:18px;margin-top:1px;background:#F25F25;display:flex;align-items:center;justify-content:center}
.chk i::after{content:"";width:8px;height:4px;border-left:2px solid #FFF;border-bottom:2px solid #FFF;transform:rotate(-45deg) translate(1px,-1px)}

.svc{position:relative;transition:box-shadow .25s ease}
.svc::before{content:"";position:absolute;left:-1px;right:-1px;top:-1px;height:2px;background:#F25F25;transform:scaleX(0);transform-origin:left center;transition:transform .3s ease}
.svc:hover::before,.svc:focus-within::before{transform:scaleX(1)}
.svc:hover{box-shadow:0 10px 28px rgba(10,10,10,0.07)}
/* --- motyw WP --- */
body{font-family:'IBM Plex Sans',system-ui,sans-serif;color:#0A0A0A}
html{scroll-behavior:smooth}
*,*::before,*::after{box-sizing:border-box}
.site{font-family:'IBM Plex Sans',system-ui,sans-serif;color:#0A0A0A;background:#FFFFFF;width:100%}
img{max-width:100%}
.mnav{position:fixed;inset:0;z-index:1000;background:#FFFFFF;overflow:auto;display:none}
.mnav.open{display:flex}
body.mnav-open{overflow:hidden}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}
.burger{display:none}
@media (max-width:760px){
.g{padding-left:20px!important;padding-right:20px!important}
header.g{padding-top:14px!important;padding-bottom:14px!important;flex-wrap:nowrap!important}
header.g nav,header.g>div>div{display:none!important}
.burger{display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin-right:-10px;background:none;border:0;padding:0;color:#0A0A0A;cursor:pointer}
section[style*="padding-top"]:not(#top){padding-top:56px!important;padding-bottom:56px!important}
[style*="grid-template-columns"]{grid-template-columns:minmax(0,1fr)!important}
.team{grid-template-columns:repeat(2,minmax(0,1fr))!important}
[style*="display: flex"][style*="justify-content: space-between"]{flex-wrap:wrap}
h1.disp{font-size:32px!important;line-height:1.15!important}
h2.disp{font-size:24px!important}
#top>img:not([src*="d4f4872a"]){position:relative!important;inset:auto!important;top:auto!important;right:auto!important;display:block;width:100%!important;height:300px!important;max-width:none!important;object-fit:cover!important;object-position:72% 30%!important}
#top:has(>img:not([src*="d4f4872a"]))>div[style*="linear-gradient"]{display:none!important}
#top>img[src*="4a2f5426"]{object-position:96% 50%!important}
#top>img[src*="f784210c"]{object-position:60% 40%!important}
#top>img[src*="eba28566"]{object-position:76% 40%!important}
#top>.g{padding-top:28px!important;padding-bottom:40px!important}
#top [style*="max-width"]{max-width:none!important}
.two{grid-template-columns:minmax(0,1fr)!important;gap:40px!important}
.side{position:static!important}
.btn{width:100%;justify-content:center;box-sizing:border-box}
table{display:block;overflow-x:auto}
summary{flex-wrap:nowrap!important}
.cms{display:none!important}
[style*="grid-template-columns"]:has(> .fact){grid-template-columns:1fr 1fr!important}
#top [style*="margin-top: 88px"][style*="border-top"]{display:grid!important;grid-template-columns:1fr 1fr!important;gap:20px 16px!important;margin-top:40px!important}
#top [style*="margin-top: 88px"] .mono{font-size:28px!important}
#realizacje{padding-left:20px!important}
#realizacje>div:first-child{padding-right:20px!important}
/* hero ze statuą: tekst na grafice (jak vc.prometeia.pl) */
body:has(#top>img:is([src*="d039d548"],[src*="4a2f5426"],[src*="f784210c"],[src*="eba28566"],[src*="60100a9e"],[src*="3f10bc9d"])) header.g{position:absolute!important;top:0;left:0;right:0;z-index:5;background:transparent!important;border-bottom:0!important}
#top>img:is([src*="d039d548"],[src*="4a2f5426"],[src*="f784210c"],[src*="eba28566"],[src*="60100a9e"],[src*="3f10bc9d"]){position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;object-position:85% 0%!important}
#top>img[src*="d039d548"]{object-position:80% 0%!important}
#top>img[src*="4a2f5426"]{object-position:85% 0%!important}
#top>img[src*="f784210c"]{object-position:76% 0%!important}
#top>img[src*="eba28566"]{object-position:90% 0%!important}
#top>img[src*="60100a9e"]{object-position:61% 0%!important}
#top>img[src*="3f10bc9d"]{object-position:74% 0%!important}
#top:has(>img:is([src*="d039d548"],[src*="4a2f5426"],[src*="f784210c"],[src*="eba28566"],[src*="60100a9e"],[src*="3f10bc9d"]))>div[style*="linear-gradient"]{display:block!important;background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 22%,rgba(255,255,255,0.75) 36%,rgba(255,255,255,0.93) 46%,#FFFFFF 70%)!important}
#top:has(>img:is([src*="d039d548"],[src*="4a2f5426"],[src*="f784210c"],[src*="eba28566"],[src*="60100a9e"],[src*="3f10bc9d"]))>div[style*="linear-gradient"]+div[style*="linear-gradient"]{display:none!important}
#top:has(>img:is([src*="d039d548"],[src*="4a2f5426"],[src*="f784210c"],[src*="eba28566"],[src*="60100a9e"],[src*="3f10bc9d"]))>.g{padding-top:min(48svh,400px)!important;padding-bottom:40px!important}
/* artykuł: okładka na samej górze, na pełną szerokość */
#top.cmsw:has(>div>img){padding-top:0!important}
#top.cmsw>div[style*="grid-template-columns"]>img{order:-1;width:calc(100% + 40px)!important;max-width:none;margin:0 -20px}
#top.cmsw>div[style*="grid-template-columns"]:has(>img){gap:28px!important}
/* realizacja: logo firmy nad nazwą */
#top.cmsw>div[style*="grid-template-columns"]>div:has(>img){order:-1;width:100%;max-width:260px;padding:20px!important}
#top.cmsw>div[style*="grid-template-columns"]:has(>div>img){gap:28px!important}
/* kluczowe dane (fact): pełna szerokość, siatka 2 kolumn bez bocznych ramek */
[style*="grid-template-columns"]:has(> .fact){border-left:0!important;border-right:0!important;margin:0 -20px}
.fact{padding:18px 20px!important;border-right:0!important;border-bottom:1px solid #E2E2E2;min-width:0}
.fact:nth-child(odd){border-right:1px solid #E2E2E2!important}
.fact:last-child,.fact:nth-last-child(2):nth-child(odd){border-bottom:0}
.fact:last-child:nth-child(odd){grid-column:1/-1;border-right:0!important}
.fact strong[style*="Mono"]{font-size:18px!important;white-space:nowrap}
/* karty (nabory, usługi, wpisy): na całą szerokość, bez bocznych marginesów */
article[style*="border: 1px solid #E2E2E2"]{margin-left:-20px;margin-right:-20px;border-left:0!important;border-right:0!important}
article[style*="border: 1px solid #E2E2E2"][style*="padding:"]{padding-left:20px!important;padding-right:20px!important}
article[style*="border: 1px solid #E2E2E2"]>div[style*="padding"]{padding-left:20px!important;padding-right:20px!important}
/* strona Kontakt: formularz na pełną szerokość */
#formularz>form{margin:0 -20px;border-left:0!important;border-right:0!important;padding:28px 20px!important}
}
