@font-face{font-family: "Archivo";src: url("/fonts/archivo.woff2") format("woff2");font-weight: 600 700;font-stretch: 100% 125%;font-display: swap}@font-face{font-family: "IBM Plex Sans";src: url("/fonts/ibm-plex-sans.woff2") format("woff2");font-weight: 400 600;font-display: swap}@font-face{font-family: "IBM Plex Mono";src: url("/fonts/ibm-plex-mono-400.woff2") format("woff2");font-weight: 400;font-display: swap}@font-face{font-family: "IBM Plex Mono";src: url("/fonts/ibm-plex-mono-500.woff2") format("woff2");font-weight: 500;font-display: swap}:root{--night: #191919;--panel: #212121;--white: #f2f2f2;--silver: #bdbdbd;--graphite: #858585;--hairline: #2e2e2e;--bronze: #c9a27a;--bronze-hi: #e2bf94;--font-head: "Archivo",system-ui,sans-serif;--font-body: "IBM Plex Sans",system-ui,sans-serif;--font-mono: "IBM Plex Mono",ui-monospace,monospace;--radius: 2px;--spine-x: 32px;--lane: 64px;--max: 1200px;--section-gap: 128px;color-scheme: dark}*,*::before,*::after{box-sizing: border-box}html{background: var(--night);scroll-behavior: smooth}body{margin: 0;background: var(--night);color: var(--white);font: 400 17px/1.6 var(--font-body);-webkit-font-smoothing: antialiased}img,svg{display: block;max-width: 100%}a{color: var(--bronze);text-underline-offset: 3px}a:hover{color: var(--bronze-hi)}:focus-visible{outline: 2px solid var(--bronze);outline-offset: 2px;border-radius: var(--radius)}h1,h2,h3{font-family: var(--font-head);font-weight: 700;font-stretch: 108%;line-height: 1.12;margin: 0 0 24px;letter-spacing: -0.01em}h1{font-size: 56px}h2{font-size: 40px}h3{font-size: 21px;font-weight: 600}p{margin: 0 0 16px;max-width: 62ch}.lead{color: var(--silver);font-size: 19px}.muted{color: var(--silver)}.skip{position: absolute;left: -9999px}.skip:focus{left: 16px;top: 16px;z-index: 10;background: var(--bronze);color: var(--night);padding: 8px 12px}.site-header{position: absolute;inset: 0 0 auto;z-index: 3;max-width: var(--max);margin: 0 auto;padding: 24px 16px 24px calc(var(--lane) + 16px);display: flex;align-items: center;gap: 32px}.brand{display: flex;align-items: center;gap: 12px;color: var(--white);text-decoration: none;font: 600 15px/1 var(--font-head);font-stretch: 125%;letter-spacing: 0.32em}.brand:hover{color: var(--white)}.brand img{width: 44px;height: auto;filter: drop-shadow(0 0 10px rgba(242,242,242,0.28))}.site-nav{margin-left: auto;display: flex;gap: 28px;align-items: center}.site-nav a:not(.btn){color: var(--silver);text-decoration: none;font-size: 15px}.site-nav a:not(.btn):hover{color: var(--white)}.btn{display: inline-flex;align-items: center;min-height: 48px;padding: 0 22px;border: 0;border-radius: var(--radius);background: var(--bronze);color: var(--night);font: 600 16px/1 var(--font-body);text-decoration: none;cursor: pointer;transition: background-color 0.15s}.btn:hover{background: var(--bronze-hi);color: var(--night)}.btn:disabled{opacity: 0.6;cursor: progress}.link-quiet{color: var(--white);text-decoration: underline;text-decoration-color: var(--graphite);text-decoration-thickness: 1px}.link-quiet:hover{color: var(--white);text-decoration-color: var(--bronze)}.hero{--puma-w: min(66cqw,120svh);--puma-x: 0px;container-type: inline-size;position: relative;isolation: isolate;max-width: 1440px;min-height: 100svh;margin: 0 auto;display: flex;align-items: center;padding: 120px 16px 72px calc(var(--lane) + 16px)}.hero picture{display: contents}.hero-puma{position: absolute;left: var(--puma-x);top: calc(50% - var(--puma-w) * 0.2533);z-index: -1;width: var(--puma-w);height: auto;max-width: none;-webkit-mask-image: linear-gradient(to right,transparent,#000 14%,#000 94%,transparent),linear-gradient(to top,transparent,#000 28%,#000 96%,transparent);-webkit-mask-composite: source-in;mask-image: linear-gradient(to right,transparent,#000 14%,#000 94%,transparent),linear-gradient(to top,transparent,#000 28%,#000 96%,transparent);mask-composite: intersect}.hero-copy{min-width: 0;margin-left: max(0px,calc(var(--puma-x) + var(--puma-w) * 0.86 - var(--lane)));max-width: 560px}.hero h1{max-width: 15ch;text-wrap: balance}.hero-actions{display: flex;flex-wrap: wrap;gap: 24px;align-items: center;margin-top: 32px}.hero-schema{margin-top: 48px}.diagram{width: 100%;height: auto}.diagram .wire{fill: none;stroke: var(--graphite);stroke-width: 1.5}.diagram .flow{fill: none;stroke: var(--bronze);stroke-width: 2}.diagram .dot{fill: var(--bronze)}.diagram .arrow{fill: var(--graphite)}.diagram .arrow.hot{fill: var(--bronze)}.diagram .box{fill: var(--panel);stroke: var(--graphite);stroke-width: 1.5}.diagram .box.core{stroke: var(--bronze)}.diagram text{fill: var(--silver);font: 500 12px var(--font-mono);letter-spacing: .08em}.diagram text.sub{fill: var(--graphite);letter-spacing: 0}.diagram .flow{stroke-dasharray: 1;stroke-dashoffset: 1;animation: draw 1.2s ease-out .4s both}@keyframes draw{to{stroke-dashoffset: 0}}.diagram.v-mobile{display: none}@media (max-width: 640px){.diagram.v-desktop{display: none}.diagram.v-mobile{display: block}}@supports (view-timeline: --schemat block){#przed-po,#co-dowozimy{view-timeline: --schemat block}#przed-po .diagram .flow,#co-dowozimy .diagram .flow{animation: draw linear both;animation-timeline: --schemat;animation-range: cover 8% cover 35%}}.spine{position: relative;max-width: var(--max);margin: 0 auto;padding: 0 16px 0 calc(var(--lane) + 16px)}.spine::before,.spine::after{content: "";position: absolute;top: 0;bottom: 0;left: calc(16px + var(--spine-x));width: 1.5px}.spine::before{background: var(--graphite)}.spine::after{background: var(--bronze);transform-origin: top;transform: scaleY(0)}@supports (animation-timeline: scroll()){.spine::after{animation: spine linear both;animation-timeline: scroll(root)}}@keyframes spine{to{transform: scaleY(1)}}.spine section{position: relative;padding: calc(var(--section-gap) / 2) 0}.node-label{position: relative;display: inline-block;margin: 0 0 24px;padding: 6px 10px;border: 1.5px solid var(--graphite);border-radius: var(--radius);background: var(--panel);color: var(--silver);font: 500 12px/1 var(--font-mono);letter-spacing: 0.08em;text-transform: uppercase}.node-label::before{content: "";position: absolute;top: calc(50% - 0.75px);right: 100%;width: calc(var(--lane) - var(--spine-x));height: 1.5px;background: var(--graphite)}.node-label::after{content: "";position: absolute;top: calc(50% - 3px);right: calc(100% + var(--lane) - var(--spine-x) - 3.75px);width: 6px;height: 6px;border-radius: 50%;background: var(--bronze)}.compare>*,.audit>*,.contact>*{min-width: 0}.readout{margin: 32px 0 0;padding: 0;list-style: none;border: 1px solid var(--hairline);border-radius: var(--radius);background: var(--panel);max-width: 760px}.readout li{display: grid;grid-template-columns: 16px 1fr;gap: 16px;padding: 18px 20px;border-top: 1px solid var(--hairline)}.readout li:first-child{border-top: 0}.readout li::before{content: "";width: 8px;height: 8px;margin-top: 9px;border: 1.5px solid var(--graphite);border-radius: 50%}.readout strong{display: block;font-weight: 500}.readout span{color: var(--silver);font-size: 15px}.compare{display: grid;grid-template-columns: 1fr 1fr;gap: 24px;margin-top: 40px}.compare figure{margin: 0;padding: 24px;border: 1px solid var(--hairline);border-radius: var(--radius);background: var(--panel)}.compare figure:hover{border-color: var(--graphite)}.compare figcaption{margin-bottom: 16px;font: 500 12px/1 var(--font-mono);letter-spacing: 0.08em;text-transform: uppercase;color: var(--silver)}.compare figure:last-child figcaption{color: var(--bronze)}.compare .diagram .box{fill: var(--night)}.metrics{display: grid;grid-template-columns: repeat(3,1fr);gap: 24px;margin-top: 32px}.metric b{display: block;font: 500 40px/1.1 var(--font-mono);color: var(--white)}.metric span{color: var(--silver);font-size: 15px}.hub{margin-top: 40px;max-width: 900px}.hub-note{margin-top: 24px;color: var(--silver)}.hub-links,.service-links{margin-top: 12px;color: var(--silver)}.diagram .node-link{cursor: pointer}.diagram .node-link .box{transition: stroke 0.15s}.diagram .node-link:is(:hover,:focus-visible) .box{stroke: var(--bronze)}.diagram .node-link:is(:hover,:focus-visible) text:not(.sub){fill: var(--white)}.diagram .node-link:focus-visible{outline: none}.rejestr{--rej-gap: 64px;display: grid;grid-template-columns: minmax(0,45fr) minmax(0,55fr);gap: var(--rej-gap);align-items: start;margin-top: 40px}.wiersze{margin: 0;padding: 0;list-style: none}.wiersz{position: relative;display: grid;grid-template-columns: minmax(0,1fr) auto;gap: 8px 24px;align-items: center;padding: 20px 0;border-top: 1px solid var(--hairline)}.wiersz:last-child{border-bottom: 1px solid var(--hairline)}.wiersz h3{margin: 0 0 4px;font-size: 21px}.wiersz h3 a{color: var(--white);text-decoration: none;transition: color 0.15s}.wiersz-domena{margin: 0 0 6px;color: var(--silver);font: 400 14px/1.4 var(--font-mono)}.wiersz-zdanie{margin: 0;color: var(--silver);font-size: 16px}.wiersz-wezel{padding: 6px 10px;border: 1.5px solid var(--graphite);border-radius: var(--radius);background: var(--panel);color: var(--silver);font: 500 12px/1 var(--font-mono);letter-spacing: 0.08em}.wiersz::before,.wiersz::after{content: "";position: absolute;top: 50%;opacity: 0;transition: opacity 0.25s}.wiersz::before{left: 100%;width: var(--rej-gap);height: 1.5px;margin-top: -0.75px;background: var(--graphite)}.wiersz::after{left: calc(100% + var(--rej-gap) - 3px);width: 6px;height: 6px;margin-top: -3px;border-radius: 50%;background: var(--bronze)}.wiersz:is(:hover,:focus-within)::before,.wiersz:is(:hover,:focus-within)::after,.realizacje:not(:has(.wiersz:is(:hover,:focus-within))) .wiersz-1::before,.realizacje:not(:has(.wiersz:is(:hover,:focus-within))) .wiersz-1::after{opacity: 1}.wiersz:is(:hover,:focus-within) h3 a,.realizacje:not(:has(.wiersz:is(:hover,:focus-within))) .wiersz-1 h3 a{color: var(--bronze-hi)}.wiersz-zrzut{display: none}.podglad{position: sticky;top: max(96px,calc(50svh - 210px))}.podglad-ramka{position: relative;aspect-ratio: 16 / 10;overflow: hidden;border: 1px solid var(--graphite);border-radius: var(--radius);background: var(--panel)}.podglad-ramka img{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;filter: grayscale(1) brightness(0.85)}.podglad-podpis{display: grid;margin-top: 14px}.podglad-podpis p{grid-area: 1 / 1;display: flex;flex-wrap: wrap;gap: 4px 20px;margin: 0;max-width: none}.podglad-domena{color: var(--silver);font: 400 14px/1.6 var(--font-mono)}.podglad-ramka img,.podglad-podpis p{opacity: 0;visibility: hidden;transition: opacity 0.25s,visibility 0.25s,filter 0.25s}.podglad .podglad-1{opacity: 1;visibility: visible}.realizacje:has(.wiersz:is(:hover,:focus-within)) .podglad .podglad-1{opacity: 0;visibility: hidden}.realizacje:has(.wiersz-1:is(:hover,:focus-within)) .podglad .podglad-1,.realizacje:has(.wiersz-2:is(:hover,:focus-within)) .podglad .podglad-2,.realizacje:has(.wiersz-3:is(:hover,:focus-within)) .podglad .podglad-3,.realizacje:has(.wiersz-4:is(:hover,:focus-within)) .podglad .podglad-4,.realizacje:has(.wiersz-5:is(:hover,:focus-within)) .podglad .podglad-5,.realizacje:has(.wiersz-6:is(:hover,:focus-within)) .podglad .podglad-6,.realizacje:has(.wiersz-7:is(:hover,:focus-within)) .podglad .podglad-7{opacity: 1;visibility: visible;filter: none}.spine .page-hero{padding-top: 136px;padding-bottom: 64px}.page-hero h1{max-width: 22ch;text-wrap: balance}.node-label a{color: inherit;text-decoration: none}.schema{margin-top: 40px;max-width: 900px}.cols{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 32px 40px;margin-top: 32px}.cols-2{grid-template-columns: repeat(2,minmax(0,1fr))}.cols h3{margin-bottom: 12px}.cols p,.cols li{color: var(--silver);font-size: 16px}.ticks{margin: 0;padding: 0;list-style: none}.ticks li{position: relative;padding-left: 20px;margin-bottom: 10px}.ticks li::before{content: "";position: absolute;left: 0;top: 0.6em;width: 8px;height: 8px;border: 1.5px solid var(--graphite);border-radius: 50%}.faq{margin-top: 32px;max-width: 820px;border-top: 1px solid var(--hairline)}.faq details{border-bottom: 1px solid var(--hairline)}.faq summary{display: flex;justify-content: space-between;gap: 24px;padding: 18px 0;cursor: pointer;font-weight: 500;list-style: none}.faq summary::-webkit-details-marker{display: none}.faq summary::after{content: "+";flex: none;color: var(--bronze);font: 500 22px/1 var(--font-mono);transition: transform 0.2s}.faq details[open] summary::after{transform: rotate(45deg)}.faq summary:hover{color: var(--bronze-hi)}.faq details p{margin: 0 0 20px;color: var(--silver)}.post-meta{color: var(--graphite);font-size: 15px}.post-list{list-style: none;padding: 0;margin: 40px 0 0;max-width: 820px;border-top: 1px solid var(--hairline)}.post-row{padding: 24px 0;border-bottom: 1px solid var(--hairline)}.post-row h2{margin: 0 0 6px;font-size: 24px}.post-row h2 a{color: var(--white);text-decoration: none}.post-row h2 a:hover{color: var(--bronze-hi)}.post-row .post-meta{margin: 0 0 8px}.post-row p:last-child{margin: 0;color: var(--silver)}.post-image{margin: 32px 0 0;max-width: 760px}.post-image img{width: 100%;height: auto;border: 1px solid var(--hairline);border-radius: var(--radius);filter: grayscale(1) brightness(0.85)}.prose{max-width: 70ch;margin-top: 40px}.prose p,.prose li{color: var(--silver)}.prose strong{color: var(--white);font-weight: 500}.prose h2{margin: 48px 0 16px;font-size: 28px}.prose h3{margin: 32px 0 12px;font-size: 21px}.prose ul,.prose ol{margin: 0 0 16px;padding-left: 1.2em}.prose li{margin-bottom: 6px}.prose li::marker{color: var(--graphite)}.prose table{display: block;overflow-x: auto;width: 100%;margin: 24px 0;border-collapse: collapse;font-size: 15px}.prose td,.prose th{padding: 10px 12px;border: 1px solid var(--hairline);color: var(--silver);text-align: left;vertical-align: top}.prose tr:first-child td,.prose th{color: var(--white)}.more-posts{margin-top: 40px}.more-posts ul{padding-left: 1.2em;color: var(--silver)}.more-posts li{margin-bottom: 8px}.steps{display: grid;grid-template-columns: repeat(4,1fr);margin-top: 40px;position: relative}.steps::before{content: "";position: absolute;top: 17px;left: 0;right: 0;height: 1.5px;background: var(--graphite)}.step{position: relative;padding-right: 24px}.step .node-label{margin-bottom: 20px}.step .node-label::before,.step .node-label::after{display: none}.step p{color: var(--silver);font-size: 16px}.audit{display: grid;grid-template-columns: 1fr 1fr;gap: 48px;align-items: start}.audit-card{border: 1px solid var(--graphite);border-radius: var(--radius);background: var(--panel);font: 400 14px/1.5 var(--font-mono)}.audit-card header{padding: 14px 18px;border-bottom: 1px solid var(--hairline);color: var(--silver);letter-spacing: 0.04em}.audit-card dl{margin: 0;padding: 8px 18px 16px;display: grid;grid-template-columns: auto 1fr;gap: 10px 20px}.audit-card dt{color: var(--graphite)}.audit-card dd{margin: 0;color: var(--white)}.audit-card .bad::before{content: "● ";color: var(--bronze)}.contact{display: grid;grid-template-columns: 1fr 1fr;gap: 48px;align-items: start}.contact-lines{margin: 24px 0 32px;padding: 0;list-style: none}.contact-lines li{padding: 10px 0;border-top: 1px solid var(--hairline)}.contact-lines li:last-child{border-bottom: 1px solid var(--hairline)}.contact-lines span{display: inline-block;min-width: 90px;color: var(--graphite);font-size: 15px}.contact-form{padding: 28px;border: 1px solid var(--hairline);border-radius: var(--radius);background: var(--panel)}.field{margin-bottom: 18px}.field label{display: block;margin-bottom: 6px;color: var(--silver);font-size: 15px}.field .opt{color: var(--graphite)}.field input,.field textarea{width: 100%;padding: 12px 14px;border: 1px solid var(--graphite);border-radius: var(--radius);background: var(--night);color: var(--white);font: 400 16px/1.5 var(--font-body)}.field textarea{resize: vertical;min-height: 132px}.field input::placeholder{color: var(--graphite)}.field input:focus-visible,.field textarea:focus-visible{outline: 2px solid var(--bronze);outline-offset: 2px;border-color: var(--bronze)}.field [aria-invalid="true"]{border-color: var(--bronze-hi)}.field-error{margin: 6px 0 0;color: var(--bronze-hi);font-size: 14px}.field-error::before{content: "⚠ "}.hp{position: absolute;left: -10000px;width: 1px;height: 1px;overflow: hidden}.form-note{color: var(--graphite);font-size: 14px}.form-status{margin: 16px 0 0;min-height: 1.6em;color: var(--silver)}.form-status.ok{color: var(--white)}.form-status.ok::before{content: "✓ ";color: var(--bronze)}.form-status.err{color: var(--bronze-hi)}.form-status.err::before{content: "⚠ "}.site-footer{max-width: var(--max);margin: 0 auto;padding: 48px 16px 48px calc(var(--lane) + 16px);border-top: 1px solid var(--hairline);display: flex;flex-wrap: wrap;align-items: center;gap: 24px 48px;color: var(--graphite);font-size: 14px}.footer-logo{width: 180px;height: auto}.footer-meta{display: grid;gap: 16px}.footer-firma{font-style: normal;line-height: 1.7;color: var(--silver)}.footer-links{display: flex;flex-wrap: wrap;gap: 8px 28px}.footer-note{margin: 0;max-width: none}.site-footer a{color: var(--silver)}.page-plain{min-height: 100svh;max-width: var(--max);margin: 0 auto;padding: 160px 16px 72px calc(var(--lane) + 16px)}.page-plain p{color: var(--silver)}.legal{min-height: 0}.legal>*{max-width: 68ch}.legal h2{margin: 48px 0 16px;font-size: 28px}.legal ul{margin: 0 0 16px;padding-left: 1.2em;color: var(--silver)}.legal li{margin-bottom: 8px}.legal li::marker{color: var(--graphite)}.legal strong{color: var(--white);font-weight: 500}@media (max-width: 1180px){.hero{--puma-w: 74cqw;--puma-x: -18cqw}}@media (max-width: 1080px){.brand-name{display: none}.site-nav{gap: 22px}}@media (max-width: 900px){:root{--lane: 32px;--spine-x: 0px;--section-gap: 80px}h1{font-size: 40px}h2{font-size: 30px}h3{font-size: 19px}.site-header{gap: 12px;padding-top: 16px}.site-header:has(.site-nav) .brand-name{display: none}.site-nav a:not(.btn){display: none}.site-nav .btn{min-height: 40px;padding: 0 14px;font-size: 14px;white-space: nowrap}.hero{display: block;min-height: 0;padding: 0 16px 24px 32px}.hero-puma{position: relative;left: auto;top: auto;width: calc(100% + 48px);margin-left: -32px;aspect-ratio: 10 / 9;object-fit: cover;object-position: 78% 35%;-webkit-mask-image: linear-gradient(to top,transparent,#000 32%);mask-image: linear-gradient(to top,transparent,#000 32%)}.hero-copy{position: relative;margin: -64px 0 0}.compare,.audit,.contact{grid-template-columns: 1fr}.metrics{grid-template-columns: 1fr}.node-label::before,.node-label::after{display: none}.steps{grid-template-columns: 1fr;gap: 8px}.steps::before{display: none}.contact-form{padding: 20px}.legal h2{font-size: 24px}.rejestr{display: block}.podglad{display: none}.wiersz{align-items: start;padding: 24px 0 28px}.wiersz::before,.wiersz::after{display: none}.realizacje:not(:has(.wiersz:is(:hover,:focus-within))) .wiersz-1 h3 a{color: var(--white)}.wiersz-zrzut{display: block;grid-column: 1 / -1;margin-top: 8px}.wiersz-zrzut img{width: 100%;height: auto;aspect-ratio: 16 / 10;object-fit: cover;border: 1px solid var(--graphite);border-radius: var(--radius);background: var(--panel)}.wiersz-zrzut a{display: inline-block;margin-top: 12px}.spine .page-hero{padding-top: 104px;padding-bottom: 40px}.cols,.cols-2{grid-template-columns: minmax(0,1fr)}.prose h2{font-size: 24px}.post-row h2{font-size: 21px}}@media (max-width: 640px){.compare figure{padding: 16px 12px}.hero picture{display: block;position: relative;height: 62vw;margin: 0 -16px 0 -32px;overflow: hidden;-webkit-mask-image: linear-gradient(to top,transparent,#000 38%);mask-image: linear-gradient(to top,transparent,#000 38%)}.hero .hero-puma{position: absolute;left: -55vw;top: -9vw;width: 170vw;height: auto;margin: 0;aspect-ratio: auto;object-fit: fill;-webkit-mask-image: none;mask-image: none}.hero-copy{margin-top: -20px}.hero h1{font-size: 34px;margin-bottom: 16px}.hero .lead{font-size: 17px;margin-bottom: 0}.hero-actions{margin-top: 20px;gap: 16px 24px}}@media (prefers-reduced-motion: no-preference){.hero-puma{animation: emerge 2.2s cubic-bezier(0.25,0.6,0.3,1) both}}@keyframes emerge{from{opacity: 0}to{opacity: 1}}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation: none !important;transition: none !important;scroll-behavior: auto !important}.diagram .flow{stroke-dashoffset: 0}.spine::after{transform: scaleY(1);opacity: 0}}
