@font-face{font-family:Inter;src:url('../fonts/inter/inter-latin-ext-wght-normal.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:Poppins;src:url('../fonts/poppins/poppins-latin-ext-700-normal.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:Poppins;src:url('../fonts/poppins/poppins-latin-ext-800-normal.woff2') format('woff2');font-style:normal;font-weight:800;font-display:swap}
@font-face{font-family:Poppins;src:url('../fonts/poppins/poppins-latin-ext-900-normal.woff2') format('woff2');font-style:normal;font-weight:900;font-display:swap}
/**
 * Profilio Landing — O Profilio 2.0.
 *
 * METODA KLONU v4:
 *   CZĘŚĆ 1 — Tailwind 3 skompilowany z markupu partiala + o-profilio.js
 *             (tailwind.config ze źródła: instrukcje/UI Landing O Profilio
 *             2.0 - preview.html, linie 15-44),
 *             important: '#pfl-oprofilio-root', corePlugins.preflight: false.
 *   CZĘŚĆ 2 — WARSTWA NADRZĘDNA (ręczna): <style> źródła (scoped),
 *             mini-preflight :where(), czytelność +2px,
 *             agresywne nadpisania motywu + re-asercje kolorów/SVG.
 *
 * NIE EDYTOWAĆ CZĘŚCI 1 RĘCZNIE — regeneracja: npx tailwindcss@3.
 */

/* ── TAILWIND DEFAULTS (zmienne --tw-*; bez nich gradienty/transformy
      są nieprawidłowe — var() bez definicji unieważnia całą deklarację) ── */
#pfl-oprofilio-root, #pfl-oprofilio-root *, #pfl-oprofilio-root ::before, #pfl-oprofilio-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:  
}

@media all and (max-width: 0px) {
/* ========================================================================
   1.17.565 — SEKCJA 05 / V3: KORZYŚĆ PO ZLECENIU
   Jedna rola (benefits), jeden panel S3, jeden rzeczywisty CTA. Ten blok jest
   lokalnym wariantem root i świadomie nadpisuje wyłącznie klasę .pfl-proof.
   ======================================================================== */
#pfl-oprofilio-root .pfl-proof {
  position: relative;
  width: 100%;
  overflow: hidden;
  border-top: 1px solid #d5e0eb;
  background:
    radial-gradient(circle at 8% 12%, rgba(89, 223, 170, 0.09), transparent 23rem),
    radial-gradient(circle at 92% 86%, rgba(45, 109, 246, 0.07), transparent 26rem),
    #f7f9fc;
  color: #0b1e3d;
}

#pfl-oprofilio-root .pfl-proof::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0.22;
  background-image: radial-gradient(circle, rgba(11, 30, 61, 0.18) 1px, transparent 1.15px);
  background-size: 32px 32px;
  -webkit-mask-image: linear-gradient(to bottom, transparent 2%, #000 18%, #000 82%, transparent 98%);
          mask-image: linear-gradient(to bottom, transparent 2%, #000 18%, #000 82%, transparent 98%);
}

#pfl-oprofilio-root .pfl-proof__inner {
  position: relative;
  z-index: 1;
  width: min(1200px, calc(100% - 40px));
  margin-inline: auto;
  padding-block: clamp(5.25rem, 8vw, 7.25rem);
}

#pfl-oprofilio-root .pfl-proof__header {
  max-width: 880px;
  margin: 0 0 clamp(2.25rem, 4vw, 3.5rem);
}

#pfl-oprofilio-root .pfl-proof__eyebrow,
#pfl-oprofilio-root .pfl-proof__status {
  display: inline-flex;
  align-items: center;
  gap: 0.625rem;
  min-height: 2.25rem;
  border-radius: 999px;
  font-size: 0.9375rem;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: 0.065em;
  text-transform: uppercase;
}

#pfl-oprofilio-root .pfl-proof__eyebrow {
  margin-bottom: 1.25rem;
  padding: 0.25rem 0.9rem 0.25rem 0.25rem;
  border: 1px solid #d5e0eb;
  background: rgba(255, 255, 255, 0.92);
  color: #526781;
  box-shadow: 0 8px 22px rgba(7, 26, 53, 0.06);
}

#pfl-oprofilio-root .pfl-proof__number {
  display: inline-grid;
  place-items: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 0.875rem;
  background: #6c38b5;
  color: #fff;
  box-shadow: 0 9px 20px rgba(108, 56, 181, 0.2);
}

#pfl-oprofilio-root .pfl-proof__header h2 {
  max-width: 780px;
  margin: 0;
  color: #0b1e3d !important;
  font-family: var(--font-heading, inherit);
  font-size: clamp(2.375rem, 4.2vw, 3.875rem);
  font-weight: 900;
  line-height: 1.02;
  letter-spacing: -0.045em;
  text-wrap: balance;
}

#pfl-oprofilio-root .pfl-proof__header h2 span {
  display: block;
  margin-top: 0.08em;
  color: #008451 !important;
}

#pfl-oprofilio-root .pfl-proof__header > p {
  max-width: 760px;
  margin: 1.25rem 0 0;
  color: #526781;
  font-size: clamp(1.0625rem, 1.4vw, 1.1875rem);
  line-height: 1.65;
}

#pfl-oprofilio-root .pfl-proof__stage {
  min-width: 0;
  padding: clamp(1.75rem, 3.2vw, 2.75rem);
  overflow: hidden;
  border: 1px solid #d5e0eb;
  border-radius: 2rem;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 24px 70px rgba(7, 26, 53, 0.09);
}

#pfl-oprofilio-root .pfl-proof__stage-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1.5rem;
}

#pfl-oprofilio-root .pfl-proof__status {
  padding: 0.45rem 0.8rem;
  border: 1px solid #b9e7d3;
  background: #eefaf5;
  color: #006f4e;
}

#pfl-oprofilio-root .pfl-proof__status > span {
  width: 0.5rem;
  height: 0.5rem;
  flex: 0 0 0.5rem;
  border-radius: 50%;
  background: #008451;
  box-shadow: 0 0 0 4px rgba(0, 132, 81, 0.12);
}

#pfl-oprofilio-root .pfl-proof__stage-head h3 {
  max-width: 760px;
  margin: 1rem 0 0;
  color: #0b1e3d !important;
  font-family: var(--font-heading, inherit);
  font-size: clamp(1.75rem, 2.6vw, 2.4rem);
  font-weight: 850;
  line-height: 1.12;
  letter-spacing: -0.032em;
  text-wrap: balance;
}

#pfl-oprofilio-root .pfl-proof__stage-mark {
  display: grid;
  place-items: center;
  width: 3.5rem;
  height: 3.5rem;
  flex: 0 0 3.5rem;
  border-radius: 1.125rem;
  background: #f2f6fa;
  color: #008451;
}

#pfl-oprofilio-root .pfl-proof__stage-mark svg {
  width: 1.75rem;
  height: 1.75rem;
}

#pfl-oprofilio-root .pfl-proof__flow {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.875rem;
  margin: clamp(2rem, 4vw, 3rem) 0 1.25rem;
  padding: 0;
  list-style: none;
}

#pfl-oprofilio-root .pfl-proof__flow::before {
  content: "";
  position: absolute;
  top: 1.55rem;
  right: 10%;
  left: 10%;
  height: 2px;
  background: linear-gradient(90deg, #2d6df6, #0ea5a0, #59dfaa, #6c38b5);
  transform-origin: left center;
}

#pfl-oprofilio-root .pfl-proof__flow li {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 3.15rem minmax(0, 1fr);
  gap: 0.9rem;
  align-items: center;
  min-width: 0;
  min-height: 7rem;
  padding: 1.1rem;
  border: 1px solid #d5e0eb;
  border-radius: 1.25rem;
  background: #f7f9fc;
}

#pfl-oprofilio-root .pfl-proof__step-index {
  display: grid;
  place-items: center;
  width: 3.15rem;
  height: 3.15rem;
  border: 5px solid #fff;
  border-radius: 50%;
  background: #2d6df6;
  color: #fff;
  font-size: 0.9375rem;
  font-weight: 850;
  box-shadow: 0 0 0 1px #cad8e8;
}

#pfl-oprofilio-root .pfl-proof__flow li:nth-child(2) .pfl-proof__step-index { background: #0e8f91; }
#pfl-oprofilio-root .pfl-proof__flow li:nth-child(3) .pfl-proof__step-index { background: #008451; }
#pfl-oprofilio-root .pfl-proof__flow li:nth-child(4) .pfl-proof__step-index { background: #6c38b5; }

#pfl-oprofilio-root .pfl-proof__flow h4,
#pfl-oprofilio-root .pfl-proof__benefits h4 {
  margin: 0;
  color: #0b1e3d !important;
  font-family: var(--font-heading, inherit);
  font-size: 1.125rem;
  font-weight: 800;
  line-height: 1.25;
}

#pfl-oprofilio-root .pfl-proof__flow p,
#pfl-oprofilio-root .pfl-proof__benefits p,
#pfl-oprofilio-root .pfl-proof__outcome p,
#pfl-oprofilio-root .pfl-proof__footer p {
  margin: 0;
  font-size: 1rem;
  line-height: 1.55;
}

#pfl-oprofilio-root .pfl-proof__flow p {
  margin-top: 0.3rem;
  color: #526781;
}

#pfl-oprofilio-root .pfl-proof__outcome {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1.25rem 1.4rem;
  border: 1px solid #1d416c;
  border-radius: 1.25rem;
  background:
    radial-gradient(circle at 92% 20%, rgba(89, 223, 170, 0.16), transparent 15rem),
    #071a35;
  color: #fff;
}

#pfl-oprofilio-root .pfl-proof__outcome-icon {
  display: grid;
  place-items: center;
  width: 3rem;
  height: 3rem;
  flex: 0 0 3rem;
  border-radius: 0.95rem;
  background: rgba(89, 223, 170, 0.14);
  color: #59dfaa;
}

#pfl-oprofilio-root .pfl-proof__outcome-icon svg {
  width: 1.45rem;
  height: 1.45rem;
}

#pfl-oprofilio-root .pfl-proof__outcome span {
  display: block;
  margin-bottom: 0.25rem;
  color: #9fb2ca;
  font-size: 0.9375rem;
  font-weight: 800;
  letter-spacing: 0.045em;
  text-transform: uppercase;
}

#pfl-oprofilio-root .pfl-proof__outcome p {
  color: #fff;
  font-size: 1.125rem;
  font-weight: 750;
}

#pfl-oprofilio-root .pfl-proof__benefits {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  margin: 1.25rem 0 0;
  padding: 0;
  list-style: none;
}

#pfl-oprofilio-root .pfl-proof__benefits li {
  display: grid;
  grid-template-columns: 2.5rem minmax(0, 1fr);
  gap: 0.9rem;
  min-width: 0;
  padding: 1.25rem;
  border: 1px solid #d5e0eb;
  border-radius: 1.25rem;
  background: #fff;
}

#pfl-oprofilio-root .pfl-proof__benefits li > span {
  display: grid;
  place-items: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 0.8rem;
  background: #eefaf5;
  color: #00764b;
  font-size: 0.9375rem;
  font-weight: 850;
}

#pfl-oprofilio-root .pfl-proof__benefits p {
  margin-top: 0.5rem;
  color: #526781;
}

#pfl-oprofilio-root .pfl-proof__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  margin-top: 1.25rem;
  padding-top: 1.25rem;
  border-top: 1px solid #d5e0eb;
}

#pfl-oprofilio-root .pfl-proof__footer p {
  max-width: 680px;
  color: #526781;
}

#pfl-oprofilio-root .pfl-proof__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.65rem;
  min-width: 17rem;
  min-height: 3.5rem;
  padding: 0.85rem 1.35rem;
  border: 1px solid #008451;
  border-radius: 1rem;
  background: #008451;
  color: #fff !important;
  font-size: 1rem;
  font-weight: 800;
  line-height: 1.2;
  text-decoration: none !important;
  box-shadow: 0 12px 26px rgba(0, 132, 81, 0.2);
  transition: background-color 180ms ease-out, border-color 180ms ease-out, box-shadow 180ms ease-out;
}

#pfl-oprofilio-root .pfl-proof__button svg {
  width: 1.2rem;
  height: 1.2rem;
  transition: transform 180ms ease-out;
}

#pfl-oprofilio-root .pfl-proof__button:hover {
  border-color: #006f43;
  background: #006f43;
  box-shadow: 0 14px 30px rgba(0, 111, 67, 0.24);
}

#pfl-oprofilio-root .pfl-proof__button:hover svg {
  transform: translateX(0.22rem);
}

#pfl-oprofilio-root .pfl-proof__button:focus-visible {
  outline: 3px solid #2d6df6;
  outline-offset: 3px;
}

/* Jednorazowe ujawnienie hierarchii. Bez JS pełna treść jest widoczna. */
@media (min-width: 768px) and (prefers-reduced-motion: no-preference) {
  #pfl-oprofilio-root.is-enhanced .pfl-proof [data-pfl-proof-reveal] {
    opacity: 0;
    transform: translateY(12px);
    transition: opacity 380ms cubic-bezier(0.2, 0.8, 0.2, 1), transform 380ms cubic-bezier(0.2, 0.8, 0.2, 1);
  }

  #pfl-oprofilio-root.is-enhanced .pfl-proof [data-pfl-proof-reveal].is-visible {
    opacity: 1;
    transform: translateY(0);
  }

  #pfl-oprofilio-root.is-enhanced .pfl-proof__stage.is-visible .pfl-proof__flow::before {
    animation: pfl-proof-v3-line 680ms 180ms cubic-bezier(0.2, 0.8, 0.2, 1) both;
  }
}

@keyframes pfl-proof-v3-line {
  from { opacity: 0; transform: scaleX(0); }
  to { opacity: 1; transform: scaleX(1); }
}

@media (max-width: 1024px) {
  #pfl-oprofilio-root .pfl-proof__flow {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #pfl-oprofilio-root .pfl-proof__flow::before {
    display: none;
  }

  #pfl-oprofilio-root .pfl-proof__benefits {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 767px) {
  #pfl-oprofilio-root .pfl-proof::before {
    display: none;
  }

  #pfl-oprofilio-root .pfl-proof__inner {
    width: min(100% - 32px, 1200px);
    padding-block: 4.75rem;
  }

  #pfl-oprofilio-root .pfl-proof__header {
    margin-bottom: 2rem;
  }

  #pfl-oprofilio-root .pfl-proof__header h2 {
    font-size: clamp(2.375rem, 11.2vw, 3.25rem);
    line-height: 1.02;
  }

  #pfl-oprofilio-root .pfl-proof__stage {
    padding: 1.25rem;
    border-radius: 1.5rem;
  }

  #pfl-oprofilio-root .pfl-proof__stage-mark {
    width: 3rem;
    height: 3rem;
    flex-basis: 3rem;
  }

  #pfl-oprofilio-root .pfl-proof__flow {
    grid-template-columns: 1fr;
    gap: 0.75rem;
    margin-top: 1.75rem;
  }

  #pfl-oprofilio-root .pfl-proof__flow li {
    min-height: auto;
  }

  #pfl-oprofilio-root .pfl-proof__outcome {
    align-items: flex-start;
    padding: 1.1rem;
  }

  #pfl-oprofilio-root .pfl-proof__benefits li {
    padding: 1.1rem;
  }

  #pfl-oprofilio-root .pfl-proof__footer {
    align-items: stretch;
    flex-direction: column;
  }

  #pfl-oprofilio-root .pfl-proof__button {
    width: 100%;
    min-width: 0;
  }
}

@media (max-width: 390px) {
  #pfl-oprofilio-root .pfl-proof__stage-head {
    gap: 0.75rem;
  }

  #pfl-oprofilio-root .pfl-proof__stage-mark {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  #pfl-oprofilio-root .pfl-proof *,
  #pfl-oprofilio-root .pfl-proof *::before,
  #pfl-oprofilio-root .pfl-proof *::after {
    animation: none !important;
    transition-duration: 0.01ms !important;
  }
}

@media (forced-colors: active) {
  #pfl-oprofilio-root .pfl-proof__stage,
  #pfl-oprofilio-root .pfl-proof__flow li,
  #pfl-oprofilio-root .pfl-proof__outcome,
  #pfl-oprofilio-root .pfl-proof__benefits li,
  #pfl-oprofilio-root .pfl-proof__status,
  #pfl-oprofilio-root .pfl-proof__button {
    border: 1px solid CanvasText;
  }

  #pfl-oprofilio-root .pfl-proof__button {
    background: Highlight;
    color: HighlightText !important;
  }

  #pfl-oprofilio-root .pfl-proof__button:focus-visible {
    outline: 3px solid Highlight;
  }
}



}

/* ========================================================================
   1.17.566 — SEKCJA 05 / V3: WORKING PROOF
   Wizualny benchmark: /program-afiliacyjny/ — editorial header, jedna
   dominująca scena produktu, asymetryczny dowód i jeden CTA.
   ======================================================================== */
#pfl-oprofilio-root .pfl-proof-v4 {
  position: relative;
  width: 100%;
  overflow: hidden;
  border-top: 1px solid #d5e0eb;
  background:
    radial-gradient(circle at 8% 12%, rgba(45, 109, 246, 0.075), transparent 27rem),
    radial-gradient(circle at 92% 84%, rgba(0, 168, 101, 0.07), transparent 28rem),
    linear-gradient(180deg, #fff 0%, #f7f9fc 100%);
  color: #0b1e3d;
}

#pfl-oprofilio-root .pfl-proof-v4::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0.22;
  background-image: radial-gradient(rgba(30, 78, 137, 0.16) 0.7px, transparent 0.7px);
  background-size: 23px 23px;
  -webkit-mask-image: linear-gradient(to bottom, transparent 0%, #000 18%, #000 84%, transparent 100%);
          mask-image: linear-gradient(to bottom, transparent 0%, #000 18%, #000 84%, transparent 100%);
}

#pfl-oprofilio-root .pfl-proof-v4 .pfl-proof__inner {
  position: relative;
  z-index: 1;
  width: min(1200px, calc(100% - 40px));
  margin-inline: auto;
  padding-block: clamp(5.5rem, 8.5vw, 8rem);
}

#pfl-oprofilio-root .pfl-proof-v4 .pfl-proof__header {
  max-width: 930px;
  margin: 0 auto clamp(2.75rem, 5vw, 4.25rem);
  text-align: center;
}

#pfl-oprofilio-root .pfl-proof-v4 .pfl-proof__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 0.65rem;
  min-height: 2rem;
  margin: 0 0 1.35rem;
  padding: 0.35rem 0.8rem;
  border: 1px solid #d9e4ef;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.94);
  color: #526781;
  font-size: 0.9375rem;
  font-weight: 850;
  line-height: 1.2;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  box-shadow: 0 5px 16px rgba(14, 33, 60, 0.05);
}

#pfl-oprofilio-root .pfl-proof-v4 .pfl-proof__eyebrow-dot {
  width: 0.55rem;
  height: 0.55rem;
  flex: 0 0 0.55rem;
  border-radius: 50%;
  background: #6c38b5;
  box-shadow: 0 0 0 5px rgba(108, 56, 181, 0.11);
}

#pfl-oprofilio-root .pfl-proof-v4 .pfl-proof__header h2 {
  max-width: 920px;
  margin: 0 auto;
  color: #0b1e3d !important;
  font-family: Poppins, Inter, sans-serif;
  font-size: clamp(2.55rem, 4.8vw, 4rem);
  font-weight: 900;
  line-height: 1.01;
  letter-spacing: -0.052em;
  text-wrap: balance;
}

#pfl-oprofilio-root .pfl-proof-v4 .pfl-proof__header h2 span {
  display: block;
  margin-top: 0.08em;
  color: #008451 !important;
  background: linear-gradient(100deg, #008451 0%, #0ea5a0 52%, #2d6df6 100%);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
}

#pfl-oprofilio-root .pfl-proof-v4 .pfl-proof__header > p {
  max-width: 770px;
  margin: 1.25rem auto 0;
  color: #526781;
  font-size: clamp(1.0625rem, 1.5vw, 1.1875rem);
  line-height: 1.65;
}

#pfl-oprofilio-root .pfl-proof-v4 .pfl-proof__stage {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 0.86fr) minmax(500px, 1.14fr);
  gap: clamp(2.5rem, 5vw, 5rem);
  align-items: center;
  min-width: 0;
  padding: clamp(2rem, 4vw, 3.5rem);
  overflow: hidden;
  border: 1px solid #1c3a63;
  border-radius: 2rem;
  background:
    radial-gradient(circle at 100% 0%, rgba(45, 109, 246, 0.2), transparent 34%),
    radial-gradient(circle at 0% 100%, rgba(22, 199, 132, 0.12), transparent 33%),
    #071a35;
  box-shadow: 0 34px 76px rgba(7, 26, 53, 0.23);
}

#pfl-oprofilio-root .pfl-proof-v4 .pfl-proof__stage::before {
  content: "";
  position: absolute;
  inset: 0 2rem auto;
  height: 2px;
  background: linear-gradient(90deg, transparent, #4b85ff, #35d9a0, transparent);
}

#pfl-oprofilio-root .pfl-proof-v4 .pfl-proof__stage-glow {
  position: absolute;
  top: 13%;
  right: 10%;
  width: 17rem;
  height: 17rem;
  border-radius: 50%;
  background: rgba(67, 139, 255, 0.13);
  filter: blur(70px);
  pointer-events: none;
}

#pfl-oprofilio-root .pfl-proof-v4 .pfl-proof__mechanism,
#pfl-oprofilio-root .pfl-proof-v4 .pfl-proof__profile,
#pfl-oprofilio-root .pfl-proof-v4 .pfl-proof__footer {
  position: relative;
  z-index: 1;
  min-width: 0;
}

#pfl-oprofilio-root .pfl-proof-v4 .pfl-proof__status {
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  min-height: 2rem;
  padding: 0.35rem 0.75rem;
  border: 1px solid rgba(89, 223, 170, 0.22);
  border-radius: 999px;
  background: rgba(22, 199, 132, 0.09);
  color: #74e0b6;
  font-size: 0.9375rem;
  font-weight: 850;
  line-height: 1.2;
  letter-spacing: 0.045em;
  text-transform: uppercase;
}

#pfl-oprofilio-root .pfl-proof-v4 .pfl-proof__status > span {
  width: 0.5rem;
  height: 0.5rem;
  flex: 0 0 0.5rem;
  border-radius: 50%;
  background: #35d9a0;
  box-shadow: 0 0 0 4px rgba(53, 217, 160, 0.12);
}

#pfl-oprofilio-root .pfl-proof-v4 .pfl-proof__mechanism h3 {
  max-width: 500px;
  margin: 1.25rem 0 0;
  color: #fff !important;
  font-family: Poppins, Inter, sans-serif;
  font-size: clamp(2rem, 3vw, 2.75rem);
  font-weight: 850;
  line-height: 1.06;
  letter-spacing: -0.042em;
  text-wrap: balance;
}

#pfl-oprofilio-root .pfl-proof-v4 .pfl-proof__mechanism-lead {
  max-width: 515px;
  margin: 1rem 0 0;
  color: #aebdd0;
  font-size: 1.0625rem;
  line-height: 1.62;
}

#pfl-oprofilio-root .pfl-proof-v4 .pfl-proof__timeline {
  position: relative;
  display: grid;
  gap: 0;
  margin: 2rem 0 0;
  padding: 0;
  list-style: none;
}

#pfl-oprofilio-root .pfl-proof-v4 .pfl-proof__timeline::before {
  content: "";
  position: absolute;
  top: 1.5rem;
  bottom: 1.5rem;
  left: 1.48rem;
  width: 2px;
  background: linear-gradient(#4b85ff, #28c9c0 52%, #35d9a0);
  transform-origin: top;
}

#pfl-oprofilio-root .pfl-proof-v4 .pfl-proof__timeline li {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 3rem minmax(0, 1fr);
  gap: 1rem;
  align-items: start;
  min-width: 0;
  padding: 0.65rem 0 1.15rem;
}

#pfl-oprofilio-root .pfl-proof-v4 .pfl-proof__timeline li:last-child {
  padding-bottom: 0.25rem;
}

#pfl-oprofilio-root .pfl-proof-v4 .pfl-proof__timeline-icon {
  display: grid;
  place-items: center;
  width: 3rem;
  height: 3rem;
  border: 1px solid rgba(124, 167, 232, 0.3);
  border-radius: 1rem;
  background: #10366c;
  color: #9abcff;
  font-size: 0.9375rem;
  font-weight: 900;
  box-shadow: 0 0 0 7px #0a2447;
}

#pfl-oprofilio-root .pfl-proof-v4 .pfl-proof__timeline li:nth-child(2) .pfl-proof__timeline-icon {
  background: #0d3a59;
  color: #68d7db;
}

#pfl-oprofilio-root .pfl-proof-v4 .pfl-proof__timeline li:nth-child(3) .pfl-proof__timeline-icon {
  background: #0b3d4c;
  color: #65dfb0;
}

#pfl-oprofilio-root .pfl-proof-v4 .pfl-proof__timeline h4 {
  margin: 0.1rem 0 0;
  color: #fff !important;
  font-family: Poppins, Inter, sans-serif;
  font-size: 1.125rem;
  font-weight: 800;
  line-height: 1.35;
}

#pfl-oprofilio-root .pfl-proof-v4 .pfl-proof__timeline p {
  margin: 0.32rem 0 0;
  color: #9fb1c8;
  font-size: 1rem;
  line-height: 1.52;
}

#pfl-oprofilio-root .pfl-proof-v4 .pfl-proof__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.65rem;
  min-height: 3.5rem;
  margin-top: 2rem;
  padding: 0.85rem 1.35rem;
  border: 1px solid #008451;
  border-radius: 0.95rem;
  background: #008451;
  color: #fff !important;
  font-size: 1rem;
  font-weight: 850;
  line-height: 1.2;
  text-decoration: none !important;
  box-shadow: 0 13px 30px rgba(0, 132, 81, 0.26);
  transition: transform 180ms ease-out, background-color 180ms ease-out, box-shadow 180ms ease-out;
}

#pfl-oprofilio-root .pfl-proof-v4 .pfl-proof__button svg {
  width: 1.2rem;
  height: 1.2rem;
  transition: transform 180ms ease-out;
}

#pfl-oprofilio-root .pfl-proof-v4 .pfl-proof__button:hover {
  background: #006f43;
  box-shadow: 0 16px 34px rgba(0, 111, 67, 0.3);
  transform: translateY(-2px);
}

#pfl-oprofilio-root .pfl-proof-v4 .pfl-proof__button:hover svg {
  transform: translateX(0.2rem);
}

#pfl-oprofilio-root .pfl-proof-v4 .pfl-proof__button:focus-visible {
  outline: 3px solid #72a2ff;
  outline-offset: 3px;
}

#pfl-oprofilio-root .pfl-proof-v4 .pfl-proof__profile {
  padding: clamp(1.35rem, 2.5vw, 2rem);
  border: 1px solid #dbe4ef;
  border-radius: 1.6rem;
  background: #fff;
  color: #0b1e3d;
  box-shadow: 0 28px 64px rgba(0, 8, 24, 0.28);
  transform: rotate(0.6deg);
}

#pfl-oprofilio-root .pfl-proof-v4 .pfl-proof__profile::before {
  content: "";
  position: absolute;
  inset: 0 1.5rem auto;
  height: 3px;
  border-radius: 999px;
  background: linear-gradient(90deg, #2d6df6, #6c38b5 52%, #00a865);
}

#pfl-oprofilio-root .pfl-proof-v4 .pfl-proof__profile-top,
#pfl-oprofilio-root .pfl-proof-v4 .pfl-proof__brand,
#pfl-oprofilio-root .pfl-proof-v4 .pfl-proof__profile-result {
  display: flex;
  align-items: center;
}

#pfl-oprofilio-root .pfl-proof-v4 .pfl-proof__profile-top {
  justify-content: space-between;
  gap: 1rem;
  padding-bottom: 1.15rem;
  border-bottom: 1px solid #dbe4ef;
}

#pfl-oprofilio-root .pfl-proof-v4 .pfl-proof__brand {
  gap: 0.8rem;
  min-width: 0;
}

#pfl-oprofilio-root .pfl-proof-v4 .pfl-proof__brand > span {
  display: grid;
  place-items: center;
  width: 3rem;
  height: 3rem;
  flex: 0 0 3rem;
  border-radius: 0.95rem;
  background: #071a35;
  overflow: hidden;
}

#pfl-oprofilio-root .pfl-proof-v4 .pfl-proof__brand img {
  display: block;
  width: 2.35rem;
  height: 2.35rem;
  object-fit: contain;
}

#pfl-oprofilio-root .pfl-proof-v4 .pfl-proof__brand small,
#pfl-oprofilio-root .pfl-proof-v4 .pfl-proof__brand strong {
  display: block;
}

#pfl-oprofilio-root .pfl-proof-v4 .pfl-proof__brand small {
  color: #657991;
  font-size: 0.9375rem;
  line-height: 1.35;
}

#pfl-oprofilio-root .pfl-proof-v4 .pfl-proof__brand strong {
  margin-top: 0.1rem;
  color: #0b1e3d;
  font-size: 1.0625rem;
  line-height: 1.35;
}

#pfl-oprofilio-root .pfl-proof-v4 .pfl-proof__profile-state {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  min-height: 2rem;
  padding: 0.35rem 0.7rem;
  border: 1px solid #bfe9d5;
  border-radius: 999px;
  background: #ecfaf4;
  color: #087249;
  font-size: 0.9375rem;
  font-weight: 800;
  line-height: 1.2;
  white-space: nowrap;
}

#pfl-oprofilio-root .pfl-proof-v4 .pfl-proof__profile-state i {
  width: 0.48rem;
  height: 0.48rem;
  border-radius: 50%;
  background: #00a865;
}

#pfl-oprofilio-root .pfl-proof-v4 .pfl-proof__profile-title {
  padding: 1.45rem 0 1rem;
}

#pfl-oprofilio-root .pfl-proof-v4 .pfl-proof__profile-title > span {
  display: block;
  color: #6c38b5;
  font-size: 0.9375rem;
  font-weight: 850;
  line-height: 1.3;
  letter-spacing: 0.045em;
  text-transform: uppercase;
}

#pfl-oprofilio-root .pfl-proof-v4 .pfl-proof__profile-title h4 {
  margin: 0.45rem 0 0;
  color: #0b1e3d !important;
  font-family: Poppins, Inter, sans-serif;
  font-size: clamp(1.5rem, 2.1vw, 1.9rem);
  font-weight: 850;
  line-height: 1.16;
  letter-spacing: -0.035em;
}

#pfl-oprofilio-root .pfl-proof-v4 .pfl-proof__profile-rows {
  display: grid;
  gap: 0.65rem;
}

#pfl-oprofilio-root .pfl-proof-v4 .pfl-proof__profile-rows > div {
  display: grid;
  grid-template-columns: 2.4rem minmax(0, 1fr) 2rem;
  gap: 0.8rem;
  align-items: center;
  min-width: 0;
  min-height: 4.4rem;
  padding: 0.75rem;
  border: 1px solid #dbe4ef;
  border-radius: 1rem;
  background: #f7f9fc;
}

#pfl-oprofilio-root .pfl-proof-v4 .pfl-proof__profile-rows > div > span,
#pfl-oprofilio-root .pfl-proof-v4 .pfl-proof__profile-rows > div > i {
  display: grid;
  place-items: center;
}

#pfl-oprofilio-root .pfl-proof-v4 .pfl-proof__profile-rows > div > span {
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 0.75rem;
  background: #edf4ff;
  color: #2d6df6;
  font-size: 0.9375rem;
  font-weight: 900;
}

#pfl-oprofilio-root .pfl-proof-v4 .pfl-proof__profile-rows > div:nth-child(2) > span {
  background: #eef9fa;
  color: #0e8f91;
}

#pfl-oprofilio-root .pfl-proof-v4 .pfl-proof__profile-rows > div:nth-child(3) > span {
  background: #ecfaf4;
  color: #008451;
}

#pfl-oprofilio-root .pfl-proof-v4 .pfl-proof__profile-rows small,
#pfl-oprofilio-root .pfl-proof-v4 .pfl-proof__profile-rows strong {
  display: block;
}

#pfl-oprofilio-root .pfl-proof-v4 .pfl-proof__profile-rows small {
  color: #6b7f96;
  font-size: 0.9375rem;
  line-height: 1.3;
}

#pfl-oprofilio-root .pfl-proof-v4 .pfl-proof__profile-rows strong {
  margin-top: 0.12rem;
  color: #0b1e3d;
  font-size: 1rem;
  line-height: 1.35;
}

#pfl-oprofilio-root .pfl-proof-v4 .pfl-proof__profile-rows > div > i {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background: #ecfaf4;
  color: #008451;
  font-size: 1rem;
  font-style: normal;
  font-weight: 900;
}

#pfl-oprofilio-root .pfl-proof-v4 .pfl-proof__profile-result {
  gap: 0.9rem;
  margin-top: 0.8rem;
  padding: 1rem;
  border: 1px solid #bfe9d5;
  border-radius: 1rem;
  background: #ecfaf4;
}

#pfl-oprofilio-root .pfl-proof-v4 .pfl-proof__profile-result > span {
  display: grid;
  place-items: center;
  width: 2.75rem;
  height: 2.75rem;
  flex: 0 0 2.75rem;
  border-radius: 0.85rem;
  background: #d8f4e8;
  color: #008451;
}

#pfl-oprofilio-root .pfl-proof-v4 .pfl-proof__profile-result svg {
  width: 1.45rem;
  height: 1.45rem;
}

#pfl-oprofilio-root .pfl-proof-v4 .pfl-proof__profile-result small,
#pfl-oprofilio-root .pfl-proof-v4 .pfl-proof__profile-result strong {
  display: block;
}

#pfl-oprofilio-root .pfl-proof-v4 .pfl-proof__profile-result small {
  color: #087249;
  font-size: 0.9375rem;
  font-weight: 800;
  line-height: 1.3;
}

