/* pfl-leasing — skompilowany Tailwind (clone.py, KLON v4). NIE EDYTOWAĆ kompilatu ręcznie — warstwa nadrzędna NA KOŃCU pliku. */
#pfl-leasing-root, #pfl-leasing-root *, #pfl-leasing-root ::before, #pfl-leasing-root ::after {
  --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: rgb(59 130 246 / 0.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:  
}

#pfl-leasing-root ::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: rgb(59 130 246 / 0.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:  
}

#pfl-leasing-root .pointer-events-none {
  pointer-events: none
}

#pfl-leasing-root .pointer-events-auto {
  pointer-events: auto
}

#pfl-leasing-root .fixed {
  position: fixed
}

#pfl-leasing-root .absolute {
  position: absolute
}

#pfl-leasing-root .relative {
  position: relative
}

#pfl-leasing-root .inset-0 {
  inset: 0px
}

#pfl-leasing-root .inset-\[-1000\%\] {
  inset: -1000%
}

#pfl-leasing-root .-bottom-10 {
  bottom: -40px
}

#pfl-leasing-root .-bottom-20 {
  bottom: -80px
}

#pfl-leasing-root .-left-20 {
  left: -80px
}

#pfl-leasing-root .-right-10 {
  right: -40px
}

#pfl-leasing-root .-right-20 {
  right: -80px
}

#pfl-leasing-root .-top-10 {
  top: -40px
}

#pfl-leasing-root .-top-20 {
  top: -80px
}

#pfl-leasing-root .-top-6 {
  top: -24px
}

#pfl-leasing-root .bottom-0 {
  bottom: 0px
}

#pfl-leasing-root .bottom-6 {
  bottom: 24px
}

#pfl-leasing-root .left-0 {
  left: 0px
}

#pfl-leasing-root .left-1\/2 {
  left: 50%
}

#pfl-leasing-root .left-8 {
  left: 32px
}

#pfl-leasing-root .right-0 {
  right: 0px
}

#pfl-leasing-root .right-4 {
  right: 16px
}

#pfl-leasing-root .right-6 {
  right: 24px
}

#pfl-leasing-root .top-0 {
  top: 0px
}

#pfl-leasing-root .top-1\/2 {
  top: 50%
}

#pfl-leasing-root .top-6 {
  top: 24px
}

#pfl-leasing-root .-z-10 {
  z-index: -10
}

#pfl-leasing-root .z-0 {
  z-index: 0
}

#pfl-leasing-root .z-10 {
  z-index: 10
}

#pfl-leasing-root .z-20 {
  z-index: 20
}

#pfl-leasing-root .z-50 {
  z-index: 50
}

#pfl-leasing-root .z-\[100\] {
  z-index: 100
}

#pfl-leasing-root .-my-2 {
  margin-top: -8px;
  margin-bottom: -8px
}

#pfl-leasing-root .mx-auto {
  margin-left: auto;
  margin-right: auto
}

#pfl-leasing-root .mb-1 {
  margin-bottom: 4px
}

#pfl-leasing-root .mb-10 {
  margin-bottom: 40px
}

#pfl-leasing-root .mb-12 {
  margin-bottom: 48px
}

#pfl-leasing-root .mb-16 {
  margin-bottom: 64px
}

#pfl-leasing-root .mb-2 {
  margin-bottom: 8px
}

#pfl-leasing-root .mb-3 {
  margin-bottom: 12px
}

#pfl-leasing-root .mb-4 {
  margin-bottom: 16px
}

#pfl-leasing-root .mb-6 {
  margin-bottom: 24px
}

#pfl-leasing-root .mb-8 {
  margin-bottom: 32px
}

#pfl-leasing-root .ml-1 {
  margin-left: 4px
}

#pfl-leasing-root .ml-2 {
  margin-left: 8px
}

#pfl-leasing-root .mt-0\.5 {
  margin-top: 2px
}

#pfl-leasing-root .mt-10 {
  margin-top: 40px
}

#pfl-leasing-root .mt-2 {
  margin-top: 8px
}

#pfl-leasing-root .mt-4 {
  margin-top: 16px
}

#pfl-leasing-root .mt-6 {
  margin-top: 24px
}

#pfl-leasing-root .mt-8 {
  margin-top: 32px
}

#pfl-leasing-root .mt-auto {
  margin-top: auto
}

#pfl-leasing-root .block {
  display: block
}

#pfl-leasing-root .flex {
  display: flex
}

#pfl-leasing-root .inline-flex {
  display: inline-flex
}

#pfl-leasing-root .grid {
  display: grid
}

#pfl-leasing-root .hidden {
  display: none
}

#pfl-leasing-root .aspect-\[16\/9\] {
  aspect-ratio: 16/9
}

#pfl-leasing-root .aspect-square {
  aspect-ratio: 1 / 1
}

#pfl-leasing-root .h-1\.5 {
  height: 6px
}

#pfl-leasing-root .h-10 {
  height: 40px
}

#pfl-leasing-root .h-12 {
  height: 48px
}

#pfl-leasing-root .h-14 {
  height: 56px
}

#pfl-leasing-root .h-2 {
  height: 8px
}

#pfl-leasing-root .h-24 {
  height: 96px
}

#pfl-leasing-root .h-3\.5 {
  height: 14px
}

#pfl-leasing-root .h-32 {
  height: 128px
}

#pfl-leasing-root .h-4 {
  height: 16px
}

#pfl-leasing-root .h-40 {
  height: 160px
}

#pfl-leasing-root .h-48 {
  height: 192px
}

#pfl-leasing-root .h-5 {
  height: 20px
}

#pfl-leasing-root .h-6 {
  height: 24px
}

#pfl-leasing-root .h-64 {
  height: 256px
}

#pfl-leasing-root .h-7 {
  height: 28px
}

#pfl-leasing-root .h-72 {
  height: 288px
}

#pfl-leasing-root .h-8 {
  height: 32px
}

#pfl-leasing-root .h-\[80\%\] {
  height: 80%
}

#pfl-leasing-root .h-full {
  height: 100%
}

#pfl-leasing-root .min-h-\[300px\] {
  min-height: 300px
}

#pfl-leasing-root .w-10 {
  width: 40px
}

#pfl-leasing-root .w-12 {
  width: 48px
}

#pfl-leasing-root .w-14 {
  width: 56px
}

#pfl-leasing-root .w-2 {
  width: 8px
}

#pfl-leasing-root .w-2\/3 {
  width: 66.666667%
}

#pfl-leasing-root .w-24 {
  width: 96px
}

#pfl-leasing-root .w-3\.5 {
  width: 14px
}

#pfl-leasing-root .w-3\/4 {
  width: 75%
}

#pfl-leasing-root .w-32 {
  width: 128px
}

#pfl-leasing-root .w-4 {
  width: 16px
}

#pfl-leasing-root .w-4\/5 {
  width: 80%
}

#pfl-leasing-root .w-40 {
  width: 160px
}

#pfl-leasing-root .w-48 {
  width: 192px
}

#pfl-leasing-root .w-5 {
  width: 20px
}

#pfl-leasing-root .w-6 {
  width: 24px
}

#pfl-leasing-root .w-64 {
  width: 256px
}

#pfl-leasing-root .w-7 {
  width: 28px
}

#pfl-leasing-root .w-72 {
  width: 288px
}

#pfl-leasing-root .w-8 {
  width: 32px
}

#pfl-leasing-root .w-\[80\%\] {
  width: 80%
}

#pfl-leasing-root .w-full {
  width: 100%
}

#pfl-leasing-root .w-max {
  width: -moz-max-content;
  width: max-content
}

#pfl-leasing-root .max-w-2xl {
  max-width: 672px
}

#pfl-leasing-root .max-w-3xl {
  max-width: 768px
}

#pfl-leasing-root .max-w-4xl {
  max-width: 896px
}

#pfl-leasing-root .max-w-7xl {
  max-width: 1280px
}

#pfl-leasing-root .max-w-lg {
  max-width: 512px
}

#pfl-leasing-root .max-w-md {
  max-width: 448px
}

#pfl-leasing-root .shrink-0 {
  flex-shrink: 0
}

#pfl-leasing-root .flex-grow {
  flex-grow: 1
}

#pfl-leasing-root .-translate-x-1\/2 {
  --tw-translate-x: -50%;
  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))
}

#pfl-leasing-root .-translate-y-1\/2 {
  --tw-translate-y: -50%;
  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))
}

#pfl-leasing-root .translate-x-1\/2 {
  --tw-translate-x: 50%;
  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))
}

#pfl-leasing-root .translate-y-10 {
  --tw-translate-y: 40px;
  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))
}

#pfl-leasing-root .translate-y-4 {
  --tw-translate-y: 16px;
  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))
}

#pfl-leasing-root .-rotate-2 {
  --tw-rotate: -2deg;
  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))
}

#pfl-leasing-root .rotate-3 {
  --tw-rotate: 3deg;
  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))
}

#pfl-leasing-root .scale-100 {
  --tw-scale-x: 1;
  --tw-scale-y: 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))
}

#pfl-leasing-root .scale-105 {
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  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))
}

#pfl-leasing-root .scale-95 {
  --tw-scale-x: .95;
  --tw-scale-y: .95;
  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))
}

#pfl-leasing-root .scale-\[0\.98\] {
  --tw-scale-x: 0.98;
  --tw-scale-y: 0.98;
  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))
}

#pfl-leasing-root .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))
}

@keyframes spin {
  to {
    transform: rotate(360deg)
  }
}

#pfl-leasing-root .animate-\[spin_2s_linear_infinite\] {
  animation: spin 2s linear infinite
}

@keyframes ping {
  75%, 100% {
    transform: scale(2);
    opacity: 0
  }
}

#pfl-leasing-root .animate-ping {
  animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite
}

@keyframes pulse {
  50% {
    opacity: .5
  }
}

#pfl-leasing-root .animate-pulse {
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite
}

@keyframes spin {
  to {
    transform: rotate(360deg)
  }
}

#pfl-leasing-root .animate-spin {
  animation: spin 1s linear infinite
}

#pfl-leasing-root .cursor-pointer {
  cursor: pointer
}

#pfl-leasing-root .appearance-none {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none
}

#pfl-leasing-root .flex-col {
  flex-direction: column
}

#pfl-leasing-root .flex-wrap {
  flex-wrap: wrap
}

#pfl-leasing-root .items-start {
  align-items: flex-start
}

#pfl-leasing-root .items-end {
  align-items: flex-end
}

#pfl-leasing-root .items-center {
  align-items: center
}

#pfl-leasing-root .items-baseline {
  align-items: baseline
}

#pfl-leasing-root .justify-center {
  justify-content: center
}

#pfl-leasing-root .justify-between {
  justify-content: space-between
}

#pfl-leasing-root .gap-12 {
  gap: 48px
}

#pfl-leasing-root .gap-2 {
  gap: 8px
}

#pfl-leasing-root .gap-3 {
  gap: 12px
}

#pfl-leasing-root .gap-4 {
  gap: 16px
}

#pfl-leasing-root .gap-6 {
  gap: 24px
}

#pfl-leasing-root .gap-8 {
  gap: 32px
}

#pfl-leasing-root :is(.space-y-2 > :not([hidden]) ~ :not([hidden])) {
  --tw-space-y-reverse: 0;
  margin-top: calc(8px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(8px * var(--tw-space-y-reverse))
}

#pfl-leasing-root :is(.space-y-24 > :not([hidden]) ~ :not([hidden])) {
  --tw-space-y-reverse: 0;
  margin-top: calc(96px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(96px * var(--tw-space-y-reverse))
}

#pfl-leasing-root :is(.space-y-3 > :not([hidden]) ~ :not([hidden])) {
  --tw-space-y-reverse: 0;
  margin-top: calc(12px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(12px * var(--tw-space-y-reverse))
}

#pfl-leasing-root :is(.space-y-4 > :not([hidden]) ~ :not([hidden])) {
  --tw-space-y-reverse: 0;
  margin-top: calc(16px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(16px * var(--tw-space-y-reverse))
}

#pfl-leasing-root :is(.space-y-5 > :not([hidden]) ~ :not([hidden])) {
  --tw-space-y-reverse: 0;
  margin-top: calc(20px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(20px * var(--tw-space-y-reverse))
}

#pfl-leasing-root :is(.space-y-6 > :not([hidden]) ~ :not([hidden])) {
  --tw-space-y-reverse: 0;
  margin-top: calc(24px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(24px * var(--tw-space-y-reverse))
}

#pfl-leasing-root :is(.space-y-8 > :not([hidden]) ~ :not([hidden])) {
  --tw-space-y-reverse: 0;
  margin-top: calc(32px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(32px * var(--tw-space-y-reverse))
}

#pfl-leasing-root .overflow-hidden {
  overflow: hidden
}

#pfl-leasing-root .rounded {
  border-radius: 4px
}

#pfl-leasing-root .rounded-2xl {
  border-radius: 16px
}

#pfl-leasing-root .rounded-3xl {
  border-radius: 24px
}

#pfl-leasing-root .rounded-\[32px\] {
  border-radius: 32px
}

#pfl-leasing-root .rounded-full {
  border-radius: 9999px
}

#pfl-leasing-root .rounded-lg {
  border-radius: 8px
}

#pfl-leasing-root .rounded-xl {
  border-radius: 12px
}

#pfl-leasing-root .rounded-bl-full {
  border-bottom-left-radius: 9999px
}

#pfl-leasing-root .border {
  border-width: 1px
}

#pfl-leasing-root .border-2 {
  border-width: 2px
}

#pfl-leasing-root .border-b {
  border-bottom-width: 1px
}

#pfl-leasing-root .border-t {
  border-top-width: 1px
}

#pfl-leasing-root .border-action\/20 {
  border-color: rgb(0 168 89 / 0.2)
}

#pfl-leasing-root .border-action\/30 {
  border-color: rgb(0 168 89 / 0.3)
}

#pfl-leasing-root .border-action\/40 {
  border-color: rgb(0 168 89 / 0.4)
}

#pfl-leasing-root .border-border-default {
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1))
}

#pfl-leasing-root .border-border-light {
  --tw-border-opacity: 1;
  border-color: rgb(233 236 239 / var(--tw-border-opacity, 1))
}

#pfl-leasing-root .border-brand\/20 {
  border-color: rgb(82 15 125 / 0.2)
}

#pfl-leasing-root .border-brand\/30 {
  border-color: rgb(82 15 125 / 0.3)
}

#pfl-leasing-root .border-green-500\/20 {
  border-color: rgb(34 197 94 / 0.2)
}

#pfl-leasing-root .border-info\/20 {
  border-color: rgb(37 99 235 / 0.2)
}

#pfl-leasing-root .border-red-500\/50 {
  border-color: rgb(239 68 68 / 0.5)
}

#pfl-leasing-root .border-transparent {
  border-color: transparent
}

#pfl-leasing-root .border-white\/10 {
  border-color: rgb(255 255 255 / 0.1)
}

#pfl-leasing-root .border-white\/20 {
  border-color: rgb(255 255 255 / 0.2)
}

#pfl-leasing-root .border-white\/5 {
  border-color: rgb(255 255 255 / 0.05)
}

#pfl-leasing-root .bg-\[\#E2CBFF\] {
  --tw-bg-opacity: 1;
  background-color: rgb(226 203 255 / var(--tw-bg-opacity, 1))
}

#pfl-leasing-root .bg-action {
  --tw-bg-opacity: 1;
  background-color: rgb(0 168 89 / var(--tw-bg-opacity, 1))
}

#pfl-leasing-root .bg-action\/10 {
  background-color: rgb(0 168 89 / 0.1)
}

#pfl-leasing-root .bg-action\/20 {
  background-color: rgb(0 168 89 / 0.2)
}

#pfl-leasing-root .bg-action\/5 {
  background-color: rgb(0 168 89 / 0.05)
}

#pfl-leasing-root .bg-brand\/10 {
  background-color: rgb(82 15 125 / 0.1)
}

#pfl-leasing-root .bg-brand\/20 {
  background-color: rgb(82 15 125 / 0.2)
}

#pfl-leasing-root .bg-brand\/5 {
  background-color: rgb(82 15 125 / 0.05)
}

#pfl-leasing-root .bg-dark-contrast {
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1))
}

#pfl-leasing-root .bg-dark-contrast\/40 {
  background-color: rgb(17 24 39 / 0.4)
}

#pfl-leasing-root .bg-dark-contrast\/5 {
  background-color: rgb(17 24 39 / 0.05)
}

#pfl-leasing-root .bg-dark-contrast\/50 {
  background-color: rgb(17 24 39 / 0.5)
}

#pfl-leasing-root .bg-dark-contrast\/80 {
  background-color: rgb(17 24 39 / 0.8)
}

#pfl-leasing-root .bg-dark-contrast\/95 {
  background-color: rgb(17 24 39 / 0.95)
}

#pfl-leasing-root .bg-green-500\/10 {
  background-color: rgb(34 197 94 / 0.1)
}

#pfl-leasing-root .bg-info {
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1))
}

#pfl-leasing-root .bg-info\/10 {
  background-color: rgb(37 99 235 / 0.1)
}

#pfl-leasing-root .bg-info\/20 {
  background-color: rgb(37 99 235 / 0.2)
}

#pfl-leasing-root .bg-info\/5 {
  background-color: rgb(37 99 235 / 0.05)
}

#pfl-leasing-root .bg-page {
  --tw-bg-opacity: 1;
  background-color: rgb(245 247 249 / var(--tw-bg-opacity, 1))
}

#pfl-leasing-root .bg-red-500\/20 {
  background-color: rgb(239 68 68 / 0.2)
}

#pfl-leasing-root .bg-surface {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))
}

#pfl-leasing-root .bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))
}

#pfl-leasing-root .bg-white\/10 {
  background-color: rgb(255 255 255 / 0.1)
}

#pfl-leasing-root .bg-white\/30 {
  background-color: rgb(255 255 255 / 0.3)
}

#pfl-leasing-root .bg-white\/5 {
  background-color: rgb(255 255 255 / 0.05)
}

#pfl-leasing-root .bg-\[conic-gradient\(from_90deg_at_50\%_50\%\2c \#E2CBFF_0\%\2c \#00A859_50\%\2c \#E2CBFF_100\%\)\] {
  background-image: conic-gradient(from 90deg at 50% 50%,#E2CBFF 0%,#00A859 50%,#E2CBFF 100%)
}

#pfl-leasing-root .bg-gradient-to-b {
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops))
}

#pfl-leasing-root .bg-gradient-to-br {
  background-image: linear-gradient(to bottom right, var(--tw-gradient-stops))
}

#pfl-leasing-root .bg-gradient-to-r {
  background-image: linear-gradient(to right, var(--tw-gradient-stops))
}

#pfl-leasing-root .bg-gradient-to-t {
  background-image: linear-gradient(to top, var(--tw-gradient-stops))
}

#pfl-leasing-root .bg-gradient-to-tr {
  background-image: linear-gradient(to top right, var(--tw-gradient-stops))
}

#pfl-leasing-root .from-\[\#65a30d\]\/20 {
  --tw-gradient-from: rgb(101 163 13 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(101 163 13 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

#pfl-leasing-root .from-\[\#E2CBFF\] {
  --tw-gradient-from: #E2CBFF var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(226 203 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

#pfl-leasing-root .from-action {
  --tw-gradient-from: #00A859 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 168 89 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

#pfl-leasing-root .from-action\/10 {
  --tw-gradient-from: rgb(0 168 89 / 0.1) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 168 89 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

#pfl-leasing-root .from-action\/20 {
  --tw-gradient-from: rgb(0 168 89 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 168 89 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

#pfl-leasing-root .from-action\/5 {
  --tw-gradient-from: rgb(0 168 89 / 0.05) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 168 89 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

#pfl-leasing-root .from-brand\/10 {
  --tw-gradient-from: rgb(82 15 125 / 0.1) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(82 15 125 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

#pfl-leasing-root .from-surface {
  --tw-gradient-from: #FFFFFF var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

#pfl-leasing-root .from-white\/5 {
  --tw-gradient-from: rgb(255 255 255 / 0.05) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

#pfl-leasing-root .via-\[\#0d9488\]\/20 {
  --tw-gradient-to: rgb(13 148 136 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(13 148 136 / 0.2) var(--tw-gradient-via-position), var(--tw-gradient-to)
}

#pfl-leasing-root .via-\[\#22c55e\] {
  --tw-gradient-to: rgb(34 197 94 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #22c55e var(--tw-gradient-via-position), var(--tw-gradient-to)
}

#pfl-leasing-root .via-brand\/10 {
  --tw-gradient-to: rgb(82 15 125 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(82 15 125 / 0.1) var(--tw-gradient-via-position), var(--tw-gradient-to)
}

#pfl-leasing-root .via-transparent {
  --tw-gradient-to: rgb(0 0 0 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), transparent var(--tw-gradient-via-position), var(--tw-gradient-to)
}

#pfl-leasing-root .via-white {
  --tw-gradient-to: rgb(255 255 255 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #fff var(--tw-gradient-via-position), var(--tw-gradient-to)
}

#pfl-leasing-root .to-\[\#0284c7\]\/20 {
  --tw-gradient-to: rgb(2 132 199 / 0.2) var(--tw-gradient-to-position)
}

#pfl-leasing-root .to-action {
  --tw-gradient-to: #00A859 var(--tw-gradient-to-position)
}

#pfl-leasing-root .to-info {
  --tw-gradient-to: #2563EB var(--tw-gradient-to-position)
}

#pfl-leasing-root .to-info\/10 {
  --tw-gradient-to: rgb(37 99 235 / 0.1) var(--tw-gradient-to-position)
}

#pfl-leasing-root .to-info\/20 {
  --tw-gradient-to: rgb(37 99 235 / 0.2) var(--tw-gradient-to-position)
}

#pfl-leasing-root .to-info\/5 {
  --tw-gradient-to: rgb(37 99 235 / 0.05) var(--tw-gradient-to-position)
}

#pfl-leasing-root .to-transparent {
  --tw-gradient-to: transparent var(--tw-gradient-to-position)
}

#pfl-leasing-root .to-white {
  --tw-gradient-to: #fff var(--tw-gradient-to-position)
}

#pfl-leasing-root .to-white\/10 {
  --tw-gradient-to: rgb(255 255 255 / 0.1) var(--tw-gradient-to-position)
}

#pfl-leasing-root .bg-clip-text {
  -webkit-background-clip: text;
          background-clip: text
}

#pfl-leasing-root .object-contain {
  -o-object-fit: contain;
     object-fit: contain
}

#pfl-leasing-root .object-center {
  -o-object-position: center;
     object-position: center
}

#pfl-leasing-root .p-1 {
  padding: 4px
}

#pfl-leasing-root .p-10 {
  padding: 40px
}

#pfl-leasing-root .p-3 {
  padding: 12px
}

#pfl-leasing-root .p-4 {
  padding: 16px
}

#pfl-leasing-root .p-5 {
  padding: 20px
}

#pfl-leasing-root .p-6 {
  padding: 24px
}

#pfl-leasing-root .p-8 {
  padding: 32px
}

#pfl-leasing-root .p-\[1px\] {
  padding: 1px
}

#pfl-leasing-root .px-1 {
  padding-left: 4px;
  padding-right: 4px
}

#pfl-leasing-root .px-3 {
  padding-left: 12px;
  padding-right: 12px
}

#pfl-leasing-root .px-4 {
  padding-left: 16px;
  padding-right: 16px
}

#pfl-leasing-root .px-5 {
  padding-left: 20px;
  padding-right: 20px
}

#pfl-leasing-root .px-6 {
  padding-left: 24px;
  padding-right: 24px
}

#pfl-leasing-root .px-8 {
  padding-left: 32px;
  padding-right: 32px
}

#pfl-leasing-root .py-1 {
  padding-top: 4px;
  padding-bottom: 4px
}

#pfl-leasing-root .py-1\.5 {
  padding-top: 6px;
  padding-bottom: 6px
}

#pfl-leasing-root .py-12 {
  padding-top: 48px;
  padding-bottom: 48px
}

#pfl-leasing-root .py-2 {
  padding-top: 8px;
  padding-bottom: 8px
}

#pfl-leasing-root .py-3 {
  padding-top: 12px;
  padding-bottom: 12px
}

#pfl-leasing-root .py-4 {
  padding-top: 16px;
  padding-bottom: 16px
}

#pfl-leasing-root .pb-8 {
  padding-bottom: 32px
}

#pfl-leasing-root .pr-12 {
  padding-right: 48px
}

#pfl-leasing-root .pt-10 {
  padding-top: 40px
}

#pfl-leasing-root .pt-16 {
  padding-top: 64px
}

#pfl-leasing-root .pt-4 {
  padding-top: 16px
}

#pfl-leasing-root .pt-8 {
  padding-top: 32px
}

