/* V606: Impuls-Karte zeitlich und räumlich sauber andocken lassen.
   Keine Inhaltsänderung. Korrektur: nicht vor Zugangscode sichtbar,
   Start am unteren Ende der Kurseinheit, sanftes Verschwinden hinter „Impuls im Kurs“. */

html body.home.homeRefinedV606 .verticalLearningJourneyV584,
html body.home.homeRefinedV606 .premiumLearningJourneyV588,
html body.home.homeRefinedV606 .journeySceneV588,
html body.home.homeRefinedV606 .sceneLearnV588,
html body.home.homeRefinedV606 .sceneTransferV588{
  overflow:visible !important;
  contain:none !important;
}

/* Die Zielkarte liegt oberhalb der reisenden Karte. So verschwindet die Impulskarte
   hinter „Impuls im Kurs“, statt über die Zielkarte hinwegzufahren. */
html body.home.homeRefinedV606 .sceneLearnV588{ z-index:7 !important; }
html body.home.homeRefinedV606 .sceneTransferV588{ z-index:8 !important; }

html body.home.homeRefinedV606 .sceneLearnV588 .impulseCarryV595{
  display:block !important;
  visibility:visible !important;
  position:absolute !important;
  left:54.5% !important;
  top:74.5% !important;
  width:218px !important;
  min-height:74px !important;
  padding:15px 18px !important;
  z-index:42 !important;
  border-radius:21px !important;
  background:linear-gradient(145deg, rgba(255,255,255,.985), rgba(255,251,244,.91)) !important;
  border:1px solid rgba(210,165,78,.30) !important;
  box-shadow:
    0 24px 64px rgba(108,76,24,.11),
    0 6px 18px rgba(210,165,78,.055),
    inset 0 1px 0 rgba(255,255,255,.96) !important;
  backdrop-filter:blur(12px) saturate(1.06) !important;
  -webkit-backdrop-filter:blur(12px) saturate(1.06) !important;
  opacity:1 !important;
  transform:translate3d(0,0,0) scale(1) !important;
  translate:0 10px;
  scale:.94;
  transform-origin:left top !important;
  clip-path:inset(0 0 100% 0 round 21px);
  filter:opacity(0) saturate(.98);
  offset-path:none !important;
  offset-distance:0 !important;
  offset-rotate:0deg !important;
  transition:none !important;
  animation:v606ImpulseDockBehind 9.6s cubic-bezier(.18,.76,.14,1) 1 forwards !important;
  pointer-events:none !important;
}

html body.home.homeRefinedV606 .sceneLearnV588 .impulseCarryV595 .sceneEyebrowV588{
  display:block !important;
  margin:0 0 7px !important;
  font-size:10px !important;
  line-height:1.1 !important;
  letter-spacing:.18em !important;
  color:rgba(23,33,52,.50) !important;
}

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

/* Ältere Regeln setzten die Karte im Learn-Zustand sofort sichtbar. Hier bleibt
   die Sichtbarkeit ausschließlich an die Sequenz gebunden: erst Code, dann Cockpit,
   dann Kurseinheit, dann die mitwandernde Impulskarte. */
html body.home.homeRefinedV606 .verticalLearningJourneyV584.is-learn .sceneLearnV588 .impulseCarryV595{
  opacity:1 !important;
  transform:translate3d(0,0,0) scale(1) !important;
  translate:0 10px;
  scale:.94;
  clip-path:inset(0 0 100% 0 round 21px);
  filter:opacity(0) saturate(.98);
  animation:v606ImpulseDockBehind 9.6s cubic-bezier(.18,.76,.14,1) 1 forwards !important;
}

/* Bei manuellem Scroll-Wechsel ist die reisende Karte bereits hinter der Zielkarte verschwunden. */
html body.home.homeRefinedV606 .verticalLearningJourneyV584.is-transfer .sceneLearnV588 .impulseCarryV595,
html body.home.homeRefinedV606 .verticalLearningJourneyV584.is-document .sceneLearnV588 .impulseCarryV595{
  opacity:1 !important;
  transform:translate3d(0,0,0) scale(1) !important;
  translate:-408px 306px;
  scale:.84;
  clip-path:inset(0 0 0 0 round 21px);
  filter:opacity(0) saturate(.86);
  animation:none !important;
}

/* Zurückhaltende Verbindungsspur: sichtbar erst nach geöffneter Kurseinheit. */
html body.home.homeRefinedV606 .sceneLearnV588::after{
  content:"" !important;
  position:absolute !important;
  left:53.8% !important;
  top:83.5% !important;
  width:238px !important;
  height:176px !important;
  z-index:18 !important;
  pointer-events:none !important;
  border-left:1.4px solid rgba(210,165,78,.18) !important;
  border-bottom:1.4px solid rgba(210,165,78,.14) !important;
  border-radius:0 0 0 170px !important;
  opacity:1 !important;
  transform:translate(-34px,-2px) rotate(4deg) !important;
  clip-path:inset(0 0 100% 0);
  filter:opacity(0) blur(.1px);
  animation:v606ImpulseTrace 9.6s ease-in-out 1 forwards !important;
}

html body.home.homeRefinedV606 .verticalLearningJourneyV584.is-transfer .sceneLearnV588::after,
html body.home.homeRefinedV606 .verticalLearningJourneyV584.is-document .sceneLearnV588::after{
  filter:opacity(0) blur(.1px) !important;
  animation:none !important;
}

