@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@700;800;900&display=swap');
/* pfl-atlas — skompilowany Tailwind (clone.py, KLON v4). NIE EDYTOWAĆ kompilatu ręcznie — warstwa nadrzędna NA KOŃCU pliku. */
#pfl-atlas-root, #pfl-atlas-root *, #pfl-atlas-root ::before, #pfl-atlas-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-atlas-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-atlas-root .pointer-events-none {
  pointer-events: none
}

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

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

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

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

#pfl-atlas-root .bottom-4 {
  bottom: 16px
}

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

#pfl-atlas-root .left-4 {
  left: 16px
}

#pfl-atlas-root .left-5 {
  left: 20px
}

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

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

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

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

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

#pfl-atlas-root .top-4 {
  top: 16px
}

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

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

#pfl-atlas-root .col-span-full {
  grid-column: 1 / -1
}

#pfl-atlas-root .mx-1 {
  margin-left: 4px;
  margin-right: 4px
}

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

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

#pfl-atlas-root .mb-0\.5 {
  margin-bottom: 2px
}

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

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

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

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

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

#pfl-atlas-root .mr-1 {
  margin-right: 4px
}

#pfl-atlas-root .mr-2 {
  margin-right: 8px
}

#pfl-atlas-root .mt-1 {
  margin-top: 4px
}

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

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

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

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

#pfl-atlas-root .inline {
  display: inline
}

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

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

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

#pfl-atlas-root .h-1 {
  height: 4px
}

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

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

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

#pfl-atlas-root .h-36 {
  height: 144px
}

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

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

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

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

#pfl-atlas-root .h-96 {
  height: 384px
}

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

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

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

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

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

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

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

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

#pfl-atlas-root .w-96 {
  width: 384px
}

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

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

#pfl-atlas-root .max-w-\[1000px\] {
  max-width: 1000px
}

#pfl-atlas-root .max-w-\[1400px\] {
  max-width: 1400px
}

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

#pfl-atlas-root .flex-1 {
  flex: 1 1 0%
}

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

#pfl-atlas-root .-translate-x-1\/4 {
  --tw-translate-x: -25%;
  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-atlas-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-atlas-root .-translate-y-1\/4 {
  --tw-translate-y: -25%;
  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-atlas-root .translate-x-1\/4 {
  --tw-translate-x: 25%;
  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-atlas-root .translate-y-1\/4 {
  --tw-translate-y: 25%;
  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-atlas-root .cursor-default {
  cursor: default
}

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

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

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

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

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

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

#pfl-atlas-root .gap-1\.5 {
  gap: 6px
}

#pfl-atlas-root .gap-10 {
  gap: 40px
}

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

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

#pfl-atlas-root .gap-5 {
  gap: 20px
}

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

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

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

#pfl-atlas-root .overflow-x-auto {
  overflow-x: auto
}

#pfl-atlas-root .whitespace-nowrap {
  white-space: nowrap
}

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

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

#pfl-atlas-root .rounded-\[10px\] {
  border-radius: 10px
}

#pfl-atlas-root .rounded-\[14px\] {
  border-radius: 14px
}

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

#pfl-atlas-root .rounded-md {
  border-radius: 6px
}

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

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

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

#pfl-atlas-root .border-x {
  border-left-width: 1px;
  border-right-width: 1px
}

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

#pfl-atlas-root .border-dashed {
  border-style: dashed
}

#pfl-atlas-root .border-\[\#00A859\]\/20 {
  border-color: rgb(0 168 89 / 0.2)
}

#pfl-atlas-root .border-emerald-100 {
  --tw-border-opacity: 1;
  border-color: rgb(209 250 229 / var(--tw-border-opacity, 1))
}

#pfl-atlas-root .border-fuchsia-200 {
  --tw-border-opacity: 1;
  border-color: rgb(245 208 254 / var(--tw-border-opacity, 1))
}

#pfl-atlas-root .border-indigo-200 {
  --tw-border-opacity: 1;
  border-color: rgb(199 210 254 / var(--tw-border-opacity, 1))
}