#pfl-leasing-root .text-center {
  text-align: center
}

#pfl-leasing-root .font-heading {
  font-family: Poppins, sans-serif
}

#pfl-leasing-root .text-2xl {
  font-size: 24px;
  line-height: 32px
}

#pfl-leasing-root .text-3xl {
  font-size: 30px;
  line-height: 36px
}

#pfl-leasing-root .text-4xl {
  font-size: 36px;
  line-height: 40px
}

#pfl-leasing-root .text-5xl {
  font-size: 48px;
  line-height: 1
}

#pfl-leasing-root .text-\[10px\] {
  font-size: 10px
}

#pfl-leasing-root .text-\[11px\] {
  font-size: 11px
}

#pfl-leasing-root .text-lg {
  font-size: 18px;
  line-height: 28px
}

#pfl-leasing-root .text-sm {
  font-size: 14px;
  line-height: 20px
}

#pfl-leasing-root .text-xl {
  font-size: 20px;
  line-height: 28px
}

#pfl-leasing-root .text-xs {
  font-size: 12px;
  line-height: 16px
}

#pfl-leasing-root .font-black {
  font-weight: 900
}

#pfl-leasing-root .font-bold {
  font-weight: 700
}

#pfl-leasing-root .font-medium {
  font-weight: 500
}

#pfl-leasing-root .font-semibold {
  font-weight: 600
}

#pfl-leasing-root .uppercase {
  text-transform: uppercase
}

#pfl-leasing-root .leading-\[1\.05\] {
  line-height: 1.05
}

#pfl-leasing-root .leading-\[1\.1\] {
  line-height: 1.1
}

#pfl-leasing-root .leading-none {
  line-height: 1
}

#pfl-leasing-root .leading-relaxed {
  line-height: 1.625
}

#pfl-leasing-root .leading-tight {
  line-height: 1.25
}

#pfl-leasing-root .tracking-tight {
  letter-spacing: -0.025em
}

#pfl-leasing-root .tracking-wider {
  letter-spacing: 0.05em
}

#pfl-leasing-root .tracking-widest {
  letter-spacing: 0.1em
}

#pfl-leasing-root .text-\[\#E2CBFF\] {
  --tw-text-opacity: 1;
  color: rgb(226 203 255 / var(--tw-text-opacity, 1))
}

#pfl-leasing-root .text-action {
  --tw-text-opacity: 1;
  color: rgb(0 168 89 / var(--tw-text-opacity, 1))
}

#pfl-leasing-root .text-brand {
  --tw-text-opacity: 1;
  color: rgb(82 15 125 / var(--tw-text-opacity, 1))
}

#pfl-leasing-root .text-green-400 {
  --tw-text-opacity: 1;
  color: rgb(74 222 128 / var(--tw-text-opacity, 1))
}

#pfl-leasing-root .text-heading {
  --tw-text-opacity: 1;
  color: rgb(16 33 62 / var(--tw-text-opacity, 1))
}

#pfl-leasing-root .text-info {
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity, 1))
}

#pfl-leasing-root .text-info\/70 {
  color: rgb(37 99 235 / 0.7)
}

#pfl-leasing-root .text-primary {
  --tw-text-opacity: 1;
  color: rgb(33 37 41 / var(--tw-text-opacity, 1))
}

#pfl-leasing-root .text-red-400 {
  --tw-text-opacity: 1;
  color: rgb(248 113 113 / var(--tw-text-opacity, 1))
}

#pfl-leasing-root .text-red-400\/80 {
  color: rgb(248 113 113 / 0.8)
}

#pfl-leasing-root .text-secondary {
  --tw-text-opacity: 1;
  color: rgb(94 107 130 / var(--tw-text-opacity, 1))
}

#pfl-leasing-root .text-secondary\/70 {
  color: rgb(94 107 130 / 0.7)
}

#pfl-leasing-root .text-transparent {
  color: transparent
}

#pfl-leasing-root .text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}

#pfl-leasing-root .text-white\/40 {
  color: rgb(255 255 255 / 0.4)
}

#pfl-leasing-root .text-white\/50 {
  color: rgb(255 255 255 / 0.5)
}

#pfl-leasing-root .text-white\/60 {
  color: rgb(255 255 255 / 0.6)
}

#pfl-leasing-root .text-white\/70 {
  color: rgb(255 255 255 / 0.7)
}

#pfl-leasing-root .text-white\/80 {
  color: rgb(255 255 255 / 0.8)
}

#pfl-leasing-root .text-white\/90 {
  color: rgb(255 255 255 / 0.9)
}

#pfl-leasing-root .opacity-0 {
  opacity: 0
}

#pfl-leasing-root .opacity-20 {
  opacity: 0.2
}

#pfl-leasing-root .opacity-50 {
  opacity: 0.5
}

#pfl-leasing-root .opacity-60 {
  opacity: 0.6
}

#pfl-leasing-root .opacity-75 {
  opacity: 0.75
}

#pfl-leasing-root .mix-blend-screen {
  mix-blend-mode: screen
}

#pfl-leasing-root .mix-blend-darken {
  mix-blend-mode: darken
}

#pfl-leasing-root .shadow-2xl {
  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  --tw-shadow-colored: 0 25px 50px -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)
}

#pfl-leasing-root .shadow-\[0_0_20px_rgba\(0\2c 168\2c 89\2c 0\.3\)\] {
  --tw-shadow: 0 0 20px rgba(0,168,89,0.3);
  --tw-shadow-colored: 0 0 20px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

#pfl-leasing-root .shadow-\[0_0_30px_rgba\(0\2c 168\2c 89\2c 0\.1\)\] {
  --tw-shadow: 0 0 30px rgba(0,168,89,0.1);
  --tw-shadow-colored: 0 0 30px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

#pfl-leasing-root .shadow-\[0_0_30px_rgba\(255\2c 255\2c 255\2c 0\.05\)\] {
  --tw-shadow: 0 0 30px rgba(255,255,255,0.05);
  --tw-shadow-colored: 0 0 30px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

#pfl-leasing-root .shadow-\[0_0_30px_rgba\(37\2c 99\2c 235\2c 0\.3\)\] {
  --tw-shadow: 0 0 30px rgba(37,99,235,0.3);
  --tw-shadow-colored: 0 0 30px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

#pfl-leasing-root .shadow-\[0_0_50px_rgba\(0\2c 168\2c 89\2c 0\.1\)\] {
  --tw-shadow: 0 0 50px rgba(0,168,89,0.1);
  --tw-shadow-colored: 0 0 50px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

#pfl-leasing-root .shadow-\[0_0_50px_rgba\(82\2c 15\2c 125\2c 0\.15\)\] {
  --tw-shadow: 0 0 50px rgba(82,15,125,0.15);
  --tw-shadow-colored: 0 0 50px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

#pfl-leasing-root .shadow-lg {
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

#pfl-leasing-root .shadow-sm {
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

#pfl-leasing-root .shadow-workspace {
  --tw-shadow: 0 8px 30px rgba(7, 23, 52, 0.04);
  --tw-shadow-colored: 0 8px 30px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

#pfl-leasing-root .shadow-xl {
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

#pfl-leasing-root .shadow-action\/20 {
  --tw-shadow-color: rgb(0 168 89 / 0.2);
  --tw-shadow: var(--tw-shadow-colored)
}

#pfl-leasing-root .shadow-action\/30 {
  --tw-shadow-color: rgb(0 168 89 / 0.3);
  --tw-shadow: var(--tw-shadow-colored)
}

#pfl-leasing-root .shadow-dark-contrast\/20 {
  --tw-shadow-color: rgb(17 24 39 / 0.2);
  --tw-shadow: var(--tw-shadow-colored)
}

#pfl-leasing-root .outline-none {
  outline: 2px solid transparent;
  outline-offset: 2px
}

#pfl-leasing-root .blur-3xl {
  --tw-blur: blur(64px);
  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)
}

#pfl-leasing-root .blur-\[100px\] {
  --tw-blur: blur(100px);
  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)
}

#pfl-leasing-root .blur-\[80px\] {
  --tw-blur: blur(80px);
  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)
}

#pfl-leasing-root .backdrop-blur-3xl {
  --tw-backdrop-blur: blur(64px);
  -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)
}

#pfl-leasing-root .backdrop-blur-\[2px\] {
  --tw-backdrop-blur: blur(2px);
  -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)
}

#pfl-leasing-root .backdrop-blur-md {
  --tw-backdrop-blur: blur(12px);
  -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)
}

#pfl-leasing-root .backdrop-blur-sm {
  --tw-backdrop-blur: blur(4px);
  -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)
}

#pfl-leasing-root .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)
}

#pfl-leasing-root .transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms
}

#pfl-leasing-root .transition-colors {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms
}

#pfl-leasing-root .transition-opacity {
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms
}

#pfl-leasing-root .transition-transform {
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms
}

#pfl-leasing-root .duration-300 {
  transition-duration: 300ms
}

#pfl-leasing-root .duration-500 {
  transition-duration: 500ms
}

#pfl-leasing-root .duration-700 {
  transition-duration: 700ms
}

#pfl-leasing-root .ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
}

#pfl-leasing-root .placeholder\:text-secondary\/50::-moz-placeholder {
  color: rgb(94 107 130 / 0.5)
}

#pfl-leasing-root .placeholder\:text-secondary\/50::placeholder {
  color: rgb(94 107 130 / 0.5)
}

#pfl-leasing-root .checked\:border-action:checked {
  --tw-border-opacity: 1;
  border-color: rgb(0 168 89 / var(--tw-border-opacity, 1))
}

#pfl-leasing-root .checked\:bg-action:checked {
  --tw-bg-opacity: 1;
  background-color: rgb(0 168 89 / var(--tw-bg-opacity, 1))
}

#pfl-leasing-root .hover\:-translate-y-0\.5:hover {
  --tw-translate-y: -2px;
  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))
}

#pfl-leasing-root .hover\:-translate-y-1:hover {
  --tw-translate-y: -4px;
  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))
}

#pfl-leasing-root .hover\:border-action\/30:hover {
  border-color: rgb(0 168 89 / 0.3)
}

#pfl-leasing-root .hover\:bg-action-hover:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(0 138 75 / var(--tw-bg-opacity, 1))
}

#pfl-leasing-root .hover\:bg-border-light:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(233 236 239 / var(--tw-bg-opacity, 1))
}

#pfl-leasing-root .hover\:bg-heading:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(16 33 62 / var(--tw-bg-opacity, 1))
}

#pfl-leasing-root .hover\:bg-page:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(245 247 249 / var(--tw-bg-opacity, 1))
}

#pfl-leasing-root .hover\:bg-white\/20:hover {
  background-color: rgb(255 255 255 / 0.2)
}

#pfl-leasing-root .hover\:text-primary:hover {
  --tw-text-opacity: 1;
  color: rgb(33 37 41 / var(--tw-text-opacity, 1))
}

#pfl-leasing-root .hover\:underline:hover {
  text-decoration-line: underline
}

#pfl-leasing-root .hover\:shadow-xl:hover {
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

#pfl-leasing-root .focus\:border-action:focus {
  --tw-border-opacity: 1;
  border-color: rgb(0 168 89 / var(--tw-border-opacity, 1))
}

#pfl-leasing-root .focus\:border-brand:focus {
  --tw-border-opacity: 1;
  border-color: rgb(82 15 125 / var(--tw-border-opacity, 1))
}

#pfl-leasing-root .focus\:outline-none:focus {
  outline: 2px solid transparent;
  outline-offset: 2px
}

#pfl-leasing-root .focus\:ring-1:focus {
  --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);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

#pfl-leasing-root .focus\:ring-2:focus {
  --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);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

#pfl-leasing-root .focus\:ring-action:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(0 168 89 / var(--tw-ring-opacity, 1))
}

#pfl-leasing-root .focus\:ring-brand:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(82 15 125 / var(--tw-ring-opacity, 1))
}

#pfl-leasing-root .focus\:ring-offset-2:focus {
  --tw-ring-offset-width: 2px
}

#pfl-leasing-root .focus\:ring-offset-dark-contrast:focus {
  --tw-ring-offset-color: #111827
}

#pfl-leasing-root :is(.group\/btn:hover .group-hover\/btn\:translate-x-1) {
  --tw-translate-x: 4px;
  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))
}

#pfl-leasing-root :is(.group:hover .group-hover\:translate-y-0) {
  --tw-translate-y: 0px;
  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))
}

#pfl-leasing-root :is(.group:hover .group-hover\:translate-y-1) {
  --tw-translate-y: 4px;
  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))
}

#pfl-leasing-root :is(.group:hover .group-hover\:scale-105) {
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  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))
}

#pfl-leasing-root :is(.group:hover .group-hover\:scale-110) {
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.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))
}

#pfl-leasing-root :is(.group:hover .group-hover\:border-action) {
  --tw-border-opacity: 1;
  border-color: rgb(0 168 89 / var(--tw-border-opacity, 1))
}

#pfl-leasing-root :is(.group:hover .group-hover\:border-action\/20) {
  border-color: rgb(0 168 89 / 0.2)
}

#pfl-leasing-root :is(.group:hover .group-hover\:border-brand\/20) {
  border-color: rgb(82 15 125 / 0.2)
}

#pfl-leasing-root :is(.group:hover .group-hover\:border-brand\/40) {
  border-color: rgb(82 15 125 / 0.4)
}

#pfl-leasing-root :is(.group:hover .group-hover\:border-info\/20) {
  border-color: rgb(37 99 235 / 0.2)
}

#pfl-leasing-root :is(.group:hover .group-hover\:border-info\/40) {
  border-color: rgb(37 99 235 / 0.4)
}

#pfl-leasing-root :is(.group\/btn:hover .group-hover\/btn\:bg-dark-contrast\/80) {
  background-color: rgb(17 24 39 / 0.8)
}

#pfl-leasing-root :is(.group:hover .group-hover\:bg-action\/10) {
  background-color: rgb(0 168 89 / 0.1)
}

#pfl-leasing-root :is(.group:hover .group-hover\:bg-action\/5) {
  background-color: rgb(0 168 89 / 0.05)
}

#pfl-leasing-root :is(.group:hover .group-hover\:bg-brand\/10) {
  background-color: rgb(82 15 125 / 0.1)
}

#pfl-leasing-root :is(.group:hover .group-hover\:bg-brand\/5) {
  background-color: rgb(82 15 125 / 0.05)
}

#pfl-leasing-root :is(.group:hover .group-hover\:bg-info\/30) {
  background-color: rgb(37 99 235 / 0.3)
}

#pfl-leasing-root :is(.group:hover .group-hover\:bg-info\/5) {
  background-color: rgb(37 99 235 / 0.05)
}

#pfl-leasing-root :is(.group:hover .group-hover\:text-action) {
  --tw-text-opacity: 1;
  color: rgb(0 168 89 / var(--tw-text-opacity, 1))
}

#pfl-leasing-root :is(.group:hover .group-hover\:text-brand) {
  --tw-text-opacity: 1;
  color: rgb(82 15 125 / var(--tw-text-opacity, 1))
}

#pfl-leasing-root :is(.group:hover .group-hover\:text-info) {
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity, 1))
}

#pfl-leasing-root :is(.group:hover .group-hover\:opacity-100) {
  opacity: 1
}

#pfl-leasing-root :is(.group:hover .group-hover\:opacity-40) {
  opacity: 0.4
}

#pfl-leasing-root :is(.peer:checked ~ .peer-checked\:opacity-100) {
  opacity: 1
}

@media (min-width: 640px) {
  #pfl-leasing-root .sm\:aspect-auto {
    aspect-ratio: auto
  }

  #pfl-leasing-root .sm\:w-auto {
    width: auto
  }

  #pfl-leasing-root .sm\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }

  #pfl-leasing-root .sm\:flex-row {
    flex-direction: row
  }

  #pfl-leasing-root .sm\:items-start {
    align-items: flex-start
  }

  #pfl-leasing-root .sm\:items-center {
    align-items: center
  }

  #pfl-leasing-root .sm\:p-8 {
    padding: 32px
  }

  #pfl-leasing-root .sm\:px-6 {
    padding-left: 24px;
    padding-right: 24px
  }

  #pfl-leasing-root .sm\:text-left {
    text-align: left
  }

  #pfl-leasing-root .sm\:text-2xl {
    font-size: 24px;
    line-height: 32px
  }

  #pfl-leasing-root .sm\:text-3xl {
    font-size: 30px;
    line-height: 36px
  }

  #pfl-leasing-root .sm\:text-4xl {
    font-size: 36px;
    line-height: 40px
  }

  #pfl-leasing-root .sm\:text-5xl {
    font-size: 48px;
    line-height: 1
  }

  #pfl-leasing-root .sm\:text-6xl {
    font-size: 60px;
    line-height: 1
  }
}

@media (min-width: 768px) {
  #pfl-leasing-root .md\:col-span-2 {
    grid-column: span 2 / span 2
  }

  #pfl-leasing-root .md\:col-span-3 {
    grid-column: span 3 / span 3
  }

  #pfl-leasing-root .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }

  #pfl-leasing-root .md\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr))
  }

  #pfl-leasing-root .md\:p-10 {
    padding: 40px
  }

  #pfl-leasing-root .md\:p-12 {
    padding: 48px
  }

  #pfl-leasing-root .md\:p-16 {
    padding: 64px
  }

  #pfl-leasing-root .md\:py-20 {
    padding-top: 80px;
    padding-bottom: 80px
  }

  #pfl-leasing-root .md\:text-4xl {
    font-size: 36px;
    line-height: 40px
  }
}

@media (min-width: 1024px) {
  #pfl-leasing-root .lg\:col-span-5 {
    grid-column: span 5 / span 5
  }

  #pfl-leasing-root .lg\:col-span-7 {
    grid-column: span 7 / span 7
  }

  #pfl-leasing-root .lg\:h-full {
    height: 100%
  }

  #pfl-leasing-root .lg\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr))
  }

  #pfl-leasing-root .lg\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }

  #pfl-leasing-root .lg\:gap-8 {
    gap: 32px
  }

  #pfl-leasing-root .lg\:p-20 {
    padding: 80px
  }

  #pfl-leasing-root .lg\:text-\[56px\] {
    font-size: 56px
  }

  #pfl-leasing-root .lg\:text-\[64px\] {
    font-size: 64px
  }
}

/* ═══════════════════════════════════════════════════════════════════════════
   WARSTWA NADRZĘDNA (ręczna) — jedyny nie-kompilowany CSS, dopisana NA KOŃCU.
   Kolejność: (1) pageStyles ze źródła JSX (scoped, keyframes pfl-leas-),
   (2) mini-preflight :where(), (3) substytut root-diva źródła,
   (4) [hidden]{display:none}, (5) CZYTELNOŚĆ +2px, (6) AGRESYWNE NADPISANIA
   MOTYWU, (7) PANCERZ GRADIENTÓW, (8) re-asercje wymiarów SVG.
   ════════════════════════════════════════════════════════════════════════ */

/* ── (1) pageStyles ze źródła JSX (const pageStyles) — scoped do roota.
      Zmienne :root -> #pfl-leasing-root; keyframes z prefiksem pfl-leas-. ── */
#pfl-leasing-root {
  --color-action: #00A859;
  --color-info: #2563EB;
  --dark-contrast: #111827;
}

@keyframes pfl-leas-softEnter {
  0% { opacity: 0; transform: translateY(20px); }
  100% { opacity: 1; transform: translateY(0); }
}
#pfl-leasing-root .soft-enter {
  animation: pfl-leas-softEnter 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

@keyframes pfl-leas-shimmer {
  0% { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}
#pfl-leasing-root .animate-shimmer {
  background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0) 100%);
  background-size: 200% 100%;
  animation: pfl-leas-shimmer 2s infinite linear;
}

@keyframes pfl-leas-spin-slow {
  0% { transform: translate(-50%, -50%) rotate(0deg); }
  100% { transform: translate(-50%, -50%) rotate(360deg); }
}
#pfl-leasing-root .glow-border-card {
  position: relative;
  background: var(--dark-contrast);
  border-radius: 32px;
  overflow: hidden;
  z-index: 1;
}
#pfl-leasing-root .glow-border-card::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 150%;
  height: 150%;
  background: conic-gradient(from 180deg at 50% 50%, transparent 0deg, transparent 60deg, var(--color-action) 120deg, transparent 180deg, transparent 240deg, var(--color-info) 300deg, transparent 360deg);
  animation: pfl-leas-spin-slow 8s linear infinite;
  z-index: -2;
  opacity: 0.5;
}
#pfl-leasing-root .glow-border-card::after {
  content: '';
  position: absolute;
  inset: 2px;
  background: var(--dark-contrast);
  border-radius: 30px;
  z-index: -1;
}

#pfl-leasing-root .noise-overlay {
  position: absolute;
  inset: 0;
  opacity: 0.03;
  mix-blend-mode: overlay;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");
  pointer-events: none;
  z-index: 10;
}

#pfl-leasing-root .premium-bg-grid {
  background-image: radial-gradient(rgba(255, 255, 255, 0.1) 1px, transparent 1px);
  background-size: 24px 24px;
  background-position: center;
}

#pfl-leasing-root .cursor-glow-wrapper { position: relative; overflow: hidden; }
#pfl-leasing-root .cursor-glow {
  position: absolute;
  top: 0; left: 0;
  width: 600px; height: 600px;
  background: radial-gradient(circle, rgba(0, 168, 89, 0.15) 0%, transparent 60%);
  transform: translate(-50%, -50%);
  pointer-events: none;
  z-index: 0;
  transition: opacity 0.3s ease;
  opacity: 0;
}
#pfl-leasing-root .cursor-glow-wrapper:hover .cursor-glow { opacity: 1; }

/* Hide Number Input Arrows */
#pfl-leasing-root input[type=number]::-webkit-inner-spin-button,
#pfl-leasing-root input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
#pfl-leasing-root input[type=number] {
  -moz-appearance: textfield; /* Firefox */
}

/* Custom UI Sliders for 2026 feel */
#pfl-leasing-root input[type=range].modern-slider {
  -webkit-appearance: none;
  width: 100%;
  background: transparent;
  position: relative;
  z-index: 10;
}
#pfl-leasing-root input[type=range].modern-slider:focus { outline: none; }
#pfl-leasing-root input[type=range].modern-slider::-webkit-slider-runnable-track {
  width: 100%;
  height: 6px;
  cursor: pointer;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 4px;
  border: 1px solid rgba(255,255,255,0.05);
}
#pfl-leasing-root input[type=range].modern-slider::-webkit-slider-thumb {
  height: 24px;
  width: 24px;
  border-radius: 50%;
  background: #FFFFFF;
  border: 2px solid var(--color-action);
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -9px;
  box-shadow: 0 0 15px rgba(0, 168, 89, 0.6);
  transition: transform 0.1s;
}
#pfl-leasing-root input[type=range].modern-slider::-webkit-slider-thumb:hover {
  transform: scale(1.15);
}
/* JS aktualizuje custom property --val dla wypełnienia toru */
#pfl-leasing-root .slider-track-fill {
  background: linear-gradient(90deg, var(--color-action) var(--val), rgba(255,255,255,0.1) var(--val));
}

/* ── (2) MINI-PREFLIGHT scoped przez :where() — preflight wyłączony przy
      kompilacji; odtwarzamy niezbędne bazy z Tailwind preflight. ───────── */
#pfl-leasing-root :where(*, *::before, *::after) {
  box-sizing: border-box;
  border-width: 0;
  border-style: solid;
  border-color: #E2E8F0;
}
#pfl-leasing-root :where(h1, h2, h3, h4, h5, h6, p, ul, ol, figure, blockquote, hr, dl, dd) {
  margin: 0;
}
#pfl-leasing-root :where(h1, h2, h3, h4, h5, h6) {
  font-size: inherit;
  font-weight: inherit;
}
#pfl-leasing-root :where(ul, ol) {
  list-style: none;
  margin: 0;
  padding: 0;
}
#pfl-leasing-root :where(img, svg, video, canvas, iframe) {
  display: block;
  vertical-align: middle;
}
#pfl-leasing-root :where(img, video) {
  max-width: 100%;
  height: auto;
}
#pfl-leasing-root :where(button, input, optgroup, select, textarea) {
  font-family: inherit;
  font-size: 100%;
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
  margin: 0;
  padding: 0;
}
#pfl-leasing-root :where(button, [type='submit']) {
  background-color: transparent;
  background-image: none;
  text-transform: none;
  -webkit-appearance: button;
}
#pfl-leasing-root :where(a) {
  color: inherit;
  text-decoration: inherit;
}
#pfl-leasing-root :where(strong, b) {
  font-weight: bolder;
}
#pfl-leasing-root :where(small) {
  font-size: 80%;
}
#pfl-leasing-root :where(textarea) {
  resize: vertical;
}
#pfl-leasing-root :where(input)::-moz-placeholder, #pfl-leasing-root :where(textarea)::-moz-placeholder {
  opacity: 1;
  color: #9ca3af;
}
#pfl-leasing-root :where(input)::placeholder, #pfl-leasing-root :where(textarea)::placeholder {
  opacity: 1;
  color: #9ca3af;
}