#pfl-oprofilio-root .pfl-proof-v4 .pfl-proof__profile-result strong {
  margin-top: 0.18rem;
  color: #0b1e3d;
  font-size: 1rem;
  line-height: 1.4;
}

#pfl-oprofilio-root .pfl-proof-v4 .pfl-proof__profile-caption {
  margin: 0.8rem 0 0;
  color: #6b7f96;
  font-size: 0.9375rem;
  line-height: 1.5;
  text-align: center;
}

#pfl-oprofilio-root .pfl-proof-v4 .pfl-proof__footer {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: -0.5rem;
  padding-top: 1.75rem;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

#pfl-oprofilio-root .pfl-proof-v4 .pfl-proof__footer > div {
  display: grid;
  grid-template-columns: 2.35rem minmax(0, 1fr);
  gap: 0.75rem;
  align-items: start;
  min-width: 0;
  padding: 0 1.25rem;
  border-right: 1px solid rgba(255, 255, 255, 0.1);
}

#pfl-oprofilio-root .pfl-proof-v4 .pfl-proof__footer > div:first-child { padding-left: 0; }
#pfl-oprofilio-root .pfl-proof-v4 .pfl-proof__footer > div:last-child { padding-right: 0; border-right: 0; }

#pfl-oprofilio-root .pfl-proof-v4 .pfl-proof__footer > div > span {
  display: grid;
  place-items: center;
  width: 2.35rem;
  height: 2.35rem;
  border-radius: 0.75rem;
  background: rgba(22, 199, 132, 0.11);
  color: #59dfaa;
  font-size: 1rem;
  font-weight: 900;
}

#pfl-oprofilio-root .pfl-proof-v4 .pfl-proof__footer strong,
#pfl-oprofilio-root .pfl-proof-v4 .pfl-proof__footer small {
  display: block;
}

#pfl-oprofilio-root .pfl-proof-v4 .pfl-proof__footer strong {
  color: #fff;
  font-size: 1rem;
  line-height: 1.35;
}

#pfl-oprofilio-root .pfl-proof-v4 .pfl-proof__footer small {
  margin-top: 0.2rem;
  color: #91a5bd;
  font-size: 0.9375rem;
  line-height: 1.45;
}

/* Jednorazowe ujawnienie sceny. Bez JS cała treść jest widoczna. */
@media (min-width: 768px) and (prefers-reduced-motion: no-preference) {
  #pfl-oprofilio-root.is-enhanced .pfl-proof-v4 [data-pfl-proof-reveal] {
    opacity: 0;
    transform: translateY(14px);
    transition: opacity 420ms cubic-bezier(0.2, 0.8, 0.2, 1), transform 420ms cubic-bezier(0.2, 0.8, 0.2, 1);
  }

  #pfl-oprofilio-root.is-enhanced .pfl-proof-v4 [data-pfl-proof-reveal].is-visible {
    opacity: 1;
    transform: translateY(0);
  }

  #pfl-oprofilio-root.is-enhanced .pfl-proof-v4 .pfl-proof__stage.is-visible .pfl-proof__timeline::before {
    animation: pfl-proof-v4-rail 760ms 180ms cubic-bezier(0.2, 0.8, 0.2, 1) both;
  }

  #pfl-oprofilio-root.is-enhanced .pfl-proof-v4 .pfl-proof__stage.is-visible .pfl-proof__profile {
    animation: pfl-proof-v4-card 520ms 130ms cubic-bezier(0.2, 0.8, 0.2, 1) both;
  }
}

@keyframes pfl-proof-v4-rail {
  from { opacity: 0; transform: scaleY(0); }
  to { opacity: 1; transform: scaleY(1); }
}

@keyframes pfl-proof-v4-card {
  from { opacity: 0; transform: translateX(12px) rotate(0.6deg); }
  to { opacity: 1; transform: translateX(0) rotate(0.6deg); }
}

@media (max-width: 1050px) {
  #pfl-oprofilio-root .pfl-proof-v4 .pfl-proof__stage {
    grid-template-columns: 1fr;
  }

  #pfl-oprofilio-root .pfl-proof-v4 .pfl-proof__profile {
    width: min(100%, 720px);
    margin-inline: auto;
    transform: none;
  }

  #pfl-oprofilio-root .pfl-proof-v4 .pfl-proof__footer {
    margin-top: 0;
  }

  @keyframes pfl-proof-v4-card {
    from { opacity: 0; transform: translateY(12px); }
    to { opacity: 1; transform: translateY(0); }
  }
}

@media (max-width: 767px) {
  #pfl-oprofilio-root .pfl-proof-v4::before { display: none; }

  #pfl-oprofilio-root .pfl-proof-v4 .pfl-proof__inner {
    width: min(100% - 32px, 1200px);
    padding-block: 4.75rem;
  }

  #pfl-oprofilio-root .pfl-proof-v4 .pfl-proof__header {
    margin-bottom: 2.4rem;
    text-align: left;
  }

  #pfl-oprofilio-root .pfl-proof-v4 .pfl-proof__header h2 {
    font-size: clamp(2.45rem, 11.5vw, 3.25rem);
  }

  #pfl-oprofilio-root .pfl-proof-v4 .pfl-proof__header > p {
    margin-inline: 0;
  }

  #pfl-oprofilio-root .pfl-proof-v4 .pfl-proof__stage {
    gap: 2.25rem;
    padding: 1.35rem;
    border-radius: 1.5rem;
  }

  #pfl-oprofilio-root .pfl-proof-v4 .pfl-proof__mechanism h3 {
    font-size: clamp(1.85rem, 8vw, 2.35rem);
  }

  #pfl-oprofilio-root .pfl-proof-v4 .pfl-proof__button {
    width: 100%;
  }

  #pfl-oprofilio-root .pfl-proof-v4 .pfl-proof__profile {
    padding: 1.1rem;
    border-radius: 1.25rem;
  }

  #pfl-oprofilio-root .pfl-proof-v4 .pfl-proof__profile-top {
    align-items: flex-start;
    flex-direction: column;
  }

  #pfl-oprofilio-root .pfl-proof-v4 .pfl-proof__profile-title {
    padding-top: 1.2rem;
  }

  #pfl-oprofilio-root .pfl-proof-v4 .pfl-proof__profile-rows > div {
    grid-template-columns: 2.25rem minmax(0, 1fr);
  }

  #pfl-oprofilio-root .pfl-proof-v4 .pfl-proof__profile-rows > div > i { display: none; }

  #pfl-oprofilio-root .pfl-proof-v4 .pfl-proof__footer {
    grid-template-columns: 1fr;
    gap: 1rem;
  }

  #pfl-oprofilio-root .pfl-proof-v4 .pfl-proof__footer > div,
  #pfl-oprofilio-root .pfl-proof-v4 .pfl-proof__footer > div:first-child,
  #pfl-oprofilio-root .pfl-proof-v4 .pfl-proof__footer > div:last-child {
    padding: 0 0 1rem;
    border-right: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }

  #pfl-oprofilio-root .pfl-proof-v4 .pfl-proof__footer > div:last-child {
    padding-bottom: 0;
    border-bottom: 0;
  }
}

@media (max-width: 390px) {
  #pfl-oprofilio-root .pfl-proof-v4 .pfl-proof__eyebrow {
    font-size: 0.9375rem;
    letter-spacing: 0.045em;
  }

  #pfl-oprofilio-root .pfl-proof-v4 .pfl-proof__timeline li {
    grid-template-columns: 2.75rem minmax(0, 1fr);
    gap: 0.85rem;
  }

  #pfl-oprofilio-root .pfl-proof-v4 .pfl-proof__timeline-icon {
    width: 2.75rem;
    height: 2.75rem;
  }

  #pfl-oprofilio-root .pfl-proof-v4 .pfl-proof__timeline::before {
    left: 1.36rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  #pfl-oprofilio-root .pfl-proof-v4 *,
  #pfl-oprofilio-root .pfl-proof-v4 *::before,
  #pfl-oprofilio-root .pfl-proof-v4 *::after {
    animation: none !important;
    transition-duration: 0.01ms !important;
  }
}

@media (forced-colors: active) {
  #pfl-oprofilio-root .pfl-proof-v4 .pfl-proof__stage,
  #pfl-oprofilio-root .pfl-proof-v4 .pfl-proof__profile,
  #pfl-oprofilio-root .pfl-proof-v4 .pfl-proof__profile-rows > div,
  #pfl-oprofilio-root .pfl-proof-v4 .pfl-proof__button {
    border: 1px solid CanvasText;
  }

  #pfl-oprofilio-root .pfl-proof-v4 .pfl-proof__button {
    background: Highlight;
    color: HighlightText !important;
  }
}

/* ========================================================================
   1.17.567 — SEKCJA 06 / V3: AUDIENCE ROUTING
   Dwie ścieżki w jednym panelu. Wizualny benchmark: /program-afiliacyjny/.
   ======================================================================== */
#pfl-oprofilio-root .pfl-audience {
  position: relative;
  width: 100%;
  overflow: hidden;
  border-top: 1px solid #d5e0eb;
  background:
    radial-gradient(circle at 10% 14%, rgba(0, 168, 101, 0.07), transparent 25rem),
    radial-gradient(circle at 92% 82%, rgba(45, 109, 246, 0.075), transparent 27rem),
    linear-gradient(180deg, #f7f9fc 0%, #fff 100%);
  color: #0b1e3d;
}

#pfl-oprofilio-root .pfl-audience::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0.18;
  background-image: radial-gradient(rgba(30, 78, 137, 0.16) 0.7px, transparent 0.7px);
  background-size: 24px 24px;
  -webkit-mask-image: linear-gradient(to bottom, transparent 0%, #000 16%, #000 82%, transparent 100%);
          mask-image: linear-gradient(to bottom, transparent 0%, #000 16%, #000 82%, transparent 100%);
}

#pfl-oprofilio-root .pfl-audience__inner {
  position: relative;
  z-index: 1;
  width: min(1200px, calc(100% - 40px));
  margin-inline: auto;
  padding-block: clamp(5.5rem, 8.5vw, 8rem);
}

#pfl-oprofilio-root .pfl-audience__header {
  max-width: 920px;
  margin: 0 auto clamp(2.75rem, 5vw, 4.25rem);
  text-align: center;
}

#pfl-oprofilio-root .pfl-audience__eyebrow,
#pfl-oprofilio-root .pfl-audience__panel-kicker {
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  min-height: 2rem;
  border-radius: 999px;
  font-size: 0.9375rem;
  font-weight: 850;
  line-height: 1.2;
  letter-spacing: 0.055em;
  text-transform: uppercase;
}

#pfl-oprofilio-root .pfl-audience__eyebrow {
  margin-bottom: 1.35rem;
  padding: 0.35rem 0.8rem;
  border: 1px solid #d9e4ef;
  background: rgba(255, 255, 255, 0.94);
  color: #526781;
  box-shadow: 0 5px 16px rgba(14, 33, 60, 0.05);
}

#pfl-oprofilio-root .pfl-audience__eyebrow i,
#pfl-oprofilio-root .pfl-audience__panel-kicker i {
  width: 0.52rem;
  height: 0.52rem;
  flex: 0 0 0.52rem;
  border-radius: 50%;
  background: #00a865;
  box-shadow: 0 0 0 5px rgba(0, 168, 101, 0.11);
}

#pfl-oprofilio-root .pfl-audience__header h2 {
  max-width: 900px;
  margin: 0 auto;
  color: #0b1e3d !important;
  font-family: Poppins, Inter, sans-serif;
  font-size: clamp(2.55rem, 4.8vw, 4rem);
  font-weight: 900;
  line-height: 1.01;
  letter-spacing: -0.052em;
  text-wrap: balance;
}

#pfl-oprofilio-root .pfl-audience__header h2 span {
  display: block;
  margin-top: 0.08em;
  color: #2d6df6 !important;
  background: linear-gradient(100deg, #008451 0%, #0ea5a0 48%, #2d6df6 100%);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
}

#pfl-oprofilio-root .pfl-audience__header > p {
  max-width: 740px;
  margin: 1.25rem auto 0;
  color: #526781;
  font-size: clamp(1.0625rem, 1.5vw, 1.1875rem);
  line-height: 1.65;
}

#pfl-oprofilio-root .pfl-audience__workspace {
  display: grid;
  grid-template-columns: minmax(315px, 0.72fr) minmax(0, 1.28fr);
  min-width: 0;
  overflow: hidden;
  border: 1px solid #d5e0eb;
  border-radius: 2rem;
  background: #fff;
  box-shadow: 0 28px 70px rgba(7, 26, 53, 0.11);
}

#pfl-oprofilio-root .pfl-audience__nav {
  display: flex;
  min-width: 0;
  min-height: 620px;
  padding: clamp(1.5rem, 2.8vw, 2.25rem);
  background:
    radial-gradient(circle at 0% 100%, rgba(22, 199, 132, 0.12), transparent 38%),
    radial-gradient(circle at 100% 0%, rgba(45, 109, 246, 0.18), transparent 35%),
    #071a35;
  flex-direction: column;
}

#pfl-oprofilio-root .pfl-audience__nav-label {
  display: block;
  margin: 0 0 1rem;
  color: #8fa3bb;
  font-size: 0.9375rem;
  font-weight: 850;
  line-height: 1.3;
  letter-spacing: 0.055em;
  text-transform: uppercase;
}

#pfl-oprofilio-root .pfl-audience__tab {
  display: grid;
  grid-template-columns: 3.25rem minmax(0, 1fr) 1.5rem;
  gap: 0.9rem;
  align-items: center;
  width: 100%;
  min-height: 6rem;
  margin: 0 0 0.8rem;
  padding: 0.9rem;
  border: 1px solid rgba(255, 255, 255, 0.11);
  border-radius: 1.15rem;
  background: rgba(255, 255, 255, 0.055);
  color: #fff;
  font: inherit;
  text-align: left;
  cursor: pointer;
  transition: border-color 180ms ease-out, background-color 180ms ease-out, transform 180ms ease-out;
}

#pfl-oprofilio-root .pfl-audience__tab:hover {
  border-color: rgba(130, 173, 255, 0.42);
  background: rgba(255, 255, 255, 0.085);
}

#pfl-oprofilio-root .pfl-audience__tab.is-active {
  border-color: rgba(89, 223, 170, 0.5);
  background: rgba(22, 199, 132, 0.13);
  box-shadow: inset 3px 0 #35d9a0;
}

#pfl-oprofilio-root .pfl-audience__tab:focus-visible {
  outline: 3px solid #72a2ff;
  outline-offset: 3px;
}

#pfl-oprofilio-root .pfl-audience__tab-icon {
  display: grid;
  place-items: center;
  width: 3.25rem;
  height: 3.25rem;
  border: 1px solid rgba(124, 167, 232, 0.28);
  border-radius: 1rem;
  background: #10366c;
  color: #9abcff;
}

#pfl-oprofilio-root .pfl-audience__tab.is-active .pfl-audience__tab-icon {
  border-color: rgba(89, 223, 170, 0.3);
  background: #0b3d4c;
  color: #65dfb0;
}

#pfl-oprofilio-root .pfl-audience__tab-icon svg {
  width: 1.55rem;
  height: 1.55rem;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.8;
}

#pfl-oprofilio-root .pfl-audience__tab strong,
#pfl-oprofilio-root .pfl-audience__tab small {
  display: block;
}

#pfl-oprofilio-root .pfl-audience__tab strong {
  color: #fff;
  font-size: 1.0625rem;
  font-weight: 850;
  line-height: 1.35;
}

#pfl-oprofilio-root .pfl-audience__tab small {
  margin-top: 0.25rem;
  color: #9fb2c8;
  font-size: 0.9375rem;
  line-height: 1.45;
}

#pfl-oprofilio-root .pfl-audience__tab > i {
  color: #8197b2;
  font-size: 1.25rem;
  font-style: normal;
  transition: transform 180ms ease-out, color 180ms ease-out;
}

#pfl-oprofilio-root .pfl-audience__tab.is-active > i {
  color: #65dfb0;
  transform: translateX(0.15rem);
}

#pfl-oprofilio-root .pfl-audience__nav-note {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-top: auto;
  padding: 1rem;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 1rem;
  background: rgba(255, 255, 255, 0.055);
}

#pfl-oprofilio-root .pfl-audience__nav-note > span {
  display: grid;
  place-items: center;
  width: 2.65rem;
  height: 2.65rem;
  flex: 0 0 2.65rem;
  border-radius: 0.8rem;
  background: #06152c;
  overflow: hidden;
}

#pfl-oprofilio-root .pfl-audience__nav-note img {
  display: block;
  width: 2.15rem;
  height: 2.15rem;
  object-fit: contain;
}

#pfl-oprofilio-root .pfl-audience__nav-note small,
#pfl-oprofilio-root .pfl-audience__nav-note strong {
  display: block;
}

#pfl-oprofilio-root .pfl-audience__nav-note small {
  color: #6fdfb3;
  font-size: 0.9375rem;
  font-weight: 800;
  line-height: 1.3;
}

#pfl-oprofilio-root .pfl-audience__nav-note strong {
  margin-top: 0.18rem;
  color: #fff;
  font-size: 0.9375rem;
  line-height: 1.45;
}

#pfl-oprofilio-root .pfl-audience__panels {
  position: relative;
  min-width: 0;
  background:
    radial-gradient(circle at 100% 0%, rgba(45, 109, 246, 0.07), transparent 23rem),
    #fff;
}

#pfl-oprofilio-root .pfl-audience__panel {
  min-height: 620px;
  padding: clamp(2rem, 4vw, 3.5rem);
}

#pfl-oprofilio-root .pfl-audience__panel[hidden] {
  display: none !important;
}

#pfl-oprofilio-root .pfl-audience__panel-kicker {
  padding: 0.35rem 0.75rem;
  border: 1px solid #bfe9d5;
  background: #ecfaf4;
  color: #087249;
}

#pfl-oprofilio-root .pfl-audience__panel-kicker--blue {
  border-color: #cfe0ff;
  background: #edf4ff;
  color: #245bc3;
}

#pfl-oprofilio-root .pfl-audience__panel-kicker--blue i {
  background: #2d6df6;
  box-shadow: 0 0 0 5px rgba(45, 109, 246, 0.1);
}

#pfl-oprofilio-root .pfl-audience__panel h3 {
  max-width: 720px;
  margin: 1.3rem 0 0;
  color: #0b1e3d !important;
  font-family: Poppins, Inter, sans-serif;
  font-size: clamp(2rem, 3.2vw, 2.75rem);
  font-weight: 850;
  line-height: 1.08;
  letter-spacing: -0.042em;
  text-wrap: balance;
}

#pfl-oprofilio-root .pfl-audience__panel-lead {
  max-width: 720px;
  margin: 1rem 0 0;
  color: #526781;
  font-size: 1.0625rem;
  line-height: 1.62;
}

#pfl-oprofilio-root .pfl-audience__outcomes {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 2rem 0 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid #d5e0eb;
  border-radius: 1.25rem;
  background: #f7f9fc;
  list-style: none;
}

#pfl-oprofilio-root .pfl-audience__outcomes li {
  min-width: 0;
  min-height: 10.25rem;
  padding: 1.2rem;
  border-right: 1px solid #d5e0eb;
}

#pfl-oprofilio-root .pfl-audience__outcomes li:last-child {
  border-right: 0;
}

#pfl-oprofilio-root .pfl-audience__outcomes li > span {
  display: grid;
  place-items: center;
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 0.75rem;
  background: #e8f7f1;
  color: #008451;
  font-size: 0.9375rem;
  font-weight: 900;
}

#pfl-oprofilio-root .pfl-audience__outcomes--blue li > span {
  background: #edf4ff;
  color: #2d6df6;
}

#pfl-oprofilio-root .pfl-audience__outcomes strong,
#pfl-oprofilio-root .pfl-audience__outcomes small {
  display: block;
}

#pfl-oprofilio-root .pfl-audience__outcomes strong {
  margin-top: 1rem;
  color: #0b1e3d;
  font-size: 1rem;
  line-height: 1.35;
}

#pfl-oprofilio-root .pfl-audience__outcomes small {
  margin-top: 0.4rem;
  color: #60748c;
  font-size: 0.9375rem;
  line-height: 1.5;
}

#pfl-oprofilio-root .pfl-audience__decision {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.25rem;
  margin-top: 1rem;
  padding: 1rem;
  border: 1px solid #bfe9d5;
  border-radius: 1.1rem;
  background: #ecfaf4;
}

#pfl-oprofilio-root .pfl-audience__decision--blue {
  border-color: #cfe0ff;
  background: #edf4ff;
}

#pfl-oprofilio-root .pfl-audience__decision p {
  display: grid;
  grid-template-columns: 2rem minmax(0, 1fr);
  gap: 0.65rem;
  align-items: center;
  min-width: 0;
  margin: 0;
}

#pfl-oprofilio-root .pfl-audience__decision p > span {
  display: grid;
  place-items: center;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background: #d8f4e8;
  color: #008451;
  font-size: 1rem;
  font-weight: 900;
}

#pfl-oprofilio-root .pfl-audience__decision--blue p > span {
  background: #dfeaff;
  color: #2d6df6;
}

#pfl-oprofilio-root .pfl-audience__decision p small {
  color: #315d4b;
  font-size: 0.9375rem;
  line-height: 1.45;
}

#pfl-oprofilio-root .pfl-audience__decision--blue p small {
  color: #3d5f96;
}

#pfl-oprofilio-root .pfl-audience__decision a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.6rem;
  min-height: 3.5rem;
  padding: 0.8rem 1.2rem;
  border: 1px solid #008451;
  border-radius: 0.9rem;
  background: #008451;
  color: #fff !important;
  font-size: 1rem;
  font-weight: 850;
  line-height: 1.2;
  text-align: center;
  text-decoration: none !important;
  white-space: nowrap;
  box-shadow: 0 12px 26px rgba(0, 132, 81, 0.2);
  transition: transform 180ms ease-out, background-color 180ms ease-out, box-shadow 180ms ease-out;
}

#pfl-oprofilio-root .pfl-audience__decision--blue a {
  border-color: #2d6df6;
  background: #2d6df6;
  box-shadow: 0 12px 26px rgba(45, 109, 246, 0.2);
}

#pfl-oprofilio-root .pfl-audience__decision a:hover {
  background: #006f43;
  transform: translateY(-2px);
}

#pfl-oprofilio-root .pfl-audience__decision--blue a:hover {
  background: #245bc3;
}

#pfl-oprofilio-root .pfl-audience__decision a:focus-visible {
  outline: 3px solid #72a2ff;
  outline-offset: 3px;
}

#pfl-oprofilio-root .pfl-audience__guard {
  max-width: 720px;
  margin: 1rem 0 0;
  color: #6b7f96;
  font-size: 0.9375rem;
  line-height: 1.5;
}

@media (min-width: 768px) and (prefers-reduced-motion: no-preference) {
  #pfl-oprofilio-root .pfl-audience__panel.is-entering {
    animation: pfl-audience-panel-in 260ms cubic-bezier(0.2, 0.8, 0.2, 1) both;
  }
}

@keyframes pfl-audience-panel-in {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 1024px) {
  #pfl-oprofilio-root .pfl-audience__workspace {
    grid-template-columns: 1fr;
  }

  #pfl-oprofilio-root .pfl-audience__nav {
    min-height: 0;
  }

  #pfl-oprofilio-root .pfl-audience__nav-note {
    margin-top: 0.6rem;
  }

  #pfl-oprofilio-root .pfl-audience__panel {
    min-height: 0;
  }
}

@media (max-width: 767px) {
  #pfl-oprofilio-root .pfl-audience::before { display: none; }

  #pfl-oprofilio-root .pfl-audience__inner {
    width: min(100% - 32px, 1200px);
    padding-block: 4.75rem;
  }

  #pfl-oprofilio-root .pfl-audience__header {
    margin-bottom: 2.4rem;
    text-align: left;
  }

  #pfl-oprofilio-root .pfl-audience__header h2 {
    font-size: clamp(2.45rem, 11.5vw, 3.25rem);
  }

  #pfl-oprofilio-root .pfl-audience__header > p {
    margin-inline: 0;
  }

  #pfl-oprofilio-root .pfl-audience__workspace {
    border-radius: 1.5rem;
  }

  #pfl-oprofilio-root .pfl-audience__nav {
    padding: 1.2rem;
  }

  #pfl-oprofilio-root .pfl-audience__tab {
    grid-template-columns: 3rem minmax(0, 1fr) 1.25rem;
  }

  #pfl-oprofilio-root .pfl-audience__tab-icon {
    width: 3rem;
    height: 3rem;
  }

  #pfl-oprofilio-root .pfl-audience__panel {
    padding: 1.35rem;
  }

  #pfl-oprofilio-root .pfl-audience__panel h3 {
    font-size: clamp(1.85rem, 8.4vw, 2.4rem);
  }

  #pfl-oprofilio-root .pfl-audience__outcomes {
    grid-template-columns: 1fr;
  }

  #pfl-oprofilio-root .pfl-audience__outcomes li {
    display: grid;
    grid-template-columns: 2.4rem minmax(0, 1fr);
    gap: 0.8rem;
    align-items: start;
    min-height: 0;
    border-right: 0;
    border-bottom: 1px solid #d5e0eb;
  }

  #pfl-oprofilio-root .pfl-audience__outcomes li:last-child {
    border-bottom: 0;
  }

  #pfl-oprofilio-root .pfl-audience__outcomes strong {
    margin-top: 0;
  }

  #pfl-oprofilio-root .pfl-audience__decision {
    align-items: stretch;
    flex-direction: column;
  }

  #pfl-oprofilio-root .pfl-audience__decision a {
    width: 100%;
    white-space: normal;
  }
}

@media (max-width: 390px) {
  #pfl-oprofilio-root .pfl-audience__tab {
    grid-template-columns: 2.75rem minmax(0, 1fr);
    gap: 0.75rem;
  }

  #pfl-oprofilio-root .pfl-audience__tab-icon {
    width: 2.75rem;
    height: 2.75rem;
  }

  #pfl-oprofilio-root .pfl-audience__tab > i { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  #pfl-oprofilio-root .pfl-audience *,
  #pfl-oprofilio-root .pfl-audience *::before,
  #pfl-oprofilio-root .pfl-audience *::after {
    animation: none !important;
    transition-duration: 0.01ms !important;
  }
}

@media (forced-colors: active) {
  #pfl-oprofilio-root .pfl-audience__workspace,
  #pfl-oprofilio-root .pfl-audience__tab,
  #pfl-oprofilio-root .pfl-audience__outcomes,
  #pfl-oprofilio-root .pfl-audience__decision,
  #pfl-oprofilio-root .pfl-audience__decision a {
    border: 1px solid CanvasText;
  }

  #pfl-oprofilio-root .pfl-audience__tab.is-active {
    outline: 3px solid Highlight;
    outline-offset: -4px;
  }
}

/* ========================================================================
   1.17.569 — SEKCJA 06 / V3: READABLE TYPE SCALE
   Korekta po QA: izolowane wartości px, niezależne od bazowego font-size motywu.
   ======================================================================== */
#pfl-oprofilio-root .pfl-audience-v2 {
  position: relative;
  width: 100%;
  overflow: hidden;
  border-top: 1px solid #d7e1ec;
  background:
    radial-gradient(circle at 8% 10%, rgba(0, 168, 101, 0.075), transparent 24rem),
    radial-gradient(circle at 94% 86%, rgba(45, 109, 246, 0.075), transparent 25rem),
    #f7f9fc;
  color: #0b1e3d;
}

#pfl-oprofilio-root .pfl-audience-v2::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0.16;
  background-image: radial-gradient(rgba(25, 65, 115, 0.17) 0.7px, transparent 0.7px);
  background-size: 24px 24px;
  -webkit-mask-image: linear-gradient(to bottom, transparent, #000 18%, #000 84%, transparent);
          mask-image: linear-gradient(to bottom, transparent, #000 18%, #000 84%, transparent);
}

#pfl-oprofilio-root .pfl-audience-v2__inner {
  position: relative;
  z-index: 1;
  width: min(1180px, calc(100% - 40px));
  margin-inline: auto;
  padding-block: clamp(5rem, 7vw, 6.75rem);
}

#pfl-oprofilio-root .pfl-audience-v2__header {
  max-width: 880px;
  margin: 0 auto clamp(2rem, 3.8vw, 3rem);
  text-align: center;
}

#pfl-oprofilio-root .pfl-audience-v2__eyebrow,
#pfl-oprofilio-root .pfl-audience-v2__kicker {
  display: inline-flex;
  align-items: center;
  gap: 0.58rem;
  min-height: 2rem;
  border-radius: 999px;
  font-size: 16px;
  font-weight: 850;
  line-height: 1.2;
  letter-spacing: 0.055em;
  text-transform: uppercase;
}

#pfl-oprofilio-root .pfl-audience-v2__eyebrow {
  margin-bottom: 1.2rem;
  padding: 0.35rem 0.78rem;
  border: 1px solid #d5e0eb;
  background: rgba(255, 255, 255, 0.94);
  color: #526781;
  box-shadow: 0 5px 16px rgba(14, 33, 60, 0.05);
}

#pfl-oprofilio-root .pfl-audience-v2__eyebrow i,
#pfl-oprofilio-root .pfl-audience-v2__kicker i {
  width: 0.5rem;
  height: 0.5rem;
  flex: 0 0 0.5rem;
  border-radius: 50%;
  background: #00a865;
  box-shadow: 0 0 0 5px rgba(0, 168, 101, 0.11);
}

#pfl-oprofilio-root .pfl-audience-v2__header h2 {
  margin: 0;
  color: #0b1e3d !important;
  font-family: Poppins, Inter, sans-serif;
  font-size: clamp(42px, 4.35vw, 60px);
  font-weight: 900;
  line-height: 1.02;
  letter-spacing: -0.052em;
  text-wrap: balance;
}

#pfl-oprofilio-root .pfl-audience-v2__header h2 span {
  color: #2d6df6 !important;
  background: linear-gradient(100deg, #008451 0%, #0ba49a 48%, #2d6df6 100%);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
}

#pfl-oprofilio-root .pfl-audience-v2__header > p {
  max-width: 720px;
  margin: 1rem auto 0;
  color: #526781;
  font-size: clamp(18px, 1.4vw, 20px);
  line-height: 1.62;
}

#pfl-oprofilio-root .pfl-audience-v2__selector {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem;
  max-width: 920px;
  margin: 0 auto;
  padding: 0.65rem;
  border: 1px solid #d5e0eb;
  border-radius: 1.45rem;
  background: rgba(232, 238, 246, 0.78);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.7);
}

#pfl-oprofilio-root .pfl-audience-v2__tab {
  display: grid;
  grid-template-columns: 3.25rem minmax(0, 1fr) auto;
  gap: 0.9rem;
  align-items: center;
  min-width: 0;
  min-height: 5.5rem;
  padding: 0.85rem 1rem;
  border: 1px solid transparent;
  border-radius: 1rem;
  background: transparent;
  color: #0b1e3d;
  font: inherit;
  text-align: left;
  cursor: pointer;
  transition: border-color 180ms ease-out, background-color 180ms ease-out, box-shadow 180ms ease-out, transform 180ms ease-out;
}

#pfl-oprofilio-root .pfl-audience-v2__tab:hover {
  background: rgba(255, 255, 255, 0.65);
}

#pfl-oprofilio-root .pfl-audience-v2__tab.is-active {
  border-color: #b9e7d2;
  background: #fff;
  box-shadow: 0 10px 24px rgba(10, 35, 65, 0.09);
}

#pfl-oprofilio-root .pfl-audience-v2__tab:nth-child(2).is-active {
  border-color: #c8d9ff;
}

#pfl-oprofilio-root .pfl-audience-v2__tab:focus-visible {
  outline: 3px solid #2d6df6;
  outline-offset: 3px;
}

#pfl-oprofilio-root .pfl-audience-v2__tab-icon {
  display: grid;
  place-items: center;
  width: 3.25rem;
  height: 3.25rem;
  border: 1px solid #c7ead9;
  border-radius: 1rem;
  background: #edf9f4;
  color: #008451;
}

#pfl-oprofilio-root .pfl-audience-v2__tab-icon--blue {
  border-color: #d1dfff;
  background: #eef4ff;
  color: #2d6df6;
}

#pfl-oprofilio-root .pfl-audience-v2__tab-icon svg {
  width: 1.5rem;
  height: 1.5rem;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.8;
}

#pfl-oprofilio-root .pfl-audience-v2__tab span > small,
#pfl-oprofilio-root .pfl-audience-v2__tab span > strong {
  display: block;
}

#pfl-oprofilio-root .pfl-audience-v2__tab span > small {
  color: #6b7f96;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.3;
}

#pfl-oprofilio-root .pfl-audience-v2__tab span > strong {
  margin-top: 0.2rem;
  color: #0b1e3d;
  font-size: 19px;
  font-weight: 850;
  line-height: 1.35;
}

#pfl-oprofilio-root .pfl-audience-v2__tab b {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  color: #73869b;
  font-size: 16px;
  font-weight: 800;
  line-height: 1.2;
  white-space: nowrap;
}

#pfl-oprofilio-root .pfl-audience-v2__tab b::after {
  content: "Wybierz";
}

#pfl-oprofilio-root .pfl-audience-v2__tab b i {
  width: 0.45rem;
  height: 0.45rem;
  border-radius: 50%;
  background: #9aabba;
}

#pfl-oprofilio-root .pfl-audience-v2__tab.is-active b {
  color: #087249;
}

#pfl-oprofilio-root .pfl-audience-v2__tab:nth-child(2).is-active b {
  color: #245bc3;
}

#pfl-oprofilio-root .pfl-audience-v2__tab.is-active b::after {
  content: "Wybrana ścieżka";
}

#pfl-oprofilio-root .pfl-audience-v2__tab.is-active b i {
  background: #00a865;
  box-shadow: 0 0 0 4px rgba(0, 168, 101, 0.1);
}

#pfl-oprofilio-root .pfl-audience-v2__tab:nth-child(2).is-active b i {
  background: #2d6df6;
  box-shadow: 0 0 0 4px rgba(45, 109, 246, 0.1);
}