#pfl-atlas-root .border-sky-200 {
  --tw-border-opacity: 1;
  border-color: rgb(186 230 253 / var(--tw-border-opacity, 1))
}

#pfl-atlas-root .border-slate-100 {
  --tw-border-opacity: 1;
  border-color: rgb(241 245 249 / var(--tw-border-opacity, 1))
}

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

#pfl-atlas-root .border-slate-50 {
  --tw-border-opacity: 1;
  border-color: rgb(248 250 252 / var(--tw-border-opacity, 1))
}

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

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

#pfl-atlas-root .bg-\[\#E5F6EE\] {
  --tw-bg-opacity: 1;
  background-color: rgb(229 246 238 / var(--tw-bg-opacity, 1))
}

#pfl-atlas-root .bg-black\/10 {
  background-color: rgb(0 0 0 / 0.1)
}

#pfl-atlas-root .bg-black\/20 {
  background-color: rgb(0 0 0 / 0.2)
}

#pfl-atlas-root .bg-fuchsia-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(253 244 255 / var(--tw-bg-opacity, 1))
}

#pfl-atlas-root .bg-indigo-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(238 242 255 / var(--tw-bg-opacity, 1))
}

#pfl-atlas-root .bg-sky-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(240 249 255 / var(--tw-bg-opacity, 1))
}

#pfl-atlas-root .bg-slate-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1))
}

#pfl-atlas-root .bg-slate-200\/60 {
  background-color: rgb(226 232 240 / 0.6)
}

#pfl-atlas-root .bg-slate-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1))
}

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

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

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

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

#pfl-atlas-root .bg-white\/90 {
  background-color: rgb(255 255 255 / 0.9)
}

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

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

#pfl-atlas-root .from-\[\#00A859\] {
  --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-atlas-root .from-\[\#10213E\]\/90 {
  --tw-gradient-from: rgb(16 33 62 / 0.9) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(16 33 62 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

#pfl-atlas-root .from-amber-500 {
  --tw-gradient-from: #f59e0b var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(245 158 11 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

#pfl-atlas-root .from-emerald-500 {
  --tw-gradient-from: #10b981 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(16 185 129 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

#pfl-atlas-root .from-fuchsia-500 {
  --tw-gradient-from: #d946ef var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(217 70 239 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

#pfl-atlas-root .from-indigo-500 {
  --tw-gradient-from: #6366f1 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(99 102 241 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

#pfl-atlas-root .from-rose-500 {
  --tw-gradient-from: #f43f5e var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(244 63 94 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

#pfl-atlas-root .from-slate-800 {
  --tw-gradient-from: #1e293b var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(30 41 59 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

#pfl-atlas-root .via-\[\#10213E\]\/20 {
  --tw-gradient-to: rgb(16 33 62 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(16 33 62 / 0.2) var(--tw-gradient-via-position), var(--tw-gradient-to)
}

#pfl-atlas-root .to-\[\#16B3D6\] {
  --tw-gradient-to: #16B3D6 var(--tw-gradient-to-position)
}

#pfl-atlas-root .to-blue-600 {
  --tw-gradient-to: #2563eb var(--tw-gradient-to-position)
}

#pfl-atlas-root .to-orange-600 {
  --tw-gradient-to: #ea580c var(--tw-gradient-to-position)
}

#pfl-atlas-root .to-pink-600 {
  --tw-gradient-to: #db2777 var(--tw-gradient-to-position)
}

#pfl-atlas-root .to-purple-600 {
  --tw-gradient-to: #9333ea var(--tw-gradient-to-position)
}

#pfl-atlas-root .to-slate-900 {
  --tw-gradient-to: #0f172a var(--tw-gradient-to-position)
}

#pfl-atlas-root .to-teal-600 {
  --tw-gradient-to: #0d9488 var(--tw-gradient-to-position)
}

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

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

#pfl-atlas-root .object-cover {
  -o-object-fit: cover;
     object-fit: cover
}

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

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

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

#pfl-atlas-root .px-2 {
  padding-left: 8px;
  padding-right: 8px
}