/* ── (3) Substytut root-diva źródła JSX:
      profilio-leasing-page text-primary font-sans overflow-x-hidden
      selection:bg-action/20 selection:text-action; body bg #F5F7F9. ────── */
#pfl-leasing-root {
  background-color: #F5F7F9;
  font-family: 'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  color: #212529;
  line-height: 1.5; /* preflight html { line-height: 1.5 } */
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#pfl-leasing-root ::selection {
  background-color: rgba(0, 168, 89, 0.2);
  color: #00A859;
}
body.pfl-leasing-modal-open {
  overflow: hidden;
}

/* ── (4) Warianty warunkowe / modale w DOM — [hidden] musi wygrać z flex/grid */
#pfl-leasing-root [hidden] {
  display: none !important;
}

/* ── (5) CZYTELNOŚĆ: teksty (p, li, label, opisy, badge) +2px względem źródła
      10→12, 11→13, xs 12→14, sm 14→16, base 16→18, lg 18→20.
      Nagłówki (text-2xl+) i wagi BEZ zmian. ───────────────────────────── */
#pfl-leasing-root p.text-\[10px\],
#pfl-leasing-root span.text-\[10px\],
#pfl-leasing-root label.text-\[10px\] {
  font-size: 12px !important;
}
#pfl-leasing-root p.text-\[11px\],
#pfl-leasing-root span.text-\[11px\],
#pfl-leasing-root li.text-\[11px\] {
  font-size: 13px !important;
}
#pfl-leasing-root p.text-xs,
#pfl-leasing-root li.text-xs,
#pfl-leasing-root span.text-xs,
#pfl-leasing-root label.text-xs {
  font-size: 14px !important;
}
#pfl-leasing-root p.text-sm,
#pfl-leasing-root li.text-sm,
#pfl-leasing-root span.text-sm,
#pfl-leasing-root label.text-sm {
  font-size: 16px !important;
}
#pfl-leasing-root p.text-base,
#pfl-leasing-root li.text-base,
#pfl-leasing-root span.text-base {
  font-size: 18px !important;
}
#pfl-leasing-root p.text-lg,
#pfl-leasing-root li.text-lg,
#pfl-leasing-root span.text-lg {
  font-size: 20px !important;
}

/* ═══ (6) AGRESYWNE NADPISANIA MOTYWU — motyw koloruje <a>/<button>;
   wymuszamy kolory/zera projektu (wzorzec: koniec marka-osobista.css). ══ */
#pfl-leasing-root a,
#pfl-leasing-root a:visited,
#pfl-leasing-root a:hover,
#pfl-leasing-root a:focus,
#pfl-leasing-root a:active {
  text-decoration: none !important;
}
#pfl-leasing-root a.underline {
  text-decoration: underline !important;
}
#pfl-leasing-root a.hover\:underline:hover {
  text-decoration: underline !important;
}
#pfl-leasing-root a:not([class*="text-"]),
#pfl-leasing-root a:not([class*="text-"]):visited,
#pfl-leasing-root a:not([class*="text-"]):hover,
#pfl-leasing-root a:not([class*="text-"]):focus,
#pfl-leasing-root button:not([class*="text-"]),
#pfl-leasing-root button:not([class*="text-"]):hover,
#pfl-leasing-root button:not([class*="text-"]):focus {
  color: inherit !important;
}
#pfl-leasing-root button:not([class*="bg-"]),
#pfl-leasing-root button:not([class*="bg-"]):hover,
#pfl-leasing-root button:not([class*="bg-"]):focus {
  background-color: transparent !important;
  background-image: none !important;
}
#pfl-leasing-root button:not([class*="border"]) {
  border: 0 !important;
}
#pfl-leasing-root button {
  font-family: inherit;
  text-transform: none;
  letter-spacing: normal;
  background-image: none;
}
#pfl-leasing-root input[type="text"],
#pfl-leasing-root input[type="email"],
#pfl-leasing-root input[type="tel"],
#pfl-leasing-root input[type="number"],
#pfl-leasing-root select,
#pfl-leasing-root textarea {
  box-shadow: none;
}

/* ── (7) PANCERZ GRADIENTÓW (kuloodporne na motyw) ──────────────────────── */
#pfl-leasing-root .bg-clip-text {
  -webkit-background-clip: text !important;
          background-clip: text !important;
}
#pfl-leasing-root .text-transparent {
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
}
#pfl-leasing-root .bg-gradient-to-r {
  background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important;
}
#pfl-leasing-root .bg-gradient-to-l {
  background-image: linear-gradient(to left, var(--tw-gradient-stops)) !important;
}
#pfl-leasing-root .bg-gradient-to-t {
  background-image: linear-gradient(to top, var(--tw-gradient-stops)) !important;
}
#pfl-leasing-root .bg-gradient-to-b {
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important;
}
#pfl-leasing-root .bg-gradient-to-tr {
  background-image: linear-gradient(to top right, var(--tw-gradient-stops)) !important;
}
#pfl-leasing-root .bg-gradient-to-tl {
  background-image: linear-gradient(to top left, var(--tw-gradient-stops)) !important;
}
#pfl-leasing-root .bg-gradient-to-br {
  background-image: linear-gradient(to bottom right, var(--tw-gradient-stops)) !important;
}
#pfl-leasing-root .bg-gradient-to-bl {
  background-image: linear-gradient(to bottom left, var(--tw-gradient-stops)) !important;
}

/* ── (8) RE-ASERCJE: wymiary SVG (motyw może narzucać width/height na svg) ── */
#pfl-leasing-root svg.h-24 {
  height: 96px !important;
}
#pfl-leasing-root svg.h-3\.5 {
  height: 14px !important;
}
#pfl-leasing-root svg.h-4 {
  height: 16px !important;
}
#pfl-leasing-root svg.h-5 {
  height: 20px !important;
}
#pfl-leasing-root svg.h-6 {
  height: 24px !important;
}
#pfl-leasing-root svg.h-7 {
  height: 28px !important;
}
#pfl-leasing-root svg.w-24 {
  width: 96px !important;
}
#pfl-leasing-root svg.w-3\.5 {
  width: 14px !important;
}
#pfl-leasing-root svg.w-4 {
  width: 16px !important;
}
#pfl-leasing-root svg.w-5 {
  width: 20px !important;
}
#pfl-leasing-root svg.w-6 {
  width: 24px !important;
}
#pfl-leasing-root svg.w-7 {
  width: 28px !important;
}

/* ── RE-ASERCJE kolorów tekstu co do hexa (motyw koloruje <a>/<button>) ── */
#pfl-leasing-root .text-heading {
  --tw-text-opacity: 1 !important;
  color: rgb(16 33 62 / var(--tw-text-opacity, 1)) !important;
}
#pfl-leasing-root .text-primary {
  --tw-text-opacity: 1 !important;
  color: rgb(33 37 41 / var(--tw-text-opacity, 1)) !important;
}
#pfl-leasing-root .text-secondary {
  --tw-text-opacity: 1 !important;
  color: rgb(94 107 130 / var(--tw-text-opacity, 1)) !important;
}
#pfl-leasing-root .text-action {
  --tw-text-opacity: 1 !important;
  color: rgb(0 168 89 / var(--tw-text-opacity, 1)) !important;
}
#pfl-leasing-root .text-info {
  --tw-text-opacity: 1 !important;
  color: rgb(37 99 235 / var(--tw-text-opacity, 1)) !important;
}
#pfl-leasing-root .text-brand {
  --tw-text-opacity: 1 !important;
  color: rgb(82 15 125 / var(--tw-text-opacity, 1)) !important;
}
#pfl-leasing-root .text-white {
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}
#pfl-leasing-root .text-white\/50 {
  color: rgb(255 255 255 / 0.5) !important;
}
#pfl-leasing-root .text-white\/60 {
  color: rgb(255 255 255 / 0.6) !important;
}
#pfl-leasing-root .text-white\/70 {
  color: rgb(255 255 255 / 0.7) !important;
}
#pfl-leasing-root .text-white\/80 {
  color: rgb(255 255 255 / 0.8) !important;
}
#pfl-leasing-root .text-white\/90 {
  color: rgb(255 255 255 / 0.9) !important;
}
#pfl-leasing-root .text-white\/40 {
  color: rgb(255 255 255 / 0.4) !important;
}
#pfl-leasing-root .text-secondary\/70 {
  color: rgb(94 107 130 / 0.7) !important;
}
#pfl-leasing-root .text-secondary\/60 {
  color: rgb(94 107 130 / 0.6) !important;
}

#pfl-leasing-root .fill-current {
  fill: currentColor !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   1.17.488 — HERO /profilio-leasing/ (chirurgiczny upgrade 2026)
   Komponent jest niezależny od skompilowanych klas źródłowych, odporny na
   style motywu i zachowuje czytelność od 320 px do dużych ekranów.
   ═══════════════════════════════════════════════════════════════════════════ */
#pfl-leasing-root {
  --pfl-lease-ink: #0b1e3a;
  --pfl-lease-muted: #5f6f89;
  --pfl-lease-green: #00a859;
  --pfl-lease-green-dark: #008e4b;
  --pfl-lease-blue: #2468dc;
  --pfl-lease-line: #dbe4ee;
  --pfl-lease-surface: #ffffff;
  scroll-behavior: smooth;
}

#pfl-leasing-root .pfl-lease-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.12fr) minmax(390px, .88fr);
  gap: clamp(44px, 6vw, 86px);
  align-items: center;
  position: relative;
  padding: clamp(18px, 3vw, 34px) 0 0;
}

#pfl-leasing-root .pfl-lease-hero::before {
  content: "";
  position: absolute;
  z-index: -1;
  width: min(520px, 48vw);
  height: min(520px, 48vw);
  left: -18%;
  top: -22%;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(0, 168, 89, .16) 0, rgba(37, 153, 185, .08) 38%, rgba(245, 247, 249, 0) 70%);
  filter: blur(10px);
  pointer-events: none;
}

#pfl-leasing-root .pfl-lease-hero__copy {
  min-width: 0;
}

#pfl-leasing-root .pfl-lease-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  min-height: 32px;
  padding: 6px 13px;
  border: 1px solid #d9e2ec;
  border-radius: 999px;
  background: rgba(255, 255, 255, .9);
  box-shadow: 0 6px 18px rgba(11, 30, 58, .06);
  color: #66748c;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .08em;
  line-height: 1.25;
  text-transform: uppercase;
}

#pfl-leasing-root .pfl-lease-eyebrow span {
  width: 8px;
  height: 8px;
  flex: 0 0 8px;
  border-radius: 50%;
  background: var(--pfl-lease-blue);
  box-shadow: 0 0 0 5px rgba(36, 104, 220, .1);
}

#pfl-leasing-root .pfl-lease-hero__title {
  max-width: 760px;
  margin: 28px 0 24px;
  color: var(--pfl-lease-ink);
  font-family: 'Poppins', 'Inter', ui-sans-serif, system-ui, sans-serif;
  font-size: clamp(44px, 5vw, 70px);
  font-weight: 900;
  letter-spacing: -.05em;
  line-height: 1.04;
  text-wrap: balance;
}

#pfl-leasing-root .pfl-lease-hero__title strong {
  display: block;
  margin-top: 8px;
  background: linear-gradient(100deg, #00a859 0%, #00a18b 45%, #2468dc 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}

#pfl-leasing-root .pfl-lease-hero__lead {
  max-width: 690px;
  margin: 0;
  color: var(--pfl-lease-muted);
  font-size: clamp(17px, 1.45vw, 20px);
  line-height: 1.62;
}

#pfl-leasing-root .pfl-lease-proof {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding: 0;
  margin: 25px 0 0;
  list-style: none;
}

#pfl-leasing-root .pfl-lease-proof li {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 38px;
  padding: 7px 12px;
  border: 1px solid #dbe6e2;
  border-radius: 999px;
  background: rgba(255, 255, 255, .86);
  color: #26364f;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.3;
}

#pfl-leasing-root .pfl-lease-proof li span {
  display: grid;
  width: 20px;
  height: 20px;
  place-items: center;
  border-radius: 50%;
  background: #e9f9f0;
  color: var(--pfl-lease-green-dark);
  font-size: 12px;
}

#pfl-leasing-root .pfl-lease-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 31px;
}

#pfl-leasing-root a.pfl-lease-btn,
#pfl-leasing-root a.pfl-lease-btn:visited,
#pfl-leasing-root a.pfl-lease-btn:hover,
#pfl-leasing-root a.pfl-lease-btn:focus {
  display: inline-flex;
  min-height: 54px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 14px 23px;
  border-radius: 15px;
  font-size: 16px;
  font-weight: 800;
  line-height: 1.2;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease, background-color .2s ease;
}

#pfl-leasing-root a.pfl-lease-btn--primary,
#pfl-leasing-root a.pfl-lease-btn--primary:visited {
  border: 1px solid var(--pfl-lease-green);
  background: var(--pfl-lease-green);
  color: #fff !important;
  box-shadow: 0 13px 27px rgba(0, 168, 89, .22);
}

#pfl-leasing-root a.pfl-lease-btn--primary:hover,
#pfl-leasing-root a.pfl-lease-btn--primary:focus {
  background: var(--pfl-lease-green-dark);
  border-color: var(--pfl-lease-green-dark);
  color: #fff !important;
  transform: translateY(-2px);
  box-shadow: 0 17px 32px rgba(0, 142, 75, .27);
}

#pfl-leasing-root a.pfl-lease-btn--secondary,
#pfl-leasing-root a.pfl-lease-btn--secondary:visited {
  border: 1px solid #cfd9e5;
  background: rgba(255, 255, 255, .9);
  color: var(--pfl-lease-ink) !important;
  box-shadow: 0 8px 18px rgba(11, 30, 58, .05);
}

#pfl-leasing-root a.pfl-lease-btn--secondary:hover,
#pfl-leasing-root a.pfl-lease-btn--secondary:focus {
  border-color: #96aac0;
  background: #fff;
  color: var(--pfl-lease-ink) !important;
  transform: translateY(-2px);
}

#pfl-leasing-root .pfl-lease-btn svg {
  width: 19px;
  height: 19px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}

#pfl-leasing-root .pfl-lease-disclaimer {
  max-width: 650px;
  margin: 25px 0 0;
  padding-left: 15px;
  border-left: 3px solid #d9e2ec;
  color: #7c8aa1;
  font-size: 14px;
  line-height: 1.55;
}

#pfl-leasing-root .pfl-lease-flow {
  position: relative;
  overflow: hidden;
  min-width: 0;
  padding: clamp(27px, 3vw, 38px);
  border: 1px solid rgba(255, 255, 255, .11);
  border-radius: 30px;
  background: linear-gradient(145deg, #101b30 0%, #0c172a 100%);
  box-shadow: 0 30px 60px rgba(11, 30, 58, .19);
  isolation: isolate;
}

#pfl-leasing-root .pfl-lease-flow__glow {
  position: absolute;
  z-index: -1;
  width: 280px;
  height: 280px;
  right: -100px;
  top: -120px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(0, 168, 89, .23), rgba(0, 168, 89, 0) 68%);
  animation: pfl-lease-pulse 5s ease-in-out infinite;
}

#pfl-leasing-root .pfl-lease-flow__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 28px;
}

#pfl-leasing-root .pfl-lease-flow__header span,
#pfl-leasing-root .pfl-lease-flow__row span,
#pfl-leasing-root .pfl-lease-flow__result span {
  display: block;
  color: #93a1b7;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .08em;
  line-height: 1.3;
  text-transform: uppercase;
}

#pfl-leasing-root .pfl-lease-flow__header h2 {
  max-width: 360px;
  margin: 7px 0 0;
  color: #fff;
  font-family: 'Poppins', 'Inter', ui-sans-serif, system-ui, sans-serif;
  font-size: clamp(23px, 2.15vw, 30px);
  font-weight: 800;
  letter-spacing: -.025em;
  line-height: 1.2;
}

#pfl-leasing-root .pfl-lease-flow__icon {
  display: grid;
  width: 52px;
  height: 52px;
  flex: 0 0 52px;
  place-items: center;
  border: 1px solid rgba(0, 168, 89, .28);
  border-radius: 16px;
  background: rgba(0, 168, 89, .09);
  color: #21c778;
}

#pfl-leasing-root .pfl-lease-flow__icon svg {
  width: 27px;
  height: 27px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.8;
}

#pfl-leasing-root .pfl-lease-flow__row,
#pfl-leasing-root .pfl-lease-flow__result {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 17px 18px;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 16px;
  background: rgba(255, 255, 255, .055);
}

#pfl-leasing-root .pfl-lease-flow__row strong,
#pfl-leasing-root .pfl-lease-flow__result strong {
  display: block;
  margin-top: 5px;
  color: #dfe7f2;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.35;
}

#pfl-leasing-root .pfl-lease-flow__row b {
  flex: 0 0 auto;
  color: #fff;
  font-size: 17px;
  font-weight: 800;
  white-space: nowrap;
}

#pfl-leasing-root .pfl-lease-flow__row--accent {
  border-color: rgba(0, 168, 89, .35);
  background: linear-gradient(100deg, rgba(0, 168, 89, .15), rgba(0, 168, 89, .08));
}

#pfl-leasing-root .pfl-lease-flow__row--accent span,
#pfl-leasing-root .pfl-lease-flow__row--accent b {
  color: #39d68b;
}

#pfl-leasing-root .pfl-lease-flow__connector {
  display: flex;
  height: 25px;
  align-items: center;
  justify-content: center;
}

#pfl-leasing-root .pfl-lease-flow__connector span {
  display: grid;
  width: 25px;
  height: 25px;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, .13);
  border-radius: 50%;
  background: #101b30;
  color: #8390a5;
  font-size: 13px;
}

#pfl-leasing-root .pfl-lease-flow__result {
  padding: 20px;
  border-color: rgba(255, 255, 255, .18);
  background: linear-gradient(135deg, rgba(255, 255, 255, .11), rgba(255, 255, 255, .065));
  box-shadow: inset 0 1px rgba(255, 255, 255, .06);
}

#pfl-leasing-root .pfl-lease-flow__result b {
  flex: 0 0 auto;
  color: #fff;
  font-family: 'Poppins', 'Inter', ui-sans-serif, system-ui, sans-serif;
  font-size: clamp(27px, 2.7vw, 38px);
  font-weight: 900;
  letter-spacing: -.04em;
  line-height: 1;
  white-space: nowrap;
}

#pfl-leasing-root .pfl-lease-flow__result b small {
  font-size: 14px;
  letter-spacing: 0;
}

#pfl-leasing-root .pfl-lease-flow__note {
  margin: 17px 2px 0;
  color: #8d9ab0;
  font-size: 13px;
  line-height: 1.5;
}

#pfl-leasing-root .pfl-lease-brands {
  padding: clamp(26px, 3vw, 42px);
  border: 1px solid var(--pfl-lease-line);
  border-radius: 28px;
  background: rgba(255, 255, 255, .94);
  box-shadow: 0 18px 44px rgba(11, 30, 58, .07);
}

#pfl-leasing-root .pfl-lease-brands__header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 32px;
  margin-bottom: 25px;
}

#pfl-leasing-root .pfl-lease-brands__kicker {
  display: block;
  color: #6f7e95;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .09em;
  line-height: 1.3;
  text-transform: uppercase;
}

#pfl-leasing-root .pfl-lease-brands__header h2 {
  margin: 7px 0 0;
  color: var(--pfl-lease-ink);
  font-family: 'Poppins', 'Inter', ui-sans-serif, system-ui, sans-serif;
  font-size: clamp(23px, 2.4vw, 32px);
  font-weight: 800;
  letter-spacing: -.03em;
  line-height: 1.2;
}

#pfl-leasing-root .pfl-lease-brands__header p {
  max-width: 390px;
  margin: 0;
  color: var(--pfl-lease-muted);
  font-size: 15px;
  line-height: 1.55;
}

#pfl-leasing-root .pfl-lease-brands__grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
}

#pfl-leasing-root .pfl-lease-brand {
  display: flex;
  min-height: 62px;
  align-items: center;
  justify-content: center;
  padding: 11px;
  border: 1px solid #e1e7ee;
  border-radius: 16px;
  background: #fbfcfd;
  color: #253650;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.2;
  text-align: center;
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

#pfl-leasing-root .pfl-lease-brand:hover {
  border-color: #afbdcc;
  box-shadow: 0 8px 18px rgba(11, 30, 58, .07);
  transform: translateY(-2px);
}

#pfl-leasing-root .pfl-lease-brands__grid[data-collapsed="true"] .pfl-lease-brand--extra {
  display: none;
}

#pfl-leasing-root button.pfl-lease-brands__toggle,
#pfl-leasing-root button.pfl-lease-brands__toggle:hover,
#pfl-leasing-root button.pfl-lease-brands__toggle:focus {
  display: flex;
  min-height: 46px;
  align-items: center;
  justify-content: center;
  gap: 9px;
  margin: 22px auto 0;
  padding: 11px 18px;
  border: 1px solid #d5dee8 !important;
  border-radius: 999px;
  background: #f4f7fa !important;
  color: var(--pfl-lease-ink) !important;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.25;
  cursor: pointer;
}

#pfl-leasing-root button.pfl-lease-brands__toggle:hover,
#pfl-leasing-root button.pfl-lease-brands__toggle:focus {
  border-color: #9bacbf !important;
  background: #fff !important;
}

#pfl-leasing-root .pfl-lease-brands__toggle svg {
  width: 17px;
  height: 17px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
  transition: transform .25s ease;
}

@keyframes pfl-lease-pulse {
  0%, 100% { opacity: .7; transform: scale(.94); }
  50% { opacity: 1; transform: scale(1.08); }
}

@media (max-width: 1023px) {
  #pfl-leasing-root .pfl-lease-hero {
    grid-template-columns: 1fr;
  }
  #pfl-leasing-root .pfl-lease-hero__copy,
  #pfl-leasing-root .pfl-lease-flow {
    width: 100%;
  }
  #pfl-leasing-root .pfl-lease-hero__lead,
  #pfl-leasing-root .pfl-lease-disclaimer {
    max-width: 760px;
  }
  #pfl-leasing-root .pfl-lease-brands__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  #pfl-leasing-root .pfl-lease-hero {
    gap: 36px;
    padding-top: 0;
  }
  #pfl-leasing-root .pfl-lease-hero__title {
    margin-top: 22px;
    font-size: clamp(39px, 12vw, 54px);
  }
  #pfl-leasing-root .pfl-lease-hero__actions,
  #pfl-leasing-root .pfl-lease-brands__header {
    align-items: stretch;
    flex-direction: column;
  }
  #pfl-leasing-root a.pfl-lease-btn {
    width: 100%;
  }
  #pfl-leasing-root .pfl-lease-flow__row,
  #pfl-leasing-root .pfl-lease-flow__result {
    align-items: flex-start;
    flex-direction: column;
  }
  #pfl-leasing-root .pfl-lease-flow__row b,
  #pfl-leasing-root .pfl-lease-flow__result b {
    align-self: flex-end;
  }
  #pfl-leasing-root .pfl-lease-brands__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 520px) {
  #pfl-leasing-root .pfl-lease-eyebrow {
    max-width: 100%;
    border-radius: 15px;
    font-size: 12px;
  }
  #pfl-leasing-root .pfl-lease-proof {
    align-items: stretch;
    flex-direction: column;
  }
  #pfl-leasing-root .pfl-lease-proof li {
    width: 100%;
  }
  #pfl-leasing-root .pfl-lease-flow {
    padding: 22px 18px;
    border-radius: 24px;
  }
  #pfl-leasing-root .pfl-lease-flow__header {
    gap: 14px;
  }
  #pfl-leasing-root .pfl-lease-flow__icon {
    width: 44px;
    height: 44px;
    flex-basis: 44px;
  }
  #pfl-leasing-root .pfl-lease-brands {
    padding: 24px 16px;
  }
  #pfl-leasing-root .pfl-lease-brands__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  #pfl-leasing-root .pfl-lease-brand {
    min-height: 58px;
    font-size: 13px;
  }
}

@media (prefers-reduced-motion: reduce) {
  #pfl-leasing-root,
  #pfl-leasing-root * {
    scroll-behavior: auto !important;
  }
  #pfl-leasing-root .pfl-lease-flow__glow {
    animation: none;
  }
  #pfl-leasing-root .pfl-lease-brand,
  #pfl-leasing-root .pfl-lease-btn {
    transition: none;
  }
}