#pfl-oprofilio-root .pfl-audience-v2__panels {
  margin-top: 1rem;
}

#pfl-oprofilio-root .pfl-audience-v2__panel {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(400px, 0.92fr);
  min-width: 0;
  overflow: hidden;
  border: 1px solid #d5e0eb;
  border-radius: 2rem;
  background: #fff;
  box-shadow: 0 25px 65px rgba(7, 26, 53, 0.11);
}

#pfl-oprofilio-root .pfl-audience-v2__panel[hidden] {
  display: none !important;
}

#pfl-oprofilio-root .pfl-audience-v2__copy {
  min-width: 0;
  padding: clamp(2rem, 4vw, 3.25rem);
}

#pfl-oprofilio-root .pfl-audience-v2__kicker {
  padding: 0.35rem 0.72rem;
  border: 1px solid #bfe9d5;
  background: #ecfaf4;
  color: #087249;
}

#pfl-oprofilio-root .pfl-audience-v2__kicker--blue {
  border-color: #cfe0ff;
  background: #edf4ff;
  color: #245bc3;
}

#pfl-oprofilio-root .pfl-audience-v2__kicker--blue i {
  background: #2d6df6;
  box-shadow: 0 0 0 5px rgba(45, 109, 246, 0.1);
}

#pfl-oprofilio-root .pfl-audience-v2__copy h3 {
  max-width: 650px;
  margin: 1.2rem 0 0;
  color: #0b1e3d !important;
  font-family: Poppins, Inter, sans-serif;
  font-size: clamp(36px, 3.1vw, 46px);
  font-weight: 850;
  line-height: 1.08;
  letter-spacing: -0.042em;
  text-wrap: balance;
}

#pfl-oprofilio-root .pfl-audience-v2__lead {
  max-width: 650px;
  margin: 0.9rem 0 0;
  color: #526781;
  font-size: 18px;
  line-height: 1.58;
}

#pfl-oprofilio-root .pfl-audience-v2__benefits {
  display: grid;
  gap: 0.75rem;
  margin: 1.5rem 0 0;
  padding: 0;
  list-style: none;
}

#pfl-oprofilio-root .pfl-audience-v2__benefits li {
  display: grid;
  grid-template-columns: 2.25rem minmax(0, 1fr);
  gap: 0.8rem;
  align-items: center;
}

#pfl-oprofilio-root .pfl-audience-v2__benefits li > span {
  display: grid;
  place-items: center;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 0.7rem;
  background: #e8f7f1;
  color: #008451;
  font-size: 16px;
  font-weight: 900;
}

#pfl-oprofilio-root .pfl-audience-v2__benefits--blue li > span {
  background: #edf4ff;
  color: #2d6df6;
}

#pfl-oprofilio-root .pfl-audience-v2__benefits strong,
#pfl-oprofilio-root .pfl-audience-v2__benefits small {
  display: block;
}

#pfl-oprofilio-root .pfl-audience-v2__benefits strong {
  color: #0b1e3d;
  font-size: 17px;
  font-weight: 800;
  line-height: 1.35;
}

#pfl-oprofilio-root .pfl-audience-v2__benefits small {
  margin-top: 0.15rem;
  color: #64778e;
  font-size: 16px;
  line-height: 1.45;
}

#pfl-oprofilio-root .pfl-audience-v2__actions {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-top: 1.65rem;
}

#pfl-oprofilio-root .pfl-audience-v2__actions a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.58rem;
  min-height: 52px;
  padding: 0.8rem 1.25rem;
  border: 1px solid #008451;
  border-radius: 0.9rem;
  background: #008451;
  color: #fff !important;
  font-size: 17px;
  font-weight: 850;
  line-height: 1.2;
  text-align: center;
  text-decoration: none !important;
  box-shadow: 0 12px 26px rgba(0, 132, 81, 0.2);
  transition: transform 180ms ease-out, background-color 180ms ease-out, box-shadow 180ms ease-out;
}

#pfl-oprofilio-root .pfl-audience-v2__actions--blue a {
  border-color: #2d6df6;
  background: #2d6df6;
  box-shadow: 0 12px 26px rgba(45, 109, 246, 0.2);
}

#pfl-oprofilio-root .pfl-audience-v2__actions a:hover {
  background: #006f43;
  transform: translateY(-2px);
}

#pfl-oprofilio-root .pfl-audience-v2__actions--blue a:hover {
  background: #245bc3;
}

#pfl-oprofilio-root .pfl-audience-v2__actions a:focus-visible {
  outline: 3px solid #72a2ff;
  outline-offset: 3px;
}

#pfl-oprofilio-root .pfl-audience-v2__actions > small {
  max-width: 220px;
  color: #6b7f96;
  font-size: 16px;
  line-height: 1.4;
}

#pfl-oprofilio-root .pfl-audience-v2__proof {
  min-width: 0;
  margin: 1rem;
  padding: 1.45rem;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 1.5rem;
  background:
    radial-gradient(circle at 100% 0%, rgba(27, 194, 129, 0.16), transparent 18rem),
    #071a35;
  color: #fff;
  box-shadow: 0 20px 45px rgba(7, 26, 53, 0.2);
}

#pfl-oprofilio-root .pfl-audience-v2__proof--blue {
  background:
    radial-gradient(circle at 100% 0%, rgba(45, 109, 246, 0.2), transparent 18rem),
    #071a35;
}

#pfl-oprofilio-root .pfl-audience-v2__proof-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding-bottom: 1.15rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

#pfl-oprofilio-root .pfl-audience-v2__proof-top > div {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  min-width: 0;
}

#pfl-oprofilio-root .pfl-audience-v2__proof-top > div > span {
  display: grid;
  place-items: center;
  width: 2.65rem;
  height: 2.65rem;
  flex: 0 0 2.65rem;
  overflow: hidden;
  border-radius: 0.78rem;
  background: #06152c;
}

#pfl-oprofilio-root .pfl-audience-v2__proof-top img {
  display: block;
  width: 2.15rem;
  height: 2.15rem;
  object-fit: contain;
}

#pfl-oprofilio-root .pfl-audience-v2__proof-top p,
#pfl-oprofilio-root .pfl-audience-v2__proof-top p small,
#pfl-oprofilio-root .pfl-audience-v2__proof-top p strong {
  display: block;
  margin: 0;
}

#pfl-oprofilio-root .pfl-audience-v2__proof-top p small {
  color: #7f95b0;
  font-size: 16px;
  font-weight: 750;
  line-height: 1.3;
}

#pfl-oprofilio-root .pfl-audience-v2__proof-top p strong {
  margin-top: 0.15rem;
  color: #fff;
  font-size: 17px;
  line-height: 1.35;
}

#pfl-oprofilio-root .pfl-audience-v2__proof-top > b {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  color: #80e1ba;
  font-size: 16px;
  line-height: 1.3;
  white-space: nowrap;
}

#pfl-oprofilio-root .pfl-audience-v2__proof--blue .pfl-audience-v2__proof-top > b {
  color: #9abcff;
}

#pfl-oprofilio-root .pfl-audience-v2__proof-top > b i {
  width: 0.48rem;
  height: 0.48rem;
  border-radius: 50%;
  background: #35d9a0;
  box-shadow: 0 0 0 4px rgba(53, 217, 160, 0.12);
}

#pfl-oprofilio-root .pfl-audience-v2__proof--blue .pfl-audience-v2__proof-top > b i {
  background: #72a2ff;
  box-shadow: 0 0 0 4px rgba(114, 162, 255, 0.12);
}

#pfl-oprofilio-root .pfl-audience-v2__flow {
  display: grid;
  gap: 0.65rem;
  margin: 1rem 0 0;
  padding: 0;
  list-style: none;
}

#pfl-oprofilio-root .pfl-audience-v2__flow li {
  display: grid;
  grid-template-columns: 2.35rem minmax(0, 1fr) 1.5rem;
  gap: 0.75rem;
  align-items: center;
  min-height: 4.15rem;
  padding: 0.65rem 0.8rem;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 0.95rem;
  background: rgba(255, 255, 255, 0.05);
}

#pfl-oprofilio-root .pfl-audience-v2__flow li.is-current {
  border-color: rgba(53, 217, 160, 0.42);
  background: rgba(25, 190, 124, 0.11);
  box-shadow: inset 3px 0 #35d9a0;
}

#pfl-oprofilio-root .pfl-audience-v2__proof--blue .pfl-audience-v2__flow li.is-current {
  border-color: rgba(114, 162, 255, 0.45);
  background: rgba(45, 109, 246, 0.12);
  box-shadow: inset 3px 0 #72a2ff;
}

#pfl-oprofilio-root .pfl-audience-v2__flow li > span {
  display: grid;
  place-items: center;
  width: 2.35rem;
  height: 2.35rem;
  border-radius: 0.72rem;
  background: #0d315e;
  color: #9abcff;
  font-size: 16px;
  font-weight: 900;
}

#pfl-oprofilio-root .pfl-audience-v2__flow small,
#pfl-oprofilio-root .pfl-audience-v2__flow strong {
  display: block;
}

#pfl-oprofilio-root .pfl-audience-v2__flow small {
  color: #7f95b0;
  font-size: 16px;
  font-weight: 750;
  line-height: 1.25;
}

#pfl-oprofilio-root .pfl-audience-v2__flow strong {
  margin-top: 0.13rem;
  color: #f4f8fd;
  font-size: 17px;
  line-height: 1.35;
}

#pfl-oprofilio-root .pfl-audience-v2__flow li > i {
  color: #50dfaa;
  font-size: 20px;
  font-style: normal;
  font-weight: 900;
  text-align: center;
}

#pfl-oprofilio-root .pfl-audience-v2__proof--blue .pfl-audience-v2__flow li > i {
  color: #8db2ff;
}

#pfl-oprofilio-root .pfl-audience-v2__result {
  display: grid;
  grid-template-columns: 2.5rem minmax(0, 1fr);
  gap: 0.75rem;
  align-items: center;
  margin-top: 0.8rem;
  padding: 0.8rem;
  border: 1px solid rgba(53, 217, 160, 0.25);
  border-radius: 0.95rem;
  background: rgba(25, 190, 124, 0.1);
}

#pfl-oprofilio-root .pfl-audience-v2__proof--blue .pfl-audience-v2__result {
  border-color: rgba(114, 162, 255, 0.28);
  background: rgba(45, 109, 246, 0.1);
}

#pfl-oprofilio-root .pfl-audience-v2__result > span {
  display: grid;
  place-items: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  background: #0b4b43;
  color: #65dfb0;
  font-size: 18px;
  font-weight: 900;
}

#pfl-oprofilio-root .pfl-audience-v2__proof--blue .pfl-audience-v2__result > span {
  background: #123f78;
  color: #9abcff;
}

#pfl-oprofilio-root .pfl-audience-v2__result p,
#pfl-oprofilio-root .pfl-audience-v2__result small,
#pfl-oprofilio-root .pfl-audience-v2__result strong {
  display: block;
  margin: 0;
}

#pfl-oprofilio-root .pfl-audience-v2__result small {
  color: #80e1ba;
  font-size: 16px;
  font-weight: 750;
  line-height: 1.3;
}

#pfl-oprofilio-root .pfl-audience-v2__proof--blue .pfl-audience-v2__result small {
  color: #9abcff;
}

#pfl-oprofilio-root .pfl-audience-v2__result strong {
  margin-top: 0.12rem;
  color: #fff;
  font-size: 17px;
  line-height: 1.4;
}

#pfl-oprofilio-root .pfl-audience-v2__caption {
  margin: 0.7rem 0 0;
  color: #7288a2;
  font-size: 16px;
  line-height: 1.4;
  text-align: center;
}

@media (min-width: 768px) and (prefers-reduced-motion: no-preference) {
  #pfl-oprofilio-root .pfl-audience-v2__panel.is-entering {
    animation: pfl-audience-v2-panel-in 240ms cubic-bezier(0.2, 0.8, 0.2, 1) both;
  }

  #pfl-oprofilio-root .pfl-audience-v2__flow li.is-current > i {
    animation: pfl-audience-v2-status-pulse 2.2s ease-in-out infinite;
  }
}

@keyframes pfl-audience-v2-panel-in {
  from { opacity: 0; transform: translateY(7px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes pfl-audience-v2-status-pulse {
  0%, 100% { opacity: 0.55; transform: scale(0.88); }
  50% { opacity: 1; transform: scale(1.08); }
}

@media (max-width: 980px) {
  #pfl-oprofilio-root .pfl-audience-v2__tab b {
    display: none;
  }

  #pfl-oprofilio-root .pfl-audience-v2__tab {
    grid-template-columns: 3.25rem minmax(0, 1fr);
  }

  #pfl-oprofilio-root .pfl-audience-v2__panel {
    grid-template-columns: 1fr;
  }

  #pfl-oprofilio-root .pfl-audience-v2__proof {
    margin: 0 1rem 1rem;
  }
}

@media (max-width: 767px) {
  #pfl-oprofilio-root .pfl-audience-v2::before {
    display: none;
  }

  #pfl-oprofilio-root .pfl-audience-v2__inner {
    width: min(100% - 32px, 1180px);
    padding-block: 4.5rem;
  }

  #pfl-oprofilio-root .pfl-audience-v2__header {
    margin-bottom: 2rem;
    text-align: left;
  }

  #pfl-oprofilio-root .pfl-audience-v2__header h2 {
    font-size: clamp(38px, 11vw, 50px);
  }

  #pfl-oprofilio-root .pfl-audience-v2__header > p {
    margin-inline: 0;
  }

  #pfl-oprofilio-root .pfl-audience-v2__selector {
    grid-template-columns: 1fr;
    max-width: none;
  }

  #pfl-oprofilio-root .pfl-audience-v2__tab {
    min-height: 5.15rem;
  }

  #pfl-oprofilio-root .pfl-audience-v2__panel {
    border-radius: 1.5rem;
  }

  #pfl-oprofilio-root .pfl-audience-v2__copy {
    padding: 1.5rem;
  }

  #pfl-oprofilio-root .pfl-audience-v2__copy h3 {
    font-size: clamp(31px, 8.6vw, 38px);
  }

  #pfl-oprofilio-root .pfl-audience-v2__actions {
    align-items: stretch;
    flex-direction: column;
  }

  #pfl-oprofilio-root .pfl-audience-v2__actions a {
    width: 100%;
  }

  #pfl-oprofilio-root .pfl-audience-v2__actions > small {
    max-width: none;
  }

  #pfl-oprofilio-root .pfl-audience-v2__proof {
    padding: 1.1rem;
    border-radius: 1.15rem;
  }

  #pfl-oprofilio-root .pfl-audience-v2__proof-top {
    align-items: flex-start;
  }

  #pfl-oprofilio-root .pfl-audience-v2__proof-top > b {
    display: none;
  }
}

@media (max-width: 390px) {
  #pfl-oprofilio-root .pfl-audience-v2__tab {
    grid-template-columns: 2.8rem minmax(0, 1fr);
    gap: 0.7rem;
    padding: 0.75rem;
  }

  #pfl-oprofilio-root .pfl-audience-v2__tab-icon {
    width: 2.8rem;
    height: 2.8rem;
  }

  #pfl-oprofilio-root .pfl-audience-v2__flow li {
    grid-template-columns: 2.15rem minmax(0, 1fr) 1.1rem;
    gap: 0.58rem;
    padding-inline: 0.6rem;
  }

  #pfl-oprofilio-root .pfl-audience-v2__flow li > span {
    width: 2.15rem;
    height: 2.15rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  #pfl-oprofilio-root .pfl-audience-v2 *,
  #pfl-oprofilio-root .pfl-audience-v2 *::before,
  #pfl-oprofilio-root .pfl-audience-v2 *::after {
    animation: none !important;
    transition-duration: 0.01ms !important;
  }
}

@media (forced-colors: active) {
  #pfl-oprofilio-root .pfl-audience-v2__selector,
  #pfl-oprofilio-root .pfl-audience-v2__tab,
  #pfl-oprofilio-root .pfl-audience-v2__panel,
  #pfl-oprofilio-root .pfl-audience-v2__proof,
  #pfl-oprofilio-root .pfl-audience-v2__flow li,
  #pfl-oprofilio-root .pfl-audience-v2__actions a {
    border: 1px solid CanvasText;
  }

  #pfl-oprofilio-root .pfl-audience-v2__tab.is-active {
    outline: 3px solid Highlight;
    outline-offset: -4px;
  }
}

/* ========================================================================
   1.17.570 — SEKCJA 07 / V3: GUIDED ONBOARDING + NEXT-BEST ACTION
   Jedna ścieżka startowa, working proof i realne CTA bez obietnic podatkowych.
   ======================================================================== */
#pfl-oprofilio-root .pfl-onboarding-v2 {
  position: relative;
  width: 100%;
  overflow: hidden;
  border-top: 1px solid #d7e1ec;
  background:
    radial-gradient(circle at 90% 12%, rgba(45, 109, 246, 0.08), transparent 28rem),
    radial-gradient(circle at 7% 86%, rgba(0, 168, 101, 0.07), transparent 26rem),
    #f7f9fc;
  color: #0b1e3d;
}

#pfl-oprofilio-root .pfl-onboarding-v2::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0.16;
  background-image: radial-gradient(rgba(25, 65, 115, 0.17) 0.7px, transparent 0.7px);
  background-size: 24px 24px;
  -webkit-mask-image: linear-gradient(to bottom, transparent, #000 16%, #000 84%, transparent);
          mask-image: linear-gradient(to bottom, transparent, #000 16%, #000 84%, transparent);
}

#pfl-oprofilio-root .pfl-onboarding-v2__inner {
  position: relative;
  z-index: 1;
  width: min(1180px, calc(100% - 40px));
  margin-inline: auto;
  padding-block: clamp(80px, 7vw, 108px);
}

#pfl-oprofilio-root .pfl-onboarding-v2__header {
  max-width: 900px;
  margin: 0 auto clamp(32px, 4vw, 48px);
  text-align: center;
}

#pfl-oprofilio-root .pfl-onboarding-v2__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  min-height: 32px;
  margin-bottom: 18px;
  padding: 6px 13px;
  border: 1px solid #d5e0eb;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.94);
  color: #526781;
  font-size: 16px;
  font-weight: 850;
  line-height: 1.2;
  letter-spacing: 0.055em;
  text-transform: uppercase;
  box-shadow: 0 5px 16px rgba(14, 33, 60, 0.05);
}

#pfl-oprofilio-root .pfl-onboarding-v2__eyebrow i {
  width: 8px;
  height: 8px;
  flex: 0 0 8px;
  border-radius: 50%;
  background: #00a865;
  box-shadow: 0 0 0 5px rgba(0, 168, 101, 0.11);
}

#pfl-oprofilio-root .pfl-onboarding-v2__header h2 {
  margin: 0;
  color: #0b1e3d !important;
  font-family: Poppins, Inter, sans-serif;
  font-size: clamp(42px, 4.35vw, 60px);
  font-weight: 900;
  line-height: 1.02;
  letter-spacing: -0.052em;
  text-wrap: balance;
}

#pfl-oprofilio-root .pfl-onboarding-v2__header h2 span {
  color: #2d6df6 !important;
  background: linear-gradient(100deg, #008451 0%, #0ba49a 48%, #2d6df6 100%);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
}

#pfl-oprofilio-root .pfl-onboarding-v2__header > p {
  max-width: 760px;
  margin: 16px auto 0;
  color: #526781;
  font-size: clamp(18px, 1.4vw, 20px);
  line-height: 1.62;
}

#pfl-oprofilio-root .pfl-onboarding-v2__stage {
  display: grid;
  grid-template-columns: minmax(0, 1.06fr) minmax(410px, 0.94fr);
  min-width: 0;
  overflow: hidden;
  border: 1px solid #d5e0eb;
  border-radius: 32px;
  background: #fff;
  box-shadow: 0 25px 65px rgba(7, 26, 53, 0.11);
}

#pfl-oprofilio-root .pfl-onboarding-v2__path {
  min-width: 0;
  padding: clamp(32px, 4vw, 52px);
}

#pfl-oprofilio-root .pfl-onboarding-v2__path-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding-bottom: 22px;
  border-bottom: 1px solid #e0e7ef;
}

#pfl-oprofilio-root .pfl-onboarding-v2__path-head small,
#pfl-oprofilio-root .pfl-onboarding-v2__path-head strong {
  display: block;
}

#pfl-oprofilio-root .pfl-onboarding-v2__path-head small {
  color: #64778e;
  font-size: 16px;
  font-weight: 750;
  line-height: 1.3;
}

#pfl-oprofilio-root .pfl-onboarding-v2__path-head strong {
  margin-top: 4px;
  color: #0b1e3d;
  font-family: Poppins, Inter, sans-serif;
  font-size: 22px;
  font-weight: 850;
  line-height: 1.3;
}

#pfl-oprofilio-root .pfl-onboarding-v2__path-head > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 7px 13px;
  border: 1px solid #bee8d4;
  border-radius: 999px;
  background: #ecfaf4;
  color: #087249;
  font-size: 16px;
  font-weight: 850;
  white-space: nowrap;
}

#pfl-oprofilio-root .pfl-onboarding-v2__steps {
  display: grid;
  gap: 12px;
  margin: 22px 0 0;
  padding: 0;
  list-style: none;
}

#pfl-oprofilio-root .pfl-onboarding-v2__steps li {
  position: relative;
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
  min-height: 88px;
  padding: 16px 17px;
  border: 1px solid #dce5ee;
  border-radius: 17px;
  background: #f8fafc;
  transition: border-color 180ms ease-out, background-color 180ms ease-out, transform 180ms ease-out, box-shadow 180ms ease-out;
}

#pfl-oprofilio-root .pfl-onboarding-v2__steps li:hover {
  border-color: #bcd7ca;
  background: #fff;
  transform: translateY(-2px);
  box-shadow: 0 12px 26px rgba(10, 35, 65, 0.07);
}

#pfl-oprofilio-root .pfl-onboarding-v2__steps li.is-primary {
  border-color: #afe3cd;
  background: #effaf5;
  box-shadow: inset 4px 0 #00a865;
}

#pfl-oprofilio-root .pfl-onboarding-v2__steps li > span {
  display: grid;
  place-items: center;
  width: 46px;
  height: 46px;
  border: 1px solid #ccdae7;
  border-radius: 14px;
  background: #fff;
  color: #2d6df6;
  font-size: 17px;
  font-weight: 900;
}

#pfl-oprofilio-root .pfl-onboarding-v2__steps li.is-primary > span {
  border-color: #b5e8d1;
  background: #dff6eb;
  color: #008451;
}

#pfl-oprofilio-root .pfl-onboarding-v2__steps strong,
#pfl-oprofilio-root .pfl-onboarding-v2__steps small {
  display: block;
}

#pfl-oprofilio-root .pfl-onboarding-v2__steps strong {
  color: #0b1e3d;
  font-size: 18px;
  font-weight: 850;
  line-height: 1.35;
}

#pfl-oprofilio-root .pfl-onboarding-v2__steps small {
  margin-top: 4px;
  color: #5b7088;
  font-size: 16px;
  line-height: 1.48;
}

#pfl-oprofilio-root .pfl-onboarding-v2__steps b {
  min-width: 78px;
  padding: 7px 10px;
  border-radius: 999px;
  background: #e9eff6;
  color: #526781;
  font-size: 16px;
  font-weight: 800;
  line-height: 1.2;
  text-align: center;
}

#pfl-oprofilio-root .pfl-onboarding-v2__steps li.is-primary b {
  background: #d9f3e7;
  color: #087249;
}

#pfl-oprofilio-root .pfl-onboarding-v2__path-note {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  margin: 18px 0 0;
  padding: 13px 15px;
  border: 1px solid #d8e3ed;
  border-radius: 14px;
  background: #f4f7fb;
  color: #526781;
  font-size: 16px;
  line-height: 1.48;
}

#pfl-oprofilio-root .pfl-onboarding-v2__path-note > span {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #e5efff;
  color: #2d6df6;
  font-weight: 900;
}

#pfl-oprofilio-root .pfl-onboarding-v2__proof {
  min-width: 0;
  margin: 16px;
  padding: 28px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 24px;
  background:
    radial-gradient(circle at 100% 0%, rgba(27, 194, 129, 0.17), transparent 18rem),
    #071a35;
  color: #fff;
  box-shadow: 0 20px 45px rgba(7, 26, 53, 0.22);
}

#pfl-oprofilio-root .pfl-onboarding-v2__proof-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

#pfl-oprofilio-root .pfl-onboarding-v2__proof-top > div {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}

#pfl-oprofilio-root .pfl-onboarding-v2__proof-top > div > span {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  flex: 0 0 48px;
  overflow: hidden;
  border-radius: 14px;
  background: #06152c;
}

#pfl-oprofilio-root .pfl-onboarding-v2__proof-top img {
  display: block;
  width: 38px;
  height: 38px;
  object-fit: contain;
}

#pfl-oprofilio-root .pfl-onboarding-v2__proof-top p,
#pfl-oprofilio-root .pfl-onboarding-v2__proof-top small,
#pfl-oprofilio-root .pfl-onboarding-v2__proof-top strong {
  display: block;
  margin: 0;
}

#pfl-oprofilio-root .pfl-onboarding-v2__proof-top small {
  color: #87a0bd;
  font-size: 16px;
  font-weight: 750;
  line-height: 1.3;
}

#pfl-oprofilio-root .pfl-onboarding-v2__proof-top strong {
  margin-top: 3px;
  color: #fff;
  font-size: 18px;
  line-height: 1.35;
}

#pfl-oprofilio-root .pfl-onboarding-v2__proof-top > b {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #80e1ba;
  font-size: 16px;
  line-height: 1.3;
  white-space: nowrap;
}

#pfl-oprofilio-root .pfl-onboarding-v2__proof-top > b i {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #35d9a0;
  box-shadow: 0 0 0 5px rgba(53, 217, 160, 0.12);
}

#pfl-oprofilio-root .pfl-onboarding-v2__progress {
  margin-top: 22px;
  padding: 17px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.05);
}

#pfl-oprofilio-root .pfl-onboarding-v2__progress > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  color: #c3d0df;
  font-size: 16px;
  line-height: 1.3;
}

#pfl-oprofilio-root .pfl-onboarding-v2__progress > div strong {
  color: #fff;
  font-size: 18px;
}

#pfl-oprofilio-root .pfl-onboarding-v2__progress > i {
  display: block;
  height: 9px;
  margin-top: 13px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.12);
}

#pfl-oprofilio-root .pfl-onboarding-v2__progress > i span {
  display: block;
  width: 25%;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #00a865, #36d39f);
  box-shadow: 0 0 18px rgba(54, 211, 159, 0.34);
}

#pfl-oprofilio-root .pfl-onboarding-v2__next {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  gap: 14px;
  margin-top: 14px;
  padding: 18px;
  border: 1px solid rgba(53, 217, 160, 0.34);
  border-radius: 18px;
  background: rgba(25, 190, 124, 0.11);
  box-shadow: inset 4px 0 #35d9a0;
}

#pfl-oprofilio-root .pfl-onboarding-v2__next > span {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border-radius: 14px;
  background: #0b4b43;
  color: #80e1ba;
  font-size: 17px;
  font-weight: 900;
}

#pfl-oprofilio-root .pfl-onboarding-v2__next small,
#pfl-oprofilio-root .pfl-onboarding-v2__next strong,
#pfl-oprofilio-root .pfl-onboarding-v2__next p {
  display: block;
  margin: 0;
}

#pfl-oprofilio-root .pfl-onboarding-v2__next small {
  color: #80e1ba;
  font-size: 16px;
  font-weight: 800;
  line-height: 1.3;
}

#pfl-oprofilio-root .pfl-onboarding-v2__next strong {
  margin-top: 4px;
  color: #fff;
  font-size: 19px;
  line-height: 1.35;
}

#pfl-oprofilio-root .pfl-onboarding-v2__next p {
  margin-top: 7px;
  color: #aebed0;
  font-size: 16px;
  line-height: 1.5;
}

#pfl-oprofilio-root .pfl-onboarding-v2__status {
  display: grid;
  gap: 8px;
  margin: 14px 0 0;
  padding: 0;
  list-style: none;
}

#pfl-oprofilio-root .pfl-onboarding-v2__status li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 48px;
  padding: 10px 14px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 13px;
  background: rgba(255, 255, 255, 0.04);
  color: #c3d0df;
  font-size: 16px;
  line-height: 1.3;
}

#pfl-oprofilio-root .pfl-onboarding-v2__status li b {
  color: #9abcff;
  font-size: 16px;
  font-weight: 800;
  text-align: right;
}

#pfl-oprofilio-root .pfl-onboarding-v2__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  width: 100%;
  min-height: 54px;
  margin-top: 18px;
  padding: 12px 18px;
  border: 1px solid #00a865;
  border-radius: 14px;
  background: #00a865;
  color: #fff !important;
  font-size: 17px;
  font-weight: 850;
  line-height: 1.2;
  text-align: center;
  text-decoration: none !important;
  box-shadow: 0 14px 30px rgba(0, 168, 101, 0.24);
  transition: transform 180ms ease-out, background-color 180ms ease-out, box-shadow 180ms ease-out;
}

#pfl-oprofilio-root .pfl-onboarding-v2__cta:hover {
  background: #008451;
  transform: translateY(-2px);
  box-shadow: 0 18px 34px rgba(0, 168, 101, 0.28);
}

#pfl-oprofilio-root .pfl-onboarding-v2__cta:focus-visible {
  outline: 3px solid #72a2ff;
  outline-offset: 3px;
}

#pfl-oprofilio-root .pfl-onboarding-v2__guard {
  margin: 12px 0 0;
  color: #8fa3bc;
  font-size: 16px;
  line-height: 1.48;
  text-align: center;
}

#pfl-oprofilio-root .pfl-onboarding-v2__assurance {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  margin-top: 18px;
  overflow: hidden;
  border: 1px solid #d5e0eb;
  border-radius: 20px;
  background: #d5e0eb;
  box-shadow: 0 14px 34px rgba(7, 26, 53, 0.07);
}

#pfl-oprofilio-root .pfl-onboarding-v2__assurance article {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 13px;
  align-items: center;
  min-width: 0;
  padding: 20px;
  background: rgba(255, 255, 255, 0.96);
}

#pfl-oprofilio-root .pfl-onboarding-v2__assurance article > span {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 13px;
  background: #e7f7ef;
  color: #008451;
  font-size: 18px;
  font-weight: 900;
}

#pfl-oprofilio-root .pfl-onboarding-v2__assurance strong,
#pfl-oprofilio-root .pfl-onboarding-v2__assurance small {
  display: block;
}

#pfl-oprofilio-root .pfl-onboarding-v2__assurance strong {
  color: #0b1e3d;
  font-size: 17px;
  font-weight: 850;
  line-height: 1.35;
}

#pfl-oprofilio-root .pfl-onboarding-v2__assurance small {
  margin-top: 3px;
  color: #64778e;
  font-size: 16px;
  line-height: 1.42;
}

@media (min-width: 768px) and (prefers-reduced-motion: no-preference) {
  #pfl-oprofilio-root .pfl-onboarding-v2__progress > i span {
    animation: pfl-onboarding-v2-progress-in 800ms 300ms cubic-bezier(0.2, 0.8, 0.2, 1) both;
  }

  #pfl-oprofilio-root .pfl-onboarding-v2__proof-top > b i {
    animation: pfl-onboarding-v2-status-pulse 2.2s ease-in-out infinite;
  }
}

@keyframes pfl-onboarding-v2-progress-in {
  from { width: 0; }
  to { width: 25%; }
}

@keyframes pfl-onboarding-v2-status-pulse {
  0%, 100% { opacity: 0.55; transform: scale(0.88); }
  50% { opacity: 1; transform: scale(1.08); }
}

@media (max-width: 1020px) {
  #pfl-oprofilio-root .pfl-onboarding-v2__stage {
    grid-template-columns: 1fr;
  }

  #pfl-oprofilio-root .pfl-onboarding-v2__proof {
    margin: 0 16px 16px;
  }
}

@media (max-width: 767px) {
  #pfl-oprofilio-root .pfl-onboarding-v2::before {
    display: none;
  }

  #pfl-oprofilio-root .pfl-onboarding-v2__inner {
    width: min(100% - 32px, 1180px);
    padding-block: 72px;
  }

  #pfl-oprofilio-root .pfl-onboarding-v2__header {
    text-align: left;
  }

  #pfl-oprofilio-root .pfl-onboarding-v2__header h2 {
    font-size: clamp(38px, 11vw, 50px);
  }

  #pfl-oprofilio-root .pfl-onboarding-v2__header > p {
    margin-inline: 0;
  }

  #pfl-oprofilio-root .pfl-onboarding-v2__stage {
    border-radius: 24px;
  }

  #pfl-oprofilio-root .pfl-onboarding-v2__path {
    padding: 24px;
  }

  #pfl-oprofilio-root .pfl-onboarding-v2__path-head {
    align-items: flex-start;
  }

  #pfl-oprofilio-root .pfl-onboarding-v2__steps li {
    grid-template-columns: 44px minmax(0, 1fr);
  }

  #pfl-oprofilio-root .pfl-onboarding-v2__steps b {
    grid-column: 2;
    justify-self: start;
  }

  #pfl-oprofilio-root .pfl-onboarding-v2__proof {
    padding: 22px;
    border-radius: 18px;
  }

  #pfl-oprofilio-root .pfl-onboarding-v2__proof-top > b {
    display: none;
  }

  #pfl-oprofilio-root .pfl-onboarding-v2__assurance {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 390px) {
  #pfl-oprofilio-root .pfl-onboarding-v2__path-head > span {
    display: none;
  }

  #pfl-oprofilio-root .pfl-onboarding-v2__path,
  #pfl-oprofilio-root .pfl-onboarding-v2__proof {
    padding: 19px;
  }

  #pfl-oprofilio-root .pfl-onboarding-v2__steps li {
    grid-template-columns: 40px minmax(0, 1fr);
    gap: 11px;
    padding: 14px;
  }

  #pfl-oprofilio-root .pfl-onboarding-v2__steps li > span,
  #pfl-oprofilio-root .pfl-onboarding-v2__next > span {
    width: 40px;
    height: 40px;
  }

  #pfl-oprofilio-root .pfl-onboarding-v2__next {
    grid-template-columns: 40px minmax(0, 1fr);
    gap: 11px;
    padding: 15px;
  }

  #pfl-oprofilio-root .pfl-onboarding-v2__status li {
    align-items: flex-start;
    flex-direction: column;
    gap: 5px;
  }

  #pfl-oprofilio-root .pfl-onboarding-v2__status li b {
    text-align: left;
  }
}