#pfl-atlas-root .px-2\.5 {
  padding-left: 10px;
  padding-right: 10px
}

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

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

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

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

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

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

#pfl-atlas-root .py-10 {
  padding-top: 40px;
  padding-bottom: 40px
}

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

#pfl-atlas-root .py-16 {
  padding-top: 64px;
  padding-bottom: 64px
}

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

#pfl-atlas-root .py-3\.5 {
  padding-top: 14px;
  padding-bottom: 14px
}

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

#pfl-atlas-root .py-5 {
  padding-top: 20px;
  padding-bottom: 20px
}

#pfl-atlas-root .py-8 {
  padding-top: 32px;
  padding-bottom: 32px
}

#pfl-atlas-root .pb-5 {
  padding-bottom: 20px
}

#pfl-atlas-root .pl-12 {
  padding-left: 48px
}

#pfl-atlas-root .pr-4 {
  padding-right: 16px
}

#pfl-atlas-root .pt-3 {
  padding-top: 12px
}

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

#pfl-atlas-root .text-left {
  text-align: left
}

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

#pfl-atlas-root .font-sans {
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"
}

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

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

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

#pfl-atlas-root .text-\[13px\] {
  font-size: 13px
}

#pfl-atlas-root .text-\[14px\] {
  font-size: 14px
}

#pfl-atlas-root .text-\[15px\] {
  font-size: 15px
}

#pfl-atlas-root .text-\[16px\] {
  font-size: 16px
}

#pfl-atlas-root .text-\[18px\] {
  font-size: 18px
}

#pfl-atlas-root .text-\[32px\] {
  font-size: 32px
}

#pfl-atlas-root .text-\[9px\] {
  font-size: 9px
}

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

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

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

#pfl-atlas-root .font-extrabold {
  font-weight: 800
}

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

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

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

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

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

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

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

#pfl-atlas-root .text-\[\#00A859\] {
  --tw-text-opacity: 1;
  color: rgb(0 168 89 / var(--tw-text-opacity, 1))
}

#pfl-atlas-root .text-\[\#00A859\]\/70 {
  color: rgb(0 168 89 / 0.7)
}

#pfl-atlas-root .text-\[\#10213E\] {
  --tw-text-opacity: 1;
  color: rgb(16 33 62 / var(--tw-text-opacity, 1))
}

#pfl-atlas-root .text-emerald-500 {
  --tw-text-opacity: 1;
  color: rgb(16 185 129 / var(--tw-text-opacity, 1))
}

#pfl-atlas-root .text-emerald-600 {
  --tw-text-opacity: 1;
  color: rgb(5 150 105 / var(--tw-text-opacity, 1))
}

#pfl-atlas-root .text-emerald-700 {
  --tw-text-opacity: 1;
  color: rgb(4 120 87 / var(--tw-text-opacity, 1))
}

#pfl-atlas-root .text-fuchsia-500 {
  --tw-text-opacity: 1;
  color: rgb(217 70 239 / var(--tw-text-opacity, 1))
}

#pfl-atlas-root .text-fuchsia-600 {
  --tw-text-opacity: 1;
  color: rgb(192 38 211 / var(--tw-text-opacity, 1))
}

#pfl-atlas-root .text-fuchsia-600\/70 {
  color: rgb(192 38 211 / 0.7)
}

#pfl-atlas-root .text-indigo-500 {
  --tw-text-opacity: 1;
  color: rgb(99 102 241 / var(--tw-text-opacity, 1))
}

#pfl-atlas-root .text-indigo-600 {
  --tw-text-opacity: 1;
  color: rgb(79 70 229 / var(--tw-text-opacity, 1))
}

#pfl-atlas-root .text-indigo-600\/70 {
  color: rgb(79 70 229 / 0.7)
}

#pfl-atlas-root .text-sky-500 {
  --tw-text-opacity: 1;
  color: rgb(14 165 233 / var(--tw-text-opacity, 1))
}

#pfl-atlas-root .text-sky-600 {
  --tw-text-opacity: 1;
  color: rgb(2 132 199 / var(--tw-text-opacity, 1))
}

