/* Wdroż.AI spring-ui v1: CTA „Pokaż proces” + pola formularza leadów.
   Zasady: DESIGN.md §5 (sprężyny), §5.4 (reduced motion), §6 (brak nowych pętli).
   Referencja: podejście Kinetics (sprężyna → CSS linear()), wartości własne. */

/* Fallback: przeglądarki bez linear() dostają istniejącą krzywą marki. */
.nx-header__cta{transition:background .3s ease,color .3s ease,border-color .3s ease,transform .52s cubic-bezier(.16,1,.3,1)}
.nx-header__cta>span{transition:transform .52s cubic-bezier(.16,1,.3,1)}
.nx-lead-form input:not([type=checkbox]),.nx-lead-form textarea{background:linear-gradient(var(--nx-ember),var(--nx-ember)) 0 100%/0 1px no-repeat;transition:border-color .3s ease,background-size .66s cubic-bezier(.2,.75,.18,1)}
.nx-lead-form input:not([type=checkbox]):focus,.nx-lead-form textarea:focus{background-size:100% 1px}
.nx-lead-form label>span{transition:color .3s ease}
.nx-lead-form label:focus-within>span{color:var(--nx-bone)}

/* Sprężyny: k=420 c=26 (snappy, ~520 ms, ~7.6%) i k=260 c=22 (soft, ~660 ms, ~5.3%). */
@supports (transition-timing-function:linear(0,1)){
  .nx-header__cta{transition:background .3s ease,color .3s ease,border-color .3s ease,transform .52s linear(0,.082,.266,.48,.68,.841,.956,1.028,1.065,1.076,1.071,1.057,1.041,1.026,1.013,1.004,.998,.995,.994,.995,.996,.997,.998,.999,1)}
  .nx-header__cta>span{transition:transform .52s linear(0,.082,.266,.48,.68,.841,.956,1.028,1.065,1.076,1.071,1.057,1.041,1.026,1.013,1.004,.998,.995,.994,.995,.996,.997,.998,.999,1)}
  .nx-lead-form input:not([type=checkbox]),.nx-lead-form textarea{transition:border-color .3s ease,background-size .66s linear(0,.048,.162,.309,.463,.609,.736,.84,.92,.978,1.016,1.04,1.051,1.053,1.05,1.044,1.036,1.028,1.02,1.013,1.008,1.004,1.001,.999,.998,.997,.997,.997,.998,.998,.999,.999,1)}
}

/* Hover tylko na urządzeniach z kursorem. */
@media (hover:hover){
  .nx-header__cta:hover{transform:translateY(-2px)}
  .nx-header__cta:hover>span{transform:translate(3px,-3px)}
}
/* Nacisk: szybkie wciśnięcie, powrót na sprężynie. */
.nx-header__cta:active{transform:translateY(0) scale(.97);transition-duration:.3s,.3s,.3s,.1s}

@media (prefers-reduced-motion:reduce){
  .nx-header__cta,.nx-header__cta:hover,.nx-header__cta:active,.nx-header__cta>span,.nx-header__cta:hover>span{transform:none!important}
}