@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(../fonts/inter-01ba6c2a.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: 'Inter';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(../fonts/inter-65850a37.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: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/inter-01ba6c2a.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: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/inter-65850a37.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: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/inter-01ba6c2a.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: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/inter-65850a37.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: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/inter-01ba6c2a.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: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/inter-65850a37.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: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/inter-01ba6c2a.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: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/inter-65850a37.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: 500;
  font-display: swap;
  src: url(../fonts/poppins-63af7d5e.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: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/poppins-792477d0.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: 600;
  font-display: swap;
  src: url(../fonts/poppins-5a1b7c98.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: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/poppins-b550bca8.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-d3aa06d1.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: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/poppins-0bd523f6.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: 'Space Grotesk';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/space-grotesk-dea099b7.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: 'Space Grotesk';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/space-grotesk-25ea4a78.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: 'Space Grotesk';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/space-grotesk-dea099b7.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: 'Space Grotesk';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/space-grotesk-25ea4a78.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: 'Space Grotesk';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/space-grotesk-dea099b7.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: 'Space Grotesk';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/space-grotesk-25ea4a78.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: 'Space Grotesk';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/space-grotesk-dea099b7.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: 'Space Grotesk';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/space-grotesk-25ea4a78.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: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(../fonts/cormorant-garamond-e1f7cd82.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: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(../fonts/cormorant-garamond-ec4225ec.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: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/cormorant-garamond-e1f7cd82.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: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/cormorant-garamond-ec4225ec.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: 'Figtree';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/figtree-8811e895.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: 'Figtree';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/figtree-392aed3e.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: 'Figtree';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/figtree-8811e895.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: 'Figtree';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/figtree-392aed3e.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: 'Figtree';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/figtree-8811e895.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: 'Figtree';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/figtree-392aed3e.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: 'Figtree';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/figtree-8811e895.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: 'Figtree';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/figtree-392aed3e.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: 'Playfair Display';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/playfair-display-a81e6c6c.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: 'Playfair Display';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/playfair-display-6da252de.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: 'Playfair Display';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/playfair-display-a81e6c6c.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: 'Playfair Display';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/playfair-display-6da252de.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: 'Playfair Display';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/playfair-display-a81e6c6c.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: 'Playfair Display';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/playfair-display-6da252de.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;
}
  #preloader { position: fixed; inset: 0; z-index: 100000; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 26px; background: #121212; opacity: 1; visibility: visible; transition: opacity .45s ease, visibility 0s linear .45s; }
  #preloader.pre-ukryty { opacity: 0; visibility: hidden; }
  html.preloader-trwa { overflow: hidden; }
  .pre-logo { width: 240px; height: auto; overflow: visible; }
  .pre-litera { clip-path: inset(0 100% 0 0); animation: pre-pisz .22s ease-out forwards; animation-delay: calc(.15s + var(--i) * .1s); }
  @keyframes pre-pisz { from { clip-path: inset(0 100% 0 0); } to { clip-path: inset(0 0 0 0); } }
  .pre-pasek { position: relative; width: 220px; height: 2px; background: rgba(255,255,255,.14); overflow: hidden; }
  .pre-pasek-fill { position: absolute; left: 0; top: 0; height: 100%; width: 0; background-image: linear-gradient(115deg, #121212 0%, #121212 10%, #121212 100%); animation: pre-postep 1.5s cubic-bezier(.3, .6, .4, 1) .1s forwards; }
  @keyframes pre-postep { from { width: 0; } to { width: 92%; } }
  #preloader.pre-koniec .pre-pasek-fill { animation: none; width: 100%; transition: width .25s ease-out; }
  html.preloader-trwa .rt-char { animation-play-state: paused !important; }
  html.preloader-trwa .reveal.is-visible, html.preloader-trwa .reveal-blur.is-visible, html.preloader-trwa .reveal-blur-slide-up.is-visible { opacity: 0 !important; }
  html.preloader-trwa .kreska-anim::after { width: 0 !important; transition: none !important; }
  @media (max-width: 640px) { .pre-logo { width: 180px; } .pre-pasek { width: 160px; } }
  @media (prefers-reduced-motion: reduce) { .pre-litera, .pre-pasek-fill { animation: none !important; opacity: 1; clip-path: none; width: 100%; } }
  .grecaptcha-badge { visibility: hidden; }
  html { scroll-behavior: smooth; }
  section[id], footer[id] { scroll-margin-top: 88px; }
  *, *::before, *::after { box-sizing: border-box; }
  html, body { max-width: 100%; overflow-x: clip; }
  body { font-family: 'Inter', sans-serif; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
  ::selection { background: #121212; color: #fff; }
  .bg-brand { background-image: linear-gradient(115deg, #121212 0%, #121212 10%, #121212 100%); }
  .text-brand { background-image: linear-gradient(120deg, #121212 0%, #121212 30%, #121212 65%, #121212 100%); -webkit-background-clip: text; background-clip: text; color: transparent; }
  .ring-brand:focus-visible { outline: 2px solid #121212; outline-offset: 2px; }
  .cta-roll { --cta-roll-ease: cubic-bezier(0.2, 0.7, 0.2, 1); }
  .cta-roll:not(.bg-brand):hover,
  .cta-roll:not(.bg-brand):focus-visible {
    background-color: #121212;
    border-color: #121212;
    color: #ffffff;
  }
  .cta-roll__text {
    position: relative;
    display: block;
    overflow: hidden;
    height: 1.45em;
    line-height: 1.45em;
  }
  .cta-roll__text span {
    display: block;
    white-space: nowrap;
    transition: transform 0.4s var(--cta-roll-ease);
  }
  .cta-roll__clone {
    position: absolute;
    left: 0;
    top: 0;
    transform: translateY(100%);
  }
  .cta-roll:hover .cta-roll__orig,
  .cta-roll:focus-visible .cta-roll__orig {
    transform: translateY(-100%);
  }
  .cta-roll:hover .cta-roll__clone,
  .cta-roll:focus-visible .cta-roll__clone {
    transform: translateY(0);
  }
  @media (prefers-reduced-motion: reduce) {
    .cta-roll__text span { transition: none; }
    .cta-roll__clone { display: none; }
    .cta-roll:hover .cta-roll__orig,
    .cta-roll:focus-visible .cta-roll__orig,
    .cta-roll:hover .cta-roll__clone,
    .cta-roll:focus-visible .cta-roll__clone {
      transform: none;
    }
  }
  .text-outline { color: transparent; -webkit-text-stroke: 1px #DCD2C2; }
  .glossary-term {
    position: relative;
    display: inline;
    border-bottom: 1px dotted #121212;
    color: #18181b;
    cursor: help;
    text-decoration: none;
  }
  .glossary-term:focus-visible {
    outline: 2px solid #121212;
    outline-offset: 3px;
  }
  .glossary-tooltip-portal {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 70;
    width: max-content;
    max-width: min(340px, calc(100vw - 32px));
    padding: 10px 12px;
    border: 1px solid #E7E0D5;
    background: #ffffff;
    color: #4A4743;
    box-shadow: 0 18px 40px -24px rgba(24, 24, 27, 0.45);
    font-family: 'Inter', sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.45;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translate3d(var(--tooltip-x, 16px), var(--tooltip-y, 16px), 0);
    transition: opacity 0.16s ease, visibility 0.16s ease;
    white-space: normal;
  }
  .glossary-tooltip-portal.is-visible {
    opacity: 1;
    visibility: visible;
  }
  .glossary-tooltip-portal::before {
    content: "";
    position: absolute;
    left: var(--tooltip-arrow-x, 50%);
    top: 100%;
    width: 8px;
    height: 8px;
    border-right: 1px solid #E7E0D5;
    border-bottom: 1px solid #E7E0D5;
    background: #ffffff;
    transform: translate(-50%, -4px) rotate(45deg);
  }
  .glossary-tooltip-portal.is-below::before {
    top: 0;
    transform: translate(-50%, -4px) rotate(45deg);
  }
  .reveal.is-visible { will-change: auto; }
  .no-scrollbar::-webkit-scrollbar { display: none; }
  .no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }
  @keyframes marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }
  .marquee-track { animation: marquee 34s linear infinite; }
  .marquee-text { color: #18181b; }
  .marquee-text i { font-style: normal; color: #121212; padding: 0 .06em; }
  @media (prefers-reduced-motion: reduce) { .marquee-track { animation: none; } }
  .reveal {
    opacity: 0;
    transition: opacity 1.6s cubic-bezier(0.22, 0.61, 0.36, 1), transform 1.6s cubic-bezier(0.22, 0.61, 0.36, 1);
    will-change: transform, opacity;
  }
  .reveal-slide-up {
    transform: translateY(32px);
  }
  .reveal-slide-down {
    transform: translateY(-32px);
  }
  .reveal-slide-left {
    transform: translateX(32px);
  }
  .reveal-slide-right {
    transform: translateX(-32px);
  }
  .reveal.is-visible {
    opacity: 1;
    transform: translate(0, 0) !important;
  }
  .reveal-blur {
    opacity: 0;
    filter: blur(12px);
    transition: opacity 1.2s cubic-bezier(0.16, 1, 0.3, 1), filter 1.2s cubic-bezier(0.16, 1, 0.3, 1);
    will-change: opacity, filter;
  }
  .reveal-blur.is-visible {
    opacity: 1;
    filter: blur(0);
  }
  .reveal-blur-slide-up {
    opacity: 0;
    filter: blur(12px);
    transform: translateY(24px);
    transition: opacity 1.2s cubic-bezier(0.16, 1, 0.3, 1), filter 1.2s cubic-bezier(0.16, 1, 0.3, 1), transform 1.2s cubic-bezier(0.16, 1, 0.3, 1);
    will-change: opacity, filter, transform;
  }
  .reveal-blur-slide-up.is-visible {
    opacity: 1;
    filter: blur(0);
    transform: translateY(0) !important;
  }
  .terminal-animate .terminal-body > * {
    opacity: 0;
  }
  .terminal-animate .terminal-body > .terminal-cursor {
    opacity: 1 !important;
  }
  .delay-75  { transition-delay: 75ms; }
  .delay-100 { transition-delay: 100ms; }
  .delay-150 { transition-delay: 150ms; }
  .delay-200 { transition-delay: 200ms; }
  .delay-250 { transition-delay: 250ms; }
  .delay-300 { transition-delay: 300ms; }
  .delay-400 { transition-delay: 400ms; }
  .delay-500 { transition-delay: 500ms; }
  .delay-700 { transition-delay: 700ms; }
  .kreska-anim { position: relative; background: none; height: 2px !important; } 
  .kreska-anim::after { content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 0; background-image: linear-gradient(115deg, #121212 0%, #121212 10%, #121212 100%); transition: width 1.4s cubic-bezier(0.2, 0.7, 0.2, 1) 0.3s; }
  .kreska-anim.is-visible::after { width: 100%; }
  @media (prefers-reduced-motion: reduce) { .kreska-anim::after { width: 100%; transition: none; } }
  .hover-underline-link {
    position: relative;
    display: inline-block;
  }
  .hover-underline-link::after {
    content: "";
    position: absolute;
    width: 100%;
    transform: scaleX(0);
    height: 2px;
    bottom: -2px;
    left: 0;
    background-color: #121212;
    transform-origin: bottom right;
    transition: transform 0.25s ease-out;
  }
  .hover-underline-link:hover::after,
  a:hover > .hover-underline-link::after,
  .group:hover .hover-underline-link::after {
    transform: scaleX(1);
    transform-origin: bottom left;
  }
  .offer-row { transition: border-color 0.3s; }
  .offer-row .offer-toggle { cursor: pointer; outline: none; }
  .offer-row .offer-content {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 0.3s ease-in-out;
  }
  .offer-row.is-active .offer-content {
    grid-template-rows: 1fr;
  }
  .offer-row .offer-content > div {
    opacity: 0;
    transform: translateY(-8px);
    transition: opacity 0.22s ease-in-out, transform 0.22s ease-in-out;
  }
  .offer-row.is-active .offer-content > div {
    opacity: 1;
    transform: translateY(0);
    transition: opacity 0.3s ease-in-out 0.05s, transform 0.3s ease-in-out 0.05s;
  }
  .offer-row:not(.is-active) .offer-toggle:hover h3 { color: #a1a1aa; }
  .offer-row:not(.is-active) .offer-toggle:hover .toggle-pill { border-color: #18181b; }
  .offer-row.is-active .offer-toggle h3 {
    background-image: linear-gradient(120deg, #121212 0%, #121212 30%, #121212 65%, #121212 100%);
    -webkit-background-clip: text; background-clip: text; color: transparent;
  }
  .offer-row.is-active .toggle-pill {
    background-image: linear-gradient(115deg, #121212 0%, #121212 10%, #121212 100%);
    border-color: transparent; color: #fff;
  }
  .phone-tab .tab-icon { color: #a1a1aa; }
  .phone-tab .tab-label { color: #a1a1aa; font-weight: 500; }
  .phone-tab:hover .tab-icon { background-color: #f4f4f5; color: #4A4743; }
  .phone-tab.is-active .tab-icon {
    background-image: linear-gradient(115deg, #121212 0%, #121212 10%, #121212 100%);
    color: #fff;
    box-shadow: 0 10px 18px -10px rgba(251,54,64,0.9);
  }
  .phone-tab.is-active .tab-label { color: #18181b; font-weight: 600; }
  .dark-terminal { background: #121212; border: 1px solid #27272a; border-radius: 0.75rem; box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -1px rgba(0,0,0,0.06); overflow: hidden; display: flex; flex-direction: column; }
  .dark-terminal .terminal-bar { display: flex; align-items: center; gap: 7px; padding: 10px 16px; background: #18181b; border-bottom: 1px solid #27272a; }
  .dark-terminal .terminal-dot { width: 11px; height: 11px; border-radius: 50%; }
  .dark-terminal .terminal-dot--red { background: #ff5f56; }
  .dark-terminal .terminal-dot--yellow { background: #ffbd2e; }
  .dark-terminal .terminal-dot--green { background: #27c93f; }
  .dark-terminal .terminal-body { padding: 20px 22px; font-family: 'Consolas', 'SF Mono', 'Fira Code', monospace; font-size: 13px; line-height: 1.75; color: #a1a1aa; background: #121212; flex: 1; }
  .dark-terminal .terminal-prompt { color: #22c55e; font-weight: 600; }
  .dark-terminal .terminal-path { color: #3b82f6; }
  .dark-terminal .terminal-bling { color: #fbbf24; }
  .dark-terminal .terminal-comment { color: #4A4743; }
  .dark-terminal .terminal-string { color: #B1B1B1; }
  .dark-terminal .terminal-keyword { color: #9F9F9F; font-weight: 600; }
  .dark-terminal .terminal-fn { color: #A2A2A2; }
   .light-terminal { background: #ffffff; border: 1px solid #E7E0D5; border-radius: 0.75rem; box-shadow: 0 1px 3px rgba(0,0,0,0.04), 0 8px 30px -12px rgba(0,0,0,0.08); overflow: hidden; display: flex; flex-direction: column; }
   .light-terminal .terminal-bar { display: flex; align-items: center; gap: 7px; padding: 10px 16px; background: #fafafa; border-bottom: 1px solid #f4f4f5; }
   .light-terminal .terminal-dot { width: 11px; height: 11px; border-radius: 50%; }
   .light-terminal .terminal-dot--red { background: #ff5f56; }
   .light-terminal .terminal-dot--yellow { background: #ffbd2e; }
   .light-terminal .terminal-dot--green { background: #27c93f; }
   .light-terminal .terminal-body { padding: 20px 22px; font-family: 'Consolas', 'SF Mono', 'Fira Code', monospace; font-size: 13px; line-height: 1.75; color: #4A4743; background: #ffffff; flex: 1; overflow-x: auto; }
   .light-terminal .terminal-prompt { color: #121212; font-weight: 600; }
   .light-terminal .terminal-path { color: #121212; }
   .light-terminal .terminal-bling { color: #121212; }
   .light-terminal .terminal-comment { color: #a1a1aa; }
   .light-terminal .terminal-string { color: #121212; }
   .light-terminal .terminal-keyword { color: #121212; font-weight: 600; }
   .light-terminal .terminal-fn { color: #121212; }
   .terminal-cursor { display: inline-block; width: 8px; height: 17px; background: #121212; vertical-align: text-bottom; animation: termBlink 1s step-end infinite; }
   @keyframes termBlink { 0%, 100% { opacity: 1; } 50% { opacity: 0; } }
   .vertical-label { writing-mode: vertical-lr; transform: rotate(180deg); letter-spacing: 0.5em; }
    .watermark-text { position: absolute; z-index: 0; font-family: 'Space Grotesk', sans-serif; font-weight: 700; pointer-events: none; user-select: none; white-space: nowrap; line-height: 0.85; opacity: 0; filter: blur(16px); transition: opacity 1.6s cubic-bezier(0.16, 1, 0.3, 1), filter 1.6s cubic-bezier(0.16, 1, 0.3, 1), transform 1.6s cubic-bezier(0.16, 1, 0.3, 1); will-change: transform, opacity, filter; }
    .watermark-text.is-visible {
      opacity: 1;
      filter: blur(0);
    }
   .watermark-text.-translate-x-1\/2:not(.-translate-y-1\/2) {
     transform: translate(-50%, -120px);
   }
   .watermark-text.-translate-x-1\/2:not(.-translate-y-1\/2).is-visible {
     transform: translate(-50%, 0);
   }
   .watermark-text.-translate-x-1\/2.-translate-y-1\/2 {
     transform: translate(-50%, calc(-50% - 120px));
   }
   .watermark-text.-translate-x-1\/2.-translate-y-1\/2.is-visible {
     transform: translate(-50%, -50%);
   }
   .watermark-text:not(.-translate-x-1\/2) {
     transform: translateY(-80px);
   }
   .watermark-text:not(.-translate-x-1\/2).is-visible {
     transform: translateY(0);
   }
   .service-page section.bg-zinc-50 .watermark-text:not(.is-visible) {
     transform: translate(-50%, calc(-50% - 80px)) !important;
   }
   .service-page section.bg-zinc-50 .watermark-text.is-visible {
     transform: translate(-50%, -50%) !important;
   }
   .service-page { overflow-x: clip; }
   .service-page .grid > * { min-width: 0; }
   .service-page .light-terminal,
   .service-page .dark-terminal { max-width: 100%; min-width: 0; }
   .service-page .terminal-body { max-width: 100%; min-width: 0; }
   .service-page .terminal-body > div { min-width: max-content; }
   .service-page section.bg-zinc-50 .watermark-text {
     left: 50% !important;
     right: auto !important;
     top: 50% !important;
     transform: translate(-50%, -50%) !important;
     font-size: clamp(6rem, 18vw, 12rem) !important;
   }
   @supports not (overflow: clip) {
     html, body,
     .service-page { overflow-x: hidden; }
   }
   @media (max-width: 767px) {
     .service-page .grid-cols-12 {
       grid-template-columns: minmax(0, 1fr);
     }
     .service-page .grid-cols-12 > * {
       grid-column: 1 / -1 !important;
     }
     .service-page h1,
     .service-page h2,
     .service-page h3,
     .service-page blockquote,
     .service-page p,
     .service-page a {
       overflow-wrap: anywhere;
     }
     .service-page h1 {
       font-size: clamp(2.25rem, 12vw, 2.9rem);
     }
     .service-page h2,
     .service-page h3 {
       font-size: clamp(2rem, 10vw, 2.4rem);
     }
     .service-page blockquote {
       padding-left: 1rem;
       font-size: clamp(1.75rem, 8vw, 2rem);
     }
     .service-page .terminal-bar {
       padding-left: 12px;
       padding-right: 12px;
     }
     .service-page .terminal-bar .ml-auto {
       max-width: calc(100% - 58px);
       overflow: hidden;
       text-overflow: ellipsis;
       white-space: nowrap;
     }
     .service-page .terminal-body {
       padding: 16px;
       font-size: 12px;
     }
     .service-page section.bg-zinc-50 .watermark-text {
       font-size: clamp(5.6rem, 26vw, 7.25rem) !important;
     }
     .light-terminal,
     .dark-terminal {
       max-width: 100% !important;
       min-width: 0 !important;
       margin-top: 1rem !important;
       margin-bottom: 1rem !important;
     }
     .light-terminal .terminal-bar,
     .dark-terminal .terminal-bar {
       padding: 8px 12px !important;
     }
     .light-terminal .terminal-body,
     .dark-terminal .terminal-body {
       max-width: 100% !important;
       min-width: 0 !important;
       overflow-x: hidden !important;
       white-space: pre-wrap !important;
       word-break: break-word !important;
       overflow-wrap: anywhere !important;
       padding: 10px 12px !important;
       font-size: 10px !important;
       line-height: 1.3 !important;
     }
     .light-terminal .terminal-body > div,
     .dark-terminal .terminal-body > div,
     .service-page .terminal-body > div,
     .oferta-page .terminal-body > div {
       min-width: 0 !important;
       margin: 0 !important;
       padding: 0 !important;
       white-space: pre-wrap !important;
       word-break: break-word !important;
       overflow-wrap: anywhere !important;
     }
     .light-terminal .terminal-body .whitespace-pre,
     .dark-terminal .terminal-body .whitespace-pre {
       white-space: pre-wrap !important;
     }
   }
  .cookie-consent-hidden{display:none!important}
  .cookie-consent-banner{position:fixed;right:24px;bottom:24px;left:24px;z-index:1000;color:#18181b;pointer-events:none}
  .cookie-consent-banner__inner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center;max-width:1120px;margin:0 auto;padding:20px;border:1px solid #E7E0D5;background:rgba(255,255,255,.96);box-shadow:0 24px 60px -30px rgba(24,24,27,.35);backdrop-filter:blur(18px);pointer-events:auto}
  .cookie-consent-banner__title,.cookie-consent-modal__title{margin:0;color:#18181b;font-size:18px;font-weight:650;line-height:1.25}
  .cookie-consent-banner__text,.cookie-consent-modal__text{margin:8px 0 0;color:#4A4743;font-size:14px;line-height:1.6}
  .cookie-consent-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}
  .cookie-consent-button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;border:1px solid #18181b;border-radius:999px;padding:10px 18px;background:#fff;color:#18181b;font:inherit;font-size:14px;font-weight:600;line-height:1;cursor:pointer;transition:background-color 160ms ease,border-color 160ms ease,color 160ms ease,box-shadow 160ms ease}
  .cookie-consent-button:hover{border-color:#121212;color:#121212}
  .cookie-consent-button:focus-visible,.cookie-consent-link:focus-visible,.cookie-consent-trigger:focus-visible{outline:2px solid #121212;outline-offset:3px}
  .cookie-consent-button--primary,.cookie-consent-button--neutral{min-width:158px}
  .cookie-consent-button--primary{border-color:transparent;background:linear-gradient(115deg,#121212 0%, #121212 10%, #121212 100%);color:#fff;box-shadow:0 14px 24px -16px rgba(251,54,64,.8)}
  .cookie-consent-button--primary:hover{border-color:transparent;background:linear-gradient(115deg,#121212 0%, #121212 10%, #121212 100%);color:#fff;box-shadow:0 18px 30px -18px rgba(251,54,64,.95)}
  .cookie-consent-button--neutral{border-color:#121212;background:#fff;color:#121212;box-shadow:inset 0 0 0 1px rgba(251,54,64,.28)}
  .cookie-consent-button--neutral:hover{border-color:#121212;background:#f4f4f5;color:#121212}
  .cookie-consent-button--ghost{border-color:#DCD2C2;color:#121212}
  .cookie-consent-button--ghost:hover{border-color:#121212;background:#f4f4f5;color:#121212}
  .cookie-consent-modal{position:fixed;inset:0;z-index:1001;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(24,24,27,.52)}
  .cookie-consent-modal__dialog{width:min(100%,640px);max-height:calc(100vh - 48px);overflow:auto;border:1px solid #E7E0D5;background:#fff;box-shadow:0 24px 70px -32px rgba(0,0,0,.45)}
  .cookie-consent-modal__header{display:flex;gap:16px;align-items:flex-start;justify-content:space-between;padding:24px 24px 16px;border-bottom:1px solid #f4f4f5}
  .cookie-consent-modal__close{display:inline-flex;width:38px;height:38px;flex:0 0 auto;align-items:center;justify-content:center;border:1px solid #E7E0D5;border-radius:999px;background:#fff;color:#4A4743;font-size:24px;line-height:1;cursor:pointer}
  .cookie-consent-modal__body{display:grid;gap:12px;padding:18px 24px 24px}
  .cookie-consent-option{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:flex-start;padding:16px;border:1px solid #E7E0D5;background:#fafafa}
  .cookie-consent-option input{width:20px;height:20px;margin-top:2px;accent-color:#121212}
  .cookie-consent-option__title{display:block;color:#18181b;font-size:15px;font-weight:650;line-height:1.3}
  .cookie-consent-option__text{display:block;margin-top:4px;color:#4A4743;font-size:13px;line-height:1.55}
  .cookie-consent-modal__footer{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;padding:16px 24px 24px;border-top:1px solid #f4f4f5}
  .cookie-consent-link{border:0;padding:0;background:transparent;color:inherit;font:inherit;text-decoration:none;cursor:pointer}
  .cookie-consent-link:hover{color:#4A4743}
  .cookie-consent-trigger{position:fixed;left:18px;bottom:18px;z-index:999;display:inline-flex;width:46px;height:46px;align-items:center;justify-content:center;border:1px solid #E7E0D5;border-radius:999px;background:#fff;color:#121212;box-shadow:0 16px 36px -22px rgba(24,24,27,.5);cursor:pointer}
  .cookie-consent-trigger svg{width:20px;height:20px}
  body.cookie-consent-modal-open{overflow:hidden}
  @media(max-width:767px){
    .cookie-consent-banner{right:12px;bottom:12px;left:12px}
    .cookie-consent-banner__inner{grid-template-columns:minmax(0,1fr);padding:16px}
    .cookie-consent-actions,.cookie-consent-modal__footer{display:grid;grid-template-columns:minmax(0,1fr);width:100%}
    .cookie-consent-button,.cookie-consent-button--primary,.cookie-consent-button--neutral{width:100%;min-width:0}
    .cookie-consent-modal{align-items:flex-start;padding:12px}
    .cookie-consent-modal__dialog{max-height:calc(100vh - 24px)}
    .cookie-consent-modal__header,.cookie-consent-modal__body,.cookie-consent-modal__footer{padding-right:16px;padding-left:16px}
  }
   .menu-uslugi-lista { display: none; }
   .menu-uslugi:hover .menu-uslugi-lista,
   .menu-uslugi.is-open .menu-uslugi-lista { display: block; }
   .menu-uslugi:hover .menu-uslugi-strzalka,
   .menu-uslugi.is-open .menu-uslugi-strzalka { transform: rotate(180deg); }
   .menu-uslugi:hover .menu-uslugi-przycisk,
   .menu-uslugi.is-open .menu-uslugi-przycisk { color: #18181b; }
   .rt { display: block; }
   .rt-word { white-space: nowrap; }
   .rt-char, .rt-word { display: inline-block; }
   .rt-char { opacity: 0; transform: translateY(var(--rt-translate-y, 24px)); will-change: transform, opacity; }
   .rt.is-inview .rt-char { animation: rt-rise 0.6s cubic-bezier(0.2, 0.8, 0.2, 1) forwards; }
   @keyframes rt-rise { from { opacity: 0; transform: translateY(var(--rt-translate-y, 24px)); } to { opacity: 1; transform: translateY(0); } }
   @media (prefers-reduced-motion: reduce) { .rt-char { opacity: 1 !important; transform: none !important; animation: none !important; } }
*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-tap-highlight-color:transparent}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:Consolas,SF Mono,monospace;font-feature-settings:normal;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-feature-settings:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#A2A2A2;opacity:1}input::placeholder,textarea::placeholder{color:#A2A2A2;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.inset-x-0{left:0;right:0}.-left-1{left:-.25rem}.-left-12{left:-3rem}.-left-2{left:-.5rem}.-left-4{left:-1rem}.-top-10{top:-2.5rem}.-top-2{top:-.5rem}.-top-4{top:-1rem}.left-0{left:0}.left-1\/2{left:50%}.right-0{right:0}.top-0{top:0}.top-1\/2{top:50%}.top-28{top:7rem}.top-4{top:1rem}.top-6{top:1.5rem}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.order-1{order:1}.order-2{order:2}.col-span-1{grid-column:span 1/span 1}.col-span-12{grid-column:span 12/span 12}.col-span-4{grid-column:span 4/span 4}.mx-auto{margin-left:auto;margin-right:auto}.my-24{margin-bottom:6rem;margin-top:6rem}.-ml-px{margin-left:-1px}.mb-16{margin-bottom:4rem}.mb-2{margin-bottom:.5rem}.ml-auto{margin-left:auto}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-10{margin-top:2.5rem}.mt-12{margin-top:3rem}.mt-14{margin-top:3.5rem}.mt-16{margin-top:4rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-7{margin-top:1.75rem}.mt-8{margin-top:2rem}.mt-9{margin-top:2.25rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.aspect-\[21\/9\]{aspect-ratio:21/9}.aspect-video{aspect-ratio:16/9}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-9{height:2.25rem}.h-\[68px\]{height:68px}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-9{width:2.25rem}.w-\[270px\]{width:270px}.w-\[285px\]{width:285px}.w-\[300px\]{width:300px}.w-\[80\%\]{width:80%}.w-full{width:100%}.w-px{width:1px}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:76.75rem}.max-w-\[240px\]{max-width:240px}.max-w-full{max-width:100%}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-sm{max-width:24rem}.max-w-xl{max-width:36rem}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.origin-center{transform-origin:center}.-translate-x-1{--tw-translate-x:-0.25rem}.-translate-x-1,.-translate-x-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-y-1{--tw-translate-y:-0.25rem}.-translate-y-1,.-translate-y-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y:-50%}.translate-x-1\/2{--tw-translate-x:50%}.scale-95,.translate-x-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-95{--tw-scale-x:.95;--tw-scale-y:.95}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize{resize:both}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0{gap:0}.gap-1\.5{gap:.375rem}.gap-10{gap:2.5rem}.gap-12{gap:3rem}.gap-14{gap:3.5rem}.gap-16{gap:4rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-9{gap:2.25rem}.space-y-2\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.625rem*var(--tw-space-y-reverse));margin-top:calc(.625rem*(1 - var(--tw-space-y-reverse)))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.75rem*var(--tw-space-y-reverse));margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1.25rem*var(--tw-space-y-reverse));margin-top:calc(1.25rem*(1 - var(--tw-space-y-reverse)))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(2rem*var(--tw-space-y-reverse));margin-top:calc(2rem*(1 - var(--tw-space-y-reverse)))}.space-y-9>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(2.25rem*var(--tw-space-y-reverse));margin-top:calc(2.25rem*(1 - var(--tw-space-y-reverse)))}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.text-wrap{text-wrap:wrap}.text-balance{text-wrap:balance}.rounded-2xl{border-radius:1rem}.rounded-\[2rem\]{border-radius:2rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-y{border-top-width:1px}.border-b,.border-y{border-bottom-width:1px}.border-l{border-left-width:1px}.border-l-2{border-left-width:2px}.border-t{border-top-width:1px}.border-transparent{border-color:transparent}.border-zinc-100{--tw-border-opacity:1;border-color:rgb(244 244 245/var(--tw-border-opacity,1))}.border-zinc-200{--tw-border-opacity:1;border-color:rgb(228 228 231/var(--tw-border-opacity,1))}.border-zinc-200\/80{border-color:hsla(240,6%,90%,.8)}.border-zinc-300{--tw-border-opacity:1;border-color:rgb(212 212 216/var(--tw-border-opacity,1))}.bg-\[\#e6003d\]\/5{background-color:rgba(230,0,61,.05)}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white\/80{background-color:hsla(0,0%,100%,.8)}.bg-zinc-100\/60{background-color:hsla(240,5%,96%,.6)}.bg-zinc-200{--tw-bg-opacity:1;background-color:rgb(228 228 231/var(--tw-bg-opacity,1))}.bg-zinc-50{--tw-bg-opacity:1;background-color:rgb(250 250 250/var(--tw-bg-opacity,1))}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.from-\[\#e6003d\]\/5{--tw-gradient-from:rgba(230,0,61,.05) var(--tw-gradient-from-position);--tw-gradient-to:rgba(230,0,61,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.via-\[\#e6003d\]\/10{--tw-gradient-to:rgba(230,0,61,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(230,0,61,.1) var(--tw-gradient-via-position),var(--tw-gradient-to)}.to-\[\#e6003d\]\/20{--tw-gradient-to:rgba(230,0,61,.2) var(--tw-gradient-to-position)}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.object-top{-o-object-position:top;object-position:top}.p-8{padding:2rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-7{padding-left:1.75rem;padding-right:1.75rem}.px-8{padding-left:2rem;padding-right:2rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-10{padding-bottom:2.5rem;padding-top:2.5rem}.py-16{padding-bottom:4rem;padding-top:4rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-2\.5{padding-bottom:.625rem;padding-top:.625rem}.py-28{padding-bottom:7rem;padding-top:7rem}.py-3\.5{padding-bottom:.875rem;padding-top:.875rem}.py-4{padding-bottom:1rem;padding-top:1rem}.py-5{padding-bottom:1.25rem;padding-top:1.25rem}.py-6{padding-bottom:1.5rem;padding-top:1.5rem}.py-7{padding-bottom:1.75rem;padding-top:1.75rem}.pb-12{padding-bottom:3rem}.pb-16{padding-bottom:4rem}.pb-2{padding-bottom:.5rem}.pb-20{padding-bottom:5rem}.pb-24{padding-bottom:6rem}.pb-3{padding-bottom:.75rem}.pb-8{padding-bottom:2rem}.pb-9{padding-bottom:2.25rem}.pl-5{padding-left:1.25rem}.pr-6{padding-right:1.5rem}.pt-10{padding-top:2.5rem}.pt-12{padding-top:3rem}.pt-20{padding-top:5rem}.pt-24{padding-top:6rem}.pt-6{padding-top:1.5rem}.pt-8{padding-top:2rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-display{font-family:Space Grotesk,Inter,sans-serif}.font-mono{font-family:Consolas,SF Mono,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-5xl{font-size:3rem;line-height:1}.text-\[1\.25rem\]{font-size:1.25rem}.text-\[1\.35rem\]{font-size:1.35rem}.text-\[1\.5rem\]{font-size:1.5rem}.text-\[1\.85rem\]{font-size:1.85rem}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[12vw\]{font-size:12vw}.text-\[13\.5px\]{font-size:13.5px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[15px\]{font-size:15px}.text-\[15vw\]{font-size:15vw}.text-\[16px\]{font-size:16px}.text-\[17px\]{font-size:17px}.text-\[18px\]{font-size:18px}.text-\[2\.2rem\]{font-size:2.2rem}.text-\[2\.4rem\]{font-size:2.4rem}.text-\[2\.5rem\]{font-size:2.5rem}.text-\[2\.6rem\]{font-size:2.6rem}.text-\[2\.8rem\]{font-size:2.8rem}.text-\[2\.9rem\]{font-size:2.9rem}.text-\[26vw\]{font-size:26vw}.text-\[2rem\]{font-size:2rem}.text-\[3\.4rem\]{font-size:3.4rem}.text-\[3\.5rem\]{font-size:3.5rem}.text-\[32vw\]{font-size:32vw}.text-\[3rem\]{font-size:3rem}.text-\[6rem\]{font-size:6rem}.text-\[7rem\]{font-size:7rem}.text-\[8rem\]{font-size:8rem}.text-\[9vw\]{font-size:9vw}.font-bold{font-weight:700}.font-light{font-weight:300}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-7{line-height:1.75rem}.leading-8{line-height:2rem}.leading-\[0\.88\]{line-height:.88}.leading-\[0\.92\]{line-height:.92}.leading-\[0\.95\]{line-height:.95}.leading-\[0\.98\]{line-height:.98}.leading-\[1\.04\]{line-height:1.04}.leading-\[1\.05\]{line-height:1.05}.leading-\[1\.06\]{line-height:1.06}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.leading-snug{line-height:1.375}.leading-tight{line-height:1.25}.tracking-\[0\.16em\]{letter-spacing:.16em}.tracking-\[0\.22em\]{letter-spacing:.22em}.tracking-\[0\.24em\]{letter-spacing:.24em}.tracking-\[0\.2em\]{letter-spacing:.2em}.tracking-\[0\.3em\]{letter-spacing:.3em}.tracking-tight{letter-spacing:-.025em}.tracking-tighter{letter-spacing:-.05em}.text-\[\#e6003d\]\/10{color:rgba(230,0,61,.1)}.text-\[\#e6003d\]\/20{color:rgba(230,0,61,.2)}.text-transparent{color:transparent}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-zinc-100\/70{color:hsla(240,5%,96%,.7)}.text-zinc-100\/80{color:hsla(240,5%,96%,.8)}.text-zinc-200{--tw-text-opacity:1;color:rgb(228 228 231/var(--tw-text-opacity,1))}.text-zinc-300{--tw-text-opacity:1;color:rgb(212 212 216/var(--tw-text-opacity,1))}.text-zinc-400{--tw-text-opacity:1;color:rgb(161 161 170/var(--tw-text-opacity,1))}.text-zinc-500{--tw-text-opacity:1;color:rgb(113 113 122/var(--tw-text-opacity,1))}.text-zinc-600{--tw-text-opacity:1;color:rgb(82 82 91/var(--tw-text-opacity,1))}.text-zinc-700{--tw-text-opacity:1;color:rgb(63 63 70/var(--tw-text-opacity,1))}.text-zinc-900{--tw-text-opacity:1;color:rgb(24 24 27/var(--tw-text-opacity,1))}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.shadow-\[0_10px_18px_-10px_rgba\(230\2c 0\2c 61\2c 0\.8\)\]{--tw-shadow:0 10px 18px -10px rgba(230,0,61,.8);--tw-shadow-colored:0 10px 18px -10px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_14px_24px_-14px_rgba\(230\2c 0\2c 61\2c 0\.7\)\]{--tw-shadow:0 14px 24px -14px rgba(230,0,61,.7);--tw-shadow-colored:0 14px 24px -14px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_14px_28px_-14px_rgba\(230\2c 0\2c 61\2c 0\.6\)\]{--tw-shadow:0 14px 28px -14px rgba(230,0,61,.6);--tw-shadow-colored:0 14px 28px -14px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_18px_30px_-14px_rgba\(230\2c 0\2c 61\2c 0\.6\)\]{--tw-shadow:0 18px 30px -14px rgba(230,0,61,.6);--tw-shadow-colored:0 18px 30px -14px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring-1,.ring-2{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring-\[\#e6003d\]{--tw-ring-opacity:1;--tw-ring-color:rgb(230 0 61/var(--tw-ring-opacity,1))}.ring-transparent{--tw-ring-color:transparent}.ring-zinc-200{--tw-ring-opacity:1;--tw-ring-color:rgb(228 228 231/var(--tw-ring-opacity,1))}.ring-zinc-200\/50{--tw-ring-color:hsla(240,6%,90%,.5)}.blur{--tw-blur:blur(8px)}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-xl{--tw-backdrop-blur:blur(24px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.delay-100{transition-delay:.1s}.delay-150{transition-delay:.15s}.delay-200{transition-delay:.2s}.delay-300{transition-delay:.3s}.delay-500{transition-delay:.5s}.delay-700{transition-delay:.7s}.delay-75{transition-delay:75ms}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.duration-700{transition-duration:.7s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.first\:mt-32:first-child{margin-top:8rem}.first\:border-t-0:first-child{border-top-width:0}.hover\:scale-\[1\.04\]:hover{--tw-scale-x:1.04;--tw-scale-y:1.04;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-zinc-900:hover{--tw-border-opacity:1;border-color:rgb(24 24 27/var(--tw-border-opacity,1))}.hover\:text-\[\#e6003d\]:hover{--tw-text-opacity:1;color:rgb(230 0 61/var(--tw-text-opacity,1))}.hover\:text-zinc-700:hover{--tw-text-opacity:1;color:rgb(63 63 70/var(--tw-text-opacity,1))}.hover\:text-zinc-900:hover{--tw-text-opacity:1;color:rgb(24 24 27/var(--tw-text-opacity,1))}.hover\:text-zinc-950:hover{--tw-text-opacity:1;color:rgb(9 9 11/var(--tw-text-opacity,1))}.hover\:shadow-\[0_22px_40px_-12px_rgba\(230\2c 0\2c 61\2c 0\.7\)\]:hover{--tw-shadow:0 22px 40px -12px rgba(230,0,61,.7);--tw-shadow-colored:0 22px 40px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:ring-zinc-300:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(212 212 216/var(--tw-ring-opacity,1))}.hover\:brightness-\[1\.06\]:hover{--tw-brightness:brightness(1.06);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.group:hover .group-hover\:translate-x-0\.5{--tw-translate-x:0.125rem}.group:hover .group-hover\:translate-x-0\.5,.group:hover .group-hover\:translate-x-1{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:translate-x-1{--tw-translate-x:0.25rem}.group:hover .group-hover\:scale-\[1\.02\]{--tw-scale-x:1.02;--tw-scale-y:1.02}.group:hover .group-hover\:scale-\[1\.02\],.group:hover .group-hover\:scale-\[1\.04\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:scale-\[1\.04\]{--tw-scale-x:1.04;--tw-scale-y:1.04}.group:hover .group-hover\:bg-zinc-100\/60{background-color:hsla(240,5%,96%,.6)}.group:hover .group-hover\:text-\[\#e6003d\]{--tw-text-opacity:1;color:rgb(230 0 61/var(--tw-text-opacity,1))}.group.is-active .group-\[\.is-active\]\:rotate-180{--tw-rotate:180deg}.group.is-active .group-\[\.is-active\]\:rotate-180,.group.is-active .group-\[\.is-active\]\:scale-y-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group.is-active .group-\[\.is-active\]\:scale-y-0{--tw-scale-y:0}.group.is-active .group-\[\.is-active\]\:opacity-0{opacity:0}@media (min-width:640px){.sm\:flex{display:flex}.sm\:w-\[350px\]{width:350px}.sm\:w-\[375px\]{width:375px}.sm\:w-\[423px\]{width:423px}.sm\:w-fit{width:-moz-fit-content;width:fit-content}.sm\:max-w-\[280px\]{max-width:280px}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-\[120px_1fr\]{grid-template-columns:120px 1fr}.sm\:grid-cols-\[96px_1fr\]{grid-template-columns:96px 1fr}.sm\:flex-row{flex-direction:row}.sm\:gap-6{gap:1.5rem}.sm\:text-5xl{font-size:3rem;line-height:1}.sm\:text-6xl{font-size:3.75rem;line-height:1}.sm\:text-7xl{font-size:4.5rem;line-height:1}.sm\:text-\[3\.1rem\]{font-size:3.1rem}}@media (min-width:768px){.md\:col-span-4{grid-column:span 4/span 4}.md\:col-span-5{grid-column:span 5/span 5}.md\:col-span-7{grid-column:span 7/span 7}.md\:col-span-8{grid-column:span 8/span 8}.md\:my-32{margin-bottom:8rem;margin-top:8rem}.md\:mb-20{margin-bottom:5rem}.md\:mt-24{margin-top:6rem}.md\:block{display:block}.md\:flex{display:flex}.md\:hidden{display:none}.md\:max-w-\[320px\]{max-width:320px}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-\[1\.1fr_1fr\]{grid-template-columns:1.1fr 1fr}.md\:grid-cols-\[1\.3fr_1fr\]{grid-template-columns:1.3fr 1fr}.md\:grid-cols-\[1\.5fr_1fr_1fr_1\.1fr\]{grid-template-columns:1.5fr 1fr 1fr 1.1fr}.md\:grid-cols-\[1fr_1\.12fr\]{grid-template-columns:1fr 1.12fr}.md\:items-end{align-items:flex-end}.md\:items-center{align-items:center}.md\:gap-10{gap:2.5rem}.md\:gap-16{gap:4rem}.md\:justify-self-end{justify-self:end}.md\:border-b-0{border-bottom-width:0}.md\:border-r{border-right-width:1px}.md\:border-zinc-200{--tw-border-opacity:1;border-color:rgb(228 228 231/var(--tw-border-opacity,1))}.md\:p-10{padding:2.5rem}.md\:px-10{padding-left:2.5rem;padding-right:2.5rem}.md\:px-8{padding-left:2rem;padding-right:2rem}.md\:py-10{padding-bottom:2.5rem;padding-top:2.5rem}.md\:py-12{padding-bottom:3rem;padding-top:3rem}.md\:py-20{padding-bottom:5rem;padding-top:5rem}.md\:py-24{padding-bottom:6rem;padding-top:6rem}.md\:py-36{padding-bottom:9rem;padding-top:9rem}.md\:py-40{padding-bottom:10rem;padding-top:10rem}.md\:py-9{padding-bottom:2.25rem;padding-top:2.25rem}.md\:pb-2{padding-bottom:.5rem}.md\:pb-24{padding-bottom:6rem}.md\:pb-28{padding-bottom:7rem}.md\:pb-32{padding-bottom:8rem}.md\:pl-8{padding-left:2rem}.md\:pl-\[calc\(13px\+2\.5rem\)\]{padding-left:calc(13px + 2.5rem)}.md\:pr-8{padding-right:2rem}.md\:pt-1{padding-top:.25rem}.md\:pt-24{padding-top:6rem}.md\:pt-28{padding-top:7rem}.md\:pt-32{padding-top:8rem}.md\:text-right{text-align:right}.md\:text-4xl{font-size:2.25rem;line-height:2.5rem}.md\:text-5xl{font-size:3rem;line-height:1}.md\:text-7xl{font-size:4.5rem;line-height:1}.md\:text-\[10vw\]{font-size:10vw}.md\:text-\[12rem\]{font-size:12rem}.md\:text-\[15px\]{font-size:15px}.md\:text-\[18vw\]{font-size:18vw}.md\:text-\[2\.8rem\]{font-size:2.8rem}.md\:text-\[26vw\]{font-size:26vw}.md\:text-\[3\.5rem\]{font-size:3.5rem}.md\:text-\[5vw\]{font-size:5vw}.md\:text-\[8rem\]{font-size:8rem}.md\:text-\[9rem\]{font-size:9rem}}@media (min-width:1024px){.lg\:order-1{order:1}.lg\:order-2{order:2}.lg\:col-span-1{grid-column:span 1/span 1}.lg\:col-span-4{grid-column:span 4/span 4}.lg\:col-span-7{grid-column:span 7/span 7}.lg\:flex{display:flex}.lg\:w-\[406px\]{width:406px}.lg\:w-\[440px\]{width:440px}.lg\:w-\[499px\]{width:499px}.lg\:max-w-\[360px\]{max-width:360px}.lg\:-translate-x-8{--tw-translate-x:-2rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-\[1\.15fr_0\.85fr\]{grid-template-columns:1.15fr .85fr}.lg\:grid-cols-\[1\.2fr_0\.8fr\]{grid-template-columns:1.2fr .8fr}.lg\:justify-end{justify-content:flex-end}.lg\:justify-center{justify-content:center}.lg\:gap-0{gap:0}.lg\:gap-10{gap:2.5rem}.lg\:gap-20{gap:5rem}.lg\:pb-16{padding-bottom:4rem}.lg\:pl-4{padding-left:1rem}.lg\:pr-12{padding-right:3rem}.lg\:text-\[3\.3rem\]{font-size:3.3rem}}@media (min-width:1280px){.xl\:text-\[16rem\]{font-size:16rem}.xl\:text-\[22rem\]{font-size:22rem}.xl\:text-\[24rem\]{font-size:24rem}}
  .sekcja-ciemna { background-color: #121212 !important; color: #ffffff; }
  .sekcja-ciemna .text-zinc-900 { color: #ffffff !important; }
  #top h1 .text-brand { background-image: none; -webkit-background-clip: initial; background-clip: initial; color: #ffffff !important; -webkit-text-fill-color: #ffffff; }
  .sekcja-ciemna .text-zinc-700,
  .sekcja-ciemna .text-zinc-600,
  .sekcja-ciemna .text-zinc-500 { color: #E7E0D5 !important; }
  .sekcja-ciemna .text-zinc-400 { color: #DCD2C2 !important; }
  .sekcja-ciemna .text-zinc-300 { color: #DCD2C2 !important; }
  .sekcja-ciemna .border-zinc-200,
  .sekcja-ciemna .border-zinc-300,
  .sekcja-ciemna .md\:border-zinc-200 { border-color: #27272a !important; }
  .sekcja-ciemna .bg-zinc-200 { background-color: #27272a !important; }
  .sekcja-ciemna .bg-white { background-color: #18181b !important; }
  .sekcja-ciemna .ring-zinc-200\/50 { --tw-ring-color: #27272a !important; }
  .sekcja-ciemna .group:hover .bg-white { background-color: #27272a !important; }
  .sekcja-ciemna .hover\:text-zinc-900:hover,
  .sekcja-ciemna .hover\:text-zinc-700:hover { color: #ffffff !important; }
  .sekcja-ciemna .hover\:border-zinc-900:hover { border-color: #ffffff !important; }
  #top .przycisk-bialy { background-color: #ffffff !important; border-color: #ffffff !important; color: #18181b !important; }
  #top .przycisk-bialy:hover, #top .przycisk-bialy:focus-visible { background-color: #E7E0D5 !important; border-color: #E7E0D5 !important; color: #18181b !important; }
  #site-header.sekcja-ciemna .text-zinc-500 { color: #ffffff !important; }
  footer .sekcja-ciemna .py-16 { padding-top: 8.375rem; padding-bottom: 8.375rem; }
  footer .sekcja-ciemna .py-6 { padding-top: 2.625rem; padding-bottom: 2.625rem; }
  footer .sekcja-ciemna a:hover,
  footer .sekcja-ciemna button:hover { color: #121212 !important; }
  footer .sekcja-ciemna,
  footer .sekcja-ciemna .text-zinc-400,
  footer .sekcja-ciemna .text-zinc-500,
  footer .sekcja-ciemna .text-zinc-600 { color: #ffffff !important; }
  footer .sekcja-ciemna .stopka-pasek-linia { border-top-color: #ffffff !important; } 
  #top h1 .hero-br, .br-lg { display: none; }
  @media (min-width: 1024px) { .br-lg { display: inline; } }
  #dlaczego-my .obraz-wyniki { max-width: 520px; aspect-ratio: 1309 / 1320; }
  @media (min-width: 768px) { #dlaczego-my .siatka-dolna { grid-template-columns: 1.1fr 1fr; } }
  @media (min-width: 768px) { #dlaczego-my .obraz-lepki { position: sticky; top: 92px; align-self: start; } #dlaczego-my .punkt-lepki { min-height: 11rem; } }
  @media (min-width: 768px) { .naglowek-akapit { align-items: start; } .naglowek-akapit .akapit-gora { padding-top: 0.55rem; } }
  @media (min-width: 1024px) {
    #top h1 { font-size: 4.95rem; text-wrap: normal; }
    #top h1 .hero-br { display: inline; }
  }
  @media (min-width: 1280px) { #top h1 { font-size: 5.75rem; } }
  #top > div { padding-top: 3rem !important; }
  #top h1 .lit { opacity: 0; animation: lit-pisz 0.25s ease-out forwards; animation-delay: calc(var(--i) * 42ms + 0.2s); }
  #top h1.napisane .lit { opacity: 1 !important; animation: none !important; }
  @keyframes lit-pisz { to { opacity: 1; } }
  #top h1 .kursor { display: inline-block; width: 0.06em; height: 0.85em; margin-left: 0.08em; vertical-align: -0.08em; background: #121212; animation: kursor-mig 0.7s steps(1) infinite; }
  @keyframes kursor-mig { 50% { opacity: 0; } }
  html.preloader-trwa #top h1 .lit { animation-play-state: paused !important; }
  @media (prefers-reduced-motion: reduce) { #top h1 .lit { opacity: 1 !important; animation: none !important; } #top h1 .kursor { display: none; } }
  .hero-wyrownanie { display: none; }
  @media (min-width: 1024px) { #top .hero-wyrownanie { display: block; height: calc(3.9rem * 1.04); } }
  @media (min-width: 1280px) { #top .hero-wyrownanie { height: calc(4.5rem * 1.04); } }
  :root { --t1: 2.5rem; --t2: 1.375rem; --t3: 1rem; --sekcja: 4.5rem; }
  @media (min-width: 640px)  { :root { --t1: 3.5rem;  --t2: 1.625rem; --sekcja: 6rem; } }
  @media (min-width: 1024px) { :root { --t1: 4.5rem;  --t2: 1.75rem;  --sekcja: 8rem; } }
  body, .font-display, .font-sans, button, input, textarea, select { font-family: 'Space Grotesk', system-ui, sans-serif; }
  .gbp, .gbp * { font-family: Roboto, "Helvetica Neue", Arial, sans-serif; }   
  @media (min-width: 1024px) { #top > div { grid-template-columns: minmax(0, 1fr) auto; } }
  section h3:not(.gbp h3):not(#oferta-lista h3), footer h3 { font-size: var(--t2) !important; font-weight: 500 !important; line-height: 1.15 !important; letter-spacing: -0.02em; }
  #oferta-lista .pozycja h3 { font-size: 1.75rem !important; font-weight: 600 !important; letter-spacing: -0.03em !important; line-height: 1.02 !important; }
  @media (min-width: 1024px) { #oferta-lista .pozycja h3 { font-size: 2.25rem !important; } }
  section p:not(.gbp p), footer p, section li:not(.gbp li), #oferta-lista .pozycja p { font-size: var(--t3) !important; line-height: 1.55; }
  [class*="rounded"], .cta-roll, button, input, textarea, .cookie-consent-button, .cookie-consent-banner, #opinie .strzalka, #wspolpraca > div > div > div, #wspolpraca [style*="border-radius"] { border-radius: 0 !important; }
  #opinie .awatar, #opinie .awatar i { border-radius: 50% !important; }
  section .w-px, footer .w-px { display: none !important; }
  #proces .karta, #opinie .ocena, #korzysci .karta { border-width: 2px !important; }
  #korzysci .karta a { border-top-width: 2px; }
  #opinie .ocena .kreska { height: 2px; }
  #wspolpraca .ring-1 { box-shadow: 0 0 0 2px #121212 !important; }
  main > section.border-t, footer#kontakt.border-t, footer > div.border-t { border-top: 0 !important; }
  #oferta-lista > div, #korzysci > div, #proces > div, #liczby > div, #faq > div, #opinie > div, #zyskujesz > div, #wspolpraca > div,
  footer .relative.overflow-hidden > .relative, footer .border-t.sekcja-ciemna > div { padding-top: var(--sekcja) !important; padding-bottom: var(--sekcja) !important; }
  #oferta-lista > div, #proces > div, #faq > div { padding-bottom: calc(var(--sekcja) / 2) !important; }
  #korzysci > div, #liczby > div, #opinie > div { padding-top: calc(var(--sekcja) / 2) !important; }
  #zyskujesz .kafle { border: 0 !important; gap: 1.25rem !important; }
  @media (min-width: 768px) { #zyskujesz .kafle { grid-template-columns: repeat(12, minmax(0, 1fr)) !important; grid-auto-rows: 1fr; gap: 1.5rem !important; } #zyskujesz .kafle > div { grid-column: span 4; } #zyskujesz .kafle > div:nth-child(4) { grid-column: span 7; } #zyskujesz .kafle > div:nth-child(5) { grid-column: span 5; } }
  #zyskujesz .kafle > div:nth-child(4) { background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160' fill='none' stroke='%23121212' stroke-width='2.5'><circle cx='40' cy='40' r='30'/><path d='M88 10h62v62H88z'/><path d='M96 64V16l46 48V16'/><path d='M10 150V88h62'/><path d='M72 150a62 62 0 0 0-62-62'/><path d='M88 88h62v62'/><path d='M150 150a62 62 0 0 1-62-62'/><path d='M10 10h60v60H10z'/><path d='M104 112l30 30'/></svg>") 0 0 / 160px 160px repeat, linear-gradient(90deg, #121212 0%, #121212 25%, #545454 100%); color: #ffffff; }
  #zyskujesz .kafle > div:nth-child(5) { background: #E7E0D5; color: #121212; }
  #zyskujesz .kafle > div:nth-child(5) p { color: #4A4743 !important; }
  #zyskujesz .kafle > div:nth-child(4) > .flex > div { color: #ffffff !important; }
  #zyskujesz .kafle > div:nth-child(4) p { color: rgba(255,255,255,0.86) !important; }
  #zyskujesz .kafle > div { padding: 2rem 2rem 2.25rem !important; border: 0 !important; background: #ffffff; color: #121212; }
  #zyskujesz .kafle > div:nth-child(2) { background: #121212; color: #ffffff; }
  #zyskujesz .kafle > div:nth-child(3) { background: #121212; color: #ffffff; }
  #zyskujesz .kafle > div > .flex > span { display: none; }                                   
  #zyskujesz .kafle > div > .flex > div { width: 48px; height: 48px; border-radius: 0; background: transparent !important; box-shadow: none !important; justify-content: flex-start; color: #121212 !important; }
  #zyskujesz .kafle > div > .flex > div svg { width: 36px; height: 36px; stroke-width: 1.2; }
  #zyskujesz .kafle h3 { margin-top: 1rem !important; }
  #zyskujesz .kafle p { margin-top: 0.5rem !important; }
  #zyskujesz .kafle > div:nth-child(2) > .flex > div, #zyskujesz .kafle > div:nth-child(3) > .flex > div { color: #ffffff !important; }
  #zyskujesz .kafle h3 { color: inherit !important; }
  #zyskujesz .kafle p { color: #4A4743 !important; }
  #zyskujesz .kafle > div:nth-child(2) p, #zyskujesz .kafle > div:nth-child(3) p { color: rgba(255,255,255,0.86) !important; }
  #top::before { content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none; background: rgba(18, 18, 18, 0.45) !important; animation: none !important; }
  #top::after { display: none !important; }
  #korzysci, #opinie, #wspolpraca { background: #f4f4f5 !important; }
  #oferta-lista, #faq, #zyskujesz, footer .relative.overflow-hidden { background: #ffffff !important; }
  #proces, #liczby { background: #121212 !important; color: #ffffff !important; }
  #proces .karta { background: #121212 !important; border: 0 !important; box-shadow: none !important; }
  #proces .text-brand, #liczby .text-brand { background-image: linear-gradient(120deg, #121212 0%, #121212 100%) !important; }
  #liczby .duza, #liczby .podpis, #liczby h2 { color: #ffffff !important; } #liczby .opis p { color: rgba(255,255,255,0.8) !important; }
  #opinie .ocena { border-color: #121212 !important; }
  #korzysci .karta:not(.karta--niebieska):not(.karta--granat) { background: #ffffff; }
  #zyskujesz .kafle > div:first-child { border: 2px solid #121212 !important; }
  #zyskujesz .kafle > div:nth-child(4) { background: linear-gradient(115deg, #121212 0%, #121212 100%) !important; }
  #oferta-lista > div, #faq > div { padding-bottom: var(--sekcja) !important; }
  #korzysci > div, #opinie > div { padding-top: var(--sekcja) !important; }
  main h2, footer h2 { font-size: 2.6rem !important; font-weight: 600 !important; line-height: 0.98 !important; letter-spacing: -0.03em !important; text-transform: none !important; }
  @media (min-width: 640px) { main h2, footer h2 { font-size: 3.75rem !important; } }
  main h3, footer h3 { font-size: 1.25rem !important; font-weight: 500 !important; line-height: 1.25 !important; letter-spacing: -0.01em !important; text-transform: none !important; }
  @media (min-width: 1024px) { main h3, footer h3 { font-size: 1.5rem !important; } }
  main p, footer p { font-size: 16px !important; line-height: 1.6 !important; }
  #opinie .autor .rola, #komu .wiersz p, footer .stopka-pasek-linia { font-size: 15px !important; }
  #opinie .ocena { font-size: 4.5rem !important; }
  #oferta-lista .pozycja h3, #oferta-lista h3 { font-size: 1.5rem !important; font-weight: 500 !important; letter-spacing: -0.01em !important; }
  #opinie .opinia p { font-size: 16px !important; }
  #proces .karta-foto h3, #proces .karta-biala h3 { display: flex; align-items: flex-start; min-height: calc(1.5rem * 1.25 * 2); margin: 0 !important; }
  #proces .karta-foto p, #proces .karta-biala p { margin-top: 1.5rem !important; }
  #etapy .etap h3 { display: flex; align-items: center; min-height: 38px; }
  #etapy .etap p { margin-top: 1rem !important; }
  .text-brand, #proces .text-brand, #etapy .text-brand, #opinie .text-brand, #komu .text-brand, #oferta-lista .text-brand, #top .text-brand { background-image: none !important; background-color: transparent !important; -webkit-background-clip: initial !important; background-clip: initial !important; color: #121212 !important; -webkit-text-fill-color: #121212 !important; }
  .bg-brand, .cta-roll.bg-brand { background-image: none !important; background-color: #121212 !important; }
  .kreska-anim::after { background-image: none !important; background-color: #121212 !important; }
  #etapy .text-brand { color: #9F9F9F !important; -webkit-text-fill-color: #9F9F9F !important; }
  main > section > div, footer > .border-t > div { padding-top: var(--sekcja) !important; padding-bottom: var(--sekcja) !important; }
  #top > div { padding-top: 0 !important; padding-bottom: var(--karta-nachodzi) !important; }
  #oferta-lista > div, #opinie > div { padding-bottom: calc(var(--sekcja) / 2) !important; }
  #proces > div, #komu > div { padding-top: calc(var(--sekcja) / 2) !important; }
:root {
  --mk-tlo: #FBF9F6; --mk-tlo-2: #F6F2EC; --mk-karta: #FFFFFF; --mk-linia: #E7E0D5;
  --mk-zloto: #B08A4E; --mk-zloto-jasne: #C9A46A; --mk-czern: #121212; --mk-tekst: #1C1B19; --mk-szary: #4A4743; --mk-szary-2: #6B6760;
  --mk-serif: 'Playfair Display', Georgia, serif; --mk-sans: 'Figtree', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --mk-kontener: 76.75rem; --mk-menu: 92px;
  --mk-ease: cubic-bezier(0.22, 0.61, 0.36, 1); --mk-ease-out: cubic-bezier(0.16, 0.84, 0.28, 1);
}
.mk, .mk * { box-sizing: border-box; }
.mk { font-family: var(--mk-sans); color: var(--mk-tekst); font-size: 16px; line-height: 1.55; -webkit-font-smoothing: antialiased; }
.mk img, .mk svg { display: block; }
.mk a { color: inherit; text-decoration: none; }
.mk ul { list-style: none; margin: 0; padding: 0; }
.mk h1, .mk h2, .mk h3, .mk p, .mk dl, .mk dd, .mk figure, .mk blockquote { margin: 0; }
.mk-kontener { width: 100%; max-width: var(--mk-kontener); margin: 0 auto; padding: 0 1.5rem; }
.mk-nad { display: inline-flex; align-items: center; gap: 16px; font-family: var(--mk-sans); font-size: 13px; font-weight: 600; letter-spacing: 0.24em; text-transform: uppercase; color: var(--mk-zloto); }
.mk-nad::after { content: ""; width: 44px; height: 1.5px; background: var(--mk-zloto); }
.mk-h2 { font-family: var(--mk-serif); font-weight: 500; letter-spacing: -0.01em; line-height: 1.08; color: var(--mk-tekst); }
.mk-przycisk { display: inline-flex; align-items: center; gap: 12px; height: 54px; padding: 0 26px; font-family: var(--mk-sans); font-size: 13px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; border: 1px solid var(--mk-zloto); transition: background-color .25s, color .25s, border-color .25s; white-space: nowrap; }
.mk-przycisk svg { width: 16px; height: 16px; transition: transform .25s; }
.mk-przycisk:hover svg { transform: translateX(3px); }
.mk-przycisk-zloty { background: var(--mk-zloto); color: #fff !important; }
.mk-przycisk-zloty:hover { background: #9C7A43; border-color: #9C7A43; }
.mk-przycisk-obrys { background: #fff; color: var(--mk-tekst); border-color: #D9CFBF; }
.mk-przycisk-obrys:hover { border-color: var(--mk-zloto); }
.mk-link { display: inline-flex; align-items: center; gap: 10px; font-family: var(--mk-sans); font-size: 13px; font-weight: 600; letter-spacing: 0.16em; text-transform: uppercase; color: var(--mk-zloto); }
.mk-link svg { width: 15px; height: 15px; transition: transform .25s; }
.mk-link:hover svg { transform: translateX(3px); }
.mk-naglowek { position: sticky; top: 0; z-index: 60; background: rgba(251, 249, 246, 0.97); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-bottom: 1px solid var(--mk-linia); }
.mk-naglowek .mk-kontener { display: flex; align-items: center; height: calc(var(--mk-menu) - 1px); gap: 32px; }
.mk-logo { display: flex; align-items: center; gap: 14px; flex-shrink: 0; }
.mk-logo-img { display: block; height: 44px; width: auto; }   
html { color-scheme: light !important; }
html body :is(#pf-kontakt, #lewandowska-okno) input[type="checkbox"] {
  -webkit-appearance: none; appearance: none; width: 20px; height: 20px; min-width: 20px; flex: none; margin: 2px 0 0; padding: 0;
  border: 1.5px solid #CDBB9A; border-radius: 3px; background: #fff 50% 50% / 14px no-repeat; cursor: pointer; transition: background-color .2s, border-color .2s; }
html body :is(#pf-kontakt, #lewandowska-okno) input[type="checkbox"]:hover { border-color: var(--mk-zloto); }
html body :is(#pf-kontakt, #lewandowska-okno) input[type="checkbox"]:checked { background-color: var(--mk-zloto); border-color: var(--mk-zloto);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E"); }
html body :is(#pf-kontakt, #lewandowska-okno) input[type="checkbox"]:focus-visible { outline: 2px solid var(--mk-zloto); outline-offset: 2px; }
html body .mk-podpis img { background: #fff; object-fit: contain; }
.mk-logo-stopka img { display: block; height: 60px; width: auto; }
@media (max-width: 1279.98px) { .mk-logo-img { height: 38px; } }
@media (max-width: 1023.98px) { .mk-logo-img { height: 35px; } }
@media (max-width: 599.98px) { .mk-logo-img { height: 35px; } }
@media (max-width: 359.98px) { .mk-logo-img { height: 30px; } }
@media (max-width: 639.98px) { .mk-logo-stopka img { height: 40px; } }   
.mk-logo-znak { font-family: 'Cormorant Garamond', serif; font-weight: 300; font-size: 64px; line-height: 0.9; color: var(--mk-zloto); letter-spacing: -0.13em; padding-right: 8px; }
.mk-logo-napis { display: flex; flex-direction: column; align-items: center; line-height: 1.2; }
.mk-logo-napis b { font-family: var(--mk-serif); font-weight: 500; font-size: 20px; letter-spacing: 0.04em; text-transform: uppercase; color: var(--mk-tekst); }
.mk-logo-napis small { font-family: var(--mk-sans); font-size: 10.5px; font-weight: 600; letter-spacing: 0.24em; text-transform: uppercase; color: #3A3733; margin-top: 2px; }
.mk-menu { display: flex; gap: 32px; margin-left: auto; font-size: 15px; font-weight: 500; }
.mk-menu a { position: relative; padding: 8px 0; color: #2A2826; }
.mk-menu a::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background: var(--mk-zloto); transform: scaleX(0); transform-origin: left; transition: transform .3s; }
.mk-menu a:hover::after, .mk-menu a.mk-aktywny::after { transform: scaleX(1); }
.mk-naglowek .mk-przycisk { height: 52px; margin-left: 28px; }
.mk-burger { display: none; margin-left: auto; width: 44px; height: 44px; border: 0; background: none; padding: 10px; cursor: pointer; }
.mk-burger span { display: block; height: 1.5px; background: var(--mk-tekst); margin: 6px 0; }
.mk-hero { position: relative; overflow: hidden; background: var(--mk-tlo-2); display: flex; flex-direction: column;
  min-height: calc(100vh - var(--mk-menu)); min-height: calc(100svh - var(--mk-menu)); }
.mk-hero-foto { position: absolute; inset: 0; background: url("../img/9134afe2b631.webp") 50% 30% / cover no-repeat; }
.mk-hero-kolumna { position: absolute; z-index: 3; top: 16%; right: clamp(20px, 2.4vw, 48px); width: 140px;
  font-family: var(--mk-sans); font-size: 16px; font-weight: 500; letter-spacing: 0.08em; text-transform: uppercase; color: #2A2826; line-height: 1.85; }
.mk-hero-kolumna hr { width: 44px; height: 1.5px; border: 0; background: var(--mk-zloto); margin: 22px 0; }
.mk-hero-kolumna p { line-height: 1.85; }
.mk-hero .mk-kontener { position: relative; z-index: 4; flex: 1 0 auto; display: flex; align-items: center; }
.mk-hero-tekst { max-width: 600px; }
.mk-hero .mk-nad { color: #2E2B28; }
.mk-hero h1 { margin-top: 22px; font-size: 2.6rem; line-height: 1.06; }
@media (min-width: 640px) { .mk-hero h1 { font-size: 3rem; } }
@media (min-width: 1280px) { .mk-hero h1 { font-size: 3.75rem; } }
.mk-kreska { width: 60px; height: 2px; background: var(--mk-zloto); margin: 28px 0 22px; }
.mk-hero-lead { font-size: 19px; line-height: 1.6; color: #1C1B19; font-weight: 500; }
.mk-hero .mk-nad, .mk-hero h1, .mk-hero-lead { text-shadow: 0 0 18px rgba(251, 249, 246, 0.95), 0 0 6px rgba(251, 249, 246, 0.85), 0 0 2px rgba(251, 249, 246, 0.7); }
.mk-hero-akcje { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 32px; }
.mk-linia { display: block; overflow: hidden; padding-bottom: 0.16em; margin-bottom: -0.16em; }
.mk-linia-in { display: block; }
.mk-atuty { background: var(--mk-tlo); }
.mk-atuty > .mk-kontener { max-width: none; padding: 0; }
.mk-atuty ul { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; background: var(--mk-linia); border-bottom: 1px solid var(--mk-linia); }
.mk-atuty li { display: flex; align-items: center; justify-content: center; gap: 18px; padding: 26px 20px; background: var(--mk-tlo); }
.mk-atuty svg { width: 48px; height: 48px; flex-shrink: 0; color: var(--mk-zloto); }
.mk-atuty b { display: block; font-size: 16px; font-weight: 600; line-height: 1.3; }
.mk-atuty span { font-size: 15px; color: var(--mk-szary); line-height: 1.4; }
.mk-o-mnie { padding: 64px 0 40px; background: var(--mk-tlo); }
.mk-o-mnie .mk-kontener { display: grid; grid-template-columns: 1fr 1.05fr; gap: 56px; align-items: center; }
.mk-o-mnie h2 { margin-top: 20px; font-size: clamp(2.5rem, 3.6vw, 3.25rem); }
.mk-o-mnie-rola { margin-top: 10px; font-size: 15px; font-weight: 600; letter-spacing: 0.24em; text-transform: uppercase; color: var(--mk-zloto); }
.mk-o-mnie-opis { margin-top: 22px !important; font-size: 18px; line-height: 1.65; color: var(--mk-szary); max-width: 560px; }
.mk-o-mnie .mk-przycisk { margin-top: 30px; height: 54px; border-color: #CDBB9A; background: transparent; }
.mk-cytat { position: relative; overflow: hidden; min-height: 400px; padding: 40px 44px 44px;
  background: radial-gradient(90% 120% at 100% 20%, #EEE8DF 0%, #F3EFE9 45%, #F7F4EF 100%); }
.mk-cytat-tresc { position: relative; z-index: 2; max-width: 56%; }
.mk-cytat-znak { font-family: var(--mk-serif); font-weight: 600; font-size: 104px; line-height: 0.75; height: 58px; color: var(--mk-zloto); }
.mk-cytat blockquote { margin-top: 18px; font-size: 19px; line-height: 1.6; color: #2E2B28; }
.mk-cytat-kreska { width: 44px; height: 1.5px; background: var(--mk-zloto); margin: 26px 0 16px; }
.mk-cytat-kto { font-size: 16px; line-height: 1.55; color: var(--mk-szary); }
.mk-cytat-kto b { display: block; font-weight: 600; color: var(--mk-tekst); }
.mk-cytat-foto { position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; width: 56%; background: url("../img/0482dfb12c42.webp") 72% 72% / cover no-repeat;
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 34%); mask-image: linear-gradient(90deg, transparent 0, #000 34%); }
.mk-oferta { padding: 40px 0 88px; background: var(--mk-tlo); }
.mk-oferta h2 { margin-top: 20px; font-size: clamp(2rem, 2.9vw, 2.6rem); }
.mk-karty { margin-top: 34px !important; display: grid; grid-template-columns: repeat(4, 1fr); gap: 22px; }
.mk-karta { display: flex; flex-direction: column; padding: 30px 28px 30px; background: var(--mk-karta); border: 1px solid var(--mk-linia); transition: border-color .25s, box-shadow .25s; }
.mk-karta:hover { border-color: #D6C8B0; box-shadow: 0 14px 30px rgba(40, 32, 20, 0.06); }
.mk-karta > svg { width: 52px; height: 52px; color: var(--mk-zloto); }
.mk-karta h3 { margin-top: 18px; font-family: var(--mk-sans); font-weight: 700; font-size: 19px; line-height: 1.3; color: var(--mk-tekst); }
.mk-karta p { margin-top: 12px; font-size: 16px; line-height: 1.6; color: var(--mk-szary); flex-grow: 1; }
.mk-karta .mk-link { margin-top: 26px; }
.mk-liczby { background: var(--mk-czern); color: #fff; }
.mk-liczby dl { padding: 72px 0 76px; display: grid; grid-template-columns: repeat(4, 1fr); }
.mk-liczby dl > div { text-align: center; border-left: 1px solid rgba(255, 255, 255, 0.16); padding: 6px 12px; }
.mk-liczby dl > div:first-child { border-left: 0; }
.mk-liczby dt { font-family: var(--mk-serif); font-weight: 500; font-size: clamp(3.2rem, 4.6vw, 4.5rem); line-height: 1; color: var(--mk-zloto-jasne); }
.mk-liczby dd { margin-top: 14px; font-size: 18px; color: #F1ECE4; }
@media (max-width: 1279.98px) {
  .mk-menu { gap: 22px; font-size: 14.5px; }
  .mk-naglowek .mk-przycisk { margin-left: 8px; padding: 0 18px; }
  .mk-hero-tekst { max-width: 480px; }
  .mk-hero-kolumna { display: none; }
  .mk-hero-foto { background-position: 30% 30%; }
}
@media (max-width: 1100px) { .mk-naglowek .mk-przycisk { display: none; } }
@media (max-width: 1023.98px) {
  :root { --mk-menu: 80px; }
  .mk-logo-znak { font-size: 52px; }
  .mk-logo-napis b { font-size: 17px; }
  .mk-menu { display: none; position: absolute; top: calc(var(--mk-menu) - 1px); left: 0; right: 0; flex-direction: column; gap: 0; padding: 8px 24px 20px; background: var(--mk-tlo); border-bottom: 1px solid var(--mk-linia); }
  .mk-menu.mk-otwarte { display: flex; }
  .mk-menu a { padding: 13px 0; border-bottom: 1px solid var(--mk-linia); }
  .mk-menu a::after { display: none; }
  .mk-burger { display: block; }
  .mk-hero { background: var(--mk-tlo); }
  .mk-hero .mk-kontener { flex: none; }
  .mk-hero-foto { order: 2; position: relative; inset: auto; flex: 1 0 auto; min-height: clamp(360px, 50svh, 520px); background-position: 66% 30%; }
  .mk-atuty ul { grid-template-columns: repeat(2, 1fr); }
  .mk-o-mnie .mk-kontener { grid-template-columns: 1fr; gap: 40px; }
  .mk-karty { grid-template-columns: repeat(2, 1fr); }
  .mk-liczby dl { grid-template-columns: repeat(2, 1fr); gap: 36px 0; padding: 56px 0; }
  .mk-liczby dl > div:nth-child(3) { border-left: 0; }
}
@media (max-width: 599.98px) {
  .mk-logo-znak { font-size: 44px; }
  .mk-logo-napis b { font-size: 15px; }
  .mk-logo-napis small { font-size: 9px; letter-spacing: 0.2em; }
  .mk-hero-lead { font-size: 17px; }
  .mk-atuty ul { grid-template-columns: 1fr; }
  .mk-atuty li { justify-content: flex-start; padding: 20px 24px; }
  .mk-cytat { padding: 36px 26px 0; min-height: 0; display: flex; flex-direction: column; }
  .mk-cytat-foto { position: relative; width: auto; height: 300px; margin: 28px -26px 0; -webkit-mask-image: none; mask-image: none; background-position: 70% 72%; }
  .mk-cytat-tresc { max-width: none; }
  .mk-karty { grid-template-columns: 1fr; }
}
.mk-js [data-mk-anim] .mk-wjazd { opacity: 0; transform: translateY(18px); transition: opacity 0.7s var(--mk-ease), transform 0.7s var(--mk-ease); transition-delay: calc(var(--mk-i, 0) * 110ms); }
.mk-js [data-mk-anim].mk-widoczne .mk-wjazd { opacity: 1; transform: none; }
.mk-js [data-mk-anim] .mk-nad::after { transform: scaleX(0); transform-origin: left center; transition: transform 0.7s ease-out 0.3s; }
.mk-js [data-mk-anim].mk-widoczne .mk-nad::after { transform: none; }
.mk-js .mk-hero .mk-wjazd { transition-delay: calc(0.6s + var(--mk-i, 0) * 110ms); }
.mk-js .mk-hero .mk-nad.mk-wjazd { transition-delay: 0.2s; }
.mk-js .mk-hero .mk-linia-in { transform: translateY(130%); transition: transform 0.9s var(--mk-ease-out); transition-delay: calc(0.42s + var(--mk-i, 0) * 70ms); }
.mk-js .mk-hero.mk-widoczne .mk-linia-in { transform: none; }
.mk-js .mk-hero .mk-kreska { transform: scaleX(0); transform-origin: left center; transition: transform 0.8s var(--mk-ease-out) 0.75s; }
.mk-js .mk-hero.mk-widoczne .mk-kreska { transform: none; }
.mk-js .mk-hero .mk-hero-foto { opacity: 0; transform: scale(1.04); transform-origin: 60% 40%; transition: opacity 1.2s var(--mk-ease), transform 1.6s var(--mk-ease-out); }
.mk-js .mk-hero.mk-widoczne .mk-hero-foto { opacity: 1; transform: none; }
.mk-js .mk-o-mnie .mk-cytat-foto { opacity: 0; transform: scale(1.04); transform-origin: 70% 70%; transition: opacity 1.1s var(--mk-ease) 0.45s, transform 1.5s var(--mk-ease-out) 0.45s; }
.mk-js .mk-o-mnie.mk-widoczne .mk-cytat-foto { opacity: 1; transform: none; }
.mk-js .mk-o-mnie .mk-cytat-kreska { transform: scaleX(0); transform-origin: left center; transition: transform 0.8s var(--mk-ease-out) 0.9s; }
.mk-js .mk-o-mnie.mk-widoczne .mk-cytat-kreska { transform: none; }
.mk-js .mk-liczby dt, .mk-js .mk-liczby dd { opacity: 0; transform: translateY(14px); transition: opacity 0.3s var(--mk-ease), transform 0.3s var(--mk-ease); }
.mk-js .mk-liczby.mk-widoczne dt, .mk-js .mk-liczby.mk-widoczne dd { opacity: 1; transform: none; transition: opacity 0.7s var(--mk-ease), transform 0.8s var(--mk-ease-out); }
.mk-js .mk-liczby.mk-widoczne dt { transition-delay: calc(0.2s + var(--mk-i, 0) * 160ms); }
.mk-js .mk-liczby.mk-widoczne dd { transition-delay: calc(0.32s + var(--mk-i, 0) * 160ms); }
@media (prefers-reduced-motion: reduce) {
  .mk-js [data-mk-anim] *, .mk-js [data-mk-anim] *::before, .mk-js [data-mk-anim] *::after { opacity: 1 !important; transform: none !important; transition: none !important; }
}
.mk-sek { padding: 104px 0; background: var(--mk-tlo); }
.mk-tlo2 { background: var(--mk-tlo-2); }
.mk-sek-h2 { margin-top: 20px; font-size: clamp(2.3rem, 3.4vw, 3.1rem); max-width: 820px; }
.mk-sek-glowa--rzad { display: flex; align-items: flex-end; justify-content: space-between; gap: 40px; }
.mk-kor-siatka { margin-top: 48px !important; display: grid; grid-template-columns: repeat(2, 1fr); column-gap: 72px; border-top: 1px solid var(--mk-linia); }
.mk-kor-siatka li { display: flex; gap: 22px; padding: 34px 0; border-bottom: 1px solid var(--mk-linia); }
.mk-kor-siatka svg { width: 48px; height: 48px; flex-shrink: 0; color: var(--mk-zloto); }
.mk-kor-siatka h3 { font-family: var(--mk-sans); font-weight: 700; font-size: 20px; line-height: 1.3; color: var(--mk-tekst); }
.mk-kor-siatka p { margin-top: 8px; font-size: 16.5px; line-height: 1.65; color: var(--mk-szary); }
.mk-biuro-siatka { display: grid; grid-template-columns: 1fr 1fr; gap: 72px; align-items: center; }
.mk-biuro-foto { min-height: 560px; height: 100%; background-size: cover; background-position: 100% 50%; }   
.mk-biuro-lead { margin-top: 22px !important; font-size: 18px; line-height: 1.65; color: var(--mk-szary); }
.mk-biuro-kol { margin-top: 30px; display: grid; grid-template-columns: 1fr 1fr; gap: 32px; }
.mk-biuro-kol p { position: relative; padding-top: 20px; font-size: 15.5px; line-height: 1.65; color: var(--mk-szary); }
.mk-biuro-kol p::before { content: ""; position: absolute; left: 0; top: 0; width: 44px; height: 1.5px; background: var(--mk-zloto); }
.mk-biuro-dol { margin-top: 36px; display: flex; align-items: center; flex-wrap: wrap; gap: 28px; }
.mk-podpis { display: flex; align-items: center; gap: 14px; font-size: 14.5px; color: var(--mk-szary-2); line-height: 1.45; }
.mk-podpis img { width: 48px; height: 48px; border-radius: 50%; object-fit: cover; border: 1px solid var(--mk-linia); }
.mk-podpis b { display: block; font-size: 15.5px; font-weight: 600; color: var(--mk-tekst); }
.mk-faq-siatka { display: grid; grid-template-columns: 0.85fr 1.15fr; gap: 72px; align-items: start; }
.mk-faq-glowa { position: sticky; top: 120px; }
.mk-faq-tekst { margin-top: 22px !important; font-size: 17px; line-height: 1.65; color: var(--mk-szary); }
.mk-faq-tekst a { color: var(--mk-tekst); font-weight: 600; border-bottom: 1px solid var(--mk-zloto); }
.mk-faq-glowa .mk-przycisk { margin-top: 30px; }
.mk-faq-lista { display: grid; gap: 12px; }
.mk-faq-poz { background: var(--mk-karta); border: 1px solid var(--mk-linia); transition: border-color .25s; }
.mk-faq-poz[open] { border-color: #D6C8B0; }
.mk-faq-poz summary { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 18px; padding: 22px 24px; cursor: pointer; list-style: none; }
.mk-faq-poz summary::-webkit-details-marker { display: none; }
.mk-faq-nr { font-family: var(--mk-serif); font-size: 20px; color: var(--mk-zloto); min-width: 28px; }
.mk-faq-pyt { font-weight: 600; font-size: 17px; line-height: 1.4; color: var(--mk-tekst); }
.mk-faq-znak { position: relative; width: 32px; height: 32px; border: 1px solid var(--mk-zloto); border-radius: 50%; flex-shrink: 0; }
.mk-faq-znak::before, .mk-faq-znak::after { content: ""; position: absolute; left: 50%; top: 50%; width: 12px; height: 1.5px; background: var(--mk-zloto); transform: translate(-50%, -50%); transition: transform .3s; }
.mk-faq-znak::after { transform: translate(-50%, -50%) rotate(90deg); }
.mk-faq-poz[open] .mk-faq-znak::after { transform: translate(-50%, -50%) rotate(0deg); }
.mk-faq-odp { padding: 0 24px 24px 70px; }
.mk-faq-odp p { font-size: 16px; line-height: 1.7; color: var(--mk-szary); }
.mk-proces-glowa { display: grid; grid-template-columns: 1.1fr 0.9fr; gap: 64px; align-items: end; }
.mk-proces-lead { font-size: 17px; line-height: 1.7; color: var(--mk-szary); }
.mk-kroki { margin: 56px 0 0 !important; padding: 0; list-style: none; display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; }
.mk-krok-nr { display: block; font-family: var(--mk-serif); font-weight: 500; font-size: 64px; line-height: 1; color: var(--mk-zloto-jasne); }
.mk-krok-tresc { position: relative; margin-top: 20px; padding-top: 26px; border-top: 1px solid #DCCFB8; }
.mk-krok-tresc::before { content: ""; position: absolute; left: 0; top: -5px; width: 9px; height: 9px; border-radius: 50%; background: var(--mk-zloto); }
.mk-krok-tresc h3 { font-family: var(--mk-sans); font-weight: 700; font-size: 20px; line-height: 1.3; color: var(--mk-tekst); }
.mk-krok-tresc p { margin-top: 10px; font-size: 16px; line-height: 1.65; color: var(--mk-szary); }
.mk-proces-akcja { margin-top: 48px; }
.mk-ciemna { background: var(--mk-czern); }
.mk-ciemna .mk-h2, .mk-ciemna h3 { color: #fff; }
.mk-ciemna .mk-proces-lead, .mk-ciemna .mk-krok-tresc p { color: rgba(255, 255, 255, 0.72); }
.mk-ciemna .mk-krok-tresc { border-top-color: rgba(255, 255, 255, 0.18); }
.mk-ciemna .mk-krok-tresc h3 { color: #fff; }
html body main#strona-glowna#strona-glowna > section.mk-ciemna :is(h2, h3), html body main#strona-glowna#strona-glowna > section.mk-ciemna :is(h2, h3) * {
  color: #fff !important; -webkit-text-fill-color: #fff !important; }
.mk-wpisy { margin-top: 44px !important; display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.mk-wpis a { display: flex; flex-direction: column; height: 100%; background: var(--mk-karta); border: 1px solid var(--mk-linia); transition: border-color .25s, box-shadow .25s; }
.mk-wpis a:hover { border-color: #D6C8B0; box-shadow: 0 14px 30px rgba(40, 32, 20, 0.06); }
.mk-wpis-foto { display: block; aspect-ratio: 16 / 10; background-size: cover; background-position: 50% 50%; }
.mk-wpis-tresc { display: flex; flex-direction: column; flex-grow: 1; padding: 26px 26px 28px; }
.mk-wpis-kat { font-size: 12.5px; font-weight: 600; letter-spacing: 0.2em; text-transform: uppercase; color: var(--mk-zloto); }
.mk-wpis h3 { margin-top: 12px; font-family: var(--mk-sans); font-weight: 700; font-size: 19px; line-height: 1.35; color: var(--mk-tekst); }
.mk-wpis-opis { margin-top: 10px; font-size: 15.5px; line-height: 1.6; color: var(--mk-szary); flex-grow: 1; }
.mk-wpis .mk-link { margin-top: 22px; }
.mk-ocena { flex-shrink: 0; padding: 22px 28px; background: var(--mk-karta); border: 1px solid var(--mk-linia); text-align: center; }
.mk-ocena-gora { display: flex; align-items: baseline; justify-content: center; gap: 4px; }
.mk-ocena-liczba { font-family: var(--mk-serif); font-size: 56px; line-height: 1; color: var(--mk-zloto); }
.mk-ocena-max { font-family: var(--mk-serif); font-size: 22px; color: var(--mk-szary-2); }
.mk-gwiazdy { display: inline-flex; gap: 3px; color: var(--mk-zloto); }
.mk-gwiazdy svg { width: 16px; height: 16px; }
.mk-ocena .mk-gwiazdy { margin-top: 10px; }
.mk-ocena a { display: flex; align-items: center; justify-content: center; gap: 6px; margin-top: 10px; font-size: 14px; font-weight: 600; color: var(--mk-tekst); }
.mk-ocena a svg { width: 14px; height: 14px; color: var(--mk-zloto); }
.mk-opinie-lista { margin-top: 44px !important; display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.mk-opinia { height: 100%; display: flex; flex-direction: column; padding: 34px 32px 30px; background: var(--mk-karta); border: 1px solid var(--mk-linia); }
.mk-opinia-znak { font-family: var(--mk-serif); font-weight: 600; font-size: 84px; line-height: 0.7; height: 44px; color: var(--mk-zloto); }
.mk-opinia blockquote { margin-top: 18px; flex-grow: 1; }
.mk-opinia blockquote p { font-size: 17px; line-height: 1.65; color: #2E2B28; }
.mk-opinia figcaption { margin-top: 26px; padding-top: 20px; border-top: 1px solid var(--mk-linia); display: flex; align-items: center; justify-content: space-between; gap: 12px; font-size: 14px; color: var(--mk-szary-2); }
.mk-opinia figcaption b { display: block; font-size: 15.5px; font-weight: 600; color: var(--mk-tekst); }
.mk-opinie-wiecej { margin-top: 32px; }
@media (max-width: 1023.98px) {
  .mk-sek { padding: 72px 0; }
  .mk-sek-glowa--rzad { flex-direction: column; align-items: flex-start; gap: 24px; }
  .mk-kor-siatka { grid-template-columns: 1fr; }
  .mk-biuro-siatka, .mk-faq-siatka, .mk-proces-glowa { grid-template-columns: 1fr; gap: 40px; }
  .mk-biuro-foto { min-height: 340px; }
  .mk-faq-glowa { position: static; }
  .mk-kroki { grid-template-columns: 1fr; gap: 32px; }
  .mk-wpisy, .mk-opinie-lista { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 639.98px) {
  .mk-biuro-kol { grid-template-columns: 1fr; gap: 20px; }
  .mk-wpisy, .mk-opinie-lista { grid-template-columns: 1fr; }
  .mk-faq-odp { padding: 0 20px 22px 20px; }
  .mk-faq-poz summary { padding: 18px 20px; gap: 14px; }
  .mk-krok-nr { font-size: 52px; }
}
.mk-js .mk-ikona-rys :is(path, circle, rect, line, polyline) { stroke-dasharray: 1; stroke-dashoffset: 1; transition: stroke-dashoffset 1.2s var(--mk-ease-out); transition-delay: calc(0.3s + var(--mk-i, 0) * 110ms); }
.mk-js .mk-widoczne .mk-ikona-rys :is(path, circle, rect, line, polyline) { stroke-dashoffset: 0; }
.mk-js .mk-kor-siatka li { position: relative; border-bottom-color: transparent; }
.mk-js .mk-kor-siatka li::after { content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 1px; background: var(--mk-linia); transform: scaleX(0); transform-origin: left center; transition: transform 1s var(--mk-ease-out); transition-delay: calc(0.2s + var(--mk-i, 0) * 110ms); }
.mk-js .mk-widoczne .mk-kor-siatka li::after { transform: none; }
.mk-js .mk-biuro .mk-biuro-foto { clip-path: inset(0 100% 0 0); transition: clip-path 1.3s var(--mk-ease-out) 0.1s, opacity 0.7s var(--mk-ease), transform 0.7s var(--mk-ease); }
.mk-js .mk-biuro.mk-widoczne .mk-biuro-foto { clip-path: inset(0 0 0 0); }
.mk-js .mk-biuro .mk-biuro-kol p::before { transform: scaleX(0); transform-origin: left center; transition: transform 0.8s var(--mk-ease-out) 0.9s; }
.mk-js .mk-biuro.mk-widoczne .mk-biuro-kol p::before { transform: none; }
.mk-js .mk-krok-tresc { border-top-color: transparent !important; }
.mk-js .mk-krok-tresc::after { content: ""; position: absolute; left: 0; right: 0; top: -1px; height: 1px; background: #DCCFB8; transform: scaleX(0); transform-origin: left center; transition: transform 1.1s var(--mk-ease-out); transition-delay: calc(0.35s + var(--mk-i, 0) * 160ms); }
.mk-js .mk-ciemna .mk-krok-tresc::after { background: rgba(255, 255, 255, 0.18); }
.mk-js .mk-widoczne .mk-krok-tresc::after { transform: none; }
.mk-js .mk-krok-tresc::before { transform: scale(0); transition: transform 0.5s var(--mk-ease-out); transition-delay: calc(0.3s + var(--mk-i, 0) * 160ms); }
.mk-js .mk-widoczne .mk-krok-tresc::before { transform: none; }
.mk-js .mk-gwiazdy svg { opacity: 0; transform: scale(0.4); transition: opacity 0.4s var(--mk-ease), transform 0.5s var(--mk-ease-out); }
.mk-js .mk-widoczne .mk-gwiazdy svg { opacity: 1; transform: none; }
.mk-js .mk-gwiazdy svg:nth-child(1) { transition-delay: calc(0.5s + var(--mk-i, 0) * 110ms); }
.mk-js .mk-gwiazdy svg:nth-child(2) { transition-delay: calc(0.58s + var(--mk-i, 0) * 110ms); }
.mk-js .mk-gwiazdy svg:nth-child(3) { transition-delay: calc(0.66s + var(--mk-i, 0) * 110ms); }
.mk-js .mk-gwiazdy svg:nth-child(4) { transition-delay: calc(0.74s + var(--mk-i, 0) * 110ms); }
.mk-js .mk-gwiazdy svg:nth-child(5) { transition-delay: calc(0.82s + var(--mk-i, 0) * 110ms); }
.mk-js :is(.mk-opinia-znak, .mk-cytat-znak) { transform: scale(0.6); transform-origin: left center; opacity: 0; transition: transform 0.7s var(--mk-ease-out), opacity 0.5s var(--mk-ease); transition-delay: calc(0.35s + var(--mk-i, 0) * 110ms); }
.mk-js .mk-widoczne :is(.mk-opinia-znak, .mk-cytat-znak) { transform: none; opacity: 1; }
.mk-wpis-foto { position: relative; }
.mk-wpis-foto::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: var(--mk-zloto); transform: scaleX(0); transform-origin: left center; transition: transform 0.5s var(--mk-ease-out); }
.mk-wpis a:hover .mk-wpis-foto::after, .mk-wpis a:focus-visible .mk-wpis-foto::after { transform: none; }
.mk-karta, .mk-opinia, .mk-wpis a { transition: border-color .25s, box-shadow .25s, transform .35s var(--mk-ease-out); }
@media (hover: hover) { .mk-karta:hover, .mk-opinia:hover, .mk-wpis a:hover { transform: translateY(-4px); } }
.mk-faq-poz[open] .mk-faq-odp { animation: mk-odp 0.45s var(--mk-ease); }
@keyframes mk-odp { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: none; } }
.mk-cta { background: var(--mk-tlo-2); text-align: center; }
html body main#strona-glowna#strona-glowna > section.mk-cta > .mk-kontener { padding-top: 96px !important; padding-bottom: 96px !important; }
.mk-cta-tekst { max-width: 760px; margin: 0 auto; display: flex; flex-direction: column; align-items: center; }
.mk-cta .mk-nad::before { content: ""; width: 44px; height: 1.5px; background: var(--mk-zloto); }
.mk-cta h2 { margin-top: 20px; font-size: clamp(2.3rem, 3.4vw, 3.1rem); max-width: 720px; }
.mk-cta-adres { margin-top: 24px !important; font-size: 18px; line-height: 1.6; color: var(--mk-szary); }
.mk-cta.mk-ciemna { background: var(--mk-czern); }
.mk-cta.mk-ciemna .mk-cta-adres { color: rgba(255, 255, 255, 0.75); }
.mk-cta-akcje { display: flex; flex-wrap: wrap; justify-content: center; gap: 16px; margin-top: 30px; }
.mk-przycisk-bialy { background: #fff; color: var(--mk-tekst) !important; border-color: #fff; }
.mk-przycisk-bialy:hover { background: var(--mk-tlo-2); border-color: var(--mk-tlo-2); }
.mk-cta-akcje svg { width: 17px; height: 17px; }
.mk-js .mk-cta .mk-nad::before { transform: scaleX(0); transform-origin: right center; transition: transform 0.7s ease-out 0.3s; }
.mk-js .mk-cta.mk-widoczne .mk-nad::before { transform: none; }
@media (max-width: 1023.98px) {
  html body main#strona-glowna#strona-glowna > section.mk-cta > .mk-kontener { padding-top: 72px !important; padding-bottom: 72px !important; }
}
@media (prefers-reduced-motion: reduce) {
  .mk-js .mk-cta .mk-nad::before { transform: none !important; transition: none !important; }
}
@media (prefers-reduced-motion: reduce) {
  .mk-js .mk-ikona-rys :is(path, circle, rect, line, polyline) { stroke-dashoffset: 0 !important; transition: none !important; }
  .mk-js :is(.mk-kor-siatka li, .mk-krok-tresc, .mk-biuro-kol p)::after, .mk-js :is(.mk-krok-tresc, .mk-biuro-kol p)::before,
  .mk-js .mk-biuro-foto, .mk-js .mk-gwiazdy svg, .mk-js :is(.mk-opinia-znak, .mk-cytat-znak) { transform: none !important; opacity: 1 !important; clip-path: none !important; transition: none !important; }
  .mk-faq-poz[open] .mk-faq-odp { animation: none; }
  .mk-karta:hover, .mk-opinia:hover, .mk-wpis a:hover { transform: none; }
}
  :root { --sekcja: 3.5rem; }
  @media (min-width: 640px)  { :root { --sekcja: 5rem; } }
  @media (min-width: 1024px) { :root { --sekcja: 7rem; } }
  #site-header.sekcja-ciemna { background-color: transparent !important; }
  .cta-roll { padding: 0.7rem 1.4rem !important; font-size: 14px !important; }
  @media (max-width: 1023.98px) {
    #menu-glowne, .naglowek-cta { display: none !important; }
    #nav-toggle { display: inline-flex !important; }
    #mobile-menu:not(.hidden) { display: block !important; }
  }
  @media (min-width: 1024px) {
    #mobile-menu { display: none !important; }
  }
:root {
  --pf-czern: #121212;          
  --pf-grafit: #121212;         
  --pf-grafit-2: #121212;
  --pf-czarny: #09090b;         
  --pf-akcent: #B08A4E;         
  --pf-akcent-h: #B3843C;
  --pf-biel: #FFFFFF;
  --pf-mgla: #F0F2F6;
  --pf-linia: #E3E7EE;
  --pf-linia-ciemna: rgba(255, 255, 255, 0.12);
  --pf-tekst: #454545;
  --pf-tekst-2: #737373;
  --pf-naglowek: #09090b;       
  --pf-granat-93: rgba(18, 18, 18, 0.93);   
  --pf-ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --pf-ease-out: cubic-bezier(0.16, 0.84, 0.28, 1);
}
.pf-kontener { max-width: 76.75rem; margin-inline: auto; padding-inline: 1.5rem; }
.pf-ciemna { background: var(--pf-czern); color: #ffffff; }
.pf-nadtytul { display: block; position: relative; width: fit-content; max-width: 100%; margin: 0; padding-bottom: 0.35rem; font-size: 14px; font-weight: 600; line-height: 1.5; letter-spacing: 0.16em; text-transform: uppercase; color: var(--pf-naglowek); }
.pf-ciemna .pf-nadtytul { color: #ffffff; }
.pf-nadtytul::after { content: ""; position: absolute; left: 0; right: 0.16em; bottom: 0; height: 2px; background: var(--pf-akcent); transform: scaleX(0); transform-origin: left center; transition: transform 0.7s ease-out 0.15s; }
.pf-widoczne .pf-nadtytul::after, .pf-nadtytul.pf-widoczne::after { transform: scaleX(1); }
main .pf-h2 { margin: 0; font-size: clamp(2.4rem, 4.6vw, 3.75rem) !important; line-height: 0.98 !important; letter-spacing: -0.03em !important; font-weight: 600 !important; color: var(--pf-naglowek) !important; -webkit-text-fill-color: var(--pf-naglowek) !important; text-wrap: balance; }
main .pf-h2 .l2 { display: block; color: inherit !important; -webkit-text-fill-color: inherit !important; }
main .pf-ciemna .pf-h2 { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; }
main .pf-ciemna .pf-h2 .l2 { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; }
main .pf-kropka { display: none !important; }
main .pf-lead, [id^="pf-"] .pf-lead { font-size: 17px !important; line-height: 1.65 !important; color: var(--pf-tekst); max-width: 36rem; margin: 0; }
main .pf-ciemna .pf-lead, [id^="pf-"].pf-ciemna .pf-lead, [id^="pf-"] .pf-ciemna .pf-lead { color: rgba(255, 255, 255, 0.72); }
.pf-przycisk { display: inline-flex; align-items: center; justify-content: center; gap: 0.6rem; min-height: 40px; padding: 9.5px 20px; border: 0; background: var(--pf-akcent); color: #ffffff !important; font: inherit; font-size: 14px; font-weight: 500; line-height: 21px; text-decoration: none; cursor: pointer; transition: background-color 0.25s ease, color 0.25s ease, box-shadow 0.25s ease; }
.pf-przycisk:hover, .pf-przycisk:focus-visible { background: var(--pf-akcent-h); }
.pf-przycisk svg { transition: transform 0.25s ease; }
.pf-przycisk:hover svg { transform: translateX(3px); }
.pf-przycisk--obrys { background: transparent; color: var(--pf-czern) !important; box-shadow: inset 0 0 0 1.5px var(--pf-czern); }
.pf-przycisk--obrys:hover, .pf-przycisk--obrys:focus-visible { background: var(--pf-czern); color: #ffffff !important; }
.pf-ciemna .pf-przycisk--obrys { color: #ffffff !important; box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, 0.55); }
.pf-ciemna .pf-przycisk--obrys:hover, .pf-ciemna .pf-przycisk--obrys:focus-visible { background: #ffffff; color: var(--pf-czern) !important; }
[id^="pf-"] :focus-visible { outline: 2px solid var(--pf-akcent); outline-offset: 3px; }
[data-pf-reveal] .pf-wjazd { opacity: 0; transform: translateY(18px); transition: opacity 0.7s var(--pf-ease), transform 0.7s var(--pf-ease); transition-delay: calc(var(--pf-i, 0) * 110ms); }
.pf-widoczne .pf-wjazd { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) {
  .pf-nadtytul::after { transition: none; transform: scaleX(1); }
  [data-pf-reveal] .pf-wjazd { opacity: 1; transform: none; transition: none; }
}
#u-zasady {
  --op-biel: #FFFFFF; --op-tekst: #4A4743; --op-linia: #E7E0D5; --op-mgla: #F0F2F6;
  --op-czerwien: #B08A4E;      
  --op-czern: #09090B;         
  --op-ease: cubic-bezier(0.22, 0.61, 0.36, 1); --op-ease-out: cubic-bezier(0.16, 0.84, 0.28, 1);
}
#u-zasady { --dla-wciecie: 1.5rem; position: relative; background: var(--op-biel); color: var(--op-tekst); overflow-x: clip; }
#u-zasady .dla-uklad { display: grid; grid-template-columns: minmax(0px, 1fr); row-gap: 2.75rem; }
#u-zasady .dla-glowa { min-width: 0px; }
#u-zasady .dla-h2 { margin-top: 1.25rem; }
#u-zasady .dla-prawa { min-width: 0px; }
#u-zasady .dla-argumenty { position: relative; min-width: 0px; margin: 0px; padding: 0px; list-style: none; }
#u-zasady .dla-argumenty::before { content: ""; position: absolute; left: 0px; top: 0px; bottom: 0px; width: 2px; background: var(--op-czerwien); transform: scaleY(0); transform-origin: center top; transition: transform 1.2s var(--op-ease-out) 0.15s; pointer-events: none; }
#u-zasady.op-widoczne .dla-argumenty::before { transform: scaleY(1); }
#u-zasady .dla-arg { display: grid; grid-template-columns: minmax(0px, 1fr); grid-template-areas: "nr" "tresc"; row-gap: 0.5rem; padding: 1.75rem 0 1.75rem var(--dla-wciecie); font-size: 16px !important; line-height: 1.65 !important; }
#u-zasady .dla-arg + .dla-arg { border-top: 1px solid var(--op-linia); }
#u-zasady .dla-arg:first-child { padding-top: 0px; }
#u-zasady .dla-arg:last-child { padding-bottom: 0px; }
#u-zasady .dla-nr { grid-area: nr; font-family: inherit; font-size: 12px; font-weight: 600; line-height: 1.2; letter-spacing: 0.2em; color: var(--op-czerwien); font-variant-numeric: tabular-nums; }
#u-zasady .dla-tresc { grid-area: tresc; min-width: 0px; }
#u-zasady .dla-arg .dla-naglowek { font-family: inherit; text-wrap: balance; margin: 0px !important; font-size: clamp(1.2rem, 1.7vw, 1.5rem) !important; font-weight: 600 !important; line-height: 1.25 !important; letter-spacing: -0.015em !important; text-transform: none !important; color: var(--op-czern) !important; -webkit-text-fill-color: var(--op-czern) !important; }
#u-zasady .dla-akapit { margin: 0.75rem 0px 0px; max-width: 32rem; color: var(--op-tekst); text-wrap: pretty; font-size: 16px !important; line-height: 1.65 !important; }
#u-zasady .dla-nz { white-space: nowrap; }
#u-zasady .dla-akcja { margin-top: 2rem; padding-left: var(--dla-wciecie); }
#u-zasady .dla-link { display: inline-flex; align-items: center; gap: 0.6rem; font-family: inherit; font-size: 15px; font-weight: 600; line-height: 1.2; color: var(--op-czern); text-decoration: none; }
#u-zasady .dla-link-tekst { text-decoration: 1px; text-underline-offset: 4px; }
#u-zasady .dla-link:hover .dla-link-tekst, #u-zasady .dla-link:focus-visible .dla-link-tekst { text-decoration: underline; }
#u-zasady .dla-strzalka { flex: 0 0 auto; color: var(--op-czerwien); transition: transform 0.25s; }
#u-zasady .dla-link:hover .dla-strzalka, #u-zasady .dla-link:focus-visible .dla-strzalka { transform: translateX(3px); }
@media (min-width: 768px) { #u-zasady .dla-uklad { row-gap: 3.25rem; } }
@media (min-width: 768px) { #u-zasady .dla-arg { grid-template-columns: 2.75rem minmax(0px, 1fr); grid-template-areas: "nr tresc"; align-items: baseline; gap: 0px; padding-top: 2.25rem; padding-bottom: 2.25rem; } }
@media (min-width: 768px) { #u-zasady .dla-akapit { margin-top: 0.875rem; } }
@media (min-width: 768px) { #u-zasady .dla-akcja { margin-top: 2.25rem; } }
@media (min-width: 1024px) { #u-zasady { --dla-wciecie: 1.75rem; } }
@media (min-width: 1024px) { #u-zasady .dla-uklad { grid-template-columns: minmax(0px, 5fr) minmax(0px, 6fr); gap: 0px 8.3333%; align-items: start; } }
@media (min-width: 1024px) { #u-zasady .dla-h2 { margin-top: 1.5rem; } }
@media (min-width: 1024px) { #u-zasady .dla-arg { padding-top: 2.5rem; padding-bottom: 2.5rem; } }
@media (min-width: 1024px) { #u-zasady .dla-akcja { margin-top: 2.5rem; } }
@media (prefers-reduced-motion: reduce) { #u-zasady .dla-argumenty::before { transform: scaleY(1); transition: none; } }
@media (prefers-reduced-motion: reduce) { #u-zasady .dla-strzalka { transition: none; } }
#u-zasady .dla-argumenty { display: grid; gap: 1rem; }
#u-zasady .dla-arg, #u-zasady .dla-arg:first-child, #u-zasady .dla-arg:last-child { background: var(--op-mgla); padding: 1.75rem 1.5rem 1.75rem 1.75rem; }
#u-zasady .dla-arg + .dla-arg { border-top: 0px; }
@media (min-width: 768px) { #u-zasady .dla-arg, #u-zasady .dla-arg:first-child, #u-zasady .dla-arg:last-child { padding: 2.25rem 2.25rem 2.25rem 2rem; } }
@media (min-width: 1024px) { #u-zasady .dla-arg, #u-zasady .dla-arg:first-child, #u-zasady .dla-arg:last-child { padding: 2.5rem 2.5rem 2.5rem 2.25rem; } }
#u-zasady .dla-argumenty::before { display: none; }
#u-zasady .dla-arg { position: relative; }
#u-zasady .dla-arg::before { content: ""; position: absolute; left: 0px; top: 0px; bottom: 0px; width: 2px; background: var(--op-czerwien); transform: scaleY(0); transform-origin: center top; transition: transform 0.6s ease-out; pointer-events: none; }
#u-zasady .dla-arg:nth-child(1)::before { transition-delay: 0.15s; }
#u-zasady .dla-arg:nth-child(2)::before { transition-delay: 0.6s; }
#u-zasady .dla-arg:nth-child(3)::before { transition-delay: 1.05s; }
#u-zasady.op-widoczne .dla-arg::before { transform: scaleY(1); }
#u-zasady .dla-arg { transition: opacity 0.7s var(--op-ease) calc(var(--op-i, 0) * 110ms),
      transform 0.7s var(--op-ease) calc(var(--op-i, 0) * 110ms),
      scale 0.35s ease, background-color 0.35s ease, box-shadow 0.35s ease; }
@media (hover: hover) and (pointer: fine) { #u-zasady .dla-arg:hover { scale: 1.02; z-index: 2; background: rgb(255, 255, 255); box-shadow: rgba(18, 18, 18, 0.35) 0px 30px 60px -30px; } }
@media (prefers-reduced-motion: reduce) { #u-zasady .dla-arg:hover, #op-korzysci .kor-punkt:hover { scale: none; } }
@media (prefers-reduced-motion: reduce) { #u-zasady .dla-arg::before, #op-opinie .opi-karta--ocena::before { transition: none; transform: none; } }
@media (min-width: 1024px) and (min-height: 560px) { #u-zasady.dla-jedzie .dla-glowa { position: sticky; top: calc(68px + 3rem); } }
#u-zasady .dla-arg:nth-child(4)::before { transition-delay: 1.5s; }
html body #u-zasady > div { padding-bottom: calc(var(--sekcja) / 2) !important; }
#u-zasady .dla-lead { margin-top: 1.75rem; }
html body #u-zasady > div { padding-bottom: var(--sekcja) !important; }
#pf-hero {
  --hero-pasek: 68px;
  --hero-kolo: 114px;
  position: relative;
  isolation: isolate;
  overflow-x: clip;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  min-height: 100svh;
  margin-top: calc(-1 * var(--hero-pasek));
  padding-top: var(--hero-pasek);
  background: var(--pf-czern);
  color: #ffffff;
}
#pf-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  background: url("../img/026de1d4ebd1.webp") center center / cover no-repeat var(--pf-grafit);
}
#pf-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(180deg,
    rgba(16, 16, 16, 0.97) 0%,
    rgba(19, 19, 19, 0.95) 35%,
    rgba(18, 18, 18, 0.92) 55%,
    rgba(18, 18, 18, 0.82) 70%,
    rgba(18, 18, 18, 0.55) 85%,
    rgba(18, 18, 18, 0.35) 100%);
}
#pf-hero > div { padding-top: 0 !important; padding-bottom: 0 !important; }
#pf-hero .hero-plansza { position: relative; z-index: 1; flex: 1 0 auto; display: flex; align-items: flex-start; }
#pf-hero .hero-tekst {
  width: 100%;
  max-width: 76.75rem;
  margin-inline: auto;
  padding: 2.5rem 1.5rem calc(var(--hero-kolo) + 3.5rem);
}
#pf-hero .hero-tytul {
  margin: 1.7rem 0 0;
  max-width: 11.5em;
  font-family: inherit;
  font-size: clamp(2.9rem, 5.6vw, 5.15rem) !important;
  font-weight: 600 !important;
  line-height: 1.02 !important;
  letter-spacing: -0.035em !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
#pf-hero .hero-tytul-w { display: block; text-wrap: balance; }
#pf-hero .hero-slowo {
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
  padding: 0.12em 0.06em 0.22em;
  margin: -0.12em -0.06em -0.22em;
}
#pf-hero .hero-slowo-in { display: inline-block; }
#pf-hero .hero-razem { white-space: nowrap; }
#pf-hero .hero-kropka { display: inline-block; transform-origin: 57% 77%; }   
#pf-hero .hero-lead {
  margin: 1.7rem 0 0;
  max-width: 38rem;
  font-size: 19px !important;
  line-height: 1.65 !important;
  color: rgba(255, 255, 255, 0.72);
}
#pf-hero .hero-akcje { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0.85rem; margin-top: 2.5rem; }
#pf-hero .hero-akcje .pf-przycisk {
  white-space: nowrap;
  min-height: 54px;
  padding: 0 1.7rem;
  gap: 0.7rem;
  font-size: 16.8px;
}
#pf-hero .hero-info { margin-top: 2.8rem; padding-top: 1.4rem; border-top: 1px solid var(--pf-linia-ciemna); max-width: 38rem; }
#pf-hero .hero-info-rzad {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  column-gap: 1.95rem;
  row-gap: 0.4rem;
  margin: -6px;
  padding: 6px;
  overflow: hidden;
  font-size: 15.7px;
  line-height: 1.5;
  letter-spacing: 0.01em;
  color: rgba(255, 255, 255, 0.72);
}
#pf-hero .hero-info-el { position: relative; }
#pf-hero .hero-ocena-nr { font-weight: 600; color: #ffffff; }
#pf-hero .hero-sep { position: absolute; left: -1.07rem; top: 0; color: rgba(255, 255, 255, 0.45); }
#pf-hero .hero-tel {
  color: #ffffff;
  font-weight: 600;
  white-space: nowrap;
  text-decoration: none;
  padding-bottom: 2px;
  background: linear-gradient(var(--pf-akcent), var(--pf-akcent)) 0 100% / 0 1px no-repeat;
  transition: background-size 0.35s var(--pf-ease);
}
#pf-hero .hero-tel:hover, #pf-hero .hero-tel:focus-visible { background-size: 100% 1px; }
#pf-hero .hero-znak {
  position: absolute;
  z-index: 2;
  right: 1.25rem;
  bottom: 1.5rem;
  width: var(--hero-kolo);
  height: var(--hero-kolo);
  pointer-events: none;
}
#pf-hero .hero-kolo { display: block; width: 100%; height: 100%; overflow: visible; }
#pf-hero .hero-kolo-obrot { transform-origin: 100px 100px; animation: pf-hero-obrot 26s linear infinite; }
#pf-hero .hero-kolo-tekst {
  font-family: inherit;
  font-size: 10.5px;
  font-weight: 600;
  letter-spacing: 2.5px;
  fill: #ffffff;
}
@keyframes pf-hero-obrot { to { transform: rotate(360deg); } }
@media (min-width: 560px) {
  #pf-hero .pf-nadtytul { font-size: 15.7px; }
  #pf-hero .hero-akcje { display: flex; flex-wrap: wrap; }
}
@media (min-width: 768px) {
  #pf-hero { --hero-kolo: 134px; }
  #pf-hero .hero-znak { right: 2rem; bottom: 2.5rem; }
}
@media (min-width: 1024px) {
  #pf-hero { --hero-kolo: clamp(152px, 15.2vw, 234px); }
  #pf-hero::after {
    background: linear-gradient(98deg,
      rgba(16, 16, 16, 0.97) 0%,
      rgba(19, 19, 19, 0.965) 22%,
      rgba(18, 18, 18, 0.955) 40%,
      rgba(18, 18, 18, 0.94) 54%,
      rgba(18, 18, 18, 0.90) 64%,
      rgba(18, 18, 18, 0.81) 71%,
      rgba(18, 18, 18, 0.64) 77%,
      rgba(18, 18, 18, 0.42) 82%,
      rgba(18, 18, 18, 0.21) 86%,
      rgba(18, 18, 18, 0.07) 89%,
      rgba(18, 18, 18, 0.00) 92%);
  }
  #pf-hero .hero-plansza { align-items: flex-end; }
  #pf-hero .hero-tekst { padding: 3.5rem calc(var(--hero-kolo) + 4rem) clamp(3rem, 8vh, 5.5rem) 1.5rem; }
  #pf-hero .hero-tytul-w { white-space: nowrap; }
  #pf-hero .hero-znak { right: max(1.5rem, calc(50% - 34.5rem)); bottom: clamp(3rem, 8vh, 5.5rem); }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  #pf-hero::after {
    background: linear-gradient(98deg,
      rgba(16, 16, 16, 0.97) 0%,
      rgba(18, 18, 18, 0.955) 40%,
      rgba(18, 18, 18, 0.90) 70%,
      rgba(18, 18, 18, 0.84) 82%,
      rgba(18, 18, 18, 0.55) 90%,
      rgba(18, 18, 18, 0.18) 96%,
      rgba(18, 18, 18, 0.00) 100%);
  }
}
#pf-hero.hero-js .hero-slowo-in { transform: translateY(130%); }
#pf-hero.hero-start .hero-slowo-in {
  transform: none;
  transition: transform 0.95s var(--pf-ease-out);
  transition-delay: calc(0.1s + var(--hero-i, 0) * 60ms);
}
#pf-hero.hero-js .hero-kropka { transform: scale(0); }
#pf-hero.hero-start .hero-kropka { animation: pf-hero-pyk 0.5s var(--pf-ease) 0.9s both; }
#pf-hero.hero-js .hero-wjazd { opacity: 0; transform: translateY(18px); }
#pf-hero.hero-start .hero-wjazd {
  opacity: 1;
  transform: none;
  transition: opacity 0.7s var(--pf-ease), transform 0.7s var(--pf-ease);
  transition-delay: calc(0.6s + var(--hero-w, 0) * 110ms);
}
#pf-hero.hero-js .hero-znak { opacity: 0; transform: scale(0.92); }
#pf-hero.hero-start .hero-znak {
  opacity: 1;
  transform: none;
  transition: opacity 0.9s var(--pf-ease) 0.95s, transform 0.9s var(--pf-ease-out) 0.95s;
}
@keyframes pf-hero-pyk {
  0% { transform: scale(0); }
  60% { transform: scale(1.15); }
  100% { transform: scale(1); }
}
@media (prefers-reduced-motion: reduce) {
  #pf-hero .hero-slowo-in,
  #pf-hero .hero-kropka,
  #pf-hero .hero-wjazd,
  #pf-hero .hero-znak { opacity: 1 !important; transform: none !important; transition: none !important; animation: none !important; }
  #pf-hero .hero-kolo-obrot { animation: none !important; }
  #pf-hero .hero-tel { transition: none; }
}
#pf-zakres {
  background: var(--pf-biel);
  color: var(--pf-tekst);
  overflow-x: clip;
}
#pf-zakres .zk-glowa {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  row-gap: 1.5rem;
}
#pf-zakres .zk-h2 { margin: 1.25rem 0 0; }
#pf-zakres .zk-glowa .zk-lead {
  max-width: 34rem;
  font-family: 'Inter', system-ui, sans-serif;
  text-wrap: pretty;
}
#pf-zakres .zk-siatka {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1rem;
  margin-top: 2.5rem;
}
#pf-zakres .zk-kafel {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: 1.75rem 1.5rem 2rem;
  background: var(--pf-mgla);
  color: var(--pf-tekst);
}
#pf-zakres .zk-ikona {
  display: block;
  flex: 0 0 auto;
  width: 28px;
  height: 28px;
  color: var(--pf-czern);
}
#pf-zakres .zk-kafel .zk-nazwa {
  margin: 1.375rem 0 0 !important;
  font-family: inherit;
  font-size: 1.25rem !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  letter-spacing: -0.015em !important;
  text-transform: none !important;
  color: var(--pf-naglowek) !important;
  -webkit-text-fill-color: var(--pf-naglowek) !important;
  text-wrap: balance;
}
#pf-zakres .zk-kafel .zk-opis {
  margin: 0.75rem 0 0 !important;
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 15.5px !important;
  font-weight: 400 !important;
  line-height: 1.65 !important;
  color: var(--pf-tekst) !important;
  -webkit-text-fill-color: var(--pf-tekst) !important;
}
#pf-zakres .zk-kafel .zk-lista {
  display: grid;
  row-gap: 0.625rem;
  margin: 1rem 0 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
#pf-zakres .zk-kafel .zk-lista li {
  position: relative;
  margin: 0 !important;
  padding: 0 0 0 1.25rem !important;
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.45 !important;
  color: var(--pf-tekst) !important;
  -webkit-text-fill-color: var(--pf-tekst) !important;
  white-space: nowrap;
  list-style: none !important;
}
#pf-zakres .zk-kafel .zk-lista li::before {
  content: "";
  position: absolute;
  left: 0;
  top: calc(0.725em - 3.5px);
  width: 7px;
  height: 7px;
  background: var(--pf-akcent);
}
@media (min-width: 1024px) and (max-width: 1279.98px) {
  #pf-zakres .zk-kafel .zk-lista li { font-size: 15px !important; }
}
@media (max-width: 359.98px) {
  #pf-zakres .zk-kafel .zk-lista li { font-size: 14.5px !important; }
}
#pf-zakres .zk-usluga::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 2px;
  background: var(--pf-akcent);
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 0.55s var(--pf-ease-out);
  pointer-events: none;
}
@media (hover: hover) and (pointer: fine) {
  #pf-zakres .zk-usluga:hover::before { transform: scaleX(1); }
}
#pf-zakres .zk-rozmowa {
  background: var(--pf-czern);
  color: #ffffff;
}
#pf-zakres .zk-etykieta {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  min-height: 28px;
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.72);
}
#pf-zakres .zk-etykieta::before {
  content: "";
  flex: 0 0 auto;
  width: 6px;
  height: 6px;
  background: var(--pf-akcent);
}
#pf-zakres .zk-rozmowa .zk-nazwa {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
#pf-zakres .zk-rozmowa .zk-opis {
  color: rgba(255, 255, 255, 0.72) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.72) !important;
}
#pf-zakres .zk-dol {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-width: 0;
}
#pf-zakres .zk-akcja {
  margin-top: auto;
  padding-top: 1.5rem;
}
@media (min-width: 640px) {
  #pf-zakres .zk-glowa { row-gap: 1.75rem; }
  #pf-zakres .zk-siatka {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.5rem;
    margin-top: 3rem;
  }
  #pf-zakres .zk-kafel { padding: 2rem 1.75rem 2.125rem; }
  #pf-zakres .zk-kafel .zk-nazwa { margin-top: 1.125rem !important; }
  #pf-zakres .zk-akcja { padding-top: 1.25rem; }
  @supports (grid-template-rows: subgrid) {
    #pf-zakres .zk-siatka {
      row-gap: 0;
      margin-bottom: -1.5rem;
      grid-auto-rows: auto;
    }
    #pf-zakres .zk-kafel {
      display: grid;
      grid-row: span 3;
      grid-template-rows: subgrid;
      row-gap: 0;
      align-content: start;
      margin-bottom: 1.5rem;
    }
    #pf-zakres .zk-etykieta { align-self: center; }
  }
}
@media (min-width: 768px) {
  #pf-zakres .zk-kafel { padding-inline: 1.75rem; }
}
@media (min-width: 640px) and (max-width: 767.98px) {
  #pf-zakres .zk-siatka { column-gap: 1rem; }
  #pf-zakres .zk-kafel { padding: 1.75rem 1.5rem 1.875rem; }
}
@media (min-width: 1024px) {
  #pf-zakres .zk-glowa {
    grid-template-columns: minmax(0, 1fr) minmax(0, 20rem);
    column-gap: 3rem;
    align-items: end;
    align-items: last baseline;
  }
  #pf-zakres .zk-glowa .zk-lead { max-width: none; }
  #pf-zakres .zk-siatka {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 3.5rem;
  }
  #pf-zakres .zk-kafel { padding: 2.125rem 1.75rem 2.25rem; }
  #pf-zakres .zk-kafel .zk-nazwa { font-size: 1.3125rem !important; }
}
@media (min-width: 1024px) and (max-width: 1279.98px) {
  #pf-zakres .zk-kafel { padding: 1.875rem 1.5rem 2rem; }
  #pf-zakres .zk-kafel .zk-nazwa { font-size: 1.25rem !important; }
}
@media (min-width: 1280px) {
  #pf-zakres .zk-glowa { grid-template-columns: minmax(0, 1fr) minmax(0, 23rem); column-gap: 4rem; }
  #pf-zakres .zk-kafel { padding: 2.25rem 2rem 2.375rem; }
}
#pf-zakres.zk-js .zk-kafel { opacity: 0; transform: translateY(24px); }
#pf-zakres.zk-js .zk-kafel.pf-widoczne {
  opacity: 1;
  transform: none;
  transition: opacity 0.6s var(--pf-ease), transform 0.8s var(--pf-ease-out);
  transition-delay: calc(0.05s + var(--zk-k, 0) * 110ms);
}
@media (min-width: 640px) and (max-width: 1023.98px) {
  #pf-zakres .zk-kafel:nth-child(2), #pf-zakres .zk-kafel:nth-child(3) { --zk-k: 1; }
  #pf-zakres .zk-kafel:nth-child(4), #pf-zakres .zk-kafel:nth-child(5) { --zk-k: 2; }
  #pf-zakres .zk-kafel:nth-child(6) { --zk-k: 3; }
}
@media (min-width: 1024px) {
  #pf-zakres .zk-kafel:nth-child(2), #pf-zakres .zk-kafel:nth-child(4) { --zk-k: 1; }
  #pf-zakres .zk-kafel:nth-child(3), #pf-zakres .zk-kafel:nth-child(5) { --zk-k: 2; }
  #pf-zakres .zk-kafel:nth-child(6) { --zk-k: 3; }
}
@media (prefers-reduced-motion: reduce) {
  #pf-zakres.zk-js .zk-kafel,
  #pf-zakres.zk-js .zk-kafel.pf-widoczne { opacity: 1 !important; transform: none !important; transition: none !important; }
  #pf-zakres .zk-usluga::before { transition: none; }
}
@media (min-width: 640px) and (max-width: 767.98px) {
  #pf-zakres .zk-kafel .zk-lista li { font-size: 15px !important; }
}
@supports (grid-template-rows: subgrid) {
  @media (min-width: 640px) {
    #pf-zakres .zk-kafel.zk-rozmowa { display: flex; flex-direction: column; grid-template-rows: none; }
    #pf-zakres .zk-kafel.zk-rozmowa .zk-etykieta { align-self: flex-start; }
  }
}
#pf-zakres .zk-rozmowa .zk-ikona--koral { color: var(--pf-akcent); }
#pf-zakres .zk-kafel { transition: translate 0.35s var(--pf-ease-out), box-shadow 0.35s var(--pf-ease-out); }
#pf-zakres.zk-js .zk-kafel.pf-widoczne {
  transition: opacity 0.6s var(--pf-ease), transform 0.8s var(--pf-ease-out), translate 0.35s var(--pf-ease-out), box-shadow 0.35s var(--pf-ease-out);
  transition-delay: calc(0.05s + var(--zk-k, 0) * 110ms), calc(0.05s + var(--zk-k, 0) * 110ms), 0s, 0s;
}
@media (hover: hover) and (pointer: fine) {
  #pf-zakres .zk-kafel:hover { translate: 0 -6px; box-shadow: 0 22px 40px -26px rgba(18, 18, 18, 0.45); }
}
@media (prefers-reduced-motion: reduce) {
  #pf-zakres .zk-kafel,
  #pf-zakres.zk-js .zk-kafel.pf-widoczne { transition: none !important; }
}
@media (min-width: 1024px) {
  #pf-zakres .zk-glowa { grid-template-columns: minmax(0, 1fr) !important; }
  #pf-zakres .zk-h2 .l2 { white-space: nowrap; }
}
@media (min-width: 768px) {
  #pf-zakres .zk-h2 { margin-top: 1.5rem; }
}
#pf-jak {
  --jk-gora: 7.5rem;          
  --jk-gora-kart: calc(var(--jk-gora) + 4px);
  --jk-krok: 1.25rem;         
  --jk-odstep: 1.25rem;       
  --jk-ile: 3;
  --jk-h: 0px;                
  --jk-zapas-kart: 0px;       
  --jk-zapas-panelu: 0px;     
  position: relative;
  background: #ffffff;
  color: var(--pf-tekst);
}
#pf-jak .jk-uklad {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  row-gap: 2.25rem;
}
#pf-jak .jk-panel {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.5rem;
}
#pf-jak .jk-h2 { width: 100%; }
#pf-jak .jk-panel .jk-lead {
  max-width: 27rem;
  font-family: 'Inter', system-ui, sans-serif;
}
#pf-jak .jk-licznik { display: none; }
#pf-jak .jk-karty {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-auto-rows: 1fr;          
  gap: var(--jk-odstep);
  margin: 0;
  padding: 0;
  list-style: none;
}
#pf-jak .jk-karty .jk-karta {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 12px;
  box-sizing: border-box;
  margin: 0;
  padding: 24px 20px 26px;
  background: #ffffff;
  border: 1px solid var(--pf-linia);
  border-left: 3px solid var(--pf-czern);
  border-radius: 0;
  color: var(--pf-tekst);
  font-size: 16px !important;
  line-height: 1.6 !important;
  transition: opacity 0.7s var(--pf-ease), transform 0.7s var(--pf-ease), border-left-color 0.25s ease;
  transition-delay: calc(var(--pf-i, 0) * 110ms), calc(var(--pf-i, 0) * 110ms), 0s;
}
#pf-jak .jk-karty .jk-karta::before,
#pf-jak .jk-karty .jk-karta::marker { content: none; }
#pf-jak .jk-karta-gora {
  display: flex;
  align-items: center;
  gap: 14px;
}
#pf-jak .jk-nr {
  flex: none;
  font-family: 'Space Grotesk', system-ui, sans-serif;
  font-size: 34px;
  font-weight: 400;
  line-height: 0.9;
  letter-spacing: -0.02em;
  color: var(--pf-czern);
  transition: color 0.25s ease;
}
#pf-jak .jk-kreska {
  flex: 1 1 auto;
  min-width: 1.5rem;
  height: 1px;
  background: var(--pf-linia);
}
#pf-jak .jk-etykieta {
  flex: none;
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.55;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  white-space: nowrap;
  color: var(--pf-tekst-2);
}
#pf-jak .jk-karta .jk-nazwa {
  margin: 0 !important;
  font-family: 'Space Grotesk', system-ui, sans-serif;
  font-size: 22px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  letter-spacing: -0.015em !important;
  text-transform: none !important;
  color: var(--pf-naglowek) !important;
  -webkit-text-fill-color: var(--pf-naglowek) !important;
}
#pf-jak .jk-karta .jk-opis {
  margin: 0 !important;
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.65 !important;
  color: var(--pf-tekst) !important;
  -webkit-text-fill-color: var(--pf-tekst) !important;
  text-wrap: pretty;
}
#pf-jak .jk-karty .jk-karta.jk-akt { border-left-color: var(--pf-akcent); }
#pf-jak .jk-karta.jk-akt .jk-nr { color: var(--pf-akcent); }
#pf-jak .jk-licznik {
  align-items: center;
  gap: 16px;
  padding-top: 8px;
}
#pf-jak .jk-tor {
  position: relative;
  flex: none;
  width: 3px;
  height: 120px;
  background: var(--pf-linia);
}
#pf-jak .jk-wypelnienie {
  position: absolute;
  inset: 0;
  background: var(--pf-akcent);
  transform: scaleY(var(--jk-postep, 0));
  transform-origin: 50% 0;
}
#pf-jak .jk-licznik-tekst {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
#pf-jak .jk-licznik-liczby {
  font-family: 'Space Grotesk', system-ui, sans-serif;
  font-size: 30px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: -0.01em;
  white-space: nowrap;
  color: var(--pf-czern);
}
#pf-jak .jk-biezacy { display: inline-block; }
#pf-jak .jk-licznik-etykieta {
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.6;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--pf-tekst-2);
}
@media (min-width: 640px) {
  #pf-jak .jk-uklad { row-gap: 3rem; }
  #pf-jak .jk-panel { gap: 26px; }
  #pf-jak .jk-karty .jk-karta { gap: 14px; padding: 30px 34px 34px; }
  #pf-jak .jk-nr { font-size: 40px; }
  #pf-jak .jk-karta .jk-nazwa { font-size: 26px !important; }
}
@media (min-width: 1024px) {
  #pf-jak .jk-uklad {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    column-gap: 60px;
    row-gap: 0;
    align-items: stretch;
  }
  #pf-jak .jk-karty { align-self: start; padding-top: 4px; }
}
@media (min-width: 1024px) and (min-height: 40rem) {
  #pf-jak .jk-panel { position: sticky; top: var(--jk-gora); margin-bottom: var(--jk-zapas-panelu); }
  #pf-jak .jk-licznik { display: flex; }
}
@media (min-width: 1024px) and (min-height: 40rem) and (prefers-reduced-motion: no-preference) {
  #pf-jak.jk-js .jk-karty { display: flex; flex-direction: column; gap: 0; }
  #pf-jak.jk-js .jk-karty .jk-karta {
    position: sticky;
    top: calc(var(--jk-gora-kart) + var(--jk-n, 0) * var(--jk-krok));
    min-height: var(--jk-h);
    margin-bottom: 0;
  }
  #pf-jak.jk-js .jk-karty .jk-karta + .jk-karta {
    margin-top: var(--jk-odstep);
  }
}
#pf-jak.jk-mierzy .jk-karty { grid-auto-rows: auto !important; align-items: start !important; }
#pf-jak.jk-mierzy .jk-karty .jk-karta { min-height: 0 !important; }
#pf-jak:not(.jk-js) .pf-wjazd,
#pf-jak.jk-awaryjnie .pf-wjazd { opacity: 1; transform: none; }
#pf-jak:not(.jk-js) .pf-nadtytul::after,
#pf-jak.jk-awaryjnie .pf-nadtytul::after { transform: scaleX(1); }
@media (prefers-reduced-motion: reduce) {
  #pf-jak .pf-wjazd { opacity: 1 !important; transform: none !important; }
  #pf-jak .pf-wjazd,
  #pf-jak .jk-karty .jk-karta,
  #pf-jak .jk-nr { transition: none !important; }
}
#pf-jak .jk-panel { gap: 0; }
#pf-jak .jk-panel .jk-h2 { margin-top: 1.25rem; }
#pf-jak .jk-panel .jk-lead { margin-top: 1.75rem; }
#pf-jak .jk-panel .jk-licznik { margin-top: 26px; }
@media (min-width: 768px) {
  #pf-jak .jk-panel .jk-h2 { margin-top: 1.5rem; }
}
#pf-kroki {
  --kr-nr: clamp(3.25rem, 12vw, 4.5rem);   
  --kr-stacja: 18px;
  --kr-odstep: 2.25rem;                    
  --kr-wciecie: 1.5rem;                    
  --kr-t: 650ms;                           
  --kr-c: 0ms;                             
  position: relative;
  background: var(--pf-czern);
  color: #ffffff;
  overflow-x: clip;
}
#pf-kroki .kr-glowa {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  row-gap: 1.5rem;
}
#pf-kroki .kr-glowa-tytul { min-width: 0; }
#pf-kroki .kr-h2 { margin: 1.25rem 0 0; }
#pf-kroki .kr-glowa .kr-lead {
  max-width: 34rem;
  font-family: 'Inter', system-ui, sans-serif;
  color: rgba(255, 255, 255, 0.78);
  text-wrap: pretty;
}
#pf-kroki .kr-kroki {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  row-gap: var(--kr-odstep);
  margin: 2.75rem 0 0;
  padding: 0;
  list-style: none;
}
#pf-kroki .kr-kroki .kr-krok {
  position: relative;
  display: grid;
  grid-template-columns: var(--kr-stacja) minmax(0, 1fr);
  grid-template-areas:
    "szyna nr"
    ".     kafel";
  column-gap: 1rem;
  row-gap: 1rem;
  margin: 0;
  padding: 0;
  font-size: 16px !important;
  line-height: 1.6 !important;
  color: #ffffff;
}
#pf-kroki .kr-kroki .kr-krok::before,
#pf-kroki .kr-kroki .kr-krok::marker { content: none; }
#pf-kroki .kr-nr {
  grid-area: nr;
  display: block;
  font-family: 'Space Grotesk', system-ui, sans-serif;
  font-size: var(--kr-nr);
  font-weight: 600;
  line-height: 0.8;
  letter-spacing: -0.04em;
  font-variant-numeric: tabular-nums;
  color: rgba(255, 255, 255, 0.25);
  -webkit-text-fill-color: rgba(255, 255, 255, 0.25);
  white-space: nowrap;
  margin-left: -0.0525em;
}
#pf-kroki .kr-szyna {
  grid-area: szyna;
  align-self: center;
  display: block;
  width: var(--kr-stacja);
  height: var(--kr-stacja);
}
#pf-kroki .kr-stacja {
  position: relative;
  z-index: 1;                 
  display: block;
  box-sizing: border-box;
  width: var(--kr-stacja);
  height: var(--kr-stacja);
  background: #ffffff;
}
#pf-kroki .kr-stacja::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 6px;
  height: 6px;
  margin: -3px 0 0 -3px;
  background: var(--pf-akcent);
}
#pf-kroki .kr-tor {
  position: absolute;
  z-index: 0;
  left: calc(var(--kr-stacja) / 2 - 1px);
  top: calc(var(--kr-nr) * 0.4);
  width: 2px;
  height: calc(100% + var(--kr-odstep));
  background: var(--pf-akcent);
  transform-origin: 50% 0;
}
#pf-kroki .kr-krok:last-child .kr-tor { display: none; }
#pf-kroki .kr-lacznik { display: none; }
#pf-kroki .kr-kafel {
  grid-area: kafel;
  min-width: 0;
  padding: 1.5rem var(--kr-wciecie) 1.75rem;
  background: rgba(255, 255, 255, 0.07);
}
#pf-kroki .kr-kafel .kr-nazwa {
  margin: 0 !important;
  font-family: 'Space Grotesk', system-ui, sans-serif;
  font-size: 1.5rem !important;
  font-weight: 600 !important;
  line-height: 1.15 !important;
  letter-spacing: -0.02em !important;
  text-transform: none !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-wrap: balance;
}
#pf-kroki .kr-kafel .kr-opis {
  margin: 0.75rem 0 0 !important;
  max-width: 36rem;
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.7 !important;
  color: rgba(255, 255, 255, 0.78) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.78) !important;
  text-wrap: pretty;
}
#pf-kroki .kr-akcja {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem 1.75rem;
  margin-top: 2.5rem;
}
#pf-kroki .kr-tel {
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.72) !important;
  text-decoration: none;
  white-space: nowrap;
}
#pf-kroki .kr-tel strong {
  font-weight: 600;
  color: #ffffff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.35);
  transition: border-color 0.25s ease;
}
#pf-kroki .kr-tel:hover strong,
#pf-kroki .kr-tel:focus-visible strong { border-bottom-color: var(--pf-akcent); }
@media (min-width: 640px) {
  #pf-kroki { --kr-wciecie: 1.75rem; --kr-odstep: 2.5rem; }
  #pf-kroki .kr-kroki { margin-top: 3.25rem; }
  #pf-kroki .kr-kroki .kr-krok { column-gap: 1.5rem; row-gap: 1.125rem; }
  #pf-kroki .kr-kafel { padding-top: 1.75rem; padding-bottom: 2rem; }
  #pf-kroki .kr-kafel .kr-nazwa { font-size: 1.625rem !important; }
  #pf-kroki .kr-akcja { margin-top: 3rem; }
}
@media (min-width: 1024px) {
  #pf-kroki {
    --kr-nr: clamp(4.5rem, 7vw, 6.25rem);
    --kr-odstep: 1.25rem;
    --kr-wciecie: 1.75rem;
    --kr-t: 520ms;
    --kr-c: 70ms;
  }
  #pf-kroki .kr-glowa {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    column-gap: var(--kr-odstep);
    align-items: end;
    align-items: last baseline;
  }
  #pf-kroki .kr-glowa-tytul { grid-column: 1 / span 2; }
  #pf-kroki .kr-glowa .kr-lead { grid-column: 3; max-width: none; }
  #pf-kroki .kr-kroki {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    column-gap: var(--kr-odstep);
    row-gap: 0;
    margin-top: 4rem;
  }
  #pf-kroki .kr-kroki .kr-krok {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
  }
  #pf-kroki .kr-nr { margin: 0 0 1.5rem -0.0525em; padding-left: var(--kr-wciecie); }
  #pf-kroki .kr-szyna { position: relative; align-self: stretch; width: auto; }
  #pf-kroki .kr-stacja { position: absolute; left: var(--kr-wciecie); top: 0; }
  #pf-kroki .kr-tor {
    left: 0;
    top: calc(var(--kr-stacja) / 2 - 1px);
    width: calc(100% + var(--kr-odstep) + 1px);
    height: 2px;
    transform-origin: 0 50%;
  }
  #pf-kroki .kr-krok:last-child .kr-tor { display: block; width: 100%; }
  #pf-kroki .kr-lacznik {
    display: block;
    flex: 0 0 auto;
    width: 2px;
    height: 2.25rem;
    margin-left: calc(var(--kr-wciecie) + var(--kr-stacja) / 2 - 1px);
    background: var(--pf-akcent);
    transform-origin: 50% 0;
  }
  #pf-kroki .kr-kafel { flex: 1 1 auto; padding: 1.875rem var(--kr-wciecie) 2.125rem; }
  #pf-kroki .kr-kafel .kr-nazwa { font-size: clamp(1.625rem, 2.1vw, 1.875rem) !important; }
  #pf-kroki .kr-akcja { margin-top: 3.5rem; }
}
@media (min-width: 1280px) {
  #pf-kroki { --kr-odstep: 1.5rem; --kr-wciecie: 2.25rem; }
  #pf-kroki .kr-kroki { margin-top: 4.5rem; }
  #pf-kroki .kr-lacznik { height: 2.75rem; }
  #pf-kroki .kr-kafel { padding-top: 2.25rem; padding-bottom: 2.5rem; }
}
#pf-kroki .kr-krok { --kr-k: 0; }
@media (min-width: 1024px) {
  #pf-kroki .kr-krok:nth-child(2) { --kr-k: 1; }
  #pf-kroki .kr-krok:nth-child(3) { --kr-k: 2; }
}
#pf-kroki.kr-js .kr-tor { transform: scaleY(0); }
#pf-kroki.kr-js .kr-stacja { transform: scale(0); }
#pf-kroki.kr-js .kr-stacja::after { transform: scale(0); }
#pf-kroki.kr-js .kr-lacznik { transform: scaleY(0); }
#pf-kroki.kr-js .kr-nr { opacity: 0; transform: translateY(12px); }
#pf-kroki.kr-js .kr-kafel { opacity: 0; transform: translateY(18px); }
@media (min-width: 1024px) {
  #pf-kroki.kr-js .kr-tor { transform: scaleX(0); }
}
#pf-kroki.kr-js .kr-krok.pf-widoczne .kr-tor {
  transform: none;
  transition: transform var(--kr-t) linear;
  transition-delay: calc(var(--kr-k) * var(--kr-t));
}
#pf-kroki.kr-js .kr-krok.pf-widoczne .kr-stacja {
  transform: none;
  transition: transform 0.42s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition-delay: calc(var(--kr-k) * var(--kr-t) + var(--kr-c));
}
#pf-kroki.kr-js .kr-krok.pf-widoczne .kr-stacja::after {
  transform: none;
  transition: transform 0.36s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition-delay: calc(var(--kr-k) * var(--kr-t) + var(--kr-c) + 140ms);
}
#pf-kroki.kr-js .kr-krok.pf-widoczne .kr-nr {
  opacity: 1;
  transform: none;
  transition: opacity 0.6s var(--pf-ease), transform 0.8s var(--pf-ease-out);
  transition-delay: calc(var(--kr-k) * var(--kr-t));
}
#pf-kroki.kr-js .kr-krok.pf-widoczne .kr-lacznik {
  transform: none;
  transition: transform 0.4s var(--pf-ease);
  transition-delay: calc(var(--kr-k) * var(--kr-t) + var(--kr-c) + 220ms);
}
#pf-kroki.kr-js .kr-krok.pf-widoczne .kr-kafel {
  opacity: 1;
  transform: none;
  transition: opacity 0.6s var(--pf-ease), transform 0.8s var(--pf-ease-out);
  transition-delay: calc(var(--kr-k) * var(--kr-t) + var(--kr-c) + 380ms);
}
#pf-kroki:not(.kr-js) .pf-nadtytul::after { transform: scaleX(1); transition: none; }
@media (prefers-contrast: more) {
  #pf-kroki .kr-glowa .kr-lead { color: rgba(255, 255, 255, 0.9); }
  #pf-kroki .kr-kafel .kr-opis { color: rgba(255, 255, 255, 0.9) !important; -webkit-text-fill-color: rgba(255, 255, 255, 0.9) !important; }
  #pf-kroki .kr-nr { color: rgba(255, 255, 255, 0.45); -webkit-text-fill-color: rgba(255, 255, 255, 0.45); }
}
@media (prefers-reduced-motion: reduce) {
  #pf-kroki .kr-tor,
  #pf-kroki .kr-stacja,
  #pf-kroki .kr-stacja::after,
  #pf-kroki .kr-lacznik,
  #pf-kroki .kr-nr,
  #pf-kroki .kr-kafel { opacity: 1 !important; transform: none !important; transition: none !important; }
  #pf-kroki .kr-tel strong { transition: none; }
}
#pf-kroki > .pf-kontener > .kr-akcja { margin-top: var(--sekcja) !important; }
#pf-kroki { box-shadow: 0 1px 0 0 var(--pf-czern); z-index: 1; }
@media (min-width: 1024px) {
  #pf-kroki .kr-glowa-tytul { grid-column: 1 / -1 !important; }
  #pf-kroki .kr-h2 .l2 { white-space: nowrap; }
}
@media (min-width: 768px) {
  #pf-kroki .kr-h2 { margin-top: 1.5rem; }
}
#pf-zalety {
  --zl-nazwa: 1.375rem;       
  background: var(--pf-czern);
  color: #ffffff;
  overflow-x: clip;
}
#pf-zalety > .pf-kontener { position: relative; }
#pf-zalety > .pf-kontener::before {
  display: none;   
  content: "";
  position: absolute;
  top: 0;
  left: 1.5rem;
  right: 1.5rem;
  height: 1px;
  background: rgba(255, 255, 255, 0.12);
  pointer-events: none;
}
#pf-zalety .zl-h2 { margin: 1.25rem 0 0; }
#pf-zalety .zl-lista {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  margin: 2.5rem 0 0;
  padding: 0;
  list-style: none;
}
#pf-zalety .zl-lista .zl-poz {
  position: relative;
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  column-gap: 1rem;
  align-content: start;
  margin: 0;
  padding: 1.75rem 0 2rem;
  font-size: 16px !important;
  line-height: 1.7 !important;
  color: #ffffff;
}
#pf-zalety .zl-lista .zl-poz::marker { content: none; }
#pf-zalety .zl-lista .zl-poz::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 1px;
  background: rgba(255, 255, 255, 0.18);
  transform-origin: 0 50%;
  pointer-events: none;
}
#pf-zalety .zl-ikona {
  grid-column: 1;
  grid-row: 1;
  display: block;
  width: 24px;
  height: 24px;
  margin-top: calc((var(--zl-nazwa) * 1.25 - 24px) / 2);
  color: var(--pf-akcent);
}
#pf-zalety .zl-poz .zl-nazwa {
  grid-column: 2;
  grid-row: 1;
  margin: 0 !important;
  font-family: 'Space Grotesk', system-ui, sans-serif;
  font-size: var(--zl-nazwa) !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  letter-spacing: -0.015em !important;
  text-transform: none !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-wrap: balance;
}
#pf-zalety .zl-poz .zl-opis {
  grid-column: 2;
  grid-row: 2;
  margin: 0.625rem 0 0 !important;
  max-width: 34rem;
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.7 !important;
  color: rgba(255, 255, 255, 0.8) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.8) !important;
  text-wrap: pretty;
}
@media (min-width: 768px) {
  #pf-zalety { --zl-nazwa: 1.5rem; }
  #pf-zalety .zl-lista {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 3rem;
    margin-top: 3.25rem;
  }
  #pf-zalety .zl-lista .zl-poz { column-gap: 1.25rem; padding: 2rem 0 2.25rem; }
  #pf-zalety .zl-poz .zl-opis { font-size: 17px !important; }
}
@media (min-width: 1024px) {
  #pf-zalety .zl-lista { column-gap: 5rem; margin-top: 4rem; }
  #pf-zalety .zl-lista .zl-poz { padding: 2.25rem 0 2.5rem; }
}
@media (min-width: 1280px) {
  #pf-zalety .zl-lista { column-gap: 6rem; }
}
#pf-zalety .zl-lista .zl-poz:last-child { padding-bottom: 0; }
@media (min-width: 768px) {
  #pf-zalety .zl-lista .zl-poz:nth-last-child(2):nth-child(odd) { padding-bottom: 0; }
}
#pf-zalety .zl-poz { --zl-k: 0; }
@media (min-width: 768px) {
  #pf-zalety .zl-poz:nth-child(even) { --zl-k: 1; }
}
#pf-zalety.zl-js .zl-lista .zl-poz::before { transform: scaleX(0); }
#pf-zalety.zl-js .zl-poz > * { opacity: 0; transform: translateY(14px); }
#pf-zalety.zl-js .zl-lista .zl-poz.pf-widoczne::before {
  transform: none;
  transition: transform 1.1s var(--pf-ease-out);
  transition-delay: calc(var(--zl-k) * 180ms);
}
#pf-zalety.zl-js .zl-poz.pf-widoczne > * {
  opacity: 1;
  transform: none;
  transition: opacity 0.6s var(--pf-ease), transform 0.8s var(--pf-ease-out);
  transition-delay: calc(var(--zl-k) * 180ms + 260ms);
}
#pf-zalety.zl-js .zl-poz.pf-widoczne > .zl-opis { transition-delay: calc(var(--zl-k) * 180ms + 340ms); }
#pf-zalety:not(.zl-js) .pf-nadtytul::after { transform: scaleX(1); transition: none; }
@media (prefers-contrast: more) {
  #pf-zalety .zl-poz .zl-opis { color: rgba(255, 255, 255, 0.9) !important; -webkit-text-fill-color: rgba(255, 255, 255, 0.9) !important; }
  #pf-zalety .zl-lista .zl-poz::before { background: rgba(255, 255, 255, 0.4); }
}
@media (prefers-reduced-motion: reduce) {
  #pf-zalety .zl-lista .zl-poz::before,
  #pf-zalety .zl-poz > * { opacity: 1 !important; transform: none !important; transition: none !important; }
}
@media (min-width: 768px) {
  #pf-zalety .zl-h2 { margin-top: 1.5rem; }
}
#pf-onas {
  background: var(--pf-biel);
  color: var(--pf-tekst);
  overflow-x: clip;
}
#pf-onas .on-h2 { margin: 1.25rem 0 0 !important; }
#pf-onas .on-siatka {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  margin-top: 2.5rem;
}
#pf-onas .on-foto {
  position: relative;
  min-width: 0;
  margin: 0;
  overflow: hidden;
  aspect-ratio: 4 / 3;
  background: var(--pf-mgla);
}
#pf-onas .on-foto img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: 50% 30%;
}
#pf-onas .on-kafel {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
  padding: 2.25rem 1.5rem 2.5rem;
  background: var(--pf-mgla);
}
#pf-onas .on-tresc {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  max-width: 34rem;
}
#pf-onas .on-kafel .on-h3 {
  margin: 0 !important;
  font-family: 'Space Grotesk', system-ui, sans-serif;
  font-size: 22px !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  letter-spacing: -0.02em !important;
  text-transform: none !important;
  color: var(--pf-naglowek) !important;
  -webkit-text-fill-color: var(--pf-naglowek) !important;
}
#pf-onas .on-kafel .on-akapit {
  margin: 1.125rem 0 0 !important;
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.7 !important;
  color: var(--pf-tekst) !important;
  -webkit-text-fill-color: var(--pf-tekst) !important;
  text-wrap: pretty;
}
#pf-onas .on-podpis {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin-top: 1.5rem;
}
#pf-onas .on-imie {
  font-family: 'Space Grotesk', system-ui, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: -0.015em;
  color: var(--pf-naglowek);
}
#pf-onas .on-adres {
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 15px;
  line-height: 1.5;
  color: var(--pf-tekst);
}
#pf-onas .on-razem { white-space: nowrap; }
#pf-onas .on-przycisk { margin-top: 1.75rem; }
#pf-onas .on-przycisk svg { flex: 0 0 auto; }
#pf-onas .on-przycisk:hover svg,
#pf-onas .on-przycisk:focus-visible svg { transform: translate(2px, -2px); }
@media (min-width: 640px) {
  #pf-onas .on-siatka { margin-top: 3rem; }
  #pf-onas .on-foto { aspect-ratio: 16 / 10; }
  #pf-onas .on-foto img { object-position: 50% 30%; }
  #pf-onas .on-kafel { padding: 3rem 2.75rem 3.25rem; }
  #pf-onas .on-kafel .on-h3 { font-size: 24px !important; }
  #pf-onas .on-kafel .on-akapit { font-size: 17px !important; line-height: 1.75 !important; }
}
@media (min-width: 1024px) {
  #pf-onas .on-siatka {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: clamp(3rem, 4.3vw, 3.875rem);
  }
  #pf-onas .on-siatka { aspect-ratio: 2.42 / 1; }
  #pf-onas .on-foto { aspect-ratio: auto; }
  #pf-onas .on-foto img { object-position: 50% 42%; }
  #pf-onas .on-kafel { padding: clamp(2.5rem, 3.6vw, 3.25rem); }
  #pf-onas .on-kafel .on-h3 { font-size: 24px !important; }
  #pf-onas .on-kafel .on-akapit { margin-top: 0.875rem !important; font-size: 16.5px !important; line-height: 1.7 !important; }
  #pf-onas .on-podpis { margin-top: 1.25rem; gap: 0.125rem; }
  #pf-onas .on-imie { font-size: 17px; }
  #pf-onas .on-przycisk { margin-top: 1.375rem; }
}
#pf-onas.on-js .on-foto,
#pf-onas.on-js .on-kafel { clip-path: inset(0 0 100% 0); }
#pf-onas.on-js .on-foto img { transform: scale(1.06); }
#pf-onas.on-js .on-tresc > * { opacity: 0; transform: translateY(14px); }
#pf-onas.on-js .on-siatka.pf-widoczne .on-foto {
  clip-path: inset(0);
  transition: clip-path 1.1s var(--pf-ease-out);
}
#pf-onas.on-js .on-siatka.pf-widoczne .on-kafel {
  clip-path: inset(0);
  transition: clip-path 1.1s var(--pf-ease-out) 0.2s;
}
#pf-onas.on-js .on-siatka.pf-widoczne .on-foto img {
  transform: none;
  transition: transform 2s var(--pf-ease);
}
#pf-onas.on-js .on-siatka.pf-widoczne .on-tresc > * {
  opacity: 1;
  transform: none;
  transition: opacity 0.7s var(--pf-ease), transform 0.7s var(--pf-ease);
  transition-delay: calc(0.5s + var(--on-i, 0) * 90ms);
}
#pf-onas .on-tresc > :nth-child(2) { --on-i: 1; }
#pf-onas .on-tresc > :nth-child(3) { --on-i: 2; }
#pf-onas .on-tresc > :nth-child(4) { --on-i: 3; }
#pf-onas .on-tresc > :nth-child(5) { --on-i: 4; }
@media (min-width: 1024px) {
  #pf-onas.on-js .on-foto { clip-path: inset(0 0 0 100%); }
  #pf-onas.on-js .on-kafel { clip-path: inset(0 100% 0 0); }
  #pf-onas.on-js .on-siatka.pf-widoczne .on-kafel { transition-delay: 0s; }
  #pf-onas.on-js .on-siatka.pf-widoczne .on-tresc > * { transition-delay: calc(0.45s + var(--on-i, 0) * 90ms); }
}
@media (prefers-reduced-motion: reduce) {
  #pf-onas.on-js .on-foto,
  #pf-onas.on-js .on-kafel,
  #pf-onas.on-js .on-siatka.pf-widoczne .on-foto,
  #pf-onas.on-js .on-siatka.pf-widoczne .on-kafel { clip-path: none !important; transition: none !important; }
  #pf-onas.on-js .on-foto img,
  #pf-onas.on-js .on-siatka.pf-widoczne .on-foto img,
  #pf-onas.on-js .on-tresc > *,
  #pf-onas.on-js .on-siatka.pf-widoczne .on-tresc > * { opacity: 1 !important; transform: none !important; transition: none !important; }
  #pf-onas .on-przycisk svg { transition: none; }
}
@media (min-width: 768px) {
  #pf-onas .on-h2 { margin-top: 1.5rem !important; }
}
@media (min-width: 1024px) {
  #pf-onas .on-siatka { margin-top: 4rem; }
}
#pf-wstep {
  --wst-kolo: 5.5rem;
  background: #ffffff;
  color: var(--pf-tekst);
  overflow-x: clip;
}
#pf-wstep .wst-h2 { margin: 1.25rem 0 0 !important; }
#pf-wstep .wst-tresc {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  row-gap: 3rem;
  margin-top: 2.25rem;
}
#pf-wstep .wst-bok { min-width: 0; }
#pf-wstep .wst-bok .wst-lead {
  margin: 0 !important;
  max-width: 34rem;
  font-size: 17px !important;
  line-height: 1.7 !important;
  color: var(--pf-tekst) !important;
  text-wrap: pretty;
}
#pf-wstep .wst-marka {
  display: flex;
  align-items: center;
  gap: 1.125rem;
  margin-top: 2.25rem;
}
#pf-wstep .wst-kolo {
  position: relative;
  flex: 0 0 var(--wst-kolo);
  width: var(--wst-kolo);
  height: var(--wst-kolo);
  border-radius: 50%;
  background: var(--pf-mgla);
}
#pf-wstep .wst-kolo .wst-sygnet {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  border-radius: 50%;
  max-width: none;
  height: auto;
  translate: -50% -50%;
}
#pf-wstep .wst-podpis { display: block; min-width: 0; }
#pf-wstep .wst-firma {
  display: block;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.35;
  letter-spacing: -0.01em;
  color: var(--pf-czern);
}
#pf-wstep .wst-miejsce {
  display: block;
  margin-top: 0.2rem;
  font-size: 14px;
  line-height: 1.5;
  color: var(--pf-tekst-2);
}
#pf-wstep .wst-czesc { white-space: nowrap; }
@media (max-width: 479px) {
  #pf-wstep .wst-sep { display: none; }
  #pf-wstep .wst-czesc { display: block; }
}
#pf-wstep .wst-lista {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  row-gap: 2.25rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
#pf-wstep .wst-lista .wst-punkt {
  min-width: 0;
  margin: 0;
  padding: 0;
  font-size: 16px !important;
  line-height: 1.65 !important;
  color: var(--pf-tekst);
}
#pf-wstep .wst-punkt .wst-tyt {
  margin: 0 !important;
  font-family: inherit;
  font-size: 1.25rem !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  letter-spacing: -0.015em !important;
  text-transform: none !important;
  color: var(--pf-naglowek) !important;
  -webkit-text-fill-color: var(--pf-naglowek) !important;
}
#pf-wstep .wst-punkt .wst-znak {
  display: inline-block;
  width: 7px;
  height: 7px;
  margin-right: 0.7rem;
  vertical-align: 0.2em;
  background: var(--pf-akcent);
}
#pf-wstep .wst-punkt .wst-nazwa {
  padding-bottom: 0.15em;
  background-image: linear-gradient(var(--pf-akcent), var(--pf-akcent));
  background-repeat: no-repeat;
  background-position: 0 100%;
  background-size: 0% 2px;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  transition: background-size 0.4s var(--pf-ease);
}
#pf-wstep .wst-punkt .wst-tekst {
  margin: 0.625rem 0 0 !important;
  max-width: 30rem;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.65 !important;
  color: var(--pf-tekst) !important;
  text-wrap: pretty;
}
@media (min-width: 768px) {
  #pf-wstep .wst-h2 { margin-top: 1.5rem !important; }
  #pf-wstep .wst-tresc { row-gap: 3.5rem; margin-top: 2.75rem; }
  #pf-wstep .wst-lista { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 3rem; row-gap: 2.75rem; }
}
@media (min-width: 1024px) {
  #pf-wstep .wst-tresc {
    grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
    column-gap: 3rem;
    align-items: start;
    margin-top: 3.5rem;
  }
  #pf-wstep .wst-bok .wst-lead { max-width: 26rem; }
  #pf-wstep .wst-marka { margin-top: 2.5rem; }
  #pf-wstep .wst-lista { column-gap: 2.5rem; row-gap: 3rem; }
}
@media (min-width: 1280px) {
  #pf-wstep .wst-tresc { column-gap: 4rem; }
  #pf-wstep .wst-lista { column-gap: 3rem; }
}
@media (hover: hover) and (pointer: fine) {
  #pf-wstep .wst-punkt:hover .wst-nazwa { background-size: 100% 2px; }
}
#pf-wstep.wst-js .wst-punkt { opacity: 0; transform: translateY(18px); }
#pf-wstep.wst-js .wst-punkt .wst-znak { transform: scale(0); }
#pf-wstep.wst-js .wst-lista.pf-widoczne .wst-punkt {
  opacity: 1;
  transform: none;
  transition: opacity 0.65s var(--pf-ease), transform 0.75s var(--pf-ease-out);
  transition-delay: calc(0.1s + var(--wst-i, 0) * 110ms);
}
#pf-wstep.wst-js .wst-lista.pf-widoczne .wst-punkt .wst-znak {
  animation: wst-pyk 0.55s var(--pf-ease) both;
  animation-delay: calc(0.45s + var(--wst-i, 0) * 110ms);
}
@keyframes wst-pyk {
  0% { transform: scale(0) rotate(-45deg); }
  60% { transform: scale(1.35) rotate(0deg); }
  100% { transform: scale(1) rotate(0deg); }
}
@media (prefers-contrast: more) {
  #pf-wstep .wst-miejsce { color: var(--pf-tekst); }
  #pf-wstep .wst-punkt .wst-tekst,
  #pf-wstep .wst-bok .wst-lead { color: #343434 !important; }
}
@media (prefers-reduced-motion: reduce) {
  #pf-wstep.wst-js .wst-punkt,
  #pf-wstep.wst-js .wst-lista.pf-widoczne .wst-punkt { opacity: 1 !important; transform: none !important; transition: none !important; }
  #pf-wstep.wst-js .wst-punkt .wst-znak,
  #pf-wstep.wst-js .wst-lista.pf-widoczne .wst-punkt .wst-znak { transform: none !important; animation: none !important; }
  #pf-wstep .wst-punkt .wst-nazwa { transition: none !important; }
}
@media (min-width: 1024px) { #pf-wstep .wst-h2 { white-space: nowrap; } }
#pf-opinie {
  --op-linia: rgba(255, 255, 255, 0.22);
  --op-zolty: #B08A4E;
  position: relative;
  isolation: isolate;
  overflow-x: clip;
  background: var(--pf-czern);
  color: #ffffff;
}
#pf-opinie::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  background: url("../img/dce120aa3ce1.webp") center center / cover no-repeat var(--pf-grafit);
}
#pf-opinie::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: rgba(18, 18, 18, 0.92);
}
#pf-opinie > .pf-kontener { padding-top: var(--sekcja) !important; padding-bottom: var(--sekcja) !important; }
#pf-opinie .op-glowa { display: grid; grid-template-columns: minmax(0, 1fr); row-gap: 2rem; }
#pf-opinie .op-naglowek { min-width: 0; }
#pf-opinie .op-h2 { margin: 1.5rem 0 0 !important; }
#pf-opinie .op-ocena {
  justify-self: start;
  min-width: 0;
  font-family: 'Inter', system-ui, sans-serif;
}
#pf-opinie .op-ocena-gora {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
  column-gap: 1.25rem;
  row-gap: 0.5rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid var(--op-linia);
}
#pf-opinie .op-wynik {
  display: flex;
  align-items: baseline;
  gap: 0.5rem;
  font-family: 'Space Grotesk', system-ui, sans-serif;
  color: #ffffff;
}
#pf-opinie .op-liczba {
  display: block;
  font-size: 3.5rem;
  font-weight: 600;
  line-height: 0.82;
  letter-spacing: -0.045em;
  white-space: nowrap;
}
#pf-opinie .op-max {
  display: block;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;
  color: rgba(255, 255, 255, 0.6);
}
#pf-opinie .op-gwiazdy { display: flex; gap: 3px; padding-bottom: 2px; }
#pf-opinie .op-gwiazdy svg,
#pf-opinie .op-gw svg { display: block; flex: 0 0 auto; fill: var(--op-zolty); }
#pf-opinie .op-gwiazdy svg { width: 20px; height: 20px; }
#pf-opinie .op-profil {
  display: inline-flex;
  align-items: center;
  gap: 0.625rem;
  margin-top: 1rem;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.4;
  color: #ffffff;
  text-decoration: none;
}
#pf-opinie .op-profil .op-g { display: block; flex: 0 0 auto; width: 18px; height: 18px; }
#pf-opinie .op-profil-tekst {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 5px;
  text-decoration-color: rgba(255, 255, 255, 0.4);
  transition: text-decoration-color 0.3s var(--pf-ease);
}
#pf-opinie .op-strzalka {
  display: block;
  flex: 0 0 auto;
  width: 16px;
  height: 16px;
  color: rgba(255, 255, 255, 0.7);
  transition: color 0.3s var(--pf-ease), transform 0.3s var(--pf-ease);
}
@media (hover: hover) and (pointer: fine) {
  #pf-opinie .op-profil:hover .op-profil-tekst { text-decoration-color: var(--pf-akcent); }
  #pf-opinie .op-profil:hover .op-strzalka { color: #ffffff; transform: translate(2px, -2px); }
}
#pf-opinie .op-profil:focus-visible { outline: 2px solid var(--pf-akcent); outline-offset: 4px; }
#pf-opinie .op-profil:focus-visible .op-profil-tekst { text-decoration-color: var(--pf-akcent); }
#pf-opinie .op-sr {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
#pf-opinie .op-pasek {
  position: relative;
  margin-top: 2.5rem;
  border: 1px solid var(--op-linia);
}
#pf-opinie .op-lista {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  margin: 0;
  padding: 0;
  list-style: none;
}
#pf-opinie .op-lista .op-el {
  display: flex;
  min-width: 0;
  margin: 0;
  padding: 0;
  font-size: 16px !important;
  line-height: 1.6 !important;
  transition: background-color 0.6s var(--pf-ease);
}
#pf-opinie .op-lista .op-el::before,
#pf-opinie .op-lista .op-el::marker { content: none; }
#pf-opinie .op-lista .op-el + .op-el { border-top: 1px solid var(--op-linia); }
#pf-opinie .op-pole {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 1.5rem 1.375rem 1.375rem;
  font-family: 'Inter', system-ui, sans-serif;
}
#pf-opinie .op-cudzyslow {
  display: block;
  height: 1.125rem;
  overflow: visible;
  font-family: 'Space Grotesk', system-ui, sans-serif;
  font-size: 2.75rem;
  font-weight: 600;
  line-height: 0.9;
  color: var(--pf-akcent);
  -webkit-text-fill-color: var(--pf-akcent);
}
#pf-opinie .op-cytat { margin: 0.875rem 0 1.25rem; padding: 0; border: 0; quotes: none; }
#pf-opinie .op-cytat p {
  margin: 0 !important;
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.7 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-wrap: pretty;
}
#pf-opinie .op-stopka {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-top: auto;
  padding-top: 1rem;
  border-top: 1px solid rgba(255, 255, 255, 0.14);
}
#pf-opinie .op-kto { display: block; min-width: 0; }
#pf-opinie .op-imie {
  display: block;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.35;
  color: #ffffff;
}
#pf-opinie .op-zrodlo {
  display: block;
  margin-top: 0.125rem;
  font-size: 13px;
  line-height: 1.4;
  color: rgba(255, 255, 255, 0.6);
}
#pf-opinie .op-gw { display: flex; gap: 2px; flex: 0 0 auto; }
#pf-opinie .op-gw svg { width: 13px; height: 13px; }
#pf-opinie .op-wskaznik {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 2px;
  background: var(--pf-akcent);
  opacity: 0;
  pointer-events: none;
  transform-origin: left center;
  will-change: transform;
}
@media (min-width: 640px) {
  #pf-opinie .op-pasek { margin-top: 3rem; }
  #pf-opinie .op-pole {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 11.5rem;
    grid-template-rows: auto 1fr;
    column-gap: 2.5rem;
    padding: 1.75rem 2rem 1.875rem;
  }
  #pf-opinie .op-cudzyslow { grid-column: 1; grid-row: 1; }
  #pf-opinie .op-cytat { grid-column: 1; grid-row: 2; margin: 0.875rem 0 0; }
  #pf-opinie .op-stopka {
    grid-column: 2;
    grid-row: 1 / span 2;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 0.625rem;
    margin-top: 0;
    padding: 0.125rem 0 0 1.5rem;
    border-top: 0;
    border-left: 1px solid rgba(255, 255, 255, 0.14);
  }
}
@media (min-width: 1024px) {
  #pf-opinie .op-glowa { grid-template-columns: minmax(0, 1fr) auto; column-gap: 3rem; align-items: end; }
  #pf-opinie .op-h2 { white-space: nowrap; }
  #pf-opinie .op-ocena { justify-self: end; }
  #pf-opinie .op-liczba { font-size: 4rem; }
  #pf-opinie .op-pasek { margin-top: 4rem; }
  #pf-opinie .op-lista { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  #pf-opinie .op-lista .op-el + .op-el { border-top: 0; border-left: 1px solid var(--op-linia); }
  #pf-opinie .op-pole {
    display: flex;
    flex-direction: column;
    padding: 1.875rem 1.75rem 1.625rem;
  }
  #pf-opinie .op-cytat { margin: 0.875rem 0 1.5rem; }
  #pf-opinie .op-cytat p { font-size: 15px !important; line-height: 1.65 !important; }
  #pf-opinie .op-stopka {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-top: auto;
    padding: 1rem 0 0;
    border-left: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.14);
  }
}
@media (min-width: 1280px) {
  #pf-opinie .op-pole { padding: 2rem 2.25rem 1.75rem; }
  #pf-opinie .op-cytat p { font-size: 16px !important; line-height: 1.7 !important; }
}
#pf-opinie.op-ruch .op-lista .op-el.op-aktywne { background-color: rgba(255, 255, 255, 0.06); }
#pf-opinie.op-ruch .op-wskaznik.op-jest { opacity: 1; transition: opacity 0.5s var(--pf-ease); }
#pf-opinie.op-ruch .op-wskaznik.op-jedzie { transition: opacity 0.5s var(--pf-ease), transform 0.85s var(--pf-ease-out), width 0.85s var(--pf-ease-out), height 0.85s var(--pf-ease-out); }
#pf-opinie.op-ruch .op-lista .op-el > .op-pole { opacity: 0; transform: translateY(18px); }
#pf-opinie.op-ruch .op-pasek.pf-widoczne .op-el > .op-pole {
  opacity: 1;
  transform: none;
  transition: opacity 0.7s var(--pf-ease), transform 0.8s var(--pf-ease-out);
  transition-delay: calc(var(--op-i, 0) * 140ms);
}
#pf-opinie.op-awaryjnie .op-lista .op-el > .op-pole { opacity: 1; transform: none; }
#pf-opinie:not(.op-ruch) .pf-nadtytul::after,
#pf-opinie.op-awaryjnie .pf-nadtytul::after { transform: scaleX(1); }
@media (prefers-contrast: more) {
  #pf-opinie .op-zrodlo,
  #pf-opinie .op-max { color: #ffffff; }
}
@media (prefers-reduced-motion: reduce) {
  #pf-opinie .op-lista .op-el > .op-pole,
  #pf-opinie.op-ruch .op-lista .op-el > .op-pole,
  #pf-opinie.op-ruch .op-pasek.pf-widoczne .op-el > .op-pole { opacity: 1 !important; transform: none !important; transition: none !important; }
  #pf-opinie .op-wskaznik { display: none !important; }
  #pf-opinie .op-lista .op-el,
  #pf-opinie .op-profil-tekst,
  #pf-opinie .op-strzalka { transition: none !important; }
  #pf-opinie .op-profil:hover .op-strzalka { transform: none; }
}
@media (min-width: 1024px) {
  #pf-opinie .op-lista .op-el:nth-child(3n+1) { border-left: 0; }
  #pf-opinie .op-lista .op-el:nth-child(n+4) { border-top: 1px solid var(--op-linia); }
}
#pf-opinie .op-wskaznik { display: none !important; }
#pf-opinie .op-lista .op-el { position: relative; }
#pf-opinie .op-lista .op-el::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 2px;
  background: var(--pf-akcent);
  opacity: 0;
  transition: opacity 0.5s var(--pf-ease);
  pointer-events: none;
}
#pf-opinie.op-ruch .op-lista .op-el.op-aktywne::after { opacity: 1; }
@media (prefers-reduced-motion: reduce) {
  #pf-opinie .op-lista .op-el::after { transition: none; }
}
#pf-pytania { position: relative; background: #ffffff; color: var(--pf-tekst); }
#pf-pytania .pt-h2 { margin: 1.25rem 0 0; }
#pf-pytania .pt-lista { margin-top: 3rem; border-top: 1px solid var(--pf-linia); }
#pf-pytania .pt-poz {
  position: relative;
  border-bottom: 1px solid var(--pf-linia);
  background: var(--pf-mgla);
  transition: background-color 0.35s ease;
}
#pf-pytania .pt-poz .pt-naglowek {
  margin: 0 !important;
  padding: 0 !important;
  font-size: inherit !important;
  line-height: inherit !important;
  letter-spacing: normal !important;
  text-transform: none !important;
}
#pf-pytania .pt-przycisk {
  display: grid;
  grid-template-columns: 2.75rem minmax(0, 1fr) auto;
  align-items: center;
  column-gap: 0.75rem;
  width: 100%;
  min-height: 88px;
  margin: 0;
  padding: 16px !important;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  text-align: left;
  cursor: pointer;
  color: inherit;
  font: inherit;
}
#pf-pytania .pt-przycisk:focus-visible { outline: 2px solid var(--pf-czern); outline-offset: -2px; }
#pf-pytania .pt-nr {
  font-family: 'Space Grotesk', system-ui, sans-serif;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.02em;
  font-variant-numeric: tabular-nums;
  color: var(--pf-tekst-2);
  transition: color 0.3s ease;
}
#pf-pytania .pt-tekst {
  padding-right: 1rem;
  font-family: 'Space Grotesk', system-ui, sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: -0.01em;
  color: var(--pf-czern);
  transition: color 0.3s ease;
}
#pf-pytania .pt-znak {
  position: relative;
  flex: none;
  width: 44px;
  height: 44px;
  border: 1px solid var(--pf-czern);
  background: transparent;
  transition: transform 0.4s var(--pf-ease), background-color 0.3s ease, border-color 0.3s ease;
}
#pf-pytania .pt-znak::before,
#pf-pytania .pt-znak::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 14px;
  height: 1.5px;
  background: var(--pf-czern);
  transform: translate(-50%, -50%);
  transition: background-color 0.3s ease;
}
#pf-pytania .pt-znak::after { transform: translate(-50%, -50%) rotate(90deg); }
#pf-pytania .pt-odp {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.45s var(--pf-ease);
}
#pf-pytania .pt-odp-in { min-height: 0; overflow: hidden; }
#pf-pytania .pt-odp p {
  max-width: 36rem;
  margin: 0 !important;
  padding: 16px 16px 28px 16px !important;
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.75 !important;
  color: rgba(255, 255, 255, 0.84) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.84) !important;
  text-wrap: pretty;
}
#pf-pytania .pt-poz.pt-otwarte { background: var(--pf-czern); border-bottom-color: var(--pf-czern); box-shadow: inset 3px 0 0 var(--pf-akcent); }
#pf-pytania .pt-otwarte .pt-nr { color: var(--pf-akcent); }
#pf-pytania .pt-otwarte .pt-tekst { color: #ffffff; }
#pf-pytania .pt-otwarte .pt-znak { background: var(--pf-akcent); border-color: var(--pf-akcent); transform: rotate(45deg); }
#pf-pytania .pt-otwarte .pt-znak::before,
#pf-pytania .pt-otwarte .pt-znak::after { background: #ffffff; }
#pf-pytania .pt-otwarte .pt-odp { grid-template-rows: 1fr; }
#pf-pytania .pt-poz:has(+ .pt-otwarte) { border-bottom-color: transparent; }
@media (hover: hover) and (pointer: fine) {
  #pf-pytania .pt-poz:not(.pt-otwarte):hover { background: color-mix(in srgb, var(--pf-mgla), #000 4%); }
  #pf-pytania .pt-poz:not(.pt-otwarte) .pt-przycisk:hover .pt-znak { background: var(--pf-czern); }
  #pf-pytania .pt-poz:not(.pt-otwarte) .pt-przycisk:hover .pt-znak::before,
  #pf-pytania .pt-poz:not(.pt-otwarte) .pt-przycisk:hover .pt-znak::after { background: #ffffff; }
}
@media (min-width: 640px) {
  #pf-pytania .pt-lista { margin-top: 4rem; }
  #pf-pytania .pt-przycisk { grid-template-columns: 4.5rem minmax(0, 1fr) auto; column-gap: 0; min-height: 100px; padding: 20px 24px !important; }
  #pf-pytania .pt-nr { font-size: 14px; }
  #pf-pytania .pt-tekst { padding-right: 2rem; font-size: 20px; }
  #pf-pytania .pt-znak { width: 52px; height: 52px; }
  #pf-pytania .pt-odp p { max-width: calc(4.5rem + 24px + 34rem); padding: 14px 24px 40px calc(24px + 4.5rem) !important; font-size: 16px !important; }
}
@media (min-width: 1024px) {
  #pf-pytania .pt-przycisk { grid-template-columns: 5.75rem minmax(0, 1fr) auto; min-height: 112px; padding: 20px 32px !important; }
  #pf-pytania .pt-tekst { font-size: 22px; }
  #pf-pytania .pt-znak { width: 56px; height: 56px; }
  #pf-pytania .pt-odp p { max-width: calc(5.75rem + 32px + 34rem); padding: 16px 32px 44px calc(32px + 5.75rem) !important; }
}
#pf-pytania:not(.pt-js) .pf-wjazd,
#pf-pytania.pt-awaryjnie .pf-wjazd { opacity: 1; transform: none; }
#pf-pytania:not(.pt-js) .pf-nadtytul::after,
#pf-pytania.pt-awaryjnie .pf-nadtytul::after { transform: scaleX(1); }
@media (prefers-reduced-motion: reduce) {
  #pf-pytania .pt-poz, #pf-pytania .pt-nr, #pf-pytania .pt-tekst, #pf-pytania .pt-znak,
  #pf-pytania .pt-znak::before, #pf-pytania .pt-znak::after, #pf-pytania .pt-odp { transition: none !important; }
}
@media (min-width: 768px) {
  #pf-pytania .pt-h2 { margin-top: 1.5rem; }
}
#pf-poradnik {
  --bl-linia: var(--pf-linia);
  --bl-zaslona-czas: 0.45s;
  --bl-zaslona-krzywa: cubic-bezier(0.7, 0, 0.3, 1);
  background: var(--pf-biel);
  color: var(--pf-tekst);
  overflow-x: clip;
}
#pf-poradnik .bl-glowa {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1.5rem 2.5rem;
}
#pf-poradnik .bl-glowa-tytul { min-width: 0; max-width: 100%; }
#pf-poradnik .bl-h2 { margin: 1.25rem 0 0; }
@media (max-width: 639.98px) {
  main #pf-poradnik .bl-h2 { font-size: min(2.4rem, calc((100vw - 3rem) / 9.4)) !important; }
}
#pf-poradnik .bl-akcja { flex: 0 0 auto; }
#pf-poradnik .bl-siatka {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  row-gap: 2.75rem;
  margin-top: 2.5rem;
}
#pf-poradnik .bl-wyrozniony {
  display: flex;
  flex-direction: column;
  min-width: 0;
  color: inherit;
  text-decoration: none;
}
#pf-poradnik .bl-foto {
  position: relative;
  display: block;
  flex: 0 0 auto;
  aspect-ratio: 16 / 10;
  overflow: hidden;
  background: var(--pf-mgla);
}
#pf-poradnik .bl-zdjecie {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: center;
  opacity: 0;
  transition: transform 1.2s cubic-bezier(0.2, 0.7, 0.2, 1);
}
#pf-poradnik .bl-zdjecie.bl-akt { opacity: 1; }
#pf-poradnik .bl-zdjecie--c { object-position: 78% 50%; }
#pf-poradnik .bl-zdjecie--d { object-position: 65% 50%; }
@media (hover: hover) and (pointer: fine) {
  #pf-poradnik .bl-wyrozniony:hover .bl-zdjecie.bl-akt { transform: scale(1.04); }
}
#pf-poradnik .bl-wyrozniony:focus-visible { outline-offset: 4px; }
#pf-poradnik .bl-zaslona {
  position: absolute;
  inset: 0;
  z-index: 2;
  background: var(--pf-czern);
  transform: scaleX(0);
  transform-origin: left center;
  pointer-events: none;
}
#pf-poradnik .bl-zaslona.bl-jedzie {
  transform: scaleX(1);
  transition: transform var(--bl-zaslona-czas) var(--bl-zaslona-krzywa);
}
#pf-poradnik .bl-zaslona.bl-zawraca {
  transform: scaleX(1);
  transform-origin: right center;
  transition: transform var(--bl-zaslona-czas) var(--bl-zaslona-krzywa);
}
#pf-poradnik .bl-zaslona.bl-wraca {
  transform: scaleX(0);
  transform-origin: right center;
  transition: transform var(--bl-zaslona-czas) var(--bl-zaslona-krzywa);
}
#pf-poradnik .bl-opisy {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  margin-top: 1.25rem;
}
#pf-poradnik .bl-opis {
  grid-area: 1 / 1;
  min-width: 0;
  visibility: hidden;
}
#pf-poradnik .bl-opis.bl-akt { visibility: visible; }
#pf-poradnik .bl-opis > * {
  transition: opacity 0.35s ease, transform 0.35s ease;
}
#pf-poradnik .bl-opis .bl-zajawka { transition-delay: 0.05s; }
#pf-poradnik .bl-opisy.bl-zmiana .bl-opis > * { opacity: 0; transform: translateY(8px); }
#pf-poradnik .bl-kat {
  display: block;
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--pf-akcent);
}
#pf-poradnik .bl-opis .bl-tytul {
  margin: 0.875rem 0 0 !important;
  font-family: 'Space Grotesk', system-ui, sans-serif;
  font-size: clamp(1.5rem, 2.5vw, 1.875rem) !important;
  font-weight: 600 !important;
  line-height: 1.15 !important;
  letter-spacing: -0.02em !important;
  text-transform: none !important;
  color: var(--pf-naglowek) !important;
  -webkit-text-fill-color: var(--pf-naglowek) !important;
  text-wrap: pretty;
}
#pf-poradnik .bl-opis .bl-zajawka {
  margin: 0.875rem 0 0 !important;
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.6 !important;
  color: var(--pf-tekst) !important;
  -webkit-text-fill-color: var(--pf-tekst) !important;
  text-wrap: pretty;
}
#pf-poradnik .bl-spis { position: relative; min-width: 0; }
#pf-poradnik .bl-marker {
  position: absolute;
  left: -22px;
  top: 8px;
  display: none;
  width: 8px;
  height: 8px;
  background: var(--pf-akcent);
  transition: top 0.5s cubic-bezier(0.2, 0.7, 0.2, 1), opacity 0.7s var(--pf-ease) 0.33s, transform 0.7s var(--pf-ease) 0.33s;
}
#pf-poradnik .bl-lista {
  margin: 0;
  padding: 0;
  list-style: none;
}
#pf-poradnik .bl-lista .bl-poz {
  position: relative;
  display: block;
  min-width: 0;
  margin: 0;
  padding: 0;
  border-top: 1px solid var(--bl-linia);
  font-size: 16px !important;
  line-height: 1.5 !important;
}
#pf-poradnik .bl-lista .bl-poz::before,
#pf-poradnik .bl-lista .bl-poz::marker { content: none; }
#pf-poradnik .bl-lista .bl-poz.bl-akt { display: none; }
#pf-poradnik .bl-link {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr);
  column-gap: 14px;
  align-items: baseline;
  padding: 1.25rem 0;
  color: inherit;
  text-decoration: none;
}
#pf-poradnik .bl-link:focus-visible { outline-offset: 2px; }
#pf-poradnik .bl-nr {
  font-family: 'Space Grotesk', system-ui, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 18px;
  letter-spacing: 0.04em;
  color: var(--pf-tekst-2);
  transition: color 0.3s ease;
}
#pf-poradnik .bl-tresc {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
}
#pf-poradnik .bl-tytul-m {
  display: block;
  font-family: 'Space Grotesk', system-ui, sans-serif;
  font-size: clamp(18px, 1.7vw, 21px);
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: -0.015em;
  color: var(--pf-naglowek);
  text-wrap: pretty;
  transition: transform 0.5s cubic-bezier(0.2, 0.7, 0.2, 1);
}
#pf-poradnik .bl-opis-m {
  display: none;
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
  color: var(--pf-tekst);
  text-wrap: pretty;
  transition: transform 0.5s cubic-bezier(0.2, 0.7, 0.2, 1);
}
#pf-poradnik .bl-poz.bl-akt .bl-nr { color: var(--pf-akcent); }
#pf-poradnik .bl-poz.bl-akt .bl-tytul-m,
#pf-poradnik .bl-poz.bl-akt .bl-opis-m { transform: translateX(6px); }
@media (min-width: 640px) {
  #pf-poradnik .bl-opis-m { display: block; }
  #pf-poradnik .bl-link { grid-template-columns: 44px minmax(0, 1fr); column-gap: 18px; padding: 22px 0; }
  #pf-poradnik .bl-siatka { margin-top: 3rem; }
}
@media (min-width: 1024px) {
  #pf-poradnik .bl-siatka {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: clamp(40px, 18.75vw - 152px, 64px);
    align-items: stretch;
    margin-top: 48px;
  }
  #pf-poradnik .bl-foto { aspect-ratio: 520 / 403; }
  #pf-poradnik .bl-opisy { margin-top: 28px; }
  #pf-poradnik .bl-opis .bl-tytul {
    margin-top: 24px !important;
    font-size: clamp(26px, 3.125vw - 6px, 30px) !important;
  }
  #pf-poradnik .bl-opis .bl-zajawka { margin-top: 24px !important; }
  #pf-poradnik .bl-marker { display: block; }
  #pf-poradnik .bl-spis { display: flex; flex-direction: column; }
  #pf-poradnik .bl-lista { flex: 1 1 auto; display: grid; grid-auto-rows: 1fr; }
  #pf-poradnik .bl-lista .bl-poz,
  #pf-poradnik .bl-lista .bl-poz.bl-akt { display: flex; flex-direction: column; }
  #pf-poradnik .bl-link {
    flex: 1 1 auto;
    grid-template-columns: clamp(48px, 9.375vw - 48px, 60px) minmax(0, 1fr);
    column-gap: 0;
    align-content: center;
    padding: 16px 0;
  }
  #pf-poradnik .bl-tytul-m { font-size: clamp(18px, 2.34375vw - 6px, 21px); }
}
#pf-poradnik:not(.bl-js) .pf-wjazd,
#pf-poradnik.bl-awaryjnie .pf-wjazd { opacity: 1; transform: none; }
#pf-poradnik:not(.bl-js) .pf-nadtytul::after,
#pf-poradnik.bl-awaryjnie .pf-nadtytul::after { transform: scaleX(1); }
@media (prefers-reduced-motion: reduce) {
  #pf-poradnik .pf-wjazd { opacity: 1 !important; transform: none !important; transition: none !important; }
  #pf-poradnik .bl-zaslona { display: none !important; }
  #pf-poradnik .bl-opis > *,
  #pf-poradnik .bl-nr,
  #pf-poradnik .bl-tytul-m,
  #pf-poradnik .bl-opis-m,
  #pf-poradnik .bl-marker,
  #pf-poradnik .bl-zdjecie { transition: none !important; }
  #pf-poradnik .bl-opisy.bl-zmiana .bl-opis > * { opacity: 1; transform: none; }
  #pf-poradnik .bl-wyrozniony:hover .bl-zdjecie.bl-akt { transform: none; }
}
@media (min-width: 1024px) and (max-width: 1279.98px) {
  #pf-poradnik .bl-lista .bl-opis-m { font-size: 15px !important; }
  html body #pf-poradnik .bl-opisy .bl-opis .bl-tytul { font-size: 22px !important; }
}
@media (min-width: 1280px) {
  #pf-poradnik .bl-lista .bl-opis-m { font-size: 14.5px !important; letter-spacing: -0.005em; white-space: nowrap; }
}
@media (min-width: 1024px) {
  html body #pf-poradnik .bl-opisy .bl-opis .bl-tytul { font-size: 24px !important; line-height: 1.2 !important; }
}
@media (min-width: 1024px) {
  #pf-poradnik .bl-siatka {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: repeat(4, auto);
    row-gap: 0;
    align-items: stretch;
  }
  #pf-poradnik .bl-wyrozniony {
    grid-column: 1;
    grid-row: 1 / span 4;
    display: grid;
    grid-template-rows: subgrid;
    height: auto;
  }
  #pf-poradnik .bl-foto { grid-row: 1 / span 3; aspect-ratio: auto; height: 100%; min-height: 0; }
  #pf-poradnik .bl-opisy {
    grid-row: 4;
    margin-top: 0 !important;
    padding-top: 17px;   
    border-top: 1px solid transparent;
  }
  #pf-poradnik .bl-spis { grid-column: 2; grid-row: 1 / span 4; display: grid; grid-template-rows: subgrid; }
  #pf-poradnik .bl-lista { grid-row: 1 / span 4; display: grid; grid-template-rows: subgrid; grid-auto-rows: auto; }
  #pf-poradnik .bl-lista .bl-poz,
  #pf-poradnik .bl-lista .bl-poz.bl-akt { display: flex; flex-direction: column; }
  #pf-poradnik .bl-link { align-content: start; }
  #pf-poradnik .bl-lista .bl-poz:last-child .bl-link { padding-bottom: 0; }
  #pf-poradnik .bl-opis { display: flex; flex-direction: column; gap: 8px; }
  html body #pf-poradnik .bl-opisy .bl-opis .bl-tytul {
    margin: 0 !important;
    font-size: clamp(18px, 2.34375vw - 6px, 21px) !important;
    line-height: 1.3 !important;
    letter-spacing: -0.015em !important;
  }
  html body #pf-poradnik .bl-opisy .bl-opis .bl-zajawka {
    margin: 0 !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
  }
}
@media (min-width: 1280px) {
  html body #pf-poradnik .bl-opisy .bl-opis .bl-zajawka { font-size: 14.5px !important; letter-spacing: -0.005em; white-space: nowrap; }
}
@media (min-width: 1024px) and (max-width: 1279.98px) {
  html body #pf-poradnik .bl-opisy .bl-opis .bl-zajawka,
  html body #pf-poradnik .bl-lista .bl-opis-m { font-size: 14px !important; white-space: nowrap; }
}
@media (min-width: 768px) {
  #pf-poradnik .bl-h2 { margin-top: 1.5rem; }
}
@media (min-width: 1024px) {
  #pf-poradnik .bl-siatka { margin-top: 56px; }
}
#pf-cta {
  position: relative;
  isolation: isolate;
  overflow-x: clip;
  background: var(--pf-czern);
  color: #ffffff;
}
#pf-cta::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  background: url("../img/8236086470c0.webp") center center / cover no-repeat var(--pf-grafit);
}
#pf-cta::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: rgba(18, 18, 18, 0.90);
}
#pf-cta > .pf-kontener { padding-top: var(--sekcja) !important; padding-bottom: var(--sekcja) !important; }
#pf-cta .ct-uklad { display: grid; grid-template-columns: minmax(0, 1fr); row-gap: 2.75rem; }
#pf-cta .ct-tresc { min-width: 0; container-type: inline-size; }
#pf-cta .ct-h2 {
  max-width: 32.5rem;
  margin: 0 !important;
  font-size: 2.125rem !important;
  font-size: clamp(1.875rem, 10.4cqi, 3.75rem) !important;
  line-height: 1.12 !important;
  text-wrap: balance;
}
#pf-cta .ct-akcja { display: grid; grid-template-columns: minmax(0, 1fr); margin-top: 1.75rem; }
#pf-cta .ct-przycisk svg { flex: 0 0 auto; display: block; }
#pf-cta .ct-przycisk:hover svg { transform: none; }
#pf-cta .ct-liczby {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  row-gap: 2rem;
  margin: 0;
  padding: 0;
}
#pf-cta .ct-poz {
  position: relative;
  min-width: 0;
  padding: 0 0 0 22px;
}
#pf-cta .ct-poz::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 2px;
  background: var(--pf-akcent);
  transform-origin: center top;
}
#pf-cta .ct-liczba {
  display: block;
  margin: 0;
  font-family: 'Space Grotesk', system-ui, sans-serif;
  font-size: 3rem;
  font-size: clamp(3rem, 5vw, 4.5rem);
  font-weight: 600;
  line-height: 1;
  letter-spacing: -0.03em;
  white-space: nowrap;
  color: #ffffff;
}
#pf-cta .ct-podpis {
  display: block;
  margin: 2px 0 0;
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.78);
}
#pf-cta .ct-wiersz { display: block; }
@media (min-width: 560px) {
  #pf-cta .ct-akcja { display: flex; }
  #pf-cta .ct-liczby { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 35px; max-width: 32.5rem; }
  #pf-cta .ct-podpis { white-space: nowrap; }
}
@media (min-width: 640px) {
  #pf-cta .ct-uklad { row-gap: 3.5rem; }
  #pf-cta .ct-akcja { margin-top: 36px; }
}
@media (min-width: 1024px) {
  #pf-cta > .pf-kontener { padding-top: 103px !important; padding-bottom: 107px !important; }
  #pf-cta .ct-tresc { padding-bottom: 6px; }
  #pf-cta .ct-uklad {
    grid-template-columns: minmax(0, 520fr) minmax(0, 519fr);
    column-gap: 65px;
    column-gap: clamp(40px, 4.514vw, 65px);
    align-items: center;
  }
  #pf-cta .ct-h2 { max-width: none; font-size: 2.5rem !important; font-size: min(3.75rem, 11.54cqi) !important; }
  #pf-cta .ct-liczby { max-width: none; column-gap: 35px; column-gap: clamp(20px, 2.431vw, 35px); }
}
#pf-cta.ct-js .ct-poz::before {
  transform: scaleY(0);
  transition: transform 0.3s var(--pf-ease);
}
#pf-cta.ct-js .ct-liczba,
#pf-cta.ct-js .ct-podpis {
  opacity: 0;
  transform: translateY(14px);
  transition: opacity 0.3s var(--pf-ease), transform 0.3s var(--pf-ease);
}
#pf-cta.ct-js .ct-liczby.pf-widoczne .ct-poz::before {
  transform: scaleY(1);
  transition: transform 0.9s var(--pf-ease-out);
  transition-delay: calc(0.1s + var(--ct-i, 0) * 160ms);
}
#pf-cta.ct-js .ct-liczby.pf-widoczne .ct-liczba,
#pf-cta.ct-js .ct-liczby.pf-widoczne .ct-podpis {
  opacity: 1;
  transform: none;
  transition: opacity 0.7s var(--pf-ease), transform 0.8s var(--pf-ease-out);
}
#pf-cta.ct-js .ct-liczby.pf-widoczne .ct-liczba { transition-delay: calc(0.3s + var(--ct-i, 0) * 160ms); }
#pf-cta.ct-js .ct-liczby.pf-widoczne .ct-podpis { transition-delay: calc(0.42s + var(--ct-i, 0) * 160ms); }
@media (prefers-contrast: more) {
  #pf-cta .ct-podpis { color: #ffffff; }
}
@media (prefers-reduced-motion: reduce) {
  #pf-cta .ct-poz::before,
  #pf-cta.ct-js .ct-poz::before,
  #pf-cta.ct-js .ct-liczby.pf-widoczne .ct-poz::before { transform: none !important; transition: none !important; }
  #pf-cta.ct-js .ct-liczba,
  #pf-cta.ct-js .ct-podpis,
  #pf-cta.ct-js .ct-liczby.pf-widoczne .ct-liczba,
  #pf-cta.ct-js .ct-liczby.pf-widoczne .ct-podpis { opacity: 1 !important; transform: none !important; transition: none !important; }
}
#pf-kontakt { background: #ffffff; }
#pf-kontakt .kon-uklad { display: grid; grid-template-columns: minmax(0, 1fr); gap: 3.5rem; }
#pf-kontakt .kon-h2 { margin: 1.5rem 0 0 !important; }
#pf-kontakt .kon-wstep { margin-top: 1.75rem; max-width: 32rem; }
#pf-kontakt .kon-dane { margin: 2.5rem 0 0; padding: 0; list-style: none; display: grid; gap: 1.25rem; }
#pf-kontakt .kon-dane li {
  display: flex;
  align-items: center;
  gap: 0.9rem;
  font-size: 16px !important;
  line-height: 1.5 !important;
  color: var(--pf-czern);
}
#pf-kontakt .kon-dane a { color: inherit; text-decoration: none; }
#pf-kontakt .kon-dane a:hover, #pf-kontakt .kon-dane a:focus-visible { color: var(--pf-akcent); }
#pf-kontakt .kon-ikona { display: inline-flex; flex: 0 0 auto; color: var(--pf-czern); }
#pf-kontakt .kon-para { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1.25rem; }
#pf-kontakt .kon-pole { margin: 0 0 1.25rem; display: block; }
#pf-kontakt .kon-para .kon-pole { margin-bottom: 0; }
#pf-kontakt label {
  display: block;
  margin-bottom: 0.6rem;
  font-size: 14px;
  font-weight: 600;
  color: var(--pf-czern);
}
#pf-kontakt .kon-wymagane { color: var(--pf-akcent); }
#pf-kontakt input[type="text"],
#pf-kontakt input[type="email"],
#pf-kontakt input[type="tel"],
#pf-kontakt textarea {
  width: 100%;
  padding: 0.9rem 1rem;
  border: 1px solid #DCD2C2;
  border-radius: 0;
  background: #ffffff;
  color: var(--pf-czern);
  font-family: inherit;
  font-size: 16px;
  line-height: 1.5;
  transition: border-color 0.2s, box-shadow 0.2s;
}
#pf-kontakt textarea { resize: vertical; min-height: 9rem; }
#pf-kontakt input::placeholder, #pf-kontakt textarea::placeholder { color: #a1a1aa; }
#pf-kontakt input:focus, #pf-kontakt textarea:focus {
  outline: none;
  border-color: var(--pf-czern);
  box-shadow: 0 0 0 3px rgba(176, 138, 78, 0.16);
}
#pf-kontakt .kon-zgoda { display: flex; align-items: flex-start; gap: 0.75rem; margin: 0.25rem 0 1.75rem; }
#pf-kontakt .kon-zgoda input { width: 20px; height: 20px; margin: 2px 0 0; accent-color: var(--pf-akcent); flex: 0 0 auto; }
#pf-kontakt .kon-zgoda label {
  margin: 0;
  font-size: 14px !important;
  font-weight: 400;
  line-height: 1.5 !important;
  color: var(--pf-tekst) !important;
}
#pf-kontakt .kon-wyslij { padding: 0 2rem; min-height: 52px; }
#pf-kontakt .kon-notka {
  margin: 1.25rem 0 0;
  max-width: 34rem;
  font-size: 14px !important;
  line-height: 1.6 !important;
  color: var(--pf-tekst) !important;
}
@media (min-width: 640px) {
  #pf-kontakt .kon-para { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1024px) {
  #pf-kontakt .kon-uklad { grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr); gap: 5rem; }
}
  #pf-zakres > div { padding-bottom: calc(var(--sekcja) / 2) !important; }
  #pf-jak > div { padding-top: calc(var(--sekcja) / 2) !important; }
  #pf-kroki > div { padding-bottom: calc(var(--sekcja) / 2) !important; }
  #pf-zalety > div { padding-top: calc(var(--sekcja) / 2) !important; }
  #pf-onas > div { padding-bottom: calc(var(--sekcja) / 2) !important; }
  #pf-wstep > div { padding-top: calc(var(--sekcja) / 2) !important; }
  #pf-pytania > div { padding-bottom: calc(var(--sekcja) / 2) !important; }
  #pf-poradnik > div { padding-top: calc(var(--sekcja) / 2) !important; }
  footer .sekcja-ciemna { background-color: #09090b !important; }
  html body #site-header.naglowek-czarny { background-color: #09090b !important; }
  main#strona-glowna section[id^="pf-"] .pf-przycisk { min-height: 40px !important; padding: 9.5px 20px !important; font-size: 14px !important; font-weight: 500 !important; line-height: 21px !important; }
  @media (max-width: 639.98px) {
    main#strona-glowna section[id^="pf-"] .pf-przycisk { white-space: normal !important; text-align: center; }
  }
html body section#op-proces { background: linear-gradient(135deg, #121212 0%, #121212 26%, #121212 50%, #121212 74%, #121212 100%) !important; }
html body main section#pf-zalety > :first-child { padding-bottom: calc(var(--sekcja) / 2) !important; }   
html body main section#op-proces > :first-child { padding-bottom: var(--sekcja) !important; }              
html body main section#pf-pytania > :first-child { padding-bottom: var(--sekcja) !important; }             
html body main section#pf-poradnik > :first-child { padding-top: var(--sekcja) !important; }               
html body #menu-glowne ul { column-gap: 24px !important; }
html body #menu-glowne a { white-space: nowrap; }
html body #site-header > div:first-child > a:first-child { flex-shrink: 0; }
@media (max-width: 1199.98px) {
  html body #menu-glowne, html body .naglowek-cta { display: none !important; }
  html body #nav-toggle { display: inline-flex !important; }
  html body #mobile-menu:not(.hidden) { display: block !important; }
}
@media (min-width: 1200px) { html body #mobile-menu { display: none !important; } }
html body section#pf-zalety.ux-biale { background: #ffffff !important; color: #4A4743; }
html body section#pf-zalety.ux-biale .zl-nazwa { color: #09090B !important; -webkit-text-fill-color: #09090B !important; }
html body section#pf-zalety.ux-biale .zl-opis { color: #4A4743 !important; -webkit-text-fill-color: #4A4743 !important; }
html body section#pf-zalety.ux-biale .zl-poz::before { background: #E7E0D5 !important; }   
@media (min-width: 640px) and (max-width: 1199.98px) { html body section#pf-zalety .zl-lista { grid-template-columns: minmax(0, 1fr) !important; } html body section#pf-zalety .zl-opis { max-width: none !important; } }
:root body main section#pf-pytania#pf-pytania .pf-nadtytul { margin-bottom: 1.75rem; }
:root body main section#pf-pytania#pf-pytania.fq-sekcja { background: #FFFFFF !important; }
#pf-pytania .fq-kontener { max-width: 76.75rem; margin-inline: auto; padding-inline: 1.5rem; box-sizing: border-box; }
#pf-pytania .fq-uklad { display: grid; grid-template-columns: minmax(0, 1fr); gap: 3rem; }
@media (min-width: 1024px) { #pf-pytania .fq-uklad { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 4.5rem; align-items: start; } #pf-pytania .fq-lewa { position: sticky; top: calc(68px + 2rem); } }
:root body main section#pf-pytania .fq-h2 { margin: 0 !important; font-family: "Space Grotesk", sans-serif; font-size: 2.6rem !important; line-height: 0.98 !important; letter-spacing: -0.05em !important; font-weight: 600 !important; color: #09090B !important; -webkit-text-fill-color: #09090B !important; text-wrap: balance; }
:root body main section#pf-pytania .fq-h2 span { display: block; color: inherit !important; -webkit-text-fill-color: inherit !important; }
@media (min-width: 640px) { :root body main section#pf-pytania .fq-h2 { font-size: 3.75rem !important; } }
:root body main section#pf-pytania .fq-lead { margin: 1.75rem 0 0 !important; max-width: 34rem; font-size: 17px !important; line-height: 1.65 !important; color: #4A4743 !important; }
#pf-pytania .fq-przycisk { display: inline-flex; align-items: center; min-height: 40px; margin-top: 2.25rem; padding: 9.5px 22px; box-sizing: border-box; background: #B08A4E; color: #fff !important; font: 500 14px/21px "Space Grotesk", sans-serif; text-decoration: none; box-shadow: 0 18px 30px -16px rgba(176, 138, 78, 0.45); transition: background-color .25s; }
#pf-pytania .fq-przycisk:hover, #pf-pytania .fq-przycisk:focus-visible { background: #B3843C; }
#pf-pytania .fq-kafel { background: #fff; padding: 25px 2.5rem;    box-shadow: 0 40px 80px -40px rgba(18, 18, 18, 0.28), 0 2px 10px rgba(18, 18, 18, 0.05); }
#pf-pytania .fq-lista { list-style: none; margin: 0; padding: 0; }
:root body main section#pf-pytania .fq-poz { margin: 0; padding: 1.75rem 0; font-size: 16px !important; }
:root body main section#pf-pytania .fq-poz::before, :root body main section#pf-pytania .fq-poz::marker { content: none; }
#pf-pytania .fq-poz + .fq-poz { border-top: 1px solid #09090B; }
#pf-pytania .fq-poz:first-child { padding-top: 0; }
#pf-pytania .fq-poz:last-child { padding-bottom: 0; }
#pf-pytania .fq-nr { flex: 0 0 auto; display: inline-grid; place-items: center; width: 36px; height: 36px; background: #121212; color: #fff; font: 500 15px/1 "Space Grotesk", sans-serif; font-variant-numeric: tabular-nums; transition: background-color .3s; }
:root body main section#pf-pytania .fq-pyt { display: block; font-family: "Space Grotesk", sans-serif; font-size: clamp(1.2rem, 1.9vw, 1.55rem) !important; font-weight: 500 !important; line-height: 1.22 !important; letter-spacing: -0.015em; color: #09090B !important; -webkit-text-fill-color: #09090B !important; text-align: left; text-wrap: balance; }
:root body main section#pf-pytania .fq-odp { margin: 0.8rem 0 0 !important; font-size: 16px !important; line-height: 1.7 !important; color: #4A4743 !important; text-wrap: pretty; }
#pf-pytania .fq-a { all: unset; box-sizing: border-box; cursor: pointer; display: grid; grid-template-columns: 36px minmax(0, 1fr) 24px; column-gap: 1.25rem; align-items: start; width: 100%; }
#pf-pytania .fq-a .fq-pyt { padding-top: 3px; }
#pf-pytania .fq-plus { position: relative; width: 24px; height: 24px; margin-top: 6px; }
#pf-pytania .fq-plus::before, #pf-pytania .fq-plus::after { content: ""; position: absolute; left: 50%; top: 50%; width: 14px; height: 1.5px; background: #121212; transform: translate(-50%, -50%); transition: opacity .3s; }
#pf-pytania .fq-plus::after { transform: translate(-50%, -50%) rotate(90deg); }
#pf-pytania .fq-panel { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .35s ease; padding-left: calc(36px + 1.25rem); }
#pf-pytania .fq-panel > div { overflow: hidden; }
#pf-pytania .fq-otw .fq-panel { grid-template-rows: 1fr; }
#pf-pytania .fq-otw .fq-nr { background: #B08A4E; }
#pf-pytania .fq-otw .fq-plus::after { opacity: 0; }
#pf-pytania .fq-b { all: unset; box-sizing: border-box; cursor: pointer; display: grid; grid-template-columns: 36px minmax(0, 1fr) 20px; column-gap: 1.25rem; align-items: center; width: 100%; }
#pf-pytania .fq-war-B .fq-poz { padding: 1.35rem 0; }
#pf-pytania .fq-war-B .fq-poz:first-child { padding-top: 0; }
#pf-pytania .fq-strz { color: #121212; transition: transform .25s, color .25s; }
#pf-pytania .fq-war-B .fq-otw .fq-nr { background: #B08A4E; }
#pf-pytania .fq-war-B .fq-otw .fq-strz { color: #B08A4E; transform: translateX(4px); }
#pf-pytania .fq-bodp { margin-top: 2rem; background: #121212; padding: 1.75rem 2rem 2rem; }
#pf-pytania .fq-et { font: 600 12px/1.4 "Space Grotesk", sans-serif; letter-spacing: 0.18em; text-transform: uppercase; color: rgba(255,255,255,.62); }
#pf-pytania .fq-et b { color: #B08A4E; font-weight: 600; }
:root body main section#pf-pytania .fq-bodp p { margin: 0.75rem 0 0 !important; font-size: 16px !important; line-height: 1.7 !important; color: rgba(255,255,255,.88) !important; min-height: 8.5em; }
#pf-pytania .fq-c { display: grid; grid-template-columns: 36px minmax(0, 1fr); column-gap: 1.25rem; align-items: start; }
#pf-pytania .fq-c .fq-pyt { padding-top: 3px; }
#pf-pytania .fq-reszta { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .35s ease; }
#pf-pytania .fq-reszta > span { overflow: hidden; }
#pf-pytania .fq-otw .fq-reszta { grid-template-rows: 1fr; }
#pf-pytania .fq-wiecej { all: unset; cursor: pointer; display: inline-flex; align-items: center; gap: 0.5rem; margin-top: 0.85rem; font: 500 14px/1.4 "Space Grotesk", sans-serif; color: #121212; border-bottom: 1px solid currentColor; padding-bottom: 2px; }
#pf-pytania .fq-wiecej:hover { color: #B08A4E; }
#pf-pytania .fq-pm { display: inline-block; transition: transform .25s; }
#pf-pytania .fq-otw .fq-pm { transform: rotate(45deg); }
@media (max-width: 600px) { #pf-pytania .fq-kafel { padding: 14px 1.25rem; } }
@media (max-width: 639.98px) {
  #pf-pytania .fq-w { display: block; white-space: nowrap; }
  :root body main section#pf-pytania#pf-pytania .fq-pyt { font-size: min(17px, calc((100vw - 88px) / 16.5)) !important; padding-top: 0 !important; }
  #pf-pytania .fq-a, #pf-pytania .fq-b { grid-template-columns: 36px minmax(0, 1fr) 24px; grid-template-areas: "nr . znak" "pyt pyt pyt"; row-gap: 0.85rem; }
  #pf-pytania .fq-a .fq-nr, #pf-pytania .fq-b .fq-nr { grid-area: nr; }
  #pf-pytania .fq-a .fq-pyt, #pf-pytania .fq-b .fq-pyt { grid-area: pyt; }
  #pf-pytania .fq-plus, #pf-pytania .fq-strz { grid-area: znak; align-self: center; margin-top: 0; }
  #pf-pytania .fq-panel { padding-left: 0; }
  #pf-pytania .fq-c { grid-template-columns: minmax(0, 1fr); row-gap: 0.85rem; }
}
@media (min-width: 640px) { #pf-pytania .fq-w { display: block; white-space: nowrap; } :root body main section#pf-pytania#pf-pytania .fq-pyt { font-size: 20px !important; } }
@media (min-width: 1024px) and (max-width: 1279.98px) { :root body main section#pf-pytania#pf-pytania .fq-pyt { font-size: 18px !important; } #pf-pytania .fq-kafel { padding-inline: 1.5rem; } }
@media (prefers-reduced-motion: reduce) { #pf-pytania * { transition: none !important; } }
  .ma-poswiate { position: relative; overflow: hidden; }
  .ma-poswiate > .poswiata-tlo { position: absolute; inset: 0; overflow: hidden; pointer-events: none; z-index: 0; }
  .poswiata-tlo > canvas { display: block; width: 100%; height: 100%; position: relative; z-index: 1; opacity: 0; transform: translateZ(0); transition: opacity 0.8s ease; }
  .poswiata-tlo > canvas.loaded { opacity: 1; }
  .poswiata-tlo > .poswiata-rog { position: absolute; inset: 0; z-index: 3; background: radial-gradient(circle at top left, #121212 0%, #121212 5%, rgba(0,0,0,0) 48%); }
  .ma-poswiate > :not(.poswiata-tlo) { position: relative; z-index: 1; }
  #top.ma-poswiate { margin-top: -68px; padding-top: 68px; }
  body { background: #f0f2f6 !important; }
  .cta-roll.bg-brand, a.cta-roll { background-color: #121212 !important; }
  span.bg-brand { background-color: #121212 !important; }
  #top { background-image: url("../img/01bdfcb21653.webp") !important; background-position: 50% 62% !important; background-color: #ABABAB !important; background-blend-mode: multiply !important; filter: saturate(1.4) !important; }
  #top::before { background: rgba(18, 18, 18,0.46) !important; }
  #proces .karta-foto { background-image: none !important; background-position: 46% 62% !important; background-color: #ABABAB !important; background-blend-mode: multiply !important; filter: saturate(1.4) !important; }
  #proces .karta-foto::before { background: rgba(18, 18, 18,0.44) !important; }
  section#etapy { background-image: none !important; background-position: 50% 56% !important; background-color: #9A9A9A !important; background-blend-mode: multiply !important; filter: saturate(1.4) !important; }
  section#etapy::before { background: rgba(18, 18, 18,0.5) !important; }
  section#kontakt-cta { background-image: url("../img/8ba767058773.webp") !important; background-position: 50% 60% !important; background-color: #9A9A9A !important; background-blend-mode: multiply !important; filter: saturate(1.4) !important; }
  section#kontakt-cta::before { background: rgba(18, 18, 18,0.5) !important; }
  #opinie .karta-kolor { background-image: url("../img/9226275cbb2c.webp") !important; background-position: 55% 62% !important; background-color: #A5A5A5 !important; background-blend-mode: multiply !important; filter: saturate(1.4) !important; }
  #opinie .karta-kolor::before { background: rgba(18, 18, 18,0.48) !important; }
  section#etapy, section#etapy p, section#etapy h2, section#etapy h3, section#etapy span, section#etapy div,
  section#kontakt-cta, section#kontakt-cta p, section#kontakt-cta h2, section#kontakt-cta span,
  #proces .karta-foto, #proces .karta-foto p, #proces .karta-foto h3,
  #opinie .karta-kolor, #opinie .karta-kolor p, #opinie .karta-kolor span, #opinie .karta-kolor strong, #opinie .karta-kolor small, #opinie .karta-kolor div,
  #top .text-zinc-500, #top h1
    { color: #ffffff !important; }
  section#etapy .etap .numer { border-color: rgba(255,255,255,0.55) !important; }
  section#etapy .naglowek p, section#etapy .etap p, section#kontakt-cta .srodek p { color: #ffffff !important; }
  #warunki > div { padding-bottom: calc(var(--sekcja) / 2) !important; }
  #rozmowa > div { padding-top: calc(var(--sekcja) / 2) !important; }
  #opinie .karta-kolor .kreska { background: rgba(255,255,255,0.45) !important; }
  @media (min-width: 1024px) { #top h1 { font-size: 5.35rem !important; } #top > div { padding-top: 5rem !important; } }
  @media (min-width: 1280px) { #top h1 { font-size: 6.2rem !important; } #top > div { padding-top: 6rem !important; } }
  section#etapy span.bg-brand, #top span.bg-brand { background-color: #ffffff !important; }
  section#etapy .kreska-anim::after, #top .kreska-anim::after { background-color: #ffffff !important; }
  section#etapy .text-zinc-500, #top .text-zinc-500 { color: #ffffff !important; }
  .kreska-anim::after { background-color: #121212 !important; }
  #oferta-lista .linia span { background: #121212 !important; }
  .karta-info .panel--niebieski { background: #121212 !important; }
  #opinie .cudzyslow { color: #121212 !important; }
  #opinie .strzalka:hover { border-color: #121212 !important; color: #121212 !important; }
  #komu .wiersz::before { background: #121212 !important; }
  section#etapy .etap .numer { border-color: rgba(255,255,255,0.45) !important; color: #ffffff !important; }
  main h2, footer h2 { color: #121212 !important; -webkit-text-fill-color: #121212 !important; background-image: none !important; }
  main h2 .text-brand, footer h2 .text-brand,
  #oferta-lista h2 .text-brand, #proces h2 .text-brand, #opinie h2 .text-brand, #komu h2 .text-brand
    { color: #121212 !important; -webkit-text-fill-color: #121212 !important; background-image: none !important; }
  section#kontakt-cta h2, section#kontakt-cta span.bg-brand,
  section#etapy h2, section#etapy h2 .text-brand,
  section#etapy .naglowek h2, section#etapy .zamkniecie h2,
  #proces .karta-foto h3, #opinie .karta-kolor h3
    { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; }
  body { background: #ffffff !important; }
  #oferta-lista, #proces.sekcja-proces, #opinie.sekcja-opinie, #komu, #warunki, #rozmowa { background: #ffffff !important; }
  #proces .karta-biala, #opinie .karta-biala, #warunki .karta, .karta-info .panel--bialy,
  #proces .karta-foto, #opinie .karta-kolor {
    box-shadow: 0 44px 84px -30px rgba(18, 18, 18, 0.34), 0 8px 22px -10px rgba(18, 18, 18, 0.18) !important;
  }
  #top, section#etapy, section#kontakt-cta, #proces .karta-foto, #opinie .karta-kolor {
    background-color: transparent !important;
    background-blend-mode: normal !important;
    filter: none !important;
  }
  section#etapy::before, section#kontakt-cta::before { background: rgba(18, 18, 18, 0.93) !important; }
  #top::before {
    background: linear-gradient(98deg,
      rgba(16, 16, 16, 0.97) 0%,
      rgba(19, 19, 19, 0.965) 22%,
      rgba(18, 18, 18, 0.955) 40%,
      rgba(18, 18, 18, 0.94) 54%,
      rgba(18, 18, 18, 0.90) 64%,
      rgba(18, 18, 18, 0.81) 71%,
      rgba(18, 18, 18, 0.64) 77%,
      rgba(18, 18, 18, 0.42) 82%,
      rgba(18, 18, 18, 0.21) 86%,
      rgba(18, 18, 18, 0.07) 89%,
      rgba(18, 18, 18, 0.00) 92%) !important;
  }
  @media (max-width: 1023px) {
    #top::before {
      background: linear-gradient(180deg,
        rgba(16, 16, 16, 0.97) 0%,
        rgba(19, 19, 19, 0.95) 35%,
        rgba(18, 18, 18, 0.92) 55%,
        rgba(18, 18, 18, 0.82) 70%,
        rgba(18, 18, 18, 0.55) 85%,
        rgba(18, 18, 18, 0.35) 100%) !important;
    }
  }
  @media (min-width: 1024px) and (max-width: 1279px) {
    #top::before {
      background: linear-gradient(98deg,
        rgba(16, 16, 16, 0.97) 0%,
        rgba(18, 18, 18, 0.955) 40%,
        rgba(18, 18, 18, 0.90) 70%,
        rgba(18, 18, 18, 0.84) 82%,
        rgba(18, 18, 18, 0.55) 90%,
        rgba(18, 18, 18, 0.18) 96%,
        rgba(18, 18, 18, 0.00) 100%) !important;
    }
  }
  #proces .karta-foto, #opinie .karta-kolor {
    background-image: none !important;
    background-color: #121212 !important;
  }
  #proces .karta-foto::before, #opinie .karta-kolor::before { background: transparent !important; }
  #komu .wiersz::before { background: #121212 !important; }
  #warunki .znak { background: #121212 !important; color: #ffffff !important; }
  #warunki .znak svg { color: #ffffff !important; stroke: #ffffff !important; }
  .kreska-anim::after,
  section#etapy .kreska-anim::after,
  section#kontakt-cta .kreska-anim::after,
  #top .kreska-anim::after,
  #top span.bg-brand,
  section#etapy span.bg-brand,
  section#kontakt-cta span.bg-brand {
    background-image: none !important;
    background-color: #B08A4E !important;
  }
  #proces .karta-foto span.bg-brand, #opinie .karta-kolor span.bg-brand,
  #proces .karta-foto .kreska-anim::after, #opinie .karta-kolor .kreska-anim::after {
    background-image: none !important;
    background-color: #ffffff !important;
  }
  .cta-roll.bg-brand, a.cta-roll.bg-brand, button.cta-roll.bg-brand,
  .cookie-consent-button--primary {
    background-image: none !important;
    background-color: #B08A4E !important;
    border-color: transparent !important;
    color: #ffffff !important;
    box-shadow: 0 18px 30px -14px rgba(176, 138, 78, 0.55) !important;
  }
  .cta-roll.bg-brand:hover, a.cta-roll.bg-brand:hover, button.cta-roll.bg-brand:hover,
  .cta-roll.bg-brand:focus-visible, a.cta-roll.bg-brand:focus-visible,
  .cookie-consent-button--primary:hover {
    background-color: #B08A4E !important;
    box-shadow: 0 22px 40px -12px rgba(176, 138, 78, 0.7) !important;
  }
  #etapy .etap .numer, section#etapy .etap .numer {
    position: relative !important;
    border-color: transparent !important;
  }
  #etapy .etap .numer::before, #etapy .etap .numer::after {
    content: "";
    position: absolute;
    box-sizing: border-box;
    width: 0;
    height: 0;
    pointer-events: none;
    transition: width 0.3s linear, height 0.3s linear 0.3s;
  }
  #etapy .etap .numer::before {
    top: -1px; left: -1px;
    border-top: 1px solid #B08A4E;
    border-right: 1px solid #B08A4E;
  }
  #etapy .etap .numer::after {
    right: -1px; bottom: -1px;
    border-bottom: 1px solid #B08A4E;
    border-left: 1px solid #B08A4E;
  }
  #etapy .etap.is-visible .numer::before, #etapy .etap.is-visible .numer::after {
    width: calc(100% + 2px);
    height: calc(100% + 2px);
  }
  @media (prefers-reduced-motion: reduce) {
    #etapy .etap .numer::before, #etapy .etap .numer::after {
      width: calc(100% + 2px); height: calc(100% + 2px); transition: none;
    }
  }
  #opinie .cudzyslow, #opinie .karta-biala .cudzyslow { color: #B08A4E !important; }
  #opinie .karta-kolor .kreska { background: #ffffff !important; }
  #komu .wiersz::before { background: #121212 !important; }
  .karta-info .panel--niebieski { background: #121212 !important; }
  .karta-info .panel--bialy .etykieta { color: #121212 !important; opacity: 1 !important; }
  .karta-info .panel--niebieski .etykieta,
  .karta-info .panel--granat .etykieta { color: #ffffff !important; opacity: 1 !important; }
  #oferta-lista .linia span { background: #121212 !important; }
  #komu .lista { border-top: 1px solid #121212 !important; }
  #komu .wiersz { border-bottom: 1px solid #121212 !important; }
  #warunki .punkt { border-bottom-color: #121212 !important; border-bottom-width: 1px !important; }
  #warunki > div { padding-bottom: var(--sekcja) !important; }
  #rozmowa > div { padding-top: var(--sekcja) !important; }
  #obiuro-foto { background: #ffffff !important; }
  #obiuro-foto > .opakowanie {
    padding-top: calc(var(--sekcja) / 2) !important;
    padding-bottom: calc(var(--sekcja) / 2) !important;
  }
  #obiuro-foto .blok-foto {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: stretch;
  }
  #obiuro-foto .foto {
    background-image: url("../img/1c38d9cc2d22.webp");
    background-size: cover;
    background-position: 50% 42%;
    background-repeat: no-repeat;
    min-height: 20rem;
  }
  #obiuro-foto .panel {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 1.15rem;
    background: #121212;
    color: #ffffff;
    padding: 2.5rem 1.5rem;
  }
  #obiuro-foto .panel h3 { margin: 0; color: #ffffff !important; letter-spacing: -0.01em; }
  #obiuro-foto .panel p { margin: 0; color: #ffffff !important; max-width: 36rem; }
  #obiuro-foto .przycisk { margin-top: 0.85rem; }
  #obiuro-foto .obrys {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.95rem 1.75rem;
    border: 1px solid rgba(255, 255, 255, 0.55);
    color: #ffffff;
    font-size: 15px;
    font-weight: 500;
    transition: background-color 0.25s, border-color 0.25s, color 0.25s;
  }
  #obiuro-foto .obrys:hover, #obiuro-foto .obrys:focus-visible {
    background-color: #ffffff !important;
    border-color: #ffffff !important;
    color: #121212 !important;
  }
  @media (min-width: 768px) {
    #obiuro-foto .panel { padding: 3rem 2.5rem; }
  }
  @media (min-width: 1024px) {
    #obiuro-foto .blok-foto { grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr); }
    #obiuro-foto .foto { min-height: 32rem; }
    #obiuro-foto .panel { padding: 3.5rem 4rem; }
  }
  #etapy .etap h3 { font-size: 1.4rem !important; }
  #etapy .etap p { font-size: 17px !important; line-height: 1.68 !important; }
  #etapy .etap .numer { width: 1.4rem !important; height: 1.4rem !important; font-size: 11px !important; }
  @media (min-width: 1024px) {
    #etapy .etap h3 { font-size: 1.7rem !important; }
    #etapy .etap .numer { width: 1.7rem !important; height: 1.7rem !important; font-size: 13px !important; }
  }
  #blog {
    background: #121212 !important;
    color: #ffffff;
  }
  #blog > .pas {
    padding-top: var(--sekcja) !important;
    padding-bottom: var(--sekcja) !important;
    padding-left: clamp(1.5rem, 6vw, 6rem);
    padding-right: clamp(1.5rem, 6vw, 6rem);
  }
  #blog .gora {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    flex-wrap: wrap;
    padding-bottom: 3.25rem;
  }
  #blog .gora span { color: #ffffff !important; }
  #blog .wszystkie {
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
    color: #ffffff !important;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: gap 0.25s cubic-bezier(0.2, 0.7, 0.2, 1);
  }
  #blog .wszystkie:hover { gap: 1.1rem; }
  #blog .wszystkie svg { color: #B08A4E; }
  #blog .wpisy {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 3rem;
  }
  #blog .wpis { display: block; color: inherit; text-decoration: none; }
  #blog .okno { display: block; overflow: hidden; aspect-ratio: 900 / 659; background: rgba(255, 255, 255, 0.08); }
  #blog .obraz {
    display: block;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    transition: transform 0.6s cubic-bezier(0.2, 0.7, 0.2, 1);
  }
  #blog .wpis:hover .obraz, #blog .wpis:focus-visible .obraz { transform: scale(1.045); }
  #blog .wpis h3.font-display {
    display: block;
    margin: 1.5rem 0 0;
    font-size: 1.25rem !important;
    line-height: 1.3 !important;
    color: #ffffff !important;
  }
  #blog .wpis p {
    margin: 1rem 0 0;
    font-size: 16px !important;
    line-height: 1.6 !important;
    color: rgba(255, 255, 255, 0.82) !important;
  }
  #blog .dalej {
    position: relative;
    display: inline-block;
    margin-top: 1.5rem;
    padding-bottom: 0.5rem;
    font-size: 14px;
    font-weight: 600;
    color: #ffffff !important;
  }
  #blog .dalej::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2px;
    width: 2.25rem;
    background: #B08A4E;
    transition: width 0.35s cubic-bezier(0.2, 0.7, 0.2, 1);
  }
  #blog .wpis:hover .dalej::after, #blog .wpis:focus-visible .dalej::after { width: 100%; }
  @media (min-width: 768px) { #blog .wpisy { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2.5rem; } }
  @media (min-width: 1024px) { #blog .wpisy { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 3rem; } }
  @media (prefers-reduced-motion: reduce) {
    #blog .obraz, #blog .dalej::after, #blog .wszystkie { transition: none; }
  }
  #rozmowa {
    --foto-zakonczenie: url("../img/8ba767058773.webp");
    background-image: var(--foto-zakonczenie) !important;
    background-size: cover !important;
    background-position: 50% 60% !important;
    background-repeat: no-repeat !important;
    background-color: transparent !important;
  }
  #rozmowa::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    background: rgba(18, 18, 18, 0.93);
  }
  #rozmowa .znak-wodny { z-index: 1 !important; }
  #rozmowa .uklad { z-index: 2 !important; }
  #rozmowa .znak-wodny {
    position: absolute !important;
    inset: 0 !important;
    top: 0 !important;
    transform: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background-image: linear-gradient(rgba(255, 255, 255, 0.14), rgba(255, 255, 255, 0.14)), var(--foto-zakonczenie) !important;
    background-size: cover, cover !important;
    background-position: 50% 60%, 50% 60% !important;
    background-repeat: no-repeat, no-repeat !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
  }
  #rozmowa .znak-wodny .text-outline {
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
    -webkit-text-stroke: 0 !important;
  }
  section#rozmowa h2,
  section#rozmowa .lewa span,
  section#rozmowa .prawa p { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; }
  section#rozmowa .lewa span.bg-brand { -webkit-text-fill-color: initial !important; }
  #blog > div { padding-bottom: var(--sekcja) !important; }
  #komu > div { padding-bottom: var(--sekcja) !important; }
  #warunki > div { padding-top: var(--sekcja) !important; }
  #formularz { background: #ffffff !important; }
  #formularz > div {
    padding-top: var(--sekcja) !important;
    padding-bottom: var(--sekcja) !important;
  }
  #formularz .uklad-formularza { display: grid; grid-template-columns: minmax(0, 1fr); gap: 3.5rem; }
  #formularz .wstep { margin-top: 1.75rem; max-width: 32rem; color: #4A4743 !important; }
  #formularz .dane { margin: 2.5rem 0 0; padding: 0; list-style: none; display: grid; gap: 1.25rem; }
  #formularz .dane li { display: flex; align-items: center; gap: 0.9rem; font-size: 16px; color: #121212; }
  #formularz .dane a { color: inherit; text-decoration: none; }
  #formularz .dane a:hover { color: #121212; }
  #formularz .ikona { display: inline-flex; color: #121212; flex: 0 0 auto; }
  #formularz .pole-para { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1.25rem; }
  #formularz .pole { margin: 0 0 1.25rem; display: block; }
  #formularz .pole-para .pole { margin-bottom: 0; }
  #formularz label { display: block; margin-bottom: 0.6rem; font-size: 14px; font-weight: 600; color: #121212; }
  #formularz .wymagane { color: #B08A4E; }
  #formularz input[type="text"], #formularz input[type="email"], #formularz input[type="tel"], #formularz textarea {
    width: 100%;
    padding: 0.9rem 1rem;
    border: 1px solid #DCD2C2;
    background: #ffffff;
    color: #121212;
    font-family: inherit;
    font-size: 16px;
    line-height: 1.5;
    transition: border-color 0.2s, box-shadow 0.2s;
  }
  #formularz textarea { resize: vertical; min-height: 9rem; }
  #formularz input::placeholder, #formularz textarea::placeholder { color: #a1a1aa; }
  #formularz input:focus, #formularz textarea:focus {
    outline: none;
    border-color: #121212;
    box-shadow: 0 0 0 3px rgba(176, 138, 78, 0.16);
  }
  #formularz .zgoda { display: flex; align-items: flex-start; gap: 0.75rem; margin: 0.25rem 0 1.75rem; }
  #formularz .zgoda input { width: 20px; height: 20px; margin: 2px 0 0; accent-color: #121212; flex: 0 0 auto; }
  #formularz .zgoda label { margin: 0; font-size: 14px; font-weight: 400; color: #4A4743; line-height: 1.5; }
  #formularz .wyslij {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 1rem 2rem;
    border: 0;
    color: #ffffff;
    font-size: 15px;
    font-weight: 500;
    cursor: pointer;
  }
  #formularz .notka { margin: 1.25rem 0 0; font-size: 14px; color: #4A4743 !important; max-width: 34rem; }
  @media (min-width: 640px) {
    #formularz .pole-para { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  }
  @media (min-width: 1024px) {
    #formularz .uklad-formularza { grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr); gap: 5rem; }
  }
  #etapy > div {
    max-width: none !important;
    padding-left: clamp(1.5rem, 6vw, 6rem) !important;
    padding-right: clamp(1.5rem, 6vw, 6rem) !important;
  }
  #etapy .naglowek { max-width: 46rem; }
  #top .przycisk-bialy, #top a.przycisk-bialy {
    background-color: #121212 !important;
    border-color: #121212 !important;
    color: #ffffff !important;
  }
  #top .przycisk-bialy:hover, #top a.przycisk-bialy:hover,
  #top .przycisk-bialy:focus-visible, #top a.przycisk-bialy:focus-visible {
    background-color: #121212 !important;
    border-color: #121212 !important;
    color: #ffffff !important;
  }
#top h1 .kursor {
  display: inline-block !important;
  background: #B08A4E !important;
  animation: kursor-mig 0.7s steps(1) infinite !important;
}
  #obiuro-foto .obrys {
    border: 0 !important;
    background-color: #B08A4E !important;
    color: #ffffff !important;
  }
  #obiuro-foto .obrys:hover, #obiuro-foto .obrys:focus-visible {
    background-color: #B3843C !important;
    border: 0 !important;
    color: #ffffff !important;
  }
  section#etapy {
    background-image: none !important;
    background-color: #121212 !important;
  }
  section#etapy::before { background: transparent !important; }
  #blog h2 {
    margin: 0 0 3rem !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    background-image: none !important;
  }
  #blog .gora { padding-bottom: 2.25rem; }
  #proces .karta-foto { background-color: #121212 !important; }
  #rozmowa .znak-wodny {
    background-image: none !important;
    -webkit-background-clip: border-box !important;
    background-clip: border-box !important;
  }
  #rozmowa .znak-wodny .text-outline {
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
    -webkit-text-stroke: 1px rgba(255, 255, 255, 0.30) !important;
  }
  @media (max-width: 639px) {
    #top .whitespace-nowrap { white-space: normal; }
  }
  #site-header nav ul { gap: 32px !important; }
  #site-header nav a { font-size: 15px !important; }
  #site-header .hover-underline-link::after { background-color: #B08A4E !important; }
  #proces .karta-foto h3, #proces .karta-biala h3 {
    min-height: 2.3em;
    min-height: 2lh;
  }
footer#kontakt {
  background: #121212 !important;
  border-top-color: rgba(255, 255, 255, 0.1) !important;
  display: flex;
  flex-direction: column;
  min-height: calc(100vh - 68px);
  min-height: calc(100svh - 68px);
}
footer#kontakt .stopka-gora > div { flex: 1 1 auto; width: 100%; }
footer#kontakt .stopka-gora {
  flex: 2 1 auto;
  display: flex;
  align-items: center;
  padding-top: clamp(80px, 14.5vh, 150px);
  padding-bottom: 85px;
}
footer#kontakt .stopka-siatka {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 3rem;
}
@media (min-width: 900px) {
  footer#kontakt .stopka-siatka {
    grid-template-columns: repeat(3, minmax(0, 1fr)) 24%;
    gap: 0;
    align-items: start;
  }
  footer#kontakt .stopka-kol { padding-right: 2rem; }
}
footer#kontakt .stopka-naglowek {
  display: inline-block;
  margin: 0 0 23px;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.65);
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  color: #ffffff;
}
footer#kontakt .stopka-naglowek--srodek { display: table; margin-inline: auto; }
footer#kontakt .stopka-lista { margin: 0; padding: 0; list-style: none; display: grid; gap: 16px; }
footer#kontakt .stopka-lista li { font-size: 15px; line-height: 1.15; }
footer#kontakt .stopka-lista a {
  font-size: 15px;
  line-height: 1.15;
  color: rgba(255, 255, 255, 0.92);
  text-decoration: none;
  transition: color 0.25s ease;
}
footer#kontakt .stopka-lista a:hover, footer#kontakt .stopka-lista a:focus-visible { color: #ffffff; }
footer#kontakt .stopka-adres {
  margin: 47px 0 0;
  font-size: 15px;
  line-height: 1.9;
  color: rgba(255, 255, 255, 0.92);
}
footer#kontakt .stopka-karta {
  border: 1px solid rgba(255, 255, 255, 0.28);
  padding: 29px 24px 27px;
  text-align: center;
}
@media (min-width: 900px) {
  footer#kontakt .stopka-karta { margin-top: -29px; }
}
footer#kontakt .stopka-karta .stopka-naglowek { margin-bottom: 32px; }
footer#kontakt .stopka-awatar {
  width: 97px;
  height: 97px;
  margin: 0 auto;
  border-radius: 999px;
  background: #ffffff;
  border: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
footer#kontakt .stopka-awatar img { width: 100%; height: 100%; object-fit: cover; display: block; }
footer#kontakt .stopka-osoba { margin: 12px 0 0; font-size: 16px; line-height: 1.15; color: #B08A4E; }
footer#kontakt .stopka-lista--srodek { justify-items: center; gap: 12px; margin-top: 12px; }
footer#kontakt .stopka-lista--srodek a {
  text-decoration: underline;
  text-underline-offset: 4px;
  text-decoration-color: rgba(255, 255, 255, 0.45);
}
footer#kontakt .stopka-pasek {
  flex: 1 1 auto;
  border-top: 1px solid rgba(255, 255, 255, 0.13);
}
footer#kontakt .stopka-pasek-linia {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
  padding: 49px 0 clamp(1.5rem, 12vh, 9rem);
  border-top: 0;
  font-size: 14px !important;
  color: rgba(255, 255, 255, 0.85);
}
@media (min-width: 900px) {
  footer#kontakt .stopka-pasek-linia { flex-direction: row; align-items: center; gap: 64px; }
  footer#kontakt .stopka-prawa { flex: 1 1 auto; }
}
footer#kontakt .stopka-pasek-logo { flex: 0 0 auto; }
footer#kontakt .stopka-prawa { text-align: center; }
@media (min-width: 900px) { footer#kontakt .stopka-prawa { text-align: left; } }
footer#kontakt .stopka-prawa p { margin: 0; font-size: 14px; line-height: 1.85; }
footer#kontakt .stopka-prawa a, footer#kontakt .stopka-prawa button {
  color: inherit;
  background: none;
  border: 0;
  padding: 0;
  font: inherit;
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-color: rgba(255, 255, 255, 0.5);
  transition: color 0.25s ease;
}
footer#kontakt .stopka-prawa a:hover, footer#kontakt .stopka-prawa button:hover { color: #ffffff; }
#komu .lista.reveal, #komu .lista.reveal-slide-up {
  opacity: 1 !important;
  transform: none !important;
  filter: none !important;
  transition: none !important;
}
#komu .lista .wiersz { opacity: 0; }
#komu .lista.is-visible .wiersz {
  animation: komu-pasmo 0.5s cubic-bezier(0.22, 0.61, 0.36, 1) forwards;
}
#komu .lista.is-visible .wiersz:nth-of-type(1) { animation-delay: 0.02s; }
#komu .lista.is-visible .wiersz:nth-of-type(2) { animation-delay: 0.14s; }
#komu .lista.is-visible .wiersz:nth-of-type(3) { animation-delay: 0.26s; }
#komu .lista.is-visible .wiersz:nth-of-type(4) { animation-delay: 0.38s; }
@keyframes komu-pasmo { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: none; } }
#obiuro-foto.reveal {
  opacity: 1 !important;
  transform: none !important;
  filter: none !important;
  transition: none !important;
}
#obiuro-foto .foto {
  clip-path: inset(0 100% 0 0);
  transform: scale(1.06);
}
#obiuro-foto .panel { clip-path: inset(0 0 0 100%); }
#obiuro-foto.is-visible .foto {
  clip-path: inset(0 0 0 0);
  transform: scale(1);
  transition: clip-path 0.85s cubic-bezier(0.16, 0.84, 0.28, 1), transform 1.5s cubic-bezier(0.16, 0.84, 0.28, 1);
}
#obiuro-foto.is-visible .panel {
  clip-path: inset(0 0 0 0);
  transition: clip-path 0.85s cubic-bezier(0.16, 0.84, 0.28, 1) 0.06s;
}
#site-header.naglowek-czarny {
  background-color: #121212 !important;
  border-bottom-color: rgba(255, 255, 255, 0.10) !important;
  backdrop-filter: none !important;
}
@media (prefers-reduced-motion: reduce) {
  #komu .lista .wiersz { opacity: 1 !important; animation: none !important; transform: none !important; }
  #obiuro-foto .foto, #obiuro-foto .panel { clip-path: none !important; transform: none !important; }
}
.pr-obraz-a { background-image: url("../img/b33f682a0d27.webp"); }
.pr-obraz-b { background-image: url("../img/074ca7863a77.webp"); }
.pr-obraz-c { background-image: url("../img/ec0b60f91fe6.webp"); }
.pr-obraz-d { background-image: url("../img/2cea6ee81af2.webp"); }
.pr-obraz-e { background-image: url("../img/04fcacfaa641.webp"); }
.pr-obraz-f { background-image: url("../img/6231c6a4bedf.webp"); }
.pr-obraz-o { background-image: url("../img/e7568b6cf173.webp"); }
.pr-obraz-g { background-image: url("../img/fb860ff608d3.webp"); }
.pr-obraz-h { background-image: url("../img/202a9a1c6df9.webp"); }
.pr-obraz-i { background-image: url("../img/d17e760742c9.webp"); }
.pr-obraz-n { background-image: url("../img/679ec9523d5d.webp"); }
.pr-obraz-s { background-image: url("../img/ca67669bac58.webp"); }
.pr-obraz-p { background-image: url("../img/d8a0aaecd315.webp"); }
.pr-obraz-k { background-image: url("../img/f39499111390.webp"); }
.pr-obraz-j { background-image: url("../img/494ccc3af148.webp"); }
#poradnik { background: #ffffff; color: #27272a; }
.pr-kontener { max-width: 76.75rem; margin-inline: auto; padding-inline: 1.5rem; }
.pr-uklad { display: grid; grid-template-columns: minmax(0, 1fr); gap: 3.5rem; padding-top: 5.5rem; padding-bottom: 6rem; }
@media (min-width: 1024px) { .pr-uklad { grid-template-columns: minmax(0, 1fr) 21rem; gap: 4.5rem; } }
.pr-lista { display: grid; gap: 60px; }
.pr-karta-link { display: block; color: inherit; text-decoration: none; }
.pr-okno { display: block; position: relative; overflow: hidden; aspect-ratio: 900 / 520; background: #E7E0D5; }
.pr-obraz { position: absolute; inset: 0; background-size: cover; background-position: center; transition: transform 0.7s cubic-bezier(0.2, 0.7, 0.2, 1); }
.pr-okno::after { content: ""; position: absolute; inset: 0; background: rgba(18, 18, 18, 0.4); opacity: 0; transition: opacity 0.35s ease; }
.pr-karta-link:hover .pr-obraz { transform: scale(1.04); }
.pr-karta-link:hover .pr-okno::after { opacity: 1; }
.pr-karta-tytul { margin: 24px 0 0; font-size: 28px; font-weight: 600; line-height: 1.2; letter-spacing: -0.015em; color: #121212; text-wrap: balance; transition: color 0.25s ease; }
.pr-karta-link:hover .pr-karta-tytul { color: #121212; }
.pr-karta-tekst { margin: 10px 0 0; font-size: 14.5px; line-height: 1.65; color: #606060; }
.pr-karta-link:focus-visible, .pr-najnowsze a:focus-visible { outline: 2px solid #B08A4E; outline-offset: 4px; }
.pr-bok { align-self: start; }
.pr-najnowsze { margin: 0; padding: 0; list-style: none; display: grid; gap: 24px; }
.pr-najnowsze a { display: grid; grid-template-columns: 100px minmax(0, 1fr); gap: 18px; align-items: center; color: #121212; text-decoration: none; }
.pr-miniatura { display: block; width: 100px; height: 100px; background-size: cover; background-position: center; background-color: #E7E0D5; }
.pr-najnowsze-tytul { font-size: 16px; line-height: 1.3; font-weight: 600; transition: color 0.2s ease; }
.pr-najnowsze a:hover .pr-najnowsze-tytul { color: #121212; }
.pr-wpis-kolumna { max-width: calc(53rem + 3rem); margin-inline: auto; padding: 5.5rem 1.5rem 6rem; }
.pr-wpis-tytul { margin: 0; font-size: clamp(1.9rem, 3vw, 2.6rem); font-weight: 600; line-height: 1.12; letter-spacing: -0.02em; color: #121212; text-wrap: balance; }
.pr-hero { margin-top: 2.5rem; aspect-ratio: 900 / 520; background-size: cover; background-position: center; background-color: #E7E0D5; }
.pr-tresc { margin-top: 3rem; font-size: 16px; line-height: 26px; color: #606060; }
.pr-tresc p { margin: 0 0 26px; }
.pr-tresc h2 { margin: 44px 0 16px; font-size: 26px; font-weight: 600; line-height: 1.25; letter-spacing: -0.015em; color: #121212; text-wrap: balance; }
.pr-tresc ul { margin: 0 0 26px; padding: 0; list-style: none; display: grid; gap: 10px; }
.pr-tresc ul li { position: relative; padding-left: 1.4rem; }
.pr-tresc ul li::before { content: ""; position: absolute; left: 0; top: 10px; width: 6px; height: 6px; background: #B08A4E; }
.pr-tresc strong { color: #121212; font-weight: 600; }
.pr-podstawa { font-size: 13px; line-height: 1.6; color: #6B6760; }
.pr-podstawa span { font-weight: 600; color: #4A4743; }
.pr-zastrzezenie { font-size: 12.5px; line-height: 1.6; color: #a1a1aa; }
.pr-szkic { color: #6B6760; }
@media (max-width: 639px) {
  .pr-uklad { padding-top: 3rem; padding-bottom: 4rem; }
  .pr-lista { gap: 44px; }
  .pr-karta-tytul { font-size: 23px; }
  .pr-wpis-kolumna { padding-top: 3rem; padding-bottom: 4rem; }
}
@media (prefers-reduced-motion: reduce) {
  .pr-obraz, .pr-okno::after { transition: none; }
}
#poradnik .pr-karta-tytul { font-size: 28px !important; line-height: 1.2 !important; letter-spacing: -0.015em !important; font-weight: 600 !important; }
#poradnik .pr-karta-link:hover .pr-karta-tytul { color: #121212 !important; -webkit-text-fill-color: #121212 !important; }
#poradnik .pr-karta-tekst { font-size: 14.5px !important; line-height: 1.65 !important; }
#poradnik .pr-tresc h2 { font-size: 26px !important; line-height: 1.25 !important; letter-spacing: -0.015em !important; font-weight: 600 !important; }
#poradnik .pr-tresc p { font-size: 16px !important; line-height: 26px !important; }
#poradnik .pr-tresc .pr-podstawa { font-size: 13px !important; line-height: 1.6 !important; }
#poradnik .pr-tresc .pr-zastrzezenie { font-size: 12.5px !important; line-height: 1.6 !important; }
@media (max-width: 639px) { #poradnik .pr-karta-tytul { font-size: 23px !important; } }
html body #pf-onas.on-stos { container-type: inline-size; overflow-x: clip; }
html body #pf-onas.on-stos .ob-uklad { display: grid; grid-template-columns: minmax(0, 1fr); row-gap: 2.5rem; }
html body #pf-onas.on-stos .ob-prawa { order: -1; min-width: 0; padding-inline: 1.5rem; }
html body #pf-onas.on-stos .ob-foto { position: relative; margin: 0; overflow: hidden; aspect-ratio: 915 / 829; background: #F0F2F6; }
html body #pf-onas.on-stos .ob-foto img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; max-width: none; object-fit: cover; object-position: 50% 40%; }
html body #pf-onas.on-stos .ob-lewa { min-width: 0; padding-inline: 1.5rem; }
html body #pf-onas.on-stos .ob-h2 { margin: 1.25rem 0 0 !important; }
html body #pf-onas.on-stos .ob-wstep { margin: 1.5rem 0 0 !important; max-width: 36rem; font-family: 'Space Grotesk', system-ui, sans-serif; font-size: 17px !important; line-height: 1.65 !important; color: var(--pf-tekst) !important; -webkit-text-fill-color: var(--pf-tekst) !important; text-wrap: pretty; }
html body #pf-onas.on-stos .ob-stos { display: grid; row-gap: 1rem; margin: 1.5rem 0 0 !important; padding: 0 !important; list-style: none; }
html body #pf-onas.on-stos .ob-karta { position: relative; margin: 0 !important; padding: 1.375rem 1.75rem 1.5rem !important; background: #ffffff; border: 1px solid #E4E7EC; box-shadow: inset 4px 0 0 #121212; font-size: 16px !important; transition: box-shadow 0.35s var(--pf-ease); }
html body #pf-onas.on-stos .ob-karta::before, html body #pf-onas.on-stos .ob-karta::marker { content: none; }
html body #pf-onas.on-stos .ob-karta.ob-aktywna { box-shadow: inset 4px 0 0 #B08A4E; }
html body #pf-onas.on-stos .ob-gora { display: flex; align-items: center; gap: 1rem; }
html body #pf-onas.on-stos .ob-nr { flex: 0 0 auto; font-family: 'Space Grotesk', system-ui, sans-serif; font-size: 32px; font-weight: 500; line-height: 1; letter-spacing: -0.03em; color: #121212; transition: color 0.35s var(--pf-ease); }
html body #pf-onas.on-stos .ob-karta.ob-aktywna .ob-nr { color: #B08A4E; }
html body #pf-onas.on-stos .ob-linia { flex: 1 1 auto; height: 1px; background: #E4E7EC; }
html body #pf-onas.on-stos .ob-etykieta { flex: 0 0 auto; font-family: 'Inter', system-ui, sans-serif; font-size: 11px; font-weight: 600; line-height: 1.3; letter-spacing: 0.18em; text-transform: uppercase; color: #737373; }
html body #pf-onas.on-stos .ob-karta .ob-tyt { margin: 0.75rem 0 0 !important; font-family: 'Space Grotesk', system-ui, sans-serif; font-size: 20px !important; font-weight: 600 !important; line-height: 1.25 !important; letter-spacing: -0.015em !important; text-transform: none !important; color: #09090b !important; -webkit-text-fill-color: #09090b !important; }
html body #pf-onas.on-stos .ob-karta .ob-tekst { margin: 0.375rem 0 0 !important; font-family: 'Space Grotesk', system-ui, sans-serif; font-size: 15px !important; line-height: 1.55 !important; color: var(--pf-tekst) !important; -webkit-text-fill-color: var(--pf-tekst) !important; text-wrap: pretty; }
html body #pf-onas.on-stos .ob-dol { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem 2rem; margin-top: 2rem; }
html body #pf-onas.on-stos .ob-tel { display: inline-flex; align-items: center; min-height: 40px; font-family: 'Inter', system-ui, sans-serif; font-size: 15px; line-height: 21px; color: var(--pf-tekst); }
html body #pf-onas.on-stos .ob-tel a { margin-left: 0.3em; font-weight: 600; color: #09090b; text-decoration: none; }
html body #pf-onas.on-stos .ob-tel a:hover { text-decoration: underline; text-underline-offset: 4px; }
html body #pf-onas.on-stos .ob-przewin { display: none; }
@media (min-width: 768px) {
  html body #pf-onas.on-stos .ob-h2 { margin-top: 1.5rem !important; }
  html body #pf-onas.on-stos .ob-wstep { margin-top: 1.75rem !important; }
}
@media (min-width: 1024px) {
  html body #pf-onas.on-stos .ob-uklad {
    --ob-m: max(1.5rem, calc((100cqw - 76.75rem) / 2 + 1.5rem));
    --ob-luka: 5cqw;
    grid-template-columns: calc(var(--ob-m) + (100cqw - 2 * var(--ob-m) - var(--ob-luka)) * 0.451) minmax(0, 1fr);
    column-gap: 0; row-gap: 0; align-items: stretch;
  }
  html body #pf-onas.on-stos .ob-prawa { padding: 0; }
  html body #pf-onas.on-stos .ob-lewa { padding: 0 var(--ob-m) 0 var(--ob-luka); }
  html body #pf-onas.on-stos .ob-foto { position: sticky; top: 92px; aspect-ratio: auto; height: clamp(36.875rem, 44.5cqw, 40.1rem); }
  html body #pf-onas.on-stos.ob-js .ob-foto img { height: 118%; top: 0; bottom: auto; will-change: transform; }
  html body #pf-onas.on-stos .ob-przewin { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  html body #pf-onas.on-stos .ob-karta, html body #pf-onas.on-stos .ob-nr { transition: none; }
}
html body #pf-wstep.zal-z2 { --op-biel: #FFFFFF; --op-czern: #121212; --op-czerwien: #B08A4E; --op-ease: cubic-bezier(0.22, 0.61, 0.36, 1); --op-ease-out: cubic-bezier(0.16, 0.84, 0.28, 1); --op-linia: #E7E0D5; --op-tekst: #4A4743; }
#pf-wstep.zal-z2 {
  background: var(--op-biel);
  color: var(--op-tekst);
  overflow-x: clip;
}
#pf-wstep.zal-z2 .zal-glowa { min-width: 0; }
#pf-wstep.zal-z2 .zal-h2 { margin-top: 1.25rem; }
#pf-wstep.zal-z2 .zal-lista {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
  margin: 2.75rem 0 0;
  padding: 0;
  list-style: none;
}
#pf-wstep.zal-z2 .zal-poz {
  min-width: 0;
  padding: 1.5rem 0 1.75rem;
  border-top: 1px solid var(--op-linia);
  font-size: 16px !important;
  line-height: 1.6 !important;
}
#pf-wstep.zal-z2 .zal-znak { display: block; width: 34px; height: 34px; }
#pf-wstep.zal-z2 .zal-znak svg { display: block; width: 34px; height: 34px; }
#pf-wstep.zal-z2 .zal-ring {
  fill: none;
  stroke: var(--op-czern);
  stroke-width: 2;
  transform: rotate(-90deg);      
  transform-origin: center;
  transform-box: fill-box;
}
#pf-wstep.zal-z2 .zal-kropka {
  fill: var(--op-czerwien);
  transform-origin: center;
  transform-box: fill-box;
}
#pf-wstep.zal-z2 .zal-poz .zal-tyt {
  margin: 1.25rem 0 0 !important;
  min-width: 0;
  font-family: inherit;
  font-size: 1.25rem !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  letter-spacing: -0.015em !important;
  text-transform: none !important;
  color: var(--op-czern) !important;
  -webkit-text-fill-color: var(--op-czern) !important;
  text-wrap: balance;
}
#pf-wstep.zal-z2 .zal-tekst {
  margin: 0.75rem 0 0;
  max-width: 30rem;
  font-size: 16px !important;
  line-height: 1.6 !important;
  color: var(--op-tekst);
  text-wrap: pretty;
}
@media (min-width: 768px) {
#pf-wstep.zal-z2 .zal-lista {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 2.5rem;
  }
#pf-wstep.zal-z2 .zal-poz { padding: 1.75rem 0 2rem; }
}
@media (min-width: 1024px) {
#pf-wstep.zal-z2 .zal-lista {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    column-gap: 2rem;
    margin-top: 3.5rem;
  }
#pf-wstep.zal-z2 .zal-poz { padding: 1.75rem 0 0; }
#pf-wstep.zal-z2 .zal-h2 { margin-top: 1.5rem; }
}
@media (min-width: 1280px) {
#pf-wstep.zal-z2 .zal-lista { column-gap: 2.5rem; }
}
#pf-wstep.zal-z2.zal-js .zal-ring {
  stroke-dasharray: 101px;
  stroke-dashoffset: 101px;
}
#pf-wstep.zal-z2.zal-js.pf-widoczne .zal-ring {
  stroke-dashoffset: 0;
  transition: stroke-dashoffset 0.8s var(--op-ease-out);
  transition-delay: calc(0.1s + var(--zal-i, 0) * 120ms);
}
#pf-wstep.zal-z2.zal-js .zal-ring.zal-domkniete { stroke-dasharray: none; }
#pf-wstep.zal-z2.zal-js .zal-kropka { transform: scale(0); }
#pf-wstep.zal-z2.zal-js.pf-widoczne .zal-kropka {
  animation: op-zal-pyk 0.5s var(--op-ease) both;
  animation-delay: calc(0.75s + var(--zal-i, 0) * 120ms);
}
@media (prefers-reduced-motion: reduce) {
#pf-wstep.zal-z2 .zal-ring {
    stroke-dasharray: none !important;
    stroke-dashoffset: 0 !important;
    transition: none !important;
  }
#pf-wstep.zal-z2 .zal-kropka {
    transform: none !important;
    animation: none !important;
  }
}
#pf-wstep.zal-z2 .zal-poz { border-top-color: #09090b; }
@keyframes op-zal-pyk {
  0% { transform: scale(0); }
  60% { transform: scale(1.15); }
  100% { transform: scale(1); }
}
@media (min-width: 1024px) { html body #pf-wstep.zal-z2 .zal-lista { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
html body #pf-wstep.zal-z2 .zal-lista .zal-poz { border-top: 1px solid #09090b !important; }
html body #pf-pytania .pt-otwarte .pt-znak { transform: none !important; }
html body #pf-pytania .pt-znak::after { transition: opacity 0.25s ease, background-color 0.3s ease; }
html body #pf-pytania .pt-otwarte .pt-znak::after { opacity: 0; }
html body #pf-pytania .pt-otwarte .pt-nr { color: #ffffff !important; }
#top h1 .hero-br, .br-lg { display: none; }
@media (min-width: 1024px) {
#top h1 .hero-br { display: inline; }
}
.hero-wyrownanie { display: none; }
@media (min-width: 1024px) {
#top .hero-wyrownanie { display: block; height: calc(3.9rem * 1.04); }
}
@media (min-width: 1280px) {
#top .hero-wyrownanie { height: calc(4.5rem * 1.04); }
}
@media (min-width: 640px) {
}
@media (min-width: 1024px) {
}
@media (min-width: 640px) {
}
@media (min-width: 1024px) {
}
:root {
  --op-czern: #121212;
  --op-grafit: #121212;
  --op-grafit-2: #121212;
  --op-czerwien: #B08A4E;      
  --op-czerwien-h: #B3843C;
  --op-biel: #FFFFFF;
  --op-mgla: #F0F2F6;
  --op-linia: #E7E0D5;
  --op-linia-ciemna: rgba(255, 255, 255, 0.12);
  --op-tekst: #4A4743;
  --op-tekst-2: #6B6760;
  --op-szary: #939393;          
  --op-szary-ciemne: #A0A0A0;   
  --op-ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --op-ease-out: cubic-bezier(0.16, 0.84, 0.28, 1);
}
.op-kontener { max-width: 76.75rem; margin-inline: auto; padding-inline: 1.5rem; }
.op-ciemna { background: var(--op-czern); color: #ffffff; }
.op-nadtytul { display: flex; align-items: center; gap: 0.75rem; margin: 0; font-size: 11px; font-weight: 600; letter-spacing: 0.24em; text-transform: uppercase; color: var(--op-tekst-2); }
.op-ciemna .op-nadtytul { color: rgba(255, 255, 255, 0.82); }
.op-nadtytul::before { content: ""; flex: 0 0 auto; width: 2.25rem; height: 2px; background: var(--op-czerwien); transform-origin: left; transform: scaleX(0); transition: transform 1.1s var(--op-ease-out) 0.15s; }
.op-widoczne .op-nadtytul::before, .op-nadtytul.op-widoczne::before { transform: scaleX(1); }
main .op-h2 { margin: 0; font-size: clamp(2.4rem, 4.6vw, 3.75rem) !important; line-height: 0.98 !important; letter-spacing: -0.03em !important; font-weight: 600 !important; color: var(--op-czern) !important; -webkit-text-fill-color: var(--op-czern) !important; text-wrap: balance; }
main .op-h2 .l2 { display: block; color: var(--op-szary) !important; -webkit-text-fill-color: var(--op-szary) !important; }
main .op-ciemna .op-h2 { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; }
main .op-ciemna .op-h2 .l2 { color: var(--op-szary-ciemne) !important; -webkit-text-fill-color: var(--op-szary-ciemne) !important; }
main .op-kropka { color: var(--op-czerwien) !important; -webkit-text-fill-color: var(--op-czerwien) !important; }
main .op-lead, [id^="op-"] .op-lead { font-size: 17px !important; line-height: 1.65 !important; color: var(--op-tekst); max-width: 36rem; margin: 0; }
main .op-ciemna .op-lead, [id^="op-"].op-ciemna .op-lead, [id^="op-"] .op-ciemna .op-lead { color: rgba(255, 255, 255, 0.72); }
.op-przycisk { display: inline-flex; align-items: center; justify-content: center; gap: 0.6rem; min-height: 48px; padding: 0 1.5rem; border: 0; background: var(--op-czerwien); color: #ffffff !important; font: inherit; font-size: 15px; font-weight: 600; text-decoration: none; cursor: pointer; transition: background-color 0.25s ease, color 0.25s ease, box-shadow 0.25s ease; }
.op-przycisk:hover, .op-przycisk:focus-visible { background: var(--op-czerwien-h); }
.op-przycisk svg { transition: transform 0.25s ease; }
.op-przycisk:hover svg { transform: translateX(3px); }
.op-przycisk--obrys { background: transparent; color: var(--op-czern) !important; box-shadow: inset 0 0 0 1.5px var(--op-czern); }
.op-przycisk--obrys:hover, .op-przycisk--obrys:focus-visible { background: var(--op-czern); color: #ffffff !important; }
.op-ciemna .op-przycisk--obrys { color: #ffffff !important; box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, 0.55); }
.op-ciemna .op-przycisk--obrys:hover, .op-ciemna .op-przycisk--obrys:focus-visible { background: #ffffff; color: var(--op-czern) !important; }
[data-op-reveal] .op-wjazd { opacity: 0; transform: translateY(18px); transition: opacity 0.7s var(--op-ease), transform 0.7s var(--op-ease); transition-delay: calc(var(--op-i, 0) * 110ms); }
.op-widoczne .op-wjazd { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) {
.op-nadtytul::before { transition: none; transform: scaleX(1); }
[data-op-reveal] .op-wjazd { opacity: 1; transform: none; transition: none; }
}
#op-hero {
  --hero-menu: 68px;       
  box-sizing: border-box;  
  position: relative;
  isolation: isolate;
  overflow-x: clip;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  min-height: 100svh;
  margin-top: calc(-1 * var(--hero-menu));
  padding-top: var(--hero-menu);
  background: var(--op-czern);
  color: #ffffff;
}
#op-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  background: url("../img/ec27fd66d7eb.webp") center 40% / cover no-repeat var(--op-grafit);
}
#op-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background-image:
    linear-gradient(180deg, rgba(18, 18, 18, 0.55) 0, rgba(18, 18, 18, 0) 140px),
    linear-gradient(180deg,
      rgba(18, 18, 18, 0) 18%,
      rgba(18, 18, 18, 0.72) 62%,
      rgba(18, 18, 18, 0.96) 100%);
}
#op-hero > div { padding-top: 0 !important; padding-bottom: 0 !important; }
#op-hero .hero-plansza { position: relative; z-index: 1; flex: 1 0 auto; display: flex; align-items: flex-end; }
#op-hero .hero-tresc { width: 100%; padding-block: 2rem 3rem; }
#op-hero .hero-cechy { display: flex; flex-wrap: wrap; gap: 0.5rem; margin: 0; padding: 0; list-style: none; }
#op-hero .hero-cecha {
  padding: 0.5rem 1rem;
  border: 1px solid rgba(255, 255, 255, 0.35);
  font-size: 11px !important;
  font-weight: 600;
  line-height: 1.2 !important;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #ffffff;
  white-space: nowrap;
}
#op-hero .hero-tytul {
  margin: 1.75rem 0 0;
  max-width: 22ch;
  font-family: inherit;
  font-size: clamp(2.4rem, 5.4vw, 4.8rem) !important;
  font-weight: 600 !important;
  line-height: 1.04 !important;
  letter-spacing: -0.035em !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
#op-hero .hero-linia {
  display: block;
  overflow: hidden;
  padding: 0.14em 0 0.22em;
  margin: -0.14em 0 -0.22em;
}
#op-hero .hero-linia-in { display: block; }
#op-hero .hero-kropka { display: inline-block; transform-origin: 57% 77%; }
#op-hero .hero-lead {
  margin: 1.5rem 0 0;
  max-width: 34rem;
  font-size: 17px !important;
  line-height: 1.65 !important;
  color: rgba(255, 255, 255, 0.75);
}
#op-hero .hero-akcje { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0.75rem; margin-top: 2.25rem; }
#op-hero .hero-akcje .op-przycisk { white-space: nowrap; }
#op-hero .hero-pasek {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  column-gap: 1.5rem;
  row-gap: 0.5rem;
  max-width: 34rem;
  margin-top: 2.5rem;
  padding-top: 1.25rem;
  border-top: 1px solid rgba(255, 255, 255, 0.14);
}
#op-hero .hero-ocena {
  margin: 0;
  font-size: 14px !important;
  line-height: 1.5 !important;
  color: rgba(255, 255, 255, 0.75);
}
#op-hero .hero-ocena-nr { font-weight: 600; color: #ffffff; }
#op-hero .hero-sep { color: rgba(255, 255, 255, 0.4); }
#op-hero .hero-tel {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.5;
  color: #ffffff;
  white-space: nowrap;
  text-decoration: none;
  padding-bottom: 2px;
  background: linear-gradient(var(--op-czerwien), var(--op-czerwien)) 0 100% / 0 1px no-repeat;
  transition: background-size 0.35s var(--op-ease);
}
#op-hero .hero-tel:hover, #op-hero .hero-tel:focus-visible { background-size: 100% 1px; }
@media (min-width: 640px) {
#op-hero .hero-akcje { display: flex; flex-wrap: wrap; }
}
@media (min-width: 768px) {
#op-hero .hero-tytul { margin-top: 2rem; }
#op-hero .hero-cechy { gap: 0.625rem; }
}
@media (min-width: 1024px) {
#op-hero .hero-tytul { font-size: clamp(2.6rem, 5.4vw, 4.8rem) !important; }
#op-hero .hero-tresc { padding-block: 3.5rem clamp(3.5rem, 8vh, 6rem); }
#op-hero .hero-lead { margin-top: 1.75rem; }
#op-hero .hero-akcje { margin-top: 2.5rem; }
#op-hero .hero-pasek { margin-top: 3rem; }
}
@media (min-width: 1280px) {
#op-hero .hero-tytul { margin-top: 2.25rem; }
}
#op-hero.hero-js .hero-cecha { clip-path: inset(0 100% 0 0); }
#op-hero.hero-start .hero-cecha {
  clip-path: inset(0);
  transition: clip-path 0.5s var(--op-ease-out);
  transition-delay: calc(0.08s + var(--hero-i, 0) * 90ms);
}
#op-hero.hero-js .hero-linia-in { transform: translateY(130%); }
#op-hero.hero-start .hero-linia-in {
  transform: none;
  transition: transform 0.9s var(--op-ease-out);
  transition-delay: calc(0.42s + var(--hero-i, 0) * 70ms);
}
#op-hero.hero-js .hero-kropka { transform: scale(0); }
#op-hero.hero-start .hero-kropka { animation: op-hero-pyk 0.5s var(--op-ease) 1.1s both; }
#op-hero.hero-js .hero-wjazd { opacity: 0; transform: translateY(18px); }
#op-hero.hero-start .hero-wjazd {
  opacity: 1;
  transform: none;
  transition: opacity 0.7s var(--op-ease), transform 0.7s var(--op-ease);
  transition-delay: calc(1.2s + var(--hero-w, 0) * 100ms);
}
@media (prefers-contrast: more) {
#op-hero .hero-lead, #op-hero .hero-ocena { color: rgba(255, 255, 255, 0.9); }
#op-hero .hero-cecha { border-color: rgba(255, 255, 255, 0.6); }
}
@media (prefers-reduced-motion: reduce) {
#op-hero.hero-js .hero-cecha,
  #op-hero.hero-start .hero-cecha { clip-path: none !important; transition: none !important; }
#op-hero.hero-js .hero-linia-in,
  #op-hero.hero-start .hero-linia-in,
  #op-hero.hero-js .hero-kropka,
  #op-hero.hero-start .hero-kropka,
  #op-hero.hero-js .hero-wjazd,
  #op-hero.hero-start .hero-wjazd {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
    animation: none !important;
  }
#op-hero .hero-tel { transition: none; }
}
#op-proces {
  --pro-nr: clamp(2.5rem, 4vw, 3.5rem);   
  --pro-znak: 14px;
  --pro-luz: 1.25rem;                     
  --pro-luz2: 1.5rem;                     
  --pro-os: calc(var(--pro-nr) / 2);      
  --pro-t: 900ms;
  --pro-c: 0ms;
  background: var(--op-czern);
  overflow-x: clip;
}
#op-proces .pro-glowa { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1.5rem; }
#op-proces .pro-glowa-tekst { min-width: 0; }
#op-proces .pro-h2 { margin: 1.25rem 0 0; }
#op-proces .pro-lead {
  max-width: 34rem;
  font-size: 17px !important;
  line-height: 1.65 !important;
  color: rgba(255, 255, 255, 0.72);
}
#op-proces .pro-szyna { margin-top: 3rem; }
#op-proces .pro-kroki {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  margin: 0;
  padding: 0;
  list-style: none;
}
#op-proces .pro-krok {
  position: relative;
  display: grid;
  grid-template-columns: var(--pro-znak) minmax(0, 1fr);
  grid-template-areas:
    "znak nr"
    ".    tresc";
  column-gap: 1.25rem;
  row-gap: 0.75rem;
  padding: 0 0 2.5rem;
  font-size: 16px !important;   
  color: #ffffff;
}
#op-proces .pro-krok:last-child { padding-bottom: 0; }
#op-proces .pro-krok::before {
  content: "";
  position: absolute;
  z-index: 0;
  left: calc(var(--pro-znak) / 2 - 0.5px);
  top: var(--pro-os);
  width: 1px;
  height: 100%;
  background: rgba(255, 255, 255, 0.2);
}
#op-proces .pro-tor {
  position: absolute;
  z-index: 0;
  left: calc(var(--pro-znak) / 2 - 1px);
  top: var(--pro-os);
  width: 2px;
  height: 100%;
  background: var(--op-czerwien);
  transform-origin: center top;
}
#op-proces .pro-krok:last-child::before,
#op-proces .pro-krok:last-child .pro-tor { display: none; }
#op-proces .pro-znak {
  grid-area: znak;
  position: relative;
  z-index: 1;                 
  align-self: start;
  box-sizing: border-box;
  width: var(--pro-znak);
  height: var(--pro-znak);
  margin-top: calc(var(--pro-nr) / 2 - var(--pro-znak) / 2);
  border: 2px solid #ffffff;
  border-radius: 50%;
  background: var(--op-czern);
}
#op-proces .pro-znak::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 6px;
  height: 6px;
  margin: -3px 0 0 -3px;
  border-radius: 50%;
  background: var(--op-czerwien);
}
#op-proces .pro-nr {
  grid-area: nr;
  display: block;
  font-family: inherit;
  font-size: var(--pro-nr);
  font-weight: 600;
  line-height: 1;             
  letter-spacing: -0.02em;
  font-variant-numeric: tabular-nums;
  color: #ffffff;
  -webkit-text-fill-color: #ffffff;
}
#op-proces .pro-tresc { grid-area: tresc; min-width: 0; max-width: 32rem; }
#op-proces .pro-krok .pro-tyt {
  margin: 0 !important;
  font-family: inherit;
  font-size: 1.25rem !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  letter-spacing: -0.015em !important;
  text-transform: none !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-wrap: balance;
}
#op-proces .pro-opis {
  margin: 0.625rem 0 0;
  font-size: 16px !important;
  line-height: 1.6 !important;
  color: rgba(255, 255, 255, 0.72);
  text-wrap: pretty;
}
#op-proces .pro-akcja { margin-top: 3rem; }
@media (min-width: 640px) {
#op-proces .pro-szyna { margin-top: 3.5rem; }
#op-proces .pro-krok { column-gap: 1.75rem; padding-bottom: 3rem; }
#op-proces .pro-krok .pro-tyt { font-size: 1.375rem !important; }
#op-proces .pro-akcja { margin-top: 3.5rem; }
}
@media (min-width: 1024px) {
#op-proces {
    --pro-os: calc(var(--pro-nr) + var(--pro-luz) + var(--pro-znak) / 2);
    --pro-t: 600ms;
    --pro-c: 300ms;
  }
#op-proces .pro-glowa { gap: 1.75rem; }
#op-proces .pro-h2 { margin-top: 1.5rem; }
#op-proces .pro-lead { max-width: 36rem; }
#op-proces .pro-szyna { margin-top: 80px; }
#op-proces .pro-kroki { grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 0; }
#op-proces .pro-krok {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0;                  
    padding: 0 0.75rem;      
  }
#op-proces .pro-krok::before {
    left: 0;
    top: var(--pro-os);
    width: calc(100% + 1px);
    height: 1px;
    margin-top: -0.5px;
  }
#op-proces .pro-tor {
    left: 0;
    top: var(--pro-os);
    width: calc(100% + 1px);
    height: 2px;
    margin-top: -1px;
    transform-origin: left center;
  }
#op-proces .pro-krok:last-child::before { display: block; width: 100%; }
#op-proces .pro-krok:last-child .pro-tor { display: block; width: 100%; }
#op-proces .pro-nr { margin: 0 0 var(--pro-luz); text-align: center; }
#op-proces .pro-znak { align-self: center; margin-top: 0; }
#op-proces .pro-tresc { width: 100%; max-width: 20rem; margin-top: var(--pro-luz2); }
#op-proces .pro-akcja { margin-top: 4.5rem; }
}
@media (min-width: 1280px) {
#op-proces .pro-krok { padding-inline: 1rem; }
#op-proces .pro-akcja { margin-top: 5rem; }
}
#op-proces.pro-js .pro-tor { transform: scaleY(0); }
#op-proces.pro-js .pro-nr,
#op-proces.pro-js .pro-tresc { opacity: 0; transform: translateY(16px); }
#op-proces.pro-js .pro-znak::after { transform: scale(0); }
#op-proces.pro-js .pro-kroki.op-widoczne .pro-tor {
  transform: none;
  transition: transform var(--pro-t) linear;
  transition-delay: calc(var(--pro-i, 0) * var(--pro-t));
}
#op-proces.pro-js .pro-kroki.op-widoczne .pro-nr,
#op-proces.pro-js .pro-kroki.op-widoczne .pro-tresc {
  opacity: 1;
  transform: none;
  transition: opacity 0.55s var(--op-ease), transform 0.7s var(--op-ease-out);
  transition-delay: calc(var(--pro-i, 0) * var(--pro-t) + var(--pro-c));
}
#op-proces.pro-js .pro-kroki.op-widoczne .pro-znak::after {
  transform: scale(1);
  transition: transform 0.45s var(--op-ease);
  transition-delay: calc(var(--pro-i, 0) * var(--pro-t) + var(--pro-c));
}
@media (min-width: 1024px) {
#op-proces.pro-js .pro-tor { transform: scaleX(0); }
}
@media (prefers-contrast: more) {
#op-proces .pro-lead,
  #op-proces .pro-opis { color: rgba(255, 255, 255, 0.88); }
#op-proces .pro-krok::before { background: rgba(255, 255, 255, 0.42); }
}
@media (prefers-reduced-motion: reduce) {
#op-proces.pro-js .pro-tor,
  #op-proces.pro-js .pro-znak::after,
  #op-proces.pro-js .pro-kroki.op-widoczne .pro-tor,
  #op-proces.pro-js .pro-kroki.op-widoczne .pro-znak::after { transform: none !important; transition: none !important; }
#op-proces.pro-js .pro-nr,
  #op-proces.pro-js .pro-tresc,
  #op-proces.pro-js .pro-kroki.op-widoczne .pro-nr,
  #op-proces.pro-js .pro-kroki.op-widoczne .pro-tresc { opacity: 1 !important; transform: none !important; transition: none !important; }
}
#op-proces > div { padding-bottom: calc(var(--sekcja) / 2) !important; }
main .op-nadtytul {
    display: block;
    position: relative;
    width: fit-content;
    gap: 0;
    padding-bottom: 0.35rem;   
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.16em;
  }
main .op-nadtytul::before { display: none; }
main .op-nadtytul::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0.16em;   
    bottom: 0;
    height: 2px;
    background: var(--op-czerwien);
    transform: scaleX(0);
    transform-origin: left center;
    transition: transform 0.7s ease-out 0.15s;
  }
main .op-widoczne .op-nadtytul::after,
  main .op-nadtytul.op-widoczne::after { transform: scaleX(1); }
@media (prefers-reduced-motion: reduce) {
main .op-nadtytul::after { transition: none; transform: scaleX(1); }
}
html body .op-przycisk,
  html body main#strona-glowna .op-przycisk,
  html body main #op-hero .hero-akcje .op-przycisk,
  html body main #op-proces .op-przycisk,
  html body main #op-opinie .op-przycisk.opi-link,
  html body main #op-cta .op-przycisk.cta-przycisk,
  html body main #op-kontakt .op-przycisk.kon-wyslij {
    box-sizing: border-box !important;
    min-height: 40px !important;
    padding: 8px 20px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 21px !important;
  }
@keyframes op-hero-pyk {
  0% { transform: scale(0); }
  60% { transform: scale(1.12); }
  100% { transform: scale(1); }
}
#etapy .etap h3 { display: flex; align-items: center; min-height: 38px; }
#etapy .etap p { margin-top: 1rem !important; }
.text-brand, #proces .text-brand, #etapy .text-brand, #opinie .text-brand, #komu .text-brand, #oferta-lista .text-brand, #top .text-brand { background-image: none !important; background-color: transparent !important; -webkit-background-clip: initial !important; background-clip: initial !important; color: #121212 !important; -webkit-text-fill-color: #121212 !important; }
#etapy .text-brand { color: #CDCDCD !important; -webkit-text-fill-color: #CDCDCD !important; }
#etapy > div { padding-top: var(--sekcja) !important; padding-bottom: var(--sekcja) !important; }
#etapy { position: relative; background: url("../img/ec27fd66d7eb.webp") 82% center / cover no-repeat !important; color: #ffffff; }
#etapy::before { content: ""; position: absolute; inset: 0; background: rgba(18, 18, 18,0.93); }
#etapy > div { position: relative; }
#etapy .naglowek { max-width: 44rem; }
#etapy .naglowek h2 { color: #ffffff !important; }
#etapy .naglowek p { margin-top: 1.5rem; color: rgba(255,255,255,0.78) !important; }
#etapy .punkty { display: grid; gap: 3rem 2.5rem; margin-top: 4.5rem; }
@media (min-width: 640px) {
#etapy .punkty { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1024px) {
#etapy .punkty { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 4rem 3rem; margin-top: 6rem; }
}
#etapy .etap { display: grid; grid-template-columns: auto minmax(0, 1fr); column-gap: 1.1rem; align-items: center; align-content: start; }
#etapy .etap .numer { display: grid; place-items: center; width: 38px; height: 38px; border: 1px solid rgba(255,255,255,0.38); border-radius: 0 !important; font-size: 14px; font-weight: 500; color: #CDCDCD; }
#etapy .etap h3 { margin: 0; font-size: 1.35rem !important; font-weight: 400 !important; letter-spacing: 0.07em !important; text-transform: uppercase; color: #ffffff !important; }
#etapy .etap p { grid-column: 2; margin-top: 1rem; color: rgba(255,255,255,0.78) !important; }
#etapy .zamkniecie { max-width: 46rem; margin: 5rem auto 0; text-align: center; }
@media (min-width: 1024px) {
#etapy .zamkniecie { margin-top: 7rem; }
}
#etapy .zamkniecie h2 { color: #ffffff !important; }
#etapy .zamkniecie p { margin-top: 1.5rem; color: rgba(255,255,255,0.78) !important; }
#etapy .zamkniecie .przycisk { margin-top: 2.25rem; }
section#etapy { background-image: none !important; background-position: 50% 56% !important; background-color: #9A9A9A !important; background-blend-mode: multiply !important; filter: saturate(1.4) !important; }
section#etapy::before { background: rgba(9,9,11,0.5) !important; }
section#etapy, section#etapy p, section#etapy h2, section#etapy h3, section#etapy span, section#etapy div,
  section#kontakt-cta, section#kontakt-cta p, section#kontakt-cta h2, section#kontakt-cta span,
  #proces .karta-foto, #proces .karta-foto p, #proces .karta-foto h3,
  #opinie .karta-kolor, #opinie .karta-kolor p, #opinie .karta-kolor span, #opinie .karta-kolor strong, #opinie .karta-kolor small, #opinie .karta-kolor div,
  #top .text-zinc-500, #top h1 { color: #ffffff !important; }
section#etapy .etap .numer { border-color: rgba(255,255,255,0.55) !important; }
section#etapy .naglowek p, section#etapy .etap p, section#kontakt-cta .srodek p { color: #ffffff !important; }
section#etapy span.bg-brand, #top span.bg-brand { background-color: #ffffff !important; }
section#etapy .kreska-anim::after, #top .kreska-anim::after { background-color: #ffffff !important; }
section#etapy .text-zinc-500, #top .text-zinc-500 { color: #ffffff !important; }
section#etapy .etap .numer { border-color: rgba(255,255,255,0.45) !important; color: #ffffff !important; }
section#kontakt-cta h2, section#kontakt-cta span.bg-brand,
  section#etapy h2, section#etapy h2 .text-brand,
  section#etapy .naglowek h2, section#etapy .zamkniecie h2,
  #proces .karta-foto h3, #opinie .karta-kolor h3 { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; }
#top, section#etapy, section#kontakt-cta, #proces .karta-foto, #opinie .karta-kolor {
    background-color: transparent !important;
    background-blend-mode: normal !important;
    filter: none !important;
  }
section#etapy::before, section#kontakt-cta::before { background: rgba(18, 18, 18, 0.93) !important; }
.kreska-anim::after,
  section#etapy .kreska-anim::after,
  section#kontakt-cta .kreska-anim::after,
  #top .kreska-anim::after,
  #top span.bg-brand,
  section#etapy span.bg-brand,
  section#kontakt-cta span.bg-brand {
    background-image: none !important;
    background-color: #B08A4E !important;
  }
#etapy .etap .numer, section#etapy .etap .numer {
    position: relative !important;
    border-color: transparent !important;
  }
#etapy .etap .numer::before, #etapy .etap .numer::after {
    content: "";
    position: absolute;
    box-sizing: border-box;
    width: 0;
    height: 0;
    pointer-events: none;
    transition: width 0.3s linear, height 0.3s linear 0.3s;
  }
#etapy .etap .numer::before {
    top: -1px; left: -1px;
    border-top: 1px solid #B08A4E;
    border-right: 1px solid #B08A4E;
  }
#etapy .etap .numer::after {
    right: -1px; bottom: -1px;
    border-bottom: 1px solid #B08A4E;
    border-left: 1px solid #B08A4E;
  }
#etapy .etap.is-visible .numer::before, #etapy .etap.is-visible .numer::after {
    width: calc(100% + 2px);
    height: calc(100% + 2px);
  }
@media (prefers-reduced-motion: reduce) {
#etapy .etap .numer::before, #etapy .etap .numer::after {
      width: calc(100% + 2px); height: calc(100% + 2px); transition: none;
    }
}
#obiuro-foto { background: #ffffff !important; }
#obiuro-foto > .opakowanie {
    padding-top: calc(var(--sekcja) / 2) !important;
    padding-bottom: calc(var(--sekcja) / 2) !important;
  }
#obiuro-foto .blok-foto {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: stretch;
  }
#obiuro-foto .foto {
    background-image: url("../img/1c38d9cc2d22.webp");
    background-size: cover;
    background-position: 50% 42%;
    background-repeat: no-repeat;
    min-height: 20rem;
  }
#obiuro-foto .panel {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 1.15rem;
    background: #121212;
    color: #ffffff;
    padding: 2.5rem 1.5rem;
  }
#obiuro-foto .panel h3 { margin: 0; color: #ffffff !important; letter-spacing: -0.01em; }
#obiuro-foto .panel p { margin: 0; color: #ffffff !important; max-width: 36rem; }
#obiuro-foto .przycisk { margin-top: 0.85rem; }
#obiuro-foto .obrys {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.95rem 1.75rem;
    border: 1px solid rgba(255, 255, 255, 0.55);
    color: #ffffff;
    font-size: 15px;
    font-weight: 500;
    transition: background-color 0.25s, border-color 0.25s, color 0.25s;
  }
#obiuro-foto .obrys:hover, #obiuro-foto .obrys:focus-visible {
    background-color: #ffffff !important;
    border-color: #ffffff !important;
    color: #121212 !important;
  }
@media (min-width: 768px) {
#obiuro-foto .panel { padding: 3rem 2.5rem; }
}
@media (min-width: 1024px) {
#obiuro-foto .blok-foto { grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr); }
#obiuro-foto .foto { min-height: 32rem; }
#obiuro-foto .panel { padding: 3.5rem 4rem; }
}
#obiuro-foto .panel { gap: 0; }
#obiuro-foto .panel-tresc { display: flex; flex-direction: column; align-items: flex-start; width: 100%; max-width: 40rem; }
#obiuro-foto .panel-nadtytul { position: relative; display: inline-block; padding-bottom: 0.5rem; font-size: 11px; font-weight: 600; line-height: 1.4; letter-spacing: 0.24em; text-transform: uppercase; color: rgba(255, 255, 255, 0.82); }
#obiuro-foto .panel-nadtytul::after { content: ""; position: absolute; left: 0; right: 0.24em; bottom: 0; height: 2px; background: #B08A4E; transform: scaleX(0); transform-origin: left center; transition: transform 0.7s ease-out 0.75s; }
#obiuro-foto.is-visible .panel-nadtytul::after { transform: scaleX(1); }
#obiuro-foto .panel h3.panel-tytul { margin: 1.25rem 0 0 !important; font-size: clamp(2.1rem, 3.4vw, 3.1rem) !important; font-weight: 600 !important; line-height: 1.02 !important; letter-spacing: -0.03em !important; color: #ffffff !important; }
#obiuro-foto .panel h3.panel-tytul span { display: block; }
#obiuro-foto .panel p.panel-lead { margin: 1.5rem 0 0 !important; max-width: 34rem; font-size: 18px !important; line-height: 1.6 !important; color: #ffffff !important; }
#obiuro-foto .panel-kolumny { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1.5rem; width: 100%; margin-top: 2rem; padding-top: 2rem; border-top: 1px solid rgba(255, 255, 255, 0.16); }
#obiuro-foto .panel .panel-kolumny p { position: relative; margin: 0 !important; padding-top: 1.125rem; max-width: none; font-size: 15px !important; line-height: 1.65 !important; color: rgba(255, 255, 255, 0.78) !important; }
#obiuro-foto .panel .panel-kolumny p::before { content: ""; position: absolute; left: 0; top: 0; width: 24px; height: 2px; background: #B08A4E; }
#obiuro-foto .panel-dol { display: flex; flex-wrap: wrap; align-items: center; gap: 1.25rem 2rem; width: 100%; margin-top: 2.25rem; }
#obiuro-foto .panel-dol .przycisk { margin-top: 0; }
#obiuro-foto .panel-podpis { display: flex; align-items: center; gap: 0.875rem; }
#obiuro-foto .panel-podpis img { display: block; flex: none; width: 44px; height: 44px; border-radius: 50%; }
#obiuro-foto .panel-podpis strong { display: block; font-size: 15px; font-weight: 600; line-height: 1.3; color: #ffffff; }
#obiuro-foto .panel-podpis span span { display: block; font-size: 13px; line-height: 1.45; color: rgba(255, 255, 255, 0.7); }
@media (min-width: 640px) {
#obiuro-foto .panel-kolumny { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 2.5rem; }
}
@media (min-width: 1024px) {
#obiuro-foto .panel { padding: 4.5rem 4.5rem; }
}
@media (prefers-reduced-motion: reduce) {
#obiuro-foto .panel-nadtytul::after { transition: none; transform: scaleX(1); }
}
#etapy .etap h3 { font-size: 1.4rem !important; }
#etapy .etap p { font-size: 17px !important; line-height: 1.68 !important; }
#etapy .etap .numer { width: 1.4rem !important; height: 1.4rem !important; font-size: 11px !important; }
@media (min-width: 1024px) {
#etapy .etap h3 { font-size: 1.7rem !important; }
#etapy .etap .numer { width: 1.7rem !important; height: 1.7rem !important; font-size: 13px !important; }
}
#etapy > div {
    max-width: none !important;
    padding-left: clamp(1.5rem, 6vw, 6rem) !important;
    padding-right: clamp(1.5rem, 6vw, 6rem) !important;
  }
#etapy .naglowek { max-width: 46rem; }
#obiuro-foto .obrys {
    border: 0 !important;
    background-color: #B08A4E !important;
    color: #ffffff !important;
  }
#obiuro-foto .obrys:hover, #obiuro-foto .obrys:focus-visible {
    background-color: #C93B40 !important;
    border: 0 !important;
    color: #ffffff !important;
  }
section#etapy {
    background-image: none !important;
    background-color: #09090b !important;
  }
section#etapy::before { background: transparent !important; }
#obiuro-foto.reveal {
  opacity: 1 !important;
  transform: none !important;
  filter: none !important;
  transition: none !important;
}
#obiuro-foto .foto {
  clip-path: inset(0 100% 0 0);
  transform: scale(1.06);
}
#obiuro-foto .panel { clip-path: inset(0 0 0 100%); }
#obiuro-foto.is-visible .foto {
  clip-path: inset(0 0 0 0);
  transform: scale(1);
  transition: clip-path 0.85s cubic-bezier(0.16, 0.84, 0.28, 1), transform 1.5s cubic-bezier(0.16, 0.84, 0.28, 1);
}
#obiuro-foto.is-visible .panel {
  clip-path: inset(0 0 0 0);
  transition: clip-path 0.85s cubic-bezier(0.16, 0.84, 0.28, 1) 0.06s;
}
@media (prefers-reduced-motion: reduce) {
#obiuro-foto .foto, #obiuro-foto .panel { clip-path: none !important; transform: none !important; }
}
#obiuro-foto .panel { background: #121212 !important; }
#obiuro-foto .obrys {
    background-color: #B08A4E !important;
    border: 0 !important;
    color: #ffffff !important;
  }
#obiuro-foto .obrys:hover, #obiuro-foto .obrys:focus-visible {
    background-color: #B3843C !important;
    border: 0 !important;
    color: #ffffff !important;
  }
section#etapy {
    background-image: none !important;
    background-color: #09090b !important;
  }
section#etapy::before { background: transparent !important; }
.nadtytul > span.kreska-anim,
  section#etapy .nadtytul > span.kreska-anim,
  section#kontakt-cta .nadtytul > span.kreska-anim { background: transparent !important; }
@media (min-width: 1024px) {
#etapy .naglowek { max-width: none !important; }
#etapy .naglowek h2 .naglowek-w { display: block; white-space: nowrap; }
#etapy .naglowek > p { max-width: 46rem; }
}
html body section#etapy .punkty { margin-top: 3rem !important; }
@media (min-width: 1024px) {
html body section#etapy .punkty { margin-top: 4rem !important; }
}
html body section#etapy > div { max-width: 76.75rem !important; margin-left: auto !important; margin-right: auto !important; padding-left: 1.5rem !important; padding-right: 1.5rem !important; }
html body section#etapy#etapy { position: relative; isolation: isolate; background: #121212 !important; background-image: none !important; background-blend-mode: normal !important; filter: none !important; }
html body section#etapy#etapy::before { content: "" !important; display: none !important; position: absolute !important; inset: 0 !important; z-index: 0 !important; pointer-events: none; background: linear-gradient(180deg, rgba(18, 18, 18, 0.92) 0%, rgba(18, 18, 18, 0.84) 100%) !important; }
html body section#etapy#etapy > div { position: relative; z-index: 1; }
html body section#etapy .punkty { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 1rem !important; }
html body section#etapy .etap { display: flex !important; flex-direction: column; align-items: stretch !important; gap: 6px; position: relative; padding: 0 !important; background: none !important; border: 0 !important;
  transition: opacity 0.7s cubic-bezier(0.22, 0.61, 0.36, 1), transform 0.7s cubic-bezier(0.22, 0.61, 0.36, 1), scale 0.35s ease; }
html body section#etapy .etap::before, html body section#etapy .etap::after { display: none !important; content: none !important; }
html body section#etapy .etap-gora, html body section#etapy .etap-dol { position: relative; width: 100%; box-sizing: border-box; transition: background-color 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease; }
html body section#etapy .etap-gora { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1.5rem 1.75rem; background: #121212; }
html body section#etapy .etap-gora::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: #B08A4E; transform: scaleX(0); transform-origin: left center; transition: transform 0.35s ease; }
html body section#etapy .etap-dol { flex: 1 1 auto; padding: 1.75rem 1.75rem 2rem; background: #121212; border: 0; }
html body section#etapy#etapy .etap h3.font-display { margin: 0 !important; font-size: 20px !important; font-weight: 600 !important; line-height: 1.2 !important; letter-spacing: -0.015em !important; text-transform: none !important; white-space: normal !important; color: #ffffff !important; }
html body section#etapy .etap .numer { display: block !important; position: static !important; flex: none; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important;
  font-family: 'Space Grotesk', system-ui, sans-serif !important; font-size: 15px !important; font-weight: 600 !important; line-height: 1 !important; letter-spacing: 0.04em !important; color: #B08A4E !important; -webkit-text-fill-color: #B08A4E !important; -webkit-text-stroke: 0 !important; }
html body section#etapy .etap .numer::before, html body section#etapy .etap .numer::after { display: none !important; content: none !important; }
html body section#etapy .etap p { margin: 0 !important; font-size: 16px !important; line-height: 1.6 !important; color: rgba(255, 255, 255, 0.78) !important; }
@media (min-width: 1024px) {
html body section#etapy .punkty { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 1.25rem !important; }
html body section#etapy .etap-gora { padding: 1.75rem 2.25rem; }
html body section#etapy .etap-dol { padding: 2rem 2.25rem 2.25rem; }
html body section#etapy#etapy .etap h3.font-display { font-size: 22px !important; }
}
@media (min-width: 1280px) {
html body section#etapy .etap-gora { padding: 2rem 2.5rem; }
html body section#etapy .etap-dol { padding: 2.25rem 2.5rem 2.5rem; }
}
html body section#etapy .etap.etap-aktywny { scale: 1.03; z-index: 2; }
html body section#etapy .etap.etap-aktywny .etap-gora, html body section#etapy .etap.etap-aktywny .etap-dol { background-color: #121212; box-shadow: 0 30px 60px -30px rgba(0, 0, 0, 0.6); }
html body section#etapy .etap.etap-aktywny .etap-gora::before { transform: scaleX(1); }
@media (prefers-reduced-motion: reduce) {
html body section#etapy .etap, html body section#etapy .etap-gora::before { transition: none; }
}
html body section#etapy .nadtytul {
    display: grid !important;
    grid-template-columns: auto;
    align-items: end !important;
    gap: 0 !important;
    width: fit-content;
    max-width: 100%;
  }
html body section#etapy .nadtytul > span { grid-area: 1 / 1; }
html body section#etapy .nadtytul > span:last-child {
    display: block;
    padding-bottom: 0.35rem;
    font-size: 14px !important;
    font-weight: 600 !important;
    letter-spacing: 0.16em !important;
    line-height: 1.5 !important;
    white-space: normal !important;
  }
html body section#etapy .nadtytul > span.bg-brand {
    align-self: end;
    justify-self: stretch;
    width: auto !important;
    height: 2px !important;
    font-size: 14px;
    margin-right: 0.16em;
  }
html body section#etapy .nadtytul > .kreska-anim::after { transition: width 0.7s ease-out 0.15s; }
html body section#etapy .nadtytul > span.bg-brand:not(.kreska-anim) {
    transform-origin: left center;
    animation: nadtytul-kreska 0.7s ease-out 0.15s both;
  }
html body section#etapy html.preloader-trwa .nadtytul > span.bg-brand:not(.kreska-anim) { animation: none; transform: scaleX(0); }
@media (prefers-reduced-motion: reduce) {
html body section#etapy .nadtytul > .kreska-anim::after { transition: none; }
html body section#etapy .nadtytul > span.bg-brand:not(.kreska-anim) { animation: none; transform: none; }
}
  @keyframes nadtytul-kreska { from { transform: scaleX(0); } to { transform: scaleX(1); } }
#pf-wstep {
  --wst-kolo: 5.5rem;
  background: #ffffff;
  color: var(--pf-tekst);
  overflow-x: clip;
}
#pf-wstep .wst-h2 { margin: 1.25rem 0 0 !important; }
#pf-wstep .wst-tresc {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  row-gap: 3rem;
  margin-top: 2.25rem;
}
#pf-wstep .wst-bok { min-width: 0; }
#pf-wstep .wst-bok .wst-lead {
  margin: 0 !important;
  max-width: 34rem;
  font-size: 17px !important;
  line-height: 1.7 !important;
  color: var(--pf-tekst) !important;
  text-wrap: pretty;
}
#pf-wstep .wst-marka {
  display: flex;
  align-items: center;
  gap: 1.125rem;
  margin-top: 2.25rem;
}
#pf-wstep .wst-kolo {
  position: relative;
  flex: 0 0 var(--wst-kolo);
  width: var(--wst-kolo);
  height: var(--wst-kolo);
  border-radius: 50%;
  background: var(--pf-mgla);
}
#pf-wstep .wst-kolo .wst-sygnet {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  border-radius: 50%;
  max-width: none;
  height: auto;
  translate: -50% -50%;
}
#pf-wstep .wst-podpis { display: block; min-width: 0; }
#pf-wstep .wst-firma {
  display: block;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.35;
  letter-spacing: -0.01em;
  color: var(--pf-czern);
}
#pf-wstep .wst-miejsce {
  display: block;
  margin-top: 0.2rem;
  font-size: 14px;
  line-height: 1.5;
  color: var(--pf-tekst-2);
}
#pf-wstep .wst-czesc { white-space: nowrap; }
@media (max-width: 479px) {
#pf-wstep .wst-sep { display: none; }
#pf-wstep .wst-czesc { display: block; }
}
#pf-wstep .wst-lista {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  row-gap: 2.25rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
#pf-wstep .wst-lista .wst-punkt {
  min-width: 0;
  margin: 0;
  padding: 0;
  font-size: 16px !important;
  line-height: 1.65 !important;
  color: var(--pf-tekst);
}
#pf-wstep .wst-punkt .wst-tyt {
  margin: 0 !important;
  font-family: inherit;
  font-size: 1.25rem !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  letter-spacing: -0.015em !important;
  text-transform: none !important;
  color: var(--pf-naglowek) !important;
  -webkit-text-fill-color: var(--pf-naglowek) !important;
}
#pf-wstep .wst-punkt .wst-znak {
  display: inline-block;
  width: 7px;
  height: 7px;
  margin-right: 0.7rem;
  vertical-align: 0.2em;
  background: var(--pf-akcent);
}
#pf-wstep .wst-punkt .wst-nazwa {
  padding-bottom: 0.15em;
  background-image: linear-gradient(var(--pf-akcent), var(--pf-akcent));
  background-repeat: no-repeat;
  background-position: 0 100%;
  background-size: 0% 2px;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  transition: background-size 0.4s var(--pf-ease);
}
#pf-wstep .wst-punkt .wst-tekst {
  margin: 0.625rem 0 0 !important;
  max-width: 30rem;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.65 !important;
  color: var(--pf-tekst) !important;
  text-wrap: pretty;
}
@media (min-width: 768px) {
#pf-wstep .wst-h2 { margin-top: 1.5rem !important; }
#pf-wstep .wst-tresc { row-gap: 3.5rem; margin-top: 2.75rem; }
#pf-wstep .wst-lista { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 3rem; row-gap: 2.75rem; }
}
@media (min-width: 1024px) {
#pf-wstep .wst-tresc {
    grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
    column-gap: 3rem;
    align-items: start;
    margin-top: 3.5rem;
  }
#pf-wstep .wst-bok .wst-lead { max-width: 26rem; }
#pf-wstep .wst-marka { margin-top: 2.5rem; }
#pf-wstep .wst-lista { column-gap: 2.5rem; row-gap: 3rem; }
}
@media (min-width: 1280px) {
#pf-wstep .wst-tresc { column-gap: 4rem; }
#pf-wstep .wst-lista { column-gap: 3rem; }
}
@media (hover: hover) and (pointer: fine) {
#pf-wstep .wst-punkt:hover .wst-nazwa { background-size: 100% 2px; }
}
#pf-wstep.wst-js .wst-punkt { opacity: 0; transform: translateY(18px); }
#pf-wstep.wst-js .wst-punkt .wst-znak { transform: scale(0); }
#pf-wstep.wst-js .wst-lista.pf-widoczne .wst-punkt {
  opacity: 1;
  transform: none;
  transition: opacity 0.65s var(--pf-ease), transform 0.75s var(--pf-ease-out);
  transition-delay: calc(0.1s + var(--wst-i, 0) * 110ms);
}
#pf-wstep.wst-js .wst-lista.pf-widoczne .wst-punkt .wst-znak {
  animation: wst-pyk 0.55s var(--pf-ease) both;
  animation-delay: calc(0.45s + var(--wst-i, 0) * 110ms);
}
@media (prefers-contrast: more) {
#pf-wstep .wst-miejsce { color: var(--pf-tekst); }
#pf-wstep .wst-punkt .wst-tekst,
  #pf-wstep .wst-bok .wst-lead { color: #343434 !important; }
}
@media (prefers-reduced-motion: reduce) {
#pf-wstep.wst-js .wst-punkt,
  #pf-wstep.wst-js .wst-lista.pf-widoczne .wst-punkt { opacity: 1 !important; transform: none !important; transition: none !important; }
#pf-wstep.wst-js .wst-punkt .wst-znak,
  #pf-wstep.wst-js .wst-lista.pf-widoczne .wst-punkt .wst-znak { transform: none !important; animation: none !important; }
#pf-wstep .wst-punkt .wst-nazwa { transition: none !important; }
}
#pf-wstep > div { padding-top: calc(var(--sekcja) / 2) !important; }
html body section#pf-wstep > div { padding-top: var(--sekcja) !important; padding-bottom: calc(var(--sekcja) / 2) !important; }
@keyframes wst-pyk {
  0% { transform: scale(0) rotate(-45deg); }
  60% { transform: scale(1.35) rotate(0deg); }
  100% { transform: scale(1) rotate(0deg); }
}
html body section#pf-zalety.w-granat.et-wspolne { background: transparent !important; position: relative; z-index: 1; }
html body #pf-zalety { --pf-czern: #121212; --pf-grafit: #121212; --pf-akcent: #B08A4E; --pf-mgla: #F0F2F6; --pf-linia: #E3E7EE; --pf-tekst: #454545; --pf-tekst-2: #737373; --pf-naglowek: #09090b; --pf-ease: cubic-bezier(0.22, 0.61, 0.36, 1); --pf-ease-out: cubic-bezier(0.16, 0.84, 0.28, 1); }
html body #pf-zalety .pf-kontener { max-width: 76.75rem; margin-inline: auto; padding-inline: 1.5rem; }
html body #pf-zalety .pf-nadtytul { display: block; position: relative; width: fit-content; max-width: 100%; margin: 0; padding-bottom: 0.35rem; font-size: 14px; font-weight: 600; line-height: 1.5; letter-spacing: 0.16em; text-transform: uppercase; color: var(--pf-naglowek); }
html body #pf-zalety.pf-ciemna .pf-nadtytul { color: #ffffff; }
html body #pf-zalety .pf-nadtytul::after { content: ""; position: absolute; left: 0; right: 0.16em; bottom: 0; height: 2px; background: var(--pf-akcent); transform: scaleX(0); transform-origin: left center; transition: transform 0.7s ease-out 0.15s; }
html body #pf-zalety.pf-widoczne .pf-nadtytul::after { transform: scaleX(1); }
html body #pf-zalety .pf-h2 { font-size: clamp(2.4rem, 4.6vw, 3.75rem) !important; line-height: 0.98 !important; letter-spacing: -0.03em !important; font-weight: 600 !important; color: var(--pf-naglowek) !important; -webkit-text-fill-color: var(--pf-naglowek) !important; text-wrap: balance; }
html body #pf-zalety .pf-h2 .l2 { display: block; color: inherit !important; -webkit-text-fill-color: inherit !important; }
html body #pf-zalety.pf-ciemna .pf-h2 { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; }
@media (prefers-reduced-motion: reduce) {
html body #pf-zalety .pf-nadtytul::after { transition: none; transform: scaleX(1); }
}
html body #pf-zalety { --zl-nazwa: 1.375rem; background: var(--pf-czern); color: #ffffff; overflow-x: clip; }
html body #pf-zalety > .pf-kontener { position: relative; }
html body #pf-zalety > .pf-kontener::before { display: none; content: ""; position: absolute; top: 0; left: 1.5rem; right: 1.5rem; height: 1px; background: rgba(255, 255, 255, 0.12); pointer-events: none; }
html body #pf-zalety .zl-h2 { margin: 1.25rem 0 0; }
html body #pf-zalety .zl-lista { display: grid; grid-template-columns: minmax(0, 1fr); margin: 2.5rem 0 0; padding: 0; list-style: none; }
html body #pf-zalety .zl-lista .zl-poz { position: relative; display: grid; grid-template-columns: 24px minmax(0, 1fr); column-gap: 1rem; align-content: start; margin: 0; padding: 1.75rem 0 2rem; font-size: 16px !important; line-height: 1.7 !important; color: #ffffff; }
html body #pf-zalety .zl-lista .zl-poz::marker { content: none; }
html body #pf-zalety .zl-lista .zl-poz::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 1px; background: rgba(255, 255, 255, 0.18); transform-origin: 0 50%; pointer-events: none; }
html body #pf-zalety .zl-ikona { grid-column: 1; grid-row: 1; display: block; width: 24px; height: 24px; margin-top: calc((var(--zl-nazwa) * 1.25 - 24px) / 2); color: var(--pf-akcent); }
html body #pf-zalety .zl-poz .zl-nazwa { grid-column: 2; grid-row: 1; margin: 0 !important; font-family: 'Space Grotesk', system-ui, sans-serif; font-size: var(--zl-nazwa) !important; font-weight: 600 !important; line-height: 1.25 !important; letter-spacing: -0.015em !important; text-transform: none !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; text-wrap: balance; }
html body #pf-zalety .zl-poz .zl-opis { grid-column: 2; grid-row: 2; margin: 0.625rem 0 0 !important; max-width: 34rem; font-family: 'Inter', system-ui, sans-serif; font-size: 16px !important; font-weight: 400 !important; line-height: 1.7 !important; color: rgba(255, 255, 255, 0.8) !important; -webkit-text-fill-color: rgba(255, 255, 255, 0.8) !important; text-wrap: pretty; }
@media (min-width: 768px) {
html body #pf-zalety { --zl-nazwa: 1.5rem; }
}
@media (min-width: 768px) {
html body #pf-zalety .zl-lista { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 3rem; margin-top: 3.25rem; }
}
@media (min-width: 768px) {
html body #pf-zalety .zl-lista .zl-poz { column-gap: 1.25rem; padding: 2rem 0 2.25rem; }
}
@media (min-width: 768px) {
html body #pf-zalety .zl-poz .zl-opis { font-size: 17px !important; }
}
@media (min-width: 1024px) {
html body #pf-zalety .zl-lista { column-gap: 5rem; margin-top: 4rem; }
}
@media (min-width: 1024px) {
html body #pf-zalety .zl-lista .zl-poz { padding: 2.25rem 0 2.5rem; }
}
@media (min-width: 1280px) {
html body #pf-zalety .zl-lista { column-gap: 6rem; }
}
html body #pf-zalety .zl-lista .zl-poz:last-child { padding-bottom: 0; }
@media (min-width: 768px) {
html body #pf-zalety .zl-lista .zl-poz:nth-last-child(2):nth-child(odd) { padding-bottom: 0; }
}
html body #pf-zalety .zl-poz { --zl-k: 0; }
@media (min-width: 768px) {
html body #pf-zalety .zl-poz:nth-child(even) { --zl-k: 1; }
}
html body #pf-zalety.zl-js .zl-lista .zl-poz::before { transform: scaleX(0); }
html body #pf-zalety.zl-js .zl-poz > * { opacity: 0; transform: translateY(14px); }
html body #pf-zalety.zl-js .zl-lista .zl-poz.pf-widoczne::before { transform: none; transition: transform 1.1s var(--pf-ease-out); transition-delay: calc(var(--zl-k) * 180ms); }
html body #pf-zalety.zl-js .zl-poz.pf-widoczne > * { opacity: 1; transform: none; transition: opacity 0.6s var(--pf-ease), transform 0.8s var(--pf-ease-out); transition-delay: calc(var(--zl-k) * 180ms + 260ms); }
html body #pf-zalety.zl-js .zl-poz.pf-widoczne > .zl-opis { transition-delay: calc(var(--zl-k) * 180ms + 340ms); }
html body #pf-zalety:not(.zl-js) .pf-nadtytul::after { transform: scaleX(1); transition: none; }
@media (prefers-contrast: more) {
html body #pf-zalety .zl-poz .zl-opis { color: rgba(255, 255, 255, 0.9) !important; -webkit-text-fill-color: rgba(255, 255, 255, 0.9) !important; }
}
@media (prefers-contrast: more) {
html body #pf-zalety .zl-lista .zl-poz::before { background: rgba(255, 255, 255, 0.4); }
}
@media (prefers-reduced-motion: reduce) {
html body #pf-zalety .zl-lista .zl-poz::before, html body #pf-zalety .zl-poz > * { opacity: 1 !important; transform: none !important; transition: none !important; }
}
@media (min-width: 768px) {
html body #pf-zalety .zl-h2 { margin-top: 1.5rem; }
}
html body #pf-zalety > div { padding-top: calc(var(--sekcja) / 2) !important; }
html body section#pf-zalety.zl-jasne { background: #ffffff !important; color: var(--pf-tekst); }
html body #pf-zalety.zl-jasne .zl-lista .zl-poz { color: var(--pf-tekst); }
html body #pf-zalety.zl-jasne .zl-lista .zl-poz::before { background: var(--pf-linia); }
html body #pf-zalety.zl-jasne .zl-poz .zl-nazwa { color: var(--pf-naglowek) !important; -webkit-text-fill-color: var(--pf-naglowek) !important; }
html body #pf-zalety.zl-jasne .zl-poz .zl-opis { color: var(--pf-tekst) !important; -webkit-text-fill-color: var(--pf-tekst) !important; }
@media (prefers-contrast: more) {
html body #pf-zalety.zl-jasne .zl-poz .zl-opis { color: var(--pf-naglowek) !important; -webkit-text-fill-color: var(--pf-naglowek) !important; }
}
@media (prefers-contrast: more) {
html body #pf-zalety.zl-jasne .zl-lista .zl-poz::before { background: var(--pf-tekst-2); }
}
@keyframes komu-pasmo { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: none; } }
html body #oferta-uslugi .wiersz p { font-size: 15px !important; }
html body #oferta-uslugi .text-brand { background-image: none !important; background-color: transparent !important; -webkit-background-clip: initial !important; background-clip: initial !important; color: #121212 !important; -webkit-text-fill-color: #121212 !important; }
html body #oferta-uslugi > div { padding-top: calc(var(--sekcja) / 2) !important; }
html body #oferta-uslugi { background: #f0f2f6; }
html body #oferta-uslugi .tytul span { display: block; }
html body #oferta-uslugi .lista { margin-top: 3.5rem; border-top: 2px solid #DCD2C2; }
html body #oferta-uslugi .wiersz { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0.75rem; align-items: center; padding: 1.75rem 1.25rem; border-bottom: 2px solid #DCD2C2; transition: background-color 0.3s ease, color 0.3s ease; }
@media (min-width: 1024px) { html body #oferta-uslugi .wiersz { grid-template-columns: 5rem minmax(0, 1fr) minmax(0, 1.1fr); gap: 2.5rem; padding: 2rem 1.75rem; } }
html body #oferta-uslugi .ikona { color: #121212; transition: color 0.3s ease; }
html body #oferta-uslugi .wiersz h3 { margin: 0; font-size: 1.35rem !important; font-weight: 400 !important; color: #09090b !important; transition: color 0.3s ease; }
html body #oferta-uslugi .wiersz p { margin: 0; font-size: 15px !important; line-height: 1.6 !important; color: #4A4743 !important; transition: color 0.3s ease; }
@media (min-width: 1024px) { html body #oferta-uslugi .wiersz p { text-align: right; } }
html body #oferta-uslugi .wiersz { position: relative; }
html body #oferta-uslugi .wiersz::before { content: ""; position: absolute; inset: 0; z-index: 0; background: #121212; transform-origin: center bottom; transform: scaleY(0); transition: transform 0.45s cubic-bezier(0.22, 0.7, 0.25, 1); }
html body #oferta-uslugi .wiersz:hover::before { transform: scaleY(1); }
html body #oferta-uslugi .wiersz > * { position: relative; z-index: 1; }
html body #oferta-uslugi .wiersz:hover .ikona, html body #oferta-uslugi .wiersz:hover h3 { color: #ffffff !important; }
html body #oferta-uslugi .wiersz:hover p { color: rgba(255,255,255,0.9) !important; }
@media (prefers-reduced-motion: reduce) { html body #oferta-uslugi .wiersz::before { transition: none; } }
html body #oferta-uslugi .wiersz::before { background: #121212 !important; }
html body #oferta-uslugi h2 .text-brand { color: #121212 !important; -webkit-text-fill-color: #121212 !important; background-image: none !important; }
html body #oferta-uslugi { background: #ffffff !important; }
html body #oferta-uslugi .wiersz::before { background: #09090b !important; }
html body #oferta-uslugi .wiersz::before { background: #121212 !important; }
html body #oferta-uslugi .lista { border-top: 1px solid #09090b !important; }
html body #oferta-uslugi .wiersz { border-bottom: 1px solid #09090b !important; }
html body #oferta-uslugi > div { padding-bottom: var(--sekcja) !important; }
html body #oferta-uslugi .lista.reveal, html body #oferta-uslugi .lista.reveal-slide-up { opacity: 1 !important; transform: none !important; filter: none !important; transition: none !important; }
html body #oferta-uslugi .lista .wiersz { opacity: 0; }
html body #oferta-uslugi .lista.is-visible .wiersz { animation: komu-pasmo 0.5s cubic-bezier(0.22, 0.61, 0.36, 1) forwards; }
html body #oferta-uslugi .lista.is-visible .wiersz:nth-of-type(1) { animation-delay: 0.02s; }
html body #oferta-uslugi .lista.is-visible .wiersz:nth-of-type(2) { animation-delay: 0.14s; }
html body #oferta-uslugi .lista.is-visible .wiersz:nth-of-type(3) { animation-delay: 0.26s; }
html body #oferta-uslugi .lista.is-visible .wiersz:nth-of-type(4) { animation-delay: 0.38s; }
@media (prefers-reduced-motion: reduce) { html body #oferta-uslugi .lista .wiersz { opacity: 1 !important; animation: none !important; transform: none !important; } }
html body #oferta-uslugi .wiersz::before { background: #121212 !important; }
html body #oferta-uslugi .kreska-anim::after { background-image: none !important; background-color: #121212 !important; }
html body #oferta-uslugi .kreska-anim::after { background-color: #121212 !important; }
html body #oferta-uslugi .kreska-anim::after { background-image: none !important; background-color: #B08A4E !important; }
html body #oferta-uslugi .nadtytul { display: grid !important; grid-template-columns: auto; align-items: end !important; gap: 0 !important; width: fit-content; max-width: 100%; }
html body #oferta-uslugi .nadtytul > span { grid-area: 1 / 1; }
html body #oferta-uslugi .nadtytul > span:last-child { display: block; padding-bottom: 0.35rem; font-size: 14px !important; font-weight: 600 !important; letter-spacing: 0.16em !important; line-height: 1.5 !important; white-space: normal !important; }
html body #oferta-uslugi .nadtytul > span.bg-brand { align-self: end; justify-self: stretch; width: auto !important; height: 2px !important; font-size: 14px; margin-right: 0.16em; }
html body #oferta-uslugi .nadtytul > span.kreska-anim { background: transparent !important; }
html body #oferta-uslugi .nadtytul > .kreska-anim::after { transition: width 0.7s ease-out 0.15s; }
html body #oferta-uslugi .nadtytul > span.bg-brand:not(.kreska-anim) { transform-origin: left center; animation: nadtytul-kreska 0.7s ease-out 0.15s both; }
html body #oferta-uslugi html.preloader-trwa .nadtytul > span.bg-brand:not(.kreska-anim) { animation: none; transform: scaleX(0); }
@media (prefers-reduced-motion: reduce) { html body #oferta-uslugi .nadtytul > .kreska-anim::after { transition: none; } }
@media (prefers-reduced-motion: reduce) { html body #oferta-uslugi .nadtytul > span.bg-brand:not(.kreska-anim) { animation: none; transform: none; } }
@keyframes nadtytul-kreska { from { transform: scaleX(0); } to { transform: scaleX(1); } }
html body #oferta-uslugi h2 span:not(.text-brand) { color: #09090b !important; -webkit-text-fill-color: #09090b !important; }
html body section#pf-opinie-k .op-lista .op-el { background-color: #121212; }
html body section#pf-opinie-k.op-ruch .op-lista .op-el.op-aktywne { background-color: #121212; }
html body #pf-opinie-k { --op-linia: rgba(255, 255, 255, 0.22); --op-zolty: #B08A4E; position: relative; isolation: isolate; overflow-x: clip; background: var(--pf-czern); color: #ffffff; }
html body #pf-opinie-k::before { content: ""; position: absolute; inset: 0; z-index: -2; background: none center center / cover no-repeat var(--pf-grafit); }
html body #pf-opinie-k::after { content: ""; position: absolute; inset: 0; z-index: -1; background: rgba(18, 18, 18, 0.92); }
html body #pf-opinie-k > .pf-kontener { padding-top: var(--sekcja) !important; padding-bottom: var(--sekcja) !important; }
html body #pf-opinie-k .op-glowa { display: grid; grid-template-columns: minmax(0, 1fr); row-gap: 2rem; }
html body #pf-opinie-k .op-naglowek { min-width: 0; }
html body #pf-opinie-k .op-h2 { margin: 1.5rem 0 0 !important; }
html body #pf-opinie-k .op-ocena { justify-self: start; min-width: 0; font-family: 'Inter', system-ui, sans-serif; }
html body #pf-opinie-k .op-ocena-gora { display: flex; align-items: flex-end; flex-wrap: wrap; column-gap: 1.25rem; row-gap: 0.5rem; padding-bottom: 1rem; border-bottom: 1px solid var(--op-linia); }
html body #pf-opinie-k .op-wynik { display: flex; align-items: baseline; gap: 0.5rem; font-family: 'Space Grotesk', system-ui, sans-serif; color: #ffffff; }
html body #pf-opinie-k .op-liczba { display: block; font-size: 3.5rem; font-weight: 600; line-height: 0.82; letter-spacing: -0.045em; white-space: nowrap; }
html body #pf-opinie-k .op-max { display: block; font-size: 1.25rem; font-weight: 500; line-height: 1; white-space: nowrap; color: rgba(255, 255, 255, 0.6); }
html body #pf-opinie-k .op-gwiazdy { display: flex; gap: 3px; padding-bottom: 2px; }
html body #pf-opinie-k .op-gwiazdy svg, html body #pf-opinie-k .op-gw svg { display: block; flex: 0 0 auto; fill: var(--op-zolty); }
html body #pf-opinie-k .op-gwiazdy svg { width: 20px; height: 20px; }
html body #pf-opinie-k .op-profil { display: inline-flex; align-items: center; gap: 0.625rem; margin-top: 1rem; font-size: 15px; font-weight: 500; line-height: 1.4; color: #ffffff; text-decoration: none; }
html body #pf-opinie-k .op-profil .op-g { display: block; flex: 0 0 auto; width: 18px; height: 18px; }
html body #pf-opinie-k .op-profil-tekst { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 5px; text-decoration-color: rgba(255, 255, 255, 0.4); transition: text-decoration-color 0.3s var(--pf-ease); }
html body #pf-opinie-k .op-strzalka { display: block; flex: 0 0 auto; width: 16px; height: 16px; color: rgba(255, 255, 255, 0.7); transition: color 0.3s var(--pf-ease), transform 0.3s var(--pf-ease); }
@media (hover: hover) and (pointer: fine) {
html body #pf-opinie-k .op-profil:hover .op-profil-tekst { text-decoration-color: var(--pf-akcent); }
}
@media (hover: hover) and (pointer: fine) {
html body #pf-opinie-k .op-profil:hover .op-strzalka { color: #ffffff; transform: translate(2px, -2px); }
}
html body #pf-opinie-k .op-profil:focus-visible { outline: 2px solid var(--pf-akcent); outline-offset: 4px; }
html body #pf-opinie-k .op-profil:focus-visible .op-profil-tekst { text-decoration-color: var(--pf-akcent); }
html body #pf-opinie-k .op-sr { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; border: 0; }
html body #pf-opinie-k .op-pasek { position: relative; margin-top: 2.5rem; border: 1px solid var(--op-linia); }
html body #pf-opinie-k .op-lista { display: grid; grid-template-columns: minmax(0, 1fr); margin: 0; padding: 0; list-style: none; }
html body #pf-opinie-k .op-lista .op-el { display: flex; min-width: 0; margin: 0; padding: 0; font-size: 16px !important; line-height: 1.6 !important; transition: background-color 0.6s var(--pf-ease); }
html body #pf-opinie-k .op-lista .op-el::before, html body #pf-opinie-k .op-lista .op-el::marker { content: none; }
html body #pf-opinie-k .op-lista .op-el + .op-el { border-top: 1px solid var(--op-linia); }
html body #pf-opinie-k .op-pole { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; margin: 0; padding: 1.5rem 1.375rem 1.375rem; font-family: 'Inter', system-ui, sans-serif; }
html body #pf-opinie-k .op-cudzyslow { display: block; height: 1.125rem; overflow: visible; font-family: 'Space Grotesk', system-ui, sans-serif; font-size: 2.75rem; font-weight: 600; line-height: 0.9; color: var(--pf-akcent); -webkit-text-fill-color: var(--pf-akcent); }
html body #pf-opinie-k .op-cytat { margin: 0.875rem 0 1.25rem; padding: 0; border: 0; quotes: none; }
html body #pf-opinie-k .op-cytat p { margin: 0 !important; font-family: 'Inter', system-ui, sans-serif; font-size: 16px !important; font-weight: 400 !important; line-height: 1.7 !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; text-wrap: pretty; }
html body #pf-opinie-k .op-stopka { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-top: auto; padding-top: 1rem; border-top: 1px solid rgba(255, 255, 255, 0.14); }
html body #pf-opinie-k .op-kto { display: block; min-width: 0; }
html body #pf-opinie-k .op-imie { display: block; font-size: 15px; font-weight: 600; line-height: 1.35; color: #ffffff; }
html body #pf-opinie-k .op-zrodlo { display: block; margin-top: 0.125rem; font-size: 13px; line-height: 1.4; color: rgba(255, 255, 255, 0.6); }
html body #pf-opinie-k .op-gw { display: flex; gap: 2px; flex: 0 0 auto; }
html body #pf-opinie-k .op-gw svg { width: 13px; height: 13px; }
html body #pf-opinie-k .op-wskaznik { position: absolute; left: 0; top: 0; width: 0; height: 2px; background: var(--pf-akcent); opacity: 0; pointer-events: none; transform-origin: left center; will-change: transform; }
@media (min-width: 640px) {
html body #pf-opinie-k .op-pasek { margin-top: 3rem; }
}
@media (min-width: 640px) {
html body #pf-opinie-k .op-pole { display: grid; grid-template-columns: minmax(0, 1fr) 11.5rem; grid-template-rows: auto 1fr; column-gap: 2.5rem; padding: 1.75rem 2rem 1.875rem; }
}
@media (min-width: 640px) {
html body #pf-opinie-k .op-cudzyslow { grid-column: 1; grid-row: 1; }
}
@media (min-width: 640px) {
html body #pf-opinie-k .op-cytat { grid-column: 1; grid-row: 2; margin: 0.875rem 0 0; }
}
@media (min-width: 640px) {
html body #pf-opinie-k .op-stopka { grid-column: 2; grid-row: 1 / span 2; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 0.625rem; margin-top: 0; padding: 0.125rem 0 0 1.5rem; border-top: 0; border-left: 1px solid rgba(255, 255, 255, 0.14); }
}
@media (min-width: 1024px) {
html body #pf-opinie-k .op-glowa { grid-template-columns: minmax(0, 1fr) auto; column-gap: 3rem; align-items: end; }
}
@media (min-width: 1024px) {
html body #pf-opinie-k .op-h2 { white-space: nowrap; }
}
@media (min-width: 1024px) {
html body #pf-opinie-k .op-ocena { justify-self: end; }
}
@media (min-width: 1024px) {
html body #pf-opinie-k .op-liczba { font-size: 4rem; }
}
@media (min-width: 1024px) {
html body #pf-opinie-k .op-pasek { margin-top: 4rem; }
}
@media (min-width: 1024px) {
html body #pf-opinie-k .op-lista { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (min-width: 1024px) {
html body #pf-opinie-k .op-lista .op-el + .op-el { border-top: 0; border-left: 1px solid var(--op-linia); }
}
@media (min-width: 1024px) {
html body #pf-opinie-k .op-pole { display: flex; flex-direction: column; padding: 1.875rem 1.75rem 1.625rem; }
}
@media (min-width: 1024px) {
html body #pf-opinie-k .op-cytat { margin: 0.875rem 0 1.5rem; }
}
@media (min-width: 1024px) {
html body #pf-opinie-k .op-cytat p { font-size: 15px !important; line-height: 1.65 !important; }
}
@media (min-width: 1024px) {
html body #pf-opinie-k .op-stopka { flex-direction: row; align-items: center; justify-content: space-between; gap: 1rem; margin-top: auto; padding: 1rem 0 0; border-left: 0; border-top: 1px solid rgba(255, 255, 255, 0.14); }
}
@media (min-width: 1280px) {
html body #pf-opinie-k .op-pole { padding: 2rem 2.25rem 1.75rem; }
}
@media (min-width: 1280px) {
html body #pf-opinie-k .op-cytat p { font-size: 16px !important; line-height: 1.7 !important; }
}
html body #pf-opinie-k.op-ruch .op-lista .op-el.op-aktywne { background-color: rgba(255, 255, 255, 0.06); }
html body #pf-opinie-k.op-ruch .op-wskaznik.op-jest { opacity: 1; transition: opacity 0.5s var(--pf-ease); }
html body #pf-opinie-k.op-ruch .op-wskaznik.op-jedzie { transition: opacity 0.5s var(--pf-ease), transform 0.85s var(--pf-ease-out), width 0.85s var(--pf-ease-out), height 0.85s var(--pf-ease-out); }
html body #pf-opinie-k.op-ruch .op-lista .op-el > .op-pole { opacity: 0; transform: translateY(18px); }
html body #pf-opinie-k.op-ruch .op-pasek.pf-widoczne .op-el > .op-pole { opacity: 1; transform: none; transition: opacity 0.7s var(--pf-ease), transform 0.8s var(--pf-ease-out); transition-delay: calc(var(--op-i, 0) * 140ms); }
html body #pf-opinie-k.op-awaryjnie .op-lista .op-el > .op-pole { opacity: 1; transform: none; }
html body #pf-opinie-k:not(.op-ruch) .pf-nadtytul::after, html body #pf-opinie-k.op-awaryjnie .pf-nadtytul::after { transform: scaleX(1); }
@media (prefers-contrast: more) {
html body #pf-opinie-k .op-zrodlo, html body #pf-opinie-k .op-max { color: #ffffff; }
}
@media (prefers-reduced-motion: reduce) {
html body #pf-opinie-k .op-lista .op-el > .op-pole, html body #pf-opinie-k.op-ruch .op-lista .op-el > .op-pole, html body #pf-opinie-k.op-ruch .op-pasek.pf-widoczne .op-el > .op-pole { opacity: 1 !important; transform: none !important; transition: none !important; }
}
@media (prefers-reduced-motion: reduce) {
html body #pf-opinie-k .op-wskaznik { display: none !important; }
}
@media (prefers-reduced-motion: reduce) {
html body #pf-opinie-k .op-lista .op-el, html body #pf-opinie-k .op-profil-tekst, html body #pf-opinie-k .op-strzalka { transition: none !important; }
}
@media (prefers-reduced-motion: reduce) {
html body #pf-opinie-k .op-profil:hover .op-strzalka { transform: none; }
}
@media (min-width: 1024px) {
html body #pf-opinie-k .op-lista .op-el:nth-child(3n+1) { border-left: 0; }
}
@media (min-width: 1024px) {
html body #pf-opinie-k .op-lista .op-el:nth-child(n+4) { border-top: 1px solid var(--op-linia); }
}
html body #pf-opinie-k .op-wskaznik { display: none !important; }
html body #pf-opinie-k .op-lista .op-el { position: relative; }
html body #pf-opinie-k .op-lista .op-el::after { content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 2px; background: var(--pf-akcent); opacity: 0; transition: opacity 0.5s var(--pf-ease); pointer-events: none; }
html body #pf-opinie-k.op-ruch .op-lista .op-el.op-aktywne::after { opacity: 1; }
@media (prefers-reduced-motion: reduce) {
html body #pf-opinie-k .op-lista .op-el::after { transition: none; }
}
html body #pf-opinie-k .op-wiecej { margin-top: 2.25rem; }
html body #pf-opinie-k .op-wiecej-link { display: inline-flex; align-items: center; gap: 0.625rem; font-size: 15px; font-weight: 500; color: #ffffff; text-decoration: underline; text-decoration-color: rgba(255, 255, 255, 0.35); text-underline-offset: 5px; transition: text-decoration-color 0.25s ease; }
html body #pf-opinie-k .op-wiecej-link svg { color: var(--pf-akcent); transition: transform 0.3s var(--pf-ease); }
html body #pf-opinie-k .op-wiecej-link:hover { text-decoration-color: var(--pf-akcent); }
html body #pf-opinie-k .op-wiecej-link:hover svg { transform: translateX(4px); }
html body #pf-opinie-k .op-profil { display: flex; width: fit-content; }
html body section#pf-opinie-k { background: #121212 !important; }
html body section#pf-opinie-k::before, html body section#pf-opinie-k::after { display: none !important; content: none !important; }
html body section#pf-opinie-k > .pf-kontener { padding-top: var(--sekcja) !important; padding-bottom: var(--sekcja) !important; }
html body #pf-opinie-k .op-lista .op-el { transition: background-color 0.6s var(--pf-ease), transform 0.45s var(--pf-ease), box-shadow 0.45s var(--pf-ease); }
html body section#pf-opinie-k.op-ruch .op-lista .op-el.op-aktywne { background-color: #121212 !important; transform: translateY(-10px); box-shadow: 0 34px 60px -30px rgba(0, 0, 0, 0.65); z-index: 2; }
html body #pf-opinie-k .op-lista .op-el::after { opacity: 1 !important; transform: scaleX(0); transform-origin: left center; transition: transform 0.7s var(--pf-ease-out, cubic-bezier(0.16, 0.84, 0.28, 1)); }
html body #pf-opinie-k.op-ruch .op-lista .op-el.op-aktywne::after { transform: scaleX(1); }
@media (prefers-reduced-motion: reduce) { html body #pf-opinie-k .op-lista .op-el, html body #pf-opinie-k .op-lista .op-el::after { transition: none; } }
html body #pf-opinie-k .op-pasek { border: 0 !important; }
html body #pf-opinie-k .op-lista .op-el, html body #pf-opinie-k .op-lista .op-el + .op-el, html body #pf-opinie-k .op-lista .op-el:nth-child(3n+1), html body #pf-opinie-k .op-lista .op-el:nth-child(n+4) { border: 1px solid var(--op-linia) !important; }
html body #pf-opinie-k .op-lista .op-el + .op-el { margin-top: -1px; }
@media (min-width: 1024px) { html body #pf-opinie-k .op-lista .op-el + .op-el { margin-top: 0; margin-left: -1px; } }
html body #pf-opinie-k .op-lista .op-el::after { top: -1px !important; bottom: auto !important; left: -1px !important; right: -1px !important; }
html body section#oferta-uslugi > div { padding-top: var(--sekcja) !important; padding-bottom: calc(var(--sekcja) / 2) !important; }
html body section#pf-wstep > div { padding-top: calc(var(--sekcja) / 2) !important; padding-bottom: var(--sekcja) !important; }
html body section#op-proces > div { padding-top: var(--sekcja) !important; padding-bottom: calc(var(--sekcja) / 2) !important; }
html body section#pf-zalety > div { padding-top: calc(var(--sekcja) / 2) !important; padding-bottom: var(--sekcja) !important; }
html body section#pf-jak > div { padding-top: var(--sekcja) !important; padding-bottom: var(--sekcja) !important; }
html body section#pf-opinie-k > .pf-kontener { padding-top: var(--sekcja) !important; padding-bottom: var(--sekcja) !important; }
html body section#op-hero::before, html body section#op-hero::after, html body section#pf-cta::before, html body section#pf-cta::after { display: none !important; background: none !important; }
html body section#op-hero, html body section#pf-cta { background: #121212 !important; background-image: none !important; }
html body section#op-hero h1.hero-tytul { font-family: 'Space Grotesk', system-ui, sans-serif !important; font-weight: 600 !important; font-size: 2.6rem !important; line-height: 0.98 !important; letter-spacing: -0.03em !important; }
@media (min-width: 640px) { html body section#op-hero h1.hero-tytul { font-size: 3.75rem !important; } }
html body section#op-hero { position: relative; overflow: hidden; }
html body section#op-hero .u-hero-osoba { position: absolute; right: calc(max(1.5rem, (100vw - 76.75rem) / 2) - 8px); bottom: 0; z-index: 1; display: none; pointer-events: none; }
html body section#op-hero .u-hero-osoba { bottom: 0; }
html body section#op-hero .u-hero-osoba img { display: block; height: min(calc((100svh - 138px) * 1.08), 43.2rem); width: auto; max-width: none; object-fit: contain; }
html body section#op-hero .hero-tresc { position: relative; z-index: 2; }
@media (min-width: 1024px) {
  html body section#op-hero .u-hero-osoba { display: block !important; }
  html body section#op-hero h1.hero-tytul { max-width: 40rem; }
  html body section#op-hero .hero-lead { max-width: 34rem; }
}
html body section#op-hero .u-nadtytul { display: inline-block; margin-bottom: 0.25rem; padding-bottom: 0.6rem; border-bottom: 2px solid #B08A4E; font-family: 'Space Grotesk', system-ui, sans-serif; font-size: 13px; font-weight: 600; line-height: 1.2; letter-spacing: 0.24em; text-transform: uppercase; color: #ffffff; }
html body section#op-hero .hero-pasek { margin-top: 3rem; max-width: 24rem; padding-top: 1.25rem; border-top: 1px solid rgba(255, 255, 255, 0.18); }
html body section#op-hero { background: url("../img/ec27fd66d7eb.webp") center center / cover no-repeat #121212 !important; }
html body section#op-hero::before { content: "" !important; display: block !important; position: absolute !important; inset: 0 !important; z-index: 0 !important; pointer-events: none;
  background: linear-gradient(90deg, rgba(18, 18, 18, 0.53) 0%, rgba(18, 18, 18, 0.26) 38%, rgba(18, 18, 18, 0) 62%), rgba(18, 18, 18, 0.70) !important; }
html body section#pf-cta { background: url("../img/8236086470c0.webp") center center / cover no-repeat #121212 !important; }
html body section#pf-cta::before { content: "" !important; display: block !important; position: absolute !important; inset: 0 !important; z-index: 0 !important; background: rgba(18, 18, 18, 0.95) !important; pointer-events: none; }
html body section#pf-cta > .pf-kontener { position: relative; z-index: 1; }
html body #obiuro-foto .blok-foto { background: #121212 !important; }
html body #obiuro-foto .foto {
  position: relative; overflow: hidden;
  background-color: #121212 !important;
  background-image:
    linear-gradient(90deg, rgba(18, 18, 18, 0.44) 0%, rgba(18, 18, 18, 0.20) 38%, rgba(18, 18, 18, 0) 62%),
    linear-gradient(rgba(18, 18, 18, 0.56), rgba(18, 18, 18, 0.56)),
    url("../img/ec27fd66d7eb.webp") !important;
  background-size: cover, cover, cover !important;
  background-position: center center, center center, center center !important;
  background-repeat: no-repeat, no-repeat, no-repeat !important;
  margin-right: -1px;
}
html body #obiuro-foto .foto::before {
  content: ""; position: absolute; inset: 0; z-index: 2; pointer-events: none;
  background: linear-gradient(to bottom, rgba(18, 18, 18, 0) 56%, rgba(12, 12, 12, 0.44) 100%);
}
html body #obiuro-foto .foto::after {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  z-index: 1;
  background: url("../img/1b30f565f370.webp") 50% calc(100% + 42px) / auto 622px no-repeat;   
  filter: saturate(0.8) hue-rotate(-7deg) drop-shadow(16px 12px 26px rgba(9, 9, 9, 0.5));
}
html body #obiuro-foto .panel { background: #121212 !important; }
html body section#op-proces .op-nadtytul::before { display: none !important; content: none !important; }
html body section#op-proces .op-nadtytul { color: #ffffff !important; }
html body section#op-proces h2 .l2, html body section#op-proces h2 .op-kropka { color: #ffffff !important; }
html body #galeria .nadtytul .kreska-anim, html body #oferta-uslugi .nadtytul .kreska-anim { display: none !important; }
html body #galeria .nadtytul > span:last-child, html body #oferta-uslugi .nadtytul > span:last-child {
  font-size: 14px !important; font-weight: 600 !important; letter-spacing: 2.24px !important;
  color: #09090B !important; padding-bottom: 5.6px; border-bottom: 2px solid #B08A4E;
}
html body #galeria h2, html body #galeria h2 span,
html body #oferta-uslugi h2, html body #oferta-uslugi h2 span { color: #09090B !important; }
html body #oferta-uslugi h2 span.text-brand, html body #galeria h2 span.text-brand { color: #09090B !important; }
#obiuro-biuro { background: #ffffff !important; }
#obiuro-biuro > .opakowanie {
    padding-top: calc(var(--sekcja) / 2) !important;
    padding-bottom: calc(var(--sekcja) / 2) !important;
  }
#obiuro-biuro .blok-foto {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: stretch;
  }
#obiuro-biuro .foto {
    background-image: url("../img/1c38d9cc2d22.webp");
    background-size: cover;
    background-position: 50% 42%;
    background-repeat: no-repeat;
    min-height: 20rem;
  }
#obiuro-biuro .panel {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 1.15rem;
    background: #121212;
    color: #ffffff;
    padding: 2.5rem 1.5rem;
  }
#obiuro-biuro .panel h3 { margin: 0; color: #ffffff !important; letter-spacing: -0.01em; }
#obiuro-biuro .panel p { margin: 0; color: #ffffff !important; max-width: 36rem; }
#obiuro-biuro .przycisk { margin-top: 0.85rem; }
#obiuro-biuro .obrys {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.95rem 1.75rem;
    border: 1px solid rgba(255, 255, 255, 0.55);
    color: #ffffff;
    font-size: 15px;
    font-weight: 500;
    transition: background-color 0.25s, border-color 0.25s, color 0.25s;
  }
#obiuro-biuro .obrys:hover, #obiuro-biuro .obrys:focus-visible {
    background-color: #ffffff !important;
    border-color: #ffffff !important;
    color: #121212 !important;
  }
@media (min-width: 768px) {
#obiuro-biuro .panel { padding: 3rem 2.5rem; }
}
@media (min-width: 1024px) {
#obiuro-biuro .blok-foto { grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr); }
#obiuro-biuro .foto { min-height: 32rem; }
#obiuro-biuro .panel { padding: 3.5rem 4rem; }
}
#obiuro-biuro .obrys {
    border: 0 !important;
    background-color: #B08A4E !important;
    color: #ffffff !important;
  }
#obiuro-biuro .obrys:hover, #obiuro-biuro .obrys:focus-visible {
    background-color: #B3843C !important;
    border: 0 !important;
    color: #ffffff !important;
  }
#obiuro-biuro.reveal {
  opacity: 1 !important;
  transform: none !important;
  filter: none !important;
  transition: none !important;
}
#obiuro-biuro .foto {
  clip-path: inset(0 100% 0 0);
  transform: scale(1.06);
}
#obiuro-biuro .panel { clip-path: inset(0 0 0 100%); }
#obiuro-biuro.is-visible .foto {
  clip-path: inset(0 0 0 0);
  transform: scale(1);
  transition: clip-path 0.85s cubic-bezier(0.16, 0.84, 0.28, 1), transform 1.5s cubic-bezier(0.16, 0.84, 0.28, 1);
}
#obiuro-biuro.is-visible .panel {
  clip-path: inset(0 0 0 0);
  transition: clip-path 0.85s cubic-bezier(0.16, 0.84, 0.28, 1) 0.06s;
}
@media (prefers-reduced-motion: reduce) {
#obiuro-biuro .foto, #obiuro-biuro .panel { clip-path: none !important; transform: none !important; }
}
#obiuro-biuro { background: #ffffff !important; }
#obiuro-biuro > .opakowanie {
    padding-top: calc(var(--sekcja) / 2) !important;
    padding-bottom: calc(var(--sekcja) / 2) !important;
  }
#obiuro-biuro .blok-foto {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: stretch;
  }
#obiuro-biuro .foto {
    background-image: url("../img/1c38d9cc2d22.webp");
    background-size: cover;
    background-position: 50% 42%;
    background-repeat: no-repeat;
    min-height: 20rem;
  }
#obiuro-biuro .panel {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 1.15rem;
    background: #121212;
    color: #ffffff;
    padding: 2.5rem 1.5rem;
  }
#obiuro-biuro .panel h3 { margin: 0; color: #ffffff !important; letter-spacing: -0.01em; }
#obiuro-biuro .panel p { margin: 0; color: #ffffff !important; max-width: 36rem; }
#obiuro-biuro .przycisk { margin-top: 0.85rem; }
#obiuro-biuro .obrys {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.95rem 1.75rem;
    border: 1px solid rgba(255, 255, 255, 0.55);
    color: #ffffff;
    font-size: 15px;
    font-weight: 500;
    transition: background-color 0.25s, border-color 0.25s, color 0.25s;
  }
#obiuro-biuro .obrys:hover, #obiuro-biuro .obrys:focus-visible {
    background-color: #ffffff !important;
    border-color: #ffffff !important;
    color: #121212 !important;
  }
@media (min-width: 768px) {
#obiuro-biuro .panel { padding: 3rem 2.5rem; }
}
@media (min-width: 1024px) {
#obiuro-biuro .blok-foto { grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr); }
#obiuro-biuro .foto { min-height: 32rem; }
#obiuro-biuro .panel { padding: 3.5rem 4rem; }
}
#obiuro-biuro .panel { gap: 0; }
#obiuro-biuro .panel-tresc { display: flex; flex-direction: column; align-items: flex-start; width: 100%; max-width: 40rem; }
#obiuro-biuro .panel-nadtytul { position: relative; display: inline-block; padding-bottom: 0.5rem; font-size: 11px; font-weight: 600; line-height: 1.4; letter-spacing: 0.24em; text-transform: uppercase; color: rgba(255, 255, 255, 0.82); }
#obiuro-biuro .panel-nadtytul::after { content: ""; position: absolute; left: 0; right: 0.24em; bottom: 0; height: 2px; background: #B08A4E; transform: scaleX(0); transform-origin: left center; transition: transform 0.7s ease-out 0.75s; }
#obiuro-biuro.is-visible .panel-nadtytul::after { transform: scaleX(1); }
#obiuro-biuro .panel h3.panel-tytul { margin: 1.25rem 0 0 !important; font-size: clamp(2.1rem, 3.4vw, 3.1rem) !important; font-weight: 600 !important; line-height: 1.02 !important; letter-spacing: -0.03em !important; color: #ffffff !important; }
#obiuro-biuro .panel h3.panel-tytul span { display: block; }
#obiuro-biuro .panel p.panel-lead { margin: 1.5rem 0 0 !important; max-width: 34rem; font-size: 18px !important; line-height: 1.6 !important; color: #ffffff !important; }
#obiuro-biuro .panel-kolumny { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1.5rem; width: 100%; margin-top: 2rem; padding-top: 2rem; border-top: 1px solid rgba(255, 255, 255, 0.16); }
#obiuro-biuro .panel .panel-kolumny p { position: relative; margin: 0 !important; padding-top: 1.125rem; max-width: none; font-size: 15px !important; line-height: 1.65 !important; color: rgba(255, 255, 255, 0.78) !important; }
#obiuro-biuro .panel .panel-kolumny p::before { content: ""; position: absolute; left: 0; top: 0; width: 24px; height: 2px; background: #B08A4E; }
#obiuro-biuro .panel-dol { display: flex; flex-wrap: wrap; align-items: center; gap: 1.25rem 2rem; width: 100%; margin-top: 2.25rem; }
#obiuro-biuro .panel-dol .przycisk { margin-top: 0; }
#obiuro-biuro .panel-podpis { display: flex; align-items: center; gap: 0.875rem; }
#obiuro-biuro .panel-podpis img { display: block; flex: none; width: 44px; height: 44px; border-radius: 50%; }
#obiuro-biuro .panel-podpis strong { display: block; font-size: 15px; font-weight: 600; line-height: 1.3; color: #ffffff; }
#obiuro-biuro .panel-podpis span span { display: block; font-size: 13px; line-height: 1.45; color: rgba(255, 255, 255, 0.7); }
@media (min-width: 640px) {
#obiuro-biuro .panel-kolumny { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 2.5rem; }
}
@media (min-width: 1024px) {
#obiuro-biuro .panel { padding: 4.5rem 4.5rem; }
}
@media (prefers-reduced-motion: reduce) {
#obiuro-biuro .panel-nadtytul::after { transition: none; transform: scaleX(1); }
}
#obiuro-biuro .obrys {
    border: 0 !important;
    background-color: #B08A4E !important;
    color: #ffffff !important;
  }
#obiuro-biuro .obrys:hover, #obiuro-biuro .obrys:focus-visible {
    background-color: #C93B40 !important;
    border: 0 !important;
    color: #ffffff !important;
  }
#obiuro-biuro.reveal {
  opacity: 1 !important;
  transform: none !important;
  filter: none !important;
  transition: none !important;
}
#obiuro-biuro .foto {
  clip-path: inset(0 100% 0 0);
  transform: scale(1.06);
}
#obiuro-biuro .panel { clip-path: inset(0 0 0 100%); }
#obiuro-biuro.is-visible .foto {
  clip-path: inset(0 0 0 0);
  transform: scale(1);
  transition: clip-path 0.85s cubic-bezier(0.16, 0.84, 0.28, 1), transform 1.5s cubic-bezier(0.16, 0.84, 0.28, 1);
}
#obiuro-biuro.is-visible .panel {
  clip-path: inset(0 0 0 0);
  transition: clip-path 0.85s cubic-bezier(0.16, 0.84, 0.28, 1) 0.06s;
}
@media (prefers-reduced-motion: reduce) {
#obiuro-biuro .foto, #obiuro-biuro .panel { clip-path: none !important; transform: none !important; }
}
#obiuro-biuro .panel { background: #121212 !important; }
#obiuro-biuro .obrys {
    background-color: #B08A4E !important;
    border: 0 !important;
    color: #ffffff !important;
  }
#obiuro-biuro .obrys:hover, #obiuro-biuro .obrys:focus-visible {
    background-color: #B3843C !important;
    border: 0 !important;
    color: #ffffff !important;
  }
html body #obiuro-biuro .blok-foto { background: #121212 !important; }
html body #obiuro-biuro .foto {
  background-image: url("../img/8236086470c0.webp") !important;
  background-size: cover !important;
  background-position: 50% 46% !important;
  background-repeat: no-repeat !important;
  margin-right: -1px;
}
html body #obiuro-biuro .foto::before, html body #obiuro-biuro .foto::after { content: none !important; display: none !important; }
html body #obiuro-biuro .panel { background: #121212 !important; }
@media (min-width: 1024px) {
  html body #obiuro-biuro .blok-foto {
    grid-template-columns: calc((100vw - min(100vw, 76.75rem)) / 2 + 1.5rem + 0.45 * (min(100vw, 76.75rem) - 3rem)) minmax(0, 1fr) !important;
  }
}
html body #obiuro-foto > .opakowanie { max-width: 76.75rem; margin-left: auto; margin-right: auto; padding-left: 1.5rem; padding-right: 1.5rem; }
html body #obiuro-foto .blok-foto { background: transparent !important; }
html body #obiuro-foto .foto::before {
  content: "" !important; position: absolute; inset: 0; z-index: 2; pointer-events: none;
  background: linear-gradient(to bottom, rgba(18, 18, 18, 0) 58%, rgba(12, 12, 12, 0.38) 100%);
}
html body #obiuro-foto .foto::after { filter: saturate(0.8) hue-rotate(-7deg)
  drop-shadow(6px 6px 12px rgba(9, 9, 9, 0.40))
  drop-shadow(20px 16px 34px rgba(9, 9, 9, 0.58)); }
html body #obiuro-foto .panel { background: #F0F2F6 !important; }   
html body #obiuro-foto .panel, html body #obiuro-foto .panel .panel-tresc, html body #obiuro-foto .panel h3,
html body #obiuro-foto .panel strong, html body #obiuro-foto .panel h3 span,
html body #obiuro-foto .panel .panel-lead { color: #09090B !important; }
html body #obiuro-foto .panel .panel-nadtytul { color: #09090B !important; }
html body #obiuro-foto .panel .osoba > span > span { color: #4A4743 !important; }
html body #obiuro-foto .u-podpis { margin-top: 2.25rem; }
html body #obiuro-foto .u-podpis::before { content: ""; display: block; width: 36px; height: 2px; background: #B08A4E; margin-bottom: 0.95rem; }
html body #obiuro-foto .u-podpis p { margin: 0 !important; color: #09090B !important; font-size: 13px !important; line-height: 1.45 !important;    max-width: none !important; }
html body #obiuro-foto .panel .panel-zespol { border-top-color: rgba(18, 18, 18, 0.16) !important; }
html body #pf-wstep > .pf-kontener { padding-bottom: calc(var(--sekcja) / 2) !important; }
html body #obiuro-foto > .opakowanie { padding-bottom: var(--sekcja) !important; }
@media (min-width: 1024px) { html body #obiuro-foto .panel .panel-lead { max-width: none !important; } }
html body #pf-wstep > .pf-kontener { padding-bottom: calc(var(--sekcja) / 2) !important; }
html body #obiuro-foto > .opakowanie { padding-bottom: var(--sekcja) !important; }
@media (min-width: 1024px) { html body #obiuro-foto .panel .panel-lead { max-width: none !important; } }
@media (min-width: 1024px) {
  html body #obiuro-foto .blok-foto { grid-template-columns: calc(0.45 * (min(100vw, 76.75rem) - 3rem)) minmax(0, 1fr) !important; }
}
@media (min-width: 1024px) {
  html body #obiuro-foto > .opakowanie {
    max-width: none !important; margin-right: 0 !important; padding-right: 0 !important;
    margin-left: calc((100vw - min(100vw, 76.75rem)) / 2) !important; padding-left: 1.5rem !important;
  }
}
html body section#obiuro-foto .panel h3.panel-tytul, html body section#obiuro-foto .panel .osoba > span > strong,
html body section#obiuro-foto .panel p.panel-lead { color: #09090B !important; }
html body section#obiuro-foto .panel span.panel-nadtytul { color: #09090B !important; font-size: 14px !important; letter-spacing: 2.24px !important; }
@media (min-width: 1024px) {
  html body #obiuro-foto .foto { min-height: 0 !important; }
  html body #obiuro-foto .panel { padding: 3.95rem 2.25rem 3.95rem 4.5rem; gap: 1.75rem; }
  html body #obiuro-foto .panel h3.panel-tytul { margin-top: 0.6rem !important; }
  html body #obiuro-foto .panel .panel-zespol { row-gap: 1rem; padding-top: 2.3rem; margin-top: 1.6rem;
    grid-auto-flow: column !important; grid-template-rows: auto auto !important;
    grid-template-columns: minmax(0, max-content) minmax(0, max-content) !important; column-gap: 3rem !important; }
  html body #obiuro-foto .panel .panel-zespol .osoba-foto, html body #obiuro-foto .panel .panel-zespol .osoba-foto img,
  html body #obiuro-foto .panel .panel-zespol .osoba-inicjaly { width: 46px !important; height: 46px !important; }
}
html body #oferta-uslugi .wiersz { position: relative; }
html body #oferta-uslugi .wiersz::after {
  content: ""; position: absolute; top: 0; bottom: 0; z-index: 0;
  left: calc((100vw - 100%) / -2); width: 100vw; background: transparent;
}
html body #oferta-uslugi .wiersz > * { position: relative; z-index: 1; }
html body #obiuro-biuro .foto { transform: none !important; transition: clip-path 0.85s cubic-bezier(0.16, 0.84, 0.28, 1) !important; }
html body #obiuro-biuro .panel-podpis img {
  width: 54px !important; height: 54px !important; padding: 9px; box-sizing: border-box;
  background: #E9EBF0; border-radius: 999px; object-fit: contain !important;
}
html body #pf-wstep .wst-kolo { background: #F0F2F6 !important; overflow: hidden; display: grid; place-items: center; }
html body #pf-wstep .wst-sygnet {
  width: 58% !important; height: 58% !important; padding: 0 !important;
  object-fit: contain !important; display: block;
}
html body footer .stopka-awatar { background: #F4F4F5 !important; }
html body footer .stopka-awatar img { object-fit: cover !important; object-position: 50% 50% !important; transform: translateY(8px); }
html body .op-przycisk .cta-roll__text { position: relative; display: inline-block; overflow: hidden; height: 1.45em; line-height: 1.45em; vertical-align: middle; }
html body .op-przycisk .cta-roll__orig, html body .op-przycisk .cta-roll__clone { display: block !important; transition: transform 0.4s cubic-bezier(0.2, 0.7, 0.2, 1); }
html body .op-przycisk .cta-roll__clone { position: absolute; left: 0; top: 0; transform: translateY(100%); }
html body .op-przycisk:hover .cta-roll__orig, html body .op-przycisk:focus-visible .cta-roll__orig { transform: translateY(-100%); }
html body .op-przycisk:hover .cta-roll__clone, html body .op-przycisk:focus-visible .cta-roll__clone { transform: translateY(0); }
html body .cta-roll__text { position: relative; display: block; overflow: hidden; height: 1.45em; line-height: 1.45em; }
html body .cta-roll__orig, html body .cta-roll__clone { display: block !important; transition: transform 0.4s cubic-bezier(0.2, 0.7, 0.2, 1) !important; }
html body .cta-roll__clone { position: absolute; left: 0; top: 0; transform: translateY(100%); }
html body .cta-roll:hover .cta-roll__orig, html body .cta-roll:focus-visible .cta-roll__orig { transform: translateY(-100%) !important; }
html body .cta-roll:hover .cta-roll__clone, html body .cta-roll:focus-visible .cta-roll__clone { transform: translateY(0) !important; }
html body .pf-nadtytul:not(.u-kreska-on)::after, html body .panel-nadtytul:not(.u-kreska-on)::after,
html body #op-hero .u-nadtytul:not(.u-kreska-on)::after {
  transform: scaleX(0) !important; transform-origin: left center !important;
}
html body .pf-nadtytul::after, html body .panel-nadtytul::after, html body #op-hero .u-nadtytul::after {
  transition: transform 0.75s cubic-bezier(0.22, 0.61, 0.36, 1) 0.1s !important; transform-origin: left center !important;
}
html body .pf-nadtytul.u-kreska-on::after, html body .panel-nadtytul.u-kreska-on::after,
html body #op-hero .u-nadtytul.u-kreska-on::after { transform: scaleX(1) !important; }
html body section#op-hero .u-nadtytul { border-bottom: 0 !important; position: relative; }
html body section#op-hero .u-nadtytul::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background: #B08A4E;
  transform: scaleX(0); transform-origin: left center; transition: transform 0.75s cubic-bezier(0.22, 0.61, 0.36, 1) 0.45s;
}
html body section#op-hero.is-visible .u-nadtytul::after, html body section#op-hero .u-nadtytul.hero-wjazd.is-visible::after,
html body .hero-gotowe section#op-hero .u-nadtytul::after { transform: scaleX(1); }
html body section#pf-cta::before { background: rgba(18, 18, 18, 0.93) !important; }   
html body #obiuro-biuro .panel { background: #121212 !important; }
html body #obiuro-biuro .blok-foto { background: #121212 !important; }
html body section#pf-opinie-k .op-lista .op-el,
html body section#pf-opinie-k.op-ruch .op-lista .op-el.op-aktywne { background-color: #121212 !important; }
html body #pf-pytania .pt-poz.pt-otwarte { background: #121212 !important; }
html body #obiuro-foto .foto { background-color: #121212 !important; background-image: none !important; }
html body #obiuro-foto .foto::before { background: linear-gradient(to bottom, rgba(18, 18, 18, 0) 56%, rgba(18, 18, 18, 0.34) 100%) !important; }
html body #oferta-uslugi .wiersz::before { background: #121212 !important; }
html body #oferta-uslugi .wiersz { border-bottom-color: #121212 !important; }
html body #pf-pytania .pt-znak { border-color: #121212 !important; }
html body #pf-pytania .pt-znak::before, html body #pf-pytania .pt-znak::after { background: #121212 !important; }
html body #pf-pytania .pt-poz:not(.pt-otwarte) .pt-przycisk:hover .pt-znak { background: #121212 !important; }
html body #pf-pytania .pt-poz:not(.pt-otwarte) .pt-przycisk:hover .pt-znak::before,
html body #pf-pytania .pt-poz:not(.pt-otwarte) .pt-przycisk:hover .pt-znak::after { background: #ffffff !important; }
html body #pf-poradnik .bl-zdjecie { transition-duration: 0.5s !important; }
html body #pf-poradnik .bl-marker { transition: top 0.3s cubic-bezier(0.22, 0.61, 0.36, 1), opacity 0.3s, transform 0.3s !important; transition-delay: 0s !important; }
html body #pf-poradnik .bl-poz { transition-duration: 0.35s !important; }
html body header nav a:hover, html body header nav a:focus-visible,
html body footer .stopka-lista a:hover, html body footer .stopka-lista a:focus-visible,
html body #menu-mobilne a:hover, html body [id*="menu"] a:hover { color: #B08A4E !important; }
html body #obiuro-biuro h1, html body #obiuro-biuro h2 { color: #ffffff !important; }
html body #obiuro-biuro h1 *, html body #obiuro-biuro h2 *, html body #obiuro-biuro h1 *[class], html body #obiuro-biuro h2 *[class] { color: inherit !important; background-image: none !important; -webkit-text-fill-color: currentColor !important; }
html body #oferta-uslugi h1, html body #oferta-uslugi h2 { color: #09090B !important; }
html body #oferta-uslugi h1 *, html body #oferta-uslugi h2 *, html body #oferta-uslugi h1 *[class], html body #oferta-uslugi h2 *[class] { color: inherit !important; background-image: none !important; -webkit-text-fill-color: currentColor !important; }
html body #galeria h1, html body #galeria h2 { color: #09090B !important; }
html body #galeria h1 *, html body #galeria h2 *, html body #galeria h1 *[class], html body #galeria h2 *[class] { color: inherit !important; background-image: none !important; -webkit-text-fill-color: currentColor !important; }
html body #pf-wstep h1, html body #pf-wstep h2 { color: #09090B !important; }
html body #pf-wstep h1 *, html body #pf-wstep h2 *, html body #pf-wstep h1 *[class], html body #pf-wstep h2 *[class] { color: inherit !important; background-image: none !important; -webkit-text-fill-color: currentColor !important; }
html body #pf-jak h1, html body #pf-jak h2 { color: #09090B !important; }
html body #pf-jak h1 *, html body #pf-jak h2 *, html body #pf-jak h1 *[class], html body #pf-jak h2 *[class] { color: inherit !important; background-image: none !important; -webkit-text-fill-color: currentColor !important; }
html body #pf-pytania h1, html body #pf-pytania h2 { color: #09090B !important; }
html body #pf-pytania h1 *, html body #pf-pytania h2 *, html body #pf-pytania h1 *[class], html body #pf-pytania h2 *[class] { color: inherit !important; background-image: none !important; -webkit-text-fill-color: currentColor !important; }
html body #pf-poradnik h1, html body #pf-poradnik h2 { color: #09090B !important; }
html body #pf-poradnik h1 *, html body #pf-poradnik h2 *, html body #pf-poradnik h1 *[class], html body #pf-poradnik h2 *[class] { color: inherit !important; background-image: none !important; -webkit-text-fill-color: currentColor !important; }
html body #pf-kontakt h1, html body #pf-kontakt h2 { color: #09090B !important; }
html body #pf-kontakt h1 *, html body #pf-kontakt h2 *, html body #pf-kontakt h1 *[class], html body #pf-kontakt h2 *[class] { color: inherit !important; background-image: none !important; -webkit-text-fill-color: currentColor !important; }
html body #op-hero h1, html body #op-hero h2 { color: #ffffff !important; }
html body #op-hero h1 *, html body #op-hero h2 *, html body #op-hero h1 *[class], html body #op-hero h2 *[class] { color: inherit !important; background-image: none !important; -webkit-text-fill-color: currentColor !important; }
html body #op-proces h1, html body #op-proces h2 { color: #ffffff !important; }
html body #op-proces h1 *, html body #op-proces h2 *, html body #op-proces h1 *[class], html body #op-proces h2 *[class] { color: inherit !important; background-image: none !important; -webkit-text-fill-color: currentColor !important; }
html body #pf-zalety h1, html body #pf-zalety h2 { color: #ffffff !important; }
html body #pf-zalety h1 *, html body #pf-zalety h2 *, html body #pf-zalety h1 *[class], html body #pf-zalety h2 *[class] { color: inherit !important; background-image: none !important; -webkit-text-fill-color: currentColor !important; }
html body #pf-opinie-k h1, html body #pf-opinie-k h2 { color: #ffffff !important; }
html body #pf-opinie-k h1 *, html body #pf-opinie-k h2 *, html body #pf-opinie-k h1 *[class], html body #pf-opinie-k h2 *[class] { color: inherit !important; background-image: none !important; -webkit-text-fill-color: currentColor !important; }
html body #pf-cta h1, html body #pf-cta h2 { color: #ffffff !important; }
html body #pf-cta h1 *, html body #pf-cta h2 *, html body #pf-cta h1 *[class], html body #pf-cta h2 *[class] { color: inherit !important; background-image: none !important; -webkit-text-fill-color: currentColor !important; }
html body #obiuro-foto .panel-zespol .osoba-foto img, html body footer .stopka-awatar img { filter: saturate(0.8) hue-rotate(-7deg); }
html body section#op-hero .u-hero-osoba img { filter: saturate(0.8) hue-rotate(-7deg); }
html body .u-duo { background: linear-gradient(135deg, #121212 0%, #121212 26%, #121212 50%, #121212 74%, #121212 100%) !important; }
html body .u-duo section#op-proces, html body .u-duo section#pf-zalety { background: transparent !important; }
html body section#pf-opinie-k .op-lista .op-el { background-color: #121212 !important; }
html body section#pf-opinie-k.op-ruch .op-lista .op-el.op-aktywne { background-color: #121212 !important; }
#obiuro-foto .panel-zespol { row-gap: 1.75rem; }
#obiuro-foto .panel-zespol .osoba { display: flex; align-items: center; gap: 1rem; }
#obiuro-foto .panel-zespol .osoba-foto, #obiuro-foto .panel-zespol .osoba-inicjaly { display: block; flex: none; box-sizing: border-box; width: 56px; height: 56px; border-radius: 50%; overflow: hidden; border: 2px solid #B08A4E; background: #d9dce3; }
#obiuro-foto .panel-zespol .osoba-foto img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center top; }
#obiuro-foto .panel-zespol .osoba-inicjaly { display: grid; place-items: center; color: #727272; }
#obiuro-foto .panel-zespol .osoba-inicjaly img { display: block; width: 34px; height: 34px; object-fit: contain; }
#obiuro-foto .panel-zespol .osoba strong { display: block; font-size: 16px; font-weight: 600; line-height: 1.3; color: #ffffff; }
#obiuro-foto .panel-zespol .osoba span span { display: block; margin-top: 2px; font-size: 13px; line-height: 1.45; color: rgba(255, 255, 255, 0.7); }
html body #obiuro-foto .panel-zespol { display: grid; grid-template-columns: minmax(0, 1fr); row-gap: 1.25rem; }
@media (min-width: 768px) { html body #obiuro-foto .panel-zespol { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 2rem; } }
@media (max-width: 1023.98px) {
  html body section#op-hero .u-hero-osoba { display: block !important; position: relative; right: auto; bottom: auto; order: 2; align-self: center; }
  html body section#op-hero .u-hero-osoba img { height: min(58svh, 28rem); transform: none; }
}
html body section#obiuro-biuro#obiuro-biuro .panel span.panel-nadtytul,
html body section#obiuro-foto#obiuro-foto .panel span.panel-nadtytul {
  font-family: 'Space Grotesk', system-ui, sans-serif !important;
  font-size: 14px !important; font-weight: 600 !important; line-height: 1.5 !important;
  letter-spacing: 0.16em !important; text-transform: uppercase !important;
  padding-bottom: 0.35rem !important;
}
html body section#obiuro-biuro#obiuro-biuro .panel span.panel-nadtytul::after,
html body section#obiuro-foto#obiuro-foto .panel span.panel-nadtytul::after { right: 0.16em !important; }
@media (min-width: 1024px) {
  #poradnik .pr-bok { position: sticky; top: var(--pr-bok-top, 96px); align-self: start; }
}
html body footer .stopka-pasek-linia .realizacja-opimedia { display: inline-flex; align-items: center; justify-content: center; gap: 0.7rem; flex: 0 0 auto; font-size: 11px !important; line-height: 1; color: inherit; text-decoration: none !important; white-space: nowrap; }
html body footer .realizacja-opimedia img { display: block; height: 35px; width: auto; max-width: none; }
html body footer .realizacja-opimedia span { position: relative; color: #FFFFFF !important; font-weight: 400; line-height: 1; white-space: nowrap; transform: translateY(1px); transition: color 0.25s ease; }
html body footer .realizacja-opimedia:hover span, html body footer .realizacja-opimedia:focus-visible span { color: #FF3B63 !important; }
@media (max-width: 899px) {
  html body footer .realizacja-opimedia { flex-wrap: wrap; justify-content: center; white-space: normal; text-align: center; max-width: 100%; }
  html body footer .realizacja-opimedia span { min-width: 0; }
}
@media (min-width: 900px) {
  html body footer#kontakt .stopka-pasek { position: relative; }
  html body footer#kontakt .realizacja-opimedia { position: absolute; right: 110px; bottom: 62px; margin: 0; }
  html body footer#kontakt .stopka-pasek-linia { padding-bottom: max(130px, 12vh); }
}
html body footer .realizacja-opimedia span::after { content: ""; position: absolute; left: 0; right: 0; bottom: -8px; height: 0.5px; background: #B08A4E; transform: scaleX(0); transform-origin: left center; transition: transform 1.2s cubic-bezier(0.2, 0.7, 0.2, 1) 0.15s; }
html body footer .realizacja-opimedia.realizacja-widoczna span::after { transform: scaleX(1); }
@media (prefers-reduced-motion: reduce) { html body footer .realizacja-opimedia span::after { transform: scaleX(1); transition: none; } }
@media (max-width: 899px) { html body footer .realizacja-opimedia span { white-space: normal; text-align: center; } }   
html body .pr-karta-link .pr-obraz, html body #poradnik .pr-karta-link .pr-obraz,
html body .pr-najnowsze a .pr-miniatura, html body #poradnik .pr-najnowsze a .pr-miniatura,
html body .pr-najnowsze a .pr-miniatura::before, html body #poradnik .pr-najnowsze a .pr-miniatura::before,
html body .wpis .obraz, html body #tx-blog .wpis .obraz, html body #blog .wpis .obraz,
html body #pf-poradnik .bl-wyrozniony .bl-zdjecie, html body #s-blog .por-wiersz .por-mini { transform: none !important; filter: none !important; }
html body .pr-karta-link .pr-okno, html body #poradnik .pr-karta-link .pr-okno,
html body .pr-najnowsze a .pr-miniatura, html body #poradnik .pr-najnowsze a .pr-miniatura,
html body .wpis .okno, html body #tx-blog .wpis .okno, html body #blog .wpis .okno { box-shadow: none !important; }
html body .pr-okno::after, html body #poradnik .pr-okno::after { content: none !important; }
html body #blog .wpis.reveal, html body #tx-blog .wpis.reveal { transition: opacity 1.6s cubic-bezier(0.22, 0.61, 0.36, 1), transform 1.6s cubic-bezier(0.22, 0.61, 0.36, 1); }
html body #blog .wpis.reveal.delay-100, html body #tx-blog .wpis.reveal.delay-100 { transition-delay: 0.1s, 0.1s; }
html body #blog .wpis.reveal.delay-200, html body #tx-blog .wpis.reveal.delay-200 { transition-delay: 0.2s, 0.2s; }
html body #blog#blog .wpis:hover, html body #blog#blog .wpis:focus-visible, html body #tx-blog#tx-blog .wpis:hover, html body #tx-blog#tx-blog .wpis:focus-visible { transform: none !important; }
html body .pr-najnowsze a .pr-miniatura, html body #s-blog .por-wiersz .por-mini { position: relative; }
html body .wpis .okno::after, html body #blog .wpis .okno::after, html body #tx-blog .wpis .okno::after { top: 0 !important; bottom: auto !important; }   
html body .pr-okno::before, html body #poradnik .pr-okno::before,
html body .pr-najnowsze a .pr-miniatura::after, html body #poradnik .pr-najnowsze a .pr-miniatura::after,
html body #pf-poradnik .bl-foto::after, html body #s-blog .por-wiersz .por-mini::after {
  content: "" !important; position: absolute !important; left: 0 !important; right: 0 !important; top: 0 !important; bottom: auto !important;
  z-index: 3 !important; height: 2px !important; background: #B08A4E !important; opacity: 1 !important; pointer-events: none;
  transform: scaleX(0); transform-origin: left center; transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1) !important; }
html body .pr-karta-link:hover .pr-okno::before, html body .pr-karta-link:focus-visible .pr-okno::before,
html body #poradnik .pr-karta-link:hover .pr-okno::before, html body #poradnik .pr-karta-link:focus-visible .pr-okno::before,
html body .pr-najnowsze a:hover .pr-miniatura::after, html body .pr-najnowsze a:focus-visible .pr-miniatura::after,
html body #poradnik .pr-najnowsze a:hover .pr-miniatura::after, html body #poradnik .pr-najnowsze a:focus-visible .pr-miniatura::after,
html body #pf-poradnik .bl-wyrozniony:hover .bl-foto::after, html body #pf-poradnik .bl-wyrozniony:focus-visible .bl-foto::after,
html body #s-blog .por-wiersz:hover .por-mini::after, html body #s-blog .por-wiersz:focus-visible .por-mini::after { transform: scaleX(1); }
@media (prefers-reduced-motion: reduce) {
  html body .pr-okno::before, html body .pr-najnowsze a .pr-miniatura::after, html body #pf-poradnik .bl-foto::after, html body #s-blog .por-wiersz .por-mini::after { transition: none !important; }
}
#lewandowska-okno .p-tlo { position: absolute; inset: 0; z-index: 5; background: rgba(9, 9, 11, 0.52); transition: opacity 0.35s ease; }
#lewandowska-okno.zamkniete .p-tlo { opacity: 0; pointer-events: none; }
#lewandowska-okno .p {
  position: absolute; z-index: 10; background: #FFFFFF; color: var(--tekst);
  box-shadow: 0 24px 70px -32px rgba(9, 9, 11, 0.45);
  transition: opacity 0.35s ease, transform 0.5s var(--ease), visibility 0s linear 0s;
}
#lewandowska-okno.zamkniete .p { opacity: 0; visibility: hidden; pointer-events: none; transition: opacity 0.25s ease, transform 0.35s var(--ease), visibility 0s linear 0.35s; }
#lewandowska-okno .nad {
  display: block; position: relative; width: fit-content; max-width: 100%; margin: 0; padding-bottom: 0.35rem;
  font-size: 14px; font-weight: 600; line-height: 1.5; letter-spacing: 0.16em; text-transform: uppercase;
  color: var(--nad-kolor);
}
#lewandowska-okno .nad::after { content: ""; position: absolute; left: 0; right: 0.16em; bottom: 0; height: 2px; background: var(--akcent); }
#lewandowska-okno .p-tytul { margin: 16px 0 0; font-size: 22px; font-weight: 600; line-height: 1.18; letter-spacing: -0.02em; color: var(--tekst); text-wrap: balance; }
@container up (min-width: 640px) {#lewandowska-okno .p-tytul { margin-top: 20px; font-size: 28px; }
 }
#lewandowska-okno .p-tekst { margin: 12px 0 0; font-size: 16px; line-height: 1.6; color: var(--akapit); text-wrap: pretty; }
#lewandowska-okno .p-maly { margin: 10px 0 0; font-size: 14px; line-height: 1.6; color: var(--akapit); text-wrap: pretty; }
#lewandowska-okno .p-podkr { text-decoration: underline; text-decoration-color: var(--linia); text-underline-offset: 3px; color: var(--tekst); }
#lewandowska-okno .p-uwaga { margin: 0; font-size: 14px; line-height: 1.6; color: var(--szary); }
#lewandowska-okno .p-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 44px; padding: 10px 18px;
  border: 1px solid var(--akcent); border-radius: 0; background: var(--akcent); color: var(--na-akcencie);
  font-family: var(--sg); font-size: 14px; font-weight: 600; line-height: 1; text-align: center; cursor: pointer;
  transition: background-color 0.25s, color 0.25s, border-color 0.25s;
}
#lewandowska-okno .p-btn:hover { background: color-mix(in srgb, var(--akcent) 86%, #000000); border-color: color-mix(in srgb, var(--akcent) 86%, #000000); }
#lewandowska-okno .p-btn--obrys { background: #FFFFFF; color: var(--akcent); }
#lewandowska-okno .p-btn--obrys:hover { background: var(--akcent); border-color: var(--akcent); color: var(--na-akcencie); }
#lewandowska-okno .p-btn--jasny { background: transparent; border-color: rgba(255, 255, 255, 0.55); color: #FFFFFF; }
#lewandowska-okno .p-btn--jasny:hover { background: #FFFFFF; border-color: #FFFFFF; color: var(--ciemny); }
#lewandowska-okno .p-btn--pelny { width: 100%; }
#lewandowska-okno .p-btn:focus-visible,
#lewandowska-okno .p-link:focus-visible { outline: 2px solid var(--tekst); outline-offset: 3px; }
#lewandowska-okno .p-link {
  padding: 6px 0; border: 0; background: none; cursor: pointer;
  font-size: 14px; font-weight: 600; color: var(--tekst);
  text-decoration: underline; text-decoration-color: var(--linia); text-underline-offset: 4px;
  transition: text-decoration-color 0.25s;
}
#lewandowska-okno .p-link:hover { text-decoration-color: var(--akcent); }
#lewandowska-okno .p-akcje { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-top: 24px; }
#lewandowska-okno .p-form { display: grid; gap: 16px; margin-top: 24px; }
#lewandowska-okno .p-rzad { display: grid; gap: 16px; }
@container up (min-width: 640px) {#lewandowska-okno .p-rzad { grid-template-columns: repeat(2, minmax(0, 1fr)); }
 }
#lewandowska-okno .p-pole { display: grid; gap: 8px; }
#lewandowska-okno .p-etykieta { font-size: 14px; font-weight: 600; color: var(--tekst); }
#lewandowska-okno .p-input {
  width: 100%; height: 55px; margin: 0; padding: 14.4px 16px;
  border: 1px solid var(--linia); border-radius: 0; background: #FFFFFF; color: var(--tekst);
  font-family: var(--sg); font-size: 16px; -webkit-appearance: none; appearance: none;
  transition: border-color 0.25s, box-shadow 0.25s;
}
#lewandowska-okno .p-input::placeholder { color: var(--szary); opacity: 1; }
#lewandowska-okno .p-input:focus { outline: none; border-color: var(--tekst); box-shadow: inset 0 -2px 0 var(--akcent); }
#lewandowska-okno .p-zgoda { display: flex; align-items: flex-start; gap: 12px; font-size: 14px; line-height: 1.6; color: var(--akapit); cursor: pointer; }
#lewandowska-okno .p-check {
  flex: none; width: 20px; height: 20px; margin: 2px 0 0; border: 1px solid var(--tekst); border-radius: 0;
  background: #FFFFFF; -webkit-appearance: none; appearance: none; cursor: pointer;
  transition: background-color 0.2s, border-color 0.2s;
}
#lewandowska-okno .p-check:focus-visible,
#lewandowska-okno .p-switch:focus-visible { outline: 2px solid var(--tekst); outline-offset: 2px; }
#lewandowska-okno .p-switch {
  position: relative; flex: none; width: 44px; height: 24px; margin: 0; border: 1px solid var(--tekst); border-radius: 0;
  background: #FFFFFF; -webkit-appearance: none; appearance: none; cursor: pointer;
  transition: background-color 0.25s, border-color 0.25s;
}
#lewandowska-okno .p-switch::before { content: ""; position: absolute; top: 3px; left: 3px; width: 16px; height: 16px; background: var(--tekst); transition: transform 0.3s var(--ease), background-color 0.25s; }
#lewandowska-okno .p-switch:checked { background: var(--akcent); border-color: var(--akcent); }
#lewandowska-okno .p-switch:checked::before { transform: translateX(20px); background: #FFFFFF; }
#lewandowska-okno .p-switch:disabled { cursor: not-allowed; opacity: 0.55; }
#lewandowska-okno .p-x {
  position: absolute; top: 0; right: 0; z-index: 3; width: 44px; height: 44px;
  border: 0; border-radius: 0; background: var(--jasny); cursor: pointer; transition: background-color 0.25s;
}
@container up (min-width: 640px) {#lewandowska-okno .p-x { width: 52px; height: 52px; }
 }
#lewandowska-okno .p-x::before,
#lewandowska-okno .p-x::after {
  content: ""; position: absolute; left: 50%; top: 50%; width: 16px; height: 1.5px;
  background: var(--tekst); transform: translate(-50%, -50%) rotate(45deg); transition: background-color 0.25s;
}
#lewandowska-okno .p-x::after { transform: translate(-50%, -50%) rotate(-45deg); }
#lewandowska-okno .p-x:hover { background: var(--tekst); }
#lewandowska-okno .p-x:hover::before,
#lewandowska-okno .p-x:hover::after { background: #FFFFFF; }
#lewandowska-okno .p-x:focus-visible { outline: 2px solid var(--tekst); outline-offset: -4px; }
#lewandowska-okno .p-x--ciemny { background: rgba(255, 255, 255, 0.08); }
#lewandowska-okno .p-x--ciemny::before,
#lewandowska-okno .p-x--ciemny::after { background: #FFFFFF; }
#lewandowska-okno .p-x--ciemny:hover { background: #FFFFFF; }
#lewandowska-okno .p-x--ciemny:hover::before,
#lewandowska-okno .p-x--ciemny:hover::after { background: var(--ciemny); }
#lewandowska-okno .p-x--ciemny:focus-visible { outline-color: #FFFFFF; }
#lewandowska-okno .p-ikona { flex: none; display: grid; place-items: center; width: 44px; height: 44px; background: var(--jasny); color: var(--tekst); }
#lewandowska-okno .p3-form-rzad { display: grid; gap: 8px; }
@container up (min-width: 640px) {#lewandowska-okno .p3-form-rzad { grid-template-columns: minmax(0, 1fr) auto; gap: 0; }
#lewandowska-okno .p3-form-rzad .p-btn { min-height: 55px; padding: 0 22px; }
}
@container up (max-width: 759px) {#lewandowska-okno .p3-form-rzad { grid-template-columns: minmax(0, 1fr) auto; gap: 0; }
#lewandowska-okno .p3-form-rzad .p-btn { min-height: 55px; padding: 0 16px; }
}
#lewandowska-okno .pu { --wystaje: 84px; left: 50%; top: 50%; width: min(580px, calc(100% - 32px)); transform: translate(-50%, calc(-50% + var(--wystaje) / 2)); }
#lewandowska-okno.zamkniete .pu { transform: translate(-50%, calc(-50% + var(--wystaje) / 2 + 16px)); }
@container up (min-width: 640px) {#lewandowska-okno .pu { --wystaje: 124px; }
 }
#lewandowska-okno .pu-gora { position: relative; height: 176px; background: var(--ciemny); }
@container up (min-width: 640px) {#lewandowska-okno .pu-gora { height: 196px; }
 }
#lewandowska-okno .pu-osoba {
  position: absolute; left: 8px; bottom: 0; z-index: 1; width: auto; max-width: none;
  height: calc(176px + var(--wystaje)); filter: drop-shadow(0 12px 22px rgba(9, 9, 11, 0.35));
}
@container up (min-width: 640px) {#lewandowska-okno .pu-osoba { left: 24px; height: calc(196px + var(--wystaje)); }
 }
#lewandowska-okno .pu-staty { position: absolute; right: 16px; top: 50%; z-index: 2; display: grid; gap: 16px; width: 38%; transform: translateY(-50%); }
@container up (min-width: 640px) {#lewandowska-okno .pu-staty { right: 32px; width: 36%; gap: 18px; }
 }
#lewandowska-okno .pu-stat { display: grid; gap: 2px; padding-left: 12px; border-left: 2px solid var(--akcent); }
#lewandowska-okno .pu-liczba { font-size: 22px; font-weight: 600; line-height: 1.1; letter-spacing: -0.02em; color: #FFFFFF; }
@container up (min-width: 640px) {#lewandowska-okno .pu-liczba { font-size: 28px; }
 }
#lewandowska-okno .pu-opis { font-size: 14px; line-height: 1.35; color: rgba(255, 255, 255, 0.78); }
#lewandowska-okno .pu-tresc { padding: 22px 20px 18px; }
@container up (min-width: 640px) {#lewandowska-okno .pu-tresc { padding: 28px 32px 26px; }
 }
#lewandowska-okno .pu-form { display: grid; gap: 8px; margin-top: 18px; }
#lewandowska-okno .pu-nie { display: block; margin: 14px 0 0; }
@container up (max-width: 639px) {#lewandowska-okno .pu:not(.pu--srodek) { --wystaje: 110px; }
#lewandowska-okno .pu:not(.pu--srodek) .pu-staty { display: none; }
#lewandowska-okno .pu:not(.pu--srodek) .pu-gora { height: 186px; clip-path: inset(-400px 0 0 0); }
#lewandowska-okno .pu:not(.pu--srodek) .pu-osoba { top: calc(-1 * var(--wystaje)); bottom: auto; left: 50%; height: 400px; transform: translateX(-54%); }
}
#lewandowska-okno .p-zgoda { display: flex; align-items: flex-start; gap: 12px; margin: 4px 0 0; font-size: 14px; font-weight: 400; line-height: 1.5; color: var(--tekst); cursor: pointer; }
#lewandowska-okno .p-zgoda input {
  -webkit-appearance: none; appearance: none; flex: 0 0 auto; display: inline-grid; place-content: center;
  width: 16px; height: 16px; margin: 3px 0 0; border: 1px solid #DCD2C2; border-radius: 0; background: #FFFFFF; cursor: pointer;
  transition: background-color 0.15s ease, border-color 0.15s ease;
}
#lewandowska-okno .p-zgoda input::before { content: ""; width: 9px; height: 9px; background: #FFFFFF; transform: scale(0); transition: transform 0.12s ease-out; clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%); }
#lewandowska-okno .p-zgoda input:hover { border-color: #76787C; }
#lewandowska-okno .p-zgoda input:checked { background: var(--akcent); border-color: var(--akcent); }
#lewandowska-okno .p-zgoda input:checked::before { transform: scale(1); }
#lewandowska-okno .p-zgoda input:focus-visible { outline: 2px solid var(--tekst); outline-offset: 2px; }
#lewandowska-okno .p-zgoda a { color: inherit; text-decoration: underline; text-underline-offset: 2px; }
@keyframes wej-gora { from { opacity: 0; translate: 0 14px; } }
@keyframes wej-prawo { from { opacity: 0; translate: 24px 0; } }
@keyframes pojaw { from { opacity: 0; } }
@keyframes kreska-x { from { scale: 0 1; } }
@keyframes x-wej { from { opacity: 0; scale: 0.6; } }
@keyframes pu-wej { from { opacity: 0; transform: translate(-50%, calc(-50% + var(--wystaje) / 2 + 40px)) scale(0.97); } }
@keyframes pu-osoba { from { translate: 0 100%; } }
@keyframes pu-pas { 0%, 80% { clip-path: inset(-400px 0 0 0); } to { clip-path: inset(-400px -80px -80px -80px); } }
@media (prefers-reduced-motion: no-preference) {#lewandowska-okno.gra .p-x { animation: x-wej 0.45s var(--ease) 0.5s backwards; }
#lewandowska-okno.gra .pu { animation: pu-wej 0.75s cubic-bezier(0.2, 0.8, 0.2, 1) backwards; }
#lewandowska-okno.gra .pu-osoba { animation: pu-osoba 1.05s cubic-bezier(0.16, 1, 0.3, 1) 0.2s backwards; }
  @container up (min-width: 640px) {#lewandowska-okno.gra .pu-gora { animation: pu-pas 1.5s linear backwards; }
 }
#lewandowska-okno.gra .pu-stat { animation: wej-prawo 0.55s var(--ease) 0.6s backwards; }
#lewandowska-okno.gra .pu-stat + .pu-stat { animation-delay: 0.72s; }
#lewandowska-okno.gra .pu-tresc > .nad { animation: wej-gora 0.5s var(--ease) 0.35s backwards; }
#lewandowska-okno.gra .pu-tresc > .nad::after { transform-origin: left center; animation: kreska-x 0.6s cubic-bezier(0.65, 0, 0.35, 1) 0.6s backwards; }
#lewandowska-okno.gra .pu-tresc > .p-tytul { animation: wej-gora 0.6s var(--ease) 0.43s backwards; }
#lewandowska-okno.gra .pu-tresc > .p-tekst { animation: wej-gora 0.6s var(--ease) 0.52s backwards; }
#lewandowska-okno.gra .pu-form { animation: wej-gora 0.6s var(--ease) 0.62s backwards; }
#lewandowska-okno.gra .pu-nie { animation: pojaw 0.6s ease 0.8s backwards; }
}
#lewandowska-okno {
  --akcent: #B08A4E; --na-akcencie: #FFFFFF; --ciemny: #121212; --karta: #121212; --otwarte: #121212; --jasny: #F0F2F6;
  --tekst: #121212; --akapit: #454545; --szary: #737373; --linia: #E3E7EE; --nad-kolor: #121212;
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --sg: 'Space Grotesk', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  position: fixed; inset: 0; z-index: 1200; container: up / inline-size; isolation: isolate;
  font-family: var(--sg); font-size: 16px; font-weight: 400; line-height: 1.5; color: var(--tekst); text-align: left;
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
#lewandowska-okno[hidden] { display: none !important; }
#lewandowska-okno *, #lewandowska-okno *::before, #lewandowska-okno *::after { box-sizing: border-box; }
#lewandowska-okno svg { display: block; flex: none; }
#lewandowska-okno h3, #lewandowska-okno p { margin-left: 0; margin-right: 0; }
#lewandowska-okno button, #lewandowska-okno input { font-family: var(--sg); }
#lewandowska-okno.natychmiast, #lewandowska-okno.natychmiast * { transition: none !important; }
html.up-otwarty { overflow: hidden; }
#lewandowska-okno .up-miejsce {
  --wystaje: 110px;
  position: absolute; inset: 0; z-index: 10; display: grid; overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain;
  padding: calc(var(--wystaje) + 16px) 16px 16px;
}
@container up (min-width: 640px) { #lewandowska-okno .up-miejsce { --wystaje: 124px; } }
#lewandowska-okno.zamkniete .up-miejsce { pointer-events: none; }
#lewandowska-okno .up-miejsce .pu { position: relative; left: auto; top: auto; margin: auto; width: min(580px, 100%); transform: none; }
#lewandowska-okno.zamkniete .up-miejsce .pu { transform: translateY(16px); }
@keyframes up-wej { from { opacity: 0; transform: translateY(40px) scale(0.97); } }
@media (prefers-reduced-motion: no-preference) {
  #lewandowska-okno.gra .up-miejsce .pu { animation-name: up-wej; }
}
@media (max-height: 732.98px) {
  @container up (max-width: 639px) { #lewandowska-okno .pu-tresc > .p-tekst { display: none; } }
}
@media (max-height: 644px) {
  @container up (max-width: 639px) {
    #lewandowska-okno .up-miejsce { --wystaje: 84px; }
    #lewandowska-okno .pu:not(.pu--srodek) { --wystaje: 84px; }
    #lewandowska-okno .pu:not(.pu--srodek) .pu-gora { height: 153px; }
    #lewandowska-okno .pu:not(.pu--srodek) .pu-osoba { height: 320px; }
  }
}
@media (max-height: 763.98px) {
  @container up (min-width: 640px) { #lewandowska-okno .pu-tresc > .p-tekst { display: none; } }
}
@media (max-height: 700.98px) {
  @container up (min-width: 640px) {
    #lewandowska-okno .up-miejsce { --wystaje: 100px; }
    #lewandowska-okno .pu { --wystaje: 100px; }
    #lewandowska-okno .pu-gora { height: 160px; }
    #lewandowska-okno .pu-osoba { height: calc(160px + var(--wystaje)); }
  }
}
@media (prefers-reduced-motion: reduce) {
  #lewandowska-okno *, #lewandowska-okno *::before, #lewandowska-okno *::after { transition-duration: 0.01ms !important; animation-duration: 0.01ms !important; }
}
html body label[for="kon-zgoda"] a { text-decoration: underline !important; text-underline-offset: 3px; color: inherit; }
html body #poradnik .pr-karta-tytul, html body #poradnik .pr-karta-link:hover .pr-karta-tytul, html body #poradnik .pr-najnowsze-tytul, html body #poradnik .pr-wpis-tytul, html body #poradnik .pr-tresc h2, html body #poradnik .pr-tresc h3 { color: #09090B !important; -webkit-text-fill-color: #09090B !important; }
html body section#obiuro-foto .foto { background: url("../img/c88c7a0fbcdb.webp") 28% 40% / cover no-repeat #121212 !important; }
@media (max-width: 767.98px) { html body section#obiuro-foto .foto { background-position: 23% 40% !important; } }
html body section#obiuro-foto .foto::before, html body section#obiuro-foto .foto::after { content: none !important; display: none !important; }
@media (min-width: 1024px) {
  html body section#op-hero .u-hero-osoba { right: max(1.5rem, (100vw - 76.75rem) / 2 + 1.5rem) !important; }
  html body section#op-hero .u-hero-osoba img { height: min(calc((100svh - 138px) * 1.14), 47.5rem,
    calc((100vw - 2 * max(1.5rem, (100vw - 76.75rem) / 2 + 1.5rem) - 40rem - 40px) / 0.68)) !important; }
}
html body section#obiuro-foto .u-podpis p { font-size: 18px !important; line-height: 1.6 !important; }
html body #lewandowska-okno .pu-osoba { max-width: 100% !important; object-fit: contain; object-position: 50% 100%; }
@media (max-width: 1023.98px) {
  html body section#op-hero .u-hero-osoba img { height: auto !important; width: min(100%, 26rem) !important; max-width: 100% !important; }
}
html body main section#pf-faq { position: relative; background: #FFFFFF !important; color: var(--pf-tekst); }
html body main section#pf-faq > :first-child { padding-top: var(--sekcja) !important; padding-bottom: calc(var(--sekcja) / 2) !important; }
html body main section#pf-pytania > :first-child { padding-top: calc(var(--sekcja) / 2) !important; }
html body main section#pf-faq .pf-h2 { margin: 1.25rem 0 0; }
@media (min-width: 768px) { html body main section#pf-faq .pf-h2 { margin-top: 1.5rem; } }
html:root body main > section#pf-faq .f7-akord { margin-top: 48px !important; border-top: 1px solid #DCD2C2 !important; }
@media (min-width: 640px) { html:root body main > section#pf-faq .f7-akord { margin-top: 64px !important; } }
html:root body main > section#pf-faq .f7-akord .f7-poz { position: relative !important; border-bottom: 1px solid #DCD2C2 !important; background: transparent !important; }
html:root body main > section#pf-faq .f7-akord .f7-h { margin: 0 !important; padding: 0 !important; font: inherit !important; }
html:root body main > section#pf-faq .f7-akord .f7-btn { display: grid !important; grid-template-columns: 2.75rem minmax(0, 1fr) !important; align-items: start !important; column-gap: 0.75rem !important; width: 100% !important; min-height: 0 !important; margin: 0 !important; padding: 24px 60px 10px 0 !important; background: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; text-align: left !important; cursor: pointer; color: inherit !important; font: inherit !important; letter-spacing: normal !important; text-transform: none !important; }
@media (min-width: 640px) { html:root body main > section#pf-faq .f7-akord .f7-btn { grid-template-columns: 4.5rem minmax(0, 1fr) !important; column-gap: 0 !important; padding: 28px 76px 10px 0 !important; } }
@media (min-width: 1024px) { html:root body main > section#pf-faq .f7-akord .f7-btn { grid-template-columns: 5.75rem minmax(0, 1fr) !important; padding: 28px 88px 10px 0 !important; } }
html:root body main > section#pf-faq .f7-akord .f7-btn:focus-visible { outline: 2px solid #09090B !important; outline-offset: -2px !important; }
html:root body main > section#pf-faq .f7-akord .f7-nr { justify-self: start !important; margin-top: 0.3em !important; font-size: 13px !important; font-weight: 500 !important; letter-spacing: 0.02em !important; font-variant-numeric: tabular-nums; color: #76787C !important; transition: color 0.3s; }
@media (min-width: 640px) { html:root body main > section#pf-faq .f7-akord .f7-nr { font-size: 14px !important; } }
html:root body main > section#pf-faq .f7-akord .f7-pyt { display: block !important; margin: 0 !important; padding: 0 !important; font-size: 17px !important; font-weight: 500 !important; line-height: 1.3 !important; letter-spacing: -0.01em !important; color: #09090B !important; -webkit-text-fill-color: #09090B !important; }
@media (min-width: 640px) { html:root body main > section#pf-faq .f7-akord .f7-pyt { font-size: 20px !important; } }
@media (min-width: 1024px) { html:root body main > section#pf-faq .f7-akord .f7-pyt { font-size: 22px !important; } }
html:root body main > section#pf-faq .f7-akord .f7-znak { position: absolute !important; right: 0 !important; top: 31px !important; width: 44px !important; height: 44px !important; border: 1px solid #09090B !important; background: transparent !important; transition: background-color 0.3s, border-color 0.3s; }
@media (min-width: 640px) { html:root body main > section#pf-faq .f7-akord .f7-znak { width: 52px !important; height: 52px !important; top: 34px !important; } }
@media (min-width: 1024px) { html:root body main > section#pf-faq .f7-akord .f7-znak { width: 56px !important; height: 56px !important; top: 33px !important; } }
html:root body main > section#pf-faq .f7-akord .f7-znak::before, html:root body main > section#pf-faq .f7-akord .f7-znak::after { content: "" !important; position: absolute !important; left: 50% !important; top: 50% !important; width: 14px !important; height: 1.5px !important; background: #09090B !important; transform: translate(-50%, -50%); transition: background-color 0.3s, opacity 0.25s, transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1); }
html:root body main > section#pf-faq .f7-akord .f7-znak::after { transform: translate(-50%, -50%) rotate(90deg); }
html:root body main > section#pf-faq .f7-akord .f7-otwarte .f7-znak { background: #B08A4E !important; border-color: #B08A4E !important; }
html:root body main > section#pf-faq .f7-akord .f7-otwarte .f7-znak::before, html:root body main > section#pf-faq .f7-akord .f7-otwarte .f7-znak::after { background: #FFFFFF !important; }
html:root body main > section#pf-faq .f7-akord .f7-otwarte .f7-znak::after { opacity: 0; transform: translate(-50%, -50%) rotate(0deg); }
@media (hover: hover) and (pointer: fine) {
  html:root body main > section#pf-faq .f7-akord .f7-poz:not(.f7-otwarte) .f7-btn:hover .f7-znak { background: #09090B !important; }
  html:root body main > section#pf-faq .f7-akord .f7-poz:not(.f7-otwarte) .f7-btn:hover .f7-znak::before, html:root body main > section#pf-faq .f7-akord .f7-poz:not(.f7-otwarte) .f7-btn:hover .f7-znak::after { background: #FFFFFF !important; }
}
html:root body main > section#pf-faq .f7-akord .f7-odp { display: block !important; visibility: visible !important; }
html:root body main > section#pf-faq .f7-akord .f7-odp-w { padding: 0 60px 24px 3.5rem !important; }
@media (min-width: 640px) { html:root body main > section#pf-faq .f7-akord .f7-odp-w { padding: 0 76px 28px 4.5rem !important; } }
@media (min-width: 1024px) { html:root body main > section#pf-faq .f7-akord .f7-odp-w { padding: 0 88px 28px 5.75rem !important; } }
html:root body main > section#pf-faq .f7-akord .f7-tekst { display: -webkit-box !important; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden !important; max-width: 34rem !important; max-height: 1.75em !important; margin: 0 !important; font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif !important; font-size: 15px !important; font-weight: 400 !important; line-height: 1.75 !important; color: #76787C !important; -webkit-text-fill-color: #76787C !important; cursor: pointer; transition: max-height 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), color 0.3s; }
@media (min-width: 640px) { html:root body main > section#pf-faq .f7-akord .f7-tekst { font-size: 16px !important; } }
html:root body main > section#pf-faq .f7-akord .f7-otwarte .f7-tekst { display: block !important; -webkit-line-clamp: none; max-height: 30em !important; color: #2B2C2E !important; -webkit-text-fill-color: #2B2C2E !important; cursor: auto; }
html:root body main > section#pf-faq .f7-akord .f7-otwarte .f7-nr { color: #B08A4E !important; }
html:root body main > section#pf-faq .f7-akord .f7-tekst.f7-zwija { display: block !important; -webkit-line-clamp: none !important; max-height: none !important; }
html:root body main > section#pf-faq .f7-akord .f7-tekst { transition: color 0.35s ease; }
#pf-pytania .fq-certyfikat { margin: 0; background: #FFFFFF; box-shadow: 0 40px 80px -40px rgba(18, 18, 18, 0.28), 0 2px 10px rgba(18, 18, 18, 0.05); }
#pf-pytania .fq-certyfikat img { display: block; width: 100%; height: auto; }
:root body main section#pf-pytania .fq-lead + .fq-lead { margin-top: 1rem !important; }
@media (min-width: 1024px) and (max-width: 1099.98px) { :root body main section#pf-pytania .fq-h2 { font-size: 3.35rem !important; } }
.pk-sk{--sk-glowny:60px;--sk-opcja:48px;--sk-odstep:14px;--sk-gap:12px;--sk-cien:0 8px 20px -6px rgba(0,0,0,.3);position:fixed;right:24px;bottom:24px;z-index:60;display:flex;flex-direction:column-reverse;align-items:flex-end;gap:var(--sk-odstep);pointer-events:none;font-family:'Space Grotesk',system-ui,sans-serif}
html body .pk-sk .pk-sk-przycisk{border-radius:50%!important}
.pk-sk-przycisk{position:relative;z-index:1;display:grid;place-items:center;width:var(--sk-glowny);height:var(--sk-glowny);padding:0;border:0;background:var(--pf-akcent);color:#fff;cursor:pointer;pointer-events:auto;box-shadow:var(--sk-cien);transition:transform .25s ease,filter .25s ease}
.pk-sk-przycisk:hover{transform:scale(1.05);filter:brightness(1.04)}
.pk-sk-przycisk svg{position:absolute;transition:transform .35s cubic-bezier(.2,.8,.2,1),opacity .2s ease}
.pk-sk-x{opacity:0;transform:rotate(-90deg) scale(.5)}
.pk-sk--otwarte .pk-sk-tel{opacity:0;transform:rotate(90deg) scale(.5)}
.pk-sk--otwarte .pk-sk-x{opacity:1;transform:none}
.pk-sk-lista{display:flex;flex-direction:column-reverse;align-items:flex-end;gap:var(--sk-gap);margin:0;padding:0 calc((var(--sk-glowny) - var(--sk-opcja))/2) 0 0;list-style:none;visibility:hidden;transition:visibility 0s linear .4s}
.pk-sk--otwarte .pk-sk-lista{visibility:visible;transition-delay:0s}
.pk-sk-lista li{--i:0;--sk-droga:calc(var(--sk-glowny)/2 + var(--sk-odstep) + var(--sk-opcja)/2 + (var(--sk-opcja) + var(--sk-gap))*var(--i));opacity:0;translate:0 var(--sk-droga);scale:.5;transform-origin:calc(100% - var(--sk-opcja)/2) 50%;transition:opacity .2s ease calc((2 - var(--i))*50ms),scale .2s ease calc((2 - var(--i))*50ms),translate 0s linear .4s}
.pk-sk-lista li:nth-child(2){--i:1}
.pk-sk-lista li:nth-child(3){--i:2}
.pk-sk--otwarte .pk-sk-lista li{opacity:1;translate:0 0;scale:1;transition:translate .45s cubic-bezier(.2,.8,.2,1) calc(var(--i)*50ms),scale .45s cubic-bezier(.2,.8,.2,1) calc(var(--i)*50ms),opacity .3s ease calc(var(--i)*50ms)}
.pk-sk-lista a{display:flex;align-items:center;gap:12px;color:#09090B;text-decoration:none;pointer-events:auto}
.pk-sk-etykieta{display:flex;align-items:center;height:38px;padding:0 16px;box-sizing:border-box;border-radius:999px;background:#fff;box-shadow:var(--sk-cien);font-size:14px;font-weight:500;line-height:1.2;white-space:nowrap;opacity:0;transform:translateX(8px);transition:opacity .12s ease,transform .12s ease}
.pk-sk-etykieta b{margin-left:.35em;font-weight:600}
.pk-sk--otwarte .pk-sk-etykieta{opacity:1;transform:none;transition:opacity .3s ease calc(120ms + var(--i)*50ms),transform .3s ease calc(120ms + var(--i)*50ms)}
.pk-sk-ikona{display:grid;place-items:center;flex:none;width:var(--sk-opcja);height:var(--sk-opcja);border-radius:50%;background:var(--pf-czern);color:#fff;box-shadow:var(--sk-cien);transition:transform .2s ease,filter .2s ease}
.pk-sk-telefon .pk-sk-ikona{background:#16A34A}   
.pk-sk-mail .pk-sk-ikona{background:#6D6D6D}   
.pk-sk-lista a:hover .pk-sk-ikona,.pk-sk-lista a:focus-visible .pk-sk-ikona{transform:scale(1.08);filter:brightness(1.05)}
.pk-sk-dymek{position:absolute;right:calc(var(--sk-glowny) + 14px);bottom:calc(var(--sk-glowny)/2);padding:10px 16px;border-radius:18px;background:#fff;color:#09090B;box-shadow:var(--sk-cien);font-size:14px;font-weight:600;line-height:1.2;white-space:nowrap;text-decoration:none;pointer-events:none;opacity:0;translate:10px 50%;scale:.85;transform-origin:100% 50%;transition:opacity .25s ease,translate .35s cubic-bezier(.2,.8,.2,1),scale .35s cubic-bezier(.2,.8,.2,1)}
.pk-sk-dymek::after{content:'';position:absolute;top:50%;right:-5px;width:12px;height:12px;border-radius:0 3px 0 0;background:#fff;translate:0 -50%;rotate:45deg}
.pk-sk-dymek--widoczny{opacity:1;translate:0 50%;scale:1;pointer-events:auto}
.pk-sk--otwarte .pk-sk-dymek{opacity:0;pointer-events:none}
@keyframes pk-sk-dzwoni{0%,34%,100%{transform:none}4%{transform:translateX(-3px) rotate(-14deg) scale(1.08)}8%{transform:translateX(3px) rotate(12deg) scale(1.08)}12%{transform:translateX(-3px) rotate(-12deg) scale(1.08)}16%{transform:translateX(3px) rotate(10deg) scale(1.08)}20%{transform:translateX(-2px) rotate(-8deg) scale(1.06)}24%{transform:translateX(2px) rotate(6deg) scale(1.04)}28%{transform:translateX(-1px) rotate(-3deg) scale(1.02)}}
.pk-sk--dzwoni .pk-sk-przycisk{animation:pk-sk-dzwoni 2s ease-in-out .35s infinite}
.pk-sk--otwarte .pk-sk-przycisk{animation:none}
.pk-sk-przycisk:focus-visible,.pk-sk-lista a:focus-visible{outline:2px solid var(--pf-akcent);outline-offset:3px}
@media(max-width:767px){.pk-sk{--sk-glowny:56px;right:16px;bottom:max(16px,env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){.pk-sk *{transition-duration:.01ms!important;transition-delay:0s!important}.pk-sk--dzwoni .pk-sk-przycisk{animation:none}}
@media print{.pk-sk{display:none}}
html body main section#op-hero { background: #121212 url("../img/e04dd2df8ecb.webp") 50% 50% / cover no-repeat !important; }
html body main section#op-hero::before {
  background: linear-gradient(90deg, rgba(18, 18, 18, 0.94) 0%, rgba(18, 18, 18, 0.86) 34%, rgba(18, 18, 18, 0.35) 60%, rgba(18, 18, 18, 0) 78%) !important;
}
@media (max-width: 1023.98px) {
  html body main section#op-hero::before { background: rgba(18, 18, 18, 0.84) !important; }
}
@media (min-width: 1024px) {
  html body section#op-hero .u-hero-osoba img { height: min(calc((100svh - 138px) * 1.14), 47.5rem,
    calc((100vw - 2 * max(1.5rem, (100vw - 76.75rem) / 2 + 1.5rem) - 40rem - 40px) / 0.740)) !important; }
}
html body section#op-hero .u-hero-osoba img { filter: none !important; }
html body #obiuro-biuro .foto { background-image: url("../img/9226275cbb2c.webp") !important; background-position: 50% 50% !important; }
html body section#obiuro-foto .foto { background-position: 50% 22% !important; }
html body #oferta-uslugi .lista.is-visible .wiersz:nth-of-type(5) { animation-delay: 0.5s; }
html body main section#pf-faq > :first-child { padding-bottom: var(--sekcja) !important; }
html body #site-header#site-header { display: none !important; }
html body :is(#strona-glowna, #poradnik) [id] { scroll-margin-top: 100px !important; }
html body main#strona-glowna#strona-glowna > section.mk > * { padding-top: 0 !important; padding-bottom: 0 !important; }
html body main#strona-glowna#strona-glowna > section.mk-hero > .mk-kontener { padding-top: 56px !important; padding-bottom: clamp(56px, 24vh, 260px) !important; padding-bottom: clamp(56px, 24svh, 260px) !important; }
@media (max-width: 1023.98px) {
  html body main#strona-glowna#strona-glowna > section.mk-hero > .mk-kontener { padding-top: 40px !important; padding-bottom: 44px !important; }
}
html body #strona-glowna#strona-glowna#strona-glowna > section:not(.mk) *:not(svg):not(svg *),
html body #poradnik#poradnik#poradnik *:not(svg):not(svg *),
html body #kontakt#kontakt#kontakt *:not(svg):not(svg *):not(.mk-logo-znak):not(.mk-logo-napis b),
html body #lewandowska-okno#lewandowska-okno#lewandowska-okno *:not(svg):not(svg *),
html body #szybki-kontakt#szybki-kontakt#szybki-kontakt *:not(svg):not(svg *),
html body #cookie-consent-banner#cookie-consent-banner *:not(svg):not(svg *),
html body #cookie-consent-modal#cookie-consent-modal *:not(svg):not(svg *) { font-family: var(--mk-sans) !important; }
html body #strona-glowna#strona-glowna#strona-glowna > section:not(.mk) :is(h1, h2, .panel-tytul, .pro-nr, .op-liczba),
html body #strona-glowna#strona-glowna#strona-glowna > section:not(.mk) :is(h1, h2, .panel-tytul) *:not(svg):not(svg *),
html body #poradnik#poradnik#poradnik :is(h1, h2):not(svg):not(svg *):not(.mk-x), html body #poradnik#poradnik#poradnik :is(h1, h2) *:not(svg):not(svg *):not(.mk-x),
html body #lewandowska-okno#lewandowska-okno#lewandowska-okno :is(h2, .p-tytul, .pu-liczba), html body #lewandowska-okno#lewandowska-okno#lewandowska-okno :is(h2, .p-tytul, .pu-liczba) *:not(svg):not(svg *) {
  font-family: var(--mk-serif) !important; font-weight: 500 !important; letter-spacing: -0.01em !important; }
html body #strona-glowna#strona-glowna#strona-glowna > section:not(.mk) h2 { font-size: 2.4rem !important; line-height: 1.08 !important; }
@media (min-width: 640px) { html body #strona-glowna#strona-glowna#strona-glowna > section:not(.mk) h2 { font-size: 3.25rem !important; } }
html body #strona-glowna#strona-glowna#strona-glowna > section:not(.mk) .panel-tytul { line-height: 1.1 !important; }
html body #strona-glowna#strona-glowna#strona-glowna > section:not(.mk) .pro-nr { color: var(--mk-zloto-jasne) !important; }
html body #strona-glowna#strona-glowna#strona-glowna > section:not(.mk) :is(h3:not(.panel-tytul), .f7-pyt),
html body #strona-glowna#strona-glowna#strona-glowna > section:not(.mk) :is(h3:not(.panel-tytul), .f7-pyt) *:not(svg):not(svg *) { font-weight: 700 !important; letter-spacing: 0 !important; }
html body #strona-glowna#strona-glowna#strona-glowna > section:not(.mk) :is(.pf-nadtytul, .panel-nadtytul, .op-nadtytul) {
  display: inline-flex !important; align-items: center !important; gap: 16px !important; padding-bottom: 0 !important;
  font-size: 13px !important; font-weight: 600 !important; letter-spacing: 0.24em !important; color: var(--mk-zloto) !important; -webkit-text-fill-color: var(--mk-zloto) !important; }
html body #strona-glowna#strona-glowna#strona-glowna > section:not(.mk) :is(.pf-nadtytul, .panel-nadtytul, .op-nadtytul)::after {
  position: static !important; flex: none !important; width: 44px !important; height: 1.5px !important; background: var(--mk-zloto) !important; }
html body #strona-glowna#strona-glowna#strona-glowna > section:not(.mk) :is(.pf-nadtytul, .panel-nadtytul, .op-nadtytul)::before { display: none !important; }
html body #lewandowska-okno#lewandowska-okno#lewandowska-okno .nad { display: inline-flex !important; align-items: center !important; gap: 16px !important; padding-bottom: 0 !important;
  font-size: 13px !important; font-weight: 600 !important; letter-spacing: 0.24em !important; color: var(--mk-zloto) !important; -webkit-text-fill-color: var(--mk-zloto) !important; }
html body #lewandowska-okno#lewandowska-okno#lewandowska-okno .nad::after { content: "" !important; position: static !important; flex: none !important; width: 44px !important; height: 1.5px !important; background: var(--mk-zloto) !important; transform: none !important; }
html body #lewandowska-okno#lewandowska-okno#lewandowska-okno .nad::before { display: none !important; }
html body #strona-glowna#strona-glowna#strona-glowna > section#obiuro-biuro .panel-nadtytul::after { transform: none !important; }
html body :is(#strona-glowna, #lewandowska-okno) :is(.op-przycisk, .pf-przycisk, a.cta-roll.obrys, .p-btn) {
  min-height: 54px !important; padding: 0 26px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important;
  font-family: var(--mk-sans) !important; font-size: 13px !important; font-weight: 600 !important; letter-spacing: 0.12em !important; text-transform: uppercase !important; border-radius: 0 !important; }
html body :is(#strona-glowna, #lewandowska-okno) :is(.op-przycisk, .pf-przycisk, a.cta-roll.obrys, .p-btn) * { font-size: inherit !important; font-weight: inherit !important; letter-spacing: inherit !important; text-transform: inherit !important; }
html body #strona-glowna .op-wiecej-link, html body #strona-glowna .op-wiecej-link * { font-size: 13px !important; font-weight: 600 !important; letter-spacing: 0.16em !important; text-transform: uppercase !important; }
html body main#strona-glowna#strona-glowna > section:is(#pf-zalety, #pf-faq, #pf-poradnik, #obiuro-biuro, #pf-kontakt) { background-color: var(--mk-tlo) !important; }
html body, html body #poradnik { background-color: var(--mk-tlo); }
html body #kontakt .mk-logo-znak { font-size: 54px; }
html body #kontakt .mk-logo-napis b { color: #fff; font-size: 18px; }
html body #kontakt .mk-logo-napis small { color: rgba(255, 255, 255, 0.72); }
html body #kontakt#kontakt .stopka-naglowek { color: var(--mk-zloto-jasne) !important; letter-spacing: 0.24em !important; font-weight: 600 !important; }
html body .stopka-prawa p, html body .stopka-prawa p * { font-family: var(--mk-sans) !important; font-size: 14px !important; line-height: 1.75 !important; }
html body .stopka-prawa :is(a, button) { white-space: nowrap; }
html body .mk-nad, html body #strona-glowna#strona-glowna#strona-glowna > section:not(.mk) :is(.pf-nadtytul, .panel-nadtytul, .op-nadtytul),
html body #lewandowska-okno#lewandowska-okno#lewandowska-okno .nad {
  display: inline-block !important; position: relative !important; gap: 0 !important; padding-bottom: 0.45em !important; }
html body .mk-nad::after, html body #strona-glowna#strona-glowna#strona-glowna > section:not(.mk) :is(.pf-nadtytul, .panel-nadtytul, .op-nadtytul)::after,
html body #lewandowska-okno#lewandowska-okno#lewandowska-okno .nad::after {
  content: "" !important; position: absolute !important; left: 0 !important; right: 0.24em !important; bottom: 0 !important; top: auto !important;
  width: auto !important; height: 2px !important; background: var(--mk-zloto) !important; transform-origin: left center; }
html body .mk-cta .mk-nad::before { display: none !important; }
html body .mk .mk-przycisk, html body .mk-przycisk { height: 40px; }
html body #strona-glowna :is(.op-przycisk, .pf-przycisk, a.cta-roll.obrys) { min-height: 40px !important; }
@media (min-width: 1024px) { :root { --mk-menu: 72px; } }
.mk-hero-foto { background-image: url("../img/c10f4ed6ac43.webp"); }   
.mk-cytat-foto { background-image: url("../img/9020ce58866d.webp"); }
@media (min-width: 1024px) {
  html body main#strona-glowna#strona-glowna > section.mk-hero > .mk-kontener { align-items: flex-end !important; padding-bottom: clamp(48px, 11.4vh, 140px) !important; padding-bottom: clamp(48px, 11.4svh, 140px) !important; }
  html body .mk-hero .mk-hero-foto { transform-origin: 60% 12% !important; transform: scale(1.04) !important; }   
  html.mk-js body .mk-hero:not(.mk-widoczne) .mk-hero-foto { transform: scale(1.082) !important; }
  html body .mk-hero-foto::after { content: ""; position: absolute; inset: 0; pointer-events: none;
    background: rgb(249, 246, 241);
    -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);
    -webkit-mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.38) 0%, rgba(0, 0, 0, 0.6) 17%, rgba(0, 0, 0, 0.94) 31%, #000 36%),
      linear-gradient(90deg, rgba(0, 0, 0, 0.97) 0%, rgba(0, 0, 0, 0.96) 36%, rgba(0, 0, 0, 0.88) 42%, rgba(0, 0, 0, 0.55) 47%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0) 53.5%);
    -webkit-mask-composite: source-in;
    mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.38) 0%, rgba(0, 0, 0, 0.6) 17%, rgba(0, 0, 0, 0.94) 31%, #000 36%),
      linear-gradient(90deg, rgba(0, 0, 0, 0.97) 0%, rgba(0, 0, 0, 0.96) 36%, rgba(0, 0, 0, 0.88) 42%, rgba(0, 0, 0, 0.55) 47%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0) 53.5%);
    mask-composite: intersect; }
}
.mk-hero-ocena { display: inline-flex; flex-direction: column; align-items: flex-start; gap: 12px; }
.mk-hero-ocena-gora { display: flex; align-items: baseline; gap: 6px; font-variant-numeric: lining-nums; }   
.mk-hero-ocena-liczba { font-family: var(--mk-serif); font-size: 46px; font-weight: 500; line-height: 1; color: var(--mk-tekst); }
.mk-hero-ocena-max { font-family: var(--mk-serif); font-size: 20px; line-height: 1; color: var(--mk-szary-2); margin-right: 3px; }   
.mk-hero-ocena .mk-gwiazdy { align-self: baseline; gap: 3px; color: #FBBC04; position: relative; top: 3.5px; }      
.mk-hero-ocena .mk-gwiazdy svg { display: block; width: 22px; height: 22px; }   
.mk-hero-ocena-link { display: inline-flex; align-items: center; gap: 9px; font-family: var(--mk-sans); font-size: 15px; font-weight: 500; line-height: 1.3; color: var(--mk-tekst); }
.mk-hero-ocena-link span { padding-bottom: 2px; border-bottom: 1px solid rgba(28, 27, 25, 0.4); transition: border-color 0.25s; }
.mk-hero-ocena-link:hover span, .mk-hero-ocena-link:focus-visible span { border-bottom-color: var(--mk-zloto); }
.mk-hero-ocena-g { width: 18px; height: 18px; flex-shrink: 0; }
.mk-hero-ocena-strz { width: 15px; height: 15px; flex-shrink: 0; color: var(--mk-zloto); }
.mk-hero .mk-hero-ocena + h1 { margin-top: 22px; }   
.mk-hero h1 + .mk-hero-lead { margin-top: 26px; }
.mk-hero .mk-hero-lead + .mk-hero-akcje { margin-top: 41px; }
html body .mk .mk-nad + .mk-h2 { margin-top: 20px; }
html body #pf-kontakt .pf-nadtytul + h2 { margin-top: 20px !important; }
@media (min-width: 1024px) {
  html body main#strona-glowna .mk-karty .mk-karta h3 { font-size: clamp(20px, 1.7vw, 26px) !important; }   
}
html body .mk .mk-h2, html body .mk h2, html body #strona-glowna section h2 { text-wrap: balance; }
html body .mk p, html body #strona-glowna section p { text-wrap: pretty; }
html body .mk-o-mnie { padding: 104px 0 52px; }
html body .mk-oferta { padding: 52px 0 104px; }
html body main#strona-glowna#strona-glowna > section.mk-cta > .mk-kontener { padding-top: 104px !important; padding-bottom: 104px !important; }
@media (max-width: 1023.98px) {
  html body .mk-o-mnie { padding: 72px 0 36px; }
  html body .mk-oferta { padding: 36px 0 72px; }
}
html body .mk-kor-siatka { border-top: 0 !important; }
html body .mk-kor-siatka li { position: relative; }
html body .mk-kor-siatka li:nth-child(-n+2)::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 1px; background: var(--mk-linia); }
html.mk-js body .mk-kor-siatka li:nth-child(-n+2)::before { transform: scaleX(0); transform-origin: left center; transition: transform 1s var(--mk-ease-out); }
html.mk-js body .mk-widoczne .mk-kor-siatka li:nth-child(-n+2)::before { transform: none; }
@media (max-width: 1023.98px) { html body .mk-kor-siatka li:nth-child(2)::before { display: none; } }   
@media (min-width: 1024px) {
  html body main#strona-glowna .mk-kor-siatka h3 { font-size: clamp(20px, 1.7vw, 26px) !important; }
}
html body .mk-opinie .mk-ocena { padding: 0; background: none; border: 0; text-align: left; display: flex; flex-direction: column; align-items: flex-start; gap: 12px; }
html body .mk-opinie .mk-ocena-gora { justify-content: flex-start; align-items: baseline; gap: 6px; font-variant-numeric: lining-nums; }
html body .mk-opinie .mk-ocena-liczba { font-size: 46px; font-weight: 500; color: var(--mk-tekst); }
html body .mk-opinie .mk-ocena-max { font-size: 20px; line-height: 1; margin-right: 3px; }
html body .mk-opinie .mk-ocena .mk-gwiazdy { margin-top: 0; align-self: baseline; position: relative; top: 3.5px; gap: 3px; }
html body .mk-opinie .mk-ocena .mk-gwiazdy svg { display: block; width: 22px; height: 22px; }
html body .mk-opinie .mk-ocena a { margin-top: 0; justify-content: flex-start; gap: 9px; font-size: 15px; font-weight: 500; line-height: 1.3; }
html body .mk-opinie .mk-ocena a span { padding-bottom: 2px; border-bottom: 1px solid rgba(28, 27, 25, 0.4); transition: border-color 0.25s; }
html body .mk-opinie .mk-ocena a:hover span { border-bottom-color: var(--mk-zloto); }
html body .mk-opinie .mk-ocena a .mk-ocena-g { width: 18px; height: 18px; color: inherit; }
html body .mk-opinie .mk-ocena a svg:last-child { width: 15px; height: 15px; }
html body .mk-opinie .mk-gwiazdy { color: #FBBC04; }
html body .mk-opinie .mk-ocena-liczba { font-size: 64px; }
html body .mk-opinie .mk-ocena-max { font-size: 26px; margin-right: 4px; }
html body .mk-opinie .mk-ocena .mk-gwiazdy { top: 4px; gap: 4px; }
html body .mk-opinie .mk-ocena .mk-gwiazdy svg { width: 28px; height: 28px; }
html body .mk-opinie .mk-ocena { gap: 14px; }
html body .mk-opinie .mk-ocena a { font-size: 17px; gap: 10px; }
html body .mk-opinie .mk-ocena a .mk-ocena-g { width: 21px; height: 21px; }
html body .mk-opinie .mk-ocena a svg:last-child { width: 17px; height: 17px; }
html body main#strona-glowna .mk-wpis h3 { font-size: clamp(19px, 1.5vw, 22px) !important; line-height: 1.3 !important; }
html body .mk-wpis-foto { aspect-ratio: 16 / 9; }
html body section.mk-ciemna .mk-nad, html body #mk-proces .mk-nad, html body #mk-cta .mk-nad { color: #fff !important; }
html body #kontakt#kontakt .stopka-naglowek { color: #fff !important; }
html body #mk-biuro .mk-biuro-tresc { container-type: inline-size; }
html body main#strona-glowna #mk-biuro-tytul#mk-biuro-tytul { font-size: min(3.75rem, 10.55cqi) !important; text-wrap: nowrap; }
@media (min-width: 1024px) { html body .mk-biuro-siatka { grid-template-columns: minmax(0, 0.965fr) minmax(0, 1.035fr); } }
html body .mk-naglowek { transition: background-color .45s ease, border-color .45s ease; }
html body .mk-naglowek .mk-logo-img--jasne { display: none; }
html body header.mk-naglowek.mk-naglowek--ciemny { background: rgb(9, 9, 11) !important; border-bottom-color: rgba(255, 255, 255, 0.08) !important; }   
html body .mk-naglowek.mk-naglowek--ciemny .mk-logo-img:not(.mk-logo-img--jasne) { display: none; }
html body .mk-naglowek.mk-naglowek--ciemny .mk-logo-img--jasne { display: block; }
html body header.mk-naglowek.mk-naglowek--ciemny .mk-burger span { background: #fff !important; }
@media (min-width: 1024px) {
  html body .mk-naglowek .mk-menu a { transition: color .45s ease; }
  html body header.mk-naglowek.mk-naglowek--ciemny .mk-menu a { color: #fff !important; }
}
html body section#mk-cta.mk-cta.mk-ciemna { position: relative; overflow: hidden; background: rgb(9, 9, 11); }
html body section#mk-cta::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; width: 40%;    z-index: 0; pointer-events: none;
  background: linear-gradient(90deg, rgb(9, 9, 11) 0%, rgba(9, 9, 11, 0.9) 20%, rgba(9, 9, 11, 0.72) 45%, rgba(9, 9, 11, 0.62) 75%, rgba(9, 9, 11, 0.68) 100%),
              url("../img/60b5c168107f.webp") 19% 62% / cover no-repeat;
  filter: saturate(0.55); }
html body section#mk-cta > .mk-kontener { position: relative; z-index: 1; }
html body section#mk-cta .mk-cta-tekst { margin: 0; max-width: 600px; align-items: flex-start; text-align: left; }
html body section#mk-cta .mk-cta-akcje { justify-content: flex-start; }
@media (min-width: 1024px) {
  html body section#mk-cta .mk-cta-tekst { max-width: none; }
  html body section#mk-cta h2#mk-cta-tytul { max-width: none; text-wrap: nowrap; }
}
@media (max-width: 1023.98px) { html body section#mk-cta h2#mk-cta-tytul br { display: none; } }
@media (max-width: 1023.98px) {
  html body section#mk-cta::before { width: 100%;
    background: linear-gradient(rgba(9, 9, 11, 0.82), rgba(9, 9, 11, 0.82)), url("../img/60b5c168107f.webp") 30% 60% / cover no-repeat; }
}
@media (min-width: 1280px) {
  html body #mk-proces .mk-proces-glowa { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: 20px; align-items: start; }
  html body #mk-proces .mk-proces-glowa > div:first-child { grid-column: 1 / 8; }
  html body #mk-proces .mk-proces-lead { grid-column: 8 / 13; margin: 60.85px 0 0 !important; max-width: none; line-height: 28px !important;    }
}
@media (max-width: 1279.98px) { html body #mk-proces .mk-proces-glowa { display: block; } html body #mk-proces .mk-proces-lead { margin-top: 22px !important; max-width: 40rem; } }
html body footer#kontakt .mk-logo-stopka img { height: 44px; }
@media (max-width: 639.98px) { html body footer#kontakt .mk-logo-stopka img { height: 36px; } }
@media (min-width: 1024px) { html body footer#kontakt .stopka-prawa p { white-space: nowrap; } }
html body #poradnik#poradnik .pr-uklad { padding-top: 104px; padding-bottom: 104px; row-gap: 44px; }
html body #poradnik .sw-glowa { grid-column: 1 / -1; }
html body #poradnik#poradnik .sw-h1 { margin: 20px 0 0; max-width: 820px; font-family: var(--mk-serif) !important; font-size: 2.6rem !important; font-weight: 600 !important;
  line-height: 0.98 !important; letter-spacing: -0.03em !important; color: rgb(18, 18, 18) !important; text-wrap: balance; }
@media (min-width: 640px) { html body #poradnik#poradnik .sw-h1 { font-size: 3.75rem !important; } }
html body #poradnik .pr-okno, html body #poradnik .pr-hero { aspect-ratio: 16 / 9; }
html body #poradnik#poradnik .pr-karta-tekst { font-size: 16px !important; line-height: 1.65 !important; color: var(--mk-szary) !important; }
html body #poradnik#poradnik .pr-tresc, html body #poradnik#poradnik .pr-tresc p { color: var(--mk-szary) !important; }
html body #poradnik#poradnik :is(.pr-karta-tytul, .pr-wpis-tytul, .pr-tresc h2) { font-weight: 600 !important; letter-spacing: -0.02em !important; }
html body #poradnik .pr-wpis--z-bokiem { display: grid; grid-template-columns: minmax(0, 1fr); gap: 3.5rem; max-width: 76.75rem; margin: 0 auto; padding: 104px 1.5rem; }
html body #poradnik .pr-wpis--z-bokiem .pr-wpis-kolumna { max-width: none; margin: 0; padding: 0 !important; }
@media (min-width: 1024px) { html body #poradnik .pr-wpis--z-bokiem { grid-template-columns: minmax(0, 1fr) 21rem; column-gap: 4.5rem; } }
@media (max-width: 1023.98px) {
  html body #poradnik#poradnik .pr-uklad { padding-top: 72px; padding-bottom: 72px; }
  html body #poradnik .pr-wpis--z-bokiem { padding-top: 72px; padding-bottom: 72px; }
}
html body footer#kontakt .stopka-awatar { background: #121212 !important; }
html body footer#kontakt .stopka-awatar img { transform: none !important; filter: none !important; object-position: 50% 30% !important; }
@container up (max-width: 479px) {
  #lewandowska-okno#lewandowska-okno .p3-form-rzad { grid-template-columns: minmax(0, 1fr); gap: 8px; }
  #lewandowska-okno#lewandowska-okno .p3-form-rzad .p-btn { width: 100%; }
}
html body .mk-naglowek a:focus:not(:focus-visible) { outline: none; }
.pr-obraz-fm10 { background-image: url("../img/addb41abc058.webp"); }
.pr-obraz-fm12 { background-image: url("../img/c98f0b1a7b2d.webp"); }
.pr-obraz-fm11 { background-image: url("../img/da1c87bd3f2f.webp"); }
.pr-obraz-fm1 { background-image: url("../img/b0aa6f9e0258.webp"); }
.pr-obraz-fm2 { background-image: url("../img/bbd993ab33de.webp"); }
.pr-obraz-fm3 { background-image: url("../img/f12f89913eba.webp"); }
.pr-obraz-fm4 { background-image: url("../img/4b79bdc872b2.webp"); }
.pr-obraz-fm5 { background-image: url("../img/a381eb17a248.webp"); }
.pr-obraz-fm6 { background-image: url("../img/223c1a02d7b5.webp"); }
.pr-obraz-fm7 { background-image: url("../img/b5fd71a0466e.webp"); }
.pr-obraz-fm8 { background-image: url("../img/521060b3eb20.webp"); }
.pr-obraz-fm9 { background-image: url("../img/17d70a557ddb.webp"); }
html body section#mk-cta::before { display: none !important; }
html body section#mk-cta.mk-cta.mk-ciemna { background: rgb(9, 9, 11) !important; text-align: center !important; }
html body section#mk-cta .mk-cta-tekst { margin: 0 auto !important; max-width: none !important; align-items: center !important; text-align: center !important; }
html body section#mk-cta .mk-cta-akcje { justify-content: center !important; }
html body section#mk-cta h2#mk-cta-tytul { max-width: none !important; text-wrap: nowrap !important; margin-left: auto; margin-right: auto; }
html body section#mk-cta h2#mk-cta-tytul br { display: inline !important; }
@media (max-width: 767px) { html body section#mk-cta h2#mk-cta-tytul { text-wrap: balance !important; } }
@media (min-width: 1024px) {
  html body .mk-hero .mk-hero-foto { transform: translateY(-1.4%) scale(1.04) !important; }
  html.mk-js body .mk-hero:not(.mk-widoczne) .mk-hero-foto { transform: translateY(-1.4%) scale(1.082) !important; }
}
@media (max-width: 1023.98px) {
  html body main#strona-glowna section.mk-hero .mk-hero-foto { background-position: 94% 30% !important; }
}
@media (max-width: 767.98px) {
  html body main#strona-glowna section.mk-hero .mk-hero-akcje { display: inline-flex !important; flex-direction: column !important; flex-wrap: nowrap !important; align-items: stretch !important; }
  html body main#strona-glowna section.mk-hero .mk-hero-akcje > a { justify-content: center !important; }
}
@media (max-width: 767.98px) {
  html body main#strona-glowna section.mk-hero h1#mk-hero-tytul { font-size: min(41.6px, calc((100vw - 48px) / 10.9)) !important; }
  html body main#strona-glowna section.mk-hero h1#mk-hero-tytul .mk-linia-in { white-space: nowrap !important; }
}
html body main#strona-glowna section.mk-hero h1#mk-hero-tytul { max-width: none !important; width: max-content !important; }
html body main#strona-glowna section.mk-hero h1#mk-hero-tytul .mk-linia-in { white-space: nowrap !important; }
@media (min-width: 768px) { html body main#strona-glowna section.mk-hero .mk-hero-tekst { padding-bottom: calc(3rem * 1.06) !important; } }
@media (min-width: 1280px) { html body main#strona-glowna section.mk-hero .mk-hero-tekst { padding-bottom: calc(3.75rem * 1.06) !important; } }
html body main#strona-glowna section.mk-hero > .mk-kontener { max-width: calc(1228px + 20mm) !important; }
@media (min-width: 1024px) {
  html body main#strona-glowna section.mk-hero .mk-hero-foto { left: 10mm !important; right: -10mm !important; }
}
html body main#strona-glowna#strona-glowna > section#mk-opinie { padding-bottom: 52px !important; }
html body main#strona-glowna#strona-glowna > section#mk-wspolpraca { padding-top: 52px !important; padding-bottom: 104px !important; background: rgb(251, 249, 246); }
@media (max-width: 1023px) {
  html body main#strona-glowna#strona-glowna > section#mk-opinie { padding-bottom: 36px !important; }
  html body main#strona-glowna#strona-glowna > section#mk-wspolpraca { padding-top: 36px !important; padding-bottom: 72px !important; }
}
.mk-wspolpraca-lead { margin: 0; max-width: 22rem; padding-left: 28px; border-left: 1.5px solid var(--mk-zloto); font-size: 16px; line-height: 25.6px; color: rgb(74, 71, 67); }
.mk-wspolpraca-glowa { display: flex; flex-direction: column; align-items: center; text-align: center; }
.mk-wspolpraca-glowa .mk-nad::after { left: 50% !important; transform: translateX(-50%) !important; }
.mk-wspolpraca-glowa .mk-h2 { margin-left: auto; margin-right: auto; }
.mk-loga { list-style: none; margin: 44px 0 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 22px; }
.mk-loga-kafel { aspect-ratio: 1.72 / 1; display: grid; place-items: center; background: var(--mk-karta); border: 1px solid var(--mk-linia); overflow: hidden; transition: border-color .25s, box-shadow .25s, transform .35s var(--mk-ease-out); }
@media (hover: hover) { .mk-loga-kafel:hover { transform: translateY(-4px); } }
@media (prefers-reduced-motion: reduce) { .mk-loga-kafel:hover { transform: none; } }
.mk-loga img { display: block; width: 92%; height: 92%; object-fit: contain; }
@media (max-width: 1023px) { .mk-loga { margin-top: 32px; gap: 14px; } .mk-wspolpraca-lead { margin-top: 20px; } }
@media (max-width: 767px) { .mk-loga { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 479px) { .mk-loga { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } }
html body section#mk-wspolpraca ul.mk-loga { margin-top: 56px !important; }
@media (max-width: 1023px) { html body section#mk-wspolpraca ul.mk-loga { margin-top: 40px !important; } }
html body main#strona-glowna#strona-glowna > section#mk-biuro { padding-bottom: 52px !important; }
html body main#strona-glowna#strona-glowna > section#mk-zespol { padding-top: 52px !important; padding-bottom: 104px !important; background: rgb(251, 249, 246); }
@media (max-width: 1023px) {
  html body main#strona-glowna#strona-glowna > section#mk-biuro { padding-bottom: 36px !important; }
  html body main#strona-glowna#strona-glowna > section#mk-zespol { padding-top: 36px !important; padding-bottom: 72px !important; }
}
.mk-zespol-glowa { display: grid; gap: 24px; }
.mk-zespol-lead { margin: 0; padding-left: 28px; border-left: 1.5px solid var(--mk-zloto); font-size: 16px; line-height: 25.6px; color: rgb(74, 71, 67); }
.mk-zespol-foto { width: 100%; margin-top: 44px; aspect-ratio: 1152 / 462; background: url("../img/27885178b494.webp") 50% 33.1% / cover no-repeat; }   
.mk-zespol-dol { display: grid; gap: 28px; margin-top: 48px; }
.mk-zespol-opis { margin: 0; padding-left: 28px; border-left: 1.5px solid var(--mk-zloto); font-size: 16px; line-height: 25.6px; color: rgb(74, 71, 67); }
.mk-zespol-cechy { list-style: none; margin: 0; padding: 0; display: grid; gap: 28px; }
.mk-zespol-cechy li { display: grid; grid-template-columns: 34px auto; gap: 0 16px; align-items: start; }
.mk-zespol-ik { color: var(--mk-zloto); width: 34px; height: 25.6px; display: grid; place-items: center; }
.mk-zespol-ik svg { width: 30px; height: 30px; }
.mk-zespol-cecha { display: block; padding-left: 14px; border-left: 1.5px solid var(--mk-zloto); font-size: 16px; line-height: 25.6px; color: rgb(74, 71, 67); }
.mk-zespol-cecha b { display: block; margin: 0; white-space: nowrap; font-size: 16px; line-height: 25.6px; font-weight: 600; color: #1C1B19; }
.mk-zespol-lead { max-width: 34rem; }
@media (min-width: 1024px) { .mk-zespol-nw { white-space: nowrap; } }
@media (min-width: 1280px) {
  .mk-zespol-glowa { grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: 20px; align-items: end; }
  .mk-zespol-glowa-l { grid-column: 1 / 9; }   
  .mk-zespol-lead { grid-column: 9 / 13; margin-bottom: 6px; max-width: none; }
  .mk-zespol-cechy { grid-template-columns: 1fr 1fr; gap: 25.6px 40px; }
}
@media (min-width: 640px) and (max-width: 1279px) { .mk-zespol-cechy { grid-template-columns: auto auto; gap: 32px; justify-content: start; } }
@media (max-width: 639px) { .mk-zespol-foto { aspect-ratio: 16 / 10; margin-top: 32px; } .mk-zespol-cecha b { white-space: normal; } .mk-zespol-cecha { display: block; width: auto; } }
@media (min-width: 1280px) { .mk-zespol-dol { grid-template-columns: minmax(0, 4.7fr) minmax(0, 7.3fr); gap: 56px; align-items: start; } }
@media (min-width: 1024px) and (max-width: 1279px) { .mk-zespol-dol { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 48px; } .mk-zespol-cechy { grid-template-columns: 1fr; } }
html body .mk-o-mnie .mk-cytat-foto { background-image: url("../img/2d2a5da7866e.webp") !important; background-size: cover !important; background-position: 100% 50% !important; }
@media (max-width: 599.98px) { html body .mk-o-mnie .mk-cytat-foto { background-size: 186% auto !important; background-position: 100% 58% !important; } }
.mk-liczby dd .mk-liczby-w { white-space: nowrap; }
@media (max-width: 599.98px) { .mk-liczby dd .mk-liczby-w { display: block; } }
.mk-opinie-linki { margin-top: 32px; display: flex; flex-wrap: wrap; align-items: center; gap: 18px 48px; }
html body .mk-opinie-linki .mk-opinie-wiecej { margin-top: 0 !important; }
@media (max-width: 767.98px) { .mk-wspolpraca .mk-tylko-komputer { display: none; } }
html body .mk-wspolpraca-glowa .mk-nad::after { left: 0 !important; right: 0.24em !important; transform: none !important; }
.mk-js [data-mk-anim] .mk-wspolpraca-glowa .mk-nad::after { transform: scaleX(0) !important; transform-origin: left center !important; }
.mk-js [data-mk-anim].mk-widoczne .mk-wspolpraca-glowa .mk-nad::after { transform: none !important; }
/* demo 22.10: podstrony prawne (polityka prywatności, cookies, regulamin, 404) */
main .podstrona { background: #ffffff; }
main .podstrona .podstrona-wnetrze { max-width: 72rem; margin: 0 auto; padding: 4.5rem 1.5rem 6rem; min-height: 60vh; }
main .podstrona-h1 { margin: 0 !important; font-family: 'Space Grotesk', system-ui, sans-serif !important; font-size: clamp(2.4rem, 4.6vw, 3.75rem) !important; font-weight: 600 !important; line-height: 0.98 !important; letter-spacing: -0.03em !important; color: #09090B !important; -webkit-text-fill-color: #09090B !important; text-wrap: balance; }
main .prawne { max-width: 46rem; margin-top: 2.25rem; }
main .prawne h2 { margin: 2.25rem 0 0.75rem !important; font-size: 1.375rem !important; font-weight: 600 !important; line-height: 1.3 !important; letter-spacing: -0.01em !important; text-transform: none !important; color: #09090B !important; -webkit-text-fill-color: #09090B !important; }
main .prawne p, main .prawne li { font-size: 16px !important; line-height: 1.65 !important; color: #3F3F46; }
main .prawne p { margin: 0 0 1rem; }
main .prawne ol, main .prawne ul { margin: 0 0 1rem; padding-left: 1.4rem; }
main .prawne ol { list-style: decimal; }
main .prawne ul { list-style: disc; }
main .prawne li { margin: 0 0 0.5rem; padding-left: 0.2rem; }
main .prawne strong { font-weight: 600; color: #09090B; }
main .prawne a, main .podstrona a { color: #172B4D; text-decoration: underline; text-underline-offset: 3px; }
main .prawne .prawne-data { margin-top: 2.5rem; font-size: 14px !important; color: #71717A; }
@media (max-width: 767.98px) { main .podstrona .podstrona-wnetrze { padding: 3rem 1.5rem 4rem; } }
.kon-pulapka { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }

/* 28.10 wydajność: zdjęcie hero bez wyłaniania (przybliżenie zostaje); tła spod ekranu czekają na .tlo-ok (skrypt tla-leniwe-js) */
html.mk-js body .mk-hero .mk-hero-foto { opacity: 1 !important; transition: transform 1.6s var(--mk-ease-out) !important; }
html.mk-js body .mk-biuro-foto:not(.tlo-ok), html.mk-js body .mk-zespol-foto:not(.tlo-ok), html.mk-js body .mk-o-mnie .mk-cytat-foto:not(.tlo-ok),
html.mk-js body .mk-wpis-foto:not(.tlo-ok) { background-image: none !important; }