#pfl-atlas-root .text-sky-600\/70 {
  color: rgb(2 132 199 / 0.7)
}

#pfl-atlas-root .text-slate-400 {
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity, 1))
}

#pfl-atlas-root .text-slate-500 {
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity, 1))
}

#pfl-atlas-root .text-slate-600 {
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity, 1))
}

#pfl-atlas-root .text-slate-800 {
  --tw-text-opacity: 1;
  color: rgb(30 41 59 / var(--tw-text-opacity, 1))
}

#pfl-atlas-root .text-slate-900 {
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity, 1))
}

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

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

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

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

#pfl-atlas-root .shadow-inner {
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 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-atlas-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-atlas-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-atlas-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-atlas-root .outline-none {
  outline: 2px solid transparent;
  outline-offset: 2px
}

#pfl-atlas-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-atlas-root .drop-shadow-sm {
  --tw-drop-shadow: drop-shadow(0 1px 1px rgb(0 0 0 / 0.05));
  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-atlas-root .filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

#pfl-atlas-root .backdrop-blur {
  --tw-backdrop-blur: blur(8px);
  -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-atlas-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-atlas-root .transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms
}

#pfl-atlas-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-atlas-root .transition-transform {
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms
}

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

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

#pfl-atlas-root :is(.selection\:bg-emerald-100 *)::-moz-selection {
  --tw-bg-opacity: 1;
  background-color: rgb(209 250 229 / var(--tw-bg-opacity, 1))
}

#pfl-atlas-root :is(.selection\:bg-emerald-100 *)::selection {
  --tw-bg-opacity: 1;
  background-color: rgb(209 250 229 / var(--tw-bg-opacity, 1))
}

#pfl-atlas-root :is(.selection\:text-emerald-900 *)::-moz-selection {
  --tw-text-opacity: 1;
  color: rgb(6 78 59 / var(--tw-text-opacity, 1))
}

#pfl-atlas-root :is(.selection\:text-emerald-900 *)::selection {
  --tw-text-opacity: 1;
  color: rgb(6 78 59 / var(--tw-text-opacity, 1))
}

#pfl-atlas-root .selection\:bg-emerald-100::-moz-selection {
  --tw-bg-opacity: 1;
  background-color: rgb(209 250 229 / var(--tw-bg-opacity, 1))
}

#pfl-atlas-root .selection\:bg-emerald-100::selection {
  --tw-bg-opacity: 1;
  background-color: rgb(209 250 229 / var(--tw-bg-opacity, 1))
}

#pfl-atlas-root .selection\:text-emerald-900::-moz-selection {
  --tw-text-opacity: 1;
  color: rgb(6 78 59 / var(--tw-text-opacity, 1))
}

#pfl-atlas-root .selection\:text-emerald-900::selection {
  --tw-text-opacity: 1;
  color: rgb(6 78 59 / var(--tw-text-opacity, 1))
}

#pfl-atlas-root .hover\:scale-105:hover {
  --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-atlas-root .hover\:scale-\[1\.02\]:hover {
  --tw-scale-x: 1.02;
  --tw-scale-y: 1.02;
  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-atlas-root .hover\:border-emerald-300:hover {
  --tw-border-opacity: 1;
  border-color: rgb(110 231 183 / var(--tw-border-opacity, 1))
}

#pfl-atlas-root .hover\:text-slate-700:hover {
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity, 1))
}

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

#pfl-atlas-root .hover\:shadow-2xl:hover {
  --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-atlas-root .hover\:shadow-md:hover {
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px 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-atlas-root .focus\:border-\[\#00A859\]:focus {
  --tw-border-opacity: 1;
  border-color: rgb(0 168 89 / var(--tw-border-opacity, 1))
}

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

#pfl-atlas-root .focus\:ring-4: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(4px + 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-atlas-root .focus\:ring-\[\#00A859\]\/10:focus {
  --tw-ring-color: rgb(0 168 89 / 0.1)
}