@media (prefers-reduced-motion: reduce) {
  #pfl-oprofilio-root .pfl-onboarding-v2 *,
  #pfl-oprofilio-root .pfl-onboarding-v2 *::before,
  #pfl-oprofilio-root .pfl-onboarding-v2 *::after {
    animation: none !important;
    transition-duration: 0.01ms !important;
  }
}

@media (forced-colors: active) {
  #pfl-oprofilio-root .pfl-onboarding-v2__stage,
  #pfl-oprofilio-root .pfl-onboarding-v2__steps li,
  #pfl-oprofilio-root .pfl-onboarding-v2__proof,
  #pfl-oprofilio-root .pfl-onboarding-v2__next,
  #pfl-oprofilio-root .pfl-onboarding-v2__status li,
  #pfl-oprofilio-root .pfl-onboarding-v2__cta,
  #pfl-oprofilio-root .pfl-onboarding-v2__assurance {
    border: 1px solid CanvasText;
  }
}

#pfl-oprofilio-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-oprofilio-root .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0
}

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

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

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

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

#pfl-oprofilio-root .sticky {
  position: sticky
}

#pfl-oprofilio-root .-inset-1 {
  inset: -4px
}

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

#pfl-oprofilio-root .-bottom-12 {
  bottom: -48px
}

#pfl-oprofilio-root .-bottom-24 {
  bottom: -96px
}

#pfl-oprofilio-root .-bottom-40 {
  bottom: -160px
}

#pfl-oprofilio-root .-left-12 {
  left: -48px
}

#pfl-oprofilio-root .-left-24 {
  left: -96px
}

#pfl-oprofilio-root .-left-40 {
  left: -160px
}

#pfl-oprofilio-root .-right-12 {
  right: -48px
}

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

#pfl-oprofilio-root .-right-24 {
  right: -96px
}

#pfl-oprofilio-root .-right-32 {
  right: -128px
}

#pfl-oprofilio-root .-right-40 {
  right: -160px
}

#pfl-oprofilio-root .-top-12 {
  top: -48px
}

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

#pfl-oprofilio-root .-top-24 {
  top: -96px
}

#pfl-oprofilio-root .-top-32 {
  top: -128px
}

#pfl-oprofilio-root .-top-40 {
  top: -160px
}

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

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

#pfl-oprofilio-root .bottom-8 {
  bottom: 32px
}

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

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

#pfl-oprofilio-root .left-\[31px\] {
  left: 31px
}

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

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

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

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

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

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

#pfl-oprofilio-root .top-8 {
  top: 32px
}

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

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

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

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

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

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

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

#pfl-oprofilio-root .mb-1\.5 {
  margin-bottom: 6px
}

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

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

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

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

#pfl-oprofilio-root .mb-2\.5 {
  margin-bottom: 10px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#pfl-oprofilio-root .aspect-video {
  aspect-ratio: 16 / 9
}

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

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

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

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

#pfl-oprofilio-root .h-16 {
  height: 64px
}

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

#pfl-oprofilio-root .h-2\.5 {
  height: 10px
}

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

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

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

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

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

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

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

#pfl-oprofilio-root .h-80 {
  height: 320px
}

#pfl-oprofilio-root .h-\[500px\] {
  height: 500px
}

#pfl-oprofilio-root .h-\[600px\] {
  height: 600px
}

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

#pfl-oprofilio-root .w-0 {
  width: 0px
}

#pfl-oprofilio-root .w-1\.5 {
  width: 6px
}

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

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

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

#pfl-oprofilio-root .w-16 {
  width: 64px
}

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

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

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

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

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

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

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

#pfl-oprofilio-root .w-80 {
  width: 320px
}

#pfl-oprofilio-root .w-\[2px\] {
  width: 2px
}

#pfl-oprofilio-root .w-\[600px\] {
  width: 600px
}

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

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

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

#pfl-oprofilio-root .max-w-\[1440px\] {
  max-width: 1440px
}

#pfl-oprofilio-root .max-w-sm {
  max-width: 384px
}

#pfl-oprofilio-root .max-w-xl {
  max-width: 576px
}

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

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

#pfl-oprofilio-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-oprofilio-root .-translate-y-8 {
  --tw-translate-y: -32px;
  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-oprofilio-root .translate-x-8 {
  --tw-translate-x: 32px;
  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-oprofilio-root .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-oprofilio-root .translate-y-20 {
  --tw-translate-y: 80px;
  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-oprofilio-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-oprofilio-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-oprofilio-root .scale-50 {
  --tw-scale-x: .5;
  --tw-scale-y: .5;
  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-oprofilio-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-oprofilio-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 bounce {
  0%, 100% {
    transform: translateY(-25%);
    animation-timing-function: cubic-bezier(0.8,0,1,1)
  }

  50% {
    transform: none;
    animation-timing-function: cubic-bezier(0,0,0.2,1)
  }
}

#pfl-oprofilio-root .animate-bounce {
  animation: bounce 1s infinite
}

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

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

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

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

#pfl-oprofilio-root .cursor-default {
  cursor: default
}

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

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

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

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

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

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

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

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

#pfl-oprofilio-root .items-stretch {
  align-items: stretch
}

#pfl-oprofilio-root .justify-end {
  justify-content: flex-end
}

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

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

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

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

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

#pfl-oprofilio-root .gap-2\.5 {
  gap: 10px
}

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

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

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

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

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

#pfl-oprofilio-root .gap-x-10 {
  -moz-column-gap: 40px;
       column-gap: 40px
}

#pfl-oprofilio-root .gap-y-6 {
  row-gap: 24px
}

#pfl-oprofilio-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-oprofilio-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-oprofilio-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-oprofilio-root :is(.divide-y > :not([hidden]) ~ :not([hidden])) {
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse))
}

#pfl-oprofilio-root :is(.divide-line-light > :not([hidden]) ~ :not([hidden])) {
  --tw-divide-opacity: 1;
  border-color: rgb(233 236 239 / var(--tw-divide-opacity, 1))
}

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

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

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

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

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

#pfl-oprofilio-root .rounded-\[20px\] {
  border-radius: 20px
}

#pfl-oprofilio-root .rounded-\[24px\] {
  border-radius: 24px
}

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

#pfl-oprofilio-root .rounded-\[36px\] {
  border-radius: 36px
}

#pfl-oprofilio-root .rounded-\[40px\] {
  border-radius: 40px
}

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

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

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

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

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

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

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

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

#pfl-oprofilio-root .border-\[\#A5D6A7\] {
  --tw-border-opacity: 1;
  border-color: rgb(165 214 167 / var(--tw-border-opacity, 1))
}

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

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

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

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

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

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

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

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

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

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

#pfl-oprofilio-root .bg-\[\#E3F2FD\] {
  --tw-bg-opacity: 1;
  background-color: rgb(227 242 253 / var(--tw-bg-opacity, 1))
}

#pfl-oprofilio-root .bg-\[\#E8F5E9\] {
  --tw-bg-opacity: 1;
  background-color: rgb(232 245 233 / var(--tw-bg-opacity, 1))
}

#pfl-oprofilio-root .bg-\[\#FFEBEE\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 235 238 / var(--tw-bg-opacity, 1))
}

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

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

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

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

#pfl-oprofilio-root .bg-black\/40 {
  background-color: rgb(0 0 0 / 0.4)
}

#pfl-oprofilio-root .bg-black\/60 {
  background-color: rgb(0 0 0 / 0.6)
}

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

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

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

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

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

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

#pfl-oprofilio-root .bg-gray-800 {
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1))
}

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

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

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

#pfl-oprofilio-root .bg-line-default {
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1))
}

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

#pfl-oprofilio-root .bg-slate-950\/80 {
  background-color: rgb(2 6 23 / 0.8)
}

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

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

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

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

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

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

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

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

#pfl-oprofilio-root .from-\[\#1e1b4b\] {
  --tw-gradient-from: #1e1b4b var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(30 27 75 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

#pfl-oprofilio-root .from-\[\#65a30d\] {
  --tw-gradient-from: #65a30d 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-oprofilio-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-oprofilio-root .from-action\/30 {
  --tw-gradient-from: rgb(0 168 89 / 0.3) 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-oprofilio-root .from-action\/40 {
  --tw-gradient-from: rgb(0 168 89 / 0.4) 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-oprofilio-root .from-black\/80 {
  --tw-gradient-from: rgb(0 0 0 / 0.8) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

#pfl-oprofilio-root .from-emerald-50\/50 {
  --tw-gradient-from: rgb(236 253 245 / 0.5) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(236 253 245 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

#pfl-oprofilio-root .from-white {
  --tw-gradient-from: #fff 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-oprofilio-root .via-\[\#0d9488\] {
  --tw-gradient-to: rgb(13 148 136 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #0d9488 var(--tw-gradient-via-position), var(--tw-gradient-to)
}

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

#pfl-oprofilio-root .via-black\/20 {
  --tw-gradient-to: rgb(0 0 0 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(0 0 0 / 0.2) var(--tw-gradient-via-position), var(--tw-gradient-to)
}

#pfl-oprofilio-root .via-dark-contrast {
  --tw-gradient-to: rgb(17 24 39 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #111827 var(--tw-gradient-via-position), var(--tw-gradient-to)
}

#pfl-oprofilio-root .via-gray-100 {
  --tw-gradient-to: rgb(243 244 246 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6 var(--tw-gradient-via-position), var(--tw-gradient-to)
}

#pfl-oprofilio-root .via-info {
  --tw-gradient-to: rgb(37 99 235 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #2563EB var(--tw-gradient-via-position), var(--tw-gradient-to)
}

#pfl-oprofilio-root .via-info\/20 {
  --tw-gradient-to: rgb(37 99 235 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(37 99 235 / 0.2) var(--tw-gradient-via-position), var(--tw-gradient-to)
}

#pfl-oprofilio-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-oprofilio-root .to-\[\#0284c7\] {
  --tw-gradient-to: #0284c7 var(--tw-gradient-to-position)
}

#pfl-oprofilio-root .to-\[\#064e3b\] {
  --tw-gradient-to: #064e3b var(--tw-gradient-to-position)
}

#pfl-oprofilio-root .to-brand {
  --tw-gradient-to: #520F7D var(--tw-gradient-to-position)
}

#pfl-oprofilio-root .to-gray-300 {
  --tw-gradient-to: #d1d5db var(--tw-gradient-to-position)
}

#pfl-oprofilio-root .to-gray-400 {
  --tw-gradient-to: #9ca3af var(--tw-gradient-to-position)
}

#pfl-oprofilio-root .to-sky-50\/30 {
  --tw-gradient-to: rgb(240 249 255 / 0.3) var(--tw-gradient-to-position)
}

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

#pfl-oprofilio-root .bg-cover {
  background-size: cover
}

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

#pfl-oprofilio-root .bg-center {
  background-position: center
}

#pfl-oprofilio-root .bg-no-repeat {
  background-repeat: no-repeat
}

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

#pfl-oprofilio-root .p-1\.5 {
  padding: 6px
}

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

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

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

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

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

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

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

#pfl-oprofilio-root .px-3\.5 {
  padding-left: 14px;
  padding-right: 14px
}

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

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

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

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

#pfl-oprofilio-root .py-0\.5 {
  padding-top: 2px;
  padding-bottom: 2px
}

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

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

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

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

#pfl-oprofilio-root .py-2\.5 {
  padding-top: 10px;
  padding-bottom: 10px
}

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

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

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

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

#pfl-oprofilio-root .py-6 {
  padding-top: 24px;
  padding-bottom: 24px
}

#pfl-oprofilio-root .pb-12 {
  padding-bottom: 48px
}

#pfl-oprofilio-root .pt-12 {
  padding-top: 48px
}

#pfl-oprofilio-root .pt-2 {
  padding-top: 8px
}

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

#pfl-oprofilio-root .pt-6 {
  padding-top: 24px
}

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

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

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

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

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

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

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

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

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

#pfl-oprofilio-root .text-\[12px\] {
  font-size: 12px
}

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

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

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

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

#pfl-oprofilio-root .text-\[22px\] {
  font-size: 22px
}

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

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

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

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

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

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

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

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

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

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

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

#pfl-oprofilio-root .italic {
  font-style: italic
}

#pfl-oprofilio-root .leading-\[1\.08\] {
  line-height: 1.08
}

#pfl-oprofilio-root .leading-\[1\.15\] {
  line-height: 1.15
}

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

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

#pfl-oprofilio-root .leading-normal {
  line-height: 1.5
}

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

#pfl-oprofilio-root .leading-snug {
  line-height: 1.375
}

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

#pfl-oprofilio-root .tracking-\[0\.2em\] {
  letter-spacing: 0.2em
}

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

#pfl-oprofilio-root .tracking-wide {
  letter-spacing: 0.025em
}

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

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

#pfl-oprofilio-root .text-\[\#1565C0\] {
  --tw-text-opacity: 1;
  color: rgb(21 101 192 / var(--tw-text-opacity, 1))
}

#pfl-oprofilio-root .text-\[\#2E7D32\] {
  --tw-text-opacity: 1;
  color: rgb(46 125 50 / var(--tw-text-opacity, 1))
}

#pfl-oprofilio-root .text-\[\#C62828\] {
  --tw-text-opacity: 1;
  color: rgb(198 40 40 / var(--tw-text-opacity, 1))
}

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

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

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

#pfl-oprofilio-root .text-gray-200 {
  --tw-text-opacity: 1;
  color: rgb(229 231 235 / var(--tw-text-opacity, 1))
}

#pfl-oprofilio-root .text-gray-300 {
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity, 1))
}

#pfl-oprofilio-root .text-gray-400 {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1))
}

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

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

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

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

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

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

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

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

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

#pfl-oprofilio-root .opacity-100 {
  opacity: 1
}

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

#pfl-oprofilio-root .opacity-25 {
  opacity: 0.25
}

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

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

#pfl-oprofilio-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-oprofilio-root .shadow-ambient {
  --tw-shadow: 0 0 40px rgba(0, 168, 89, 0.2);
  --tw-shadow-colored: 0 0 40px 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-oprofilio-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-oprofilio-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-oprofilio-root .shadow-md {
  --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-oprofilio-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-oprofilio-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-oprofilio-root .shadow-action\/20 {
  --tw-shadow-color: rgb(0 168 89 / 0.2);
  --tw-shadow: var(--tw-shadow-colored)
}

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

#pfl-oprofilio-root .shadow-brand\/20 {
  --tw-shadow-color: rgb(82 15 125 / 0.2);
  --tw-shadow: var(--tw-shadow-colored)
}

#pfl-oprofilio-root .shadow-info\/20 {
  --tw-shadow-color: rgb(37 99 235 / 0.2);
  --tw-shadow: var(--tw-shadow-colored)
}

#pfl-oprofilio-root .ring-2 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

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

#pfl-oprofilio-root .blur {
  --tw-blur: blur(8px);
  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-oprofilio-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-oprofilio-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-oprofilio-root .blur-\[120px\] {
  --tw-blur: blur(120px);
  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-oprofilio-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-oprofilio-root .blur-md {
  --tw-blur: blur(12px);
  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-oprofilio-root .brightness-75 {
  --tw-brightness: brightness(.75);
  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-oprofilio-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-oprofilio-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-oprofilio-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-oprofilio-root .transition {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms
}

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

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

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

#pfl-oprofilio-root .duration-1000 {
  transition-duration: 1000ms
}

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

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

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

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

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

#pfl-oprofilio-root .focus-within\:ring-2:focus-within {
  --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-oprofilio-root .focus-within\:ring-action:focus-within {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(0 168 89 / var(--tw-ring-opacity, 1))
}

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

#pfl-oprofilio-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-oprofilio-root .hover\:scale-110:hover {
  --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-oprofilio-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-oprofilio-root .hover\:border-action:hover {
  --tw-border-opacity: 1;
  border-color: rgb(0 168 89 / var(--tw-border-opacity, 1))
}

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

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

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

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

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

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

#pfl-oprofilio-root .hover\:border-info\/30:hover {
  border-color: rgb(37 99 235 / 0.3)
}

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

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

#pfl-oprofilio-root .hover\:border-red-500\/30:hover {
  border-color: rgb(239 68 68 / 0.3)
}

#pfl-oprofilio-root .hover\:bg-\[\#C8E6C9\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(200 230 201 / var(--tw-bg-opacity, 1))
}

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

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

#pfl-oprofilio-root .hover\:bg-action\/15:hover {
  background-color: rgb(0 168 89 / 0.15)
}

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

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

#pfl-oprofilio-root .hover\:bg-blue-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(29 78 216 / var(--tw-bg-opacity, 1))
}

#pfl-oprofilio-root .hover\:bg-brand:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(82 15 125 / var(--tw-bg-opacity, 1))
}

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

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

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

#pfl-oprofilio-root .hover\:bg-page\/50:hover {
  background-color: rgb(245 247 249 / 0.5)
}

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

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

#pfl-oprofilio-root .hover\:bg-white\/\[0\.08\]:hover {
  background-color: rgb(255 255 255 / 0.08)
}

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

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

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

#pfl-oprofilio-root .hover\:shadow-lg:hover {
  --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-oprofilio-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-oprofilio-root .hover\:shadow-workspace:hover {
  --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-oprofilio-root .hover\:shadow-action\/20:hover {
  --tw-shadow-color: rgb(0 168 89 / 0.2);
  --tw-shadow: var(--tw-shadow-colored)
}

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

#pfl-oprofilio-root .focus-visible\:ring-2:focus-visible {
  --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-oprofilio-root .focus-visible\:ring-action:focus-visible {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(0 168 89 / var(--tw-ring-opacity, 1))
}

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

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

#pfl-oprofilio-root :is(.group\/b1:hover .group-hover\/b1\: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-oprofilio-root :is(.group\/back:hover .group-hover\/back\:-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-oprofilio-root :is(.group\/btn:hover .group-hover\/btn\:translate-x-0\.5) {
  --tw-translate-x: 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-oprofilio-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-oprofilio-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-oprofilio-root :is(.group\/b1:hover .group-hover\/b1\:rotate-12) {
  --tw-rotate: 12deg;
  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-oprofilio-root :is(.group\/b2:hover .group-hover\/b2\:-rotate-12) {
  --tw-rotate: -12deg;
  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-oprofilio-root :is(.group\/card:hover .group-hover\/card\:-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-oprofilio-root :is(.group\/card:hover .group-hover\/card\: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-oprofilio-root :is(.group:hover .group-hover\:-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-oprofilio-root :is(.group:hover .group-hover\: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-oprofilio-root :is(.group\/affiliate:hover .group-hover\/affiliate\: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-oprofilio-root :is(.group\/card:hover .group-hover\/card\: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-oprofilio-root :is(.group\/p1:hover .group-hover\/p1\: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-oprofilio-root :is(.group\/p2:hover .group-hover\/p2\: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-oprofilio-root :is(.group\/player:hover .group-hover\/player\: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-oprofilio-root :is(.group\/player:hover .group-hover\/player\: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-oprofilio-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-oprofilio-root :is(.group:hover .group-hover\:border-action) {
  --tw-border-opacity: 1;
  border-color: rgb(0 168 89 / var(--tw-border-opacity, 1))
}

#pfl-oprofilio-root :is(.group\/affiliate:hover .group-hover\/affiliate\:bg-action\/30) {
  background-color: rgb(0 168 89 / 0.3)
}

#pfl-oprofilio-root :is(.group\/affiliate:hover .group-hover\/affiliate\:bg-brand\/30) {
  background-color: rgb(82 15 125 / 0.3)
}

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

#pfl-oprofilio-root :is(.group\/finale:hover .group-hover\/finale\:bg-info\/10) {
  background-color: rgb(37 99 235 / 0.1)
}

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

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

#pfl-oprofilio-root :is(.group\/main:hover .group-hover\/main\:bg-brand\/15) {
  background-color: rgb(82 15 125 / 0.15)
}

#pfl-oprofilio-root :is(.group\/main:hover .group-hover\/main\:bg-info\/15) {
  background-color: rgb(37 99 235 / 0.15)
}

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

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

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

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

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

#pfl-oprofilio-root :is(.group:hover .group-hover\:opacity-30) {
  opacity: 0.3
}

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

#pfl-oprofilio-root :is(.group:hover .group-hover\:shadow-\[0_0_20px_rgba\(0\2c 168\2c 89\2c 0\.15\)\]) {
  --tw-shadow: 0 0 20px rgba(0,168,89,0.15);
  --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)
}

@media (min-width: 640px) {
  #pfl-oprofilio-root .sm\:w-auto {
    width: auto
  }

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

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

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

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

@media (min-width: 768px) {
  #pfl-oprofilio-root .md\:mb-16 {
    margin-bottom: 64px
  }

  #pfl-oprofilio-root .md\:block {
    display: block
  }

  #pfl-oprofilio-root .md\:w-auto {
    width: auto
  }

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

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

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

  #pfl-oprofilio-root .md\:items-center {
    align-items: center
  }

  #pfl-oprofilio-root .md\:gap-3 {
    gap: 12px
  }

  #pfl-oprofilio-root .md\:gap-8 {
    gap: 32px
  }

  #pfl-oprofilio-root :is(.md\:divide-x > :not([hidden]) ~ :not([hidden])) {
    --tw-divide-x-reverse: 0;
    border-right-width: calc(1px * var(--tw-divide-x-reverse));
    border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)))
  }

  #pfl-oprofilio-root :is(.md\:divide-y-0 > :not([hidden]) ~ :not([hidden])) {
    --tw-divide-y-reverse: 0;
    border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
    border-bottom-width: calc(0px * var(--tw-divide-y-reverse))
  }

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

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

  #pfl-oprofilio-root .md\:p-14 {
    padding: 56px
  }

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

  #pfl-oprofilio-root .md\:py-24 {
    padding-top: 96px;
    padding-bottom: 96px
  }

  #pfl-oprofilio-root .md\:py-32 {
    padding-top: 128px;
    padding-bottom: 128px
  }

  #pfl-oprofilio-root .md\:pl-0 {
    padding-left: 0px
  }

  #pfl-oprofilio-root .md\:pl-8 {
    padding-left: 32px
  }

  #pfl-oprofilio-root .md\:pt-0 {
    padding-top: 0px
  }

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

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

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

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

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

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

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

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

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

  #pfl-oprofilio-root .lg\:col-span-4 {
    grid-column: span 4 / span 4
  }

  #pfl-oprofilio-root .lg\:col-span-5 {
    grid-column: span 5 / span 5
  }

  #pfl-oprofilio-root .lg\:col-span-6 {
    grid-column: span 6 / span 6
  }

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

  #pfl-oprofilio-root .lg\:col-span-8 {
    grid-column: span 8 / span 8
  }

  #pfl-oprofilio-root .lg\:ml-8 {
    margin-left: 32px
  }

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

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

  #pfl-oprofilio-root .lg\:flex-col {
    flex-direction: column
  }

  #pfl-oprofilio-root .lg\:gap-16 {
    gap: 64px
  }

  #pfl-oprofilio-root .lg\:gap-20 {
    gap: 80px
  }

  #pfl-oprofilio-root .lg\:p-10 {
    padding: 40px
  }

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

/* ════════════════════════════════════════════════════════════════════════
   WARSTWA NADRZĘDNA (ręczna) — jedyny nie-kompilowany CSS.
   Kolejność: (1) <style> ze źródła (scoped), (2) mini-preflight :where(),
   (3) substytut klas <body> źródła, (4) szerokości 1:1, (5) CZYTELNOŚĆ +2px,
   (6) AGRESYWNE NADPISANIA MOTYWU + re-asercje kolorów/wymiarów SVG.
   ════════════════════════════════════════════════════════════════════════ */

/* ── (1) Blok <style> ze źródła (linie 45-72) — scoped do roota.
      body{...} → substytut (3); html{scroll-behavior:smooth} pominięta —
      płynny scroll do kotwic obsługuje przeglądarka/motyw (wzorzec zus.css).
      Nazwy keyframes bez zmian. ─────────────────────────────────────────── */
#pfl-oprofilio-root .soft-enter {
    animation: slideUp 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
@keyframes slideUp {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}
#pfl-oprofilio-root .step-checkbox:checked + .step-visual-check {
    background-color: #00A859;
    border-color: #00A859;
}
#pfl-oprofilio-root .step-checkbox:checked + .step-visual-check svg {
    opacity: 1;
    transform: scale(1);
}
/* Płynne animacje dla zmiany trybu osi czasu */
#pfl-oprofilio-root .timeline-fade {
    animation: fadeIn 0.4s ease-out forwards;
}
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(8px); }
    to { opacity: 1; transform: translateY(0); }
}

/* ── (2) MINI-PREFLIGHT scoped przez :where() — preflight wyłączony przy
      kompilacji, odtwarzamy niezbędne bazy z Tailwind preflight. ──────── */
#pfl-oprofilio-root :where(*, *::before, *::after) {
    box-sizing: border-box;
    border-width: 0;
    border-style: solid;
    border-color: #E2E8F0;
}
#pfl-oprofilio-root :where(h1, h2, h3, h4, h5, h6, p, ul, ol, figure, blockquote, hr, dl, dd) {
    margin: 0;
}
#pfl-oprofilio-root :where(h1, h2, h3, h4, h5, h6) {
    font-size: inherit;
    font-weight: inherit;
}
#pfl-oprofilio-root :where(ul, ol) {
    list-style: none;
    margin: 0;
    padding: 0;
}
#pfl-oprofilio-root :where(img, svg, video, canvas, iframe) {
    display: block;
    vertical-align: middle;
}
#pfl-oprofilio-root :where(img, video) {
    max-width: 100%;
    height: auto;
}
#pfl-oprofilio-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-oprofilio-root :where(button) {
    background-color: transparent;
    background-image: none;
    text-transform: none;
    -webkit-appearance: button;
}
#pfl-oprofilio-root :where(a) {
    color: inherit;
    text-decoration: inherit;
}
#pfl-oprofilio-root :where(strong, b) {
    font-weight: bolder;
}
#pfl-oprofilio-root :where(small) {
    font-size: 80%;
}

/* ── (3) Substytut klas <body> źródła:
      text-text-primary overflow-x-hidden font-sans + body{} ze <style> ── */
#pfl-oprofilio-root {
    background-color: #F5F7F9;
    -webkit-font-smoothing: antialiased;
    font-family: 'Inter', sans-serif;
    color: #212529;
    overflow-x: hidden;
}

/* ── (4) SZEROKOŚCI: klonowane 1:1 ze źródła (BEZ 900px — zasada globalna) ── */

/* ── (5) CZYTELNOŚĆ: teksty (p, li) +2px względem źródła
      14→16, 16→18, 18→20. Nagłówki i font-weight bez zmian. ──────────── */
#pfl-oprofilio-root p.text-sm,
#pfl-oprofilio-root li.text-sm,
#pfl-oprofilio-root ul.text-sm > li,
#pfl-oprofilio-root ol.text-sm > li {
    font-size: 16px !important;       /* 14px → 16px */
    line-height: 24px !important;
}
#pfl-oprofilio-root p.text-base,
#pfl-oprofilio-root li.text-base,
#pfl-oprofilio-root ul.text-base > li,
#pfl-oprofilio-root ol.text-base > li {
    font-size: 18px !important;   /* 16px → 18px */
    line-height: 28px !important;
}
#pfl-oprofilio-root p.text-lg,
#pfl-oprofilio-root li.text-lg,
#pfl-oprofilio-root ul.text-lg > li,
#pfl-oprofilio-root ol.text-lg > li {
    font-size: 20px !important;    /* 18px → 20px */
    line-height: 30px !important;
}

/* ════════════════════════════════════════════════════════════════════════
   (6) AGRESYWNE NADPISANIA MOTYWU — motyw koloruje <a>/<button> na
   granatowo z wyższą specyficznością / !important; wymuszamy kolory
   projektu (wzorzec: koniec assets/css/kontakt.css).
   ════════════════════════════════════════════════════════════════════════ */

/* Linki i ich stany — bez podkreśleń */
#pfl-oprofilio-root a,
#pfl-oprofilio-root a:visited,
#pfl-oprofilio-root a:hover,
#pfl-oprofilio-root a:focus,
#pfl-oprofilio-root a:active {
    text-decoration: none !important;
}

/* Linki / przyciski BEZ klasy koloru — dziedziczą kolor z sekcji (jak
   preflight źródła), zamiast koloru linków motywu */
#pfl-oprofilio-root a:not([class*="text-"]),
#pfl-oprofilio-root a:not([class*="text-"]):visited,
#pfl-oprofilio-root a:not([class*="text-"]):hover,
#pfl-oprofilio-root a:not([class*="text-"]):focus,
#pfl-oprofilio-root button:not([class*="text-"]),
#pfl-oprofilio-root button:not([class*="text-"]):hover,
#pfl-oprofilio-root button:not([class*="text-"]):focus {
    color: inherit !important;
}
#pfl-oprofilio-root button:not([class*="bg-"]),
#pfl-oprofilio-root button:not([class*="bg-"]):hover,
#pfl-oprofilio-root button:not([class*="bg-"]):focus {
    background-color: transparent !important;
    background-image: none !important;
}
#pfl-oprofilio-root button:not([class*="border"]) {
    border: 0 !important;
}

/* Motywy często dorzucają tło/border/box-shadow na button — zerujemy dziedziczenie */
#pfl-oprofilio-root button {
    font-family: inherit;
    text-transform: none;
    letter-spacing: normal;
    background-image: none;
}

/* ── RE-ASERCJE (generowane ze skompilowanego CSS, kolejność zachowana):
      kolory tekstu co do hexa (#10213E nagłówki, #212529 body,
      #5E6B82 secondary, #00A859 CTA itd.), tła CTA oraz wymiary SVG
      (svg.w-* / svg.h-*) — wszystko !important. ─────────────────────── */