/* Zielkarte: anfangs zurückhaltend, am Ende kurze Aufnahme des Impulses. */
html body.home.homeRefinedV606 .verticalLearningJourneyV584.is-learn .sceneTransferV588 .courseImpulseV588{
  position:relative !important;
  z-index:90 !important;
  opacity:.58 !important;
  transform:translateY(0) scale(1) !important;
  translate:0 8px;
  scale:.985;
  filter:opacity(.58) saturate(.94);
  box-shadow:0 18px 42px rgba(98,71,24,.045), inset 0 1px 0 rgba(255,255,255,.88) !important;
  animation:v606CourseImpulseReceive 9.6s cubic-bezier(.18,.76,.14,1) 1 forwards !important;
}

html body.home.homeRefinedV606 .verticalLearningJourneyV584.is-transfer .sceneTransferV588 .courseImpulseV588{
  position:relative !important;
  z-index:90 !important;
  opacity:1 !important;
  transform:translateY(0) scale(1) !important;
  translate:0 0;
  scale:1;
  filter:opacity(1) saturate(1);
  animation:none !important;
  box-shadow:
    0 24px 64px rgba(98,71,24,.09),
    0 0 0 1px rgba(210,165,78,.10),
    inset 0 1px 0 rgba(255,255,255,.92) !important;
}

@keyframes v606ImpulseDockBehind{
  0%,73%{
    clip-path:inset(0 0 100% 0 round 21px);
    filter:opacity(0) saturate(.98);
    translate:0 10px;
    scale:.94;
  }
  78%{
    clip-path:inset(0 0 0 0 round 21px);
    filter:opacity(.98) saturate(1.02);
    translate:0 0;
    scale:1;
  }
  84%{
    clip-path:inset(0 0 0 0 round 21px);
    filter:opacity(1) saturate(1.02);
    translate:-54px 44px;
    scale:1.01;
  }
  91%{
    clip-path:inset(0 0 0 0 round 21px);
    filter:opacity(.92) saturate(.98);
    translate:-214px 158px;
    scale:.96;
  }
  97%{
    clip-path:inset(0 0 0 0 round 21px);
    filter:opacity(.34) saturate(.9) blur(.05px);
    translate:-374px 276px;
    scale:.88;
  }
  100%{
    clip-path:inset(0 0 0 0 round 21px);
    filter:opacity(0) saturate(.86) blur(.1px);
    translate:-408px 306px;
    scale:.84;
  }
}

@keyframes v606ImpulseTrace{
  0%,77%{ clip-path:inset(0 0 100% 0); filter:opacity(0) blur(.1px); }
  86%{ clip-path:inset(0 0 48% 0); filter:opacity(.24) blur(.1px); }
  94%{ clip-path:inset(0 0 6% 0); filter:opacity(.18) blur(.1px); }
  100%{ clip-path:inset(0 0 0 0); filter:opacity(0) blur(.1px); }
}

@keyframes v606CourseImpulseReceive{
  0%,85%{
    translate:0 10px;
    scale:.982;
    filter:opacity(.48) saturate(.92);
  }
  94%{
    translate:0 2px;
    scale:1.012;
    filter:opacity(.72) saturate(1.02);
  }
  100%{
    translate:0 0;
    scale:1;
    filter:opacity(.58) saturate(.98);
  }
}

@media (prefers-reduced-motion: reduce){
  html body.home.homeRefinedV606 .sceneLearnV588 .impulseCarryV595,
  html body.home.homeRefinedV606 .sceneLearnV588::after,
  html body.home.homeRefinedV606 .sceneTransferV588 .courseImpulseV588{
    animation:none !important;
  }
  html body.home.homeRefinedV606 .sceneLearnV588 .impulseCarryV595{
    translate:-408px 306px;
    scale:.84;
    filter:opacity(0) saturate(.86);
  }
}

@media (max-width:1220px){
  html body.home.homeRefinedV606 .sceneLearnV588 .impulseCarryV595{
    left:52% !important;
    top:75% !important;
    width:204px !important;
  }
  @keyframes v606ImpulseDockBehind{
    0%,73%{ clip-path:inset(0 0 100% 0 round 21px); filter:opacity(0); translate:0 10px; scale:.94; }
    78%{ clip-path:inset(0 0 0 0 round 21px); filter:opacity(.98); translate:0 0; scale:1; }
    84%{ clip-path:inset(0 0 0 0 round 21px); filter:opacity(1); translate:-38px 42px; scale:1.01; }
    91%{ clip-path:inset(0 0 0 0 round 21px); filter:opacity(.92); translate:-164px 154px; scale:.96; }
    97%{ clip-path:inset(0 0 0 0 round 21px); filter:opacity(.34); translate:-292px 270px; scale:.88; }
    100%{ clip-path:inset(0 0 0 0 round 21px); filter:opacity(0); translate:-318px 300px; scale:.84; }
  }
}

@media (max-width:680px){
  html body.home.homeRefinedV606 .sceneLearnV588 .impulseCarryV595{
    left:38% !important;
    top:74% !important;
    width:184px !important;
    min-height:64px !important;
    padding:13px 15px !important;
  }
  @keyframes v606ImpulseDockBehind{
    0%,73%{ clip-path:inset(0 0 100% 0 round 21px); filter:opacity(0); translate:0 10px; scale:.94; }
    78%{ clip-path:inset(0 0 0 0 round 21px); filter:opacity(.98); translate:0 0; scale:1; }
    86%{ clip-path:inset(0 0 0 0 round 21px); filter:opacity(.94); translate:-64px 88px; scale:.96; }
    100%{ clip-path:inset(0 0 0 0 round 21px); filter:opacity(0); translate:-176px 222px; scale:.84; }
  }
}