/* Leasing 1.17.489 — galeria ofert z niezmodyfikowanych źródeł media 1.1.0 */
#pfl-leasing-root .pfl-lease-offers {
  position: relative;
}

#pfl-leasing-root .pfl-lease-offers__header {
  max-width: 820px;
  margin: 0 0 clamp(30px, 4vw, 48px);
}

#pfl-leasing-root .pfl-lease-offers__kicker {
  display: inline-flex;
  min-height: 32px;
  align-items: center;
  gap: 9px;
  padding: 7px 12px;
  border: 1px solid #bce7d1;
  border-radius: 999px;
  background: #edf9f3;
  color: #007a4b;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .08em;
  line-height: 1.2;
  text-transform: uppercase;
}

#pfl-leasing-root .pfl-lease-offers__kicker span {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: #00ad68;
  box-shadow: 0 0 0 5px rgba(0, 173, 104, .1);
}

#pfl-leasing-root .pfl-lease-offers__header h2 {
  margin: 16px 0 10px;
  color: var(--pfl-lease-ink);
  font-family: 'Poppins', 'Inter', ui-sans-serif, system-ui, sans-serif;
  font-size: clamp(32px, 4vw, 50px);
  font-weight: 850;
  letter-spacing: -.045em;
  line-height: 1.08;
}

#pfl-leasing-root .pfl-lease-offers__header p {
  max-width: 760px;
  margin: 0;
  color: var(--pfl-lease-muted);
  font-size: clamp(16px, 1.5vw, 19px);
  line-height: 1.6;
}

#pfl-leasing-root .pfl-lease-offers__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(18px, 2.3vw, 28px);
}

#pfl-leasing-root .pfl-lease-car {
  min-width: 0;
  overflow: hidden;
  border: 1px solid #dbe3eb;
  border-radius: 26px;
  background: #fff;
  box-shadow: 0 16px 44px rgba(11, 30, 58, .08);
  transition: border-color .25s ease, box-shadow .25s ease, transform .25s ease;
}

#pfl-leasing-root .pfl-lease-car:hover {
  border-color: #b5c5d5;
  box-shadow: 0 24px 58px rgba(11, 30, 58, .13);
  transform: translateY(-4px);
}

#pfl-leasing-root .pfl-lease-car__visual {
  position: relative;
  width: 100%;
  aspect-ratio: var(--crop-ratio);
  overflow: hidden;
  border-bottom: 1px solid #e0e6ed;
  background: #d6d7d5;
}

#pfl-leasing-root .pfl-lease-car__visual img {
  position: absolute;
  top: var(--img-top);
  left: var(--img-left);
  width: var(--img-w);
  max-width: none;
  height: auto;
  margin: 0;
  transition: transform .35s ease;
}

#pfl-leasing-root .pfl-lease-car:hover .pfl-lease-car__visual img {
  transform: scale(1.015);
}

#pfl-leasing-root .pfl-lease-car__body {
  display: flex;
  min-height: 315px;
  flex-direction: column;
  padding: clamp(20px, 2.2vw, 28px);
}

#pfl-leasing-root .pfl-lease-car__topline {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
}

#pfl-leasing-root .pfl-lease-car__topline > div > span {
  color: #75849a;
  font-size: 11px;
  font-weight: 850;
  letter-spacing: .08em;
  line-height: 1.3;
  text-transform: uppercase;
}

#pfl-leasing-root .pfl-lease-car__topline h3 {
  margin: 4px 0 0;
  color: var(--pfl-lease-ink);
  font-family: 'Poppins', 'Inter', ui-sans-serif, system-ui, sans-serif;
  font-size: clamp(22px, 2.2vw, 29px);
  font-weight: 820;
  letter-spacing: -.035em;
  line-height: 1.14;
}

#pfl-leasing-root .pfl-lease-car__status {
  display: inline-flex;
  min-height: 31px;
  flex: 0 0 auto;
  align-items: center;
  gap: 7px;
  padding: 7px 10px;
  border: 1px solid #d9e3eb;
  border-radius: 999px;
  background: #f6f8fa;
  color: #596b81;
  font-size: 11px;
  font-weight: 800;
  line-height: 1.2;
}

#pfl-leasing-root .pfl-lease-car__status i {
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: #f2a400;
}

#pfl-leasing-root .pfl-lease-car__model {
  min-height: 45px;
  margin: 14px 0 4px;
  color: #33455d;
  font-size: 15px;
  font-weight: 650;
  line-height: 1.45;
}

#pfl-leasing-root .pfl-lease-car__meta {
  margin: 0 0 20px;
  color: #75849a;
  font-size: 14px;
  line-height: 1.45;
}

#pfl-leasing-root .pfl-lease-car__pricing {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: auto;
}

#pfl-leasing-root .pfl-lease-car__pricing div {
  padding: 13px 15px;
  border: 1px solid #dce5ed;
  border-radius: 15px;
  background: #f6f8fa;
}

#pfl-leasing-root .pfl-lease-car__pricing span,
#pfl-leasing-root .pfl-lease-car__pricing strong {
  display: block;
}

#pfl-leasing-root .pfl-lease-car__pricing span {
  margin-bottom: 4px;
  color: #718197;
  font-size: 11px;
  font-weight: 750;
  line-height: 1.25;
}

#pfl-leasing-root .pfl-lease-car__pricing strong {
  color: #174bd0;
  font-size: clamp(19px, 2vw, 24px);
  font-weight: 900;
  letter-spacing: -.025em;
  line-height: 1.15;
}

#pfl-leasing-root button.pfl-lease-car__cta,
#pfl-leasing-root button.pfl-lease-car__cta:hover,
#pfl-leasing-root button.pfl-lease-car__cta:focus {
  display: flex;
  width: 100%;
  min-height: 50px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin: 15px 0 0;
  padding: 12px 18px;
  border: 1px solid #08213f !important;
  border-radius: 14px;
  background: #0b1e3a !important;
  color: #fff !important;
  font-size: 15px;
  font-weight: 850;
  line-height: 1.25;
  cursor: pointer;
}

#pfl-leasing-root button.pfl-lease-car__cta:hover,
#pfl-leasing-root button.pfl-lease-car__cta:focus {
  background: #064cc8 !important;
  border-color: #064cc8 !important;
  box-shadow: 0 10px 24px rgba(6, 76, 200, .23);
}

#pfl-leasing-root .pfl-lease-car__cta svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}

#pfl-leasing-root .pfl-lease-offers__footnote,
#pfl-leasing-root .pfl-lease-offers__media-alert {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-top: 22px;
  padding: 17px 19px;
  border: 1px solid #dbe3eb;
  border-radius: 18px;
  background: rgba(255, 255, 255, .78);
  color: #5f7085;
}

#pfl-leasing-root .pfl-lease-offers__footnote svg {
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  fill: none;
  stroke: #d18600;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.8;
}

#pfl-leasing-root .pfl-lease-offers__footnote p {
  margin: 0;
  font-size: 13px;
  line-height: 1.55;
}

#pfl-leasing-root .pfl-lease-offers__media-alert {
  flex-direction: column;
  border-color: #f0d095;
  background: #fff8e8;
  color: #5b4822;
  font-size: 15px;
  line-height: 1.5;
}

@media (max-width: 767px) {
  #pfl-leasing-root .pfl-lease-offers__grid {
    grid-template-columns: 1fr;
  }
  #pfl-leasing-root .pfl-lease-car__body {
    min-height: 0;
  }
}

@media (max-width: 460px) {
  #pfl-leasing-root .pfl-lease-car__topline {
    flex-direction: column;
  }
  #pfl-leasing-root .pfl-lease-car__model {
    min-height: 0;
  }
  #pfl-leasing-root .pfl-lease-car__pricing {
    grid-template-columns: 1fr;
  }
}

@media (prefers-reduced-motion: reduce) {
  #pfl-leasing-root .pfl-lease-car,
  #pfl-leasing-root .pfl-lease-car__visual img {
    transition: none;
  }
}

/* 1.17.490 — pełne 25 kart odzyskanych z dawnej paginacji */
#pfl-leasing-root .screen-reader-text {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  white-space: nowrap !important;
}

#pfl-leasing-root .pfl-lease-car--hidden {
  display: none;
}

#pfl-leasing-root .pfl-lease-car__visual--complete {
  position: relative;
  aspect-ratio: 452 / 402;
  padding: 10px;
  border: 0;
  background: #f7f9fb;
}

#pfl-leasing-root .pfl-lease-car__visual--complete img {
  position: static;
  display: block;
  width: 100%;
  max-width: 100%;
  height: 100%;
  object-fit: contain;
  transform: none;
}

#pfl-leasing-root .pfl-lease-car:hover .pfl-lease-car__visual--complete img {
  transform: none;
}

#pfl-leasing-root .pfl-lease-car__body--compact {
  min-height: 0;
  padding: 0 20px 20px;
}

#pfl-leasing-root .pfl-lease-car__body--compact .pfl-lease-car__cta {
  margin-top: 0;
}

#pfl-leasing-root .pfl-lease-offers__load-wrap {
  display: flex;
  justify-content: center;
  margin-top: 28px;
}

#pfl-leasing-root button.pfl-lease-offers__load,
#pfl-leasing-root button.pfl-lease-offers__load:hover,
#pfl-leasing-root button.pfl-lease-offers__load:focus {
  display: inline-flex;
  min-height: 54px;
  align-items: center;
  justify-content: center;
  gap: 11px;
  padding: 13px 20px;
  border: 1px solid #cbd7e3 !important;
  border-radius: 999px;
  background: #fff !important;
  color: #0b1e3a !important;
  box-shadow: 0 12px 28px rgba(11, 30, 58, .08);
  font-size: 15px;
  font-weight: 850;
  line-height: 1.2;
  cursor: pointer;
}

#pfl-leasing-root button.pfl-lease-offers__load:hover,
#pfl-leasing-root button.pfl-lease-offers__load:focus {
  border-color: #0a9f61 !important;
  box-shadow: 0 14px 34px rgba(0, 159, 97, .14);
}

#pfl-leasing-root .pfl-lease-offers__load b {
  padding: 5px 8px;
  border-radius: 999px;
  background: #edf9f3;
  color: #007a4b;
  font-size: 11px;
  font-weight: 850;
}

#pfl-leasing-root .pfl-lease-offers__load svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}

#pfl-leasing-root .pfl-lease-car:not(.pfl-lease-car--hidden) {
  animation: pfl-lease-offer-reveal .42s ease backwards;
  animation-delay: var(--pfl-lease-reveal-delay, 0ms);
}

@keyframes pfl-lease-offer-reveal {
  from { opacity: 0; transform: translateY(14px); }
  to { opacity: 1; transform: translateY(0); }
}

@media (prefers-reduced-motion: reduce) {
  #pfl-leasing-root .pfl-lease-car:not(.pfl-lease-car--hidden) {
    animation: none;
  }
}

/* 1.17.491 — komparator dwóch ścieżek do samochodu */
#pfl-leasing-root .pfl-lease-paths {
  position: relative;
  padding: clamp(32px, 4.5vw, 58px);
  border: 1px solid #dce4ec;
  border-radius: 34px;
  background:
    radial-gradient(circle at 88% 15%, rgba(0, 173, 104, .1), transparent 28%),
    linear-gradient(145deg, #fff 0%, #f7fafc 100%);
  box-shadow: 0 24px 64px rgba(11, 30, 58, .08);
}

#pfl-leasing-root .pfl-lease-paths__header {
  max-width: 860px;
  margin: 0 auto clamp(28px, 4vw, 44px);
  text-align: center;
}

#pfl-leasing-root .pfl-lease-paths__eyebrow {
  display: inline-flex;
  min-height: 32px;
  align-items: center;
  gap: 9px;
  padding: 7px 12px;
  border: 1px solid #d6e0e9;
  border-radius: 999px;
  background: rgba(255, 255, 255, .86);
  color: #52657d;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .075em;
  line-height: 1.25;
  text-transform: uppercase;
}

#pfl-leasing-root .pfl-lease-paths__eyebrow span {
  width: 8px;
  height: 8px;
  border-radius: 99px;
  background: #0a9f61;
  box-shadow: 0 0 0 5px rgba(10, 159, 97, .1);
}

#pfl-leasing-root .pfl-lease-paths__header h2 {
  margin: 15px 0 12px;
  color: var(--pfl-lease-ink);
  font-family: 'Poppins', 'Inter', ui-sans-serif, system-ui, sans-serif;
  font-size: clamp(34px, 4.3vw, 54px);
  font-weight: 880;
  letter-spacing: -.05em;
  line-height: 1.08;
}

#pfl-leasing-root .pfl-lease-paths__header h2 strong {
  display: inline;
  background: linear-gradient(92deg, #00995b 0%, #087bd4 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  font-weight: inherit;
}

#pfl-leasing-root .pfl-lease-paths__header p {
  max-width: 720px;
  margin: 0 auto;
  color: #62748b;
  font-size: clamp(16px, 1.5vw, 18px);
  line-height: 1.62;
}

#pfl-leasing-root .pfl-lease-paths__rail {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin: 0 0 24px;
  padding: 0;
  list-style: none;
}

#pfl-leasing-root .pfl-lease-paths__rail::before {
  position: absolute;
  z-index: 0;
  top: 24px;
  right: 10%;
  left: 10%;
  height: 2px;
  background: linear-gradient(90deg, #d4dee8 0%, #b9d7ca 100%);
  content: '';
}

#pfl-leasing-root .pfl-lease-paths__rail li {
  position: relative;
  z-index: 1;
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 11px;
  padding: 12px;
  border: 1px solid #e0e7ee;
  border-radius: 16px;
  background: rgba(255, 255, 255, .94);
}

#pfl-leasing-root .pfl-lease-paths__rail b {
  display: grid;
  width: 31px;
  height: 31px;
  flex: 0 0 31px;
  place-items: center;
  border-radius: 10px;
  background: #0b1e3a;
  color: #fff;
  font-size: 11px;
  font-weight: 900;
}

#pfl-leasing-root .pfl-lease-paths__rail span,
#pfl-leasing-root .pfl-lease-paths__rail strong {
  display: block;
}

#pfl-leasing-root .pfl-lease-paths__rail strong {
  margin-bottom: 3px;
  color: #172b47;
  font-size: 13px;
  font-weight: 850;
  line-height: 1.2;
}

#pfl-leasing-root .pfl-lease-paths__rail span {
  min-width: 0;
  color: #6d7d91;
  font-size: 12px;
  line-height: 1.3;
}

#pfl-leasing-root .pfl-lease-paths__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 54px minmax(0, 1fr);
  align-items: stretch;
  gap: 14px;
}

#pfl-leasing-root .pfl-lease-path {
  position: relative;
  display: flex;
  min-width: 0;
  flex-direction: column;
  padding: clamp(24px, 3vw, 34px);
  border: 1px solid #dbe3eb;
  border-radius: 26px;
  background: #fff;
  box-shadow: 0 15px 40px rgba(11, 30, 58, .07);
}

#pfl-leasing-root .pfl-lease-path--operator {
  border-color: #a9dfc5;
  background: linear-gradient(155deg, #fff 0%, #f1fbf6 100%);
  box-shadow: 0 17px 44px rgba(0, 135, 82, .1);
}

#pfl-leasing-root .pfl-lease-path__top {
  display: flex;
  align-items: flex-start;
  gap: 15px;
}

#pfl-leasing-root .pfl-lease-path__number {
  display: grid;
  width: 46px;
  height: 46px;
  flex: 0 0 46px;
  place-items: center;
  border: 1px solid #d7e0e9;
  border-radius: 14px;
  background: #f4f7fa;
  color: #174bd0;
  font-size: 18px;
  font-weight: 950;
}

#pfl-leasing-root .pfl-lease-path--operator .pfl-lease-path__number {
  border-color: #b8e7d0;
  background: #eaf8f1;
  color: #008a52;
}

#pfl-leasing-root .pfl-lease-path__label {
  display: block;
  margin: 1px 0 6px;
  color: #718197;
  font-size: 12px;
  font-weight: 850;
  letter-spacing: .065em;
  line-height: 1.25;
  text-transform: uppercase;
}

#pfl-leasing-root .pfl-lease-path h3 {
  margin: 0;
  color: var(--pfl-lease-ink);
  font-family: 'Poppins', 'Inter', ui-sans-serif, system-ui, sans-serif;
  font-size: clamp(22px, 2.3vw, 29px);
  font-weight: 850;
  letter-spacing: -.035em;
  line-height: 1.17;
}

#pfl-leasing-root .pfl-lease-path__lead {
  min-height: 104px;
  margin: 20px 0;
  color: #586b82;
  font-size: 15px;
  line-height: 1.62;
}

#pfl-leasing-root .pfl-lease-path__facts {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin: 0 0 22px;
}

#pfl-leasing-root .pfl-lease-path__facts div {
  min-width: 0;
  padding: 12px;
  border: 1px solid #e0e7ee;
  border-radius: 14px;
  background: #f7f9fb;
}

#pfl-leasing-root .pfl-lease-path--operator .pfl-lease-path__facts div {
  border-color: #d3ecdf;
  background: rgba(255, 255, 255, .8);
}

#pfl-leasing-root .pfl-lease-path__facts dt {
  margin-bottom: 5px;
  color: #718197;
  font-size: 11px;
  font-weight: 850;
  letter-spacing: .045em;
  line-height: 1.25;
  text-transform: uppercase;
}

#pfl-leasing-root .pfl-lease-path__facts dd {
  margin: 0;
  color: #1b2f4a;
  font-size: 13px;
  font-weight: 750;
  line-height: 1.38;
}

#pfl-leasing-root .pfl-lease-path__benefits {
  display: grid;
  gap: 11px;
  margin: 0 0 25px;
  padding: 0;
  list-style: none;
}

#pfl-leasing-root .pfl-lease-path__benefits li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  color: #31445d;
  font-size: 14px;
  font-weight: 650;
  line-height: 1.45;
}

#pfl-leasing-root .pfl-lease-path__benefits span {
  display: grid;
  width: 21px;
  height: 21px;
  flex: 0 0 21px;
  place-items: center;
  border-radius: 7px;
  background: #eaf8f1;
  color: #008a52;
  font-size: 13px;
  font-weight: 950;
}

#pfl-leasing-root button.pfl-lease-path__cta,
#pfl-leasing-root button.pfl-lease-path__cta:hover,
#pfl-leasing-root button.pfl-lease-path__cta:focus {
  display: flex;
  width: 100%;
  min-height: 54px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-top: auto;
  padding: 13px 18px;
  border-radius: 14px;
  font-size: 14px;
  font-weight: 850;
  line-height: 1.3;
  cursor: pointer;
}

#pfl-leasing-root button.pfl-lease-path__cta--light,
#pfl-leasing-root button.pfl-lease-path__cta--light:hover,
#pfl-leasing-root button.pfl-lease-path__cta--light:focus {
  border: 1px solid #cfdbe6 !important;
  background: #f5f8fa !important;
  color: #0b1e3a !important;
}

#pfl-leasing-root button.pfl-lease-path__cta--light:hover,
#pfl-leasing-root button.pfl-lease-path__cta--light:focus {
  border-color: #174bd0 !important;
  background: #fff !important;
  box-shadow: 0 10px 24px rgba(23, 75, 208, .12);
}

#pfl-leasing-root button.pfl-lease-path__cta--primary,
#pfl-leasing-root button.pfl-lease-path__cta--primary:hover,
#pfl-leasing-root button.pfl-lease-path__cta--primary:focus {
  border: 1px solid #00945a !important;
  background: #00a864 !important;
  color: #fff !important;
  box-shadow: 0 12px 28px rgba(0, 168, 100, .2);
}

#pfl-leasing-root button.pfl-lease-path__cta--primary:hover,
#pfl-leasing-root button.pfl-lease-path__cta--primary:focus {
  border-color: #007e4c !important;
  background: #008d55 !important;
  box-shadow: 0 14px 32px rgba(0, 141, 85, .26);
}

#pfl-leasing-root .pfl-lease-path__cta svg,
#pfl-leasing-root .pfl-lease-paths__switch svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}

#pfl-leasing-root .pfl-lease-paths__switch {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 9px;
  color: #60738a;
  text-align: center;
}

#pfl-leasing-root .pfl-lease-paths__switch span {
  max-width: 88px;
  font-size: 11px;
  font-weight: 850;
  line-height: 1.35;
  text-transform: uppercase;
}

#pfl-leasing-root .pfl-lease-paths__switch svg {
  width: 35px;
  height: 35px;
  padding: 8px;
  border: 1px solid #cfe5da;
  border-radius: 99px;
  background: #eaf8f1;
  color: #008a52;
}

#pfl-leasing-root .pfl-lease-paths__prepare {
  display: grid;
  grid-template-columns: minmax(230px, .7fr) 1.5fr;
  align-items: center;
  gap: 22px;
  margin-top: 20px;
  padding: 18px 20px;
  border: 1px solid #dbe4ec;
  border-radius: 20px;
  background: #0b1e3a;
  color: #fff;
}

#pfl-leasing-root .pfl-lease-paths__prepare-title {
  display: flex;
  align-items: center;
  gap: 12px;
}

#pfl-leasing-root .pfl-lease-paths__prepare-title > span {
  display: grid;
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
  place-items: center;
  border-radius: 12px;
  background: #00a864;
  font-weight: 950;
}

#pfl-leasing-root .pfl-lease-paths__prepare-title strong,
#pfl-leasing-root .pfl-lease-paths__prepare-title small {
  display: block;
}

#pfl-leasing-root .pfl-lease-paths__prepare-title strong {
  font-size: 15px;
  line-height: 1.3;
}

#pfl-leasing-root .pfl-lease-paths__prepare-title small {
  margin-top: 3px;
  color: rgba(255, 255, 255, .62);
  font-size: 12px;
  line-height: 1.35;
}

#pfl-leasing-root .pfl-lease-paths__prepare ul {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

#pfl-leasing-root .pfl-lease-paths__prepare li {
  display: flex;
  min-height: 48px;
  align-items: center;
  gap: 9px;
  padding: 9px 10px;
  border: 1px solid rgba(255, 255, 255, .11);
  border-radius: 12px;
  background: rgba(255, 255, 255, .055);
  color: rgba(255, 255, 255, .82);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.35;
}

#pfl-leasing-root .pfl-lease-paths__prepare li b {
  color: #65d9a9;
  font-size: 11px;
}

#pfl-leasing-root .pfl-lease-paths__legal {
  max-width: 900px;
  margin: 15px auto 0;
  color: #738298;
  font-size: 12px;
  line-height: 1.55;
  text-align: center;
}

@media (max-width: 1050px) {
  #pfl-leasing-root .pfl-lease-paths__rail {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  #pfl-leasing-root .pfl-lease-paths__rail::before {
    display: none;
  }
  #pfl-leasing-root .pfl-lease-path__facts {
    grid-template-columns: 1fr;
  }
  #pfl-leasing-root .pfl-lease-path__lead {
    min-height: 0;
  }
  #pfl-leasing-root .pfl-lease-paths__prepare {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  #pfl-leasing-root .pfl-lease-paths {
    padding: 28px 18px;
    border-radius: 26px;
  }
  #pfl-leasing-root .pfl-lease-paths__rail,
  #pfl-leasing-root .pfl-lease-paths__grid,
  #pfl-leasing-root .pfl-lease-paths__prepare ul {
    grid-template-columns: 1fr;
  }
  #pfl-leasing-root .pfl-lease-paths__switch {
    min-height: 66px;
    flex-direction: row;
  }
  #pfl-leasing-root .pfl-lease-paths__switch span {
    max-width: none;
  }
  #pfl-leasing-root .pfl-lease-paths__switch svg {
    transform: rotate(90deg);
  }
}

@media (max-width: 460px) {
  #pfl-leasing-root .pfl-lease-path {
    padding: 22px 17px;
  }
  #pfl-leasing-root .pfl-lease-path__top {
    gap: 11px;
  }
  #pfl-leasing-root .pfl-lease-path__number {
    width: 40px;
    height: 40px;
    flex-basis: 40px;
  }
  #pfl-leasing-root .pfl-lease-paths__rail span {
    font-size: 13px;
  }
}

@media (prefers-reduced-motion: reduce) {
  #pfl-leasing-root .pfl-lease-path,
  #pfl-leasing-root .pfl-lease-path__cta {
    transition: none;
  }
}

@media (forced-colors: active) {
  #pfl-leasing-root .pfl-lease-paths__header h2 strong {
    color: CanvasText;
    -webkit-text-fill-color: CanvasText;
  }
}