#pfl-oprofilio-root svg.h-1\.5 {
  height: 6px !important;
}
#pfl-oprofilio-root svg.h-10 {
  height: 40px !important;
}
#pfl-oprofilio-root svg.h-12 {
  height: 48px !important;
}
#pfl-oprofilio-root svg.h-14 {
  height: 56px !important;
}
#pfl-oprofilio-root svg.h-16 {
  height: 64px !important;
}
#pfl-oprofilio-root svg.h-2 {
  height: 8px !important;
}
#pfl-oprofilio-root svg.h-2\.5 {
  height: 10px !important;
}
#pfl-oprofilio-root svg.h-4 {
  height: 16px !important;
}
#pfl-oprofilio-root svg.h-48 {
  height: 192px !important;
}
#pfl-oprofilio-root svg.h-5 {
  height: 20px !important;
}
#pfl-oprofilio-root svg.h-6 {
  height: 24px !important;
}
#pfl-oprofilio-root svg.h-64 {
  height: 256px !important;
}
#pfl-oprofilio-root svg.h-7 {
  height: 28px !important;
}
#pfl-oprofilio-root svg.h-8 {
  height: 32px !important;
}
#pfl-oprofilio-root svg.h-80 {
  height: 320px !important;
}
#pfl-oprofilio-root svg.h-\[500px\] {
  height: 500px !important;
}
#pfl-oprofilio-root svg.h-\[600px\] {
  height: 600px !important;
}
#pfl-oprofilio-root svg.h-full {
  height: 100% !important;
}
#pfl-oprofilio-root svg.w-0 {
  width: 0px !important;
}
#pfl-oprofilio-root svg.w-1\.5 {
  width: 6px !important;
}
#pfl-oprofilio-root svg.w-10 {
  width: 40px !important;
}
#pfl-oprofilio-root svg.w-12 {
  width: 48px !important;
}
#pfl-oprofilio-root svg.w-14 {
  width: 56px !important;
}
#pfl-oprofilio-root svg.w-16 {
  width: 64px !important;
}
#pfl-oprofilio-root svg.w-2 {
  width: 8px !important;
}
#pfl-oprofilio-root svg.w-48 {
  width: 192px !important;
}
#pfl-oprofilio-root svg.w-5 {
  width: 20px !important;
}
#pfl-oprofilio-root svg.w-6 {
  width: 24px !important;
}
#pfl-oprofilio-root svg.w-64 {
  width: 256px !important;
}
#pfl-oprofilio-root svg.w-7 {
  width: 28px !important;
}
#pfl-oprofilio-root svg.w-8 {
  width: 32px !important;
}
#pfl-oprofilio-root svg.w-80 {
  width: 320px !important;
}
#pfl-oprofilio-root svg.w-\[2px\] {
  width: 2px !important;
}
#pfl-oprofilio-root svg.w-\[600px\] {
  width: 600px !important;
}
#pfl-oprofilio-root svg.w-full {
  width: 100% !important;
}
#pfl-oprofilio-root .text-\[\#1565C0\] {
  color: rgb(21 101 192 / var(--tw-text-opacity, 1) ) !important;
}
#pfl-oprofilio-root .text-\[\#2E7D32\] {
  color: rgb(46 125 50 / var(--tw-text-opacity, 1) ) !important;
}
#pfl-oprofilio-root .text-\[\#C62828\] {
  color: rgb(198 40 40 / var(--tw-text-opacity, 1) ) !important;
}
#pfl-oprofilio-root .text-action {
  color: rgb(0 168 89 / var(--tw-text-opacity, 1) ) !important;
}
#pfl-oprofilio-root .text-brand {
  color: rgb(82 15 125 / var(--tw-text-opacity, 1) ) !important;
}
#pfl-oprofilio-root .text-dark-contrast {
  color: rgb(17 24 39 / var(--tw-text-opacity, 1) ) !important;
}
#pfl-oprofilio-root .text-gray-200 {
  color: rgb(229 231 235 / var(--tw-text-opacity, 1) ) !important;
}
#pfl-oprofilio-root .text-gray-300 {
  color: rgb(209 213 219 / var(--tw-text-opacity, 1) ) !important;
}
#pfl-oprofilio-root .text-gray-400 {
  color: rgb(156 163 175 / var(--tw-text-opacity, 1) ) !important;
}
#pfl-oprofilio-root .text-info {
  color: rgb(37 99 235 / var(--tw-text-opacity, 1) ) !important;
}
#pfl-oprofilio-root .text-text-heading {
  color: rgb(16 33 62 / var(--tw-text-opacity, 1) ) !important;
}
#pfl-oprofilio-root .text-text-primary {
  color: rgb(33 37 41 / var(--tw-text-opacity, 1) ) !important;
}
#pfl-oprofilio-root .text-text-secondary {
  color: rgb(94 107 130 / var(--tw-text-opacity, 1) ) !important;
}
#pfl-oprofilio-root .text-transparent {
  color: transparent !important;
}
#pfl-oprofilio-root .text-white {
  color: rgb(255 255 255 / var(--tw-text-opacity, 1) ) !important;
}
#pfl-oprofilio-root .text-white\/5 {
  color: rgb(255 255 255 / 0.05 ) !important;
}
#pfl-oprofilio-root .text-white\/90 {
  color: rgb(255 255 255 / 0.9 ) !important;
}
#pfl-oprofilio-root .bg-\[\#E3F2FD\] {
  background-color: rgb(227 242 253 / var(--tw-bg-opacity, 1) ) !important;
}
#pfl-oprofilio-root .bg-\[\#E8F5E9\] {
  background-color: rgb(232 245 233 / var(--tw-bg-opacity, 1) ) !important;
}
#pfl-oprofilio-root .bg-\[\#FFEBEE\] {
  background-color: rgb(255 235 238 / var(--tw-bg-opacity, 1) ) !important;
}
#pfl-oprofilio-root .bg-action {
  background-color: rgb(0 168 89 / var(--tw-bg-opacity, 1) ) !important;
}
#pfl-oprofilio-root .bg-action\/10 {
  background-color: rgb(0 168 89 / 0.1 ) !important;
}
#pfl-oprofilio-root .bg-action\/20 {
  background-color: rgb(0 168 89 / 0.2 ) !important;
}
#pfl-oprofilio-root .bg-action\/5 {
  background-color: rgb(0 168 89 / 0.05 ) !important;
}
#pfl-oprofilio-root .bg-black\/40 {
  background-color: rgb(0 0 0 / 0.4 ) !important;
}
#pfl-oprofilio-root .bg-black\/60 {
  background-color: rgb(0 0 0 / 0.6 ) !important;
}
#pfl-oprofilio-root .bg-brand {
  background-color: rgb(82 15 125 / var(--tw-bg-opacity, 1) ) !important;
}
#pfl-oprofilio-root .bg-brand\/10 {
  background-color: rgb(82 15 125 / 0.1 ) !important;
}
#pfl-oprofilio-root .bg-brand\/15 {
  background-color: rgb(82 15 125 / 0.15 ) !important;
}
#pfl-oprofilio-root .bg-brand\/20 {
  background-color: rgb(82 15 125 / 0.2 ) !important;
}
#pfl-oprofilio-root .bg-brand\/5 {
  background-color: rgb(82 15 125 / 0.05 ) !important;
}
#pfl-oprofilio-root .bg-dark-contrast {
  background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1) ) !important;
}
#pfl-oprofilio-root .bg-gray-800 {
  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1) ) !important;
}
#pfl-oprofilio-root .bg-info {
  background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1) ) !important;
}
#pfl-oprofilio-root .bg-info\/10 {
  background-color: rgb(37 99 235 / 0.1 ) !important;
}
#pfl-oprofilio-root .bg-info\/5 {
  background-color: rgb(37 99 235 / 0.05 ) !important;
}
#pfl-oprofilio-root .bg-line-default {
  background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1) ) !important;
}
#pfl-oprofilio-root .bg-page {
  background-color: rgb(245 247 249 / var(--tw-bg-opacity, 1) ) !important;
}
#pfl-oprofilio-root .bg-slate-950\/80 {
  background-color: rgb(2 6 23 / 0.8 ) !important;
}
#pfl-oprofilio-root .bg-surface {
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1) ) !important;
}
#pfl-oprofilio-root .bg-white {
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1) ) !important;
}
#pfl-oprofilio-root .bg-white\/10 {
  background-color: rgb(255 255 255 / 0.1 ) !important;
}
#pfl-oprofilio-root .bg-white\/5 {
  background-color: rgb(255 255 255 / 0.05 ) !important;
}
#pfl-oprofilio-root .hover\:bg-\[\#C8E6C9\]:hover {
  background-color: rgb(200 230 201 / var(--tw-bg-opacity, 1) ) !important;
}
#pfl-oprofilio-root .hover\:bg-action:hover {
  background-color: rgb(0 168 89 / var(--tw-bg-opacity, 1) ) !important;
}
#pfl-oprofilio-root .hover\:bg-action-hover:hover {
  background-color: rgb(0 138 75 / var(--tw-bg-opacity, 1) ) !important;
}
#pfl-oprofilio-root .hover\:bg-action\/15:hover {
  background-color: rgb(0 168 89 / 0.15 ) !important;
}
#pfl-oprofilio-root .hover\:bg-action\/5:hover {
  background-color: rgb(0 168 89 / 0.05 ) !important;
}
#pfl-oprofilio-root .hover\:bg-black:hover {
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1) ) !important;
}
#pfl-oprofilio-root .hover\:bg-blue-700:hover {
  background-color: rgb(29 78 216 / var(--tw-bg-opacity, 1) ) !important;
}
#pfl-oprofilio-root .hover\:bg-brand:hover {
  background-color: rgb(82 15 125 / var(--tw-bg-opacity, 1) ) !important;
}
#pfl-oprofilio-root .hover\:bg-brand\/20:hover {
  background-color: rgb(82 15 125 / 0.2 ) !important;
}
#pfl-oprofilio-root .hover\:bg-info\/20:hover {
  background-color: rgb(37 99 235 / 0.2 ) !important;
}
#pfl-oprofilio-root .hover\:bg-page:hover {
  background-color: rgb(245 247 249 / var(--tw-bg-opacity, 1) ) !important;
}
#pfl-oprofilio-root .hover\:bg-page\/50:hover {
  background-color: rgb(245 247 249 / 0.5 ) !important;
}
#pfl-oprofilio-root .hover\:bg-surface:hover {
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1) ) !important;
}
#pfl-oprofilio-root .hover\:bg-white:hover {
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1) ) !important;
}
#pfl-oprofilio-root .hover\:bg-white\/\[0\.08\]:hover {
  background-color: rgb(255 255 255 / 0.08 ) !important;
}
#pfl-oprofilio-root .hover\:text-action:hover {
  color: rgb(0 168 89 / var(--tw-text-opacity, 1) ) !important;
}
#pfl-oprofilio-root .hover\:text-text-primary:hover {
  color: rgb(33 37 41 / var(--tw-text-opacity, 1) ) !important;
}
#pfl-oprofilio-root .hover\:text-white:hover {
  color: rgb(255 255 255 / var(--tw-text-opacity, 1) ) !important;
}

/* ════════════════════════════════════════════════════════════════════════
   O PROFILIO 1.17.560 — hero oparty na prawdziwym procesie produktu
   ════════════════════════════════════════════════════════════════════════ */
#pfl-oprofilio-root .pfl-about-hero {
  position: relative;
  isolation: isolate;
  padding: clamp(72px, 7.5vw, 108px) 0 42px;
  overflow: hidden;
  background:
    radial-gradient(circle at 10% 16%, rgba(45, 109, 246, .09), transparent 31%),
    radial-gradient(circle at 91% 12%, rgba(0, 168, 101, .08), transparent 28%),
    linear-gradient(180deg, #fff 0%, #f4f8fc 100%);
}
#pfl-oprofilio-root .pfl-about-hero::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  background-image: radial-gradient(rgba(26, 71, 126, .13) .7px, transparent .7px);
  background-size: 23px 23px;
  opacity: .18;
  pointer-events: none;
}
#pfl-oprofilio-root .pfl-about-hero__glow {
  position: absolute;
  z-index: -1;
  top: -190px;
  right: -110px;
  width: 560px;
  height: 560px;
  border-radius: 50%;
  background: rgba(50, 116, 250, .12);
  filter: blur(105px);
  pointer-events: none;
}
#pfl-oprofilio-root .pfl-about-hero__inner {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(470px, .95fr);
  align-items: center;
  gap: clamp(48px, 6vw, 84px);
  width: min(1200px, calc(100% - 40px));
  margin-inline: auto;
}
#pfl-oprofilio-root .pfl-about-hero__copy {
  max-width: 690px;
}
#pfl-oprofilio-root .pfl-about-kicker {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  min-height: 34px;
  padding: 7px 12px;
  border: 1px solid #cfdef1;
  border-radius: 999px;
  background: rgba(255, 255, 255, .86);
  color: #285c9b;
  box-shadow: 0 5px 16px rgba(14, 33, 60, .05);
  font-size: 15px;
  line-height: 1.25;
  font-weight: 850;
  letter-spacing: .045em;
  text-transform: uppercase;
}
#pfl-oprofilio-root .pfl-about-kicker i {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #008451;
  box-shadow: 0 0 0 5px rgba(0, 132, 81, .11);
}
#pfl-oprofilio-root .pfl-about-hero h1 {
  max-width: 720px;
  margin: 24px 0 21px;
  color: #0b1e3d;
  font-family: Poppins, Inter, sans-serif;
  font-size: clamp(48px, 5.15vw, 72px);
  line-height: 1.025;
  font-weight: 800;
  letter-spacing: -.052em;
}
#pfl-oprofilio-root .pfl-about-hero h1 span {
  background: linear-gradient(100deg, #2f73ff 3%, #008451 93%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}
#pfl-oprofilio-root .pfl-about-hero__lead {
  max-width: 660px;
  color: #53677f;
  font-size: 19px;
  line-height: 1.64;
}
#pfl-oprofilio-root .pfl-about-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 29px;
}
#pfl-oprofilio-root .pfl-about-btn,
#pfl-oprofilio-root .pfl-about-btn:visited {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 56px;
  padding: 0 23px;
  border: 1px solid transparent;
  border-radius: 15px;
  font-size: 17px;
  line-height: 1.2;
  font-weight: 850;
  transition: transform .2s ease, background .2s ease, border-color .2s ease, box-shadow .2s ease;
}
#pfl-oprofilio-root .pfl-about-btn:hover {
  transform: translateY(-2px);
}
#pfl-oprofilio-root .pfl-about-btn:focus-visible {
  outline: 3px solid #2f73ff;
  outline-offset: 3px;
}
#pfl-oprofilio-root a.pfl-about-btn.pfl-about-btn--primary,
#pfl-oprofilio-root a.pfl-about-btn.pfl-about-btn--primary:visited {
  background: #007c4b;
  color: #fff !important;
  box-shadow: 0 13px 28px rgba(0, 124, 75, .23);
}
#pfl-oprofilio-root a.pfl-about-btn.pfl-about-btn--primary:hover {
  background: #006b41;
}
#pfl-oprofilio-root a.pfl-about-btn.pfl-about-btn--secondary,
#pfl-oprofilio-root a.pfl-about-btn.pfl-about-btn--secondary:visited {
  border-color: #cbd8e7;
  background: rgba(255, 255, 255, .82);
  color: #173354 !important;
  box-shadow: 0 8px 22px rgba(14, 33, 60, .06);
}
#pfl-oprofilio-root a.pfl-about-btn.pfl-about-btn--secondary:hover {
  border-color: #8aa9cc;
  background: #fff;
}
#pfl-oprofilio-root .pfl-about-hero__trust {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 18px;
  margin: 22px 0 0;
  padding: 0;
  color: #40546e;
  list-style: none;
  font-size: 16px;
  line-height: 1.45;
  font-weight: 720;
}
#pfl-oprofilio-root .pfl-about-hero__trust li {
  display: flex;
  align-items: center;
  gap: 7px;
}
#pfl-oprofilio-root .pfl-about-hero__trust svg {
  width: 18px !important;
  height: 18px !important;
  color: #007c4b;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.4;
  stroke-linecap: round;
  stroke-linejoin: round;
}
#pfl-oprofilio-root .pfl-about-hero__guard {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  max-width: 650px;
  margin-top: 14px;
  color: #5d6f87;
  font-size: 15px;
  line-height: 1.5;
}
#pfl-oprofilio-root .pfl-about-hero__guard svg {
  width: 18px !important;
  height: 18px !important;
  margin-top: 2px;
  color: #285c9b;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  flex: 0 0 auto;
}
#pfl-oprofilio-root .pfl-about-proof {
  position: relative;
  padding: 28px;
  border: 1px solid #203c63;
  border-radius: 30px;
  overflow: hidden;
  background:
    radial-gradient(circle at 100% 0, rgba(22, 199, 132, .13), transparent 36%),
    radial-gradient(circle at 0 100%, rgba(45, 109, 246, .16), transparent 35%),
    #071a35;
  box-shadow: 0 34px 76px rgba(7, 26, 53, .24);
  color: #fff;
}
#pfl-oprofilio-root .pfl-about-proof::before {
  content: "";
  position: absolute;
  inset: 0 30px auto;
  height: 2px;
  background: linear-gradient(90deg, transparent, #4b85ff, #35d9a0, transparent);
}
#pfl-oprofilio-root .pfl-about-proof__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(255, 255, 255, .1);
}
#pfl-oprofilio-root .pfl-about-proof__top > div {
  display: flex;
  align-items: center;
  gap: 12px;
}
#pfl-oprofilio-root .pfl-about-proof__logo {
  display: grid;
  place-items: center;
  width: 45px;
  height: 45px;
  border: 1px solid rgba(125, 164, 224, .24);
  border-radius: 14px;
  background: linear-gradient(145deg, rgba(45, 109, 246, .28), rgba(22, 199, 132, .17));
  color: #fff;
  font-family: Poppins, Inter, sans-serif;
  font-size: 25px;
  line-height: 1;
  font-weight: 850;
}
#pfl-oprofilio-root .pfl-about-proof__logo img {
  display: block;
  width: 45px;
  height: 45px;
  border-radius: 13px;
  object-fit: cover;
}
#pfl-oprofilio-root .pfl-about-proof__top small,
#pfl-oprofilio-root .pfl-about-proof__top strong {
  display: block;
}
#pfl-oprofilio-root .pfl-about-proof__top small {
  color: #aebdd0;
  font-size: 15px;
  line-height: 1.3;
}
#pfl-oprofilio-root .pfl-about-proof__top strong {
  margin-top: 2px;
  color: #fff;
  font-size: 18px;
  line-height: 1.35;
}
#pfl-oprofilio-root .pfl-about-proof__top > b {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 35px;
  padding: 7px 10px;
  border: 1px solid rgba(22, 199, 132, .2);
  border-radius: 999px;
  background: rgba(22, 199, 132, .09);
  color: #79dcb7;
  font-size: 15px;
  line-height: 1.2;
  white-space: nowrap;
}
#pfl-oprofilio-root .pfl-about-proof__top > b i {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #35d9a0;
  box-shadow: 0 0 0 4px rgba(53, 217, 160, .1);
}
#pfl-oprofilio-root .pfl-about-proof__source {
  display: flex;
  align-items: center;
  gap: 13px;
  margin-top: 20px;
  padding: 16px;
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 17px;
  background: rgba(255, 255, 255, .055);
}
#pfl-oprofilio-root .pfl-about-proof__source > span {
  display: grid;
  place-items: center;
  width: 45px;
  height: 45px;
  border-radius: 13px;
  background: rgba(45, 109, 246, .18);
  color: #8bb2ff;
  flex: 0 0 auto;
}
#pfl-oprofilio-root .pfl-about-proof__source svg {
  width: 22px !important;
  height: 22px !important;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
#pfl-oprofilio-root .pfl-about-proof__source small,
#pfl-oprofilio-root .pfl-about-proof__source strong {
  display: block;
}
#pfl-oprofilio-root .pfl-about-proof__source small {
  color: #aebdd0;
  font-size: 15px;
  line-height: 1.3;
}
#pfl-oprofilio-root .pfl-about-proof__source strong {
  margin-top: 2px;
  color: #fff;
  font-size: 17px;
  line-height: 1.4;
}
#pfl-oprofilio-root .pfl-about-proof__flow {
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 14px 0 0;
  padding: 0;
  list-style: none;
}
#pfl-oprofilio-root .pfl-about-proof__flow li {
  display: flex;
  align-items: center;
  gap: 11px;
  min-height: 79px;
  padding: 13px;
  border: 1px solid rgba(255, 255, 255, .09);
  border-radius: 15px;
  background: rgba(13, 36, 69, .88);
}
#pfl-oprofilio-root .pfl-about-proof__flow li > span {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 10px;
  background: #173b6a;
  color: #b9d0ff;
  font-size: 15px;
  line-height: 1;
  font-weight: 900;
  flex: 0 0 auto;
}
#pfl-oprofilio-root .pfl-about-proof__flow small,
#pfl-oprofilio-root .pfl-about-proof__flow strong {
  display: block;
}
#pfl-oprofilio-root .pfl-about-proof__flow small {
  color: #9fb0c5;
  font-size: 15px;
  line-height: 1.25;
}
#pfl-oprofilio-root .pfl-about-proof__flow strong {
  margin-top: 3px;
  color: #fff;
  font-size: 16px;
  line-height: 1.35;
}
#pfl-oprofilio-root .pfl-about-proof__result {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 13px;
  padding: 16px;
  border: 1px solid rgba(22, 199, 132, .23);
  border-radius: 16px;
  background: rgba(22, 199, 132, .085);
}
#pfl-oprofilio-root .pfl-about-proof__result > svg {
  width: 23px !important;
  height: 23px !important;
  color: #59dfaa;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  flex: 0 0 auto;
}
#pfl-oprofilio-root .pfl-about-proof__result strong,
#pfl-oprofilio-root .pfl-about-proof__result small {
  display: block;
}
#pfl-oprofilio-root .pfl-about-proof__result strong {
  color: #fff;
  font-size: 16px;
  line-height: 1.4;
}
#pfl-oprofilio-root .pfl-about-proof__result small {
  margin-top: 2px;
  color: #aebdd0;
  font-size: 15px;
  line-height: 1.4;
}
#pfl-oprofilio-root .pfl-about-proof__caption {
  margin-top: 13px;
  color: #a9bbcd;
  font-size: 15px;
  line-height: 1.4;
  text-align: center;
}
#pfl-oprofilio-root .pfl-about-hero__steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  width: min(1200px, calc(100% - 40px));
  margin: 48px auto 0;
  border: 1px solid #d5e0ec;
  border-radius: 24px;
  overflow: hidden;
  background: rgba(255, 255, 255, .9);
  box-shadow: 0 20px 48px rgba(14, 33, 60, .08);
}
#pfl-oprofilio-root .pfl-about-hero__steps article {
  display: flex;
  align-items: flex-start;
  gap: 13px;
  min-height: 120px;
  padding: 24px;
}
#pfl-oprofilio-root .pfl-about-hero__steps article + article {
  border-left: 1px solid #dce5ef;
}
#pfl-oprofilio-root .pfl-about-hero__steps article > span {
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  border-radius: 12px;
  background: #eaf2ff;
  color: #225ed9;
  font-size: 15px;
  line-height: 1;
  font-weight: 900;
  flex: 0 0 auto;
}
#pfl-oprofilio-root .pfl-about-hero__steps article:nth-child(2) > span {
  background: #e9f8f1;
  color: #007c4b;
}
#pfl-oprofilio-root .pfl-about-hero__steps article:nth-child(3) > span {
  background: #f1eafe;
  color: #5a269c;
}
#pfl-oprofilio-root .pfl-about-hero__steps strong,
#pfl-oprofilio-root .pfl-about-hero__steps small {
  display: block;
}
#pfl-oprofilio-root .pfl-about-hero__steps strong {
  color: #0b1e3d;
  font-size: 17px;
  line-height: 1.35;
}
#pfl-oprofilio-root .pfl-about-hero__steps small {
  margin-top: 5px;
  color: #5d6f87;
  font-size: 15px;
  line-height: 1.48;
}
#pfl-oprofilio-root.pfl-about-js [data-pfl-about-reveal] {
  opacity: 0;
  transform: translateY(16px);
  transition: opacity .4s ease var(--about-delay, 0ms), transform .4s ease var(--about-delay, 0ms);
}
#pfl-oprofilio-root.pfl-about-js [data-pfl-about-reveal].is-visible {
  opacity: 1;
  transform: none;
}
@media (max-width: 1020px) {
  #pfl-oprofilio-root .pfl-about-hero__inner {
    grid-template-columns: 1fr;
    gap: 45px;
  }
  #pfl-oprofilio-root .pfl-about-hero__copy {
    max-width: 780px;
  }
  #pfl-oprofilio-root .pfl-about-proof {
    width: min(100%, 720px);
    margin-inline: auto;
  }
}
@media (max-width: 760px) {
  #pfl-oprofilio-root .pfl-about-hero {
    padding: 66px 0 34px;
  }
  #pfl-oprofilio-root .pfl-about-hero__inner,
  #pfl-oprofilio-root .pfl-about-hero__steps {
    width: min(100% - 30px, 1200px);
  }
  #pfl-oprofilio-root .pfl-about-hero h1 {
    font-size: clamp(40px, 11.5vw, 54px);
  }
  #pfl-oprofilio-root .pfl-about-hero__lead {
    font-size: 18px;
  }
  #pfl-oprofilio-root .pfl-about-hero__steps {
    grid-template-columns: 1fr;
    margin-top: 36px;
  }
  #pfl-oprofilio-root .pfl-about-hero__steps article {
    min-height: 0;
  }
  #pfl-oprofilio-root .pfl-about-hero__steps article + article {
    border-top: 1px solid #dce5ef;
    border-left: 0;
  }
}
@media (max-width: 560px) {
  #pfl-oprofilio-root .pfl-about-hero__actions {
    flex-direction: column;
  }
  #pfl-oprofilio-root .pfl-about-btn {
    width: 100%;
  }
  #pfl-oprofilio-root .pfl-about-hero__trust {
    display: grid;
    gap: 9px;
  }
  #pfl-oprofilio-root .pfl-about-proof {
    padding: 19px;
    border-radius: 24px;
  }
  #pfl-oprofilio-root .pfl-about-proof__top {
    align-items: flex-start;
    flex-direction: column;
  }
  #pfl-oprofilio-root .pfl-about-proof__flow {
    grid-template-columns: 1fr;
  }
  #pfl-oprofilio-root .pfl-about-proof__caption {
    text-align: left;
  }
}
@media (prefers-reduced-motion: reduce) {
  #pfl-oprofilio-root .pfl-about-btn,
  #pfl-oprofilio-root.pfl-about-js [data-pfl-about-reveal] {
    animation: none !important;
    transition-duration: .01ms !important;
    transition-delay: 0ms !important;
  }
  #pfl-oprofilio-root.pfl-about-js [data-pfl-about-reveal] {
    opacity: 1;
    transform: none;
  }
}

/* ════════════════════════════════════════════════════════════════════════
   O PROFILIO 1.17.561 — różne modele pracy, jeden proces
   ════════════════════════════════════════════════════════════════════════ */
#pfl-oprofilio-root .pfl-about-fit {
  position: relative;
  isolation: isolate;
  padding: clamp(78px, 8vw, 118px) 0;
  overflow: hidden;
  border-top: 1px solid #dbe5ef;
  background:
    radial-gradient(circle at 88% 16%, rgba(0, 168, 101, .08), transparent 29%),
    radial-gradient(circle at 8% 91%, rgba(45, 109, 246, .07), transparent 28%),
    #f5f8fb;
}
#pfl-oprofilio-root .pfl-about-fit::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  background-image: radial-gradient(rgba(26, 71, 126, .11) .65px, transparent .65px);
  background-size: 23px 23px;
  opacity: .15;
  pointer-events: none;
}
#pfl-oprofilio-root .pfl-about-fit__inner {
  display: grid;
  grid-template-columns: minmax(350px, .72fr) minmax(610px, 1.28fr);
  align-items: center;
  gap: clamp(46px, 6vw, 78px);
  width: min(1200px, calc(100% - 40px));
  margin-inline: auto;
}
#pfl-oprofilio-root .pfl-about-fit__intro {
  max-width: 480px;
}
#pfl-oprofilio-root .pfl-about-fit h2 {
  margin: 20px 0 20px;
  color: #0b1e3d;
  font-family: Poppins, Inter, sans-serif;
  font-size: clamp(43px, 4.3vw, 58px);
  line-height: 1.04;
  letter-spacing: -.045em;
  font-weight: 900;
}
#pfl-oprofilio-root .pfl-about-fit h2 span {
  color: #1871d9;
  background: linear-gradient(92deg, #2d6df6 0%, #1688bf 48%, #008a59 100%);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
}
#pfl-oprofilio-root .pfl-about-fit__intro > p {
  max-width: 470px;
  margin: 0;
  color: #526781;
  font-size: 19px;
  line-height: 1.62;
}
#pfl-oprofilio-root .pfl-about-fit__principle {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-top: 28px;
  padding: 18px;
  border: 1px solid #d4e0ec;
  border-radius: 18px;
  background: rgba(255, 255, 255, .86);
  box-shadow: 0 13px 32px rgba(14, 33, 60, .06);
}
#pfl-oprofilio-root .pfl-about-fit__principle-icon {
  display: grid;
  place-items: center;
  width: 45px;
  height: 45px;
  border-radius: 13px;
  background: #e8f8f1;
  color: #007c4b;
  flex: 0 0 auto;
}
#pfl-oprofilio-root .pfl-about-fit__principle-icon svg {
  width: 23px !important;
  height: 23px !important;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
#pfl-oprofilio-root .pfl-about-fit__principle small,
#pfl-oprofilio-root .pfl-about-fit__principle strong {
  display: block;
}
#pfl-oprofilio-root .pfl-about-fit__principle small {
  color: #5c7088;
  font-size: 15px;
  line-height: 1.3;
}
#pfl-oprofilio-root .pfl-about-fit__principle strong {
  margin-top: 3px;
  color: #102a4b;
  font-size: 17px;
  line-height: 1.42;
}
#pfl-oprofilio-root a.pfl-about-fit__link,
#pfl-oprofilio-root a.pfl-about-fit__link:visited {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 54px;
  margin-top: 22px;
  padding: 0 21px;
  border: 1px solid #0b1e3d;
  border-radius: 15px;
  background: #0b1e3d;
  color: #fff !important;
  box-shadow: 0 12px 26px rgba(11, 30, 61, .15);
  font-size: 17px;
  line-height: 1.2;
  font-weight: 850;
  text-decoration: none;
  transition: transform .2s ease, background .2s ease, box-shadow .2s ease;
}
#pfl-oprofilio-root a.pfl-about-fit__link:hover {
  transform: translateY(-2px);
  background: #14365f;
  box-shadow: 0 16px 32px rgba(11, 30, 61, .2);
}
#pfl-oprofilio-root a.pfl-about-fit__link:focus-visible {
  outline: 3px solid #2f73ff;
  outline-offset: 3px;
}
#pfl-oprofilio-root .pfl-about-fit__model {
  padding: 28px;
  border: 1px solid #cfdae7;
  border-radius: 30px;
  background: rgba(255, 255, 255, .95);
  box-shadow: 0 30px 72px rgba(14, 33, 60, .12);
}
#pfl-oprofilio-root .pfl-about-fit__model-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 0 2px 20px;
  border-bottom: 1px solid #e0e8f1;
}
#pfl-oprofilio-root .pfl-about-fit__model-top small,
#pfl-oprofilio-root .pfl-about-fit__model-top strong {
  display: block;
}
#pfl-oprofilio-root .pfl-about-fit__model-top small {
  color: #5d7189;
  font-size: 15px;
  line-height: 1.3;
}
#pfl-oprofilio-root .pfl-about-fit__model-top strong {
  margin-top: 3px;
  color: #0b1e3d;
  font-size: 18px;
  line-height: 1.35;
}
#pfl-oprofilio-root .pfl-about-fit__model-top b {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 35px;
  padding: 7px 11px;
  border: 1px solid #c9eada;
  border-radius: 999px;
  background: #eefaf5;
  color: #007247;
  font-size: 15px;
  line-height: 1.2;
  white-space: nowrap;
}
#pfl-oprofilio-root .pfl-about-fit__model-top b i {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #00a865;
  box-shadow: 0 0 0 4px rgba(0, 168, 101, .11);
}
#pfl-oprofilio-root .pfl-about-fit__paths {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 11px;
  margin-top: 18px;
}
#pfl-oprofilio-root .pfl-about-fit__paths article {
  min-height: 230px;
  padding: 18px;
  border: 1px solid #d9e3ee;
  border-radius: 18px;
  background: #f8fafc;
}
#pfl-oprofilio-root .pfl-about-fit__path-icon {
  display: grid;
  place-items: center;
  width: 43px;
  height: 43px;
  margin-bottom: 18px;
  border-radius: 13px;
}
#pfl-oprofilio-root .pfl-about-fit__path-icon svg {
  width: 22px !important;
  height: 22px !important;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}
#pfl-oprofilio-root .pfl-about-fit__path-icon--blue {
  background: #eaf2ff;
  color: #2463d9;
}
#pfl-oprofilio-root .pfl-about-fit__path-icon--green {
  background: #e8f8f1;
  color: #007c4b;
}
#pfl-oprofilio-root .pfl-about-fit__path-icon--purple {
  background: #f2ebfd;
  color: #6428a8;
}
#pfl-oprofilio-root .pfl-about-fit__paths small {
  display: block;
  color: #5d7189;
  font-size: 15px;
  line-height: 1.3;
  font-weight: 720;
}
#pfl-oprofilio-root .pfl-about-fit__paths h3 {
  margin: 5px 0 8px;
  color: #0b1e3d;
  font-family: Poppins, Inter, sans-serif;
  font-size: 19px;
  line-height: 1.3;
  font-weight: 850;
}
#pfl-oprofilio-root .pfl-about-fit__paths p {
  margin: 0;
  color: #526781;
  font-size: 15px;
  line-height: 1.55;
}
#pfl-oprofilio-root .pfl-about-fit__connector {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 12px;
  margin: 16px 0;
  color: #57708d;
}
#pfl-oprofilio-root .pfl-about-fit__connector span {
  height: 1px;
  background: linear-gradient(90deg, transparent, #9db9d9);
}
#pfl-oprofilio-root .pfl-about-fit__connector span:last-child {
  background: linear-gradient(90deg, #9db9d9, transparent);
}
#pfl-oprofilio-root .pfl-about-fit__connector b {
  font-size: 15px;
  line-height: 1.3;
}
#pfl-oprofilio-root .pfl-about-fit__core {
  position: relative;
  padding: 20px;
  border: 1px solid #1e416c;
  border-radius: 20px;
  overflow: hidden;
  background:
    radial-gradient(circle at 100% 0, rgba(0, 168, 101, .16), transparent 38%),
    #071a35;
  color: #fff;
}
#pfl-oprofilio-root .pfl-about-fit__core::before {
  content: "";
  position: absolute;
  inset: 0 24px auto;
  height: 2px;
  background: linear-gradient(90deg, transparent, #3f7dff, #3bdda8, transparent);
}
#pfl-oprofilio-root .pfl-about-fit__core-title {
  display: flex;
  align-items: center;
  gap: 12px;
}
#pfl-oprofilio-root .pfl-about-fit__core-title > span {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border: 1px solid rgba(255, 255, 255, .13);
  border-radius: 12px;
  overflow: hidden;
  flex: 0 0 auto;
}
#pfl-oprofilio-root .pfl-about-fit__core-title img {
  display: block;
  width: 42px;
  height: 42px;
  object-fit: cover;
}
#pfl-oprofilio-root .pfl-about-fit__core-title small,
#pfl-oprofilio-root .pfl-about-fit__core-title strong {
  display: block;
}
#pfl-oprofilio-root .pfl-about-fit__core-title small {
  color: #aabbd0;
  font-size: 15px;
  line-height: 1.3;
}
#pfl-oprofilio-root .pfl-about-fit__core-title strong {
  margin-top: 2px;
  color: #fff;
  font-size: 18px;
  line-height: 1.35;
}
#pfl-oprofilio-root .pfl-about-fit__core ol {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin: 17px 0 0;
  padding: 0;
  list-style: none;
}
#pfl-oprofilio-root .pfl-about-fit__core li {
  min-width: 0;
  padding: 11px 9px;
  border: 1px solid rgba(255, 255, 255, .09);
  border-radius: 12px;
  background: rgba(255, 255, 255, .055);
}
#pfl-oprofilio-root .pfl-about-fit__core li span,
#pfl-oprofilio-root .pfl-about-fit__core li strong {
  display: block;
}
#pfl-oprofilio-root .pfl-about-fit__core li span {
  color: #72dbb3;
  font-size: 15px;
  line-height: 1.2;
  font-weight: 850;
}
#pfl-oprofilio-root .pfl-about-fit__core li strong {
  margin-top: 4px;
  color: #fff;
  font-size: 15px;
  line-height: 1.3;
}
#pfl-oprofilio-root .pfl-about-fit__core > p {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin: 14px 0 0;
  color: #b5c4d6;
  font-size: 15px;
  line-height: 1.48;
}
#pfl-oprofilio-root .pfl-about-fit__core > p svg {
  width: 19px !important;
  height: 19px !important;
  margin-top: 1px;
  color: #55dca7;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  flex: 0 0 auto;
}
@media (max-width: 1080px) {
  #pfl-oprofilio-root .pfl-about-fit__inner {
    grid-template-columns: 1fr;
  }
  #pfl-oprofilio-root .pfl-about-fit__intro {
    max-width: 760px;
  }
}
@media (max-width: 760px) {
  #pfl-oprofilio-root .pfl-about-fit {
    padding: 70px 0;
  }
  #pfl-oprofilio-root .pfl-about-fit__inner {
    width: min(100% - 30px, 1200px);
  }
  #pfl-oprofilio-root .pfl-about-fit h2 {
    font-size: clamp(39px, 11vw, 52px);
  }
  #pfl-oprofilio-root .pfl-about-fit__intro > p {
    font-size: 18px;
  }
  #pfl-oprofilio-root .pfl-about-fit__paths {
    grid-template-columns: 1fr;
  }
  #pfl-oprofilio-root .pfl-about-fit__paths article {
    display: grid;
    grid-template-columns: 43px 1fr;
    gap: 14px;
    min-height: 0;
  }
  #pfl-oprofilio-root .pfl-about-fit__path-icon {
    margin-bottom: 0;
  }
}
@media (max-width: 560px) {
  #pfl-oprofilio-root .pfl-about-fit__model {
    padding: 19px;
    border-radius: 24px;
  }
  #pfl-oprofilio-root .pfl-about-fit__model-top {
    align-items: flex-start;
    flex-direction: column;
  }
  #pfl-oprofilio-root a.pfl-about-fit__link {
    width: 100%;
  }
  #pfl-oprofilio-root .pfl-about-fit__core ol {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (prefers-reduced-motion: reduce) {
  #pfl-oprofilio-root a.pfl-about-fit__link {
    animation: none !important;
    transition-duration: .01ms !important;
  }
}