#pfl-atlas-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-atlas-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-atlas-root :is(.group:hover .group-hover\:border-\[\#00A859\]) {
  --tw-border-opacity: 1;
  border-color: rgb(0 168 89 / var(--tw-border-opacity, 1))
}

#pfl-atlas-root :is(.group:hover .group-hover\:bg-\[\#00A859\]) {
  --tw-bg-opacity: 1;
  background-color: rgb(0 168 89 / var(--tw-bg-opacity, 1))
}

#pfl-atlas-root :is(.group:hover .group-hover\:text-emerald-700) {
  --tw-text-opacity: 1;
  color: rgb(4 120 87 / var(--tw-text-opacity, 1))
}

#pfl-atlas-root :is(.group:hover .group-hover\:text-white) {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}

@media (min-width: 640px) {
  #pfl-atlas-root .sm\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }

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

@media (min-width: 768px) {
  #pfl-atlas-root .md\:w-auto {
    width: auto
  }

  #pfl-atlas-root .md\:flex-row {
    flex-direction: row
  }

  #pfl-atlas-root .md\:gap-12 {
    gap: 48px
  }

  #pfl-atlas-root .md\:p-8 {
    padding: 32px
  }

  #pfl-atlas-root .md\:py-14 {
    padding-top: 56px;
    padding-bottom: 56px
  }

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

  #pfl-atlas-root .md\:text-\[15px\] {
    font-size: 15px
  }

  #pfl-atlas-root .md\:text-\[40px\] {
    font-size: 40px
  }
}

@media (min-width: 1024px) {
  #pfl-atlas-root .lg\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr))
  }

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

  #pfl-atlas-root .lg\:px-8 {
    padding-left: 32px;
    padding-right: 32px
  }
}

/* ═══ WARSTWA NADRZĘDNA (ręczna) — jedyny nie-kompilowany CSS.
   (1) keyframes, (2) custom-scrollbar, (3) mini-preflight :where(),
   (4) root substytut, (5) +2px, (6) AGRESYWNE NADPISANIA MOTYWU,
   (7) PANCERZ GRADIENTÓW, (8) re-asercje hex + brakujące klasy JS.
   ════════════════════════════════════════════════════════════════ */

/* ── (1) keyframes (UpsellBanners progress bar) ────────────────── */
@keyframes pfl-atlas-progress {
  from { width: 0%; }
  to   { width: 100%; }
}

/* ── (2) custom-scrollbar ───────────────────────────────────────── */
#pfl-atlas-root .custom-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
#pfl-atlas-root .custom-scrollbar::-webkit-scrollbar {
  display: none;
}

/* ── (3) MINI-PREFLIGHT scoped :where() ────────────────────────── */
#pfl-atlas-root :where(*, *::before, *::after) {
  box-sizing: border-box;
  border-width: 0;
  border-style: solid;
  border-color: #e2e8f0;
}
#pfl-atlas-root :where(h1, h2, h3, h4, h5, h6, p, ul, ol, figure, blockquote, hr, dl, dd) {
  margin: 0;
}
#pfl-atlas-root :where(h1, h2, h3, h4, h5, h6) {
  font-size: inherit;
  font-weight: inherit;
}
#pfl-atlas-root :where(ul, ol) {
  list-style: none;
  margin: 0;
  padding: 0;
}
#pfl-atlas-root :where(img, svg, video, canvas, iframe) {
  display: block;
  vertical-align: middle;
}
#pfl-atlas-root :where(img, video) {
  max-width: 100%;
  height: auto;
}
#pfl-atlas-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-atlas-root :where(button, [type='submit']) {
  background-color: transparent;
  background-image: none;
  text-transform: none;
  -webkit-appearance: button;
}
#pfl-atlas-root :where(a) {
  color: inherit;
  text-decoration: inherit;
}
#pfl-atlas-root :where(strong, b) {
  font-weight: bolder;
}
#pfl-atlas-root :where(input)::-moz-placeholder,
#pfl-atlas-root :where(textarea)::-moz-placeholder {
  opacity: 1;
  color: #9ca3af;
}
#pfl-atlas-root :where(input)::placeholder,
#pfl-atlas-root :where(textarea)::placeholder {
  opacity: 1;
  color: #9ca3af;
}

