/* Leasing i faktoring – moduły strony */

/* ---------- Leasing: co, co sprawdzamy, dokumenty ---------- */
.lf-what h3{font-size:clamp(23px,2vw,27px)}
.lf-what p{margin:0}
.lf-check{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(28px,5vw,72px);margin-top:clamp(40px,5vw,64px)}
.lf-check h3,.lf-three h3{font-size:clamp(22px,1.9vw,26px);margin-bottom:12px}

/* ---------- Tabela porównania (operacyjny / finansowy) ---------- */
.vs{width:100%;border-collapse:collapse;border-top:1px solid var(--ink);font-size:15.5px}
.vs thead th{text-align:left;font-family:var(--f-display);font-weight:500;font-size:clamp(22px,2vw,28px);line-height:1.15;padding:20px 24px 16px 0;border-bottom:1px solid var(--ink);width:38%}
.vs th[scope=row]{text-align:left;font-weight:600;font-size:14px;letter-spacing:.02em;color:var(--brass-deep);padding:18px 24px 18px 0;width:24%;vertical-align:top}
.vs td{padding:18px 24px 18px 0;color:#2c3a41;vertical-align:top}
.vs tbody tr{border-bottom:1px solid var(--mist-line)}
.vs td + td{padding-left:24px;border-left:1px solid var(--mist-line)}
.vs thead th + th{padding-left:24px}
.lf-note{font-size:14px;color:var(--slate);margin:18px 0 0;max-width:760px}
.lf-calc{max-width:520px;margin-top:40px}
.lf-calc:focus-visible{outline-color:var(--brass-deep)}

/* ---------- Faktoring: faktura na 60 dni → gotówka dziś ---------- */
.lf-band{background:
  radial-gradient(ellipse 700px 420px at 85% 20%, rgba(54,92,111,.4) 0%, rgba(24,52,64,0) 100%),
  linear-gradient(180deg,var(--petrol-900),#0d1e26)}
.fxv{margin:0;display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(28px,5vw,80px);align-items:center}

.fxv__doc{position:relative;background:var(--mist);color:var(--ink);padding:24px 26px 0;box-shadow:0 30px 60px rgba(4,10,14,.35)}
.fxv__doc::before{content:"";position:absolute;inset:6px;border:1px solid rgba(122,93,44,.3);pointer-events:none}
.fxv__doc-top{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;border-bottom:1px solid var(--ink);padding-bottom:12px;margin:0 0 4px}
.fxv__doc-top b{font-family:var(--f-display);font-weight:500;font-size:25px;line-height:1.1}
.fxv__doc-top span{font-size:13px;color:var(--slate)}
.fxv__doc dl{margin:0;font-size:15px}
.fxv__doc dl div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--mist-line)}
.fxv__doc dt{color:var(--slate)}
.fxv__doc dd{margin:0;text-align:right}
.fxv__due{background:var(--petrol-900);color:var(--mist);padding:2px 8px}
.fxv__sum{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin:12px 0 0;padding:16px 0 22px;border-top:1px solid var(--ink)}
.fxv__sum span{font-size:14px;color:var(--slate)}
.fxv__sum b{font-family:var(--f-display);font-weight:500;font-size:clamp(26px,2.4vw,32px);line-height:1;white-space:nowrap}

.fxv__labels{display:flex;justify-content:space-between;font-size:13.5px;color:var(--jacket);margin:0 0 12px}
.fxv__labels span:first-child{color:var(--brass);font-weight:600}
.fxv__ruler{--cw:clamp(180px,40%,300px);--ease-cash:cubic-bezier(.6,.05,.25,1);position:relative;height:156px;border-bottom:1px solid rgba(234,238,240,.75)}
.fxv__ticks{position:absolute;left:0;right:0;bottom:0;height:14px;
  background-image:repeating-linear-gradient(to right,rgba(234,238,240,.7) 0 1px,transparent 1px calc(100% / 6)),repeating-linear-gradient(to right,rgba(234,238,240,.28) 0 1px,transparent 1px calc(100% / 60));
  background-size:100% 100%,100% 45%;background-position:0 0,0 100%;background-repeat:no-repeat}
.fxv__ticks::after{content:"";position:absolute;right:0;top:0;bottom:0;width:1px;background:rgba(234,238,240,.7)}
.fxv__days{display:flex;justify-content:space-between;font-size:12.5px;color:var(--jacket);margin:8px 0 0}
.fxv__days span:first-child{color:var(--brass);font-weight:600}

.fxv__cash{position:absolute;z-index:2;left:0;bottom:28px;width:var(--cw);background:var(--brass);color:var(--petrol-950);padding:12px 16px 14px;
  transition:left 1.6s var(--ease-cash) .25s}
.fxv__cash small{display:block;font-size:13px;font-weight:600;line-height:1.3}
.fxv__cash b{display:block;font-family:var(--f-display);font-weight:500;font-size:clamp(25px,2.6vw,36px);line-height:1.1;white-space:nowrap}
.fxv__cash::after{content:"";position:absolute;left:0;bottom:-28px;width:2px;height:28px;background:var(--brass)}
.fxv__rest{position:absolute;right:0;bottom:28px;width:clamp(140px,28%,220px);border:1px dashed rgba(201,171,112,.65);padding:10px 14px 12px;text-align:right;
  transition:opacity .6s var(--ease) 1.7s}
.fxv__rest small{display:block;font-size:12.5px;color:var(--jacket);line-height:1.3}
.fxv__rest b{font-family:var(--f-display);font-weight:500;font-size:22px;white-space:nowrap}
.fxv__rest::after{content:"";position:absolute;right:-1px;top:100%;height:28px;border-left:1px dashed rgba(201,171,112,.65)}
.fxv__trail{position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--brass);transform-origin:left;transform:scaleX(0);
  transition:transform 1.6s var(--ease-cash) .25s}