/* ════════════════════════════════════════════════════════════════════════
   O PROFILIO 1.17.562 — dostępny przełącznik realnego procesu
   ════════════════════════════════════════════════════════════════════════ */
#pfl-oprofilio-root .pfl-about-process {
  position: relative;
  isolation: isolate;
  padding: clamp(82px, 8vw, 118px) 0;
  overflow: hidden;
  border-top: 1px solid #dce5ef;
  background:
    radial-gradient(circle at 12% 10%, rgba(45, 109, 246, .07), transparent 27%),
    radial-gradient(circle at 92% 86%, rgba(0, 168, 101, .075), transparent 30%),
    #fff;
}
#pfl-oprofilio-root .pfl-about-process::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  background-image: linear-gradient(rgba(19, 58, 105, .035) 1px, transparent 1px), linear-gradient(90deg, rgba(19, 58, 105, .035) 1px, transparent 1px);
  background-size: 32px 32px;
  mask-image: linear-gradient(to bottom, transparent, #000 16%, #000 84%, transparent);
  pointer-events: none;
}
#pfl-oprofilio-root .pfl-about-process__inner {
  width: min(1200px, calc(100% - 40px));
  margin-inline: auto;
}
#pfl-oprofilio-root .pfl-about-process__header {
  max-width: 860px;
  margin-inline: auto;
  text-align: center;
}
#pfl-oprofilio-root .pfl-about-process__header .pfl-about-kicker {
  margin-inline: auto;
}
#pfl-oprofilio-root .pfl-about-process h2 {
  margin: 20px 0 18px;
  color: #0b1e3d;
  font-family: Poppins, Inter, sans-serif;
  font-size: clamp(44px, 5vw, 62px);
  line-height: 1.04;
  letter-spacing: -.048em;
  font-weight: 900;
}
#pfl-oprofilio-root .pfl-about-process h2 span {
  color: #1871d9;
  background: linear-gradient(92deg, #2d6df6 0%, #1789bd 50%, #008a59 100%);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
}
#pfl-oprofilio-root .pfl-about-process__header > p {
  max-width: 760px;
  margin: 0 auto;
  color: #526781;
  font-size: 19px;
  line-height: 1.62;
}
#pfl-oprofilio-root .pfl-about-process__tabs {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  width: min(610px, 100%);
  margin: 34px auto 0;
  padding: 6px;
  border: 1px solid #cfdbe8;
  border-radius: 18px;
  background: rgba(246, 249, 252, .94);
  box-shadow: 0 12px 28px rgba(14, 33, 60, .07);
}
#pfl-oprofilio-root .pfl-about-process__tabs button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-height: 52px;
  padding: 10px 17px;
  border: 0;
  border-radius: 13px;
  background: transparent;
  color: #455b76;
  font-family: Inter, sans-serif;
  font-size: 16px;
  line-height: 1.25;
  font-weight: 800;
  cursor: pointer;
  transition: background .2s ease, color .2s ease, box-shadow .2s ease;
}
#pfl-oprofilio-root .pfl-about-process__tabs button span {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 9px;
  background: #e8eef6;
  color: #506984;
  font-size: 15px;
  line-height: 1;
  font-weight: 900;
}
#pfl-oprofilio-root .pfl-about-process__tabs button[aria-selected="true"] {
  background: #007c4b;
  color: #fff;
  box-shadow: 0 9px 22px rgba(0, 124, 75, .22);
}
#pfl-oprofilio-root .pfl-about-process__tabs button[aria-selected="true"] span {
  background: rgba(255, 255, 255, .16);
  color: #fff;
}
#pfl-oprofilio-root .pfl-about-process__tabs button:focus-visible {
  outline: 3px solid #2f73ff;
  outline-offset: 3px;
}
#pfl-oprofilio-root .pfl-about-process__panels {
  margin-top: 30px;
}
#pfl-oprofilio-root .pfl-about-process__panel[hidden] {
  display: none !important;
}
#pfl-oprofilio-root .pfl-about-process__panel {
  display: grid;
  grid-template-columns: minmax(350px, .78fr) minmax(520px, 1.22fr);
  gap: 18px;
  padding: 18px;
  border: 1px solid #d2deea;
  border-radius: 30px;
  background: rgba(245, 248, 251, .94);
  box-shadow: 0 28px 68px rgba(14, 33, 60, .1);
}
#pfl-oprofilio-root .pfl-about-process__panel.is-entering {
  animation: pfl-about-process-in .28s ease both;
}
@keyframes pfl-about-process-in {
  from { opacity: .35; transform: translateY(8px); }
  to { opacity: 1; transform: none; }
}
#pfl-oprofilio-root .pfl-about-process__steps {
  padding: 23px;
  border: 1px solid #d8e2ed;
  border-radius: 22px;
  background: #fff;
}
#pfl-oprofilio-root .pfl-about-process__steps-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding-bottom: 17px;
  border-bottom: 1px solid #e1e8f0;
}
#pfl-oprofilio-root .pfl-about-process__steps-top > span {
  color: #0b1e3d;
  font-size: 17px;
  line-height: 1.35;
  font-weight: 850;
}
#pfl-oprofilio-root .pfl-about-process__steps-top b {
  padding: 7px 10px;
  border: 1px solid #cfe8dc;
  border-radius: 999px;
  background: #eff9f4;
  color: #007247;
  font-size: 15px;
  line-height: 1.2;
  white-space: nowrap;
}
#pfl-oprofilio-root .pfl-about-process__steps ol {
  position: relative;
  margin: 0;
  padding: 4px 0 0;
  list-style: none;
}
#pfl-oprofilio-root .pfl-about-process__steps ol::before {
  content: "";
  position: absolute;
  top: 32px;
  bottom: 31px;
  left: 20px;
  width: 1px;
  background: linear-gradient(#9ac7b5, #b9cae0);
}
#pfl-oprofilio-root .pfl-about-process__steps li {
  position: relative;
  display: grid;
  grid-template-columns: 42px 1fr;
  gap: 14px;
  padding-top: 17px;
}
#pfl-oprofilio-root .pfl-about-process__steps li > span {
  z-index: 1;
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border: 1px solid #c9dbea;
  border-radius: 13px;
  background: #eef5ff;
  color: #285ec7;
  font-size: 15px;
  line-height: 1;
  font-weight: 900;
}
#pfl-oprofilio-root .pfl-about-process__steps h3 {
  margin: 0 0 4px;
  color: #0b1e3d;
  font-family: Poppins, Inter, sans-serif;
  font-size: 18px;
  line-height: 1.35;
  font-weight: 850;
}
#pfl-oprofilio-root .pfl-about-process__steps li p {
  margin: 0;
  color: #526781;
  font-size: 16px;
  line-height: 1.5;
}
#pfl-oprofilio-root .pfl-about-process__proof {
  position: relative;
  padding: 25px;
  border: 1px solid #1e416c;
  border-radius: 22px;
  overflow: hidden;
  background:
    radial-gradient(circle at 100% 0, rgba(0, 168, 101, .17), transparent 36%),
    radial-gradient(circle at 0 100%, rgba(45, 109, 246, .14), transparent 34%),
    #071a35;
  color: #fff;
}
#pfl-oprofilio-root .pfl-about-process__proof--team {
  background:
    radial-gradient(circle at 100% 0, rgba(108, 56, 199, .19), transparent 38%),
    radial-gradient(circle at 0 100%, rgba(45, 109, 246, .16), transparent 36%),
    #071a35;
}
#pfl-oprofilio-root .pfl-about-process__proof::before {
  content: "";
  position: absolute;
  inset: 0 27px auto;
  height: 2px;
  background: linear-gradient(90deg, transparent, #3e7cff, #3edba9, transparent);
}
#pfl-oprofilio-root .pfl-about-process__proof-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding-bottom: 18px;
  border-bottom: 1px solid rgba(255, 255, 255, .1);
}
#pfl-oprofilio-root .pfl-about-process__proof-top > div {
  display: flex;
  align-items: center;
  gap: 12px;
}
#pfl-oprofilio-root .pfl-about-process__proof-top > div > span:first-child {
  display: grid;
  place-items: center;
  width: 43px;
  height: 43px;
  border: 1px solid rgba(255, 255, 255, .13);
  border-radius: 13px;
  overflow: hidden;
  flex: 0 0 auto;
}
#pfl-oprofilio-root .pfl-about-process__proof-top img {
  display: block;
  width: 43px;
  height: 43px;
  object-fit: cover;
}
#pfl-oprofilio-root .pfl-about-process__proof-top small,
#pfl-oprofilio-root .pfl-about-process__proof-top strong {
  display: block;
}
#pfl-oprofilio-root .pfl-about-process__proof-top small {
  color: #adbed0;
  font-size: 15px;
  line-height: 1.3;
}
#pfl-oprofilio-root .pfl-about-process__proof-top strong {
  margin-top: 2px;
  color: #fff;
  font-size: 18px;
  line-height: 1.35;
}
#pfl-oprofilio-root .pfl-about-process__proof-top > b {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 35px;
  padding: 7px 10px;
  border: 1px solid rgba(69, 221, 166, .21);
  border-radius: 999px;
  background: rgba(69, 221, 166, .09);
  color: #75ddb7;
  font-size: 15px;
  line-height: 1.2;
  white-space: nowrap;
}
#pfl-oprofilio-root .pfl-about-process__proof-top > b i {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #3cdda6;
  box-shadow: 0 0 0 4px rgba(60, 221, 166, .1);
}
#pfl-oprofilio-root .pfl-about-process__input {
  margin-top: 18px;
  padding: 15px;
  border: 1px solid rgba(255, 255, 255, .09);
  border-radius: 15px;
  background: rgba(255, 255, 255, .05);
}
#pfl-oprofilio-root .pfl-about-process__input > small {
  display: block;
  color: #adbed0;
  font-size: 15px;
  line-height: 1.3;
}
#pfl-oprofilio-root .pfl-about-process__input > div {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-top: 10px;
}
#pfl-oprofilio-root .pfl-about-process__input span {
  padding: 9px 8px;
  border: 1px solid rgba(139, 177, 235, .16);
  border-radius: 10px;
  background: rgba(45, 109, 246, .12);
  color: #d6e3fb;
  font-size: 15px;
  line-height: 1.25;
  font-weight: 750;
  text-align: center;
}
#pfl-oprofilio-root .pfl-about-process__handoff {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 11px;
  margin: 14px 0;
  color: #98abc1;
}
#pfl-oprofilio-root .pfl-about-process__handoff span {
  height: 1px;
  background: linear-gradient(90deg, transparent, #43668e);
}
#pfl-oprofilio-root .pfl-about-process__handoff span:last-child {
  background: linear-gradient(90deg, #43668e, transparent);
}
#pfl-oprofilio-root .pfl-about-process__handoff b {
  font-size: 15px;
  line-height: 1.3;
}
#pfl-oprofilio-root .pfl-about-process__system {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
}
#pfl-oprofilio-root .pfl-about-process__system article {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 70px;
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, .09);
  border-radius: 13px;
  background: rgba(12, 39, 74, .88);
}
#pfl-oprofilio-root .pfl-about-process__system article > span {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border-radius: 9px;
  background: #173e6f;
  color: #bcd2fb;
  font-size: 15px;
  line-height: 1;
  font-weight: 900;
  flex: 0 0 auto;
}
#pfl-oprofilio-root .pfl-about-process__system small,
#pfl-oprofilio-root .pfl-about-process__system strong {
  display: block;
}
#pfl-oprofilio-root .pfl-about-process__system small {
  color: #9fb1c6;
  font-size: 15px;
  line-height: 1.25;
}
#pfl-oprofilio-root .pfl-about-process__system strong {
  margin-top: 2px;
  color: #fff;
  font-size: 15px;
  line-height: 1.35;
}
#pfl-oprofilio-root .pfl-about-process__result {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 13px;
  padding: 15px;
  border: 1px solid rgba(60, 221, 166, .22);
  border-radius: 15px;
  background: rgba(60, 221, 166, .085);
}
#pfl-oprofilio-root .pfl-about-process__result > svg {
  width: 23px !important;
  height: 23px !important;
  color: #59dfaa;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.4;
  stroke-linecap: round;
  stroke-linejoin: round;
  flex: 0 0 auto;
}
#pfl-oprofilio-root .pfl-about-process__result strong,
#pfl-oprofilio-root .pfl-about-process__result small {
  display: block;
}
#pfl-oprofilio-root .pfl-about-process__result strong {
  color: #fff;
  font-size: 16px;
  line-height: 1.38;
}
#pfl-oprofilio-root .pfl-about-process__result small {
  margin-top: 2px;
  color: #b3c3d5;
  font-size: 15px;
  line-height: 1.42;
}
#pfl-oprofilio-root .pfl-about-process__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
  margin-top: 18px;
  padding: 17px 18px;
  border: 1px solid #d5e0eb;
  border-radius: 18px;
  background: rgba(255, 255, 255, .9);
  box-shadow: 0 12px 30px rgba(14, 33, 60, .055);
}
#pfl-oprofilio-root .pfl-about-process__footer p {
  display: flex;
  align-items: flex-start;
  gap: 9px;
  max-width: 790px;
  margin: 0;
  color: #586d85;
  font-size: 15px;
  line-height: 1.5;
}
#pfl-oprofilio-root .pfl-about-process__footer p svg {
  width: 19px !important;
  height: 19px !important;
  margin-top: 2px;
  color: #007c4b;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  flex: 0 0 auto;
}
#pfl-oprofilio-root .pfl-about-process__footer a,
#pfl-oprofilio-root .pfl-about-process__footer a:visited {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-height: 48px;
  padding: 0 17px;
  border: 1px solid #c9d8e7;
  border-radius: 13px;
  background: #f4f8fc;
  color: #174f92 !important;
  font-size: 16px;
  line-height: 1.2;
  font-weight: 850;
  text-decoration: none;
  white-space: nowrap;
  transition: transform .2s ease, border-color .2s ease, background .2s ease;
}
#pfl-oprofilio-root .pfl-about-process__footer a:hover {
  transform: translateY(-2px);
  border-color: #8eacd0;
  background: #fff;
}
#pfl-oprofilio-root .pfl-about-process__footer a:focus-visible {
  outline: 3px solid #2f73ff;
  outline-offset: 3px;
}
@media (max-width: 980px) {
  #pfl-oprofilio-root .pfl-about-process__panel {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 760px) {
  #pfl-oprofilio-root .pfl-about-process {
    padding: 72px 0;
  }
  #pfl-oprofilio-root .pfl-about-process__inner {
    width: min(100% - 30px, 1200px);
  }
  #pfl-oprofilio-root .pfl-about-process h2 {
    font-size: clamp(39px, 11vw, 53px);
  }
  #pfl-oprofilio-root .pfl-about-process__header > p {
    font-size: 18px;
  }
  #pfl-oprofilio-root .pfl-about-process__footer {
    align-items: stretch;
    flex-direction: column;
  }
  #pfl-oprofilio-root .pfl-about-process__footer a {
    width: 100%;
  }
}
@media (max-width: 560px) {
  #pfl-oprofilio-root .pfl-about-process__tabs {
    grid-template-columns: 1fr;
  }
  #pfl-oprofilio-root .pfl-about-process__panel {
    padding: 10px;
    border-radius: 24px;
  }
  #pfl-oprofilio-root .pfl-about-process__steps,
  #pfl-oprofilio-root .pfl-about-process__proof {
    padding: 18px;
    border-radius: 19px;
  }
  #pfl-oprofilio-root .pfl-about-process__steps-top,
  #pfl-oprofilio-root .pfl-about-process__proof-top {
    align-items: flex-start;
    flex-direction: column;
  }
  #pfl-oprofilio-root .pfl-about-process__input > div,
  #pfl-oprofilio-root .pfl-about-process__system {
    grid-template-columns: 1fr;
  }
}
@media (prefers-reduced-motion: reduce) {
  #pfl-oprofilio-root .pfl-about-process__panel.is-entering,
  #pfl-oprofilio-root .pfl-about-process__tabs button,
  #pfl-oprofilio-root .pfl-about-process__footer a {
    animation: none !important;
    transition-duration: .01ms !important;
  }
}

/* ════════════════════════════════════════════════════════════════════════
   O PROFILIO 1.17.563 — wartość operacyjna bez symulacji finansowej
   ════════════════════════════════════════════════════════════════════════ */
#pfl-oprofilio-root .pfl-about-value {
  position: relative;
  isolation: isolate;
  padding: clamp(82px, 8vw, 118px) 0;
  overflow: hidden;
  border-top: 1px solid #dce5ef;
  background:
    radial-gradient(circle at 9% 56%, rgba(0, 168, 101, .075), transparent 28%),
    radial-gradient(circle at 92% 16%, rgba(45, 109, 246, .07), transparent 26%),
    #f7f9fc;
}
#pfl-oprofilio-root .pfl-about-value::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  background-image: radial-gradient(rgba(32, 81, 137, .13) .8px, transparent .8px);
  background-size: 24px 24px;
  mask-image: linear-gradient(90deg, #000, transparent 48%, transparent 100%);
  opacity: .42;
  pointer-events: none;
}
#pfl-oprofilio-root .pfl-about-value__glow {
  position: absolute;
  z-index: -1;
  top: 28%;
  right: -180px;
  width: 560px;
  height: 560px;
  border-radius: 50%;
  background: rgba(48, 111, 244, .09);
  filter: blur(110px);
  pointer-events: none;
}
#pfl-oprofilio-root .pfl-about-value__inner {
  width: min(1200px, calc(100% - 40px));
  margin-inline: auto;
}
#pfl-oprofilio-root .pfl-about-value__header {
  max-width: 850px;
  margin-bottom: clamp(34px, 4vw, 52px);
}
#pfl-oprofilio-root .pfl-about-value h2 {
  margin: 20px 0 17px;
  color: #0b1e3d;
  font-family: Poppins, Inter, sans-serif;
  font-size: clamp(44px, 5vw, 62px);
  line-height: 1.04;
  letter-spacing: -.048em;
  font-weight: 900;
}
#pfl-oprofilio-root .pfl-about-value h2 span {
  color: #1474ca;
  background: linear-gradient(92deg, #2d6df6 0%, #1789bd 49%, #008a59 100%);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
}
#pfl-oprofilio-root .pfl-about-value__header > p {
  max-width: 760px;
  margin: 0;
  color: #526781;
  font-size: 19px;
  line-height: 1.62;
}
#pfl-oprofilio-root .pfl-about-value__layout {
  display: grid;
  grid-template-columns: minmax(0, .92fr) minmax(520px, 1.08fr);
  align-items: stretch;
  gap: clamp(24px, 4vw, 52px);
}
#pfl-oprofilio-root .pfl-about-value__benefits {
  display: grid;
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}
#pfl-oprofilio-root .pfl-about-value__benefits li {
  display: grid;
  grid-template-columns: 50px minmax(0, 1fr);
  gap: 16px;
  min-height: 123px;
  padding: 20px;
  border: 1px solid #d6e1ec;
  border-radius: 21px;
  background: rgba(255, 255, 255, .86);
  box-shadow: 0 10px 30px rgba(14, 33, 60, .035);
  transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}
#pfl-oprofilio-root .pfl-about-value__benefits li:hover {
  transform: translateY(-2px);
  border-color: #abc6de;
  box-shadow: 0 16px 36px rgba(14, 33, 60, .07);
}
#pfl-oprofilio-root .pfl-about-value__icon {
  display: grid;
  place-items: center;
  width: 50px;
  height: 50px;
  border: 1px solid #bfe4d4;
  border-radius: 15px;
  background: #eaf8f2;
  color: #007a4b;
}
#pfl-oprofilio-root .pfl-about-value__icon--blue {
  border-color: #c7d9fb;
  background: #edf3ff;
  color: #2c63ca;
}
#pfl-oprofilio-root .pfl-about-value__icon--violet {
  border-color: #dccdf5;
  background: #f4effc;
  color: #6c38b5;
}
#pfl-oprofilio-root .pfl-about-value__icon--teal {
  border-color: #bce3e2;
  background: #eaf8f7;
  color: #087b78;
}
#pfl-oprofilio-root .pfl-about-value__icon svg {
  width: 23px !important;
  height: 23px !important;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
#pfl-oprofilio-root .pfl-about-value__benefits small {
  display: block;
  margin-bottom: 3px;
  color: #597089;
  font-size: 15px;
  line-height: 1.25;
  font-weight: 800;
}
#pfl-oprofilio-root .pfl-about-value__benefits h3 {
  margin: 0 0 5px;
  color: #0b1e3d;
  font-family: Poppins, Inter, sans-serif;
  font-size: 19px;
  line-height: 1.34;
  font-weight: 850;
  letter-spacing: -.015em;
}
#pfl-oprofilio-root .pfl-about-value__benefits p {
  margin: 0;
  color: #526781;
  font-size: 16px;
  line-height: 1.52;
}
#pfl-oprofilio-root .pfl-about-value__proof {
  position: relative;
  padding: clamp(22px, 2.4vw, 30px);
  border: 1px solid #1d416c;
  border-radius: 28px;
  overflow: hidden;
  background:
    radial-gradient(circle at 100% 0, rgba(0, 168, 101, .18), transparent 36%),
    radial-gradient(circle at 0 100%, rgba(45, 109, 246, .17), transparent 35%),
    #071a35;
  box-shadow: 0 26px 55px rgba(7, 26, 53, .2);
  color: #fff;
}
#pfl-oprofilio-root .pfl-about-value__proof::before {
  content: "";
  position: absolute;
  inset: 0 31px auto;
  height: 2px;
  background: linear-gradient(90deg, transparent, #3475ff, #39d9a1, transparent);
}
#pfl-oprofilio-root .pfl-about-value__proof-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding-bottom: 19px;
  border-bottom: 1px solid rgba(255, 255, 255, .11);
}
#pfl-oprofilio-root .pfl-about-value__proof-top > div {
  display: flex;
  align-items: center;
  gap: 12px;
}
#pfl-oprofilio-root .pfl-about-value__proof-top > div > span:first-child {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 13px;
  overflow: hidden;
  flex: 0 0 auto;
}
#pfl-oprofilio-root .pfl-about-value__proof-top img {
  display: block;
  width: 44px;
  height: 44px;
  object-fit: cover;
}
#pfl-oprofilio-root .pfl-about-value__proof-top small,
#pfl-oprofilio-root .pfl-about-value__proof-top strong {
  display: block;
}
#pfl-oprofilio-root .pfl-about-value__proof-top small {
  color: #adbed0;
  font-size: 15px;
  line-height: 1.3;
}
#pfl-oprofilio-root .pfl-about-value__proof-top strong {
  margin-top: 2px;
  color: #fff;
  font-size: 18px;
  line-height: 1.34;
}
#pfl-oprofilio-root .pfl-about-value__proof-top > b {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 35px;
  padding: 7px 10px;
  border: 1px solid rgba(68, 220, 167, .22);
  border-radius: 999px;
  background: rgba(68, 220, 167, .09);
  color: #75ddb7;
  font-size: 15px;
  line-height: 1.2;
  white-space: nowrap;
}
#pfl-oprofilio-root .pfl-about-value__proof-top > b i {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #3cdda6;
  box-shadow: 0 0 0 4px rgba(60, 221, 166, .1);
}
#pfl-oprofilio-root .pfl-about-value__scope {
  position: relative;
  margin: 18px 0 13px;
  padding: 16px 17px;
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 15px;
  background: rgba(255, 255, 255, .055);
}
#pfl-oprofilio-root .pfl-about-value__scope small,
#pfl-oprofilio-root .pfl-about-value__scope strong,
#pfl-oprofilio-root .pfl-about-value__scope span {
  display: block;
}
#pfl-oprofilio-root .pfl-about-value__scope small {
  color: #9fb2c8;
  font-size: 15px;
  line-height: 1.25;
}
#pfl-oprofilio-root .pfl-about-value__scope strong {
  margin-top: 4px;
  color: #fff;
  font-size: 18px;
  line-height: 1.36;
}
#pfl-oprofilio-root .pfl-about-value__scope span {
  margin-top: 7px;
  color: #8fc6ff;
  font-size: 15px;
  line-height: 1.35;
  font-weight: 700;
}
#pfl-oprofilio-root .pfl-about-value__flow {
  position: relative;
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}
#pfl-oprofilio-root .pfl-about-value__flow::before {
  content: "";
  position: absolute;
  top: 30px;
  bottom: 30px;
  left: 19px;
  width: 1px;
  background: linear-gradient(#3475ff, #39d9a1);
}
#pfl-oprofilio-root .pfl-about-value__flow li {
  position: relative;
  display: grid;
  grid-template-columns: 39px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  min-height: 65px;
  padding: 11px 12px;
  border: 1px solid rgba(255, 255, 255, .09);
  border-radius: 13px;
  background: rgba(12, 39, 74, .86);
}
#pfl-oprofilio-root .pfl-about-value__flow li > span {
  z-index: 1;
  display: grid;
  place-items: center;
  width: 39px;
  height: 39px;
  border: 1px solid rgba(113, 162, 231, .22);
  border-radius: 11px;
  background: #173e6f;
  color: #c5d9fc;
  font-size: 15px;
  line-height: 1;
  font-weight: 900;
}
#pfl-oprofilio-root .pfl-about-value__flow small,
#pfl-oprofilio-root .pfl-about-value__flow strong {
  display: block;
}
#pfl-oprofilio-root .pfl-about-value__flow small {
  color: #9fb1c6;
  font-size: 15px;
  line-height: 1.25;
}
#pfl-oprofilio-root .pfl-about-value__flow strong {
  margin-top: 2px;
  color: #fff;
  font-size: 16px;
  line-height: 1.34;
}
#pfl-oprofilio-root .pfl-about-value__flow li > b {
  padding: 7px 9px;
  border: 1px solid rgba(68, 220, 167, .18);
  border-radius: 999px;
  background: rgba(68, 220, 167, .075);
  color: #77dbb8;
  font-size: 15px;
  line-height: 1.15;
  white-space: nowrap;
}
#pfl-oprofilio-root .pfl-about-value__result {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 13px;
  padding: 15px;
  border: 1px solid rgba(60, 221, 166, .22);
  border-radius: 15px;
  background: rgba(60, 221, 166, .085);
}
#pfl-oprofilio-root .pfl-about-value__result > svg {
  width: 24px !important;
  height: 24px !important;
  color: #59dfaa;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-linejoin: round;
  flex: 0 0 auto;
}
#pfl-oprofilio-root .pfl-about-value__result strong,
#pfl-oprofilio-root .pfl-about-value__result small {
  display: block;
}
#pfl-oprofilio-root .pfl-about-value__result strong {
  color: #fff;
  font-size: 16px;
  line-height: 1.4;
}
#pfl-oprofilio-root .pfl-about-value__result small {
  margin-top: 2px;
  color: #b7c6d7;
  font-size: 15px;
  line-height: 1.42;
}
#pfl-oprofilio-root .pfl-about-value__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
  margin-top: 22px;
  padding: 17px 18px;
  border: 1px solid #d5e0eb;
  border-radius: 18px;
  background: rgba(255, 255, 255, .9);
  box-shadow: 0 12px 30px rgba(14, 33, 60, .05);
}
#pfl-oprofilio-root .pfl-about-value__footer p {
  display: flex;
  align-items: flex-start;
  gap: 9px;
  max-width: 790px;
  margin: 0;
  color: #586d85;
  font-size: 15px;
  line-height: 1.5;
}
#pfl-oprofilio-root .pfl-about-value__footer p svg {
  width: 19px !important;
  height: 19px !important;
  margin-top: 2px;
  color: #007c4b;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  flex: 0 0 auto;
}
#pfl-oprofilio-root .pfl-about-value__footer a,
#pfl-oprofilio-root .pfl-about-value__footer a:visited {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-height: 50px;
  padding: 0 18px;
  border: 1px solid #c9d8e7;
  border-radius: 13px;
  background: #f4f8fc;
  color: #174f92 !important;
  font-size: 16px;
  line-height: 1.2;
  font-weight: 850;
  text-decoration: none;
  white-space: nowrap;
  transition: transform .2s ease, border-color .2s ease, background .2s ease;
}
#pfl-oprofilio-root .pfl-about-value__footer a:hover {
  transform: translateY(-2px);
  border-color: #8eacd0;
  background: #fff;
}
#pfl-oprofilio-root .pfl-about-value__footer a:focus-visible {
  outline: 3px solid #2f73ff;
  outline-offset: 3px;
}
@media (max-width: 980px) {
  #pfl-oprofilio-root .pfl-about-value__layout {
    grid-template-columns: 1fr;
  }
  #pfl-oprofilio-root .pfl-about-value__benefits {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 760px) {
  #pfl-oprofilio-root .pfl-about-value {
    padding: 72px 0;
  }
  #pfl-oprofilio-root .pfl-about-value__inner {
    width: min(100% - 30px, 1200px);
  }
  #pfl-oprofilio-root .pfl-about-value h2 {
    font-size: clamp(39px, 11vw, 53px);
  }
  #pfl-oprofilio-root .pfl-about-value__header > p {
    font-size: 18px;
  }
  #pfl-oprofilio-root .pfl-about-value__benefits {
    grid-template-columns: 1fr;
  }
  #pfl-oprofilio-root .pfl-about-value__footer {
    align-items: stretch;
    flex-direction: column;
  }
  #pfl-oprofilio-root .pfl-about-value__footer a {
    width: 100%;
  }
}
@media (max-width: 560px) {
  #pfl-oprofilio-root .pfl-about-value__benefits li {
    grid-template-columns: 46px minmax(0, 1fr);
    gap: 13px;
    padding: 17px;
  }
  #pfl-oprofilio-root .pfl-about-value__icon {
    width: 46px;
    height: 46px;
  }
  #pfl-oprofilio-root .pfl-about-value__proof {
    padding: 18px;
    border-radius: 22px;
  }
  #pfl-oprofilio-root .pfl-about-value__proof-top {
    align-items: flex-start;
    flex-direction: column;
  }
  #pfl-oprofilio-root .pfl-about-value__flow li {
    grid-template-columns: 39px minmax(0, 1fr);
  }
  #pfl-oprofilio-root .pfl-about-value__flow li > b {
    grid-column: 2;
    justify-self: start;
  }
}
@media (prefers-reduced-motion: reduce) {
  #pfl-oprofilio-root .pfl-about-value__benefits li,
  #pfl-oprofilio-root .pfl-about-value__footer a {
    transition-duration: .01ms !important;
  }
}

/* ── PANCERZ GRADIENTÓW (kuloodporne na motyw: -webkit-text-fill-color
      to jedyna własność, której żaden theme'owy color nie przebije) ── */
#pfl-oprofilio-root .bg-clip-text {
  -webkit-background-clip: text !important;
          background-clip: text !important;
}
#pfl-oprofilio-root .text-transparent {
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
}
#pfl-oprofilio-root .bg-gradient-to-b {
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important;
}
#pfl-oprofilio-root .bg-gradient-to-br {
  background-image: linear-gradient(to bottom right, var(--tw-gradient-stops)) !important;
}
#pfl-oprofilio-root .bg-gradient-to-r {
  background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important;
}
#pfl-oprofilio-root .bg-gradient-to-t {
  background-image: linear-gradient(to top, var(--tw-gradient-stops)) !important;
}

/* ========================================================================
   LEGACY 1.17.564 — zachowane wyłącznie jako czytelny punkt rollbacku.
   Aktywny wariant 1.17.565 znajduje się w lokalnej warstwie V3 powyżej.
   ======================================================================== */
@media all and (max-width: 0px) {
#pfl-oprofilio-root .pfl-proof {
  position: relative;
  overflow: hidden;
  width: 100%;
  border-top: 1px solid #dfe6ee;
  background:
    radial-gradient(circle at 9% 14%, rgba(0, 168, 89, 0.08), transparent 27rem),
    radial-gradient(circle at 91% 81%, rgba(82, 15, 125, 0.07), transparent 30rem),
    #f7f9fb;
  color: #0b1f3a;
}

#pfl-oprofilio-root .pfl-proof::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0.42;
  background-image: radial-gradient(circle, rgba(11, 31, 58, 0.13) 1px, transparent 1.2px);
  background-size: 30px 30px;
  -webkit-mask-image: linear-gradient(to bottom, transparent, #000 20%, #000 80%, transparent);
          mask-image: linear-gradient(to bottom, transparent, #000 20%, #000 80%, transparent);
}

#pfl-oprofilio-root .pfl-proof__inner {
  position: relative;
  z-index: 1;
  width: min(100%, 1440px);
  margin-inline: auto;
  padding: clamp(5rem, 8vw, 8rem) clamp(1.25rem, 4.5vw, 4.5rem);
}