/* ── (4) Root substytut — JSX root: font-sans bg-slate-50 text-slate-800 ── */
#pfl-atlas-root {
  font-family: 'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  background-color: #f8fafc;
  color: #1e293b;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#pfl-atlas-root ::selection {
  background-color: #d1fae5;
  color: #064e3b;
}
#pfl-atlas-root [hidden] {
  display: none !important;
}

/* ── (5) CZYTELNOŚĆ: +2px (p/li/opisy — nagłówki BEZ zmian) ─────── */
#pfl-atlas-root p.text-\[13px\],
#pfl-atlas-root li.text-\[13px\] {
  font-size: 15px !important;
}
#pfl-atlas-root p.text-\[14px\],
#pfl-atlas-root li.text-\[14px\] {
  font-size: 16px !important;
}
#pfl-atlas-root p.text-\[15px\],
#pfl-atlas-root li.text-\[15px\] {
  font-size: 17px !important;
}
#pfl-atlas-root p.text-\[16px\],
#pfl-atlas-root li.text-\[16px\] {
  font-size: 18px !important;
}
@media (min-width: 768px) {
  #pfl-atlas-root p.md\:text-\[15px\] { font-size: 17px !important; }
}

/* ── (6) AGRESYWNE NADPISANIA MOTYWU ────────────────────────────── */
#pfl-atlas-root a,
#pfl-atlas-root a:visited,
#pfl-atlas-root a:hover,
#pfl-atlas-root a:focus,
#pfl-atlas-root a:active {
  text-decoration: none !important;
}
#pfl-atlas-root a:not([class*="text-"]),
#pfl-atlas-root a:not([class*="text-"]):visited,
#pfl-atlas-root a:not([class*="text-"]):hover,
#pfl-atlas-root a:not([class*="text-"]):focus,
#pfl-atlas-root button:not([class*="text-"]),
#pfl-atlas-root button:not([class*="text-"]):hover,
#pfl-atlas-root button:not([class*="text-"]):focus {
  color: inherit !important;
}
#pfl-atlas-root button:not([class*="bg-"]),
#pfl-atlas-root button:not([class*="bg-"]):hover,
#pfl-atlas-root button:not([class*="bg-"]):focus {
  background-color: transparent !important;
  background-image: none !important;
}
#pfl-atlas-root button:not([class*="border"]) {
  border: 0 !important;
}
#pfl-atlas-root button {
  font-family: inherit;
  text-transform: none;
  letter-spacing: normal;
  background-image: none;
}
#pfl-atlas-root input[type="text"],
#pfl-atlas-root input[type="email"],
#pfl-atlas-root input[type="search"],
#pfl-atlas-root select,
#pfl-atlas-root textarea {
  box-shadow: none;
}

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