/* 1.17.492 — bezpieczny symulator odrębnego kontraktu usługowego */
#pfl-leasing-root .pfl-lease-employment {
  position: relative;
  overflow: hidden;
  padding: clamp(34px, 5vw, 64px);
  border: 1px solid rgba(142, 167, 195, .22);
  border-radius: 34px;
  background:
    radial-gradient(circle at 100% 0%, rgba(20, 184, 166, .13), transparent 30%),
    radial-gradient(circle at 0% 100%, rgba(109, 40, 217, .12), transparent 32%),
    #08172b;
  box-shadow: 0 28px 74px rgba(8, 23, 43, .2);
  color: #fff;
}

#pfl-leasing-root .pfl-lease-employment::before {
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);
  background-size: 32px 32px;
  content: '';
  pointer-events: none;
  -webkit-mask-image: linear-gradient(to bottom, #000, transparent 88%);
  mask-image: linear-gradient(to bottom, #000, transparent 88%);
}

#pfl-leasing-root .pfl-lease-employment__intro,
#pfl-leasing-root .pfl-lease-employment__layout {
  position: relative;
  z-index: 1;
}

#pfl-leasing-root .pfl-lease-employment__intro {
  max-width: 900px;
  margin: 0 auto clamp(30px, 4vw, 46px);
  text-align: center;
}

#pfl-leasing-root .pfl-lease-employment__eyebrow {
  display: inline-flex;
  min-height: 32px;
  align-items: center;
  gap: 9px;
  padding: 7px 12px;
  border: 1px solid rgba(222, 201, 255, .22);
  border-radius: 999px;
  background: rgba(255, 255, 255, .055);
  color: #dec9ff;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .075em;
  line-height: 1.25;
  text-transform: uppercase;
}

#pfl-leasing-root .pfl-lease-employment__eyebrow span {
  width: 8px;
  height: 8px;
  border-radius: 99px;
  background: #c59cff;
  box-shadow: 0 0 0 5px rgba(197, 156, 255, .1);
}

#pfl-leasing-root .pfl-lease-employment__intro h2 {
  max-width: 800px;
  margin: 16px auto 14px;
  color: #fff;
  font-family: 'Poppins', 'Inter', ui-sans-serif, system-ui, sans-serif;
  font-size: clamp(34px, 4.4vw, 56px);
  font-weight: 880;
  letter-spacing: -.055em;
  line-height: 1.07;
}

#pfl-leasing-root .pfl-lease-employment__intro h2 strong {
  background: linear-gradient(92deg, #37df9b 0%, #42a5ff 55%, #c59cff 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  font-weight: inherit;
}

#pfl-leasing-root .pfl-lease-employment__intro p {
  max-width: 780px;
  margin: 0 auto;
  color: #a9b8ca;
  font-size: clamp(16px, 1.5vw, 18px);
  line-height: 1.62;
}

#pfl-leasing-root .pfl-lease-employment__layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(390px, .92fr);
  align-items: stretch;
  gap: 20px;
}

#pfl-leasing-root .pfl-lease-employment__controls,
#pfl-leasing-root .pfl-lease-employment__result {
  min-width: 0;
  padding: clamp(22px, 3vw, 32px);
  border: 1px solid rgba(157, 179, 204, .2);
  border-radius: 25px;
  background: rgba(255, 255, 255, .052);
  backdrop-filter: blur(12px);
}

#pfl-leasing-root .pfl-lease-employment__result {
  background: linear-gradient(155deg, rgba(255, 255, 255, .08), rgba(255, 255, 255, .035));
  box-shadow: inset 0 1px rgba(255, 255, 255, .04), 0 20px 55px rgba(0, 0, 0, .16);
}

#pfl-leasing-root .pfl-lease-employment__panel-heading {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 25px;
}

#pfl-leasing-root .pfl-lease-employment__panel-heading > span {
  display: grid;
  width: 40px;
  height: 40px;
  flex: 0 0 40px;
  place-items: center;
  border: 1px solid rgba(66, 165, 255, .28);
  border-radius: 13px;
  background: rgba(66, 165, 255, .1);
  color: #75bdff;
  font-size: 12px;
  font-weight: 950;
}

#pfl-leasing-root .pfl-lease-employment__panel-heading--result > span {
  border-color: rgba(55, 223, 155, .3);
  background: rgba(55, 223, 155, .1);
  color: #57e4aa;
}

#pfl-leasing-root .pfl-lease-employment__panel-heading strong,
#pfl-leasing-root .pfl-lease-employment__panel-heading small {
  display: block;
}

#pfl-leasing-root .pfl-lease-employment__panel-heading strong {
  color: #f7fbff;
  font-size: 17px;
  font-weight: 850;
  line-height: 1.3;
}

#pfl-leasing-root .pfl-lease-employment__panel-heading small {
  margin-top: 3px;
  color: #8294aa;
  font-size: 12px;
  line-height: 1.35;
}

#pfl-leasing-root .pfl-lease-employment__field + .pfl-lease-employment__field {
  margin-top: 22px;
}

#pfl-leasing-root .pfl-lease-employment__field label {
  display: block;
  margin-bottom: 9px;
  color: #d8e2ed;
  font-size: 14px;
  font-weight: 780;
  line-height: 1.35;
}

#pfl-leasing-root .pfl-lease-employment__field > small {
  display: block;
  margin-top: 8px;
  color: #8fa1b6;
  font-size: 12px;
  line-height: 1.45;
}

#pfl-leasing-root .pfl-lease-employment__input-wrap {
  position: relative;
}

#pfl-leasing-root .pfl-lease-employment__input-wrap input {
  width: 100%;
  min-height: 54px;
  padding: 12px 62px 12px 15px;
  border: 1px solid rgba(167, 188, 211, .28);
  border-radius: 14px;
  outline: none;
  background: rgba(2, 13, 27, .55);
  color: #fff;
  font: 800 18px/1.3 'Inter', ui-sans-serif, system-ui, sans-serif;
  -moz-appearance: textfield;
}

#pfl-leasing-root .pfl-lease-employment__input-wrap input::-webkit-inner-spin-button,
#pfl-leasing-root .pfl-lease-employment__input-wrap input::-webkit-outer-spin-button {
  margin: 0;
  -webkit-appearance: none;
}

#pfl-leasing-root .pfl-lease-employment__input-wrap input:focus-visible {
  border-color: #57e4aa;
  box-shadow: 0 0 0 4px rgba(87, 228, 170, .16);
}

#pfl-leasing-root .pfl-lease-employment__input-wrap > span {
  position: absolute;
  top: 50%;
  right: 15px;
  color: #7f92a8;
  font-size: 13px;
  font-weight: 850;
  transform: translateY(-50%);
  pointer-events: none;
}

#pfl-leasing-root .pfl-lease-employment__range-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
}

#pfl-leasing-root .pfl-lease-employment__range-head label {
  margin: 0;
}

#pfl-leasing-root .pfl-lease-employment__range-head output {
  color: #57e4aa;
  font-size: 18px;
  font-weight: 900;
}

#pfl-leasing-root .pfl-lease-employment input[type='range'] {
  width: 100%;
  height: 5px;
  margin: 18px 0 7px;
  border: 0;
  border-radius: 999px;
  outline: none;
  background: linear-gradient(90deg, #37df9b var(--val, 50%), rgba(255,255,255,.15) var(--val, 50%));
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
}

#pfl-leasing-root .pfl-lease-employment input[type='range']::-webkit-slider-thumb {
  width: 22px;
  height: 22px;
  border: 4px solid #fff;
  border-radius: 50%;
  background: #19bb7b;
  box-shadow: 0 0 0 4px rgba(25, 187, 123, .2);
  -webkit-appearance: none;
}

#pfl-leasing-root .pfl-lease-employment input[type='range']::-moz-range-thumb {
  width: 15px;
  height: 15px;
  border: 4px solid #fff;
  border-radius: 50%;
  background: #19bb7b;
  box-shadow: 0 0 0 4px rgba(25, 187, 123, .2);
}

#pfl-leasing-root .pfl-lease-employment input[type='range']:focus-visible {
  box-shadow: 0 0 0 4px rgba(87, 228, 170, .2);
}

#pfl-leasing-root .pfl-lease-employment__range-scale {
  display: flex;
  justify-content: space-between;
  color: #75889f;
  font-size: 12px;
  font-weight: 700;
}

#pfl-leasing-root .pfl-lease-employment__conditions {
  margin-top: 24px;
  padding: 17px;
  border: 1px solid rgba(197, 156, 255, .17);
  border-radius: 16px;
  background: rgba(197, 156, 255, .06);
}

#pfl-leasing-root .pfl-lease-employment__conditions > strong {
  display: block;
  margin-bottom: 11px;
  color: #dec9ff;
  font-size: 13px;
  font-weight: 850;
}

#pfl-leasing-root .pfl-lease-employment__conditions ul {
  display: grid;
  gap: 9px;
  margin: 0;
  padding: 0;
  list-style: none;
}

#pfl-leasing-root .pfl-lease-employment__conditions li {
  display: flex;
  align-items: flex-start;
  gap: 9px;
  color: #b9c6d5;
  font-size: 13px;
  line-height: 1.45;
}

#pfl-leasing-root .pfl-lease-employment__conditions li span {
  color: #57e4aa;
  font-weight: 950;
}

#pfl-leasing-root .pfl-lease-employment__hero-result {
  padding: 22px;
  border: 1px solid rgba(55, 223, 155, .25);
  border-radius: 19px;
  background: linear-gradient(135deg, rgba(55, 223, 155, .12), rgba(66, 165, 255, .08));
}

#pfl-leasing-root .pfl-lease-employment__hero-result > span {
  display: block;
  max-width: 390px;
  color: #9fb0c3;
  font-size: 13px;
  font-weight: 750;
  line-height: 1.4;
}

#pfl-leasing-root .pfl-lease-employment__hero-result > div {
  display: flex;
  align-items: baseline;
  gap: 8px;
  margin-top: 5px;
}

#pfl-leasing-root .pfl-lease-employment__hero-result strong {
  background: linear-gradient(90deg, #52e2a9, #82c5ff);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  font-size: clamp(42px, 5vw, 62px);
  font-weight: 950;
  letter-spacing: -.045em;
  line-height: 1;
}

#pfl-leasing-root .pfl-lease-employment__hero-result b {
  color: #91a3b7;
  font-size: 16px;
  font-weight: 850;
}

#pfl-leasing-root .pfl-lease-employment__hero-result p {
  display: inline-flex;
  margin: 14px 0 0;
  padding: 7px 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 850;
  line-height: 1.35;
}

#pfl-leasing-root .pfl-lease-employment__hero-result p.is-positive {
  background: rgba(55, 223, 155, .13);
  color: #65eab4;
}

#pfl-leasing-root .pfl-lease-employment__hero-result p.is-gap {
  background: rgba(255, 126, 126, .13);
  color: #ffaaa7;
}

#pfl-leasing-root .pfl-lease-employment__breakdown {
  display: grid;
  gap: 1px;
  margin: 17px 0 0;
  overflow: hidden;
  border: 1px solid rgba(157, 179, 204, .16);
  border-radius: 16px;
  background: rgba(157, 179, 204, .16);
}

#pfl-leasing-root .pfl-lease-employment__breakdown > div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 16px;
  min-height: 53px;
  padding: 11px 13px;
  background: rgba(3, 16, 32, .7);
}

#pfl-leasing-root .pfl-lease-employment__breakdown dt {
  color: #aebccd;
  font-size: 13px;
  font-weight: 650;
  line-height: 1.35;
}

#pfl-leasing-root .pfl-lease-employment__breakdown dt small {
  display: block;
  margin-top: 2px;
  color: #71849b;
  font-size: 11px;
}

#pfl-leasing-root .pfl-lease-employment__breakdown dd {
  margin: 0;
  color: #fff;
  font-size: 14px;
  font-weight: 850;
  white-space: nowrap;
}

#pfl-leasing-root .pfl-lease-employment__decision {
  display: flex;
  align-items: flex-start;
  gap: 11px;
  margin: 17px 0;
  padding: 14px;
  border: 1px solid rgba(117, 189, 255, .18);
  border-radius: 15px;
  background: rgba(66, 165, 255, .07);
}

#pfl-leasing-root .pfl-lease-employment__decision > span {
  display: grid;
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  place-items: center;
  border-radius: 8px;
  background: rgba(66, 165, 255, .15);
  color: #82c5ff;
  font-size: 13px;
  font-weight: 950;
}

#pfl-leasing-root .pfl-lease-employment__decision p {
  margin: 0;
  color: #9fb0c3;
  font-size: 12px;
  line-height: 1.5;
}

#pfl-leasing-root .pfl-lease-employment__decision strong {
  color: #e6eef7;
}

#pfl-leasing-root button.pfl-lease-employment__cta,
#pfl-leasing-root button.pfl-lease-employment__cta:hover,
#pfl-leasing-root button.pfl-lease-employment__cta:focus {
  display: flex;
  width: 100%;
  min-height: 54px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 13px 18px;
  border: 1px solid #20be7e !important;
  border-radius: 14px;
  background: #18ad70 !important;
  color: #fff !important;
  font-size: 14px;
  font-weight: 850;
  line-height: 1.3;
  box-shadow: 0 13px 30px rgba(24, 173, 112, .2);
  cursor: pointer;
}

#pfl-leasing-root button.pfl-lease-employment__cta:hover,
#pfl-leasing-root button.pfl-lease-employment__cta:focus-visible {
  border-color: #67edb8 !important;
  background: #0d945e !important;
  box-shadow: 0 0 0 4px rgba(87, 228, 170, .16), 0 15px 34px rgba(24, 173, 112, .26);
}

#pfl-leasing-root .pfl-lease-employment__cta svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}

#pfl-leasing-root .pfl-lease-employment__legal {
  margin: 11px 0 0;
  color: #71849b;
  font-size: 12px;
  line-height: 1.5;
  text-align: center;
}

@media (max-width: 960px) {
  #pfl-leasing-root .pfl-lease-employment__layout {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 620px) {
  #pfl-leasing-root .pfl-lease-employment {
    padding: 28px 18px;
    border-radius: 26px;
  }
  #pfl-leasing-root .pfl-lease-employment__controls,
  #pfl-leasing-root .pfl-lease-employment__result {
    padding: 21px 16px;
    border-radius: 20px;
  }
  #pfl-leasing-root .pfl-lease-employment__breakdown > div {
    grid-template-columns: 1fr;
    gap: 4px;
  }
  #pfl-leasing-root .pfl-lease-employment__breakdown dd {
    white-space: normal;
  }
}

@media (prefers-reduced-motion: reduce) {
  #pfl-leasing-root .pfl-lease-employment__cta,
  #pfl-leasing-root .pfl-lease-employment input {
    transition: none;
  }
}

@media (forced-colors: active) {
  #pfl-leasing-root .pfl-lease-employment__intro h2 strong,
  #pfl-leasing-root .pfl-lease-employment__hero-result strong {
    color: CanvasText;
    -webkit-text-fill-color: CanvasText;
  }
  #pfl-leasing-root .pfl-lease-employment input[type='range'] {
    border: 1px solid CanvasText;
  }
}

/* ─────────────────────────────────────────────────────────────────────────────
   1.17.499 — Sekcja „Jak działa model operatorowy” (archetyp S3: proces
   w jednym panelu). Zastępuje .pfl-lease-process.

   Standard 2026 v1.1: §8 tokeny, §10A.1 S3, §10A.2 motion signature,
   §10A.3 modal procesu, §12 dostępność (min. 14 px mikro, 16 px tekst).
   ───────────────────────────────────────────────────────────────────────────── */

#pfl-leasing-root .pfl-lease-journey {
  --flow-ink: #10213E;
  --flow-copy: #45556F;
  --flow-muted: #5E6B82;
  --flow-line: #E2E8F0;
  --flow-green: #00A859;
  --flow-cta: #00804F;
  --flow-cta-hover: #006F43;
  --flow-navy: #071734;
  --flow-blue: #2563EB;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: clamp(30px, 5vw, 68px);
  border: 1px solid #DFE7ED;
  border-radius: clamp(28px, 4vw, 44px);
  background: linear-gradient(135deg, rgba(255,255,255,.98), rgba(247,250,251,.96)), #F7FAFB;
  box-shadow: 0 30px 80px rgba(16,39,64,.09);
  color: var(--flow-copy);
}

#pfl-leasing-root .pfl-lease-journey::before {
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  width: 42%;
  height: 5px;
  border-radius: 0 0 0 999px;
  background: linear-gradient(90deg, transparent, #46DBA4 42%, #268FF0);
  content: '';
}

#pfl-leasing-root .pfl-lease-journey__aura {
  position: absolute;
  z-index: -1;
  display: block;
  border-radius: 999px;
  pointer-events: none;
  filter: blur(2px);
  opacity: .5;
}

#pfl-leasing-root .pfl-lease-journey__aura--a {
  top: -190px;
  right: -170px;
  width: 380px;
  height: 380px;
  background: radial-gradient(circle, rgba(0,168,89,.16), transparent 68%);
}

#pfl-leasing-root .pfl-lease-journey__aura--b {
  bottom: -220px;
  left: -180px;
  width: 420px;
  height: 420px;
  background: radial-gradient(circle, rgba(37,99,235,.12), transparent 70%);
}

/* Ambient — 6 s, do 8 px, zatrzymywany poza viewportem przez [data-journey-ambient] */
#pfl-leasing-root .pfl-lease-journey[data-journey-ambient='on'] .pfl-lease-journey__aura--a {
  animation: pfl-journey-drift 6s ease-in-out infinite alternate;
}

#pfl-leasing-root .pfl-lease-journey[data-journey-ambient='on'] .pfl-lease-journey__aura--b {
  animation: pfl-journey-drift 7s ease-in-out infinite alternate-reverse;
}

@keyframes pfl-journey-drift {
  from { transform: translate3d(0, 0, 0); }
  to   { transform: translate3d(6px, -8px, 0); }
}

/* ── Nagłówek sekcji ───────────────────────────────────────────────────────── */

#pfl-leasing-root .pfl-lease-journey__intro {
  max-width: 62ch;
  margin-bottom: clamp(28px, 3.5vw, 44px);
}

#pfl-leasing-root .pfl-lease-journey__eyebrow {
  display: inline-flex;
  gap: 8px;
  align-items: center;
  margin-bottom: 18px;
  padding: 9px 16px;
  border: 1px solid rgba(0,168,89,.28);
  border-radius: 999px;
  background: rgba(0,168,89,.10);
  color: #056B3B;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
}

#pfl-leasing-root .pfl-lease-journey__eyebrow svg {
  width: 16px;
  height: 16px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

#pfl-leasing-root .pfl-lease-journey__intro h2 {
  margin: 0 0 16px;
  color: var(--flow-ink);
  font-size: clamp(32px, 3.5vw, 48px);
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: -.03em;
}

#pfl-leasing-root .pfl-lease-journey__intro h2 strong {
  display: block;
  background: linear-gradient(96deg, #00A859, #2563EB);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  font-weight: 700;
}

#pfl-leasing-root .pfl-lease-journey__lead {
  margin: 0 0 22px;
  font-size: 18px;
  line-height: 1.55;
  color: var(--flow-copy);
}

#pfl-leasing-root .pfl-lease-journey__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

#pfl-leasing-root .pfl-lease-journey__chips li {
  display: inline-flex;
  gap: 8px;
  align-items: center;
  padding: 9px 15px;
  border: 1px solid var(--flow-line);
  border-radius: 999px;
  background: #fff;
  color: var(--flow-ink);
  font-size: 15px;
  font-weight: 600;
}

#pfl-leasing-root .pfl-lease-journey__chips span {
  color: var(--flow-cta);
  font-weight: 800;
}

/* ── Układ ─────────────────────────────────────────────────────────────────── */

#pfl-leasing-root .pfl-lease-journey__layout {
  display: grid;
  grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr);
  gap: clamp(20px, 2.6vw, 34px);
  align-items: start;
}

#pfl-leasing-root .pfl-lease-journey__track {
  position: relative;
  display: grid;
  gap: 16px;
}

#pfl-leasing-root .pfl-lease-journey__rail {
  position: absolute;
  top: 30px;
  bottom: 30px;
  left: 27px;
  width: 3px;
  border-radius: 999px;
  background: var(--flow-line);
  overflow: hidden;
}

#pfl-leasing-root .pfl-lease-journey__rail i {
  display: block;
  width: 100%;
  height: 0;
  border-radius: 999px;
  background: linear-gradient(180deg, #00A859, #2563EB);
  transition: height 900ms cubic-bezier(.2,.8,.2,1);
}

/* ── Etap ──────────────────────────────────────────────────────────────────── */

#pfl-leasing-root .pfl-lease-journey__stage {
  position: relative;
  display: grid;
  grid-template-columns: 56px minmax(0, 1fr);
  gap: 16px;
  padding: 22px;
  border: 1px solid var(--flow-line);
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 12px 30px rgba(16,33,62,.05);
  transition: opacity 420ms ease, transform 420ms cubic-bezier(.2,.8,.2,1), border-color 260ms ease, box-shadow 260ms ease;
}

/* Progresywne ulepszanie: przygaszenie startowe TYLKO gdy JS przejal kontrole.
   Bez JS albo przy bledzie zasobu sekcja jest od razu w pelni czytelna. */
#pfl-leasing-root .pfl-lease-journey[data-journey-anim='js'] .pfl-lease-journey__stage {
  opacity: .58;
  transform: translateY(10px);
}

#pfl-leasing-root .pfl-lease-journey__stage[data-journey-state='active'],
#pfl-leasing-root .pfl-lease-journey__stage[data-journey-state='done'] {
  opacity: 1;
  transform: none;
}

#pfl-leasing-root .pfl-lease-journey__stage[data-journey-state='active'] {
  border-color: rgba(0,168,89,.42);
  box-shadow: 0 18px 44px rgba(0,120,74,.13);
}

#pfl-leasing-root .pfl-lease-journey__marker {
  position: relative;
  display: grid;
  place-items: center;
  width: 56px;
  height: 56px;
  border: 1px solid var(--flow-line);
  border-radius: 18px;
  background: #F4F8FA;
  color: var(--flow-ink);
  transition: background 300ms ease, border-color 300ms ease, color 300ms ease;
}

#pfl-leasing-root .pfl-lease-journey__marker-num {
  font-size: 20px;
  font-weight: 800;
  transition: opacity 220ms ease;
}

#pfl-leasing-root .pfl-lease-journey__marker-check {
  position: absolute;
  width: 26px;
  height: 26px;
  fill: none;
  stroke: #fff;
  stroke-width: 2.6;
  stroke-linecap: round;
  stroke-linejoin: round;
  opacity: 0;
  transform: scale(.6);
  transition: opacity 260ms ease, transform 260ms cubic-bezier(.2,.8,.2,1);
}

#pfl-leasing-root .pfl-lease-journey__stage[data-journey-state='done'] .pfl-lease-journey__marker {
  border-color: transparent;
  background: linear-gradient(135deg, #00A859, #067F52);
  color: #fff;
}

#pfl-leasing-root .pfl-lease-journey__stage[data-journey-state='done'] .pfl-lease-journey__marker-num { opacity: 0; }
#pfl-leasing-root .pfl-lease-journey__stage[data-journey-state='done'] .pfl-lease-journey__marker-check { opacity: 1; transform: scale(1); }

#pfl-leasing-root .pfl-lease-journey__phase {
  display: block;
  margin-bottom: 6px;
  color: var(--flow-muted);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .05em;
  text-transform: uppercase;
}

#pfl-leasing-root .pfl-lease-journey__body h3 {
  margin: 0 0 8px;
  color: var(--flow-ink);
  font-size: 22px;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -.015em;
}

#pfl-leasing-root .pfl-lease-journey__body > p {
  margin: 0 0 14px;
  font-size: 16px;
  line-height: 1.6;
  color: var(--flow-copy);
}

#pfl-leasing-root .pfl-lease-journey__result {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  padding: 13px 15px;
  border: 1px solid rgba(0,168,89,.24);
  border-radius: 14px;
  background: rgba(0,168,89,.07);
}

#pfl-leasing-root .pfl-lease-journey__result > span {
  color: var(--flow-cta);
  font-size: 16px;
  font-weight: 800;
  line-height: 1.4;
}

#pfl-leasing-root .pfl-lease-journey__result p { margin: 0; }

#pfl-leasing-root .pfl-lease-journey__result-label {
  display: block;
  margin-bottom: 2px;
  color: #056B3B;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
}

#pfl-leasing-root .pfl-lease-journey__result strong {
  display: block;
  color: var(--flow-ink);
  font-size: 16px;
  font-weight: 700;
  line-height: 1.45;
}

#pfl-leasing-root button.pfl-lease-journey__more {
  display: inline-flex;
  gap: 8px;
  align-items: center;
  margin-top: 14px;
  padding: 11px 17px;
  border: 1px solid var(--flow-line);
  border-radius: 12px;
  background: #fff;
  color: var(--flow-ink) !important;
  font-size: 15px;
  font-weight: 700;
  cursor: pointer;
  transition: border-color 200ms ease, background 200ms ease, transform 200ms ease;
}