#pfl-oprofilio-root .pfl-proof__header {
  max-width: 1060px;
  margin: 0 0 clamp(2.5rem, 5vw, 4.5rem);
}

#pfl-oprofilio-root .pfl-proof__eyebrow,
#pfl-oprofilio-root .pfl-proof__status {
  display: inline-flex;
  align-items: center;
  gap: 0.625rem;
  min-height: 2rem;
  border-radius: 999px;
  font-size: 0.9375rem;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

#pfl-oprofilio-root .pfl-proof__eyebrow {
  margin-bottom: 1.25rem;
  padding: 0.25rem 0.85rem 0.25rem 0.25rem;
  border: 1px solid #d9e1eb;
  background: rgba(255, 255, 255, 0.88);
  color: #334760;
  box-shadow: 0 8px 22px rgba(11, 31, 58, 0.06);
}

#pfl-oprofilio-root .pfl-proof__number {
  display: inline-grid;
  place-items: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 0.875rem;
  background: #520f7d;
  color: #fff;
  box-shadow: 0 9px 20px rgba(82, 15, 125, 0.22);
}

#pfl-oprofilio-root .pfl-proof__header h2 {
  max-width: 1040px;
  margin: 0;
  color: #0b1f3a !important;
  font-family: var(--font-heading, inherit);
  font-size: clamp(2.45rem, 5.25vw, 4.65rem);
  font-weight: 900;
  line-height: 0.98;
  letter-spacing: -0.052em;
  text-wrap: balance;
}

#pfl-oprofilio-root .pfl-proof__header h2 span {
  display: block;
  margin-top: 0.16em;
  color: #007d62 !important;
}

#pfl-oprofilio-root .pfl-proof__header > p {
  max-width: 780px;
  margin: 1.5rem 0 0;
  color: #55677e;
  font-size: clamp(1.0625rem, 1.3vw, 1.1875rem);
  line-height: 1.65;
}

#pfl-oprofilio-root .pfl-proof__layout {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(22rem, 0.85fr);
  gap: clamp(1.25rem, 2.2vw, 2rem);
  align-items: stretch;
}

#pfl-oprofilio-root .pfl-proof__mechanism,
#pfl-oprofilio-root .pfl-proof__roadmap {
  min-width: 0;
  border-radius: 2rem;
}

#pfl-oprofilio-root .pfl-proof__mechanism {
  padding: clamp(1.75rem, 3.5vw, 3rem);
  border: 1px solid #dbe3ec;
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 24px 64px rgba(11, 31, 58, 0.08);
}

#pfl-oprofilio-root .pfl-proof__roadmap {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: clamp(1.75rem, 3.5vw, 3rem);
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background:
    radial-gradient(circle at 95% 10%, rgba(0, 168, 89, 0.2), transparent 16rem),
    #101a2b;
  color: #fff;
  box-shadow: 0 28px 70px rgba(8, 18, 34, 0.2);
}

#pfl-oprofilio-root .pfl-proof__card-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1.5rem;
}

#pfl-oprofilio-root .pfl-proof__status {
  padding: 0.45rem 0.8rem;
  border: 1px solid currentColor;
  font-size: 0.9375rem;
}

#pfl-oprofilio-root .pfl-proof__status > span {
  width: 0.5rem;
  height: 0.5rem;
  flex: 0 0 0.5rem;
  border-radius: 50%;
  background: currentColor;
  box-shadow: 0 0 0 4px color-mix(in srgb, currentColor 14%, transparent);
}

#pfl-oprofilio-root .pfl-proof__status--live {
  color: #007a54;
  background: #ecfbf4;
}

#pfl-oprofilio-root .pfl-proof__status--planned {
  align-self: flex-start;
  color: #f2c66d;
  background: rgba(242, 198, 109, 0.09);
  border-color: rgba(242, 198, 109, 0.4);
}

#pfl-oprofilio-root .pfl-proof__card-head h3,
#pfl-oprofilio-root .pfl-proof__roadmap h3 {
  margin: 1rem 0 0;
  font-family: var(--font-heading, inherit);
  font-size: clamp(1.65rem, 2.5vw, 2.35rem);
  font-weight: 850;
  line-height: 1.08;
  letter-spacing: -0.032em;
  text-wrap: balance;
}

#pfl-oprofilio-root .pfl-proof__card-head h3 {
  max-width: 650px;
  color: #0b1f3a !important;
}

#pfl-oprofilio-root .pfl-proof__roadmap h3 {
  color: #fff !important;
}

#pfl-oprofilio-root .pfl-proof__shield {
  width: 3.25rem;
  height: 3.25rem;
  flex: 0 0 3.25rem;
  padding: 0.75rem;
  border-radius: 1rem;
  background: #eef8f4;
  color: #008f68;
}

#pfl-oprofilio-root .pfl-proof__flow {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  margin: clamp(2rem, 4vw, 3rem) 0 1.5rem;
  padding: 0;
  list-style: none;
}

#pfl-oprofilio-root .pfl-proof__flow::before {
  content: "";
  position: absolute;
  top: 1.45rem;
  right: 13%;
  left: 13%;
  height: 2px;
  background: linear-gradient(90deg, #00a859, #2482e5, #650e91);
  transform-origin: left center;
}

#pfl-oprofilio-root .pfl-proof__flow li {
  position: relative;
  z-index: 1;
  min-width: 0;
  padding: 1.25rem;
  border: 1px solid #dfe6ee;
  border-radius: 1.35rem;
  background: #f8fafc;
}

#pfl-oprofilio-root .pfl-proof__step-index {
  display: grid;
  place-items: center;
  width: 3rem;
  height: 3rem;
  margin-bottom: 1rem;
  border: 5px solid #fff;
  border-radius: 50%;
  background: #0b1f3a;
  color: #fff;
  font-size: 0.9375rem;
  font-weight: 850;
  box-shadow: 0 0 0 1px #d7e0ea;
}

#pfl-oprofilio-root .pfl-proof__flow li:nth-child(2) .pfl-proof__step-index {
  background: #1f67d6;
}

#pfl-oprofilio-root .pfl-proof__flow li:nth-child(3) .pfl-proof__step-index {
  background: #520f7d;
}

#pfl-oprofilio-root .pfl-proof__flow h4 {
  margin: 0 0 0.45rem;
  color: #10243f !important;
  font-size: 1.125rem;
  font-weight: 800;
  line-height: 1.25;
}

#pfl-oprofilio-root .pfl-proof__flow p,
#pfl-oprofilio-root .pfl-proof__roadmap-copy,
#pfl-oprofilio-root .pfl-proof__outcome p,
#pfl-oprofilio-root .pfl-proof__qualifier p {
  margin: 0;
  font-size: 1rem;
  line-height: 1.6;
}

#pfl-oprofilio-root .pfl-proof__flow p {
  color: #596b81;
}

#pfl-oprofilio-root .pfl-proof__outcome {
  display: flex;
  align-items: center;
  gap: 0.85rem;
  padding: 1rem 1.1rem;
  border: 1px solid #bce7d5;
  border-radius: 1rem;
  background: #effaf5;
  color: #184c3a;
}

#pfl-oprofilio-root .pfl-proof__outcome svg {
  width: 1.65rem;
  height: 1.65rem;
  flex: 0 0 1.65rem;
  padding: 0.28rem;
  border-radius: 50%;
  background: #00a859;
  color: #fff;
}

#pfl-oprofilio-root .pfl-proof__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.85rem;
  margin-top: 1.5rem;
}

#pfl-oprofilio-root .pfl-proof__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.65rem;
  min-height: 3.25rem;
  padding: 0.75rem 1.25rem;
  border: 1px solid transparent;
  border-radius: 0.9rem;
  font-size: 1rem;
  font-weight: 800;
  line-height: 1.2;
  text-decoration: none !important;
  transition: transform 180ms ease, box-shadow 180ms ease, background-color 180ms ease, border-color 180ms ease;
}

#pfl-oprofilio-root .pfl-proof__button svg {
  width: 1.2rem;
  height: 1.2rem;
  transition: transform 180ms ease;
}

#pfl-oprofilio-root .pfl-proof__button:hover svg {
  transform: translateX(0.2rem);
}

#pfl-oprofilio-root .pfl-proof__button:hover {
  transform: translateY(-2px);
}

#pfl-oprofilio-root .pfl-proof__button:focus-visible {
  outline: 3px solid #5ba7ff;
  outline-offset: 3px;
}

#pfl-oprofilio-root .pfl-proof__button--primary {
  background: #007944;
  color: #fff !important;
  box-shadow: 0 12px 24px rgba(0, 121, 68, 0.22);
}

#pfl-oprofilio-root .pfl-proof__button--primary:hover {
  background: #00693b;
  box-shadow: 0 15px 30px rgba(0, 105, 59, 0.26);
}

#pfl-oprofilio-root .pfl-proof__button--text {
  color: #18314f !important;
  border-color: #d9e2ec;
  background: #fff;
}

#pfl-oprofilio-root .pfl-proof__button--text:hover {
  border-color: #aab9ca;
  background: #f6f8fb;
}

#pfl-oprofilio-root .pfl-proof__roadmap-copy {
  margin-top: 1rem;
  color: #b8c5d6;
}

#pfl-oprofilio-root .pfl-proof__match {
  margin: 1.75rem 0;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 1.25rem;
  background: rgba(5, 14, 28, 0.54);
}

#pfl-oprofilio-root .pfl-proof__match-head,
#pfl-oprofilio-root .pfl-proof__match dl > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

#pfl-oprofilio-root .pfl-proof__match-head {
  padding: 1rem 1.1rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.11);
  color: #91a3ba;
  font-size: 0.9375rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

#pfl-oprofilio-root .pfl-proof__match dl {
  margin: 0;
  padding: 0.35rem 1.1rem;
}

#pfl-oprofilio-root .pfl-proof__match dl > div {
  padding: 0.85rem 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.09);
}

#pfl-oprofilio-root .pfl-proof__match dl > div:last-child {
  border-bottom: 0;
}

#pfl-oprofilio-root .pfl-proof__match dt,
#pfl-oprofilio-root .pfl-proof__match dd {
  margin: 0;
  font-size: 1rem;
}

#pfl-oprofilio-root .pfl-proof__match dt {
  color: #dce5ef;
  font-weight: 700;
}

#pfl-oprofilio-root .pfl-proof__match dd {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  text-align: right;
  font-weight: 750;
}

#pfl-oprofilio-root .pfl-proof__match dd > span {
  width: 0.55rem;
  height: 0.55rem;
  flex: 0 0 0.55rem;
  border-radius: 50%;
  background: currentColor;
}

#pfl-oprofilio-root .pfl-proof__match dd.is-positive {
  color: #55db9e;
}

#pfl-oprofilio-root .pfl-proof__match dd.is-review {
  color: #f2c66d;
}

#pfl-oprofilio-root .pfl-proof__match-result {
  margin: 0;
  padding: 1rem 1.1rem;
  border-top: 1px solid rgba(255, 255, 255, 0.11);
  background: rgba(31, 103, 214, 0.13);
  color: #d9e7fb;
  font-size: 0.9375rem;
  line-height: 1.55;
}

#pfl-oprofilio-root .pfl-proof__button--dark {
  width: 100%;
  margin-top: auto;
  background: #fff;
  color: #0b1f3a !important;
}

#pfl-oprofilio-root .pfl-proof__button--dark:hover {
  background: #eef3f8;
}

#pfl-oprofilio-root .pfl-proof__qualifier {
  display: flex;
  align-items: flex-start;
  gap: 0.85rem;
  margin-top: 1.25rem;
  padding: 1rem 1.2rem;
  border: 1px solid #d8e1eb;
  border-radius: 1rem;
  background: rgba(255, 255, 255, 0.78);
  color: #52657b;
}

#pfl-oprofilio-root .pfl-proof__qualifier svg {
  width: 1.5rem;
  height: 1.5rem;
  flex: 0 0 1.5rem;
  color: #2563eb;
}

#pfl-oprofilio-root .pfl-proof__qualifier strong {
  color: #18314f;
}

/* Ruch ujawnia hierarchię tylko raz. Treść pozostaje widoczna bez JS. */
@media (min-width: 768px) and (prefers-reduced-motion: no-preference) {
  #pfl-oprofilio-root.is-enhanced .pfl-proof [data-pfl-proof-reveal] {
    opacity: 0;
    transform: translateY(18px);
    transition: opacity 560ms cubic-bezier(0.22, 1, 0.36, 1), transform 560ms cubic-bezier(0.22, 1, 0.36, 1);
  }

  #pfl-oprofilio-root.is-enhanced .pfl-proof [data-pfl-proof-reveal].is-visible {
    opacity: 1;
    transform: translateY(0);
  }

  #pfl-oprofilio-root.is-enhanced .pfl-proof__layout [data-pfl-proof-reveal]:nth-child(2) {
    transition-delay: 90ms;
  }

  #pfl-oprofilio-root.is-enhanced .pfl-proof__qualifier {
    transition-delay: 150ms;
  }

  #pfl-oprofilio-root.is-enhanced .pfl-proof__mechanism.is-visible .pfl-proof__flow::before {
    animation: pfl-proof-line 780ms 260ms cubic-bezier(0.22, 1, 0.36, 1) both;
  }
}

@keyframes pfl-proof-line {
  from { transform: scaleX(0); opacity: 0; }
  to { transform: scaleX(1); opacity: 1; }
}

@media (max-width: 1060px) {
  #pfl-oprofilio-root .pfl-proof__layout {
    grid-template-columns: 1fr;
  }

  #pfl-oprofilio-root .pfl-proof__roadmap {
    min-height: auto;
  }
}

@media (max-width: 767px) {
  #pfl-oprofilio-root .pfl-proof__inner {
    padding: 4.5rem 1.25rem;
  }

  #pfl-oprofilio-root .pfl-proof::before {
    display: none;
  }

  #pfl-oprofilio-root .pfl-proof__header {
    margin-bottom: 2.25rem;
  }

  #pfl-oprofilio-root .pfl-proof__header h2 {
    font-size: clamp(2.25rem, 11.5vw, 3.25rem);
    line-height: 1.01;
    letter-spacing: -0.045em;
  }

  #pfl-oprofilio-root .pfl-proof__mechanism,
  #pfl-oprofilio-root .pfl-proof__roadmap {
    padding: 1.4rem;
    border-radius: 1.5rem;
  }

  #pfl-oprofilio-root .pfl-proof__card-head {
    gap: 0.85rem;
  }

  #pfl-oprofilio-root .pfl-proof__shield {
    width: 2.9rem;
    height: 2.9rem;
    flex-basis: 2.9rem;
  }

  #pfl-oprofilio-root .pfl-proof__flow {
    grid-template-columns: 1fr;
    gap: 0.8rem;
    margin-top: 2rem;
  }

  #pfl-oprofilio-root .pfl-proof__flow::before {
    top: 2.2rem;
    bottom: 2.2rem;
    left: 2.72rem;
    width: 2px;
    height: auto;
    background: linear-gradient(#00a859, #2482e5, #650e91);
  }

  #pfl-oprofilio-root .pfl-proof__flow li {
    display: grid;
    grid-template-columns: 3rem minmax(0, 1fr);
    gap: 0.95rem;
    align-items: start;
    padding: 1rem;
  }

  #pfl-oprofilio-root .pfl-proof__step-index {
    margin: 0;
  }

  #pfl-oprofilio-root .pfl-proof__actions,
  #pfl-oprofilio-root .pfl-proof__button {
    width: 100%;
  }

  #pfl-oprofilio-root .pfl-proof__match-head,
  #pfl-oprofilio-root .pfl-proof__match dl > div {
    align-items: flex-start;
  }

  #pfl-oprofilio-root .pfl-proof__match dd {
    max-width: 9.5rem;
  }

  #pfl-oprofilio-root .pfl-proof__qualifier {
    padding: 1rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  #pfl-oprofilio-root .pfl-proof *,
  #pfl-oprofilio-root .pfl-proof *::before,
  #pfl-oprofilio-root .pfl-proof *::after {
    scroll-behavior: auto !important;
    animation: none !important;
    transition-duration: 0.01ms !important;
  }
}

@media (forced-colors: active) {
  #pfl-oprofilio-root .pfl-proof__mechanism,
  #pfl-oprofilio-root .pfl-proof__roadmap,
  #pfl-oprofilio-root .pfl-proof__flow li,
  #pfl-oprofilio-root .pfl-proof__match,
  #pfl-oprofilio-root .pfl-proof__outcome,
  #pfl-oprofilio-root .pfl-proof__qualifier,
  #pfl-oprofilio-root .pfl-proof__button,
  #pfl-oprofilio-root .pfl-proof__status {
    border: 1px solid CanvasText;
  }

  #pfl-oprofilio-root .pfl-proof__button:focus-visible {
    outline: 3px solid Highlight;
  }

  #pfl-oprofilio-root .pfl-proof__button--primary {
    background: Highlight;
    color: HighlightText !important;
  }

  #pfl-oprofilio-root .pfl-proof__button--dark,
  #pfl-oprofilio-root .pfl-proof__button--text {
    background: ButtonFace;
    color: ButtonText !important;
  }
}
}

/* ========================================================================
   1.17.571 — SEKCJA 08 / V3: EVIDENCE STACK + CLIENT DECISION PROOF
   ======================================================================== */
#pfl-oprofilio-root .pfl-profile-proof-v2,
#pfl-oprofilio-root .pfl-profile-proof-v2 * {
  box-sizing: border-box;
}

#pfl-oprofilio-root .pfl-profile-proof-v2 {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  color: #fff;
  background:
    radial-gradient(circle at 9% 18%, rgba(0, 180, 102, .18), transparent 29rem),
    radial-gradient(circle at 92% 92%, rgba(40, 119, 241, .18), transparent 31rem),
    #07182f;
  border-top: 1px solid rgba(148, 163, 184, .18);
}

#pfl-oprofilio-root .pfl-profile-proof-v2::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  opacity: .28;
  pointer-events: none;
  background-image: radial-gradient(rgba(151, 173, 204, .55) .8px, transparent .8px);
  background-size: 26px 26px;
  -webkit-mask-image: linear-gradient(to bottom, #000, transparent 88%);
  mask-image: linear-gradient(to bottom, #000, transparent 88%);
}

#pfl-oprofilio-root .pfl-profile-proof-v2__glow {
  position: absolute;
  width: 38rem;
  height: 38rem;
  top: 7rem;
  left: 50%;
  z-index: -1;
  border-radius: 999px;
  transform: translateX(-50%);
  pointer-events: none;
  background: radial-gradient(circle, rgba(48, 203, 143, .14), transparent 68%);
  filter: blur(10px);
}

#pfl-oprofilio-root .pfl-profile-proof-v2__inner {
  width: min(100%, 1380px);
  margin: 0 auto;
  padding: 112px 32px 104px;
}

#pfl-oprofilio-root .pfl-profile-proof-v2__header {
  max-width: 1000px;
  margin: 0 auto 52px;
  text-align: center;
}

#pfl-oprofilio-root .pfl-profile-proof-v2__kicker {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  min-height: 34px;
  padding: 5px 13px 5px 6px;
  margin-bottom: 21px;
  color: #d9fbea;
  background: rgba(5, 41, 52, .78);
  border: 1px solid rgba(99, 232, 169, .28);
  border-radius: 999px;
  font-size: 16px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: .08em;
  text-transform: uppercase;
  box-shadow: 0 14px 32px rgba(0, 0, 0, .16);
}

#pfl-oprofilio-root .pfl-profile-proof-v2__kicker b {
  display: grid;
  place-items: center;
  width: 27px;
  height: 27px;
  color: #fff;
  background: linear-gradient(135deg, #00ad62, #2682f2);
  border-radius: 999px;
  font-size: 16px;
  line-height: 1;
}

#pfl-oprofilio-root .pfl-profile-proof-v2__kicker i {
  width: 7px;
  height: 7px;
  margin-left: 1px;
  background: #51e49d;
  border-radius: 999px;
  box-shadow: 0 0 0 6px rgba(81, 228, 157, .1);
}

#pfl-oprofilio-root .pfl-profile-proof-v2__header h2 {
  margin: 0;
  color: #fff;
  font-family: Poppins, Inter, sans-serif;
  font-size: clamp(42px, 4.7vw, 68px);
  font-weight: 900;
  line-height: 1.02;
  letter-spacing: -.052em;
  text-wrap: balance;
}

#pfl-oprofilio-root .pfl-profile-proof-v2__header h2 span {
  color: transparent;
  background: linear-gradient(100deg, #50d98f 4%, #18b8b3 54%, #4388ff 98%);
  -webkit-background-clip: text;
  background-clip: text;
}

#pfl-oprofilio-root .pfl-profile-proof-v2__header > p {
  max-width: 780px;
  margin: 24px auto 0;
  color: #c1cee0;
  font-size: 19px;
  line-height: 1.65;
}

#pfl-oprofilio-root .pfl-profile-proof-v2__stage {
  display: grid;
  grid-template-columns: minmax(0, 1.06fr) 76px minmax(0, .94fr);
  align-items: center;
}

#pfl-oprofilio-root .pfl-profile-proof-v2__evidence,
#pfl-oprofilio-root .pfl-profile-proof-v2__decision {
  min-width: 0;
  min-height: 560px;
  border-radius: 32px;
}

#pfl-oprofilio-root .pfl-profile-proof-v2__evidence {
  padding: 36px;
  background: linear-gradient(145deg, rgba(18, 44, 78, .94), rgba(10, 32, 61, .94));
  border: 1px solid rgba(148, 184, 224, .22);
  box-shadow: 0 34px 90px rgba(0, 8, 24, .32);
}

#pfl-oprofilio-root .pfl-profile-proof-v2__panel-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 28px;
}

#pfl-oprofilio-root .pfl-profile-proof-v2__panel-head small,
#pfl-oprofilio-root .pfl-profile-proof-v2__profile-head small,
#pfl-oprofilio-root .pfl-profile-proof-v2__answers small,
#pfl-oprofilio-root .pfl-profile-proof-v2__outcome small {
  display: block;
  margin-bottom: 5px;
  font-size: 16px;
  font-weight: 750;
  line-height: 1.35;
}

#pfl-oprofilio-root .pfl-profile-proof-v2__panel-head small {
  color: #61e2a6;
}

#pfl-oprofilio-root .pfl-profile-proof-v2__panel-head h3,
#pfl-oprofilio-root .pfl-profile-proof-v2__decision > h3 {
  margin: 0;
  font-family: Poppins, Inter, sans-serif;
  font-size: clamp(25px, 2.15vw, 33px);
  font-weight: 800;
  line-height: 1.16;
  letter-spacing: -.032em;
}

#pfl-oprofilio-root .pfl-profile-proof-v2__panel-head > span {
  flex: 0 0 auto;
  padding: 8px 11px;
  color: #b9c9de;
  background: rgba(255, 255, 255, .055);
  border: 1px solid rgba(255, 255, 255, .11);
  border-radius: 10px;
  font-size: 16px;
  font-weight: 800;
  line-height: 1;
}

#pfl-oprofilio-root .pfl-profile-proof-v2__layers,
#pfl-oprofilio-root .pfl-profile-proof-v2__answers {
  padding: 0;
  margin: 0;
  list-style: none;
}

#pfl-oprofilio-root .pfl-profile-proof-v2__layers {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

#pfl-oprofilio-root .pfl-profile-proof-v2__layers li {
  position: relative;
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr);
  gap: 14px;
  min-height: 190px;
  padding: 22px;
  overflow: hidden;
  background: rgba(255, 255, 255, .055);
  border: 1px solid rgba(166, 193, 226, .16);
  border-radius: 20px;
  transition: transform .28s ease, border-color .28s ease, background-color .28s ease;
}

#pfl-oprofilio-root .pfl-profile-proof-v2__layers li:hover {
  transform: translateY(-4px);
  background: rgba(255, 255, 255, .082);
  border-color: rgba(82, 224, 164, .48);
}

#pfl-oprofilio-root .pfl-profile-proof-v2__layers li > span {
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  color: #79e8b6;
  background: rgba(13, 186, 105, .12);
  border: 1px solid rgba(82, 224, 164, .2);
  border-radius: 12px;
  font-size: 16px;
  font-weight: 900;
  line-height: 1;
}

#pfl-oprofilio-root .pfl-profile-proof-v2__layers li div {
  align-self: center;
}

#pfl-oprofilio-root .pfl-profile-proof-v2__layers strong {
  display: block;
  margin-bottom: 8px;
  color: #fff;
  font-size: 20px;
  font-weight: 800;
  line-height: 1.2;
}

#pfl-oprofilio-root .pfl-profile-proof-v2__layers p {
  margin: 0;
  color: #bac8db;
  font-size: 16px;
  line-height: 1.55;
}

#pfl-oprofilio-root .pfl-profile-proof-v2__layers svg {
  position: absolute;
  right: -10px;
  bottom: -12px;
  width: 82px;
  height: 82px;
  color: rgba(117, 230, 183, .08);
  fill: none;
  stroke: currentColor;
  stroke-width: 1.4;
}

#pfl-oprofilio-root .pfl-profile-proof-v2__bridge {
  position: relative;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

#pfl-oprofilio-root .pfl-profile-proof-v2__bridge::before,
#pfl-oprofilio-root .pfl-profile-proof-v2__bridge::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 50%;
  height: 2px;
  background: linear-gradient(90deg, rgba(72, 222, 160, .08), #42dca0);
}

#pfl-oprofilio-root .pfl-profile-proof-v2__bridge::before { left: 0; }
#pfl-oprofilio-root .pfl-profile-proof-v2__bridge::after { right: 0; transform: rotate(180deg); }

#pfl-oprofilio-root .pfl-profile-proof-v2__bridge > span {
  position: relative;
  z-index: 1;
  display: grid;
  place-items: center;
  width: 66px;
  height: 66px;
  background: #fff;
  border: 7px solid #0a1f3b;
  border-radius: 20px;
  box-shadow: 0 0 0 1px rgba(92, 227, 169, .6), 0 18px 42px rgba(0, 0, 0, .32);
  animation: pfl-profile-proof-pulse 3.4s ease-in-out infinite;
}

#pfl-oprofilio-root .pfl-profile-proof-v2__bridge img {
  display: block;
  width: 45px;
  height: 45px;
  object-fit: contain;
  border-radius: 12px;
}

#pfl-oprofilio-root .pfl-profile-proof-v2__bridge i {
  position: absolute;
  width: 10px;
  height: 10px;
  right: 8px;
  top: calc(50% - 5px);
  border-radius: 50%;
  background: #58e6a8;
  box-shadow: 0 0 0 5px rgba(88, 230, 168, .12);
  animation: pfl-profile-proof-flow 2.6s ease-in-out infinite;
}

#pfl-oprofilio-root .pfl-profile-proof-v2__decision {
  padding: 34px;
  color: #0b1d39;
  background: linear-gradient(155deg, #fff, #f2f7ff);
  border: 1px solid #d8e3f0;
  box-shadow: 0 34px 90px rgba(0, 8, 24, .3);
}

#pfl-oprofilio-root .pfl-profile-proof-v2__profile-head,
#pfl-oprofilio-root .pfl-profile-proof-v2__profile-head > div {
  display: flex;
  align-items: center;
}

#pfl-oprofilio-root .pfl-profile-proof-v2__profile-head {
  justify-content: space-between;
  gap: 18px;
  padding-bottom: 22px;
  margin-bottom: 28px;
  border-bottom: 1px solid #dbe5f0;
}

#pfl-oprofilio-root .pfl-profile-proof-v2__profile-head > div {
  gap: 12px;
}

#pfl-oprofilio-root .pfl-profile-proof-v2__profile-head img {
  display: block;
  width: 42px;
  height: 42px;
  object-fit: contain;
  border-radius: 12px;
}

#pfl-oprofilio-root .pfl-profile-proof-v2__profile-head small {
  color: #61738e;
}

#pfl-oprofilio-root .pfl-profile-proof-v2__profile-head strong {
  display: block;
  color: #0b1d39;
  font-size: 18px;
  font-weight: 850;
  line-height: 1.15;
}

#pfl-oprofilio-root .pfl-profile-proof-v2__profile-head > b {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #067547;
  font-size: 16px;
  line-height: 1.2;
}

#pfl-oprofilio-root .pfl-profile-proof-v2__profile-head > b i {
  width: 8px;
  height: 8px;
  background: #0dbd70;
  border-radius: 50%;
  box-shadow: 0 0 0 5px rgba(13, 189, 112, .1);
}

#pfl-oprofilio-root .pfl-profile-proof-v2__decision > h3 {
  margin-bottom: 18px;
  color: #0b1d39;
}

#pfl-oprofilio-root .pfl-profile-proof-v2__answers {
  display: grid;
  gap: 11px;
}

#pfl-oprofilio-root .pfl-profile-proof-v2__answers li {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) 32px;
  gap: 12px;
  align-items: center;
  min-height: 76px;
  padding: 12px 14px;
  background: #fff;
  border: 1px solid #dbe5f0;
  border-radius: 16px;
  transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}

#pfl-oprofilio-root .pfl-profile-proof-v2__answers li:hover {
  transform: translateX(4px);
  border-color: #94e3bf;
  box-shadow: 0 12px 24px rgba(14, 46, 84, .08);
}

#pfl-oprofilio-root .pfl-profile-proof-v2__answers li > span,
#pfl-oprofilio-root .pfl-profile-proof-v2__answers li > b {
  display: grid;
  place-items: center;
  border-radius: 11px;
  font-size: 16px;
  font-weight: 900;
}

#pfl-oprofilio-root .pfl-profile-proof-v2__answers li > span {
  width: 42px;
  height: 42px;
  color: #1769d2;
  background: #eaf2ff;
}

#pfl-oprofilio-root .pfl-profile-proof-v2__answers small {
  color: #60738f;
}

#pfl-oprofilio-root .pfl-profile-proof-v2__answers strong {
  display: block;
  color: #112544;
  font-size: 17px;
  font-weight: 800;
  line-height: 1.3;
}

#pfl-oprofilio-root .pfl-profile-proof-v2__answers li > b {
  width: 32px;
  height: 32px;
  color: #078a54;
  background: #e9f9f1;
}

#pfl-oprofilio-root .pfl-profile-proof-v2__outcome {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 17px;
  margin-top: 15px;
  color: #fff;
  background: linear-gradient(115deg, #078b55, #116785);
  border-radius: 17px;
  box-shadow: 0 16px 32px rgba(7, 139, 85, .22);
}

#pfl-oprofilio-root .pfl-profile-proof-v2__outcome > span {
  display: grid;
  place-items: center;
  flex: 0 0 42px;
  width: 42px;
  height: 42px;
  color: #063c2a;
  background: #b9f8d5;
  border-radius: 13px;
  font-size: 20px;
  font-weight: 900;
}

#pfl-oprofilio-root .pfl-profile-proof-v2__outcome p { margin: 0; }
#pfl-oprofilio-root .pfl-profile-proof-v2__outcome small { color: #c7fae0; }
#pfl-oprofilio-root .pfl-profile-proof-v2__outcome strong { display: block; font-size: 17px; line-height: 1.35; }

#pfl-oprofilio-root .pfl-profile-proof-v2__cta-strip {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
  padding: 26px 30px;
  margin-top: 24px;
  background: linear-gradient(120deg, rgba(255, 255, 255, .09), rgba(255, 255, 255, .045));
  border: 1px solid rgba(126, 228, 183, .28);
  border-radius: 24px;
  box-shadow: 0 22px 48px rgba(0, 8, 24, .2);
}

#pfl-oprofilio-root .pfl-profile-proof-v2__cta-strip strong {
  display: block;
  margin-bottom: 5px;
  color: #fff;
  font-family: Poppins, Inter, sans-serif;
  font-size: 22px;
  font-weight: 800;
  line-height: 1.25;
}

#pfl-oprofilio-root .pfl-profile-proof-v2__cta-strip p {
  margin: 0;
  color: #c2cee0;
  font-size: 16px;
  line-height: 1.55;
}

#pfl-oprofilio-root .pfl-profile-proof-v2__cta-strip a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
  flex: 0 0 auto;
  min-height: 56px;
  padding: 15px 23px;
  color: #fff !important;
  background: #00ad62;
  border: 1px solid #39dc94;
  border-radius: 14px;
  font-size: 17px;
  font-weight: 850;
  line-height: 1.2;
  text-decoration: none !important;
  box-shadow: 0 15px 32px rgba(0, 173, 98, .26);
  transition: transform .22s ease, background-color .22s ease, box-shadow .22s ease;
}

#pfl-oprofilio-root .pfl-profile-proof-v2__cta-strip a:hover {
  color: #fff !important;
  background: #008e51;
  transform: translateY(-2px);
  box-shadow: 0 19px 38px rgba(0, 173, 98, .34);
}

#pfl-oprofilio-root .pfl-profile-proof-v2__cta-strip a:focus-visible {
  outline: 3px solid #fff;
  outline-offset: 4px;
}

#pfl-oprofilio-root .pfl-profile-proof-v2__guard {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 10px;
  max-width: 930px;
  margin: 20px auto 0;
  color: #aebdd1;
  font-size: 16px;
  line-height: 1.55;
  text-align: center;
}

#pfl-oprofilio-root .pfl-profile-proof-v2__guard svg {
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
  margin-top: 2px;
  fill: none;
  stroke: #6be3ad;
  stroke-width: 1.8;
}

@keyframes pfl-profile-proof-pulse {
  0%, 100% { transform: translateY(0); box-shadow: 0 0 0 1px rgba(92, 227, 169, .55), 0 18px 42px rgba(0, 0, 0, .3); }
  50% { transform: translateY(-5px); box-shadow: 0 0 0 6px rgba(92, 227, 169, .08), 0 25px 50px rgba(0, 0, 0, .35); }
}

@keyframes pfl-profile-proof-flow {
  0%, 100% { opacity: .25; transform: translateX(-35px) scale(.7); }
  50% { opacity: 1; transform: translateX(0) scale(1); }
}