/* ── (8) Re-asercje: brakujące klasy z JS-render (hex gradient stops) ── */
/* SectionHeader gradient — from-[#00A859] to-[#16B3D6] */
#pfl-atlas-root .from-\[\#00A859\] {
  --tw-gradient-from: #00A859 !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgb(0 168 89 / 0)) !important;
}
#pfl-atlas-root .to-\[\#16B3D6\] {
  --tw-gradient-to: #16B3D6 !important;
}
/* Banner gradient classes set by JS */
#pfl-atlas-root .from-emerald-500 {
  --tw-gradient-from: #10b981 !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgb(16 185 129 / 0)) !important;
}
#pfl-atlas-root .to-teal-600 {
  --tw-gradient-to: #0d9488 !important;
}
#pfl-atlas-root .from-amber-500 {
  --tw-gradient-from: #f59e0b !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgb(245 158 11 / 0)) !important;
}
#pfl-atlas-root .to-orange-600 {
  --tw-gradient-to: #ea580c !important;
}
#pfl-atlas-root .from-fuchsia-500 {
  --tw-gradient-from: #d946ef !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgb(217 70 239 / 0)) !important;
}
#pfl-atlas-root .to-purple-600 {
  --tw-gradient-to: #9333ea !important;
}
#pfl-atlas-root .from-indigo-500 {
  --tw-gradient-from: #6366f1 !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgb(99 102 241 / 0)) !important;
}
#pfl-atlas-root .to-blue-600 {
  --tw-gradient-to: #2563eb !important;
}
#pfl-atlas-root .from-slate-800 {
  --tw-gradient-from: #1e293b !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgb(30 41 59 / 0)) !important;
}
#pfl-atlas-root .to-slate-900 {
  --tw-gradient-to: #0f172a !important;
}
#pfl-atlas-root .from-rose-500 {
  --tw-gradient-from: #f43f5e !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgb(244 63 94 / 0)) !important;
}
#pfl-atlas-root .to-pink-600 {
  --tw-gradient-to: #db2777 !important;
}
/* FAQ chevron rotate */
#pfl-atlas-root .pfl-atlas-faq__chevron.rotate-180 {
  transform: rotate(180deg);
}
/* Progress bar animation */
#pfl-atlas-root [data-pfl-atlas="banner-progress-bar"].is-animating {
  animation: pfl-atlas-progress 30s linear forwards;
}
/* SVG color re-assertions */
#pfl-atlas-root .text-emerald-600 svg,
#pfl-atlas-root .text-emerald-600 {
  color: #059669 !important;
}
#pfl-atlas-root .text-sky-500 { color: #0ea5e9 !important; }
#pfl-atlas-root .text-sky-600 { color: #0284c7 !important; }
#pfl-atlas-root .text-fuchsia-500 { color: #d946ef !important; }
#pfl-atlas-root .text-fuchsia-600 { color: #c026d3 !important; }
#pfl-atlas-root .text-indigo-500 { color: #6366f1 !important; }
#pfl-atlas-root .text-indigo-600 { color: #4f46e5 !important; }
#pfl-atlas-root .text-\[\#00A859\] { color: #00A859 !important; }
#pfl-atlas-root .text-\[\#10213E\] { color: #10213E !important; }
#pfl-atlas-root .text-slate-500 { color: #64748b !important; }
#pfl-atlas-root .text-slate-600 { color: #475569 !important; }
#pfl-atlas-root .text-slate-700 { color: #334155 !important; }
#pfl-atlas-root .bg-\[\#E5F6EE\] { background-color: #E5F6EE !important; }
#pfl-atlas-root .bg-\[\#00A859\] { background-color: #00A859 !important; }
#pfl-atlas-root .hover\:bg-\[\#008A4B\]:hover { background-color: #008A4B !important; }
#pfl-atlas-root .border-\[\#00A859\]\/20 { border-color: rgb(0 168 89 / 0.2) !important; }
#pfl-atlas-root .text-\[\#00A859\]\/70 { color: rgb(0 168 89 / 0.7) !important; }
#pfl-atlas-root .text-sky-600\/70 { color: rgb(2 132 199 / 0.7) !important; }
#pfl-atlas-root .text-fuchsia-600\/70 { color: rgb(192 38 211 / 0.7) !important; }
#pfl-atlas-root .text-indigo-600\/70 { color: rgb(79 70 229 / 0.7) !important; }
/* hover:border-emerald-300 */
#pfl-atlas-root .hover\:border-emerald-300:hover { border-color: #6ee7b7 !important; }
/* hover:text-emerald-700 */
#pfl-atlas-root .hover\:text-emerald-700:hover { color: #047857 !important; }
/* group-hover colors */
#pfl-atlas-root .group:hover .group-hover\:bg-\[\#00A859\] { background-color: #00A859 !important; }
#pfl-atlas-root .group:hover .group-hover\:text-white { color: #ffffff !important; }
#pfl-atlas-root .group:hover .group-hover\:border-\[\#00A859\] { border-color: #00A859 !important; }
#pfl-atlas-root .group:hover .group-hover\:text-emerald-700 { color: #047857 !important; }