/* Softineo: „Aplikacja w działaniu” (aplikacja.html). Filmy z ekranów STCS i SKT;
   komponent filmu (.film-wrap, figure.film, .film-steps) jest w softineo.css,
   pole kontaktu .cta-box w kontrola-ruchu.css. Strona bez rysunku. */

.site-footer .foot-here { font-weight: 700; }
.on-head { padding-top: clamp(48px, 6vw, 96px); }
.on-head h1 { font-size: clamp(34px, 4.2vw, 72px); letter-spacing: -.03em; line-height: 1; }

/* spis filmów w nagłówku: wiersze jak w wykazie arkuszy */
.app-toc { margin-top: 26px; }
.app-toc ul { list-style: none; margin: 10px 0 0; padding: 0; border-top: 1px solid var(--ink); }
.app-toc li { border-bottom: 1px solid var(--line-2); }
.app-toc a { display: flex; align-items: baseline; gap: 14px; padding: 11px 2px; font-size: 18px; font-weight: 700; text-decoration: none; }
.app-toc a:hover { text-decoration: underline; text-decoration-color: var(--y-deep); text-decoration-thickness: 2px; text-underline-offset: .3em; }
.app-toc small { min-width: 3.4em; font: 14px/1 var(--tech); font-weight: 400; color: var(--ink-2); letter-spacing: .04em; }

/* filmy jeden pod drugim */
.app-films { padding-top: clamp(24px, 3vw, 48px); }
.film-item + .film-item { margin-top: clamp(72px, 8vw, 128px); }
.film-item { scroll-margin-top: calc(var(--head-h, 64px) + 24px); }
.film-item h2 { font-size: clamp(30px, 3.2vw, 54px); }
.h-soft { color: var(--ink-2); font-weight: 400; }
.film-item .sec-lead .link-arrow { font-size: 17px; }

/* kontakt: sam przycisk, wyrównany do prawej i do środka pola */
.cta .cta-side { align-self: center; justify-self: end; }
@media (max-width: 1100px) { .cta .cta-side { justify-self: stretch; } }