#pfl-leasing-root button.pfl-lease-journey__more:hover {
  border-color: rgba(0,168,89,.45);
  background: rgba(0,168,89,.06);
}

#pfl-leasing-root button.pfl-lease-journey__more svg {
  width: 16px;
  height: 16px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: transform 200ms ease;
}

#pfl-leasing-root button.pfl-lease-journey__more:hover svg { transform: translateX(3px); }

#pfl-leasing-root button.pfl-lease-journey__replay {
  display: inline-flex;
  gap: 8px;
  align-items: center;
  margin-top: 16px;
  padding: 10px 16px;
  border: 1px solid var(--flow-line);
  border-radius: 999px;
  background: #fff;
  color: var(--flow-muted) !important;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
}

#pfl-leasing-root button.pfl-lease-journey__replay svg {
  width: 15px;
  height: 15px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* ── Panel boczny (ciemny proof) ───────────────────────────────────────────── */

#pfl-leasing-root .pfl-lease-journey__side {
  position: sticky;
  top: 96px;
  padding: clamp(24px, 2.4vw, 32px);
  border-radius: 26px;
  background: linear-gradient(158deg, #071734 0%, #0C2A50 62%, #10395F 100%);
  color: #E4ECF6;
  box-shadow: 0 26px 60px rgba(7,23,52,.30);
}

#pfl-leasing-root .pfl-lease-journey__side-eyebrow {
  display: inline-flex;
  gap: 8px;
  align-items: center;
  margin-bottom: 14px;
  padding: 8px 14px;
  border: 1px solid rgba(0,168,89,.42);
  border-radius: 999px;
  background: rgba(0,168,89,.16);
  color: #7DE9B4;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
}

#pfl-leasing-root .pfl-lease-journey__side-eyebrow svg {
  width: 15px;
  height: 15px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

#pfl-leasing-root .pfl-lease-journey__side h3 {
  margin: 0 0 8px;
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.28;
  letter-spacing: -.02em;
}

#pfl-leasing-root .pfl-lease-journey__side-lead {
  margin: 0 0 20px;
  font-size: 16px;
  line-height: 1.55;
  color: #BFD2E6;
}

#pfl-leasing-root .pfl-lease-journey__side-list {
  display: grid;
  gap: 10px;
  margin: 0 0 18px;
  padding: 0;
  list-style: none;
}

#pfl-leasing-root .pfl-lease-journey__side-list li {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  gap: 12px;
  align-items: start;
  padding: 14px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 16px;
  background: rgba(255,255,255,.06);
}

#pfl-leasing-root .pfl-lease-journey__side-list li > span {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 11px;
  background: rgba(0,168,89,.22);
  color: #7DE9B4;
  font-size: 15px;
  font-weight: 800;
}

#pfl-leasing-root .pfl-lease-journey__side-list p { margin: 0; }

#pfl-leasing-root .pfl-lease-journey__side-list strong {
  display: block;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.4;
}

#pfl-leasing-root .pfl-lease-journey__side-list p > span {
  display: block;
  margin-top: 3px;
  color: #B4C8DE;
  font-size: 14px;
  line-height: 1.45;
}

#pfl-leasing-root .pfl-lease-journey__gate {
  margin: 0 0 18px;
  padding: 14px 16px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 14px;
  background: rgba(255,255,255,.05);
  color: #C6D7E9;
  font-size: 14px;
  line-height: 1.5;
}

#pfl-leasing-root .pfl-lease-journey__gate strong { color: #fff; font-weight: 700; }

#pfl-leasing-root button.pfl-lease-journey__cta {
  display: inline-flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 54px;
  padding: 0 22px;
  border: 0;
  border-radius: 15px;
  background: var(--flow-cta);
  color: #fff !important;
  font-size: 17px;
  font-weight: 800;
  cursor: pointer;
  transition: background 200ms ease, transform 200ms ease;
}

#pfl-leasing-root button.pfl-lease-journey__cta:hover { background: var(--flow-cta-hover); }

#pfl-leasing-root button.pfl-lease-journey__cta svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.3;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: transform 200ms ease;
}

#pfl-leasing-root button.pfl-lease-journey__cta:hover svg { transform: translateX(3px); }

#pfl-leasing-root a.pfl-lease-journey__secondary {
  display: block;
  margin-top: 12px;
  padding: 12px;
  border: 1px solid rgba(255,255,255,.24);
  border-radius: 13px;
  color: #DCE9F7 !important;
  font-size: 15px;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  transition: background 200ms ease, border-color 200ms ease;
}

#pfl-leasing-root a.pfl-lease-journey__secondary:hover {
  border-color: rgba(255,255,255,.45);
  background: rgba(255,255,255,.08);
}

#pfl-leasing-root .pfl-lease-journey__legal {
  margin: 14px 0 0;
  color: #9FB5CD;
  font-size: 14px;
  line-height: 1.45;
  text-align: center;
}

/* ── Modal procesu (S11) ───────────────────────────────────────────────────── */

#pfl-leasing-root .pfl-lease-journey__modal {
  position: fixed;
  z-index: 2147483000;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 24px;
}

#pfl-leasing-root .pfl-lease-journey__modal[hidden] { display: none; }

#pfl-leasing-root .pfl-lease-journey__modal-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(7,23,52,.72);
  backdrop-filter: blur(6px);
  animation: pfl-journey-fade 220ms ease-out;
}

#pfl-leasing-root .pfl-lease-journey__modal-window {
  position: relative;
  display: flex;
  flex-direction: column;
  width: min(1160px, 100%);
  max-height: min(88vh, 900px);
  border-radius: 26px;
  background: #fff;
  box-shadow: 0 40px 100px rgba(7,23,52,.38);
  animation: pfl-journey-rise 260ms cubic-bezier(.2,.8,.2,1);
  overflow: hidden;
}

@keyframes pfl-journey-fade { from { opacity: 0; } to { opacity: 1; } }
@keyframes pfl-journey-rise { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }

#pfl-leasing-root .pfl-lease-journey__modal-head {
  display: flex;
  gap: 16px;
  align-items: flex-start;
  justify-content: space-between;
  padding: clamp(22px, 2.4vw, 30px) clamp(22px, 2.4vw, 32px) 16px;
  border-bottom: 1px solid var(--flow-line);
}

#pfl-leasing-root .pfl-lease-journey__modal-eyebrow {
  display: inline-block;
  margin-bottom: 8px;
  color: #056B3B;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .05em;
  text-transform: uppercase;
}

#pfl-leasing-root .pfl-lease-journey__modal-head h2 {
  margin: 0 0 6px;
  color: var(--flow-ink);
  font-size: clamp(24px, 2.6vw, 32px);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -.02em;
}

#pfl-leasing-root .pfl-lease-journey__modal-head h2:focus-visible {
  outline: 3px solid var(--flow-blue);
  outline-offset: 4px;
}

#pfl-leasing-root .pfl-lease-journey__modal-head p {
  margin: 0;
  font-size: 16px;
  line-height: 1.55;
  color: var(--flow-copy);
}

#pfl-leasing-root button.pfl-lease-journey__modal-close {
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  width: 46px;
  height: 46px;
  border: 1px solid var(--flow-line);
  border-radius: 13px;
  background: #fff;
  color: var(--flow-ink) !important;
  cursor: pointer;
  transition: background 180ms ease, border-color 180ms ease;
}

#pfl-leasing-root button.pfl-lease-journey__modal-close:hover { background: #F1F5F9; }

#pfl-leasing-root button.pfl-lease-journey__modal-close svg {
  width: 20px;
  height: 20px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.3;
  stroke-linecap: round;
}

#pfl-leasing-root .pfl-lease-journey__modal-steps {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 14px clamp(22px, 2.4vw, 32px);
  border-bottom: 1px solid var(--flow-line);
  background: #F8FAFC;
}

#pfl-leasing-root .pfl-lease-journey__modal-steps button {
  display: inline-flex;
  gap: 8px;
  align-items: center;
  padding: 10px 16px;
  border: 1px solid var(--flow-line);
  border-radius: 999px;
  background: #fff;
  color: var(--flow-copy) !important;
  font-size: 15px;
  font-weight: 700;
  cursor: pointer;
  transition: background 180ms ease, border-color 180ms ease, color 180ms ease;
}

#pfl-leasing-root .pfl-lease-journey__modal-steps button span {
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  border-radius: 8px;
  background: #EEF2F7;
  font-size: 14px;
  font-weight: 800;
}

#pfl-leasing-root .pfl-lease-journey__modal-steps button[aria-current='true'] {
  border-color: transparent;
  background: var(--flow-navy);
  color: #fff !important;
}

#pfl-leasing-root .pfl-lease-journey__modal-steps button[aria-current='true'] span {
  background: rgba(255,255,255,.18);
  color: #fff;
}

#pfl-leasing-root .pfl-lease-journey__modal-body {
  flex: 1 1 auto;
  padding: clamp(20px, 2.4vw, 30px) clamp(22px, 2.4vw, 32px);
  overflow-y: auto;
}

#pfl-leasing-root .pfl-lease-journey__modal-key {
  margin: 0 0 18px;
  padding: 16px 18px;
  border-left: 4px solid var(--flow-green);
  border-radius: 0 14px 14px 0;
  background: rgba(0,168,89,.07);
  color: var(--flow-ink);
  font-size: 17px;
  font-weight: 600;
  line-height: 1.55;
}

#pfl-leasing-root .pfl-lease-journey__modal-list {
  display: grid;
  gap: 12px;
  margin: 0 0 18px;
  padding: 0;
  list-style: none;
}

#pfl-leasing-root .pfl-lease-journey__modal-list li {
  padding: 15px 17px;
  border: 1px solid var(--flow-line);
  border-radius: 15px;
  background: #fff;
  font-size: 16px;
  line-height: 1.6;
  color: var(--flow-copy);
}

#pfl-leasing-root .pfl-lease-journey__modal-list strong { color: var(--flow-ink); font-weight: 700; }

#pfl-leasing-root .pfl-lease-journey__modal-compare {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 18px;
}

#pfl-leasing-root .pfl-lease-journey__modal-compare > div {
  padding: 17px;
  border: 1px solid var(--flow-line);
  border-radius: 17px;
  background: #F8FAFC;
}

#pfl-leasing-root .pfl-lease-journey__modal-compare p {
  margin: 10px 0 0;
  font-size: 16px;
  line-height: 1.55;
  color: var(--flow-copy);
}

#pfl-leasing-root .pfl-lease-journey__modal-tag {
  display: inline-block;
  padding: 7px 13px;
  border-radius: 999px;
  background: rgba(37,99,235,.12);
  color: #1D4ED8;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .03em;
  text-transform: uppercase;
}

#pfl-leasing-root .pfl-lease-journey__modal-tag--alt {
  background: rgba(0,168,89,.14);
  color: #056B3B;
}

#pfl-leasing-root .pfl-lease-journey__modal-note {
  margin: 0;
  padding: 14px 16px;
  border: 1px dashed #CBD5E1;
  border-radius: 14px;
  color: var(--flow-muted);
  font-size: 15px;
  line-height: 1.55;
}

#pfl-leasing-root .pfl-lease-journey__modal-foot {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  align-items: center;
  justify-content: space-between;
  padding: 16px clamp(22px, 2.4vw, 32px);
  border-top: 1px solid var(--flow-line);
  background: #fff;
}

#pfl-leasing-root .pfl-lease-journey__modal-foot p {
  margin: 0;
  color: var(--flow-muted);
  font-size: 15px;
  line-height: 1.5;
}

#pfl-leasing-root button.pfl-lease-journey__modal-cta {
  display: inline-flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
  min-height: 52px;
  padding: 0 26px;
  border: 0;
  border-radius: 14px;
  background: var(--flow-cta);
  color: #fff !important;
  font-size: 17px;
  font-weight: 800;
  cursor: pointer;
  transition: background 200ms ease;
}

#pfl-leasing-root button.pfl-lease-journey__modal-cta:hover { background: var(--flow-cta-hover); }

#pfl-leasing-root button.pfl-lease-journey__modal-cta svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.3;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* ── Fokus ─────────────────────────────────────────────────────────────────── */

#pfl-leasing-root .pfl-lease-journey :focus-visible {
  outline: 3px solid var(--flow-blue);
  outline-offset: 3px;
  border-radius: 10px;
}

#pfl-leasing-root .pfl-lease-journey__side :focus-visible {
  outline-color: #8FD9FF;
}

/* ── Responsywność ─────────────────────────────────────────────────────────── */

@media (max-width: 1040px) {
  #pfl-leasing-root .pfl-lease-journey__layout { grid-template-columns: minmax(0, 1fr); }
  #pfl-leasing-root .pfl-lease-journey__side { position: static; }
}

@media (max-width: 640px) {
  #pfl-leasing-root .pfl-lease-journey__stage {
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
    padding: 18px;
  }
  #pfl-leasing-root .pfl-lease-journey__rail { display: none; }
  #pfl-leasing-root .pfl-lease-journey__marker { width: 48px; height: 48px; }
  #pfl-leasing-root .pfl-lease-journey__aura--b { display: none; }
  #pfl-leasing-root .pfl-lease-journey__body h3 { font-size: 20px; }
  #pfl-leasing-root .pfl-lease-journey__modal { padding: 0; }
  #pfl-leasing-root .pfl-lease-journey__modal-window {
    width: 100%;
    max-width: none;
    height: 100dvh;
    max-height: 100dvh;
    border-radius: 0;
  }
  #pfl-leasing-root .pfl-lease-journey__modal-compare { grid-template-columns: minmax(0, 1fr); }
  #pfl-leasing-root .pfl-lease-journey__modal-foot { flex-direction: column; align-items: stretch; }
  #pfl-leasing-root button.pfl-lease-journey__modal-cta { width: 100%; }
}

/* ── Ograniczony ruch ──────────────────────────────────────────────────────── */

@media (prefers-reduced-motion: reduce) {
  #pfl-leasing-root .pfl-lease-journey__aura,
  #pfl-leasing-root .pfl-lease-journey[data-journey-ambient='on'] .pfl-lease-journey__aura--a,
  #pfl-leasing-root .pfl-lease-journey[data-journey-ambient='on'] .pfl-lease-journey__aura--b {
    animation: none !important;
  }
  #pfl-leasing-root .pfl-lease-journey__stage {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
  #pfl-leasing-root .pfl-lease-journey__rail i { transition: none !important; }
  #pfl-leasing-root .pfl-lease-journey__marker-check,
  #pfl-leasing-root .pfl-lease-journey__marker-num { transition: none !important; }
  #pfl-leasing-root .pfl-lease-journey__modal-backdrop,
  #pfl-leasing-root .pfl-lease-journey__modal-window { animation: none !important; }
  #pfl-leasing-root button.pfl-lease-journey__replay { display: none !important; }
}

/* ── Wymuszone kolory ──────────────────────────────────────────────────────── */

@media (forced-colors: active) {
  #pfl-leasing-root .pfl-lease-journey__stage,
  #pfl-leasing-root .pfl-lease-journey__side,
  #pfl-leasing-root .pfl-lease-journey__modal-window {
    border: 1px solid CanvasText;
  }
  #pfl-leasing-root .pfl-lease-journey__aura { display: none; }
  #pfl-leasing-root .pfl-lease-journey__stage { opacity: 1; transform: none; }
}

/* ── 1.17.502: re-asercja teł przycisków sekcji ────────────────────────────────
   assets/css/leasing.css zawiera generowany reset:
     #pfl-leasing-root button:not([class*="bg-"]) { background: transparent !important }
   o specyficzności 1,1,1 z priorytetem. Reguły sekcji (1,1,1 bez !important)
   przegrywały, przez co CTA i przyciski tracily tło. Re-asercja z tym samym
   priorytetem i wyższą specyficznością (1,2,1). */

#pfl-leasing-root .pfl-lease-journey button.pfl-lease-journey__cta,
#pfl-leasing-root .pfl-lease-journey button.pfl-lease-journey__modal-cta {
  background: var(--flow-cta) !important;
}

#pfl-leasing-root .pfl-lease-journey button.pfl-lease-journey__cta:hover,
#pfl-leasing-root .pfl-lease-journey button.pfl-lease-journey__modal-cta:hover {
  background: var(--flow-cta-hover) !important;
}

#pfl-leasing-root .pfl-lease-journey button.pfl-lease-journey__more,
#pfl-leasing-root .pfl-lease-journey button.pfl-lease-journey__replay,
#pfl-leasing-root .pfl-lease-journey button.pfl-lease-journey__modal-close,
#pfl-leasing-root .pfl-lease-journey .pfl-lease-journey__modal-steps button {
  background: #fff !important;
}

#pfl-leasing-root .pfl-lease-journey button.pfl-lease-journey__more:hover {
  background: rgba(0, 168, 89, .06) !important;
}

#pfl-leasing-root .pfl-lease-journey button.pfl-lease-journey__modal-close:hover {
  background: #F1F5F9 !important;
}

#pfl-leasing-root .pfl-lease-journey .pfl-lease-journey__modal-steps button[aria-current='true'] {
  background: var(--flow-navy) !important;
}

/* ─────────────────────────────────────────────────────────────────────────────
   1.17.503 — Sekcja „Cesja leasingu przy zamykaniu JDG” (archetyp S1:
   lustrzane strony współpracy). Zastępuje sekcję „Przejście z JDG do Profilio”.

   Standard 2026 v1.1:
     §10A tryb „Firma / organizacja” → kolor prowadzący kobalt/błękit
       (zieleń zarezerwowana dla wykonawcy i stanów potwierdzonych),
     §10A.1 S1, §10A rytm — sekcja jasna, bo następna jest ciemna,
     §12 dostępność: mikro ≥ 14 px, tekst ≥ 16 px.
   ───────────────────────────────────────────────────────────────────────────── */

#pfl-leasing-root .pfl-lease-cesja {
  --cesja-ink: #10213E;
  --cesja-copy: #45556F;
  --cesja-muted: #5E6B82;
  --cesja-line: #E2E8F0;
  --cesja-blue: #2563EB;
  --cesja-cta: #2452D6;
  --cesja-cta-hover: #1D42AC;
  --cesja-violet: #6B3FD4;
  position: relative;
  padding-top: clamp(40px, 5vw, 64px);
  border-top: 1px solid var(--cesja-line);
  color: var(--cesja-copy);
}

/* ── Nagłówek ──────────────────────────────────────────────────────────────── */

#pfl-leasing-root .pfl-lease-cesja__intro {
  max-width: 68ch;
  margin-bottom: clamp(26px, 3.2vw, 40px);
}

#pfl-leasing-root .pfl-lease-cesja__eyebrow {
  display: inline-block;
  margin-bottom: 16px;
  padding: 9px 16px;
  border: 1px solid rgba(37, 99, 235, .26);
  border-radius: 999px;
  background: rgba(37, 99, 235, .08);
  color: #1D4ED8;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .05em;
  text-transform: uppercase;
}

#pfl-leasing-root .pfl-lease-cesja__intro h2 {
  margin: 0 0 14px;
  color: var(--cesja-ink);
  font-size: clamp(32px, 3.5vw, 48px);
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: -.03em;
}

#pfl-leasing-root .pfl-lease-cesja__intro h2 strong {
  display: block;
  color: var(--cesja-blue);
  font-weight: 700;
}

#pfl-leasing-root .pfl-lease-cesja__lead {
  margin: 0 0 20px;
  font-size: 18px;
  line-height: 1.55;
}

#pfl-leasing-root .pfl-lease-cesja__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

#pfl-leasing-root .pfl-lease-cesja__chips li {
  padding: 9px 15px;
  border: 1px solid var(--cesja-line);
  border-radius: 999px;
  background: #fff;
  color: var(--cesja-ink);
  font-size: 15px;
  font-weight: 600;
}

/* ── Lustrzane strony ──────────────────────────────────────────────────────── */

#pfl-leasing-root .pfl-lease-cesja__mirror {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 92px minmax(0, 1fr);
  align-items: stretch;
  margin-bottom: clamp(20px, 2.6vw, 30px);
}

#pfl-leasing-root .pfl-lease-cesja__side {
  padding: clamp(22px, 2.4vw, 30px);
  border: 1px solid var(--cesja-line);
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 14px 36px rgba(16, 33, 62, .06);
  opacity: 0;
  transform: translateY(12px);
  transition: opacity 480ms ease, transform 480ms cubic-bezier(.2, .8, .2, 1);
}

#pfl-leasing-root .pfl-lease-cesja:not([data-cesja-anim='js']) .pfl-lease-cesja__side,
#pfl-leasing-root .pfl-lease-cesja[data-cesja-state='in'] .pfl-lease-cesja__side {
  opacity: 1;
  transform: none;
}

#pfl-leasing-root .pfl-lease-cesja[data-cesja-state='in'] .pfl-lease-cesja__side--operator {
  transition-delay: 220ms;
}

#pfl-leasing-root .pfl-lease-cesja__side--operator {
  border-color: rgba(37, 99, 235, .28);
  background: linear-gradient(168deg, #F7F9FF, #FFFFFF 58%);
}

#pfl-leasing-root .pfl-lease-cesja__tag {
  display: inline-block;
  margin-bottom: 12px;
  padding: 7px 14px;
  border-radius: 999px;
  background: #EEF2F7;
  color: #3B4A63;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
}

#pfl-leasing-root .pfl-lease-cesja__tag--alt {
  background: rgba(37, 99, 235, .12);
  color: #1D4ED8;
}

#pfl-leasing-root .pfl-lease-cesja__side h3 {
  margin: 0 0 16px;
  color: var(--cesja-ink);
  font-size: 22px;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -.015em;
}

#pfl-leasing-root .pfl-lease-cesja__list {
  display: grid;
  gap: 12px;
  margin: 0 0 16px;
  padding: 0;
  list-style: none;
}

#pfl-leasing-root .pfl-lease-cesja__list li {
  padding: 14px 16px;
  border: 1px solid var(--cesja-line);
  border-radius: 15px;
  background: #FBFCFE;
}

#pfl-leasing-root .pfl-lease-cesja__list strong {
  display: block;
  margin-bottom: 3px;
  color: var(--cesja-ink);
  font-size: 16px;
  font-weight: 700;
  line-height: 1.4;
}

#pfl-leasing-root .pfl-lease-cesja__list span {
  display: block;
  font-size: 16px;
  line-height: 1.55;
  color: var(--cesja-copy);
}

#pfl-leasing-root .pfl-lease-cesja__hint {
  margin: 0;
  padding: 13px 15px;
  border-left: 3px solid var(--cesja-blue);
  border-radius: 0 12px 12px 0;
  background: rgba(37, 99, 235, .06);
  color: #33425C;
  font-size: 15px;
  line-height: 1.55;
}

/* ── Strzałka cesji ────────────────────────────────────────────────────────── */

#pfl-leasing-root .pfl-lease-cesja__transfer {
  position: relative;
  display: grid;
  place-items: center;
  gap: 8px;
  align-content: center;
}

#pfl-leasing-root .pfl-lease-cesja__transfer-line {
  position: absolute;
  top: 50%;
  right: 8px;
  left: 8px;
  height: 2px;
  background: repeating-linear-gradient(90deg, rgba(37, 99, 235, .35) 0 7px, transparent 7px 14px);
}

#pfl-leasing-root .pfl-lease-cesja__transfer-badge {
  position: relative;
  z-index: 1;
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border-radius: 999px;
  background: var(--cesja-blue);
  box-shadow: 0 10px 24px rgba(37, 99, 235, .28);
}

#pfl-leasing-root .pfl-lease-cesja[data-cesja-state='in'] .pfl-lease-cesja__transfer-badge {
  animation: pfl-cesja-slide 620ms cubic-bezier(.2, .8, .2, 1) 300ms both;
}

@keyframes pfl-cesja-slide {
  from { transform: translateX(-18px); opacity: 0; }
  to   { transform: translateX(0); opacity: 1; }
}

#pfl-leasing-root .pfl-lease-cesja__transfer-badge svg {
  width: 22px;
  height: 22px;
  fill: none;
  stroke: #fff;
  stroke-width: 2.4;
  stroke-linecap: round;
  stroke-linejoin: round;
}

#pfl-leasing-root .pfl-lease-cesja__transfer-label {
  position: relative;
  z-index: 1;
  padding: 4px 10px;
  border-radius: 999px;
  background: #fff;
  color: #1D4ED8;
  font-size: 14px;
  font-weight: 700;
  white-space: nowrap;
}

/* ── Domknięcie ────────────────────────────────────────────────────────────── */

