/* V604: robuste, sichtbare Impuls-Kartenreise.
   Nur der Übergang der Karte „Impuls · Frage mitnehmen“ zur Transferkarte wird korrigiert.
   Keine Inhaltsänderung. */

html body.home.homeRefinedV604 .sceneLearnV588{
  overflow:visible !important;
  contain:none !important;
}

/* Alte Motion-Path-Logik aus V603 wird vollständig neutralisiert.
   Standard-Transform ist hier zuverlässiger und besser steuerbar. */
html body.home.homeRefinedV604 .sceneLearnV588 .impulseCarryV595{
  position:absolute !important;
  left:48.8% !important;
  top:64.5% !important;
  width:214px !important;
  min-height:72px !important;
  padding:15px 17px !important;
  z-index:28 !important;
  border-radius:20px !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.98), rgba(255,250,242,.88)) !important;
  border:1px solid rgba(210,165,78,.30) !important;
  box-shadow:
    0 22px 58px rgba(98,71,24,.09),
    inset 0 1px 0 rgba(255,255,255,.94) !important;
  opacity:0 !important;
  transform:translate3d(0,0,0) scale(.96) !important;
  transform-origin:left top !important;
  offset-path:none !important;
  offset-distance:0% !important;
  offset-rotate:0deg !important;
  will-change:transform, opacity, box-shadow !important;
  animation:v604ImpulseDock 11.2s cubic-bezier(.18,.76,.14,1) 1 forwards !important;
}

html body.home.homeRefinedV604 .sceneLearnV588 .impulseCarryV595 .sceneEyebrowV588{
  display:block !important;
  margin-bottom:7px !important;
  letter-spacing:.18em !important;
  color:rgba(23,33,52,.52) !important;
}

html body.home.homeRefinedV604 .sceneLearnV588 .impulseCarryV595 strong{
  display:block !important;
  font-size:15.5px !important;
  line-height:1.15 !important;
  letter-spacing:-.025em !important;
  color:#172134 !important;
}

/* Dezente, einmalige Spur: sie zeigt den Weg, ohne eine zweite Leiste aufzubauen. */
html body.home.homeRefinedV604 .sceneLearnV588::after{
  content:"" !important;
  position:absolute !important;
  left:47.2% !important;
  top:71.5% !important;
  width:250px !important;
  height:220px !important;
  z-index:12 !important;
  pointer-events:none !important;
  border-left:1px solid rgba(210,165,78,.18) !important;
  border-bottom:1px solid rgba(210,165,78,.16) !important;
  border-radius:0 0 0 150px !important;
  opacity:0 !important;
  transform:translate(-22px, -4px) rotate(7deg) !important;
  filter:blur(.15px) !important;
  clip-path:inset(0 0 100% 0) !important;
  animation:v604ImpulseTrace 11.2s ease-in-out 1 forwards !important;
}

/* Während Learn aktiv ist, darf der erste Transferanker den ankommenden Impuls aufnehmen.
   Die gesamte Transferzeile bleibt weiterhin zurückhaltend. */
html body.home.homeRefinedV604 .verticalLearningJourneyV584.is-learn .sceneTransferV588{
  opacity:.58 !important;
  filter:saturate(.86) contrast(.99) !important;
}

html body.home.homeRefinedV604 .verticalLearningJourneyV584.is-learn .sceneTransferV588 .courseImpulseV588{
  opacity:.32 !important;
  transform:translateY(8px) scale(.985) !important;
  transform-origin:left top !important;
  animation:v604CourseImpulseReceive 11.2s cubic-bezier(.18,.76,.14,1) 1 forwards !important;
}

html body.home.homeRefinedV604 .verticalLearningJourneyV584.is-transfer .sceneTransferV588 .courseImpulseV588{
  opacity:1 !important;
  transform:translateY(0) scale(1) !important;
  animation:none !important;
}