@media (max-width: 1050px) {
  #pfl-oprofilio-root .pfl-profile-proof-v2__stage {
    grid-template-columns: 1fr;
    gap: 0;
  }

  #pfl-oprofilio-root .pfl-profile-proof-v2__evidence,
  #pfl-oprofilio-root .pfl-profile-proof-v2__decision {
    min-height: 0;
  }

  #pfl-oprofilio-root .pfl-profile-proof-v2__bridge {
    height: 78px;
  }

  #pfl-oprofilio-root .pfl-profile-proof-v2__bridge::before,
  #pfl-oprofilio-root .pfl-profile-proof-v2__bridge::after {
    top: auto;
    left: 50%;
    right: auto;
    width: 2px;
    height: 50%;
    transform: none;
    background: linear-gradient(rgba(72, 222, 160, .08), #42dca0);
  }

  #pfl-oprofilio-root .pfl-profile-proof-v2__bridge::before { top: 0; }
  #pfl-oprofilio-root .pfl-profile-proof-v2__bridge::after { bottom: 0; transform: rotate(180deg); }

  #pfl-oprofilio-root .pfl-profile-proof-v2__bridge > span {
    width: 58px;
    height: 58px;
    border-radius: 18px;
  }

  #pfl-oprofilio-root .pfl-profile-proof-v2__bridge i { display: none; }
}

@media (max-width: 720px) {
  #pfl-oprofilio-root .pfl-profile-proof-v2__inner {
    padding: 78px 18px 74px;
  }

  #pfl-oprofilio-root .pfl-profile-proof-v2__header {
    margin-bottom: 36px;
    text-align: left;
  }

  #pfl-oprofilio-root .pfl-profile-proof-v2__kicker { letter-spacing: .045em; }

  #pfl-oprofilio-root .pfl-profile-proof-v2__header h2 {
    font-size: clamp(35px, 10.2vw, 49px);
    line-height: 1.035;
  }

  #pfl-oprofilio-root .pfl-profile-proof-v2__header > p {
    margin-top: 19px;
    font-size: 17px;
  }

  #pfl-oprofilio-root .pfl-profile-proof-v2__evidence,
  #pfl-oprofilio-root .pfl-profile-proof-v2__decision {
    padding: 23px;
    border-radius: 24px;
  }

  #pfl-oprofilio-root .pfl-profile-proof-v2__panel-head,
  #pfl-oprofilio-root .pfl-profile-proof-v2__profile-head {
    align-items: flex-start;
  }

  #pfl-oprofilio-root .pfl-profile-proof-v2__panel-head > span,
  #pfl-oprofilio-root .pfl-profile-proof-v2__profile-head > b {
    display: none;
  }

  #pfl-oprofilio-root .pfl-profile-proof-v2__panel-head h3,
  #pfl-oprofilio-root .pfl-profile-proof-v2__decision > h3 {
    font-size: 27px;
  }

  #pfl-oprofilio-root .pfl-profile-proof-v2__layers {
    grid-template-columns: 1fr;
  }

  #pfl-oprofilio-root .pfl-profile-proof-v2__layers li {
    min-height: 0;
    padding: 18px;
  }

  #pfl-oprofilio-root .pfl-profile-proof-v2__answers li {
    grid-template-columns: 42px minmax(0, 1fr);
    padding: 13px;
  }

  #pfl-oprofilio-root .pfl-profile-proof-v2__answers li > b { display: none; }

  #pfl-oprofilio-root .pfl-profile-proof-v2__cta-strip {
    display: grid;
    gap: 20px;
    padding: 23px;
  }

  #pfl-oprofilio-root .pfl-profile-proof-v2__cta-strip a {
    width: 100%;
  }

  #pfl-oprofilio-root .pfl-profile-proof-v2__guard {
    justify-content: flex-start;
    text-align: left;
  }
}

@media (prefers-reduced-motion: reduce) {
  #pfl-oprofilio-root .pfl-profile-proof-v2 *,
  #pfl-oprofilio-root .pfl-profile-proof-v2 *::before,
  #pfl-oprofilio-root .pfl-profile-proof-v2 *::after {
    animation: none !important;
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
  }
}

@media (forced-colors: active) {
  #pfl-oprofilio-root .pfl-profile-proof-v2__evidence,
  #pfl-oprofilio-root .pfl-profile-proof-v2__decision,
  #pfl-oprofilio-root .pfl-profile-proof-v2__layers li,
  #pfl-oprofilio-root .pfl-profile-proof-v2__answers li,
  #pfl-oprofilio-root .pfl-profile-proof-v2__outcome,
  #pfl-oprofilio-root .pfl-profile-proof-v2__cta-strip,
  #pfl-oprofilio-root .pfl-profile-proof-v2__cta-strip a {
    border: 1px solid CanvasText;
  }

  #pfl-oprofilio-root .pfl-profile-proof-v2__cta-strip a {
    color: HighlightText !important;
    background: Highlight;
  }
}

/* ========================================================================
   1.17.573 — SEKCJA 09 / V3: FAQ + PROGRESSIVE DISCLOSURE
   ======================================================================== */
#pfl-oprofilio-root .pfl-about-faq,
#pfl-oprofilio-root .pfl-about-faq * {
  box-sizing: border-box;
}

#pfl-oprofilio-root .pfl-about-faq {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 8% 12%, rgba(0, 168, 89, 0.08), transparent 25rem),
    radial-gradient(circle at 94% 82%, rgba(45, 109, 246, 0.07), transparent 28rem),
    #f7f9fc;
  color: #0b1e3d;
}

#pfl-oprofilio-root .pfl-about-faq::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0.2;
  background-image: radial-gradient(circle, rgba(11, 30, 61, 0.16) 1px, transparent 1.15px);
  background-size: 32px 32px;
  -webkit-mask-image: linear-gradient(to bottom, transparent, #000 18%, #000 82%, transparent);
          mask-image: linear-gradient(to bottom, transparent, #000 18%, #000 82%, transparent);
}

#pfl-oprofilio-root .pfl-about-faq__inner {
  position: relative;
  z-index: 1;
  width: min(1200px, calc(100% - 40px));
  margin-inline: auto;
  padding-block: clamp(5.25rem, 8vw, 7.25rem);
}

#pfl-oprofilio-root .pfl-about-faq__header {
  max-width: 900px;
  margin: 0 auto clamp(2.3rem, 4vw, 3.5rem);
  text-align: center;
}

#pfl-oprofilio-root .pfl-about-faq__kicker {
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  min-height: 2.25rem;
  margin-bottom: 1.2rem;
  padding: 0.25rem 0.9rem 0.25rem 0.25rem;
  border: 1px solid #d5e0eb;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.94);
  color: #526781;
  box-shadow: 0 8px 22px rgba(7, 26, 53, 0.06);
  font-size: 15px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: 0.065em;
  text-transform: uppercase;
}

#pfl-oprofilio-root .pfl-about-faq__kicker b {
  display: inline-grid;
  place-items: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 0.875rem;
  background: #6c38b5;
  color: #fff;
  box-shadow: 0 9px 20px rgba(108, 56, 181, 0.2);
  font-size: 16px;
}

#pfl-oprofilio-root .pfl-about-faq__kicker i {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: #00a859;
  box-shadow: 0 0 0 4px rgba(0, 168, 89, 0.1);
}

#pfl-oprofilio-root .pfl-about-faq__header h2 {
  max-width: 900px;
  margin: 0 auto;
  color: #0b1e3d !important;
  font-family: var(--font-heading, Poppins, sans-serif);
  font-size: clamp(42px, 4.6vw, 64px);
  font-weight: 900;
  line-height: 1.02;
  letter-spacing: -0.045em;
  text-wrap: balance;
}

#pfl-oprofilio-root .pfl-about-faq__header h2 span {
  display: block;
  margin-top: 0.08em;
  color: #008451 !important;
}

#pfl-oprofilio-root .pfl-about-faq__header > p {
  max-width: 760px;
  margin: 1.2rem auto 0;
  color: #526781;
  font-size: 19px;
  line-height: 1.65;
}

#pfl-oprofilio-root .pfl-about-faq__layout {
  display: grid;
  grid-template-columns: minmax(0, 1.42fr) minmax(320px, 0.78fr);
  gap: 1.5rem;
  align-items: start;
}

#pfl-oprofilio-root .pfl-about-faq__list {
  display: grid;
  gap: 0.85rem;
}

#pfl-oprofilio-root .pfl-about-faq__item {
  overflow: hidden;
  border: 1px solid #d5e0eb;
  border-radius: 1.25rem;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 12px 32px rgba(7, 26, 53, 0.055);
  transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

#pfl-oprofilio-root .pfl-about-faq__item.is-open {
  border-color: rgba(0, 168, 89, 0.42);
  box-shadow: 0 18px 40px rgba(0, 97, 72, 0.09);
  transform: translateY(-1px);
}

#pfl-oprofilio-root .pfl-about-faq__item h3 { margin: 0; }

#pfl-oprofilio-root .pfl-about-faq__item button,
#pfl-oprofilio-root .pfl-about-faq__item button:hover,
#pfl-oprofilio-root .pfl-about-faq__item button:focus {
  display: flex;
  width: 100%;
  min-height: 4.75rem;
  align-items: center;
  justify-content: space-between;
  gap: 1.25rem;
  padding: 1.15rem 1.35rem;
  border: 0 !important;
  background: transparent !important;
  color: #0b1e3d !important;
  text-align: left;
  cursor: pointer;
}

#pfl-oprofilio-root .pfl-about-faq__item button > span {
  font-size: 20px;
  font-weight: 800;
  line-height: 1.35;
}

#pfl-oprofilio-root .pfl-about-faq__item button > i {
  position: relative;
  flex: 0 0 2.5rem;
  width: 2.5rem;
  height: 2.5rem;
  border: 1px solid #d5e0eb;
  border-radius: 0.85rem;
  background: #f4f7fa;
}

#pfl-oprofilio-root .pfl-about-faq__item button > i::before,
#pfl-oprofilio-root .pfl-about-faq__item button > i::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0.85rem;
  height: 2px;
  border-radius: 999px;
  background: #0b1e3d;
  transform: translate(-50%, -50%);
  transition: transform 180ms ease;
}

#pfl-oprofilio-root .pfl-about-faq__item button > i::after {
  transform: translate(-50%, -50%) rotate(90deg);
}

#pfl-oprofilio-root .pfl-about-faq__item.is-open button > i {
  border-color: rgba(0, 168, 89, 0.34);
  background: #eaf8f2;
}

#pfl-oprofilio-root .pfl-about-faq__item.is-open button > i::after {
  transform: translate(-50%, -50%) rotate(0deg);
}

#pfl-oprofilio-root .pfl-about-faq__item button:focus-visible {
  outline: 3px solid #2d6df6 !important;
  outline-offset: -4px;
}

#pfl-oprofilio-root .pfl-about-faq__answer[hidden] { display: none; }

#pfl-oprofilio-root .pfl-about-faq__answer p {
  margin: 0;
  padding: 0 4.9rem 1.35rem 1.35rem;
  color: #526781;
  font-size: 17px;
  line-height: 1.65;
}

#pfl-oprofilio-root .pfl-about-faq__decision {
  position: sticky;
  top: 2rem;
  overflow: hidden;
  padding: clamp(1.75rem, 3vw, 2.5rem);
  border: 1px solid rgba(142, 164, 190, 0.28);
  border-radius: 1.75rem;
  background:
    radial-gradient(circle at 100% 0%, rgba(0, 168, 89, 0.2), transparent 18rem),
    linear-gradient(145deg, #101b2e, #0b2034);
  color: #fff;
  box-shadow: 0 24px 50px rgba(7, 26, 53, 0.16);
}

#pfl-oprofilio-root .pfl-about-faq__decision > span {
  display: inline-grid;
  place-items: center;
  width: 3.5rem;
  height: 3.5rem;
  margin-bottom: 1.5rem;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 1rem;
  background: rgba(255, 255, 255, 0.08);
}

#pfl-oprofilio-root .pfl-about-faq__decision img {
  display: block;
  width: 2.25rem;
  height: 2.25rem;
  object-fit: contain;
}

#pfl-oprofilio-root .pfl-about-faq__decision small {
  display: block;
  margin: 0 0 0.7rem;
  color: #79e0b3;
  font-size: 15px;
  font-weight: 800;
  line-height: 1.35;
  letter-spacing: 0.055em;
  text-transform: uppercase;
}

#pfl-oprofilio-root .pfl-about-faq__decision h3 {
  margin: 0;
  color: #fff !important;
  font-family: var(--font-heading, Poppins, sans-serif);
  font-size: clamp(29px, 2.5vw, 38px);
  font-weight: 900;
  line-height: 1.08;
  letter-spacing: -0.035em;
}

#pfl-oprofilio-root .pfl-about-faq__decision p {
  margin: 1rem 0 1.4rem;
  color: #c6d3e0;
  font-size: 17px;
  line-height: 1.6;
}

#pfl-oprofilio-root .pfl-about-faq__decision a,
#pfl-oprofilio-root .pfl-about-faq__decision a:visited {
  display: inline-flex;
  width: 100%;
  min-height: 3.5rem;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 0.85rem 1.25rem;
  border-radius: 0.9rem;
  background: #00a859 !important;
  color: #fff !important;
  box-shadow: 0 14px 28px rgba(0, 168, 89, 0.23);
  font-size: 17px;
  font-weight: 800;
  line-height: 1.3;
  text-align: center;
  transition: transform 180ms ease, background-color 180ms ease, box-shadow 180ms ease;
}

#pfl-oprofilio-root .pfl-about-faq__decision a:hover {
  background: #008f4c !important;
  transform: translateY(-2px);
  box-shadow: 0 18px 32px rgba(0, 168, 89, 0.29);
}

#pfl-oprofilio-root .pfl-about-faq__decision a:focus-visible {
  outline: 3px solid #fff;
  outline-offset: 4px;
}

#pfl-oprofilio-root .pfl-about-faq__decision em {
  display: block;
  margin-top: 1rem;
  color: #aebed0;
  font-size: 16px;
  font-style: normal;
  line-height: 1.5;
}

#pfl-oprofilio-root .pfl-about-faq__noscript {
  margin-top: 1.5rem;
  padding: 1.5rem;
  border: 1px solid #d5e0eb;
  border-radius: 1.25rem;
  background: #fff;
}

#pfl-oprofilio-root .pfl-about-faq__noscript > strong,
#pfl-oprofilio-root .pfl-about-faq__noscript h3 {
  display: block;
  color: #0b1e3d;
  font-size: 18px;
  line-height: 1.4;
}

#pfl-oprofilio-root .pfl-about-faq__noscript article { margin-top: 1.25rem; }
#pfl-oprofilio-root .pfl-about-faq__noscript h3 { margin: 0 0 0.35rem; }
#pfl-oprofilio-root .pfl-about-faq__noscript p {
  margin: 0;
  color: #526781;
  font-size: 16px;
  line-height: 1.65;
}

@media (max-width: 900px) {
  #pfl-oprofilio-root .pfl-about-faq__layout {
    grid-template-columns: 1fr;
  }
  #pfl-oprofilio-root .pfl-about-faq__decision {
    position: relative;
    top: auto;
  }
}

@media (max-width: 640px) {
  #pfl-oprofilio-root .pfl-about-faq__inner {
    width: min(100% - 30px, 1200px);
    padding-block: 4.75rem;
  }
  #pfl-oprofilio-root .pfl-about-faq__header {
    margin-bottom: 2rem;
  }
  #pfl-oprofilio-root .pfl-about-faq__header h2 {
    font-size: clamp(36px, 10.4vw, 48px);
  }
  #pfl-oprofilio-root .pfl-about-faq__header > p {
    font-size: 17px;
  }
  #pfl-oprofilio-root .pfl-about-faq__item button,
  #pfl-oprofilio-root .pfl-about-faq__item button:hover,
  #pfl-oprofilio-root .pfl-about-faq__item button:focus {
    padding: 1rem;
  }
  #pfl-oprofilio-root .pfl-about-faq__item button > span {
    font-size: 18px;
  }
  #pfl-oprofilio-root .pfl-about-faq__answer p {
    padding: 0 1rem 1.2rem;
    font-size: 16px;
  }
  #pfl-oprofilio-root .pfl-about-faq__decision {
    padding: 1.5rem;
    border-radius: 1.35rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  #pfl-oprofilio-root .pfl-about-faq *,
  #pfl-oprofilio-root .pfl-about-faq *::before,
  #pfl-oprofilio-root .pfl-about-faq *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }
}

/* ========================================================================
   1.17.573 — SEKCJA 10 / V3: HONEST ACTIVATION FINALE
   ======================================================================== */
#pfl-oprofilio-root .pfl-finale-v3,
#pfl-oprofilio-root .pfl-finale-v3 * {
  box-sizing: border-box;
}

#pfl-oprofilio-root .pfl-finale-v3 {
  position: relative;
  overflow: hidden;
  color: #0b1d39;
  background:
    radial-gradient(circle at 0 5%, rgba(27, 191, 123, .09), transparent 28rem),
    radial-gradient(circle at 100% 100%, rgba(49, 126, 241, .09), transparent 32rem),
    #f4f7fb;
  border-top: 1px solid #dbe4ef;
}

#pfl-oprofilio-root .pfl-finale-v3::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .36;
  background-image: radial-gradient(#c3d0df .7px, transparent .7px);
  background-size: 27px 27px;
  -webkit-mask-image: linear-gradient(to bottom, #000, transparent 80%);
  mask-image: linear-gradient(to bottom, #000, transparent 80%);
}

#pfl-oprofilio-root .pfl-finale-v3__inner {
  position: relative;
  z-index: 1;
  width: min(100%, 1380px);
  margin: 0 auto;
  padding: 104px 32px 96px;
}

#pfl-oprofilio-root .pfl-finale-v3__card {
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(420px, .92fr);
  gap: 68px;
  align-items: center;
  min-height: 650px;
  padding: 68px;
  overflow: hidden;
  color: #fff;
  background:
    linear-gradient(135deg, rgba(12, 37, 67, .98), rgba(6, 24, 47, .99) 58%, rgba(5, 41, 52, .98));
  border: 1px solid rgba(107, 144, 184, .28);
  border-radius: 40px;
  box-shadow: 0 40px 100px rgba(12, 33, 59, .23);
}

#pfl-oprofilio-root .pfl-finale-v3__card::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  pointer-events: none;
  opacity: .26;
  background-image: radial-gradient(rgba(176, 203, 231, .48) .8px, transparent .8px);
  background-size: 25px 25px;
  -webkit-mask-image: linear-gradient(115deg, #000, transparent 68%);
  mask-image: linear-gradient(115deg, #000, transparent 68%);
}

#pfl-oprofilio-root .pfl-finale-v3__glow {
  position: absolute;
  z-index: -1;
  width: 35rem;
  height: 35rem;
  border-radius: 999px;
  pointer-events: none;
  filter: blur(18px);
}

#pfl-oprofilio-root .pfl-finale-v3__glow--one {
  top: -22rem;
  left: -15rem;
  background: rgba(23, 202, 128, .2);
}

#pfl-oprofilio-root .pfl-finale-v3__glow--two {
  right: -21rem;
  bottom: -20rem;
  background: rgba(48, 122, 245, .23);
}

#pfl-oprofilio-root .pfl-finale-v3__copy {
  position: relative;
  z-index: 2;
  min-width: 0;
}

#pfl-oprofilio-root .pfl-finale-v3__kicker {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  min-height: 36px;
  padding: 5px 14px 5px 6px;
  margin-bottom: 24px;
  color: #dffbed;
  background: rgba(255, 255, 255, .07);
  border: 1px solid rgba(139, 233, 188, .24);
  border-radius: 999px;
  font-size: 16px;
  font-weight: 850;
  line-height: 1;
  letter-spacing: .075em;
  text-transform: uppercase;
}

#pfl-oprofilio-root .pfl-finale-v3__kicker b {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  color: #fff;
  background: linear-gradient(135deg, #00b76a, #2180ef);
  border-radius: 999px;
  font-size: 16px;
  font-weight: 900;
  line-height: 1;
}

#pfl-oprofilio-root .pfl-finale-v3__kicker i {
  width: 8px;
  height: 8px;
  background: #53e5a4;
  border-radius: 999px;
  box-shadow: 0 0 0 6px rgba(83, 229, 164, .1);
}

#pfl-oprofilio-root .pfl-finale-v3__copy h2 {
  max-width: 740px;
  margin: 0;
  color: #fff;
  font-family: Poppins, Inter, sans-serif;
  font-size: clamp(44px, 4.65vw, 68px);
  font-weight: 900;
  line-height: 1.02;
  letter-spacing: -.052em;
  text-wrap: balance;
}

#pfl-oprofilio-root .pfl-finale-v3__copy h2 span {
  color: transparent;
  background: linear-gradient(98deg, #6be3ad 4%, #17b8b2 54%, #4388ff 100%);
  -webkit-background-clip: text;
  background-clip: text;
}

#pfl-oprofilio-root .pfl-finale-v3__copy > p:not(.pfl-finale-v3__guard) {
  max-width: 650px;
  margin: 25px 0 0;
  color: #c2cfe0;
  font-size: 19px;
  line-height: 1.65;
}

#pfl-oprofilio-root .pfl-finale-v3__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 13px;
  margin-top: 32px;
}

#pfl-oprofilio-root .pfl-finale-v3__primary,
#pfl-oprofilio-root .pfl-finale-v3__secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 58px;
  padding: 15px 24px;
  border-radius: 15px;
  font-size: 17px;
  font-weight: 850;
  line-height: 1.2;
  text-decoration: none !important;
  transition: transform .22s ease, background-color .22s ease, border-color .22s ease, box-shadow .22s ease;
}

#pfl-oprofilio-root .pfl-finale-v3__primary {
  gap: 12px;
  color: #fff !important;
  background: #00ad62;
  border: 1px solid #45dfa0;
  box-shadow: 0 16px 34px rgba(0, 173, 98, .3);
}

#pfl-oprofilio-root .pfl-finale-v3__primary:hover {
  color: #fff !important;
  background: #008e51;
  transform: translateY(-2px);
  box-shadow: 0 20px 42px rgba(0, 173, 98, .36);
}

#pfl-oprofilio-root .pfl-finale-v3__secondary {
  color: #eef5ff !important;
  background: rgba(255, 255, 255, .055);
  border: 1px solid rgba(177, 199, 224, .3);
}

#pfl-oprofilio-root .pfl-finale-v3__secondary:hover {
  color: #fff !important;
  background: rgba(255, 255, 255, .1);
  border-color: rgba(112, 224, 172, .48);
  transform: translateY(-2px);
}

#pfl-oprofilio-root .pfl-finale-v3__primary:focus-visible,
#pfl-oprofilio-root .pfl-finale-v3__secondary:focus-visible {
  outline: 3px solid #fff;
  outline-offset: 4px;
}

#pfl-oprofilio-root .pfl-finale-v3__trust {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding: 0;
  margin: 27px 0 0;
  list-style: none;
}

#pfl-oprofilio-root .pfl-finale-v3__trust li {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 40px;
  padding: 8px 12px;
  color: #d7e3f0;
  background: rgba(255, 255, 255, .05);
  border: 1px solid rgba(174, 197, 223, .16);
  border-radius: 11px;
  font-size: 16px;
  font-weight: 720;
  line-height: 1.35;
}

#pfl-oprofilio-root .pfl-finale-v3__trust li span {
  display: grid;
  place-items: center;
  width: 22px;
  height: 22px;
  color: #55e4a4;
  background: rgba(50, 220, 150, .1);
  border-radius: 7px;
  font-size: 16px;
  font-weight: 900;
}

#pfl-oprofilio-root .pfl-finale-v3__guard {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  max-width: 690px;
  margin: 22px 0 0;
  color: #aebdd0;
  font-size: 16px;
  line-height: 1.55;
}

#pfl-oprofilio-root .pfl-finale-v3__guard svg {
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
  margin-top: 2px;
  fill: none;
  stroke: #67e1aa;
  stroke-width: 1.8;
}

#pfl-oprofilio-root .pfl-finale-v3__proof {
  position: relative;
  z-index: 2;
  min-width: 0;
  padding: 30px;
  color: #fff;
  background: rgba(255, 255, 255, .07);
  border: 1px solid rgba(155, 184, 218, .25);
  border-radius: 28px;
  box-shadow: 0 30px 70px rgba(0, 8, 24, .27);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
}

#pfl-oprofilio-root .pfl-finale-v3__proof-head,
#pfl-oprofilio-root .pfl-finale-v3__proof-head > div {
  display: flex;
  align-items: center;
}

#pfl-oprofilio-root .pfl-finale-v3__proof-head {
  justify-content: space-between;
  gap: 18px;
  padding-bottom: 21px;
  margin-bottom: 20px;
  border-bottom: 1px solid rgba(176, 200, 227, .16);
}

#pfl-oprofilio-root .pfl-finale-v3__proof-head > div {
  gap: 12px;
  min-width: 0;
}

#pfl-oprofilio-root .pfl-finale-v3__proof-head img {
  display: block;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  object-fit: contain;
  background: #fff;
  border-radius: 12px;
}

#pfl-oprofilio-root .pfl-finale-v3__proof-head small,
#pfl-oprofilio-root .pfl-finale-v3__steps small,
#pfl-oprofilio-root .pfl-finale-v3__outcome small {
  display: block;
  margin-bottom: 4px;
  color: #aebed3;
  font-size: 16px;
  font-weight: 720;
  line-height: 1.35;
}

#pfl-oprofilio-root .pfl-finale-v3__proof-head strong {
  display: block;
  color: #fff;
  font-size: 18px;
  font-weight: 850;
  line-height: 1.24;
}

#pfl-oprofilio-root .pfl-finale-v3__proof-head > b {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 7px 10px;
  color: #aaf2ce;
  background: rgba(37, 207, 133, .08);
  border: 1px solid rgba(80, 225, 163, .2);
  border-radius: 999px;
  font-size: 16px;
  line-height: 1;
}

#pfl-oprofilio-root .pfl-finale-v3__proof-head > b i {
  width: 8px;
  height: 8px;
  background: #50e1a0;
  border-radius: 50%;
  box-shadow: 0 0 0 5px rgba(80, 225, 160, .1);
  animation: pfl-finale-status 2.5s ease-in-out infinite;
}

#pfl-oprofilio-root .pfl-finale-v3__steps {
  display: grid;
  gap: 11px;
  padding: 0;
  margin: 0;
  list-style: none;
}

#pfl-oprofilio-root .pfl-finale-v3__steps li {
  position: relative;
  display: grid;
  grid-template-columns: 43px minmax(0, 1fr) 31px;
  gap: 13px;
  align-items: center;
  min-height: 84px;
  padding: 13px 14px;
  background: rgba(255, 255, 255, .045);
  border: 1px solid rgba(175, 198, 224, .14);
  border-radius: 16px;
  transition: transform .24s ease, background-color .24s ease, border-color .24s ease;
}

#pfl-oprofilio-root .pfl-finale-v3__steps li::before {
  content: "";
  position: absolute;
  left: -1px;
  top: 16px;
  bottom: 16px;
  width: 3px;
  background: transparent;
  border-radius: 999px;
}

#pfl-oprofilio-root .pfl-finale-v3__steps li.is-active {
  background: rgba(24, 181, 112, .075);
  border-color: rgba(76, 222, 160, .34);
}

#pfl-oprofilio-root .pfl-finale-v3__steps li.is-active::before {
  background: #4be0a0;
  box-shadow: 0 0 16px rgba(75, 224, 160, .7);
}

#pfl-oprofilio-root .pfl-finale-v3__steps li:hover {
  transform: translateX(4px);
  background: rgba(255, 255, 255, .075);
  border-color: rgba(105, 223, 171, .32);
}

#pfl-oprofilio-root .pfl-finale-v3__steps li > span,
#pfl-oprofilio-root .pfl-finale-v3__steps li > b {
  display: grid;
  place-items: center;
  border-radius: 11px;
  font-size: 16px;
  font-weight: 900;
  line-height: 1;
}

#pfl-oprofilio-root .pfl-finale-v3__steps li > span {
  width: 43px;
  height: 43px;
  color: #82b8ff;
  background: rgba(48, 127, 239, .16);
  border: 1px solid rgba(85, 151, 244, .2);
}

#pfl-oprofilio-root .pfl-finale-v3__steps strong {
  display: block;
  color: #f5f9ff;
  font-size: 17px;
  font-weight: 790;
  line-height: 1.38;
}

#pfl-oprofilio-root .pfl-finale-v3__steps li > b {
  width: 31px;
  height: 31px;
  color: #62e5ab;
  background: rgba(48, 213, 141, .11);
}

#pfl-oprofilio-root .pfl-finale-v3__outcome {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 17px;
  margin-top: 15px;
  background: linear-gradient(110deg, rgba(0, 158, 92, .25), rgba(33, 115, 201, .2));
  border: 1px solid rgba(83, 222, 164, .25);
  border-radius: 17px;
}

#pfl-oprofilio-root .pfl-finale-v3__outcome > span {
  display: grid;
  place-items: center;
  flex: 0 0 42px;
  width: 42px;
  height: 42px;
  color: #053b29;
  background: #b8f6d5;
  border-radius: 13px;
  font-size: 19px;
  font-weight: 900;
}

#pfl-oprofilio-root .pfl-finale-v3__outcome p { margin: 0; }
#pfl-oprofilio-root .pfl-finale-v3__outcome small { color: #b8d4c8; }
#pfl-oprofilio-root .pfl-finale-v3__outcome strong { display: block; color: #fff; font-size: 17px; line-height: 1.38; }

#pfl-oprofilio-root .pfl-finale-v3__assurance {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-top: 18px;
}

#pfl-oprofilio-root .pfl-finale-v3__assurance article {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  min-height: 112px;
  padding: 21px;
  background: rgba(255, 255, 255, .9);
  border: 1px solid #d8e2ee;
  border-radius: 20px;
  box-shadow: 0 15px 35px rgba(20, 48, 82, .06);
}

#pfl-oprofilio-root .pfl-finale-v3__assurance article > span {
  display: grid;
  place-items: center;
  flex: 0 0 42px;
  width: 42px;
  height: 42px;
  color: #06864f;
  background: #e9f9f1;
  border: 1px solid #c7eedc;
  border-radius: 13px;
}

#pfl-oprofilio-root .pfl-finale-v3__assurance svg {
  width: 21px;
  height: 21px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

#pfl-oprofilio-root .pfl-finale-v3__assurance strong {
  display: block;
  margin-bottom: 4px;
  color: #0b1d39;
  font-size: 17px;
  font-weight: 820;
  line-height: 1.3;
}

#pfl-oprofilio-root .pfl-finale-v3__assurance small {
  display: block;
  color: #60728c;
  font-size: 16px;
  line-height: 1.5;
}

@keyframes pfl-finale-status {
  0%, 100% { opacity: .45; transform: scale(.75); }
  50% { opacity: 1; transform: scale(1); }
}

@media (max-width: 1080px) {
  #pfl-oprofilio-root .pfl-finale-v3__card {
    grid-template-columns: 1fr;
    gap: 48px;
    padding: 54px;
  }

  #pfl-oprofilio-root .pfl-finale-v3__copy h2,
  #pfl-oprofilio-root .pfl-finale-v3__copy > p:not(.pfl-finale-v3__guard) {
    max-width: 830px;
  }
}

@media (max-width: 760px) {
  #pfl-oprofilio-root .pfl-finale-v3__inner {
    padding: 72px 18px 68px;
  }

  #pfl-oprofilio-root .pfl-finale-v3__card {
    gap: 36px;
    min-height: 0;
    padding: 27px 22px;
    border-radius: 28px;
  }

  #pfl-oprofilio-root .pfl-finale-v3__kicker {
    letter-spacing: .04em;
  }

  #pfl-oprofilio-root .pfl-finale-v3__copy h2 {
    font-size: clamp(36px, 10.4vw, 49px);
    line-height: 1.035;
  }

  #pfl-oprofilio-root .pfl-finale-v3__copy > p:not(.pfl-finale-v3__guard) {
    margin-top: 20px;
    font-size: 17px;
  }

  #pfl-oprofilio-root .pfl-finale-v3__actions {
    display: grid;
  }

  #pfl-oprofilio-root .pfl-finale-v3__primary,
  #pfl-oprofilio-root .pfl-finale-v3__secondary {
    width: 100%;
  }

  #pfl-oprofilio-root .pfl-finale-v3__trust {
    display: grid;
  }

  #pfl-oprofilio-root .pfl-finale-v3__proof {
    padding: 21px;
    border-radius: 22px;
  }

  #pfl-oprofilio-root .pfl-finale-v3__proof-head {
    align-items: flex-start;
  }

  #pfl-oprofilio-root .pfl-finale-v3__proof-head > b { display: none; }

  #pfl-oprofilio-root .pfl-finale-v3__steps li {
    grid-template-columns: 43px minmax(0, 1fr);
    padding: 13px;
  }

  #pfl-oprofilio-root .pfl-finale-v3__steps li > b { display: none; }

  #pfl-oprofilio-root .pfl-finale-v3__assurance {
    grid-template-columns: 1fr;
  }
}

@media (prefers-reduced-motion: reduce) {
  #pfl-oprofilio-root .pfl-finale-v3 *,
  #pfl-oprofilio-root .pfl-finale-v3 *::before,
  #pfl-oprofilio-root .pfl-finale-v3 *::after {
    animation: none !important;
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
  }
}

@media (forced-colors: active) {
  #pfl-oprofilio-root .pfl-finale-v3__card,
  #pfl-oprofilio-root .pfl-finale-v3__proof,
  #pfl-oprofilio-root .pfl-finale-v3__steps li,
  #pfl-oprofilio-root .pfl-finale-v3__outcome,
  #pfl-oprofilio-root .pfl-finale-v3__assurance article,
  #pfl-oprofilio-root .pfl-finale-v3__primary,
  #pfl-oprofilio-root .pfl-finale-v3__secondary {
    border: 1px solid CanvasText;
  }

  #pfl-oprofilio-root .pfl-finale-v3__primary {
    color: HighlightText !important;
    background: Highlight;
  }
}