/* stan początkowy animacji (ustawia JS, tylko bez prefers-reduced-motion); bez JS widać od razu stan końcowy */
.fxv.is-armed:not(.is-play) .fxv__cash{left:calc(100% - var(--cw));transition:none}
.fxv.is-armed:not(.is-play) .fxv__rest{opacity:0;transition:none}
.fxv.is-armed:not(.is-play) .fxv__trail{transform:scaleX(1);transition:none}
.fxv figcaption{font-size:14.5px;line-height:1.55;color:#c3cbcf;margin:22px 0 0;max-width:640px}

.lf-band__foot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px 40px;margin-top:clamp(40px,5vw,64px);padding-top:26px;border-top:1px solid var(--line-dark)}
.lf-band__foot p{margin:0;color:#c3cbcf;max-width:620px}

/* ---------- Z regresem / bez ---------- */
.lf-tag{font-family:var(--f-display);font-size:15px;color:var(--brass-deep);margin:0 0 10px}
.lf-regres h3{font-size:clamp(26px,2.4vw,34px)}
.lf-three{margin-top:clamp(48px,6vw,80px)}
.lf-three .ticks li{font-size:15px}

/* ---------- Leasing, faktoring czy kredyt ---------- */
.pick{list-style:none;margin:0;padding:0;border-top:1px solid var(--ink)}
.pick li{display:grid;grid-template-columns:minmax(0,1fr) minmax(200px,auto);gap:12px 32px;align-items:center;padding:18px 0;border-bottom:1px solid var(--mist-line)}
.pick__need{margin:0;color:#2c3a41;font-size:16.5px}
.pick a{display:grid;grid-template-columns:auto auto;justify-content:end;align-items:baseline;column-gap:14px;min-height:44px;text-decoration:none;color:var(--ink);font-family:var(--f-display);font-size:clamp(22px,2vw,26px);line-height:1.15;text-align:right}
.pick a small{grid-column:1/-1;font-family:var(--f-text);font-size:12.5px;letter-spacing:.04em;color:var(--slate)}
.pick a::after{content:"→";font-family:var(--f-text);font-size:17px;color:var(--brass-deep);transition:transform .25s var(--ease)}
.pick a:hover{color:var(--brass-deep)}
.pick a:hover::after{transform:translateX(4px)}

@media (max-width:1020px){
  .fxv{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}
}
@media (max-width:760px){
  .lf-check{grid-template-columns:1fr}
  .vs thead{display:none}
  .vs,.vs tbody{display:block;width:auto}
  .vs tbody tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 16px;padding:16px 0}
  .vs th[scope=row]{grid-column:1/-1;width:auto;padding:0 0 4px}
  .vs td,.vs td + td{width:auto;padding:0;border:0;font-size:15px}
  .vs td + td{padding-left:16px;border-left:1px solid var(--mist-line)}
  .vs td[data-l]::before{content:attr(data-l);display:block;font-family:var(--f-display);font-size:18px;color:var(--ink);margin:6px 0 2px}
  .fxv{grid-template-columns:1fr;gap:40px}
  .fxv__ruler{--cw:66%;height:196px;overflow:hidden}
  .fxv__rest{width:52%;bottom:auto;top:0}
  .fxv__rest::after{height:200px}
  .fxv__cash small{font-size:12.5px}
  .fxv__cash b{font-size:25px}
  .pick li{grid-template-columns:1fr;gap:6px}
  .pick a{justify-content:start;text-align:left}
}