html body.home.homeRefinedV604 .verticalLearningJourneyV584.is-transfer .sceneLearnV588 .impulseCarryV595,
html body.home.homeRefinedV604 .verticalLearningJourneyV584.is-document .sceneLearnV588 .impulseCarryV595,
html body.home.homeRefinedV604 .verticalLearningJourneyV584.is-transfer .sceneLearnV588::after,
html body.home.homeRefinedV604 .verticalLearningJourneyV584.is-document .sceneLearnV588::after{
  opacity:0 !important;
  animation:none !important;
}

@keyframes v604ImpulseDock{
  0%,60%{
    opacity:0;
    transform:translate3d(0,0,0) scale(.94);
    box-shadow:0 18px 44px rgba(98,71,24,.055), inset 0 1px 0 rgba(255,255,255,.92);
  }
  65%{
    opacity:1;
    transform:translate3d(0,0,0) scale(1);
    box-shadow:0 24px 60px rgba(98,71,24,.10), inset 0 1px 0 rgba(255,255,255,.94);
  }
  72%{
    opacity:1;
    transform:translate3d(0,0,0) scale(1);
  }
  86%{
    opacity:.98;
    transform:translate3d(-150px, 112px, 0) scale(.98);
    box-shadow:0 26px 66px rgba(210,165,78,.12), inset 0 1px 0 rgba(255,255,255,.94);
  }
  100%{
    opacity:.82;
    transform:translate3d(-320px, 244px, 0) scale(.78);
    box-shadow:0 18px 42px rgba(98,71,24,.075), inset 0 1px 0 rgba(255,255,255,.92);
  }
}

@keyframes v604ImpulseTrace{
  0%,62%{ opacity:0; clip-path:inset(0 0 100% 0); }
  72%{ opacity:.22; clip-path:inset(0 0 62% 0); }
  89%{ opacity:.28; clip-path:inset(0 0 0 0); }
  100%{ opacity:.16; clip-path:inset(0 0 0 0); }
}

@keyframes v604CourseImpulseReceive{
  0%,74%{
    opacity:.24;
    transform:translateY(10px) scale(.975);
    box-shadow:0 18px 42px rgba(98,71,24,.04), inset 0 1px 0 rgba(255,255,255,.86);
  }
  88%{
    opacity:.52;
    transform:translateY(2px) scale(1.01);
    box-shadow:0 26px 66px rgba(210,165,78,.10), inset 0 1px 0 rgba(255,255,255,.92);
  }
  100%{
    opacity:.70;
    transform:translateY(0) scale(1);
    box-shadow:0 22px 58px rgba(18,36,58,.07), inset 0 1px 0 rgba(255,255,255,.90);
  }
}

@media (prefers-reduced-motion: reduce){
  html body.home.homeRefinedV604 .sceneLearnV588 .impulseCarryV595,
  html body.home.homeRefinedV604 .sceneLearnV588::after,
  html body.home.homeRefinedV604 .verticalLearningJourneyV584.is-learn .sceneTransferV588 .courseImpulseV588{
    animation:none !important;
  }
  html body.home.homeRefinedV604 .sceneLearnV588 .impulseCarryV595{
    opacity:.82 !important;
    transform:translate3d(-320px, 244px, 0) scale(.78) !important;
  }
  html body.home.homeRefinedV604 .sceneLearnV588::after{
    opacity:.13 !important;
    clip-path:inset(0 0 0 0) !important;
  }
}

@media (max-width:680px){
  html body.home.homeRefinedV604 .sceneLearnV588 .impulseCarryV595{
    left:42% !important;
    top:62% !important;
    width:186px !important;
    transform-origin:left top !important;
  }
  @keyframes v604ImpulseDock{
    0%,60%{ opacity:0; transform:translate3d(0,0,0) scale(.94); }
    65%,72%{ opacity:1; transform:translate3d(0,0,0) scale(1); }
    86%{ opacity:.98; transform:translate3d(-88px, 132px, 0) scale(.94); }
    100%{ opacity:.82; transform:translate3d(-178px, 246px, 0) scale(.76); }
  }
}