/* SŁOWIK DIGITAL v7.7 — spokojniejsza ścieżka, ambient sygnetu, CMS branż i stopka */

/* Ścieżka ma wyraźne odstępy między etapami. */
.conversion-story__rail span{
  transition:transform .18s linear!important;
}
.conversion-story__step{
  transition:opacity .42s ease,transform .52s cubic-bezier(.2,.8,.2,1),filter .42s ease!important;
}
.conversion-story__step.is-current .conversion-story__node{
  animation:conversionCurrentPulse 1.65s ease-in-out infinite;
}
@keyframes conversionCurrentPulse{
  0%,100%{box-shadow:0 0 0 0 rgba(114,226,239,.12),0 13px 30px rgba(0,12,27,.18)}
  50%{box-shadow:0 0 0 9px rgba(114,226,239,0),0 16px 36px rgba(0,12,27,.24),0 0 25px rgba(114,226,239,.19)}
}

/* Ambient uruchamiany po postoju w sekcji. */
.conversion-story{isolation:isolate}
.conversion-story__ambient{
  position:absolute;
  inset:-45px -65px;
  z-index:0;
  overflow:hidden;
  pointer-events:none;
  opacity:0;
  transform:scale(.96);
  transition:opacity .8s ease,transform 1s cubic-bezier(.2,.8,.2,1);
}
.conversion-path-section.is-ambient-active .conversion-story__ambient{
  opacity:1;
  transform:scale(1);
}
.conversion-story__ambient::before{
  content:"";
  position:absolute;
  width:330px;
  height:330px;
  right:6%;
  top:10%;
  border-radius:50%;
  background:radial-gradient(circle,rgba(114,226,239,.13),rgba(0,184,212,.045) 38%,transparent 72%);
  filter:blur(5px);
  animation:conversionAmbientBreathe 4.8s ease-in-out infinite;
}
.conversion-story__orbit{
  position:absolute;
  right:7%;
  top:14%;
  width:280px;
  height:280px;
  border:1px solid rgba(114,226,239,.12);
  border-radius:50%;
  box-shadow:inset 0 0 38px rgba(114,226,239,.035);
}
.conversion-story__orbit--one{animation:conversionOrbit 17s linear infinite}
.conversion-story__orbit--two{
  width:218px;
  height:218px;
  right:10.2%;
  top:19.3%;
  border-style:dashed;
  border-color:rgba(255,255,255,.10);
  animation:conversionOrbitReverse 12s linear infinite;
}
.conversion-story__symbol{
  position:absolute;
  right:13.4%;
  top:28%;
  width:115px;
  height:115px;
  object-fit:contain;
  opacity:.18;
  filter:drop-shadow(0 0 24px rgba(114,226,239,.40));
  animation:conversionSymbolFloat 4.4s ease-in-out infinite;
}
.conversion-story__infinity{
  position:absolute;
  left:3%;
  bottom:3%;
  width:56%;
  height:auto;
  opacity:.26;
  overflow:visible;
}
.conversion-story__infinity path{
  fill:none;
  stroke:#72e2ef;
  stroke-width:2;
  stroke-linecap:round;
  stroke-dasharray:12 12;
  filter:drop-shadow(0 0 8px rgba(114,226,239,.48));
  animation:conversionInfinityRoad 2.9s linear infinite;
}
.conversion-story__play{
  position:absolute;
  left:28%;
  bottom:12.5%;
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  border:1px solid rgba(114,226,239,.28);
  border-radius:50%;
  background:rgba(5,25,40,.62);
  box-shadow:0 0 24px rgba(114,226,239,.20),inset 0 0 16px rgba(114,226,239,.07);
  animation:conversionPlayTravel 5.2s ease-in-out infinite;
}
.conversion-story__play i{
  width:0;
  height:0;
  margin-left:3px;
  border-left:11px solid #d8fbff;
  border-top:7px solid transparent;
  border-bottom:7px solid transparent;
  filter:drop-shadow(0 0 6px rgba(114,226,239,.7));
}
.conversion-story__topline,
.conversion-story__stage,
.conversion-story__result{position:relative;z-index:2}
@keyframes conversionAmbientBreathe{50%{transform:scale(1.08);opacity:.72}}
@keyframes conversionOrbit{to{transform:rotate(360deg)}}
@keyframes conversionOrbitReverse{to{transform:rotate(-360deg)}}
@keyframes conversionSymbolFloat{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-9px) rotate(2deg)}}
@keyframes conversionInfinityRoad{to{stroke-dashoffset:-48}}
@keyframes conversionPlayTravel{0%,100%{transform:translate(-18px,8px) scale(.92)}50%{transform:translate(74px,-30px) scale(1.06)}}

/* Dolne menu nie może wchodzić na obszar stopki. */
.floating-bottom-nav.is-footer-hidden{
  opacity:0!important;
  pointer-events:none!important;
  transform:translate(-50%,22px)!important;
}

@media(max-width:760px){
  .conversion-story__ambient{inset:-24px -12px}
  .conversion-story__ambient::before{width:230px;height:230px;right:-18%;top:18%}
  .conversion-story__orbit{width:205px;height:205px;right:-14%;top:22%}
  .conversion-story__orbit--two{width:152px;height:152px;right:-7%;top:29%}
  .conversion-story__symbol{width:82px;height:82px;right:4%;top:35%}
  .conversion-story__infinity{left:-8%;bottom:1%;width:78%}
  .conversion-story__play{left:22%;bottom:8%;width:38px;height:38px}
}
@media(prefers-reduced-motion:reduce){
  .conversion-story__orbit,.conversion-story__symbol,.conversion-story__infinity path,.conversion-story__play,.conversion-story__step.is-current .conversion-story__node{animation:none!important}
}

/* Linki do szczegółowych podstron usług */
.service-detail-link{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 4px;color:var(--service-text,#fff);font-size:11px;font-weight:760;text-decoration:none;opacity:.78;transition:opacity .22s ease,transform .22s ease}.service-detail-link i{color:var(--service-accent,#72e2ef);font-style:normal;transition:transform .22s ease}.service-detail-link:hover{opacity:1}.service-detail-link:hover i{transform:translateX(4px)}
@media(max-width:760px){.service-detail-link{width:100%;justify-content:flex-start;margin-top:2px}}