@font-face{font-family: "Bricolage Grotesque";font-weight: 200 800;font-display: swap;src: url("fonts/bricolage-grotesque-latin-ext-wght-normal.woff2") format("woff2-variations");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: "Bricolage Grotesque";font-weight: 200 800;font-display: swap;src: url("fonts/bricolage-grotesque-latin-wght-normal.woff2") format("woff2-variations");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: "Geist";font-weight: 100 900;font-display: swap;src: url("fonts/geist-latin-ext-wght-normal.woff2") format("woff2-variations");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: "Geist";font-weight: 100 900;font-display: swap;src: url("fonts/geist-latin-wght-normal.woff2") format("woff2-variations");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: "Geist Mono";font-weight: 100 900;font-display: swap;src: url("fonts/geist-mono-latin-ext-wght-normal.woff2") format("woff2-variations");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: "Geist Mono";font-weight: 100 900;font-display: swap;src: url("fonts/geist-mono-latin-wght-normal.woff2") format("woff2-variations");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{--granat-950: #071229;--granat-900: #0b1b3a;--granat-800: #13295a;--granat-600: #2e4377;--kobalt-700: #1736cc;--kobalt-600: #1f45ff;--kobalt-400: #7c95ff;--kobalt-100: #dce4ff;--mieta-300: #9ef0d0;--mgla-200: #e6ecf5;--mgla-100: #f3f6fb;--biel: #ffffff;--szron: #f4f7fc;--stal-600: #4c5b78;--stal-300: #a9b7d1;--linia-jasna: #c9d4e5;--linia-ciemna: #2e4377;--dobrze: #0ca30c;--dobrze-tekst: #006300;--srednio: #fab219;--srednio-tekst: #7a5200;--zle: #d03b3b;--zle-tekst: #a32222;--dobrze-ciemne: #5ee06a;--srednio-ciemne: #ffcf5a;--zle-ciemne: #ff7b7b;--naglowek: "Bricolage Grotesque","Segoe UI",system-ui,sans-serif;--tekst: "Geist","Segoe UI",system-ui,sans-serif;--mono: "Geist Mono",Consolas,monospace;--bok: clamp(16px,5vw,48px);--szer: 1120px;--krzywa: cubic-bezier(0.2,0.7,0.2,1);--czas: 250ms}*,*::before,*::after{box-sizing: border-box}html{scroll-behavior: smooth;-webkit-text-size-adjust: 100%}body{margin: 0;background: var(--mgla-200);color: var(--granat-900);font: 17px/1.55 var(--tekst);overflow-x: clip}h1,h2,h3,h4,p,ul,ol,dl,dd,figure{margin: 0}ul,ol{padding: 0;list-style: none}img,svg{display: block;max-width: 100%;height: auto}a{color: inherit}button,input,select,textarea{font: inherit;color: inherit}:focus-visible{outline: 3px solid var(--kobalt-600);outline-offset: 3px}.ciemny :focus-visible,.kobalt :focus-visible{outline-color: var(--mieta-300)}b,strong{font-weight: 600}.skok{position: absolute;left: 16px;top: -60px;padding: 8px 14px;background: var(--kobalt-600);color: var(--biel);border-radius: 8px;z-index: 10}.skok:focus{top: 16px}.srodek{width: min(var(--szer),100% - 2 * var(--bok));margin-inline: auto}.pas{padding-block: clamp(56px,9vw,112px)}.pas.bez-gory{padding-top: 0}.ciemny{background: var(--granat-900);color: var(--szron)}.kobalt{background: var(--kobalt-600);color: var(--biel)}.etykieta{font: 500 12px/1 var(--mono);letter-spacing: 0.1em;text-transform: uppercase;color: var(--stal-600);margin-bottom: 14px}.ciemny .etykieta{color: var(--stal-300)}h2{font: 700 clamp(30px,4.2vw,46px)/1.06 var(--naglowek);letter-spacing: -0.035em;text-wrap: balance}h3{font: 700 clamp(21px,2.4vw,26px)/1.15 var(--naglowek);letter-spacing: -0.02em}.wstep{margin-top: 18px;max-width: 62ch;font-size: clamp(17px,1.6vw,19px);color: var(--stal-600)}.ciemny .wstep{color: var(--stal-300)}.naglowek-strony{position: sticky;top: 0;z-index: 20;background: color-mix(in srgb,var(--granat-900) 92%,transparent);backdrop-filter: blur(10px);color: var(--szron)}.naglowek-strony .srodek{display: flex;align-items: center;justify-content: space-between;gap: 20px;min-height: 68px}.logo{display: block;width: 122px;flex: none}.menu{display: flex;gap: 6px 26px;align-items: center;flex-wrap: wrap;justify-content: flex-end}.menu a{text-decoration: none;font-weight: 500;font-size: 15px;color: var(--stal-300);padding: 6px 0}.menu a:hover{color: var(--szron)}.menu .przycisk{padding: 10px 18px;font-size: 15px}@media (max-width: 760px){.menu a:not(.przycisk){display: none}}.przycisk{display: inline-flex;align-items: center;justify-content: center;gap: 8px;padding: 14px 24px;border: 0;border-radius: 999px;font-weight: 600;text-decoration: none;cursor: pointer;transition: transform var(--czas) var(--krzywa),background var(--czas)}.przycisk:hover{transform: translateY(-1px)}.przycisk.glowny{background: var(--mieta-300);color: var(--granat-900)}.przycisk.glowny:hover{background: #b6f5dc}.przycisk.kobaltowy{background: var(--kobalt-600);color: var(--biel)}.przycisk.kobaltowy:hover{background: var(--kobalt-700)}.przycisk.bialy{background: var(--biel);color: var(--kobalt-700)}.przycisk:disabled{opacity: 0.6;cursor: wait;transform: none}.hero{padding-block: clamp(48px,7vw,96px) clamp(64px,8vw,112px)}.hero .srodek{display: grid;grid-template-columns: minmax(0,1.05fr) minmax(0,1fr);gap: clamp(32px,5vw,72px);align-items: start}@media (max-width: 900px){.hero .srodek{grid-template-columns: minmax(0,1fr)}}.hero h1{font: 700 clamp(42px,6.6vw,82px)/0.97 var(--naglowek);letter-spacing: -0.045em;text-wrap: balance}.hero h1 em{font-style: normal;color: var(--mieta-300)}.hero p{margin-top: 22px;max-width: 50ch;font-size: clamp(17px,1.7vw,20px);color: var(--stal-300)}.hero-kotwice{margin-top: 26px;display: flex;gap: 8px 22px;flex-wrap: wrap;font-size: 15px;color: var(--stal-300)}.hero-kotwice a{text-decoration: underline;text-underline-offset: 5px;text-decoration-thickness: 2px;text-decoration-color: var(--kobalt-400)}.pomiar{background: var(--granat-800);border: 1px solid var(--granat-600);border-radius: 20px;padding: clamp(20px,3vw,30px);display: grid;gap: 18px}.pomiar h2{font-size: clamp(22px,2.6vw,28px)}.pole{display: grid;gap: 8px}.pole label{font-size: 14px;font-weight: 500;color: var(--stal-300)}.pole input,.pole textarea,.pole select{width: 100%;padding: 14px 16px;border-radius: 12px;border: 1px solid var(--granat-600);background: var(--granat-900);color: var(--szron)}.pole input::placeholder,.pole textarea::placeholder{color: var(--stal-600)}.pole textarea{min-height: 110px;resize: vertical}.wiersz{display: flex;gap: 10px;flex-wrap: wrap}.wiersz .pole{flex: 1 1 220px}.wiersz .przycisk{flex: none;align-self: end}.drobne{font-size: 13px;color: var(--stal-300)}.pomiar .drobne{max-width: 46ch}.droga{width: 100%;height: auto}.droga .trasa{stroke-dasharray: 1;stroke-dashoffset: 1}.pomiar.mierzy .droga .trasa{animation: rysuj 1.6s var(--krzywa) infinite alternate}.pomiar.gotowy .droga .trasa{stroke-dashoffset: 0;transition: stroke-dashoffset 900ms var(--krzywa)}.droga .cel{opacity: 0.35;transition: opacity var(--czas)}.pomiar.gotowy .droga .cel{opacity: 1}@keyframes rysuj{from{stroke-dashoffset: 1}to{stroke-dashoffset: 0.15}}.wynik{display: grid;gap: 16px}.wynik-glowa{display: flex;justify-content: space-between;align-items: center;gap: 16px;flex-wrap: wrap}.wynik-glowa h3{font-size: clamp(22px,2.6vw,30px);overflow-wrap: anywhere}.wynik-glowa p{color: var(--stal-300);max-width: 44ch;margin-top: 4px}.ocena{flex: none;display: grid;place-items: center;align-content: center;width: 96px;height: 96px;border-radius: 50%;border: 3px solid;font-family: var(--naglowek);text-align: center}.ocena span{font-size: 34px;font-weight: 700;line-height: 1;letter-spacing: -0.04em}.ocena small{font: 11px var(--mono);color: var(--stal-300)}.ocena.dobrze{border-color: var(--dobrze-ciemne)}.ocena.srednio{border-color: var(--srednio-ciemne)}.ocena.zle{border-color: var(--zle-ciemne)}.kafle{display: grid;grid-template-columns: repeat(5,1fr);gap: 6px}@media (max-width: 560px){.kafle{grid-template-columns: repeat(2,1fr)}}.kafel{display: grid;gap: 5px;align-content: start;padding: 10px;border-radius: 10px;background: var(--granat-900)}.kafel-nazwa{min-height: 2.5em;font-size: 12px;line-height: 1.25;color: var(--stal-300)}.kafel-ocena{font: 700 22px/1 var(--naglowek);letter-spacing: -0.03em}.kafel-ocena small{font: 10px var(--mono);color: var(--stal-300)}.miernik{display: block;height: 5px;border-radius: 3px;background: var(--granat-600);overflow: hidden}.miernik span{display: block;height: 100%;border-radius: 3px;transition: width 600ms var(--krzywa)}.miernik.dobrze span{background: var(--dobrze-ciemne)}.miernik.srednio span{background: var(--srednio-ciemne)}.miernik.zle span{background: var(--zle-ciemne)}.stan{font-size: 11px;font-weight: 600}.stan.dobrze{color: var(--dobrze-ciemne)}.stan.srednio{color: var(--srednio-ciemne)}.stan.zle{color: var(--zle-ciemne)}.problemy{display: grid;gap: 10px}.problemy li{display: grid;grid-template-columns: 28px 1fr;gap: 10px;align-items: start;font-size: 15px;color: var(--stal-300)}.problemy b{color: var(--szron);display: block}.problemy .nr{display: grid;place-items: center;width: 28px;height: 28px;border-radius: 50%;background: var(--kobalt-600);color: var(--biel);font: 700 13px var(--naglowek)}.raport-forma{display: grid;gap: 12px;padding-top: 16px;border-top: 1px solid var(--granat-600)}.zgoda{display: flex;gap: 10px;align-items: start;font-size: 13px;color: var(--stal-300)}.zgoda input{margin-top: 3px;flex: none;width: 18px;height: 18px;accent-color: var(--kobalt-600)}.komunikat{padding: 12px 14px;border-radius: 10px;background: var(--granat-900);border: 1px solid var(--granat-600);font-size: 15px}.komunikat.blad{border-color: var(--zle-ciemne)}.komunikat.ok{border-color: var(--mieta-300)}.pulapka{position: absolute;left: -9999px;width: 1px;height: 1px;overflow: hidden}.zakresy{margin-top: 44px;display: grid;grid-template-columns: repeat(12,1fr);gap: 16px}.zakres{display: flex;flex-direction: column;gap: 14px;padding: clamp(22px,3vw,32px);border-radius: 20px;background: var(--mgla-100);border: 1px solid var(--linia-jasna)}.zakres:nth-child(1){grid-column: span 7}.zakres:nth-child(2){grid-column: span 5}.zakres:nth-child(3){grid-column: span 5}.zakres:nth-child(4){grid-column: span 7;background: var(--granat-900);color: var(--szron);border-color: var(--granat-900)}.zakres:nth-child(4) .przedpo b,.zakres:nth-child(4) .cena-od{color: var(--mieta-300)}.zakres:nth-child(4) .przedpo,.zakres:nth-child(4) p{color: var(--stal-300)}@media (max-width: 860px){.zakres{grid-column: span 12 !important}}.zakres p{color: var(--stal-600)}.przedpo{display: grid;gap: 4px;padding: 12px 14px;border-radius: 12px;background: var(--kobalt-100);font-size: 15px;color: var(--stal-600)}.zakres:nth-child(4) .przedpo{background: var(--granat-800)}.przedpo b{color: var(--kobalt-700);font-family: var(--mono);font-size: 12px;letter-spacing: 0.08em;text-transform: uppercase}.cena-od{margin-top: auto;padding-top: 12px;border-top: 1px solid var(--linia-jasna);font: 500 14px/1.6 var(--mono);color: var(--kobalt-700)}.zakres:nth-child(4) .cena-od{border-color: var(--granat-600)}.dowod{margin-top: 44px;display: grid;grid-template-columns: repeat(3,1fr);gap: 16px}@media (max-width: 900px){.dowod{grid-template-columns: 1fr}}.realizacja{display: flex;flex-direction: column;gap: 14px;padding: 18px;border-radius: 18px;background: var(--granat-800);border: 1px solid var(--granat-600)}.realizacja figure{border-radius: 10px;overflow: hidden;border: 1px solid var(--granat-600);background: var(--granat-950);aspect-ratio: 16 / 10}.realizacja img{width: 100%;height: 100%;object-fit: cover;object-position: top}.realizacja-wynik{display: flex;justify-content: space-between;align-items: baseline;gap: 12px}.realizacja-wynik b{font: 700 34px/1 var(--naglowek);letter-spacing: -0.04em;color: var(--mieta-300)}.realizacja-wynik b small{font: 12px var(--mono);color: var(--stal-300);letter-spacing: 0}.realizacja-wynik span{font: 12px var(--mono);color: var(--stal-300);text-align: right}.realizacja h3{font-size: 20px}.realizacja p{color: var(--stal-300);font-size: 15px}.realizacja.wlasna{border-color: var(--kobalt-400)}.realizacja.wlasna figure{display: grid;place-items: center}.realizacja.wlasna figure svg{width: 45%}.kroki-uklad{margin-top: 44px;display: grid;grid-template-columns: minmax(0,1.4fr) minmax(0,1fr);gap: clamp(28px,5vw,64px);align-items: start}@media (max-width: 860px){.kroki-uklad{grid-template-columns: minmax(0,1fr)}}.kroki{counter-reset: krok;position: relative;display: grid;gap: 22px}.kroki::before{content: "";position: absolute;left: 17px;top: 18px;bottom: 18px;width: 2px;background: var(--kobalt-100)}.kroki li{counter-increment: krok;position: relative;padding-left: 56px}.kroki li::before{content: counter(krok);position: absolute;left: 0;top: -2px;width: 36px;height: 36px;border-radius: 50%;display: grid;place-items: center;background: var(--kobalt-600);color: var(--biel);font: 700 15px var(--naglowek)}.kroki li:last-child::before{background: var(--granat-900);box-shadow: inset 0 0 0 4px var(--biel),inset 0 0 0 7px var(--granat-900)}.kroki b{display: block;font-family: var(--naglowek);font-size: 19px;letter-spacing: -0.01em}.kroki p{color: var(--stal-600);margin-top: 3px}.gwarancja{padding: clamp(22px,3vw,30px);border-radius: 20px;background: var(--granat-900);color: var(--szron)}.gwarancja h3{color: var(--mieta-300)}.gwarancja p{margin-top: 12px;color: var(--stal-300)}.gwarancja .duza{font: 700 clamp(44px,6vw,64px)/1 var(--naglowek);letter-spacing: -0.04em;color: var(--szron);margin-top: 18px}.gwarancja .duza small{font: 14px var(--tekst);color: var(--stal-300);letter-spacing: 0}.cennik{margin-top: 36px;width: 100%;border-collapse: collapse}.cennik th,.cennik td{padding: 14px 10px;text-align: left;vertical-align: top;border-bottom: 1px solid var(--linia-jasna)}.cennik th{font: 500 12px var(--mono);letter-spacing: 0.08em;text-transform: uppercase;color: var(--stal-600)}.cennik td:nth-child(2){font: 500 15px var(--mono);white-space: nowrap;color: var(--kobalt-700)}.cennik td:nth-child(3){color: var(--stal-600);white-space: nowrap}.przewijalne{overflow-x: auto}.uwaga{margin-top: 14px;font-size: 14px;color: var(--stal-600)}.konfigurator{margin-top: 56px;display: grid;grid-template-columns: minmax(0,1.2fr) minmax(0,1fr);gap: clamp(24px,4vw,48px);align-items: start}@media (max-width: 860px){.konfigurator{grid-template-columns: minmax(0,1fr)}}.pytanie{display: grid;gap: 10px;margin-top: 22px}.pytanie legend,.pytanie>b{font-family: var(--naglowek);font-size: 19px;letter-spacing: -0.01em;padding: 0;margin-bottom: 4px}fieldset{border: 0;padding: 0;margin: 0;min-width: 0}.opcje{display: flex;flex-wrap: wrap;gap: 8px}.opcje label{display: inline-flex;align-items: center;gap: 8px;padding: 10px 16px;border-radius: 999px;background: var(--mgla-100);border: 1px solid var(--linia-jasna);cursor: pointer;font-size: 15px;transition: background var(--czas),border-color var(--czas)}.opcje label:has(:checked){background: var(--kobalt-600);border-color: var(--kobalt-600);color: var(--biel)}.opcje input{position: absolute;opacity: 0;width: 1px;height: 1px}.opcje label:has(:focus-visible){outline: 3px solid var(--kobalt-600);outline-offset: 2px}.widelki{position: sticky;top: 88px;padding: clamp(22px,3vw,30px);border-radius: 20px;background: var(--granat-900);color: var(--szron);display: grid;gap: 14px}.widelki .kwota{font: 700 clamp(30px,4vw,44px)/1.05 var(--naglowek);letter-spacing: -0.035em;color: var(--mieta-300)}.widelki .termin{color: var(--stal-300)}.widelki .drobne{color: var(--stal-300)}.brief{display: grid;gap: 12px;padding-top: 16px;border-top: 1px solid var(--granat-600)}.pytania{margin-top: 36px;max-width: 76ch;display: grid;gap: 4px}.pytania details{border-top: 1px solid var(--linia-jasna)}.pytania details:last-child{border-bottom: 1px solid var(--linia-jasna)}.pytania summary{cursor: pointer;padding: 18px 44px 18px 0;font-family: var(--naglowek);font-size: 20px;letter-spacing: -0.015em;list-style: none;position: relative}.pytania summary::-webkit-details-marker{display: none}.pytania summary::after{content: "+";position: absolute;right: 4px;top: 14px;font-size: 28px;font-weight: 300;color: var(--kobalt-600);transition: transform var(--czas) var(--krzywa)}.pytania details[open] summary::after{transform: rotate(45deg)}.pytania details p{padding: 0 0 20px;max-width: 66ch;color: var(--stal-600)}.wezwanie .srodek{display: flex;justify-content: space-between;align-items: center;gap: 24px;flex-wrap: wrap}.wezwanie h2{max-width: 20ch}.stopka{background: var(--granat-950);color: var(--stal-300);padding-block: 40px;font-size: 14px}.stopka .srodek{display: grid;grid-template-columns: auto 1fr;gap: 24px 48px;align-items: start}@media (max-width: 720px){.stopka .srodek{grid-template-columns: 1fr}}.stopka .logo{width: 110px}.stopka p + p{margin-top: 6px}.stopka a{color: var(--kobalt-400)}.dokument{padding-block: clamp(48px,7vw,96px)}.dokument .srodek{max-width: 74ch}.dokument h1{font: 700 clamp(32px,5vw,52px)/1.05 var(--naglowek);letter-spacing: -0.035em}.dokument h2{font-size: clamp(22px,2.6vw,28px);margin-top: 36px}.dokument p,.dokument li{margin-top: 12px;color: var(--stal-600)}.dokument ul{list-style: disc;padding-left: 22px}.dokument .przycisk{margin-top: 28px}@media (prefers-reduced-motion: reduce){html{scroll-behavior: auto}.pomiar.mierzy .droga .trasa{animation: none;stroke-dashoffset: 0.5}.pomiar.gotowy .droga .trasa,.miernik span,.przycisk,.opcje label{transition: none}}@media (max-width: 600px){.cennik td:nth-child(2),.cennik td:nth-child(3){white-space: normal}.cennik th,.cennik td{padding: 12px 6px;font-size: 15px}}.ocena-blok{flex: none;display: grid;justify-items: center;gap: 6px}.ocena-blok .stan{font-size: 13px}.problemy b small{font: 13px var(--mono);color: var(--stal-300)}