#pfl-leasing-root .pfl-lease-cesja__close {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
  gap: clamp(20px, 2.6vw, 32px);
  align-items: center;
  padding: clamp(22px, 2.6vw, 32px);
  border: 1px solid rgba(107, 63, 212, .22);
  border-radius: 24px;
  background: linear-gradient(140deg, #FAF8FF, #F5F8FF 62%, #FFFFFF);
}

#pfl-leasing-root .pfl-lease-cesja__close-eyebrow {
  display: inline-block;
  margin-bottom: 10px;
  color: #5B32BE;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .05em;
  text-transform: uppercase;
}

#pfl-leasing-root .pfl-lease-cesja__close h3 {
  margin: 0 0 10px;
  color: var(--cesja-ink);
  font-size: 22px;
  font-weight: 700;
  line-height: 1.3;
}

#pfl-leasing-root .pfl-lease-cesja__close p {
  margin: 0;
  font-size: 16px;
  line-height: 1.6;
}

#pfl-leasing-root .pfl-lease-cesja__actions {
  display: grid;
  gap: 10px;
}

#pfl-leasing-root button.pfl-lease-cesja__cta {
  display: inline-flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
  min-height: 54px;
  padding: 0 22px;
  border: 0;
  border-radius: 15px;
  background: var(--cesja-cta) !important;
  color: #fff !important;
  font-size: 17px;
  font-weight: 800;
  cursor: pointer;
  transition: background 200ms ease;
}

#pfl-leasing-root button.pfl-lease-cesja__cta:hover { background: var(--cesja-cta-hover) !important; }

#pfl-leasing-root button.pfl-lease-cesja__more {
  display: inline-flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
  min-height: 50px;
  padding: 0 20px;
  border: 1px solid rgba(37, 99, 235, .34);
  border-radius: 14px;
  background: #fff !important;
  color: #1D4ED8 !important;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
  transition: background 200ms ease, border-color 200ms ease;
}

#pfl-leasing-root button.pfl-lease-cesja__more:hover {
  border-color: rgba(37, 99, 235, .55);
  background: rgba(37, 99, 235, .06) !important;
}

#pfl-leasing-root button.pfl-lease-cesja__cta svg,
#pfl-leasing-root button.pfl-lease-cesja__more svg,
#pfl-leasing-root button.pfl-lease-cesja__modal-cta svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.3;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: transform 200ms ease;
}

#pfl-leasing-root button.pfl-lease-cesja__cta:hover svg,
#pfl-leasing-root button.pfl-lease-cesja__more:hover svg { transform: translateX(3px); }

#pfl-leasing-root a.pfl-lease-cesja__link {
  padding: 6px 2px;
  color: #33425C !important;
  font-size: 15px;
  font-weight: 700;
  text-align: center;
  text-decoration: underline;
  text-underline-offset: 3px;
}

#pfl-leasing-root a.pfl-lease-cesja__link:hover { color: var(--cesja-blue) !important; }

/* ── Modal ─────────────────────────────────────────────────────────────────── */

#pfl-leasing-root .pfl-lease-cesja__modal {
  position: fixed;
  z-index: 2147483000;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 24px;
}

#pfl-leasing-root .pfl-lease-cesja__modal[hidden] { display: none; }

#pfl-leasing-root .pfl-lease-cesja__modal-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(7, 23, 52, .72);
  backdrop-filter: blur(6px);
}

#pfl-leasing-root .pfl-lease-cesja__modal-window {
  position: relative;
  display: flex;
  flex-direction: column;
  width: min(1000px, 100%);
  max-height: min(88vh, 860px);
  border-radius: 26px;
  background: #fff;
  box-shadow: 0 40px 100px rgba(7, 23, 52, .38);
  overflow: hidden;
  animation: pfl-cesja-rise 260ms cubic-bezier(.2, .8, .2, 1);
}

@keyframes pfl-cesja-rise {
  from { opacity: 0; transform: translateY(10px); }
  to   { opacity: 1; transform: none; }
}

#pfl-leasing-root .pfl-lease-cesja__modal-head {
  display: flex;
  gap: 16px;
  align-items: flex-start;
  justify-content: space-between;
  padding: clamp(22px, 2.4vw, 30px) clamp(22px, 2.4vw, 32px) 16px;
  border-bottom: 1px solid var(--cesja-line);
}

#pfl-leasing-root .pfl-lease-cesja__modal-eyebrow {
  display: inline-block;
  margin-bottom: 8px;
  color: #1D4ED8;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .05em;
  text-transform: uppercase;
}

#pfl-leasing-root .pfl-lease-cesja__modal-head h2 {
  margin: 0 0 6px;
  color: var(--cesja-ink);
  font-size: clamp(24px, 2.6vw, 30px);
  font-weight: 700;
  line-height: 1.2;
}

#pfl-leasing-root .pfl-lease-cesja__modal-head h2:focus-visible {
  outline: 3px solid var(--cesja-blue);
  outline-offset: 4px;
}

#pfl-leasing-root .pfl-lease-cesja__modal-head p {
  margin: 0;
  font-size: 16px;
  line-height: 1.55;
}

#pfl-leasing-root button.pfl-lease-cesja__modal-close {
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  width: 46px;
  height: 46px;
  border: 1px solid var(--cesja-line);
  border-radius: 13px;
  background: #fff !important;
  color: var(--cesja-ink) !important;
  cursor: pointer;
}

#pfl-leasing-root button.pfl-lease-cesja__modal-close:hover { background: #F1F5F9 !important; }

#pfl-leasing-root button.pfl-lease-cesja__modal-close svg {
  width: 20px;
  height: 20px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.3;
  stroke-linecap: round;
}

#pfl-leasing-root .pfl-lease-cesja__modal-body {
  flex: 1 1 auto;
  padding: clamp(20px, 2.4vw, 28px) clamp(22px, 2.4vw, 32px);
  overflow-y: auto;
}

#pfl-leasing-root .pfl-lease-cesja__modal-steps {
  display: grid;
  gap: 12px;
  margin: 0 0 18px;
  padding: 0;
  list-style: none;
  counter-reset: cesja;
}

#pfl-leasing-root .pfl-lease-cesja__modal-steps li {
  position: relative;
  counter-increment: cesja;
  padding: 16px 18px 16px 62px;
  border: 1px solid var(--cesja-line);
  border-radius: 16px;
  background: #FBFCFE;
}

#pfl-leasing-root .pfl-lease-cesja__modal-steps li::before {
  position: absolute;
  top: 16px;
  left: 18px;
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border-radius: 10px;
  background: rgba(37, 99, 235, .12);
  color: #1D4ED8;
  content: counter(cesja);
  font-size: 15px;
  font-weight: 800;
}

#pfl-leasing-root .pfl-lease-cesja__modal-steps strong {
  display: block;
  margin-bottom: 4px;
  color: var(--cesja-ink);
  font-size: 17px;
  font-weight: 700;
  line-height: 1.35;
}

#pfl-leasing-root .pfl-lease-cesja__modal-steps span {
  display: block;
  font-size: 16px;
  line-height: 1.55;
}

#pfl-leasing-root .pfl-lease-cesja__modal-note {
  margin: 0;
  padding: 16px 18px;
  border: 1px dashed #C7B7EE;
  border-radius: 15px;
  background: rgba(107, 63, 212, .05);
  color: #33425C;
  font-size: 16px;
  line-height: 1.6;
}

#pfl-leasing-root .pfl-lease-cesja__modal-note strong { color: var(--cesja-ink); font-weight: 700; }

#pfl-leasing-root .pfl-lease-cesja__modal-foot {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  align-items: center;
  justify-content: space-between;
  padding: 16px clamp(22px, 2.4vw, 32px);
  border-top: 1px solid var(--cesja-line);
}

#pfl-leasing-root .pfl-lease-cesja__modal-foot p {
  margin: 0;
  color: var(--cesja-muted);
  font-size: 15px;
  line-height: 1.5;
}

#pfl-leasing-root button.pfl-lease-cesja__modal-cta {
  display: inline-flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
  min-height: 52px;
  padding: 0 26px;
  border: 0;
  border-radius: 14px;
  background: var(--cesja-cta) !important;
  color: #fff !important;
  font-size: 17px;
  font-weight: 800;
  cursor: pointer;
}

#pfl-leasing-root button.pfl-lease-cesja__modal-cta:hover { background: var(--cesja-cta-hover) !important; }

/* ── Fokus ─────────────────────────────────────────────────────────────────── */

#pfl-leasing-root .pfl-lease-cesja :focus-visible {
  outline: 3px solid var(--cesja-blue);
  outline-offset: 3px;
  border-radius: 10px;
}

/* ── Responsywność ─────────────────────────────────────────────────────────── */

@media (max-width: 1040px) {
  #pfl-leasing-root .pfl-lease-cesja__mirror { grid-template-columns: minmax(0, 1fr); gap: 14px; }
  #pfl-leasing-root .pfl-lease-cesja__transfer { flex-direction: row; padding: 4px 0; }
  #pfl-leasing-root .pfl-lease-cesja__transfer-line { top: 50%; right: 30%; left: 30%; }
  #pfl-leasing-root .pfl-lease-cesja__transfer-badge { transform: rotate(90deg); }
  #pfl-leasing-root .pfl-lease-cesja[data-cesja-state='in'] .pfl-lease-cesja__transfer-badge { animation: none; }
  #pfl-leasing-root .pfl-lease-cesja__close { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width: 640px) {
  #pfl-leasing-root .pfl-lease-cesja__side { padding: 18px; }
  #pfl-leasing-root .pfl-lease-cesja__side h3,
  #pfl-leasing-root .pfl-lease-cesja__close h3 { font-size: 20px; }
  #pfl-leasing-root .pfl-lease-cesja__modal { padding: 0; }
  #pfl-leasing-root .pfl-lease-cesja__modal-window {
    width: 100%;
    height: 100dvh;
    max-height: 100dvh;
    border-radius: 0;
  }
  #pfl-leasing-root .pfl-lease-cesja__modal-foot { flex-direction: column; align-items: stretch; }
  #pfl-leasing-root button.pfl-lease-cesja__modal-cta { width: 100%; }
}

/* ── Ograniczony ruch ──────────────────────────────────────────────────────── */

@media (prefers-reduced-motion: reduce) {
  #pfl-leasing-root .pfl-lease-cesja__side {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
  #pfl-leasing-root .pfl-lease-cesja[data-cesja-state='in'] .pfl-lease-cesja__transfer-badge,
  #pfl-leasing-root .pfl-lease-cesja__modal-window { animation: none !important; }
}

/* ── Wymuszone kolory ──────────────────────────────────────────────────────── */

@media (forced-colors: active) {
  #pfl-leasing-root .pfl-lease-cesja__side,
  #pfl-leasing-root .pfl-lease-cesja__close,
  #pfl-leasing-root .pfl-lease-cesja__modal-window { border: 1px solid CanvasText; }
  #pfl-leasing-root .pfl-lease-cesja__side { opacity: 1; transform: none; }
}

/* ─────────────────────────────────────────────────────────────────────────────
   1.17.508 — Sekcja „Dla kogo jest ten model?” (archetyp S6: wybór ścieżki
   z jednym wspólnym krokiem po wyborze).

   Standard 2026 v1.1: §10A.1 S6, §10A rytm (sekcja jasna — poprzednia jest
   ciemna), §8 tokeny, §12 dostępność (mikro ≥ 14 px, tekst ≥ 16 px).
   ───────────────────────────────────────────────────────────────────────────── */

#pfl-leasing-root .pfl-lease-audience {
  --aud-ink: #10213E;
  --aud-copy: #45556F;
  --aud-muted: #5E6B82;
  --aud-line: #E2E8F0;
  --aud-green: #00A859;
  --aud-cta: #00804F;
  --aud-cta-hover: #006F43;
  --aud-blue: #2563EB;
  color: var(--aud-copy);
}

#pfl-leasing-root .pfl-lease-audience__intro {
  max-width: 68ch;
  margin-bottom: clamp(26px, 3vw, 40px);
}

#pfl-leasing-root .pfl-lease-audience__intro h2 {
  margin: 0 0 14px;
  color: var(--aud-ink);
  font-size: clamp(32px, 3.5vw, 48px);
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: -.03em;
}

#pfl-leasing-root .pfl-lease-audience__intro p {
  margin: 0;
  font-size: 18px;
  line-height: 1.55;
}

/* ── Karty odbiorców ───────────────────────────────────────────────────────── */

#pfl-leasing-root .pfl-lease-audience__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  margin-bottom: clamp(20px, 2.4vw, 30px);
}

#pfl-leasing-root .pfl-lease-audience__card {
  padding: clamp(22px, 2.2vw, 28px);
  border: 1px solid var(--aud-line);
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 14px 34px rgba(16, 33, 62, .06);
  transition: transform 240ms cubic-bezier(.2, .8, .2, 1), border-color 240ms ease, box-shadow 240ms ease;
}

#pfl-leasing-root .pfl-lease-audience__card:hover {
  transform: translateY(-3px);
  border-color: rgba(0, 168, 89, .34);
  box-shadow: 0 20px 46px rgba(0, 120, 74, .10);
}

#pfl-leasing-root .pfl-lease-audience__icon {
  display: grid;
  place-items: center;
  width: 50px;
  height: 50px;
  margin-bottom: 18px;
  border: 1px solid var(--aud-line);
  border-radius: 16px;
  background: #F4F8FA;
  color: var(--aud-cta);
  transition: background 240ms ease, border-color 240ms ease;
}

#pfl-leasing-root .pfl-lease-audience__card:hover .pfl-lease-audience__icon {
  border-color: rgba(0, 168, 89, .34);
  background: rgba(0, 168, 89, .09);
}

#pfl-leasing-root .pfl-lease-audience__icon svg {
  width: 24px;
  height: 24px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}

#pfl-leasing-root .pfl-lease-audience__card h3 {
  margin: 0 0 10px;
  color: var(--aud-ink);
  font-size: 21px;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -.015em;
}

#pfl-leasing-root .pfl-lease-audience__card p {
  margin: 0;
  font-size: 16px;
  line-height: 1.6;
}

/* ── Wspólny krok po wyborze (bramka S6) ───────────────────────────────────── */

#pfl-leasing-root .pfl-lease-audience__gate {
  display: grid;
  grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr);
  gap: clamp(20px, 2.6vw, 34px);
  align-items: center;
  padding: clamp(24px, 2.8vw, 34px);
  border: 1px solid rgba(0, 168, 89, .24);
  border-radius: 26px;
  background: linear-gradient(140deg, #F3FBF7, #F7FAFC 62%, #FFFFFF);
}

#pfl-leasing-root .pfl-lease-audience__gate-eyebrow {
  display: inline-flex;
  gap: 8px;
  align-items: center;
  margin-bottom: 12px;
  padding: 8px 15px;
  border: 1px solid rgba(0, 168, 89, .30);
  border-radius: 999px;
  background: rgba(0, 168, 89, .10);
  color: #056B3B;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
}

#pfl-leasing-root .pfl-lease-audience__gate-eyebrow svg {
  width: 16px;
  height: 16px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}

#pfl-leasing-root .pfl-lease-audience__gate h3 {
  margin: 0 0 10px;
  color: var(--aud-ink);
  font-size: 22px;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -.015em;
}

#pfl-leasing-root .pfl-lease-audience__gate p {
  margin: 0 0 12px;
  font-size: 16px;
  line-height: 1.6;
}

#pfl-leasing-root .pfl-lease-audience__gate-note {
  margin: 0;
  padding: 14px 16px;
  border-left: 3px solid var(--aud-green);
  border-radius: 0 12px 12px 0;
  background: rgba(0, 168, 89, .07);
  color: #33425C;
  font-size: 15px;
  line-height: 1.55;
}

#pfl-leasing-root .pfl-lease-audience__gate-note strong { color: var(--aud-ink); font-weight: 700; }

#pfl-leasing-root .pfl-lease-audience__actions {
  display: grid;
  gap: 10px;
}

#pfl-leasing-root button.pfl-lease-audience__cta {
  display: inline-flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
  min-height: 56px;
  padding: 0 22px;
  border: 0;
  border-radius: 15px;
  background: var(--aud-cta) !important;
  color: #fff !important;
  font-size: 17px;
  font-weight: 800;
  line-height: 1.3;
  text-align: center;
  cursor: pointer;
  transition: background 200ms ease;
}

#pfl-leasing-root button.pfl-lease-audience__cta:hover { background: var(--aud-cta-hover) !important; }

#pfl-leasing-root button.pfl-lease-audience__cta svg {
  flex: 0 0 auto;
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.3;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: transform 200ms ease;
}

#pfl-leasing-root button.pfl-lease-audience__cta:hover svg { transform: translateX(3px); }

#pfl-leasing-root a.pfl-lease-audience__link {
  padding: 12px;
  border: 1px solid var(--aud-line);
  border-radius: 13px;
  background: #fff;
  color: var(--aud-ink) !important;
  font-size: 15px;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  transition: border-color 200ms ease, background 200ms ease;
}

#pfl-leasing-root a.pfl-lease-audience__link:hover {
  border-color: rgba(0, 168, 89, .40);
  background: rgba(0, 168, 89, .06);
}

#pfl-leasing-root .pfl-lease-audience :focus-visible {
  outline: 3px solid var(--aud-blue);
  outline-offset: 3px;
  border-radius: 10px;
}

/* ── Responsywność ─────────────────────────────────────────────────────────── */

@media (max-width: 1040px) {
  #pfl-leasing-root .pfl-lease-audience__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #pfl-leasing-root .pfl-lease-audience__gate { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width: 680px) {
  #pfl-leasing-root .pfl-lease-audience__grid { grid-template-columns: minmax(0, 1fr); }
  #pfl-leasing-root .pfl-lease-audience__card h3 { font-size: 20px; }
  #pfl-leasing-root .pfl-lease-audience__gate h3 { font-size: 20px; }
}

/* ── Ograniczony ruch i wymuszone kolory ───────────────────────────────────── */

@media (prefers-reduced-motion: reduce) {
  #pfl-leasing-root .pfl-lease-audience__card,
  #pfl-leasing-root .pfl-lease-audience__icon {
    transition: none !important;
  }
  #pfl-leasing-root .pfl-lease-audience__card:hover { transform: none !important; }
}

@media (forced-colors: active) {
  #pfl-leasing-root .pfl-lease-audience__card,
  #pfl-leasing-root .pfl-lease-audience__gate { border: 1px solid CanvasText; }
}

/* ─────────────────────────────────────────────────────────────────────────────
   1.17.509 — Sekcja „Ubezpieczenie i przeglądy” (archetyp: para kart zakresu
   + wspólna bramka warunków). Zastępuje „Pełen spokój. Bez niespodziewanych
   wydatków.”

   Standard 2026 v1.1: §7 język korzyści bez absolutów, §8 tokeny,
   §10A rytm (ciemna karta jako przełamanie po jasnej sekcji),
   §12 dostępność: mikro ≥ 14 px, tekst ≥ 16 px.
   ───────────────────────────────────────────────────────────────────────────── */

#pfl-leasing-root .pfl-lease-costs {
  --cost-ink: #10213E;
  --cost-copy: #45556F;
  --cost-muted: #5E6B82;
  --cost-line: #E2E8F0;
  --cost-blue: #2563EB;
  --cost-green: #00A859;
  --cost-cta: #00804F;
  --cost-cta-hover: #006F43;
  color: var(--cost-copy);
}

#pfl-leasing-root .pfl-lease-costs__intro {
  max-width: 70ch;
  margin-bottom: clamp(24px, 3vw, 38px);
}

#pfl-leasing-root .pfl-lease-costs__eyebrow {
  display: inline-block;
  margin-bottom: 16px;
  padding: 9px 16px;
  border: 1px solid rgba(37, 99, 235, .26);
  border-radius: 999px;
  background: rgba(37, 99, 235, .08);
  color: #1D4ED8;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .05em;
  text-transform: uppercase;
}

#pfl-leasing-root .pfl-lease-costs__intro h2 {
  margin: 0 0 14px;
  color: var(--cost-ink);
  font-size: clamp(32px, 3.5vw, 48px);
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: -.03em;
}

#pfl-leasing-root .pfl-lease-costs__intro p {
  margin: 0;
  font-size: 18px;
  line-height: 1.55;
}

/* ── Para kart ─────────────────────────────────────────────────────────────── */

#pfl-leasing-root .pfl-lease-costs__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  margin-bottom: clamp(18px, 2.2vw, 26px);
}

#pfl-leasing-root .pfl-lease-costs__card {
  display: flex;
  flex-direction: column;
  padding: clamp(24px, 2.6vw, 34px);
  border: 1px solid var(--cost-line);
  border-radius: 28px;
  background: #fff;
  box-shadow: 0 16px 40px rgba(16, 33, 62, .06);
}

#pfl-leasing-root .pfl-lease-costs__card--dark {
  border-color: rgba(255, 255, 255, .10);
  background: linear-gradient(158deg, #071734 0%, #0C2A50 64%, #123A62 100%);
  box-shadow: 0 26px 60px rgba(7, 23, 52, .28);
  color: #C9D9EC;
}

#pfl-leasing-root .pfl-lease-costs__icon {
  display: grid;
  place-items: center;
  width: 54px;
  height: 54px;
  margin-bottom: 20px;
  border: 1px solid var(--cost-line);
  border-radius: 18px;
  background: #F4F8FA;
  color: var(--cost-cta);
}

#pfl-leasing-root .pfl-lease-costs__card--dark .pfl-lease-costs__icon {
  border-color: rgba(255, 255, 255, .18);
  background: rgba(255, 255, 255, .08);
  color: #8FD9FF;
}

#pfl-leasing-root .pfl-lease-costs__icon svg {
  width: 26px;
  height: 26px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}

#pfl-leasing-root .pfl-lease-costs__card h3 {
  margin: 0 0 12px;
  color: var(--cost-ink);
  font-size: 23px;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -.015em;
}

#pfl-leasing-root .pfl-lease-costs__card--dark h3 { color: #fff; }

#pfl-leasing-root .pfl-lease-costs__card > p {
  margin: 0 0 20px;
  font-size: 16px;
  line-height: 1.6;
}

#pfl-leasing-root .pfl-lease-costs__note {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  margin-top: auto;
  padding: 16px 18px;
  border: 1px solid var(--cost-line);
  border-radius: 18px;
  background: #F8FAFC;
}

#pfl-leasing-root .pfl-lease-costs__card--dark .pfl-lease-costs__note {
  border-color: rgba(255, 255, 255, .12);
  background: rgba(255, 255, 255, .06);
}

#pfl-leasing-root .pfl-lease-costs__note > span {
  flex: 0 0 auto;
  color: var(--cost-cta);
  line-height: 0;
}

#pfl-leasing-root .pfl-lease-costs__card--dark .pfl-lease-costs__note > span { color: #8FD9FF; }

#pfl-leasing-root .pfl-lease-costs__note svg {
  width: 20px;
  height: 20px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

#pfl-leasing-root .pfl-lease-costs__note p {
  margin: 0;
  font-size: 15px;
  line-height: 1.55;
  color: var(--cost-copy);
}

#pfl-leasing-root .pfl-lease-costs__card--dark .pfl-lease-costs__note p { color: #C9D9EC; }

#pfl-leasing-root .pfl-lease-costs__note strong { color: var(--cost-ink); font-weight: 700; }
#pfl-leasing-root .pfl-lease-costs__card--dark .pfl-lease-costs__note strong { color: #fff; }

/* ── Bramka warunków ───────────────────────────────────────────────────────── */

#pfl-leasing-root .pfl-lease-costs__gate {
  display: grid;
  grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr);
  gap: clamp(20px, 2.6vw, 32px);
  align-items: center;
  padding: clamp(22px, 2.6vw, 30px);
  border: 1px dashed #CBD5E1;
  border-radius: 24px;
  background: #FBFCFE;
}

#pfl-leasing-root .pfl-lease-costs__gate-eyebrow {
  display: inline-block;
  margin-bottom: 10px;
  color: var(--cost-muted);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .05em;
  text-transform: uppercase;
}

#pfl-leasing-root .pfl-lease-costs__gate p {
  margin: 0;
  font-size: 16px;
  line-height: 1.6;
}

#pfl-leasing-root .pfl-lease-costs__gate strong { color: var(--cost-ink); font-weight: 700; }

#pfl-leasing-root button.pfl-lease-costs__cta {
  display: inline-flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
  min-height: 56px;
  padding: 0 22px;
  border: 0;
  border-radius: 15px;
  background: var(--cost-cta) !important;
  color: #fff !important;
  font-size: 17px;
  font-weight: 800;
  line-height: 1.3;
  text-align: center;
  cursor: pointer;
  transition: background 200ms ease;
}

#pfl-leasing-root button.pfl-lease-costs__cta:hover { background: var(--cost-cta-hover) !important; }

#pfl-leasing-root button.pfl-lease-costs__cta svg {
  flex: 0 0 auto;
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.3;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: transform 200ms ease;
}

