:root {
  --bg: hsl(190 24% 97.5%);
  --bg-alt: color-mix(in srgb, hsl(195 18% 94%) 40%, hsl(190 24% 97.5%));
  --surface: hsl(0 0% 100%);
  --text: hsl(200 30% 12%);
  --text-dim: hsl(200 14% 39%);
  --border: hsl(196 18% 88%);
  --border-strong: hsl(198 16% 78%);
  --primary: hsl(197 58% 15%);
  --primary-hover: hsl(197 58% 22%);
  --primary-on: hsl(190 40% 97%);
  --accent: hsl(152 56% 34%);
  --accent-soft: hsl(152 34% 94%);
  --accent-border: hsl(152 32% 68%);
  --accent-ink: hsl(152 62% 26%);
  --cost-ink: hsl(14 58% 40%);
  --deep: hsl(197 56% 12%);
  --deep-2: hsl(197 58% 9%);
  --on-deep: hsl(190 30% 94%);
  --on-deep-dim: hsl(190 16% 68%);
  --accent-on-deep: hsl(152 56% 40%);
  --accent-on-deep-ink: hsl(152 50% 58%);
  --border-on-deep: hsl(197 34% 20%);
  --btn-deep-bg: hsl(152 56% 33%);
  --btn-deep-fg: hsl(0 0% 100%);
  --btn-deep-bg-hover: hsl(152 56% 28%);
  --ok: hsl(152 58% 28%);
  --ok-tint: hsl(152 42% 93%);
  --ok-border: hsl(152 32% 62%);
  --warn: hsl(36 68% 34%);
  --warn-tint: hsl(40 72% 92%);
  --warn-border: hsl(38 58% 66%);
  --err: hsl(6 62% 44%);
  --err-tint: hsl(8 66% 95%);
  --err-border: hsl(0 52% 76%);
  --mark-ink: #103341;
  --mark-acc: #238557;
  --ruch-szybko: 180ms;
  --ruch-krok: 320ms;
  --ruch-wejscie: 700ms;
  --ease-wyjscie: cubic-bezier(.4, 0, 1, 1);
  --ease-brand: cubic-bezier(.16, 1, .3, 1);
  --maxw: 1320px;
  --radius-sm: 8px;
  --radius: 12px;
  --radius-lg: 16px;
  --shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .04);
  --shadow: 0 1px 3px 0 rgba(0, 0, 0, .04), 0 6px 24px -4px rgba(0, 0, 0, .06);
  --shadow-lg: 0 2px 8px 0 rgba(0, 0, 0, .06), 0 12px 40px -8px rgba(0, 0, 0, .10);
  --font-display: 'Space Grotesk', Inter, system-ui, -apple-system, sans-serif;
  --font-body: Inter, system-ui, -apple-system, sans-serif;
  --v0-grid: 56px;
  --v0-grid-ink: color-mix(in oklab, hsl(200 30% 12%) 6%, transparent);
  --v0-glow: .5;
}
@font-face{font-family:'Inter';font-style:normal;font-weight:300 900;font-display:swap;src:url('/_astro/inter-300-900-latin-ext.DO1Apj_S.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Inter';font-style:normal;font-weight:300 900;font-display:swap;src:url('/_astro/inter-300-900-latin.Dx4kXJAl.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:500 700;font-display:swap;src:url('/_astro/space-grotesk-500-700-latin-ext.D9tNdqV9.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:500 700;font-display:swap;src:url('/_astro/space-grotesk-500-700-latin.BhU9QXUp.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
html.ruch-ograniczony { scroll-behavior: auto; }

body {
  margin: 0;
  background: var(--surface);
  color: var(--text);
  font: 400 16px/1.55 var(--font-body);
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3 { font-family: var(--font-display); margin: 0; text-wrap: balance; color: var(--text); }
h1 { font-weight: 600; font-size: clamp(30px, 4.4vw, 64px); line-height: 1.05; letter-spacing: -.035em; }
h2 { font-weight: 600; font-size: clamp(24px, 2.6vw, 38px); line-height: 1.15; letter-spacing: -.03em; }
h3 { font-weight: 600; font-size: 17px; line-height: 1.35; letter-spacing: -.01em; }
p { margin: 0; text-wrap: pretty; }
a { color: var(--text); text-decoration: none; }
a:hover { color: var(--accent-ink); }
button { font-family: inherit; }
:focus-visible { outline: 2px solid var(--accent-ink); outline-offset: 2px; border-radius: 4px; }

.skip { position: absolute; left: -9999px; }
.skip:focus { left: 12px; top: 12px; z-index: 99; background: var(--surface); border: 1px solid var(--border); padding: 10px 16px; border-radius: var(--radius-sm); }
.sec { padding: clamp(40px, 7vw, 96px) clamp(20px, 3vw, 48px); }
.sec--alt { background: var(--bg); }
.sec--fill { background: var(--bg-alt); }

.eyebrow {
  font: 500 13px/1.4 var(--font-body); letter-spacing: .08em;
  text-transform: uppercase; color: var(--accent-ink); margin: 0 0 14px;
}
.sec > h2 { margin-bottom: 16px; }
.sec > .sec__h1 { font-size: clamp(24px, 2.6vw, 38px); line-height: 1.15; letter-spacing: -.03em; margin-bottom: 16px; }
.sec__lead { font-size: 16px; line-height: 1.55; color: var(--text); max-width: 70ch; }
.muted { color: var(--text-dim); }
.tnum { font-variant-numeric: tabular-nums; }
.narrow { max-width: 24ch; }
.btn {
  display: inline-flex; align-items: center; justify-content: center;
  font: 600 14px/1 var(--font-body); border-radius: var(--radius-sm);
  padding: 14px 22px; border: 1px solid transparent; cursor: pointer;
  transition: background-color 140ms cubic-bezier(.16,1,.3,1), color 140ms cubic-bezier(.16,1,.3,1);
}
.btn--fill { background: var(--primary); color: var(--primary-on); }
.btn--fill:hover { background: var(--primary-hover); color: var(--primary-on); }
.btn--line { background: var(--surface); color: var(--text); border-color: var(--border); }
.btn--line:hover { background: var(--bg-alt); color: var(--text); }
.btn--sm { min-height: 44px; padding: 12px 18px; font-size: 13px; }
.brand {
  min-height: 44px; display: inline-flex; align-items: center; gap: 8px; }
.brand__mark { display: block; width: 26px; height: 26px; flex: none; }
.brand__acc { fill: var(--mark-acc); }
.brand__ink { fill: var(--mark-ink); }
.brand__word {
  font: 500 19px/1 var(--font-display); letter-spacing: -.02em;
  transform: skewX(-8deg); display: inline-block; color: var(--text);
}
.brand__word b { font-weight: 700; color: var(--accent); }
.brand--on-deep .brand__acc { fill: var(--accent-on-deep); }
.brand--on-deep .brand__ink { fill: var(--on-deep); }
.brand--on-deep .brand__word { color: var(--on-deep); }
.brand--on-deep .brand__word b { color: var(--accent-on-deep); }
.top {
  min-height: 64px; display: flex; align-items: center; justify-content: space-between;
  gap: 20px; row-gap: 12px; flex-wrap: wrap;
  padding: 12px clamp(20px, 3vw, 48px); border-bottom: 1px solid var(--border);
  background: var(--surface);
}
.top__nav { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; font: 500 14px/1.4 var(--font-body); }
.top__nav a { display: inline-flex; align-items: center; min-height: 44px; padding: 0 6px; color: var(--text-dim); }
.top__nav a:hover { color: var(--text); }
.top__act { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.top__login {
  display: inline-flex; align-items: center; min-height: 44px; padding: 0 10px;
  font: 600 14px/1 var(--font-body); color: var(--text);
}
.top__menu { display: none; align-items: center; justify-content: center; width: 44px; height: 44px; cursor: pointer; color: var(--text); }
.top__burger { position: relative; display: block; width: 20px; height: 14px; }
.top__burger i {
  position: absolute; left: 0; right: 0; height: 2px; border-radius: 2px; background: currentColor;
  transition: transform 200ms var(--ease-brand, ease), opacity 120ms ease;
}
.top__burger i:nth-child(1) { top: 0; }
.top__burger i:nth-child(2) { top: 6px; }
.top__burger i:nth-child(3) { top: 12px; }
.top[data-menu="otwarte"] .top__burger i:nth-child(1),
.top:not([data-menu]) .top__nav:target ~ .top__act .top__burger i:nth-child(1) { transform: translateY(6px) rotate(45deg); }
.top[data-menu="otwarte"] .top__burger i:nth-child(2),
.top:not([data-menu]) .top__nav:target ~ .top__act .top__burger i:nth-child(2) { opacity: 0; }
.top[data-menu="otwarte"] .top__burger i:nth-child(3),
.top:not([data-menu]) .top__nav:target ~ .top__act .top__burger i:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }
.hero {
  display: grid; align-items: center;
  grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
  gap: clamp(28px, 4vw, 56px);
  padding: clamp(40px, 7vw, 96px) clamp(20px, 3vw, 48px);
}
.hero__tresc { max-width: 100%; min-width: 0; }
.hero__obok { min-width: 0; }
.hero h1 { max-width: 26ch; margin-bottom: 22px; }
.hero h1 .hl { color: var(--accent-ink); }
.hero__p { font-size: clamp(15px, 1.25vw, 17px); line-height: 1.55; color: var(--text); max-width: 52ch; margin-bottom: 28px; }
.hero__p b { font-weight: 700; }
.hero__cta { display: flex; gap: 12px; flex-wrap: wrap; margin-bottom: 26px; }
.facts { display: flex; flex-wrap: wrap; gap: 8px; list-style: none; margin: 0; padding: 0; }
.facts li { font: 500 13px/1.4 var(--font-body); color: var(--text); background: var(--bg-alt); border-radius: 9999px; padding: 5px 12px; }
.mock { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); overflow: hidden; }
.mock--hero { border-radius: var(--radius-lg); box-shadow: 0 4px 12px rgba(0, 0, 0, .08); }
.mock__bar {
  background: var(--deep); color: var(--on-deep); padding: 12px 16px;
  display: flex; align-items: center; justify-content: space-between; gap: 10px;
  font: 600 13px/1 var(--font-body);
}
.mock__bar em { font: 400 12px/1 var(--font-body); color: var(--on-deep-dim); font-style: normal; }
.mock--hero .mock__bar em { line-height: 1.3; }
@media (max-width: 420px) {
  .mock--hero .mock__bar { flex-direction: column; align-items: flex-start; }
}
.mock__stats { padding: 16px; display: grid; grid-template-columns: repeat(auto-fit, minmax(90px, 1fr)); gap: 10px; }
.mock__stat { background: var(--bg); border-radius: var(--radius-sm); padding: 12px; }
.mock__stat b { display: block; font: 600 22px/1 var(--font-display); letter-spacing: -.02em; color: var(--text); }
.mock__stat span { display: block; font: 400 12px/1.35 var(--font-body); color: var(--text-dim); margin-top: 5px; }
.mock__rows { padding: 0 16px 16px; display: flex; flex-direction: column; gap: 8px; }
.mock__foot { padding: 12px 16px; border-top: 1px solid var(--border); font: 400 12px/1.45 var(--font-body); color: var(--text-dim); }

.row {
  display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap;
  border: 1px solid var(--border); border-radius: var(--radius-sm); padding: 11px 12px;
}
.row__t { display: block; font: 600 13px/1.3 var(--font-body); color: var(--text); }
.row__d { display: block; font: 400 11.5px/1.3 var(--font-body); color: var(--text-dim); margin-top: 3px; }
.st { font: 500 11px/1 var(--font-body); border-radius: 9999px; padding: 5px 10px; white-space: nowrap; transition: background-color 140ms, color 140ms; }
.st--ok   { background: var(--ok-tint);   color: var(--ok); }
.st--wait { background: var(--warn-tint); color: var(--warn); }
.st--ask  { background: var(--err-tint);  color: var(--err); }

.row__amt { font: 600 12.5px/1 var(--font-body); color: var(--text); white-space: nowrap; }
.fld { display: flex; flex-direction: column; justify-content: center; gap: 3px; border: 1px solid var(--border); border-radius: var(--radius-sm); padding: 8px 12px; }
.fld__k { font: 400 11px/1.2 var(--font-body); color: var(--text-dim); }
.fld__v { display: flex; align-items: center; gap: 8px; font: 600 12.5px/1.3 var(--font-body); color: var(--text); }
.fld__ai { font: 600 11px/1 var(--font-body); letter-spacing: .06em; background: var(--accent-soft); color: var(--accent-ink); border-radius: 9999px; padding: 4px 7px; }
.st--neu { background: var(--bg-alt); color: var(--text-dim); }

.close__row { display: flex; justify-content: space-between; gap: 12px; padding: 13px 16px; border-top: 1px solid var(--border); align-items: center; flex-wrap: wrap; }
.close__row span:first-child { font: 400 13.5px/1.4 var(--font-body); color: var(--text); }
.js-anim .reveal { opacity: 0; transform: translateY(14px); transition: opacity .5s cubic-bezier(.16,1,.3,1), transform .5s cubic-bezier(.16,1,.3,1); }
.js-anim .reveal.is-in { opacity: 1; transform: none; }
.js-anim .reveal--wipe { opacity: 1; transform: none; clip-path: inset(0 0 100% 0); transition: clip-path .6s cubic-bezier(.16,1,.3,1); }
.js-anim .reveal--wipe.is-in { clip-path: inset(0 0 0 0); }
@media (max-width: 640px) {
  .top { min-height: 56px; flex-wrap: nowrap; gap: 12px; padding: 8px 16px; }
  .top__act { flex: none; }
}

@media (max-width: 1100px) {
  .nots { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 620px) {
  .nots { grid-template-columns: 1fr; }
}
.people { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 24px; }
.person { background: var(--surface); border-radius: var(--radius); padding: 26px; display: flex; gap: 18px; align-items: flex-start; }
.person__ph {
  width: 64px; height: 64px; border-radius: 9999px; flex: none;
  background: repeating-linear-gradient(135deg, var(--bg-alt), var(--bg-alt) 5px, var(--border) 5px, var(--border) 10px);
  display: flex; align-items: center; justify-content: center; text-align: center;
  font: 400 11px/1.2 ui-monospace, Menlo, Consolas, monospace; color: var(--text-dim);
}
.person__n { font: 600 16px/1.3 var(--font-body); color: var(--text); }
.person__r { font: 400 13px/1.45 var(--font-body); color: var(--text-dim); margin: 6px 0 10px; }
.person p { font: italic 400 13.5px/1.55 var(--font-body); color: var(--text); }
.faq { border-top: 1px solid var(--border); }
.faq details { border-bottom: 1px solid var(--border); }
.faq summary {
  display: flex; justify-content: space-between; gap: 16px; align-items: center;
  padding: 18px 4px; cursor: pointer; list-style: none;
  font: 600 16px/1.4 var(--font-body); color: var(--text);
}
.faq summary::-webkit-details-marker { display: none; }
.faq summary::after { content: "+"; font: 400 18px/1 var(--font-body); color: var(--text-dim); flex: none; }
.faq details[open] summary::after { content: "−"; }
.faq details p { padding: 0 4px 20px; max-width: 72ch; font-size: 14.5px; line-height: 1.6; color: var(--text); }
.wroc { margin: 0; padding: 0 clamp(20px, 3vw, 48px) clamp(40px, 6vw, 72px); }
.wroc a { font: 600 14px/1 var(--font-body); color: var(--accent-ink); }
.wroc a:hover { text-decoration: underline; }
[aria-current="page"] { font-weight: 700; }
.cta { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 36px; }
.cta h2 { font-size: clamp(24px, 2.6vw, 36px); margin-bottom: 14px; }
.cta__p { font-size: 16px; line-height: 1.55; color: var(--text); max-width: 46ch; margin-bottom: 16px; }
.cta__mail { font: italic 400 14px/1.5 var(--font-body); color: var(--text-dim); }
.cta__mail a { color: var(--text); text-decoration: underline; }
.form { background: var(--surface); border-radius: var(--radius); padding: 28px; display: flex; flex-direction: column; gap: 14px; }
.field label { display: block; font: 500 12.5px/1 var(--font-body); color: var(--text-dim); margin-bottom: 7px; }
.field input, .field select, .field textarea {
  width: 100%; font: 400 14px/1.2 var(--font-body); color: var(--text); background: var(--surface);
  border: 1px solid var(--border); border-radius: var(--radius-sm); padding: 0 14px; height: 40px;
}
.field textarea { height: auto; min-height: 76px; padding: 11px 14px; resize: vertical; }
.field input:focus-visible, .field select:focus-visible, .field textarea:focus-visible { border-color: var(--accent-ink); }
.field input:user-invalid, .field select:user-invalid { border-color: var(--err); }
.form__btn { align-self: flex-start; margin-top: 4px; }
.form__note { font: 400 11.5px/1.5 var(--font-body); color: var(--text-dim); }
.form__note a { text-decoration: underline; }
.foot { background: var(--deep); color: var(--on-deep-dim); padding: clamp(36px, 5vw, 64px) clamp(20px, 3vw, 48px); }
.foot__grid { max-width: var(--maxw); margin-inline: auto; display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 28px; padding-bottom: 28px; border-bottom: 1px solid var(--border-on-deep); }
.foot p { margin: 14px 0 0; font: 400 13.5px/1.55 var(--font-body); max-width: 40ch; }
.foot h2 { font: 600 13px/1 var(--font-body); color: var(--on-deep); margin: 0 0 12px; }
.foot ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; font: 400 13.5px/1.4 var(--font-body); }
.foot a { color: var(--on-deep-dim); }
.foot a:hover { color: var(--on-deep); text-decoration: underline; }
.foot .foot__bottom { max-width: var(--maxw); margin-inline: auto; }
.foot__bottom { padding-top: 20px; font: 400 12.5px/1.4 var(--font-body); }
.foot .foot__firma { max-width: var(--maxw); margin: 20px auto 0; font: 400 12px/1.65 var(--font-body); color: var(--on-deep-dim); }
.note { margin: 26px 0 0; font: italic 400 13.5px/1.5 var(--font-body); color: var(--text-dim); }
.sr-only {
  position: absolute; width: 1px; height: 1px; margin: -1px;
  padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0;
}
@media (max-width: 900px) {
  .top__login { display: none; }
  .top__nav { gap: 6px; font-size: 13px; }
  .top__nav a { padding: 0 3px; }
}
@media (max-width: 760px) {
  .top { flex-wrap: nowrap; }
  .top__menu { display: inline-flex; }
  .top__nav {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    display: grid;
    gap: 2px;
    margin: 0;
    padding: 6px 16px 14px;
    background: var(--surface);
    border-bottom: 1px solid var(--border);
    box-shadow: var(--shadow-lg);
    visibility: hidden;
    opacity: 0;
    transform: translateY(-8px);
    transition:
      opacity 200ms ease,
      transform 200ms var(--ease-brand, ease),
      visibility 0s linear 200ms;
  }
  .top:not([data-menu]) .top__nav:target,
  .top[data-menu="otwarte"] .top__nav {
    visibility: visible;
    opacity: 1;
    transform: none;
    transition-delay: 0s;
  }
  .top__nav a {
    min-height: 44px;
    padding: 0 10px;
    font-size: 16px;
  }
}
.etykieta-telefon { display: none; }
@media (max-width: 760px) {
  .etykieta-komputer { display: none; }
  .etykieta-telefon { display: inline; }

  .foot ul { gap: 0; }
  .foot ul a,
  .foot__bottom a {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    white-space: nowrap;
  }
}
@media (min-width: 360px) and (max-width: 760px) {
  .top .btn--sm { font-size: 14px; }
}
@media (max-width: 359px) {
  .top { gap: 8px; padding-left: 12px; padding-right: 12px; }
  .top .btn--sm { padding-left: 12px; padding-right: 12px; }
}
#faq {
  display: grid;
  grid-template-columns: minmax(0, var(--maxw));
  justify-content: center;
}
:root {
  color-scheme: light;
}
body { background: var(--bg); }

.sec { position: relative; }
.sec--alt, .sec--fill { background: transparent; }
.v0-base .v0-bg { background: var(--bg); }
.v0-band .v0-bg { background: var(--bg-alt); }
.v0-deep .v0-bg { background: var(--deep); }
.v0-bg {
  position: absolute; inset: 0; z-index: -1;
  overflow: hidden; pointer-events: none;
}
.v0-bg__grid {
  position: absolute; inset: 0;
  background-image:
    linear-gradient(to right, var(--v0-grid-ink) 1px, transparent 1px),
    linear-gradient(to bottom, var(--v0-grid-ink) 1px, transparent 1px);
  background-size: var(--v0-grid) var(--v0-grid);
  -webkit-mask-image: radial-gradient(120% 80% at 50% 0%, #000 30%, transparent 80%);
          mask-image: radial-gradient(120% 80% at 50% 0%, #000 30%, transparent 80%);
}
.v0-bg__grid--deep {
  background-image:
    linear-gradient(to right, rgba(255,255,255,.05) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(255,255,255,.05) 1px, transparent 1px);
  -webkit-mask-image: radial-gradient(120% 90% at 50% 30%, #000 20%, transparent 75%);
          mask-image: radial-gradient(120% 90% at 50% 30%, #000 20%, transparent 75%);
}
.v0-bg__seam {
  position: absolute; inset: 0 0 auto 0; height: 96px;
  background: linear-gradient(to bottom, var(--v0-seam-from, var(--bg)), transparent);
}
.v0-bg__glow {
  position: absolute; width: 480px; height: 480px; border-radius: 999px;
  opacity: var(--v0-glow);
  animation: v0-drift 16s var(--ease-brand) infinite alternate;
  will-change: transform;
}
.v0-bg__glow--a {
  left: -192px; top: -160px;
  background: radial-gradient(closest-side, hsl(152 56% 34% / .18) 0%, hsl(152 56% 34% / .18) 26%, transparent 100%);
}
.v0-bg__glow--b {
  right: -160px; bottom: -160px; animation-duration: 24s;
  background: radial-gradient(closest-side, hsl(197 58% 40% / .14) 0%, hsl(197 58% 40% / .14) 26%, transparent 100%);
}
.v0-deep .v0-bg__glow--a { background: radial-gradient(closest-side, hsl(152 56% 34% / .35) 0%, hsl(152 56% 34% / .35) 26%, transparent 100%); }
.v0-deep .v0-bg__glow--b { background: radial-gradient(closest-side, hsl(197 70% 40% / .32) 0%, hsl(197 70% 40% / .32) 26%, transparent 100%); }

@keyframes v0-drift {
  from { transform: translate3d(0, 0, 0) scale(1); }
  to   { transform: translate3d(0, -18px, 0) scale(1.08); }
}
html.ruch-ograniczony .v0-bg__glow { animation: none; }
.v0-hero .v0-bg::before {
  content: ""; position: absolute; inset: 0;
  background:
    radial-gradient(120% 90% at 82% 0%, hsl(152 34% 94%) 0%, transparent 46%),
    radial-gradient(90% 70% at 0% 8%, hsl(195 30% 93%) 0%, transparent 50%);
}
.v0-deep {
  --text: var(--on-deep);
  --text-dim: var(--on-deep-dim);
  --accent-ink: var(--accent-on-deep-ink);
  color: var(--on-deep);
}
.v0-deep h1, .v0-deep h2, .v0-deep h3 { color: var(--on-deep); }
.v0-deep .cta__mail { color: color-mix(in srgb, var(--on-deep) 76%, transparent); }
.v0-deep .cta__mail a { color: var(--accent-on-deep-ink); }
.v0-deep .v0s-card {
  --text: hsl(200 30% 12%); --text-dim: hsl(200 14% 39%); --accent-ink: hsl(152 62% 26%);
}
.foot { background: var(--deep-2); }
.top {
  position: sticky; top: 0; z-index: 50;
  background: color-mix(in srgb, hsl(190 24% 97.5%) 82%, transparent);
  -webkit-backdrop-filter: blur(12px);
          backdrop-filter: blur(12px);
}
.v0-progress {
  position: fixed; inset: 0 0 auto 0; height: 3px; z-index: 60;
  transform-origin: 0 50%; transform: scaleX(0);
  background: linear-gradient(90deg, var(--primary), var(--accent));
  will-change: transform;
}
.v0-in {
  opacity: 0;
  transition:
    opacity .7s var(--ease-brand),
    transform .7s var(--ease-brand),
    filter .7s var(--ease-brand);
  transition-delay: var(--v0-delay, 0ms);
  will-change: opacity, transform;
}
.v0-in[data-v0-reveal="up"]    { transform: translateY(28px); }
.v0-in[data-v0-reveal="left"]  { transform: translateX(-36px); }
.v0-in[data-v0-reveal="right"] { transform: translateX(36px); }
.v0-in[data-v0-reveal="scale"] { transform: scale(.94); }
.v0-in[data-v0-reveal="blur"]  { transform: translateY(20px); filter: blur(10px); }
.v0-in.is-v0-in { opacity: 1; transform: none; filter: none; will-change: auto; }
.v0s__wrap { max-width: var(--maxw); margin: 0 auto; }
.v0s__wrap--narrow { max-width: 896px; }
.v0s__head { max-width: 42rem; }
.v0s__eyebrow {
  margin: 0; font: 500 12px/1.4 var(--font-display);
  letter-spacing: .18em; text-transform: uppercase; color: var(--accent-ink);
}
.v0s__h2 {
  margin: 16px 0 0; font: 600 clamp(28px, 3vw, 36px)/1.15 var(--font-display);
  letter-spacing: -.025em; text-wrap: balance;
}
.v0s__h2 .dim { color: var(--text-dim); }
.v0s__lead {
  margin: 16px 0 0; font-size: 18px; line-height: 1.6;
  color: var(--text-dim); text-wrap: pretty;
}
.v0s-persp {
  margin-top: 40px; display: grid; gap: 20px;
  grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
}
.v0s-col {
  border: 1px solid var(--border); border-radius: 28px;
  background: var(--surface); padding: clamp(20px, 2vw, 24px);
}
.v0s-col__t { margin: 0; font: 600 20px/1.3 var(--font-display); letter-spacing: -.02em; color: var(--text); }
.v0s-col__s { margin: 4px 0 20px; font-size: 14px; color: var(--text-dim); }
.v0s-col__list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 12px; }
.v0s-pair {
  display: grid; gap: 8px; align-items: center;
  grid-template-columns: 1fr auto 1fr;
  border: 1px solid var(--border); border-radius: 22px;
  background: var(--bg); padding: 16px;
}
.v0s-pair__lbl {
  display: block; margin-bottom: 4px;
  font: 500 11px/1.2 var(--font-display); letter-spacing: .14em; text-transform: uppercase;
}
.v0s-pair__lbl--now { color: var(--cost-ink); }
.v0s-pair__lbl--go { color: var(--accent-ink); }
.v0s-pair p { font-size: 14px; line-height: 1.4; }
.v0s-pair__now { color: var(--text-dim); }
.v0s-pair__go { color: var(--text); font-weight: 500; }
.v0s-pair__arrow { flex: none; color: var(--border-strong); }
.v0s-more {
  margin: 32px 0 0; display: inline-flex; align-items: center; gap: 8px; min-height: 44px;
  font: 500 14px/1 var(--font-body); color: var(--accent-ink);
}
.v0s-more:hover { text-decoration: underline; color: var(--accent-ink); }

@media (max-width: 560px) {
  .v0s-pair { grid-template-columns: 1fr; }
  .v0s-pair__arrow { display: none; }
}
.v0s-team__head { text-align: center; margin-inline: auto; }
.v0s-team__head .v0s__h2 { margin-inline: auto; max-width: 36rem; }
.v0s-cta {
  display: grid; gap: clamp(28px, 4vw, 64px); align-items: center;
  grid-template-columns: repeat(auto-fit, minmax(min(320px, 100%), 1fr));
  max-width: var(--maxw); margin: 0 auto;
}
.v0s-cta .v0s__eyebrow { color: var(--accent-on-deep-ink); }
.v0s-cta .v0s__lead { max-width: 30rem; color: color-mix(in srgb, var(--on-deep) 80%, transparent); }
.v0s-assur { list-style: none; margin: 32px 0 0; padding: 0; display: flex; flex-direction: column; gap: 12px; }
.v0s-assur li {
  display: flex; gap: 12px; font-size: 14px; line-height: 1.5;
  color: color-mix(in srgb, var(--on-deep) 90%, transparent);
}
.v0s-assur span {
  display: grid; place-items: center; flex: none; margin-top: 2px;
  width: 20px; height: 20px; border-radius: 999px;
  background: var(--accent); color: #fff;
}

.v0s-card {
  border-radius: 28px; background: var(--surface); color: var(--text);
  padding: clamp(22px, 2.6vw, 32px);
  box-shadow: 0 30px 60px -30px rgba(0, 0, 0, .55);
}
.v0s-form { display: flex; flex-direction: column; gap: 16px; }
.v0s-row { display: grid; gap: 16px; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); }
.v0s-field label { display: block; margin-bottom: 6px; font: 500 14px/1.3 var(--font-body); color: var(--text); }
.v0s-field label i { font-style: normal; color: var(--cost-ink); }
.v0s-field input,
.v0s-field select {
  width: 100%; height: 44px; padding: 0 14px;
  border: 1px solid var(--border); border-radius: 10px; background: var(--bg);
  font: 400 14px/1 var(--font-body); color: var(--text);
  outline: none; transition: border-color 140ms var(--ease-brand), box-shadow 140ms var(--ease-brand);
}
.v0s-field select { appearance: none; padding-right: 36px; cursor: pointer;
  background-image: linear-gradient(45deg, transparent 50%, var(--text-dim) 50%), linear-gradient(135deg, var(--text-dim) 50%, transparent 50%);
  background-position: calc(100% - 18px) 20px, calc(100% - 13px) 20px;
  background-size: 5px 5px, 5px 5px; background-repeat: no-repeat; }
.v0s-field input:focus,
.v0s-field select:focus { border-color: var(--primary); box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 20%, transparent); }
.v0s-form fieldset { margin: 0; padding: 0; border: 0; }
.v0s-form legend { margin-bottom: 8px; font: 500 14px/1.3 var(--font-body); color: var(--text); }
.v0s-bands { display: flex; flex-wrap: wrap; gap: 8px; }
.v0s-band {
  border: 1px solid var(--border); border-radius: 999px; background: var(--bg);
  display: inline-flex; align-items: center; min-height: 44px; padding: 6px 16px; font: 400 14px/1.3 var(--font-body); color: var(--text-dim);
  font-variant-numeric: tabular-nums; cursor: pointer;
  transition: color 140ms var(--ease-brand), border-color 140ms var(--ease-brand), background 140ms var(--ease-brand);
}
.v0s-band:hover { border-color: var(--border-strong); color: var(--text); }
.v0s-band[aria-pressed="true"] { background: var(--primary); border-color: var(--primary); color: var(--primary-on); }
.v0s-submit {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  width: 100%; height: 48px; border: 0; border-radius: 999px;
  background: var(--primary); color: var(--primary-on);
  font: 500 15px/1 var(--font-body); cursor: pointer;
  transition: filter 140ms var(--ease-brand);
}
.v0s-submit:hover { filter: brightness(1.35); }
.v0s-submit[disabled] { opacity: .7; cursor: default; }
.v0s-note { font-size: 12px; line-height: 1.5; color: var(--text-dim); text-align: center; text-wrap: pretty; }
.v0s-note--err { color: var(--err); text-align: left; }
.v0s-pulapka { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; }

.v0s-sent { display: flex; flex-direction: column; align-items: center; padding: 32px 0; text-align: center; }
.v0s-sent__i {
  display: grid; place-items: center; width: 56px; height: 56px; border-radius: 999px;
  background: var(--accent-soft); color: var(--accent-ink);
}
.v0s-sent h3 { margin: 16px 0 0; font: 600 20px/1.3 var(--font-display); color: var(--text); }
.v0s-sent h3:focus { outline: none; }
.v0s-sent p { margin: 8px 0 0; max-width: 24rem; font-size: 14px; color: var(--text-dim); text-wrap: pretty; }

.v0s-spin { animation: v0s-spin 1s linear infinite; }
@keyframes v0s-spin { to { transform: rotate(360deg); } }
.v0s-sent__alt { margin-top: 14px !important; font-size: 13px !important; }
.v0s-sent__alt a { color: inherit; text-decoration: underline; text-underline-offset: 2px; }
#wlasnosc .v0s__head {
  max-width: 46rem;
  margin-inline: auto;
  text-align: center;
}
#wlasnosc .v0s__lead { margin-inline: auto; }
#wlasnosc .wl5__h3 { text-align: center; }
#wlasnosc .wl5__note { text-align: center; margin-inline: auto; max-width: 60ch; }
.hero--foto {
  padding: clamp(14px, 2vw, 26px) 0 0;
}
.hero__kadr {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  max-width: none;
  border-radius: 0;
  --kadr-wys: clamp(460px, 46vw, 78svh);
  container-type: inline-size;
  width: min(100%, 2560px);
  margin-inline: auto;
  height: var(--kadr-wys);
  display: flex;
  align-items: flex-end;
  border-radius: var(--radius-lg);
  background: var(--deep);
  box-shadow: var(--shadow);
}
.hero--foto .hero__foto {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 58%;
  animation: heroZoom 26s ease-in-out infinite alternate;
}
@supports (width: 1cqw) {
  .hero--foto .hero__foto {
    --px: calc(100cqw / 896);
    --h1-od-dolu: min(259px, 131px + 8.63vw);
    object-position: 50%
      clamp(-540 * var(--px), var(--kadr-wys) - var(--h1-od-dolu) - 16px - 705 * var(--px), -450 * var(--px));
  }
}
@keyframes heroZoom {
  from { transform: scale(1); }
  to   { transform: scale(1.06); }
}
html.ruch-ograniczony .hero--foto .hero__foto { animation: none; }
.hero--foto .hero__zaslona {
  position: absolute;
  inset: 0;
  background:
    
    linear-gradient(to top,
      hsl(197 60% 13% / .90) 0%,
      hsl(197 60% 13% / .78) 16%,
      hsl(197 60% 13% / .40) 30%,
      hsl(197 60% 13% / .10) 42%,
      transparent 54%),
    linear-gradient(100deg,
      hsl(197 60% 13% / .42) 0%,
      hsl(197 60% 13% / .12) 30%,
      transparent 52%);
}
.hero--foto .hero__tresc {
  position: relative;
  z-index: 1;
  width: 100%;
  padding: clamp(22px, 3vw, 40px) clamp(20px, 3vw, 38px) clamp(20px, 3vw, 34px);
  color: var(--on-deep);
}
.hero--foto .eyebrow { color: var(--accent-on-deep-ink); margin-bottom: 10px; }
.hero--foto h1 {
  max-width: 34ch;
  margin: 0 0 18px;
  font-size: clamp(27px, 3.1vw, 46px);
  line-height: 1.08;
  color: #fff;
  text-wrap: balance;
}
.hero--foto h1 .hl { color: var(--accent-on-deep-ink); }
.hero--foto .hero__cta { margin: 0; }
.hero--foto .btn--fill { background: var(--btn-deep-bg); color: var(--btn-deep-fg); }
.hero--foto .btn--fill:hover { background: var(--btn-deep-bg-hover); }
.hero--foto .btn--line { background: transparent; border-color: hsl(0 0% 100% / .55); color: #fff; }
.hero--foto .btn--line:hover { background: hsl(0 0% 100% / .12); }
.eyebrow--kropka { display: flex; align-items: center; gap: 9px; }
.eyebrow--kropka::before {
  content: "";
  width: 7px; height: 7px; border-radius: 999px;
  background: var(--accent-on-deep-ink);
  flex: none;
}
.btn--strzalka::after {
  content: "→";
  margin-left: 10px;
  font-size: 1.05em;
  line-height: 1;
  transition: transform var(--ruch-szybko, 180ms) var(--ease-brand, ease-out);
}
.btn--strzalka:hover::after { transform: translateX(3px); }
.hero__link { margin: 0; }
.hero__link a {
  display: inline-flex; align-items: center;
  min-height: 44px;
  font: 500 14px/1.4 var(--font-body);
  color: var(--accent-ink);
}
.hero__link a:hover { text-decoration: underline; }
.hero__pod {
  max-width: var(--maxw);
  padding-inline: clamp(20px, 3vw, 48px);
  box-sizing: content-box;
  margin: clamp(18px, 2.4vw, 28px) auto 0;
  padding-bottom: clamp(28px, 4vw, 48px);
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.hero__pod .hero__p { max-width: 68ch; margin: 0; }
.hero__pod .facts { margin: 0; }
.hero__plakietka {
  position: absolute;
  right: clamp(14px, 2.2vw, 24px);
  top: clamp(14px, 2.2vw, 24px);
  z-index: 1;
  border-radius: var(--radius);
  border: 1px solid hsl(0 0% 100% / .18);
  background: hsl(197 60% 13% / .88);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  padding: 10px 14px;
  color: #fff;
  max-width: 15rem;
}
.hero__plakietka {
  display: flex;
  align-items: center;
  gap: 10px;
  max-width: none;
  padding: 11px 13px;
}
.hero__plakietka-ptaszek {
  flex: none;
  width: 19px;
  height: 19px;
  border-radius: 50%;
  background: hsl(152 58% 44%);
  color: #fff;
  display: grid;
  place-items: center;
}
.hero__plakietka-tresc { min-width: 0; }
.hero__plakietka-tresc b { display: block; font-size: 13px; font-weight: 600; white-space: nowrap; }
.hero__plakietka-tresc span { display: block; margin-top: 2px; font-size: 11.5px; color: var(--on-deep-dim); white-space: nowrap; }
.hero__plakietka-stan {
  flex: none;
  margin-left: 4px;
  padding: 4px 9px;
  border-radius: 7px;
  background: hsl(152 58% 72% / .18);
  border: 1px solid hsl(152 58% 72% / .38);
  color: hsl(152 58% 78%);
  font: 600 11px/1 var(--font-body);
  font-style: normal;
  white-space: nowrap;
}
.hero__kadr .mock--hero { display: none; }
.hero--dowod .hero__plakietka { display: none; }
.hero--dowod .mock--hero {
  display: block;
  position: absolute;
  right: clamp(14px, 2.2vw, 24px);
  top: clamp(14px, 2.2vw, 24px);
  z-index: 1;
  width: min(372px, 38%);
  background: hsl(197 60% 13% / .82);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-color: hsl(0 0% 100% / .18);
  box-shadow: 0 18px 44px hsl(197 60% 6% / .45);
}
.hero--dowod .mock--hero .mock__bar { background: hsl(197 60% 13% / .5); color: #fff; }
.hero--dowod .mock--hero .row {
  border-color: hsl(0 0% 100% / .18);
  background: hsl(0 0% 100% / .05);
}
.hero--dowod .mock--hero .row__t { color: #fff; }
.hero--dowod .mock--hero .row__d { color: var(--on-deep-dim); }
.hero--dowod .mock--hero .mock__foot {
  border-top-color: hsl(0 0% 100% / .16);
  color: var(--on-deep-dim);
}
@media (max-width: 860px) {
  .hero--dowod .mock--hero { display: none; }
}

@media (max-width: 700px) {
  .hero__plakietka { display: none; }
  .hero--foto h1 { max-width: none; }
}
.pf__head {
  max-width: var(--maxw);
  margin-inline: auto;
  margin-bottom: clamp(20px, 2.4vw, 32px);
}
.pf__h2 { margin-top: 0; }
.pf__karta-h { font-size: clamp(21px, 2vw, 26px); }
.pb__wrap {
  max-width: var(--maxw);
  margin-inline: auto;
  display: grid;
  grid-template-columns: minmax(0, 1.32fr) minmax(0, .68fr);
  gap: 0;
  border-radius: var(--radius-lg);
  overflow: hidden;
  background: var(--surface);
  border: 1px solid var(--border);
  box-shadow: var(--shadow);
}
.pb__foto {
  position: relative;
  min-height: 0;
  padding: clamp(14px, 1.6vw, 22px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 12px;
  background: var(--surface);
}
.pb__foto .hanim__scen { width: 100%; }
.pb__podpis {
  position: static;
  display: flex; align-items: center; gap: 10px;
  border-radius: var(--radius);
  border: 1px solid var(--border);
  background: var(--surface);
  padding: 10px 14px;
}
.pb__podpis b { display: block; font-size: 12px; font-weight: 600; color: var(--text); }
.pb__podpis span { display: block; margin-top: 2px; font-size: 11.5px; color: var(--text-dim); }
.pb__tresc { padding: clamp(22px, 3vw, 34px); color: var(--text); }
.pb__tresc h2, .pb__tresc h3 { color: var(--text); }
.pb__tresc .pb__lead { margin-top: 8px; color: var(--text-dim); font-size: 14px; }
.pb__lista { margin-top: 20px; display: flex; flex-direction: column; gap: 10px; list-style: none; padding: 0; }
.pb__poz {
  display: flex; gap: 10px; align-items: flex-start;
  border-radius: var(--radius);
  border: 1px solid var(--border);
  background: var(--surface);
  padding: 12px 14px;
  font-size: 15px; line-height: 1.4; font-weight: 500; color: var(--text);
}
.pb__ptaszek { flex: none; margin-top: 2px; color: var(--accent-ink); }
.pb__poz { animation: pbIn 9s ease-out infinite; }
.pb__poz:nth-child(2) { animation-delay: 1.1s; }
.pb__poz:nth-child(3) { animation-delay: 2.2s; }
.pb__poz:nth-child(4) { animation-delay: 3.3s; }
.pb__poz .pb__ptaszek { animation: pbPop 9s ease-out infinite; animation-delay: inherit; }
@keyframes pbIn {
  0%   { opacity: 0; transform: translateY(10px); background: var(--surface); }
  9%   { opacity: 1; transform: none; background: hsl(152 45% 95%); }
  22%, 100% { opacity: 1; transform: none; background: var(--surface); }
}
@keyframes pbPop {
  0%, 6% { transform: scale(.4); opacity: 0; }
  14%    { transform: scale(1.15); opacity: 1; }
  20%, 100% { transform: scale(1); opacity: 1; }
}
html.ruch-ograniczony .pb__poz,
html.ruch-ograniczony .pb__poz .pb__ptaszek { animation: none; }
.pb__more {
  margin-top: 18px; display: inline-flex; align-items: center; gap: 8px;
  min-height: 44px;
  font-size: 14px; font-weight: 500; color: var(--accent-ink);
}
.pb__more:hover { text-decoration: underline; }

@media (max-width: 860px) {
  .pb__wrap { grid-template-columns: 1fr; }
  .pb__foto { min-height: 260px; }
}
#wlasnosc { position: relative; }
.wl-aura {
  position: absolute; inset: 0; z-index: 0;
  overflow: hidden; pointer-events: none;
  border-radius: var(--radius-lg);
}
.wl-aura span {
  position: absolute; display: block; border-radius: 9999px;
}
.wl-aura span:nth-child(1) {
  width: 34rem; height: 34rem; left: -8rem; top: -12rem;
  background: radial-gradient(circle, hsl(152 58% 33% / .18), hsl(152 58% 33% / 0) 68%);
  animation: auraA 16s ease-in-out infinite;
}
.wl-aura span:nth-child(2) {
  width: 40rem; height: 40rem; right: -12rem; bottom: -16rem;
  background: radial-gradient(circle, hsl(197 60% 16% / .16), hsl(197 60% 16% / 0) 68%);
  animation: auraB 21s ease-in-out infinite;
}
@keyframes auraA {
  0%, 100% { transform: translate3d(0, 0, 0) scale(1); }
  50%      { transform: translate3d(22px, -18px, 0) scale(1.08); }
}
@keyframes auraB {
  0%, 100% { transform: translate3d(0, 0, 0) scale(1.05); }
  50%      { transform: translate3d(-26px, 18px, 0) scale(1); }
}
html.ruch-ograniczony .wl-aura span { animation: none; }
#wlasnosc > .v0s__wrap { position: relative; z-index: 1; }
.hero--foto .hero__mikro {
  margin: 14px 0 0;
  max-width: 46ch;
  font: 400 clamp(13px, 1.05vw, 15px)/1.45 var(--font-body);
  color: hsl(0 0% 100% / .82);
  text-wrap: pretty;
}
@media (max-width: 560px) {
  .hero--foto .hero__mikro { margin-top: 11px; }
}
.hero--foto .hero__tresc { text-align: center; }
.hero--foto .hero__tresc .hero__cta { justify-content: center; }
.hero--foto .eyebrow--kropka {
  width: fit-content;
  margin-inline: auto;
  padding: 6px 13px;
  border-radius: 999px;
  border: 1px solid hsl(0 0% 100% / .16);
  background: hsl(197 60% 13% / .86);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
.hero--foto h1 { margin-inline: auto; }
.hero--foto .hero__mikro { margin-inline: auto; }

.hero__pod { text-align: center; }
.hero__pod .hero__p { margin-inline: auto; }
.hero__pod .facts { justify-content: center; }
.pb__tresc .v0s__eyebrow,
.pb__tresc .v0s__h2,
.pb__tresc .pb__lead { text-align: center; }
.pb__tresc .v0s__h2,
.pb__tresc .pb__lead { margin-inline: auto; }
.pb__tresc .pb__more { display: flex; width: fit-content; margin-inline: auto; }

.tk {
  color: var(--text);
  padding-block: clamp(64px, 7vw, 92px);
}

.tk__wrap {
  max-width: var(--maxw);
  margin-inline: auto;
}

.tk__head {
  display: flex;
  align-items: flex-end;
  gap: 32px;
  flex-wrap: wrap;
  margin-bottom: 44px;
}
.tk__head-txt { flex: 1 1 420px; }

.tk__eyebrow {
  margin: 0 0 6px;
  font-weight: 700;
  font-size: 11.5px;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--accent-ink);
}
.tk__h2 {
  margin: 0 0 12px;
  font-family: 'Space Grotesk', Inter, system-ui, sans-serif;
  font-size: clamp(28px, 3.4vw, 44px);
  line-height: 1.08;
  letter-spacing: -.03em;
  font-weight: 700;
  color: var(--text);
  max-width: 26ch;
  text-wrap: balance;
}
.tk__lead {
  margin: 0;
  font-size: clamp(16px, 1.4vw, 18px);
  line-height: 1.6;
  color: var(--text-dim);
  max-width: 64ch;
  text-wrap: pretty;
}

.tk__badge {
  display: flex;
  align-items: center;
  gap: 14px;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 14px;
  padding: 14px 18px;
}
.tk__badge-num {
  margin: 0;
  font-family: 'Space Grotesk', Inter, system-ui, sans-serif;
  font-size: 34px;
  font-weight: 700;
  letter-spacing: -.03em;
  color: var(--text);
  white-space: nowrap;
}
.tk__badge-txt {
  margin: 0;
  font-size: 14px;
  line-height: 1.45;
  color: var(--text-dim);
  max-width: 22ch;
}

.tk__grid {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 24px;
}
.tk__klatka { min-width: 0; }
.tk__os {
  display: flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 12px;
}
.tk__os i {
  flex: none;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: var(--accent);
}
.tk__os b {
  flex: 1;
  height: 2px;
  background: var(--accent-border);
}
.tk__os--last i { background: var(--primary); }
.tk__os--last b { background: color-mix(in srgb, var(--primary) 30%, transparent); }

.tk__czas {
  margin: 0 0 11px;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: .08em;
  color: var(--accent-ink);
}

.tk__kadr {
  aspect-ratio: 1 / 1;
  border-radius: 16px;
  overflow: hidden;
  background: var(--bg-alt);
  border: 1px solid var(--border);
}
.tk__kadr img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.tk__klatka:nth-child(1) .tk__kadr img { object-position: 50% 42%; }
.tk__klatka:nth-child(2) .tk__kadr img { object-position: 50% 44%; }
.tk__klatka:nth-child(3) .tk__kadr img { object-position: 50% 52%; }
.tk__klatka:nth-child(4) .tk__kadr img { object-position: 56% 56%; }

.tk__h3 {
  margin: 16px 0 7px;
  font-family: 'Space Grotesk', Inter, system-ui, sans-serif;
  font-size: 20px;
  line-height: 1.2;
  letter-spacing: -.02em;
  font-weight: 600;
  color: var(--text);
}
.tk__opis {
  margin: 0;
  font-size: 15px;
  line-height: 1.55;
  color: var(--text-dim);
  text-wrap: pretty;
}
.tk [data-in] {
  transition:
    opacity 620ms cubic-bezier(.16, 1, .3, 1),
    transform 620ms cubic-bezier(.16, 1, .3, 1);
}

.tk__klatka .tk__kadr img,
.tk__klatka .tk__czas {
  animation: 14s cubic-bezier(.16, 1, .3, 1) infinite;
}
.tk__klatka:nth-child(1) .tk__kadr img, .tk__klatka:nth-child(1) .tk__czas { animation-name: tkOdslon1; }
.tk__klatka:nth-child(2) .tk__kadr img, .tk__klatka:nth-child(2) .tk__czas { animation-name: tkOdslon2; }
.tk__klatka:nth-child(3) .tk__kadr img, .tk__klatka:nth-child(3) .tk__czas { animation-name: tkOdslon3; }
.tk__klatka:nth-child(4) .tk__kadr img, .tk__klatka:nth-child(4) .tk__czas { animation-name: tkOdslon4; }
@keyframes tkOdslon1 { 0%          { opacity: .45 } 3.6%,  89.3% { opacity: 1 } 92.9%, 100% { opacity: .45 } }
@keyframes tkOdslon2 { 0%,  17.9%  { opacity: .45 } 21.4%, 89.3% { opacity: 1 } 92.9%, 100% { opacity: .45 } }
@keyframes tkOdslon3 { 0%,  35.7%  { opacity: .45 } 39.3%, 89.3% { opacity: 1 } 92.9%, 100% { opacity: .45 } }
@keyframes tkOdslon4 { 0%,  53.6%  { opacity: .45 } 57.1%, 89.3% { opacity: 1 } 92.9%, 100% { opacity: .45 } }
.tk__os i { animation: tkPuls 14s cubic-bezier(.16, 1, .3, 1) infinite; }
.tk__klatka:nth-child(2) .tk__os i { animation-delay: 2.5s; }
.tk__klatka:nth-child(3) .tk__os i { animation-delay: 5s; }
.tk__klatka:nth-child(4) .tk__os i { animation-delay: 7.5s; }

@keyframes tkPuls { 0% { transform: scale(1) } 1.4% { transform: scale(1.35) } 3%, 100% { transform: scale(1) } }
.tk__os b { position: relative; overflow: hidden; }
.tk__os b::after {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--accent);
  transform-origin: left center;
  animation: 14s linear infinite;
}
.tk__os--last b::after { background: var(--primary); }

.tk__klatka:nth-child(1) .tk__os b::after { animation-name: tkLinia1; }
.tk__klatka:nth-child(2) .tk__os b::after { animation-name: tkLinia2; }
.tk__klatka:nth-child(3) .tk__os b::after { animation-name: tkLinia3; }
.tk__klatka:nth-child(4) .tk__os b::after { animation-name: tkLinia4; }
@keyframes tkLinia1 { 0%, 3.6%  { transform: scaleX(0) } 17.9%, 89.3% { transform: scaleX(1) } 92.9%, 100% { transform: scaleX(0) } }
@keyframes tkLinia2 { 0%, 21.4% { transform: scaleX(0) } 35.7%, 89.3% { transform: scaleX(1) } 92.9%, 100% { transform: scaleX(0) } }
@keyframes tkLinia3 { 0%, 39.3% { transform: scaleX(0) } 53.6%, 89.3% { transform: scaleX(1) } 92.9%, 100% { transform: scaleX(0) } }
@keyframes tkLinia4 { 0%, 57.1% { transform: scaleX(0) } 71.4%, 89.3% { transform: scaleX(1) } 92.9%, 100% { transform: scaleX(0) } }
.tk__badge-num {
  display: flex;
  align-items: flex-end;
  gap: .22em;
  line-height: 1;
}
.tk__zegar {
  display: block;
  height: 1em;
  overflow: hidden;
  font-variant-numeric: tabular-nums;
}
.tk__zegar-tasma {
  display: block;
  transform: translateY(-8em);
  animation: tkZegar 14s steps(1, end) infinite;
}
.tk__zegar-tasma b { display: block; height: 1em; font-weight: inherit; }
.tk__zegar-jedn { display: block; }
@keyframes tkZegar {
  0%    { transform: translateY(0) }
  8.3%  { transform: translateY(-1em) }
  13.1% { transform: translateY(-2em) }
  17.9% { transform: translateY(-3em) }
  35.7% { transform: translateY(-4em) }
  42.9% { transform: translateY(-5em) }
  46.4% { transform: translateY(-6em) }
  50%   { transform: translateY(-7em) }
  53.6% { transform: translateY(-8em) }
  92.9% { transform: translateY(0) }
}

@media (max-width: 560px) {
  .tk__badge { width: 100%; }
  .tk__h3 { font-size: 22px; }
  .tk__opis { font-size: 15.5px; }
}
.tk__pointa {
  margin: 48px 0 0;
  padding-top: 26px;
  border-top: 1px solid var(--border);
  font-size: clamp(16px, 1.4vw, 18px);
  line-height: 1.6;
  color: var(--text-dim);
  max-width: 72ch;
  text-wrap: pretty;
}
.tk__pointa b { color: var(--text); font-weight: 700; }

@media (max-width: 560px) {
  .tk__pointa { margin-top: 36px; }
}

.tk__pointa-blok {
  margin-top: 48px;
  padding-top: 30px;
  border-top: 1px solid var(--border);
  display: flex;
  gap: clamp(28px, 4vw, 52px);
  align-items: flex-start;
}
.tk__kwit {
  flex: none;
  position: relative;
  width: 300px;
  height: 262px;
}
.tk__kwit-gora,
.tk__kwit-dol {
  position: absolute;
  left: 0;
  width: 262px;
  background: var(--surface);
  color: var(--text);
  box-shadow: 0 14px 34px rgb(16 51 65 / .16);
}
.tk__kwit-gora {
  top: 0;
  padding: 22px;
  transform: rotate(-1.6deg);
  -webkit-mask: conic-gradient(from -45deg at bottom, #0000, #000 1deg 89deg, #0000 90deg) bottom / 18px 9px repeat,
                linear-gradient(#000 0 0) top / 100% calc(100% - 9px) no-repeat;
          mask: conic-gradient(from -45deg at bottom, #0000, #000 1deg 89deg, #0000 90deg) bottom / 18px 9px repeat,
                linear-gradient(#000 0 0) top / 100% calc(100% - 9px) no-repeat;
}
.tk__kwit-dol {
  top: 111px;
  padding: 20px 22px 24px;
  transform: rotate(-1.6deg);
  -webkit-mask: conic-gradient(from 135deg at top, #0000, #000 1deg 89deg, #0000 90deg) top / 18px 9px repeat,
                linear-gradient(#000 0 0) bottom / 100% calc(100% - 9px) no-repeat;
          mask: conic-gradient(from 135deg at top, #0000, #000 1deg 89deg, #0000 90deg) top / 18px 9px repeat,
                linear-gradient(#000 0 0) bottom / 100% calc(100% - 9px) no-repeat;
  animation: tkUrwij 6.5s cubic-bezier(.4, 0, .5, 1) infinite;
}

.tk__kwit-glowa {
  margin: 0 0 14px;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 10.5px;
  letter-spacing: .1em;
  color: var(--text-dim);
}
.tk__kwit-poz {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 9px 12px;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 12.5px;
}
.tk__kwit-suma {
  margin-top: 10px;
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}
.tk__kwit-suma dt,
.tk__kwit-suma dd { margin: 0; }
.tk__kwit-suma dt {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 11px;
  letter-spacing: .08em;
  color: var(--text-dim);
}
.tk__kwit-suma dd {
  font-family: 'Space Grotesk', Inter, system-ui, sans-serif;
  font-weight: 700;
  font-size: 22px;
}
.tk__kwit-stopka {
  margin: 12px 0 0;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 11px;
  letter-spacing: .06em;
  color: var(--text-dim);
}

.tk__pointa-txt { flex: 1 1 auto; min-width: 0; padding-top: 6px; }

.tk__pointa-h3 {
  margin: 0 0 20px;
  font-family: 'Space Grotesk', Inter, system-ui, sans-serif;
  font-weight: 700;
  font-size: clamp(22px, 2.4vw, 30px);
  line-height: 1.15;
  letter-spacing: -.02em;
  color: var(--text);
  max-width: 24ch;
  text-wrap: balance;
}
.tk__strata-lista {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  animation: tkStrata 6.5s cubic-bezier(.16, 1, .3, 1) infinite;
}
.tk__strata {
  padding: 9px 15px;
  border: 1px solid color-mix(in srgb, var(--cost-ink) 42%, transparent);
  border-radius: 999px;
  font-size: 14px;
  font-weight: 600;
  color: var(--cost-ink);
}

.tk__domkniecie {
  margin-top: 22px;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 18px;
  border-radius: 12px;
  background: var(--accent-soft);
  border: 1px solid var(--accent-border);
  font-size: 15.5px;
  font-weight: 600;
  color: var(--text);
}
.tk__domkniecie::before {
  content: "";
  flex: none;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: var(--accent);
}

.tk__pointa--pelna {
  max-width: none;
  margin-top: 34px;
}
@keyframes tkUrwij {
  0%, 24% { transform: translate(0, 0) rotate(-1.6deg); opacity: 1 }
  52%     { transform: translate(30px, 46px) rotate(7deg); opacity: .32 }
  88%     { transform: translate(30px, 46px) rotate(7deg); opacity: .32 }
  100%    { transform: translate(0, 0) rotate(-1.6deg); opacity: 1 }
}
@keyframes tkStrata {
  0%, 34%  { opacity: 0; transform: translateY(8px) }
  52%, 88% { opacity: 1; transform: translateY(0) }
  100%     { opacity: 0; transform: translateY(8px) }
}
html.ruch-ograniczony .tk__klatka .tk__kadr img,
html.ruch-ograniczony .tk__klatka .tk__czas,
html.ruch-ograniczony .tk__os i,
html.ruch-ograniczony .tk__os b::after,
html.ruch-ograniczony .tk__zegar-tasma,
html.ruch-ograniczony .tk__kwit-dol,
html.ruch-ograniczony .tk__strata-lista { animation: none; }

@media (max-width: 720px) {
  .tk__pointa-blok { flex-direction: column; gap: 26px; }
  .tk__kwit { width: 100%; max-width: 300px; }
}
.tk__pointa--pelna {
  border-top: 0;
  padding-top: 0;
}
.tk__head {
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.tk__head-txt { flex: 0 1 auto; }
.tk__lead { margin-inline: auto; }
.tk__badge { text-align: center; }
.tk__ekran { display: none; }

@media (max-width: 760px) {
  .tk--kadr .tk__head { margin-bottom: 22px; }
  .tk--kadr .tk__badge { display: none; }
  .tk--kadr .tk__klatka .tk__czas { margin: 0 0 6px; opacity: 1; animation: none; }
  .tk--kadr .tk__os,
  .tk--kadr .tk__kadr { display: none; }
  .tk--kadr { --tk-kadr: 44svh; }
  .tk--kadr .tk__scena { position: relative; }
  .tk--kadr .tk__ekran {
    display: block;
    position: sticky;
    top: calc(var(--header-height, 61px) + 8px);
    z-index: 2;
    height: min(clamp(250px, var(--tk-kadr), 400px), calc((100vw - 40px) * 1.33));
    overflow: hidden;
    border-radius: var(--radius-lg);
    background: var(--bg-alt);
    box-shadow: 0 10px 30px -12px rgb(16 51 65 / .35);
    transition: top var(--ruch-krok) var(--ease-brand);
  }
  html[data-pasek="schowany"] .tk--kadr .tk__ekran { top: 12px; }

  .tk--kadr .tk__ekran img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    transition: opacity 450ms var(--ease-brand);
  }
  .tk--kadr .tk__ekran img.tk__ekran-teraz { opacity: 1; }
  .tk--kadr .tk__ekran img[data-kadr="1"] { object-position: 50% 38%; }
  .tk--kadr .tk__ekran img[data-kadr="2"] { object-position: 50% 40%; }
  .tk--kadr .tk__ekran img[data-kadr="3"] { object-position: 50% 72%; }
  .tk--kadr .tk__ekran img[data-kadr="4"] { object-position: 50% 40%; }
  .tk--kadr .tk__ekran::after {
    content: "";
    position: absolute;
    inset: auto 0 0 0;
    height: 30%;
    background: linear-gradient(to top, rgb(16 51 65 / .55), transparent);
    pointer-events: none;
  }

  .tk--kadr .tk__ekran-pasek {
    position: absolute;
    top: 12px;
    left: 12px;
    right: 12px;
    z-index: 1;
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    gap: 5px;
  }
  .tk--kadr .tk__ekran-pasek i {
    height: 3px;
    border-radius: 2px;
    background: rgb(255 255 255 / .45);
    transition: background-color 300ms;
  }
  .tk--kadr .tk__ekran-pasek i.tk__ekran-bylo { background: #fff; }

  .tk--kadr .tk__ekran-zegar {
    position: absolute;
    left: 12px;
    right: 12px;
    bottom: 12px;
    z-index: 1;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
  }
  .tk--kadr .tk__ekran-zegar > span {
    padding: 7px 10px;
    border-radius: var(--radius-sm);
    background: rgb(16 51 65 / .82);
    color: #fff;
    font: 700 12px/1 ui-monospace, SFMono-Regular, Menlo, monospace;
    letter-spacing: .06em;
  }
  .tk--kadr .tk__ekran-zegar b {
    padding: 6px 10px;
    border-radius: var(--radius-sm);
    background: var(--surface);
    color: var(--text);
    font: 700 16px/1 var(--font-display);
    letter-spacing: -.02em;
    white-space: nowrap;
  }
  .tk--kadr .tk__ekran-zegar small {
    font: 500 12px/1 var(--font-body);
    letter-spacing: 0;
    color: var(--text-dim);
  }
  .tk--kadr .tk__grid { display: block; margin-top: 20px; }
  .tk--kadr .tk__klatka { min-height: var(--tk-kadr); padding: 0 0 20px; }
  .tk--kadr .tk__klatka:last-child { min-height: 0; padding-bottom: 6px; }
  .tk--kadr .tk__h3 { margin-top: 0; }
}
html.ruch-ograniczony .tk__ekran,
html.ruch-ograniczony .tk__ekran img,
html.ruch-ograniczony .tk__ekran-pasek i { transition: none; }

.pk__wrap {
  max-width: var(--maxw);
  margin-inline: auto;
  margin-top: clamp(14px, 1.6vw, 22px);
  display: grid;
  grid-template-columns: minmax(0, .68fr) minmax(0, 1.32fr);
  gap: 0;
  border-radius: var(--radius-lg);
  overflow: hidden;
  background: var(--surface);
  box-shadow: var(--shadow);
  border: 1px solid var(--border);
}

.pk__tresc { padding: clamp(22px, 3vw, 34px); }
.pk__tresc h2 { color: var(--text); }
.pk__lead { margin-top: 8px; font-size: 14px; color: var(--text-dim); }

.pk__lista {
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  list-style: none;
  padding: 0;
}
.pk__poz {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  border-radius: var(--radius);
  border: 1px solid var(--border);
  background: var(--surface);
  padding: 12px 14px;
  font-size: 15px;
  line-height: 1.4;
  font-weight: 500;
  color: var(--text);
}
.pk__ptaszek { flex: none; margin-top: 2px; color: var(--accent-ink); }
.pk__poz { animation: pkIn 9s ease-out infinite; }
.pk__poz:nth-child(2) { animation-delay: 1.1s; }
.pk__poz:nth-child(3) { animation-delay: 2.2s; }
.pk__poz:nth-child(4) { animation-delay: 3.3s; }
.pk__poz .pk__ptaszek { animation: pbPop 9s ease-out infinite; animation-delay: inherit; }

@keyframes pkIn {
  0%   { opacity: 0; transform: translateY(10px); background: var(--surface); }
  9%   { opacity: 1; transform: none; background: hsl(152 45% 95%); }
  22%, 100% { opacity: 1; transform: none; background: var(--surface); }
}
html.ruch-ograniczony .pk__poz,
html.ruch-ograniczony .pk__poz .pk__ptaszek { animation: none; }

.pk__more {
  margin-top: 18px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
  min-height: 44px;
  font-size: 14px;
  font-weight: 500;
  color: var(--accent-ink);
}
.pk__more:hover { text-decoration: underline; }
.pk__foto {
  position: relative;
  min-height: 0;
  padding: clamp(14px, 1.6vw, 22px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 12px;
  background: var(--surface);
}
.pk__foto .hanim__scen { width: 100%; }
.pk__podpis {
  position: static;
  display: flex; align-items: center; gap: 10px;
  border-radius: var(--radius);
  border: 1px solid var(--border);
  background: var(--surface);
  padding: 10px 14px;
}
.pk__podpis b { display: block; font-size: 12px; font-weight: 600; color: var(--text); }
.pk__podpis span { display: block; margin-top: 2px; font-size: 11.5px; color: var(--text-dim); }

@media (max-width: 860px) {
  .pk__wrap { grid-template-columns: 1fr; }
  .pk__tresc { order: 2; }
  .pk__foto { order: 1; min-height: 260px; }
}
#perspektywa-biura .v0-bg__grid {
  -webkit-mask-image: radial-gradient(150% 100% at 50% 0%, #000 62%, transparent 96%);
          mask-image: radial-gradient(150% 100% at 50% 0%, #000 62%, transparent 96%);
}
.pk__tresc .v0s__eyebrow,
.pk__tresc .v0s__h2,
.pk__tresc .pk__lead { text-align: center; }
.pk__tresc .v0s__h2,
.pk__tresc .pk__lead { margin-inline: auto; }
.pk__tresc .pk__more { display: flex; width: fit-content; margin-inline: auto; }
.kts {
  margin-top: 40px;
  display: grid;
  grid-template-columns: minmax(0, .58fr) minmax(0, 1.42fr);
  align-items: stretch;
  overflow: hidden;
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  background: var(--surface);
  box-shadow: var(--shadow);
}
.kts-foto {
  position: relative;
  margin: 0;
  min-height: 400px;
  background: var(--deep);
}
.kts-foto img {
  position: absolute; inset: 0;
  width: 100%; height: 100%;
  object-fit: cover;
  object-position: 50% 12%;
  filter: saturate(.88) contrast(1.04);
}
.kts-cytat {
  --kts-wciecie: clamp(18px, 2vw, 26px);
  --kts-zapas: clamp(40px, 4.4vw, 60px);
  padding: clamp(26px, 3vw, 42px) clamp(20px, 2.6vw, 38px) clamp(24px, 2.8vw, 36px) clamp(20px, 2.4vw, 34px);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.kts-cytat__tresc {
  position: relative;
  margin: 0;
  padding: 0 var(--kts-zapas) 2px var(--kts-wciecie);
  border-left: 2px solid var(--accent-border);
}
.kts-cytat__znak {
  display: block;
  height: .5em;
  margin-bottom: clamp(6px, .8vw, 10px);
  font: 700 clamp(64px, 7.4vw, 108px)/1 Georgia, "Times New Roman", serif;
  color: var(--accent-ink);
  user-select: none;
}
.kts-cytat__znak--koniec {
  position: absolute;
  right: 0;
  bottom: -.3em;
  margin: 0;
  height: auto;
  line-height: .5;
}
.kts-cytat__tresc p {
  margin: 0;
  font: 400 clamp(17px, 1.45vw, 20px)/1.6 var(--font-body);
  color: var(--text);
  text-wrap: pretty;
}
.kts-cytat__tresc b { font-weight: 700; }
.kts-cytat__stopka {
  margin: clamp(18px, 2vw, 24px) var(--kts-zapas) 0 calc(2px + var(--kts-wciecie));
  padding-top: clamp(14px, 1.6vw, 18px);
  border-top: 1px solid var(--border);
}
.kts-cytat__kto {
  margin: 0;
  font: 700 clamp(17px, 1.45vw, 20px)/1.3 var(--font-body);
  color: var(--accent-ink);
}
.kts-cytat__rola {
  margin: 4px 0 0;
  font-size: 13px; line-height: 1.5;
  color: var(--text-dim);
}
.kts-isimo {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  margin-top: 16px;
  border-radius: var(--radius-lg);
  background: var(--deep);
  color: var(--on-deep);
  padding: clamp(18px, 2vw, 26px) clamp(22px, 3vw, 34px);
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: clamp(18px, 2.4vw, 32px);
  align-items: center;
}
.kts-isimo__aura {
  position: absolute;
  width: 24rem; height: 24rem;
  left: -7rem; top: -13rem;
  z-index: -1;
  border-radius: 9999px;
  pointer-events: none;
  background: radial-gradient(circle, hsl(152 58% 33% / .22), hsl(152 58% 33% / 0) 68%);
  animation: ktsAura 16s ease-in-out infinite;
}
@keyframes ktsAura {
  0%, 100% { transform: translate3d(0, 0, 0) scale(1); }
  50%      { transform: translate3d(24px, -18px, 0) scale(1.08); }
}
.kts-isimo__znak { margin: 0; display: flex; }
.kts-isimo__znak img { display: block; height: 24px; width: auto; }
.kts-isimo__opis {
  min-width: 0;
  padding-left: clamp(18px, 2.4vw, 32px);
  border-left: 1px solid rgba(255, 255, 255, .16);
}
.kts-isimo__naglowek {
  margin: 0;
  font: 600 clamp(16px, 1.3vw, 18px)/1.35 var(--font-body);
  color: var(--on-deep);
}
.kts-isimo__t {
  margin: 4px 0 0;
  font-size: 14.5px; line-height: 1.5;
  color: var(--on-deep-dim);
  text-wrap: pretty;
}
.kts-isimo__chips {
  list-style: none; margin: 0; padding: 0;
  display: flex; flex-wrap: wrap; gap: 8px;
  font-size: 12px;
}
.kts-isimo__chips li {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  border: 1px solid rgba(255, 255, 255, .2);
  border-radius: 999px;
  padding: 7px 13px;
  color: color-mix(in srgb, var(--on-deep) 90%, transparent);
  white-space: nowrap;
}
.kts-isimo__ikona { flex: none; }
@media (max-width: 1180px) {
  .kts-isimo { grid-template-columns: auto minmax(0, 1fr); }
  .kts-isimo__chips { grid-column: 1 / -1; }
}
@media (max-width: 860px) {
  .kts { grid-template-columns: 1fr; }
  .kts-foto { min-height: 340px; }
  .kts-foto img { object-position: 50% 18%; }
}
@media (max-width: 560px) {
  .kts-cytat { --kts-zapas: 0px; }
  .kts-cytat__tresc { padding-bottom: 30px; }
  .kts-cytat__znak--koniec { bottom: 0; }
  .kts-isimo { grid-template-columns: 1fr; }
  .kts-isimo__opis { padding-left: 0; border-left: 0; }
  .kts-isimo__chips li { white-space: normal; }
}
html.ruch-ograniczony .kts-isimo__aura { animation: none; }

.wl5__h3 {
  margin: 48px 0 22px;
  font: 600 clamp(20px, 2vw, 24px)/1.2 var(--font-display);
  letter-spacing: -.02em; color: var(--text); text-wrap: balance;
}
.wl5 {
  list-style: none; margin: 0; padding: 0;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 14px;
}

.wl5__krok {
  position: relative; min-width: 0;
  background: var(--surface); border: 1px solid var(--border);
  border-radius: var(--radius); padding: 18px 16px 20px;
  overflow: hidden;
}
.wl5__krok::before {
  content: ""; position: absolute; inset: 0 0 auto; height: 3px;
  background: var(--primary);
}
.wl5__krok--wy {
  background: var(--accent-soft);
  border-color: var(--accent-border);
}
.wl5__krok--wy::before { background: var(--accent); }
.wl5__n {
  display: block; margin-bottom: 9px;
  font: 600 10.5px/1 var(--font-body); letter-spacing: .09em; text-transform: uppercase;
  color: var(--text-dim);
}
.wl5__n--wy { color: var(--accent-ink); }
.wl5__t {
  display: block;
  font: 600 clamp(15px, 1.15vw, 17px)/1.28 var(--font-display);
  letter-spacing: -.01em; color: var(--text); text-wrap: balance;
}
.wl5__kto {
  display: block; margin-top: 10px;
  font: 400 13px/1.45 var(--font-body); color: var(--text-dim); text-wrap: pretty;
}
.wl5__kto--wy { font-weight: 600; color: var(--accent-ink); }

.wl5__note { margin-top: 26px; }

@media (max-width: 1080px) { .wl5 { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 760px)  { .wl5 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 460px)  { .wl5 { grid-template-columns: minmax(0, 1fr); } }
.wl5__obiekcja {
  margin-top: 34px;
  --obiekcja-odstep: clamp(20px, 2.4vw, 32px);
  padding: var(--obiekcja-odstep);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  background: var(--surface);
}
.wl5__obiekcja-head {
  display: flex; align-items: flex-start; flex-wrap: wrap;
  gap: clamp(20px, 3vw, 44px);
}
.wl5__obiekcja-txt { flex: 1 1 440px; min-width: 0; }
.wl5__obiekcja-h {
  margin: 0 0 12px;
  font: 600 clamp(20px, 2.1vw, 26px)/1.25 var(--font-display);
  letter-spacing: -.02em; color: var(--text); text-wrap: balance;
}
.wl5__obiekcja-t {
  margin: 0; max-width: 62ch;
  font: 400 15px/1.65 var(--font-body); color: var(--text-dim); text-wrap: pretty;
}
.wl5__obiekcja-t b { color: var(--text); font-weight: 600; }
.wl5__obiekcja-pigulka {
  flex: 0 1 300px; margin: 0;
  padding: 15px 18px; border-radius: var(--radius);
  background: var(--accent-soft); border: 1px solid var(--accent-border);
  font: 600 14.5px/1.5 var(--font-body); color: var(--accent-ink);
  text-wrap: pretty;
}
.wlm {
  list-style: none; margin: 26px 0 0; padding: 0;
  display: grid; grid-template-columns: repeat(4, minmax(0, 1fr));
  column-gap: 26px; row-gap: 34px;
}
.wlm__poz {
  min-width: 0;
  display: grid; grid-template-rows: subgrid; grid-row: span 3; row-gap: 0;
}
.wlm__fon {
  flex: 1; display: flex;
  padding: 8px; border-radius: 32px;
  background: var(--surface); border: 1px solid var(--border);
  box-shadow: 0 2px 6px rgb(16 51 65 / .05), 0 18px 40px -14px rgb(16 51 65 / .22);
}
.wlm__ekran {
  flex: 1; min-width: 0; display: flex; flex-direction: column;
  border-radius: 25px; background: var(--bg); overflow: hidden;
}
.wlm__tresc { flex: 1; display: flex; flex-direction: column; gap: 9px; padding: 12px 13px 8px; }

.wlm__stat {
  display: flex; align-items: center; justify-content: space-between;
  padding: 9px 14px 2px;
  font: 600 9.5px/1 var(--font-body); color: var(--text-dim);
  font-variant-numeric: tabular-nums;
}
.wlm__stat i { display: flex; align-items: center; gap: 4px; }
.wlm__stat b { width: 3px; height: 6px; border-radius: 1px; background: var(--border-strong); }
.wlm__stat b + b { height: 8px; }
.wlm__stat s { width: 14px; height: 7px; border-radius: 2px; border: 1px solid var(--border-strong); }
.wlm__home { display: grid; place-items: center; padding: 6px 0 8px; }
.wlm__home::before {
  content: ""; display: block; width: 88px; height: 4px; border-radius: 2px;
  background: color-mix(in srgb, var(--border-strong) 45%, transparent);
}

.wlm__biuro {
  margin: 0; display: flex; align-items: center; gap: 8px;
  font: 600 11.5px/1 var(--font-body); color: var(--text-dim);
}
.wlm__godlo {
  flex: none; display: grid; place-items: center; width: 19px; height: 19px;
  border-radius: 6px; background: var(--primary); color: var(--primary-on);
  font: 700 10px/1 var(--font-display);
}
.wlm__h {
  margin: 0; font: 600 16px/1.2 var(--font-display);
  letter-spacing: -.01em; color: var(--text);
}
.wlm__cytat {
  margin: 0; padding: 11px 12px; border-radius: 9px;
  background: var(--bg-alt); border: 1px solid var(--border);
  font: 400 12px/1.45 var(--font-body); color: var(--text-dim);
}
.wlm__drobne { margin: 0; font: 400 11.5px/1.42 var(--font-body); color: var(--text-dim); }

.wlm__pole-l {
  margin: 0; display: flex; align-items: center; gap: 6px;
  font: 500 10.5px/1.2 var(--font-body); color: var(--text-dim);
}
.wlm__pole {
  margin: 0; padding: 8px 10px; border-radius: 8px;
  border: 1px solid var(--border); background: var(--bg);
  font: 500 12px/1.4 var(--font-body); color: var(--text);
}
.wlm__pole--token span { display: block; height: 9px; border-radius: 5px; background: var(--border-strong); opacity: .45; }
.wlm__zrodlo {
  padding: 2px 7px; border-radius: 999px;
  background: var(--accent-soft); color: var(--accent-ink);
  font: 600 9.5px/1.5 var(--font-body); letter-spacing: .06em; text-transform: uppercase;
}
.wlm__razem {
  margin: 0; padding: 10px 11px; border-radius: 9px;
  background: var(--warn-tint); border: 1px solid var(--warn-border);
  font: 600 11.5px/1.42 var(--font-body); color: var(--warn);
}
.wlm__chip {
  margin: 0; align-self: flex-start;
  display: flex; align-items: center; gap: 6px;
  padding: 5px 11px; border-radius: 999px;
  background: var(--ok-tint); border: 1px solid var(--ok-border);
  font: 600 11.5px/1.3 var(--font-body); color: var(--ok);
}
.wlm__chip::before { content: "✓"; font-size: 11px; }

.wlm__ptaszki { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.wlm__ptaszki li {
  display: flex; align-items: center; gap: 8px;
  font: 500 12px/1.3 var(--font-body); color: var(--text);
}
.wlm__ptaszki li::before {
  content: "✓"; flex: none; display: grid; place-items: center;
  width: 16px; height: 16px; border-radius: 50%;
  background: var(--accent); color: var(--primary-on);
  font: 700 9px/1 var(--font-body);
}

.wlm__dok {
  padding: 11px 12px; border-radius: 9px;
  background: var(--accent-soft); border: 1px solid var(--accent-border);
}
.wlm__dok-n {
  margin: 0 0 6px; font: 700 9.5px/1 var(--font-body);
  letter-spacing: .1em; text-transform: uppercase; color: var(--accent-ink);
}
.wlm__dok-t { margin: 0; font: 600 13px/1.25 var(--font-display); color: var(--text); }
.wlm__dok-o { margin: 4px 0 0; font: 400 11px/1.35 var(--font-body); color: var(--text-dim); }
.wlm__dok-u { margin: 7px 0 0; font: 600 11px/1.3 var(--font-body); color: var(--accent-ink); }

.wlm__btn {
  margin: auto 0 0; display: flex; align-items: center; justify-content: center; gap: 9px;
  padding: 11px 12px; border-radius: 9px;
  background: var(--primary); color: var(--primary-on);
  font: 600 12.5px/1 var(--font-body);
}
.wlm__dotyk {
  flex: none; width: 13px; height: 13px; border-radius: 50%;
  background: rgb(255 255 255 / .55);
  animation: wlm-dotyk 2.8s var(--ease-brand) infinite;
}
@keyframes wlm-dotyk {
  0%, 68%, 100% { transform: scale(1);   opacity: .5 }
  12%           { transform: scale(1.55); opacity: .9 }
}
html.ruch-ograniczony .wlm__dotyk { animation: none; }
.wlm__n {
  margin: 16px 0 4px;
  display: flex; align-items: center; gap: 8px;
  font: 700 10.5px/1.2 var(--font-body); letter-spacing: .08em; text-transform: uppercase;
  color: var(--text);
}
.wlm__kropka { flex: none; width: 8px; height: 8px; border-radius: 50%; background: var(--primary); }
.wlm__kropka--ok { background: var(--accent); }
.wlm__opis { margin: 0; font: 400 12.5px/1.45 var(--font-body); color: var(--text-dim); text-wrap: pretty; }
.wlm__uwagi {
  list-style: none; margin: 28px 0 0; padding: 24px 0 0;
  border-top: 1px solid var(--border);
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px;
}
.wlm__uwagi li {
  padding: 13px 15px; border-radius: var(--radius-sm);
  background: var(--bg); border: 1px solid var(--border);
  font: 400 12.5px/1.5 var(--font-body); color: var(--text-dim); text-wrap: pretty;
}
.wlm__uwagi b { color: var(--text); font-weight: 600; }

@media (max-width: 1080px) {
  .wlm { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 860px) {
  .wlm__uwagi { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 600px) {
  .wl5__obiekcja-pigulka { flex: 1 1 100%; }
  .wl5__obiekcja-t { font-size: 14.5px; }
}
.v0s-cta > div:first-child { text-align: center; }
.v0s-cta .v0s__h2,
.v0s-cta .v0s__lead { margin-inline: auto; }
.v0s-cta .v0s-assur { text-align: left; display: inline-flex; }
.wlm__kropki { display: none; }

@media (max-width: 760px) {
  .wlm {
    display: flex;
    gap: 14px;
    margin-inline: calc(-1 * var(--obiekcja-odstep));
    padding: 4px var(--obiekcja-odstep) 6px;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scroll-snap-type: x mandatory;
    scroll-padding-inline: var(--obiekcja-odstep);
    scrollbar-width: none;
  }
  .wlm::-webkit-scrollbar { display: none; }
  .wlm__poz {
    flex: 0 0 74%;
    display: flex;
    flex-direction: column;
    scroll-snap-align: start;
  }
  .wlm__n { order: 1; margin-top: 0; }
  .wlm__opis { order: 2; margin: 0 0 12px; min-height: 2.9em; }
  .wlm__fon { order: 3; flex: none; }

  .wlm__kropki { display: flex; justify-content: center; margin-top: 6px; }
  .wlm__kropki button {
    display: grid;
    place-items: center;
    width: 30px;
    height: 44px;
    padding: 0;
    border: 0;
    background: none;
    cursor: pointer;
  }
  .wlm__kropki button::before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: var(--border-strong);
    transition: width 220ms var(--ease-brand), background-color 220ms;
  }
  .wlm__kropki button[aria-current="true"]::before { width: 22px; background: var(--accent); }
}
html.ruch-ograniczony .wlm__kropki button::before { transition: none; }

.pr {
  --pr-karta: hsl(197 55% 17%);
  --pr-karta-2: hsl(197 58% 14%);
  --pr-tekst: var(--on-deep);

  background: var(--deep);
  color: var(--pr-tekst);
  padding: 140px clamp(20px, 3vw, 48px);
  position: relative;
  overflow: hidden;
}
.pr::before {
  content: "";
  position: absolute;
  inset: 0;
  background: repeating-linear-gradient(-101deg, rgba(233, 240, 242, .05) 0 1px, transparent 1px 26px);
  pointer-events: none;
}
.pr__wrap { position: relative; max-width: var(--maxw); margin-inline: auto; }

.pr__head {
  max-width: 720px;
  margin: 0 auto 96px;
  text-align: center;
}

.pr__h2 {
  margin: 0;
  font: 700 56px/1.05 var(--font-display);
  letter-spacing: -.025em;
  text-wrap: balance;
  color: var(--pr-tekst);
}
.pr__lead {
  margin: 16px 0 0;
  font: 400 18px/1.6 var(--font-body);
  color: var(--on-deep-dim);
  text-wrap: pretty;
}

.pr__grid {
  max-width: 1120px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}

.pr__karta {
  background: linear-gradient(160deg, var(--pr-karta), var(--pr-karta-2));
  border-radius: var(--radius-lg, 16px);
  padding: 40px;
}

.pr__etykieta {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0 0 32px;
  font: 500 13px/1.2 var(--font-body);
  letter-spacing: .02em;
  color: var(--pr-tekst);
}

.pr__belki {
  display: flex;
  flex-direction: column;
  gap: 3px;
  flex: none;
  transform: skewX(-11deg);
}

.pr__belki i {
  display: block;
  width: 16px;
  height: 3px;
  border-radius: 2px;
  background: rgba(233, 240, 242, .6);
}
.pr__belki i:nth-child(2) { background: rgba(233, 240, 242, .32); }
.pr__belki i:nth-child(3) { background: rgba(233, 240, 242, .16); }
.pr__lista {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.pr__lista li {
  padding-left: 20px;
  border-left: 1px solid rgba(233, 240, 242, .1);
  font: 400 18px/1.5 var(--font-body);
  color: rgba(233, 240, 242, .85);
  text-wrap: pretty;
}
.pr__lista li:nth-child(2) { border-left-color: rgba(233, 240, 242, .16); }
.pr__lista li:nth-child(3) { border-left-color: rgba(233, 240, 242, .22); }
.pr__lista li:nth-child(4) { border-left-color: rgba(233, 240, 242, .28); }

.pr__domkniecie {
  max-width: 640px;
  margin: 80px auto 0;
  text-align: center;
}

.pr__zdanie {
  margin: 0;
  font: 500 24px/1.4 var(--font-display);
  letter-spacing: -.025em;
  text-wrap: balance;
  color: var(--pr-tekst);
}

.pr__link { margin: 28px 0 0; }
.pr__link a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  font: 500 16px/1.2 var(--font-body);
  color: var(--accent-on-deep-ink);
  transition: gap 220ms cubic-bezier(0.16, 1, 0.3, 1);
}
.pr__link a:hover { gap: 14px; color: var(--accent-on-deep-ink); }
@media (max-width: 720px) {
  .pr__head { margin-bottom: 56px; }
  .pr__grid { grid-template-columns: 1fr; gap: 20px; }
  .pr__karta { padding: 28px; }
  .pr__lista li { font-size: 16px; }
  .pr__domkniecie { margin-top: 56px; }
  .pr__zdanie { font-size: 20px; }
}

.prr {
  --prr-czas: hsl(38 80% 66%);
  --prr-koszt: hsl(18 62% 64%);
  margin-top: 32px;
  padding-top: 28px;
  border-top: 1px solid rgba(233, 240, 242, .12);
}
.prr [style*="animation"],
.prr__slot,
.prr__tor i,
.prr__slupki i,
.prr__chip,
.prr__chip i,
.prr__kafel--gubiony,
.prr__kwota,
.prr__os i,
.prr__spoznienie,
.prr__kroki li,
.prr__kroki li i,
.prr__wskaznik i { animation-play-state: paused; }

.pr .prr--gra .prr__slot,
.pr .prr--gra .prr__tor i,
.pr .prr--gra .prr__slupki i,
.pr .prr--gra .prr__chip,
.pr .prr--gra .prr__chip i,
.pr .prr--gra .prr__kafel--gubiony,
.pr .prr--gra .prr__kwota,
.pr .prr--gra .prr__os i,
.pr .prr--gra .prr__spoznienie,
.pr .prr--gra .prr__kroki li,
.pr .prr--gra .prr__kroki li i,
.pr .prr--gra .prr__wskaznik i { animation-play-state: running; }

.prr__scena { position: relative; height: 186px; }
.prr--klient .prr__scena { height: 238px; }

.prr__slot {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  animation: prr-slot 24s cubic-bezier(0.16, 1, 0.3, 1) infinite backwards;
}
.prr__slot:nth-child(2) { animation-delay: 8s; }
.prr__slot:nth-child(3) { animation-delay: 16s; }

@keyframes prr-slot {
  0%   { opacity: 0; visibility: hidden; transform: translateY(8px); }
  2%   { opacity: 1; visibility: visible; transform: translateY(0); }
  31%  { opacity: 1; visibility: visible; transform: translateY(0); }
  34%  { opacity: 0; visibility: hidden; transform: translateY(-8px); }
  100% { opacity: 0; visibility: hidden; transform: translateY(-8px); }
}
.prr__wskaznik {
  display: flex;
  gap: 6px;
  margin: 8px 0 0;
  padding: 0;
  list-style: none;
}
.prr__wskaznik i {
  display: block;
  width: 26px;
  height: 2px;
  border-radius: 1px;
  background: var(--prr-czas);
  animation: prr-kreska 24s linear infinite backwards;
}
.prr--klient .prr__wskaznik i { background: var(--prr-koszt); }
.prr__wskaznik i:nth-child(2) { animation-delay: 8s; }
.prr__wskaznik i:nth-child(3) { animation-delay: 16s; }

@keyframes prr-kreska {
  0%   { opacity: .22; }
  2%   { opacity: 1; }
  32%  { opacity: 1; }
  35%  { opacity: .22; }
  100% { opacity: .22; }
}

.prr__nad {
  margin: 0 0 10px;
  font: 500 11px/1.2 var(--font-body);
  letter-spacing: .09em;
  text-transform: uppercase;
  color: rgba(233, 240, 242, .5);
}
.prr__nad--luzno { margin-bottom: 22px; }

.prr__liczba {
  margin: 0;
  font: 700 46px/1 var(--font-display);
  letter-spacing: -.03em;
  font-variant-numeric: tabular-nums;
  color: var(--prr-czas);
}
.prr__liczba--s { font-size: 34px; }
.prr__liczba--koszt { font-size: 32px; color: var(--prr-koszt); white-space: nowrap; }

.prr__pod {
  margin: 12px 0 18px;
  font: 400 13px/1.5 var(--font-body);
  color: rgba(233, 240, 242, .6);
  font-variant-numeric: tabular-nums;
}
.prr__pod--zwarte { margin: 0; }

.prr__tor {
  margin: 0;
  height: 6px;
  border-radius: 3px;
  background: rgba(233, 240, 242, .1);
  overflow: hidden;
}
.prr__tor i {
  display: block;
  height: 100%;
  background: var(--prr-czas);
  transform-origin: 0 50%;
  animation: prr-tor 6s cubic-bezier(0.16, 1, 0.3, 1) infinite;
}
@keyframes prr-tor {
  0%   { transform: scaleX(0); opacity: .85; }
  55%  { transform: scaleX(1); opacity: .85; }
  90%  { transform: scaleX(1); opacity: .85; }
  100% { transform: scaleX(1); opacity: 0; }
}

.prr__slupki {
  display: flex;
  align-items: flex-end;
  gap: 4px;
  height: 104px;
}
.prr__slupki i {
  flex: 1;
  height: var(--h, 16%);
  border-radius: 2px;
  background: rgba(233, 240, 242, .22);
  transform-origin: 50% 100%;
  animation: prr-slupek 6s cubic-bezier(0.16, 1, 0.3, 1) infinite backwards;
  animation-delay: calc(var(--i, 0) * 80ms);
}
.prr__slupki i.is-szczyt { background: var(--prr-czas); }

@keyframes prr-slupek {
  0%   { transform: scaleY(.05); }
  14%  { transform: scaleY(1); }
  90%  { transform: scaleY(1); }
  100% { transform: scaleY(.05); }
}

.prr__skala {
  display: flex;
  justify-content: space-between;
  margin: 12px 0 0;
  font: 400 12px/1.2 var(--font-body);
  color: rgba(233, 240, 242, .5);
}

.prr__licznikw {
  display: flex;
  align-items: baseline;
  gap: 10px;
  margin: 0;
}

.prr__kolejka {
  position: relative;
  height: 104px;
  margin: 18px 0 0;
  padding: 0;
  list-style: none;
}
.prr__chip {
  position: absolute;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 11px 15px;
  border-radius: 11px;
  background: rgba(233, 240, 242, .06);
  border: 1px solid rgba(233, 240, 242, .12);
  font: 400 15px/1.2 var(--font-body);
  color: rgba(233, 240, 242, .9);
  animation: prr-chip 8.4s ease-in-out infinite backwards;
}
.prr__chip i {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--prr-czas);
  flex: none;
  animation: prr-kropka 1.4s ease-in-out infinite;
}
.prr__chip:nth-child(1) { left: 0;    top: 0;    animation-delay: 0s; }
.prr__chip:nth-child(2) { left: 26px; top: 34px; animation-delay: 2.1s; }
.prr__chip:nth-child(3) { left: 8px;  top: 68px; animation-delay: 4.2s; }
.prr__chip:nth-child(4) { left: 34px; top: 34px; animation-delay: 6.3s; }

@keyframes prr-chip {
  0%   { opacity: 0; transform: translateY(12px); }
  5%   { opacity: 1; transform: translateY(0); }
  20%  { opacity: 1; transform: translateY(0); }
  27%  { opacity: 0; transform: translateY(-10px); }
  100% { opacity: 0; transform: translateY(-10px); }
}
@keyframes prr-kropka {
  0%, 100% { opacity: .35; transform: scale(.8); }
  50%      { opacity: 1; transform: scale(1); }
}

.prr__kafle {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  height: 104px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.prr__kafel {
  position: relative;
  width: 56px;
  height: 74px;
  border-radius: 6px;
  background: rgba(233, 240, 242, .1);
  border: 1px solid rgba(233, 240, 242, .16);
  flex: none;
}
.prr__kafel i {
  position: absolute;
  left: 10px;
  height: 3px;
  border-radius: 2px;
  background: rgba(233, 240, 242, .22);
}
.prr__kafel i:nth-child(1) { top: 16px; width: 26px; background: rgba(233, 240, 242, .3); }
.prr__kafel i:nth-child(2) { top: 26px; width: 34px; }
.prr__kafel i:nth-child(3) { top: 36px; width: 20px; }

.prr__kafel--gubiony {
  border-color: var(--prr-koszt);
  animation: prr-wysyp 7s cubic-bezier(0.16, 1, 0.3, 1) infinite;
}
.prr__kafel--gubiony i:nth-child(1) { background: var(--prr-koszt); }

@keyframes prr-wysyp {
  0%   { transform: translateY(0) rotate(0); opacity: 1; }
  30%  { transform: translateY(0) rotate(0); opacity: 1; }
  48%  { transform: translateY(26px) rotate(9deg); opacity: .35; }
  88%  { transform: translateY(26px) rotate(9deg); opacity: .35; }
  100% { transform: translateY(0) rotate(0); opacity: 1; }
}

.prr__kwota {
  margin: 18px 0 0;
  animation: prr-kwota 7s ease-in-out infinite backwards;
}
.prr__kwota .prr__pod { margin: 10px 0 0; }

@keyframes prr-kwota {
  0%, 34%   { opacity: 0; }
  52%, 88%  { opacity: 1; }
  100%      { opacity: 0; }
}

.prr__os {
  position: relative;
  height: 70px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.prr__os::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 34px;
  height: 1px;
  background: rgba(233, 240, 242, .16);
}
.prr__os li {
  position: absolute;
  top: 22px;
  left: var(--x);
  width: 1px;
  height: 25px;
  background: rgba(233, 240, 242, .3);
}
.prr__os li span {
  position: absolute;
  top: 30px;
  left: 0;
  transform: translateX(-50%);
  font: 500 11px/1.2 var(--font-body);
  color: rgba(233, 240, 242, .55);
  white-space: nowrap;
}
.prr__os i {
  position: absolute;
  top: 28px;
  width: 13px;
  height: 13px;
  margin-left: -6px;
  border-radius: 50%;
  animation: prr-plynie 7s cubic-bezier(0.16, 1, 0.3, 1) infinite,
             prr-pozno 7s linear infinite;
}
@keyframes prr-plynie {
  0%   { left: 6%; }
  58%  { left: 52%; }
  92%  { left: 88%; }
  100% { left: 88%; }
}
@keyframes prr-pozno {
  0%, 55%   { background: var(--accent-on-deep); }
  62%, 100% { background: var(--prr-koszt); }
}

.prr__spoznienie {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin: 6px 0 0;
  padding: 9px 13px;
  border-radius: 10px;
  background: rgba(233, 240, 242, .06);
  border: 1px solid var(--prr-koszt);
  font: 500 13px/1.2 var(--font-body);
  color: var(--prr-koszt);
  animation: prr-spoznienie 7s ease-in-out infinite backwards;
}
@keyframes prr-spoznienie {
  0%, 58%   { opacity: 0; transform: translateY(6px); }
  68%, 92%  { opacity: 1; transform: translateY(0); }
  100%      { opacity: 0; transform: translateY(0); }
}

.prr__kroki {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.prr__kroki li {
  display: flex;
  align-items: center;
  gap: 12px;
  font: 400 15px/1.2 var(--font-body);
  color: rgba(233, 240, 242, .9);
  animation: prr-krok 7.5s ease-in-out infinite backwards;
  animation-delay: calc(var(--i, 0) * 750ms);
}
.prr__kroki li i {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: rgba(233, 240, 242, .5);
  flex: none;
}
.prr__kroki li.is-utyk { color: var(--prr-czas); }
.prr__kroki li.is-utyk i {
  background: var(--prr-czas);
  animation: prr-puls 1.8s ease-out infinite;
}

@keyframes prr-krok {
  0%   { opacity: .26; }
  7%   { opacity: 1; }
  42%  { opacity: 1; }
  58%  { opacity: .26; }
  100% { opacity: .26; }
}
@keyframes prr-puls {
  0%, 100% { box-shadow: 0 0 0 0 rgba(240, 180, 110, .5); }
  70%      { box-shadow: 0 0 0 12px rgba(240, 180, 110, 0); }
}

.prr__kroki + .prr__pod { margin: 20px 0 0; }
@media (max-width: 720px) {
  .prr { margin-top: 28px; padding-top: 24px; }
  .prr__scena { height: 184px; }
  .prr--klient .prr__scena { height: 228px; }
  .prr__liczba { font-size: 38px; }
  .prr__liczba--s { font-size: 30px; }
  .prr__liczba--koszt { font-size: 28px; }
  .prr__slupki { height: 86px; gap: 3px; }
  .prr__kolejka { height: 108px; }
  .prr__chip { font-size: 14px; padding: 10px 13px; }
  .prr__chip:nth-child(2) { left: 14px; }
  .prr__chip:nth-child(4) { left: 20px; }
  .prr__kroki li { font-size: 14px; }
}

.prr:not(.prr--gra) .prr__slot,
.prr:not(.prr--gra) .prr__tor i,
.prr:not(.prr--gra) .prr__slupki i,
.prr:not(.prr--gra) .prr__chip,
.prr:not(.prr--gra) .prr__chip i,
.prr:not(.prr--gra) .prr__kafel--gubiony,
.prr:not(.prr--gra) .prr__kwota,
.prr:not(.prr--gra) .prr__os i,
.prr:not(.prr--gra) .prr__spoznienie,
.prr:not(.prr--gra) .prr__kroki li,
.prr:not(.prr--gra) .prr__kroki li i,
.prr:not(.prr--gra) .prr__wskaznik i { animation: none; }
.prr:not(.prr--gra) .prr__slot:not(:first-child) {
  opacity: 0;
  visibility: hidden;
}
.prr:not(.prr--gra) .prr__wskaznik i:first-child { opacity: 1; }
.tp__scena {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 48px;
  align-items: center;
  margin: 34px 0 0;
  padding: 40px 40px 44px;
  border-radius: var(--radius-lg);
  background: var(--deep);
  box-shadow: var(--shadow-lg);
  background-image: radial-gradient(620px 420px at 88% 18%,
    hsl(152 40% 26% / .55) 0%, hsl(197 60% 13% / 0) 70%);
}

.tp__lewa {
  display: flex;
  flex-direction: column;
  gap: 30px;
  min-width: 0;
}
.tp__grupa {
  padding-top: 26px;
  border-top: 1px solid var(--border-on-deep);
}

.tp__nad {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 6px;
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .11em;
  text-transform: uppercase;
  color: var(--on-deep-dim);
}
.tp__kropka {
  flex: none;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--cost-ink);
}
.tp__os {
  position: relative;
  height: 118px;
}

.tp__tor {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  height: 2px;
  background: rgba(255, 255, 255, .16);
}

.tp__dzis {
  position: absolute;
  top: 50%;
  left: 2%;
  width: 14px;
  height: 14px;
  margin: -7px 0 0 -7px;
  border-radius: 50%;
  background: var(--warn-border);
  box-shadow: 0 0 0 5px hsl(38 80% 56% / .2);
  animation: tp-dzis 18s linear infinite;
}

.tp__znacznik {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
  transform: translateX(-50%);
}

.tp__znacznik b {
  padding: 5px 11px;
  border-radius: var(--radius-sm);
  background: var(--bg-alt);
  color: var(--text-dim);
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
}

.tp__znacznik em {
  font-style: normal;
  font-size: 11px;
  line-height: 1.3;
  color: var(--on-deep-dim);
  white-space: nowrap;
}

.tp__znacznik i {
  width: 2px;
  height: 16px;
  background: rgba(255, 255, 255, .3);
}

.tp__znacznik--zus { left: 65%; top: 0; }
.tp__znacznik--vat { left: 84%; bottom: 0; }
.tp__znacznik--tel { left: 32%; top: 0; }
.tp__znacznik--lea { left: 48%; bottom: 0; }
.tp__znacznik--wyn { left: 92%; top: 0; transform: translateX(-72%); }

.tp__znacznik--zus b { animation: tp-grzej-zus 18s linear infinite; }
.tp__znacznik--vat b { animation: tp-grzej-vat 18s linear infinite; }
.tp__znacznik--tel b { animation: tp-grzej-tel 18s linear infinite; }
.tp__znacznik--lea b { animation: tp-grzej-lea 18s linear infinite; }
.tp__znacznik--wyn b { animation: tp-grzej-wyn 18s linear infinite; }

.tp__skala {
  display: flex;
  justify-content: space-between;
  margin: 0;
  font-size: 11.5px;
  color: var(--on-deep-dim);
}
.tp__prawa {
  position: relative;
  width: 296px;
  flex: none;
  margin-top: 86px;
}

.tp__push {
  position: absolute;
  bottom: 100%;
  left: -14px;
  right: -14px;
  margin-bottom: 14px;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 12px 14px;
  border-radius: 13px;
  background: var(--surface);
  box-shadow: var(--shadow-lg);
}
.tp__push--koszt   { opacity: 1; animation: tp-push-k 18s cubic-bezier(.16, 1, .3, 1) infinite; }
.tp__push--podatek { opacity: 0; animation: tp-push-p 18s cubic-bezier(.16, 1, .3, 1) infinite; }

.tp__push-ikona {
  flex: none;
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 9px;
  font-size: 14px;
  font-weight: 700;
}

.tp__push--koszt .tp__push-ikona {
  background: color-mix(in srgb, var(--cost-ink) 10%, var(--surface));
  color: var(--cost-ink);
}
.tp__push--podatek .tp__push-ikona { background: var(--warn-tint); color: var(--warn); }

.tp__push-txt { flex: 1; min-width: 0; }
.tp__push-txt b { display: block; font-size: 12.5px; font-weight: 700; color: var(--text); }
.tp__push-txt span { display: block; font-size: 11.5px; color: var(--text-dim); }

.tp__telefon {
  position: relative;
  border: 10px solid var(--border-on-deep);
  border-radius: 38px;
  overflow: hidden;
  background: var(--surface);
  box-shadow: var(--shadow-lg);
}

.tp__belka {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 14px 15px;
  border-bottom: 1px solid var(--border);
}

.tp__belka-znak {
  display: grid;
  place-items: center;
  width: 20px;
  height: 20px;
  border-radius: 6px;
  background: hsl(258 42% 34%);
  color: #fff;
  font-size: 11px;
  font-weight: 700;
}

.tp__belka b {
  font-family: var(--font-display);
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: -.01em;
  white-space: nowrap;
  color: var(--text);
}

.tp__ekran { padding: 16px 15px 20px; }

.tp__ekran-h {
  margin: 0 0 12px;
  font-family: var(--font-display);
  font-size: 17px;
  font-weight: 700;
  letter-spacing: -.025em;
  color: var(--text);
}
.tp__zakladki {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4px;
  padding: 4px;
  margin: 0 0 12px;
  border-radius: 9999px;
  background: var(--bg-alt);
}

.tp__zakladka {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 7px 4px;
  border-radius: 9999px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .02em;
  color: var(--text-dim);
}

.tp__zakladka--podatki { animation: tp-tab-p 18s linear infinite; }
.tp__zakladka--koszty  { animation: tp-tab-k 18s linear infinite; }
.tp__zakladka--koszty {
  background: var(--surface);
  color: var(--text);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .10);
}
.tp__panele {
  position: relative;
  height: 404px;
}

.tp__panel {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.tp__panel--koszty  { opacity: 1; animation: tp-panel-k 18s cubic-bezier(.16, 1, .3, 1) infinite; }
.tp__panel--podatki { opacity: 0; animation: tp-panel-p 18s cubic-bezier(.16, 1, .3, 1) infinite; }
.tp__wiersz {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 13px 14px;
  border: 1px solid var(--border);
  border-radius: var(--radius);
}

.tp__wiersz--pilny  { border-color: var(--warn-border); background: var(--warn-tint); }
.tp__wiersz--gotowe { border-color: var(--ok-border);   background: var(--ok-tint); }
.tp__wiersz--pilny-koszt {
  border-color: color-mix(in srgb, var(--cost-ink) 45%, transparent);
  background: color-mix(in srgb, var(--cost-ink) 7%, var(--surface));
}

.tp__wiersz-gora {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .05em;
  text-transform: uppercase;
  white-space: nowrap;
  color: var(--text-dim);
}

.tp__wiersz--pilny .tp__wiersz-gora { color: var(--warn); }
.tp__wiersz--pilny-koszt .tp__wiersz-gora { color: var(--cost-ink); }

.tp__ile {
  margin-left: auto;
  font-size: 11px;
  font-weight: 700;
  text-transform: none;
  letter-spacing: 0;
  white-space: nowrap;
}

.tp__wiersz--pilny .tp__ile,
.tp__wiersz--pilny-koszt .tp__ile { animation: tp-mrug 2.2s ease-in-out infinite; }

.tp__kwota {
  font-family: var(--font-display);
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -.02em;
  font-variant-numeric: tabular-nums;
  color: var(--text);
}

.tp__kwota--mala { font-size: 17px; font-weight: 600; }

.tp__zrodlo { font-size: 11px; color: var(--text-dim); }

.tp__akcja {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  margin-top: 2px;
  border-radius: 9px;
  background: var(--primary);
  color: var(--primary-on);
  font-size: 12.5px;
  font-weight: 600;
}

.tp__slad {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 11.5px;
  color: var(--text);
}

.tp__ptaszek {
  display: grid;
  place-items: center;
  flex: none;
  width: 17px;
  height: 17px;
  border-radius: 50%;
  font-size: 11px;
  font-style: normal;
  color: #fff;
}

.tp__ptaszek--klient { background: var(--accent); }
.tp__ptaszek--biuro  { background: var(--primary); }
.tp__kafle {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin: 28px 0 0;
  padding: 0;
  list-style: none;
}

.tp__kafel {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 22px 22px 24px;
  border: 1px solid var(--border);
  border-radius: var(--radius);
  background: var(--surface);
  box-shadow: var(--shadow-sm);
}

.tp__kafel b {
  font-family: var(--font-display);
  font-size: 17px;
  font-weight: 600;
  letter-spacing: -.02em;
  line-height: 1.24;
}

.tp__kafel span {
  font-size: 14px;
  line-height: 1.55;
  color: var(--text-dim);
  text-wrap: pretty;
}
.tp__domkniecie {
  display: flex;
  align-items: center;
  gap: 24px;
  flex-wrap: wrap;
  margin: 34px 0 0;
  padding: 28px 0 0;
  border-top: 1px solid var(--border);
}

.tp__zdanie {
  flex: 1 1 420px;
  margin: 0;
  font-family: var(--font-display);
  font-size: clamp(20px, 2.4vw, 26px);
  line-height: 1.22;
  font-weight: 600;
  letter-spacing: -.025em;
  text-wrap: balance;
}
@keyframes tp-dzis {
  0%   { left: 2%; }
  100% { left: 96%; }
}

@keyframes tp-grzej-zus {
  0%, 58%   { background: var(--bg-alt);    color: var(--text-dim); }
  63%, 73%  { background: var(--warn-tint); color: var(--warn); }
  78%, 100% { background: var(--bg-alt);    color: var(--text-dim); }
}

@keyframes tp-grzej-vat {
  0%, 76%   { background: var(--bg-alt);    color: var(--text-dim); }
  80%, 88%  { background: var(--warn-tint); color: var(--warn); }
  93%, 100% { background: var(--bg-alt);    color: var(--text-dim); }
}

@keyframes tp-grzej-tel {
  0%, 24%   { background: var(--bg-alt); color: var(--text-dim); }
  28%, 38%  { background: color-mix(in srgb, var(--cost-ink) 10%, var(--surface)); color: var(--cost-ink); }
  43%, 100% { background: var(--bg-alt); color: var(--text-dim); }
}

@keyframes tp-grzej-lea {
  0%, 41%   { background: var(--bg-alt); color: var(--text-dim); }
  45%, 55%  { background: color-mix(in srgb, var(--cost-ink) 10%, var(--surface)); color: var(--cost-ink); }
  60%, 100% { background: var(--bg-alt); color: var(--text-dim); }
}

@keyframes tp-grzej-wyn {
  0%, 86%  { background: var(--bg-alt); color: var(--text-dim); }
  90%, 98% { background: color-mix(in srgb, var(--cost-ink) 10%, var(--surface)); color: var(--cost-ink); }
  100%     { background: var(--bg-alt); color: var(--text-dim); }
}

@keyframes tp-push-k {
  0%        { opacity: 1; transform: none; }
  40%       { opacity: 1; transform: none; }
  47%, 96%  { opacity: 0; transform: translate3d(0, -14px, 0) scale(.96); }
  100%      { opacity: 1; transform: none; }
}

@keyframes tp-push-p {
  0%, 48%   { opacity: 0; transform: translate3d(0, -22px, 0) scale(.94); }
  55%, 92%  { opacity: 1; transform: none; }
  97%, 100% { opacity: 0; transform: translate3d(0, -14px, 0) scale(.96); }
}

@keyframes tp-panel-k {
  0%, 43%   { opacity: 1; transform: none; }
  49%, 97%  { opacity: 0; transform: translate3d(0, 10px, 0); }
  100%      { opacity: 1; transform: none; }
}

@keyframes tp-panel-p {
  0%, 46%   { opacity: 0; transform: translate3d(0, 10px, 0); }
  52%, 95%  { opacity: 1; transform: none; }
  99%, 100% { opacity: 0; transform: translate3d(0, 10px, 0); }
}

@keyframes tp-tab-k {
  0%, 44%   { background: var(--surface); color: var(--text); box-shadow: 0 1px 3px 0 rgba(0,0,0,.10); }
  50%, 97%  { background: transparent;    color: var(--text-dim); box-shadow: none; }
  100%      { background: var(--surface); color: var(--text); box-shadow: 0 1px 3px 0 rgba(0,0,0,.10); }
}

@keyframes tp-tab-p {
  0%, 46%   { background: transparent;    color: var(--text-dim); box-shadow: none; }
  52%, 95%  { background: var(--surface); color: var(--text); box-shadow: 0 1px 3px 0 rgba(0,0,0,.10); }
  99%, 100% { background: transparent;    color: var(--text-dim); box-shadow: none; }
}

@keyframes tp-mrug {
  0%, 100% { opacity: .35; }
  50%      { opacity: 1; }
}
.tp__dzis,
.tp__znacznik b,
.tp__push,
.tp__panel,
.tp__zakladka,
.tp__ile { animation-play-state: paused; }

.tp.is-gra .tp__dzis,
.tp.is-gra .tp__znacznik b,
.tp.is-gra .tp__push,
.tp.is-gra .tp__panel,
.tp.is-gra .tp__zakladka,
.tp.is-gra .tp__ile { animation-play-state: running; }
.tp:not(.is-gra) .tp__wiersz--pilny .tp__ile,
.tp:not(.is-gra) .tp__wiersz--pilny-koszt .tp__ile { animation: none; }
@media (max-width: 1040px) {
  .tp__scena {
    grid-template-columns: minmax(0, 1fr);
    gap: 84px;
    justify-items: center;
    padding: 36px 28px 40px;
  }
  .tp__lewa { width: 100%; }
  .tp__prawa { margin-top: 0; }
}
@media (max-width: 700px) {
  .tp__os {
    display: flex;
    flex-direction: column;
    gap: 10px;
    height: auto;
  }
  .tp__tor,
  .tp__dzis,
  .tp__znacznik i { display: none; }
  .tp__znacznik {
    position: static;
    align-items: stretch;
    transform: none;
  }
  .tp__znacznik b {
    text-align: left;
    padding: 11px 14px;
    border-radius: var(--radius);
    font-size: 13px;
  }
  .tp__skala { display: none; }
  .tp__kafle { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width: 900px) and (min-width: 701px) {
  .tp__kafle { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 560px) {
  .tp__scena { padding: 26px 16px 30px; }
  .tp__prawa { width: 100%; max-width: 296px; }
}

@media (max-width: 760px) {
  .hero--foto {
    padding-top: 0;
  }
  .hero__kadr {
    --hero-zdjecie: clamp(250px, 42svh, 360px);
    display: block;
    height: auto;
    padding-top: var(--hero-zdjecie);
    border-radius: 0;
    box-shadow: none;
  }
  .hero--foto .hero__foto {
    inset: 0 0 auto 0;
    height: var(--hero-zdjecie);
    object-position: 45% 75%;
  }
  .hero--foto .hero__zaslona {
    inset: 0 0 auto 0;
    height: var(--hero-zdjecie);
    background: linear-gradient(
      to bottom,
      transparent 60%,
      color-mix(in srgb, var(--deep) 60%, transparent) 84%,
      var(--deep) 100%
    );
  }
  .hero--foto .hero__tresc {
    padding: 4px 20px 30px;
    background: var(--deep);
    text-align: left;
  }
  .hero--foto h1,
  .hero--foto .hero__mikro {
    margin-inline: 0;
  }
  .hero--foto .hero__tresc .hero__cta {
    justify-content: flex-start;
  }
  .hero--foto .eyebrow--kropka {
    width: auto;
    margin-inline: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
  .hero__pod {
    text-align: left;
  }
  .hero__pod .hero__p {
    margin-inline: 0;
  }
  .hero__pod .facts {
    justify-content: flex-start;
  }

  .tk__head {
    align-items: stretch;
    text-align: left;
  }
  .tk__lead {
    margin-inline: 0;
  }
  .tk__badge {
    text-align: left;
  }

  .pr__head,
  .pr__domkniecie {
    margin-inline: 0;
    text-align: left;
  }

  .pb__tresc .v0s__eyebrow,
  .pb__tresc .v0s__h2,
  .pb__tresc .pb__lead,
  .pk__tresc .v0s__eyebrow,
  .pk__tresc .v0s__h2,
  .pk__tresc .pk__lead {
    margin-inline: 0;
    text-align: left;
  }
  .pk__tresc .pk__more {
    margin-inline: 0;
  }

  #wlasnosc .v0s__head {
    margin-inline: 0;
    text-align: left;
  }
  #wlasnosc .v0s__lead {
    margin-inline: 0;
  }
  #wlasnosc .wl5__h3 {
    text-align: left;
  }
  #wlasnosc .wl5__note {
    margin-inline: 0;
    text-align: left;
  }

  .v0s-team__head {
    text-align: left;
  }
  .v0s-team__head .v0s__h2 {
    margin-inline: 0;
  }

  .v0s-cta > div:first-child {
    text-align: left;
  }
  .v0s-cta .v0s__h2,
  .v0s-cta .v0s__lead {
    margin-inline: 0;
  }
  .pr__link a {
    display: inline;
    padding-block: 12px;
    line-height: 1.5;
  }
  .pr__link a > span {
    white-space: nowrap;
  }
  .tk__eyebrow,
  .hero--foto .eyebrow {
    font: 500 12px/1.4 var(--font-display);
    letter-spacing: 0.18em;
    text-transform: uppercase;
  }
  .tk__eyebrow {
    margin: 0;
  }
  .tk__h2,
  .pr__h2 {
    max-width: none;
    margin: 16px 0 0;
    font: 600 28px/1.15 var(--font-display);
    letter-spacing: -0.025em;
  }
  .pr__h2 {
    margin-top: 0;
  }
  .v0s__lead,
  .tk__lead,
  .pr__lead {
    margin-top: 16px;
    font-size: 16px;
  }
  .hero--foto .btn--fill,
  .tp__domkniecie .btn--fill,
  .v0s-submit {
    min-height: 48px;
    padding: 0 22px;
    border-radius: var(--radius-sm);
    font: 600 15px/1 var(--font-body);
  }
  .sec,
  .pr {
    padding-top: 56px;
    padding-bottom: 56px;
  }
  .tp__scena {
    border-radius: var(--radius);
  }
  .v0s-card {
    border-radius: var(--radius-lg);
  }
}