#pfl-leasing-root button.pfl-lease-costs__cta:hover svg { transform: translateX(3px); }

#pfl-leasing-root .pfl-lease-costs :focus-visible {
  outline: 3px solid var(--cost-blue);
  outline-offset: 3px;
  border-radius: 10px;
}

#pfl-leasing-root .pfl-lease-costs__card--dark :focus-visible { outline-color: #8FD9FF; }

/* ── Responsywność ─────────────────────────────────────────────────────────── */

@media (max-width: 1040px) {
  #pfl-leasing-root .pfl-lease-costs__grid { grid-template-columns: minmax(0, 1fr); }
  #pfl-leasing-root .pfl-lease-costs__gate { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width: 640px) {
  #pfl-leasing-root .pfl-lease-costs__card { padding: 20px; }
  #pfl-leasing-root .pfl-lease-costs__card h3 { font-size: 21px; }
}

@media (forced-colors: active) {
  #pfl-leasing-root .pfl-lease-costs__card,
  #pfl-leasing-root .pfl-lease-costs__gate,
  #pfl-leasing-root .pfl-lease-costs__note { border: 1px solid CanvasText; }
}

/* ─────────────────────────────────────────────────────────────────────────────
   1.17.510 — Sekcja „Zakończenie umowy / wykup”. Zastępuje sekcję
   „Finał umowy: Auto na własność bez dopłat”.

   Standard 2026 v1.1: §7 język bez absolutów i obietnic wyniku, §8 tokeny,
   §10A rytm (sekcja jasna — poprzednia ma ciemną kartę), §12 dostępność.
   ───────────────────────────────────────────────────────────────────────────── */

#pfl-leasing-root .pfl-lease-wykup {
  --wyk-ink: #10213E;
  --wyk-copy: #45556F;
  --wyk-muted: #5E6B82;
  --wyk-line: #E2E8F0;
  --wyk-violet: #6B3FD4;
  --wyk-blue: #2563EB;
  --wyk-cta: #00804F;
  --wyk-cta-hover: #006F43;
  color: var(--wyk-copy);
}

#pfl-leasing-root .pfl-lease-wykup__intro {
  max-width: 72ch;
  margin-bottom: clamp(30px, 3.4vw, 44px);
}

#pfl-leasing-root .pfl-lease-wykup__eyebrow {
  display: inline-block;
  margin-bottom: 16px;
  padding: 9px 16px;
  border: 1px solid rgba(107, 63, 212, .26);
  border-radius: 999px;
  background: rgba(107, 63, 212, .09);
  color: #5B32BE;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .05em;
  text-transform: uppercase;
}

#pfl-leasing-root .pfl-lease-wykup__intro h2 {
  margin: 0 0 14px;
  color: var(--wyk-ink);
  font-size: clamp(32px, 3.5vw, 48px);
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: -.03em;
}

#pfl-leasing-root .pfl-lease-wykup__intro p {
  margin: 0;
  font-size: 18px;
  line-height: 1.55;
}

/* ── Trzy kroki ────────────────────────────────────────────────────────────── */

#pfl-leasing-root .pfl-lease-wykup__steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  margin: 0 0 clamp(18px, 2.2vw, 26px);
  padding: 0;
  list-style: none;
  counter-reset: wykup;
}

#pfl-leasing-root .pfl-lease-wykup__step {
  position: relative;
  counter-increment: wykup;
  padding: 34px clamp(22px, 2.2vw, 28px) clamp(22px, 2.2vw, 28px);
  border: 1px solid var(--wyk-line);
  border-radius: 26px;
  background: #fff;
  box-shadow: 0 14px 36px rgba(16, 33, 62, .06);
}

#pfl-leasing-root .pfl-lease-wykup__step--final {
  border-color: rgba(0, 168, 89, .30);
  background: linear-gradient(160deg, #F4FBF7, #FFFFFF 62%);
}

#pfl-leasing-root .pfl-lease-wykup__badge {
  position: absolute;
  top: -24px;
  left: clamp(22px, 2.2vw, 28px);
  display: grid;
  place-items: center;
  width: 52px;
  height: 52px;
  border: 1px solid var(--wyk-line);
  border-radius: 17px;
  background: #fff;
  box-shadow: 0 10px 24px rgba(16, 33, 62, .10);
  color: var(--wyk-violet);
}

#pfl-leasing-root .pfl-lease-wykup__step--final .pfl-lease-wykup__badge {
  border-color: rgba(0, 168, 89, .34);
  color: #00804F;
}

#pfl-leasing-root .pfl-lease-wykup__badge::after {
  position: absolute;
  right: -8px;
  bottom: -8px;
  display: grid;
  place-items: center;
  width: 26px;
  height: 26px;
  border: 2px solid #fff;
  border-radius: 999px;
  background: var(--wyk-ink);
  color: #fff;
  content: counter(wykup);
  font-size: 13px;
  font-weight: 800;
}

#pfl-leasing-root .pfl-lease-wykup__badge svg {
  width: 24px;
  height: 24px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}

#pfl-leasing-root .pfl-lease-wykup__step h3 {
  margin: 0 0 10px;
  color: var(--wyk-ink);
  font-size: 21px;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -.015em;
}

#pfl-leasing-root .pfl-lease-wykup__step > p {
  margin: 0 0 12px;
  font-size: 16px;
  line-height: 1.6;
}

#pfl-leasing-root .pfl-lease-wykup__step strong { color: var(--wyk-ink); font-weight: 700; }

#pfl-leasing-root .pfl-lease-wykup__cond {
  margin: 0 !important;
  padding: 12px 14px;
  border-left: 3px solid #CBD5E1;
  border-radius: 0 11px 11px 0;
  background: #F8FAFC;
  color: var(--wyk-muted);
  font-size: 15px !important;
  line-height: 1.55;
}

#pfl-leasing-root .pfl-lease-wykup__step--final .pfl-lease-wykup__cond {
  border-left-color: rgba(0, 168, 89, .55);
  background: rgba(0, 168, 89, .07);
}

/* ── Bramka ────────────────────────────────────────────────────────────────── */

#pfl-leasing-root .pfl-lease-wykup__gate {
  display: grid;
  grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr);
  gap: clamp(20px, 2.6vw, 32px);
  align-items: center;
  padding: clamp(22px, 2.6vw, 32px);
  border: 1px dashed #C7B7EE;
  border-radius: 24px;
  background: linear-gradient(140deg, #FAF8FF, #F8FAFC 66%, #FFFFFF);
}

#pfl-leasing-root .pfl-lease-wykup__gate-eyebrow {
  display: inline-block;
  margin-bottom: 10px;
  color: #5B32BE;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .05em;
  text-transform: uppercase;
}

#pfl-leasing-root .pfl-lease-wykup__gate p {
  margin: 0;
  font-size: 16px;
  line-height: 1.6;
}

#pfl-leasing-root .pfl-lease-wykup__gate strong { color: var(--wyk-ink); font-weight: 700; }

#pfl-leasing-root .pfl-lease-wykup__actions {
  display: grid;
  gap: 10px;
}

#pfl-leasing-root button.pfl-lease-wykup__cta {
  display: inline-flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
  min-height: 56px;
  padding: 0 22px;
  border: 0;
  border-radius: 15px;
  background: var(--wyk-cta) !important;
  color: #fff !important;
  font-size: 17px;
  font-weight: 800;
  line-height: 1.3;
  text-align: center;
  cursor: pointer;
  transition: background 200ms ease;
}

#pfl-leasing-root button.pfl-lease-wykup__cta:hover { background: var(--wyk-cta-hover) !important; }

#pfl-leasing-root button.pfl-lease-wykup__cta svg {
  flex: 0 0 auto;
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.3;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: transform 200ms ease;
}

#pfl-leasing-root button.pfl-lease-wykup__cta:hover svg { transform: translateX(3px); }

#pfl-leasing-root a.pfl-lease-wykup__link {
  padding: 12px;
  border: 1px solid var(--wyk-line);
  border-radius: 13px;
  background: #fff;
  color: var(--wyk-ink) !important;
  font-size: 15px;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  transition: border-color 200ms ease, background 200ms ease;
}

#pfl-leasing-root a.pfl-lease-wykup__link:hover {
  border-color: rgba(107, 63, 212, .40);
  background: rgba(107, 63, 212, .06);
}

#pfl-leasing-root .pfl-lease-wykup :focus-visible {
  outline: 3px solid var(--wyk-blue);
  outline-offset: 3px;
  border-radius: 10px;
}

/* ── Responsywność ─────────────────────────────────────────────────────────── */

@media (max-width: 1040px) {
  #pfl-leasing-root .pfl-lease-wykup__steps { grid-template-columns: minmax(0, 1fr); gap: 40px; }
  #pfl-leasing-root .pfl-lease-wykup__gate { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width: 640px) {
  #pfl-leasing-root .pfl-lease-wykup__step { padding: 32px 20px 20px; }
  #pfl-leasing-root .pfl-lease-wykup__step h3 { font-size: 20px; }
}

@media (forced-colors: active) {
  #pfl-leasing-root .pfl-lease-wykup__step,
  #pfl-leasing-root .pfl-lease-wykup__gate,
  #pfl-leasing-root .pfl-lease-wykup__badge { border: 1px solid CanvasText; }
}

/* ─────────────────────────────────────────────────────────────────────────────
   1.17.511 — Sekcja końcowa (archetyp S10: ciemne CTA — jedna obietnica,
   jedno główne CTA, jeden podgląd następnego kroku).

   Standard 2026 v1.1: §10A.1 S10, §10A.2 „CTA nigdy nie buja się ani nie pulsuje
   w pętli”, §8 tokeny, §12 dostępność (mikro ≥ 14 px, tekst ≥ 16 px).
   ───────────────────────────────────────────────────────────────────────────── */

#pfl-leasing-root .pfl-lease-final {
  --fin-navy: #071734;
  --fin-line: rgba(255, 255, 255, .12);
  --fin-green: #00A859;
  --fin-cta: #00A859;
  --fin-cta-hover: #00C267;
  --fin-cta-text: #071734;
  margin-bottom: 64px;
}

#pfl-leasing-root .pfl-lease-final__panel {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
  gap: clamp(28px, 3.4vw, 52px);
  align-items: center;
  overflow: hidden;
  padding: clamp(32px, 4.5vw, 72px);
  border: 1px solid var(--fin-line);
  border-radius: clamp(28px, 3vw, 36px);
  background:
    radial-gradient(120% 90% at 12% 0%, rgba(0, 168, 89, .16), transparent 58%),
    radial-gradient(90% 80% at 96% 100%, rgba(37, 99, 235, .18), transparent 62%),
    linear-gradient(160deg, #071734 0%, #0B2445 62%, #0E2F55 100%);
  box-shadow: 0 34px 90px rgba(7, 23, 52, .34);
  color: #C9D9EC;
}

#pfl-leasing-root .pfl-lease-final__aura {
  position: absolute;
  top: -140px;
  right: -120px;
  z-index: 0;
  display: block;
  width: 360px;
  height: 360px;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(0, 168, 89, .16), transparent 68%);
  pointer-events: none;
}

#pfl-leasing-root .pfl-lease-final__copy,
#pfl-leasing-root .pfl-lease-final__trust {
  position: relative;
  z-index: 1;
}

/* ── Lewa kolumna ──────────────────────────────────────────────────────────── */

#pfl-leasing-root .pfl-lease-final__eyebrow {
  display: inline-block;
  margin-bottom: 20px;
  padding: 9px 16px;
  border: 1px solid rgba(0, 168, 89, .40);
  border-radius: 999px;
  background: rgba(0, 168, 89, .14);
  color: #7DE9B4;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .05em;
  text-transform: uppercase;
}

#pfl-leasing-root .pfl-lease-final__copy h2 {
  margin: 0 0 18px;
  color: #fff;
  font-size: clamp(36px, 4.4vw, 58px);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: -.03em;
}

#pfl-leasing-root .pfl-lease-final__copy h2 strong {
  display: block;
  background: linear-gradient(96deg, #00A859, #7DE9B4 62%, #FFFFFF);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  font-weight: 700;
}

#pfl-leasing-root .pfl-lease-final__copy > p {
  max-width: 54ch;
  margin: 0 0 28px;
  font-size: 18px;
  line-height: 1.6;
  color: #BFD2E6;
}

#pfl-leasing-root .pfl-lease-final__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  align-items: center;
}

#pfl-leasing-root button.pfl-lease-final__cta {
  display: inline-flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
  min-height: 58px;
  padding: 0 30px;
  border: 0;
  border-radius: 16px;
  background: var(--fin-cta) !important;
  color: var(--fin-cta-text) !important;
  font-size: 18px;
  font-weight: 800;
  line-height: 1.3;
  cursor: pointer;
  transition: background 200ms ease, transform 200ms ease;
}

#pfl-leasing-root button.pfl-lease-final__cta:hover {
  background: var(--fin-cta-hover) !important;
  transform: translateY(-2px);
}

#pfl-leasing-root button.pfl-lease-final__cta svg {
  flex: 0 0 auto;
  width: 19px;
  height: 19px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.4;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: transform 200ms ease;
}

#pfl-leasing-root button.pfl-lease-final__cta:hover svg { transform: translateX(4px); }

#pfl-leasing-root .pfl-lease-final__micro {
  max-width: 30ch;
  margin: 0;
  color: #9FB5CD;
  font-size: 15px;
  line-height: 1.5;
}

/* ── Panel zaufania ────────────────────────────────────────────────────────── */

#pfl-leasing-root .pfl-lease-final__trust {
  padding: clamp(22px, 2.4vw, 30px);
  border: 1px solid var(--fin-line);
  border-radius: 24px;
  background: rgba(255, 255, 255, .06);
  backdrop-filter: blur(8px);
}

#pfl-leasing-root .pfl-lease-final__trust-head {
  display: flex;
  gap: 14px;
  align-items: center;
  margin-bottom: 20px;
  padding-bottom: 18px;
  border-bottom: 1px solid var(--fin-line);
}

#pfl-leasing-root .pfl-lease-final__trust-icon {
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  width: 48px;
  height: 48px;
  border: 1px solid rgba(0, 168, 89, .40);
  border-radius: 15px;
  background: rgba(0, 168, 89, .16);
  color: #7DE9B4;
}

#pfl-leasing-root .pfl-lease-final__trust-icon svg {
  width: 24px;
  height: 24px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

#pfl-leasing-root .pfl-lease-final__trust-head h3 {
  margin: 0 0 3px;
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3;
}

#pfl-leasing-root .pfl-lease-final__trust-head p {
  margin: 0;
  color: #9FB5CD;
  font-size: 15px;
  line-height: 1.45;
}

#pfl-leasing-root .pfl-lease-final__trust-list {
  display: grid;
  gap: 14px;
  margin: 0;
  padding: 0;
  list-style: none;
}

#pfl-leasing-root .pfl-lease-final__trust-list li {
  display: grid;
  grid-template-columns: 26px minmax(0, 1fr);
  gap: 12px;
  align-items: start;
}

#pfl-leasing-root .pfl-lease-final__trust-list li > span {
  display: grid;
  place-items: center;
  width: 26px;
  height: 26px;
  border-radius: 999px;
  background: rgba(0, 168, 89, .20);
  color: #7DE9B4;
}

#pfl-leasing-root .pfl-lease-final__trust-list li > span svg {
  width: 15px;
  height: 15px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.6;
  stroke-linecap: round;
  stroke-linejoin: round;
}

#pfl-leasing-root .pfl-lease-final__trust-list p { margin: 0; }

#pfl-leasing-root .pfl-lease-final__trust-list strong {
  display: block;
  margin-bottom: 2px;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.4;
}

#pfl-leasing-root .pfl-lease-final__trust-list p > span {
  display: block;
  color: #B4C8DE;
  font-size: 15px;
  line-height: 1.5;
}

#pfl-leasing-root .pfl-lease-final :focus-visible {
  outline: 3px solid #8FD9FF;
  outline-offset: 3px;
  border-radius: 12px;
}

/* ── Responsywność ─────────────────────────────────────────────────────────── */

@media (max-width: 1040px) {
  #pfl-leasing-root .pfl-lease-final__panel { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width: 640px) {
  #pfl-leasing-root .pfl-lease-final__actions { flex-direction: column; align-items: stretch; }
  #pfl-leasing-root button.pfl-lease-final__cta { width: 100%; }
  #pfl-leasing-root .pfl-lease-final__micro { max-width: none; text-align: center; }
  #pfl-leasing-root .pfl-lease-final__aura { display: none; }
}

/* ── Ograniczony ruch i wymuszone kolory ───────────────────────────────────── */

@media (prefers-reduced-motion: reduce) {
  #pfl-leasing-root button.pfl-lease-final__cta,
  #pfl-leasing-root button.pfl-lease-final__cta svg { transition: none !important; }
  #pfl-leasing-root button.pfl-lease-final__cta:hover { transform: none !important; }
}

@media (forced-colors: active) {
  #pfl-leasing-root .pfl-lease-final__panel,
  #pfl-leasing-root .pfl-lease-final__trust { border: 1px solid CanvasText; }
  #pfl-leasing-root .pfl-lease-final__aura { display: none; }
}

/* ═══════════════════════════════════════════════════════════════════════════
   1.17.514 — produkcyjna warstwa dostępności i formularza.
   Standard Profilio 2026: mikrocopy >= 14 px, H1 >= 40 px, H2 >= 32 px,
   cele dotykowe >= 44 px i dialog z jednoznacznymi stanami formularza.
   ═══════════════════════════════════════════════════════════════════════════ */

#pfl-leasing-root .text-\[10px\],
#pfl-leasing-root .text-\[11px\],
#pfl-leasing-root .text-xs,
#pfl-leasing-root p.text-\[10px\],
#pfl-leasing-root span.text-\[10px\],
#pfl-leasing-root label.text-\[10px\],
#pfl-leasing-root p.text-\[11px\],
#pfl-leasing-root span.text-\[11px\],
#pfl-leasing-root li.text-\[11px\],
#pfl-leasing-root .pfl-lease-eyebrow,
#pfl-leasing-root .pfl-lease-proof li span,
#pfl-leasing-root .pfl-lease-flow__header span,
#pfl-leasing-root .pfl-lease-flow__row span,
#pfl-leasing-root .pfl-lease-flow__result span,
#pfl-leasing-root .pfl-lease-flow__connector span,
#pfl-leasing-root .pfl-lease-flow__note,
#pfl-leasing-root .pfl-lease-brands__kicker,
#pfl-leasing-root .pfl-lease-brand,
#pfl-leasing-root .pfl-lease-offers__kicker,
#pfl-leasing-root .pfl-lease-car__topline > div > span,
#pfl-leasing-root .pfl-lease-car__status,
#pfl-leasing-root .pfl-lease-car__pricing span,
#pfl-leasing-root .pfl-lease-offers__footnote p,
#pfl-leasing-root .pfl-lease-offers__load b,
#pfl-leasing-root .pfl-lease-paths__eyebrow,
#pfl-leasing-root .pfl-lease-paths__rail b,
#pfl-leasing-root .pfl-lease-paths__rail strong,
#pfl-leasing-root .pfl-lease-paths__rail span,
#pfl-leasing-root .pfl-lease-path__label,
#pfl-leasing-root .pfl-lease-path__facts dt,
#pfl-leasing-root .pfl-lease-path__facts dd,
#pfl-leasing-root .pfl-lease-path__benefits span,
#pfl-leasing-root .pfl-lease-paths__switch span,
#pfl-leasing-root .pfl-lease-paths__prepare-title small,
#pfl-leasing-root .pfl-lease-paths__prepare li,
#pfl-leasing-root .pfl-lease-paths__prepare li b,
#pfl-leasing-root .pfl-lease-paths__legal,
#pfl-leasing-root .pfl-lease-employment__eyebrow,
#pfl-leasing-root .pfl-lease-employment__panel-heading > span,
#pfl-leasing-root .pfl-lease-employment__panel-heading small,
#pfl-leasing-root .pfl-lease-employment__field > small,
#pfl-leasing-root .pfl-lease-employment__input-wrap > span,
#pfl-leasing-root .pfl-lease-employment__range-scale,
#pfl-leasing-root .pfl-lease-employment__conditions > strong,
#pfl-leasing-root .pfl-lease-employment__conditions li,
#pfl-leasing-root .pfl-lease-employment__hero-result > span,
#pfl-leasing-root .pfl-lease-employment__hero-result p,
#pfl-leasing-root .pfl-lease-employment__breakdown dt,
#pfl-leasing-root .pfl-lease-employment__breakdown dt small,
#pfl-leasing-root .pfl-lease-employment__decision > span,
#pfl-leasing-root .pfl-lease-employment__decision p,
#pfl-leasing-root .pfl-lease-employment__legal,
#pfl-leasing-root .pfl-lease-wykup__badge::after {
  font-size: 14px !important;
}

#pfl-leasing-root .pfl-lease-flow__header h2,
#pfl-leasing-root .pfl-lease-brands__header h2,
#pfl-leasing-root .pfl-lease-journey__modal-head h2,
#pfl-leasing-root .pfl-lease-cesja__modal-head h2,
#pfl-leasing-root #kalkulator-jdg h2,
#pfl-leasing-root #contact-modal h2 {
  font-size: clamp(32px, 3.5vw, 48px) !important;
  line-height: 1.15;
}

#pfl-leasing-root #contact-modal[hidden],
#pfl-leasing-root #car-contact-success[hidden],
#pfl-leasing-root #car-contact-form[hidden],
#pfl-leasing-root .pfl-lease-form-error[hidden] {
  display: none !important;
}

#pfl-leasing-root #contact-modal-content {
  max-height: calc(100dvh - 32px);
  overscroll-behavior: contain;
}

#pfl-leasing-root #contact-close,
#pfl-leasing-root #car-contact-success-close,
#pfl-leasing-root #car-contact-submit,
#pfl-leasing-root [data-jdg-zus],
#pfl-leasing-root [data-jdg-tax] {
  min-width: 44px;
  min-height: 44px;
}

#pfl-leasing-root #contact-close {
  width: 44px;
  height: 44px;
}

#pfl-leasing-root .pfl-lease-honeypot {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

#pfl-leasing-root .pfl-lease-form-error,
#pfl-leasing-root .pfl-lease-form-hint,
#pfl-leasing-root .pfl-lease-form-status {
  margin: 7px 4px 0;
  font-size: 14px;
  line-height: 1.45;
}

#pfl-leasing-root .pfl-lease-form-error,
#pfl-leasing-root .pfl-lease-form-status.is-error {
  color: #b42318;
  font-weight: 700;
}

#pfl-leasing-root .pfl-lease-form-hint { color: #5e6b82; }
#pfl-leasing-root .pfl-lease-form-status { min-height: 21px; }
#pfl-leasing-root .pfl-lease-form-status.is-pending { color: #075985; }

#pfl-leasing-root #car-contact-form [aria-invalid="true"] {
  border-color: #b42318 !important;
  box-shadow: 0 0 0 2px rgba(180, 35, 24, .18) !important;
}

#pfl-leasing-root .pfl-lease-consent {
  min-height: 44px;
}

#pfl-leasing-root .pfl-lease-consent input {
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
}

#pfl-leasing-root .pfl-lease-contact-success {
  padding: 26px 4px 4px;
  text-align: center;
}

#pfl-leasing-root .pfl-lease-contact-success__icon {
  display: grid;
  width: 58px;
  height: 58px;
  margin: 0 auto 18px;
  place-items: center;
  border-radius: 999px;
  background: #e9f9f0;
  color: #007a4b;
  font-size: 28px;
  font-weight: 900;
}

#pfl-leasing-root .pfl-lease-contact-success p {
  margin: 14px auto 22px;
  color: #5e6b82;
  font-size: 16px;
  line-height: 1.55;
}

#pfl-leasing-root #car-contact-success-close {
  width: 100%;
  padding: 12px 20px;
  border: 0;
  border-radius: 14px;
  background: #0b1e3a;
  color: #fff;
  font-size: 16px;
  font-weight: 800;
  cursor: pointer;
}

#pfl-leasing-root #contact-modal :focus-visible {
  outline: 3px solid #2468dc;
  outline-offset: 3px;
}

@media (max-width: 767px) {
  #pfl-leasing-root .pfl-lease-hero__title {
    font-size: clamp(40px, 12vw, 54px);
  }
}

@media (prefers-reduced-motion: reduce) {
  #pfl-leasing-root #contact-modal,
  #pfl-leasing-root #contact-modal-content {
    transition: none !important;
  }
}

@media (forced-colors: active) {
  #pfl-leasing-root #contact-modal-content,
  #pfl-leasing-root #contact-close,
  #pfl-leasing-root #car-contact-success-close {
    border: 1px solid CanvasText;
  }
}