/* Praxoria Home Refinement v589
   Nur Sequenz 1: Zugangscode bleibt, Lern-Cockpit baut sich danach auf,
   anschließend schließt der Impuls aus der Kurseinheit an. */

html body.home.homeRefinedV589 .sceneLearnV588{
  overflow:hidden !important;
}

/* Zugangscode bleibt der ruhige Startpunkt. */
html body.home.homeRefinedV589 .sceneLearnV588 .learnerAtCodeV588{
  left:5.5% !important;
  top:30% !important;
}
html body.home.homeRefinedV589 .accessMomentV588{
  left:14% !important;
  top:28% !important;
  width:198px !important;
  z-index:7 !important;
}

/* Danach baut sich das Lern-Cockpit auf. */
html body.home.homeRefinedV589 .cockpitMomentV588{
  left:42% !important;
  top:13% !important;
  width:min(370px, 43%) !important;
  min-height:278px !important;
  z-index:6 !important;
  transform-origin:left top !important;
  animation:v589CockpitBuild 8.8s cubic-bezier(.2,.72,.18,1) infinite !important;
}
html body.home.homeRefinedV589 .cockpitMomentV588 .sceneEyebrowV588,
html body.home.homeRefinedV589 .cockpitMomentV588 > strong{
  animation:v589CockpitTextBuild 8.8s ease-in-out infinite !important;
}
html body.home.homeRefinedV589 .cockpitMomentV588 > strong{
  animation-delay:.16s !important;
}
html body.home.homeRefinedV589 .courseFlowV588 .flowRowV588,
html body.home.homeRefinedV589 .nextPillV588{
  opacity:0 !important;
  transform:translateY(8px) !important;
  animation:v589CockpitItemBuild 8.8s ease-in-out infinite !important;
}
html body.home.homeRefinedV589 .courseFlowV588 .flowRowV588:nth-child(1){ animation-delay:.15s !important; }
html body.home.homeRefinedV589 .courseFlowV588 .flowRowV588:nth-child(2){ animation-delay:.38s !important; }
html body.home.homeRefinedV589 .courseFlowV588 .flowRowV588:nth-child(3){ animation-delay:.61s !important; }
html body.home.homeRefinedV589 .nextPillV588{
  animation-delay:.88s !important;
}

/* Anschließend schließt der Impuls aus der Kurseinheit an. */
html body.home.homeRefinedV589 .unitMomentV588{
  left:46% !important;
  top:66% !important;
  bottom:auto !important;
  width:330px !important;
  z-index:7 !important;
  border-color:rgba(210,165,78,.24) !important;
  transform-origin:left center !important;
  animation:v589UnitFollowsCockpit 8.8s cubic-bezier(.22,.66,.18,1) infinite !important;
}

/* Die Verbindung ist eine Reihenfolge, keine zweite Leiste. */
html body.home.homeRefinedV589 .traceLearnOneV588{
  left:34% !important;
  top:39% !important;
  width:14% !important;
  transform:rotate(-7deg) !important;
  animation:v589TraceAccessCockpit 8.8s ease-in-out infinite !important;
}
html body.home.homeRefinedV589 .traceLearnTwoV588{
  left:55% !important;
  top:62% !important;
  width:18% !important;
  transform:rotate(21deg) !important;
  animation:v589TraceCockpitUnit 8.8s ease-in-out infinite !important;
}

@keyframes v589CockpitBuild{
  0%,18%{
    opacity:0;
    transform:translate(-18px, 10px) scale(.965);
    clip-path:inset(0 100% 0 0 round 22px);
    filter:blur(1px);
  }
  30%,88%{
    opacity:1;
    transform:translate(0,0) scale(1);
    clip-path:inset(0 0 0 0 round 22px);
    filter:blur(0);
  }
  100%{
    opacity:.9;
    transform:translate(0,-2px) scale(.992);
    clip-path:inset(0 0 0 0 round 22px);
    filter:blur(0);
  }
}
@keyframes v589CockpitTextBuild{
  0%,23%{ opacity:0; transform:translateY(6px); }
  33%,92%{ opacity:1; transform:translateY(0); }
  100%{ opacity:.82; transform:translateY(-1px); }
}
@keyframes v589CockpitItemBuild{
  0%,28%{ opacity:0; transform:translateY(8px); }
  38%,92%{ opacity:1; transform:translateY(0); }
  100%{ opacity:.78; transform:translateY(-1px); }
}
@keyframes v589UnitFollowsCockpit{
  0%,50%{
    opacity:0;
    transform:translate(-12px, 12px) scale(.97);
    filter:blur(1px);
  }
  62%,92%{
    opacity:1;
    transform:translate(0,0) scale(1);
    filter:blur(0);
  }
  100%{
    opacity:.86;
    transform:translate(0,-2px) scale(.992);
    filter:blur(0);
  }
}
@keyframes v589TraceAccessCockpit{
  0%,18%{ opacity:0; transform:scaleX(.25) rotate(-7deg); }
  28%,43%{ opacity:.52; transform:scaleX(1) rotate(-7deg); }
  58%,100%{ opacity:.22; transform:scaleX(1) rotate(-7deg); }
}
@keyframes v589TraceCockpitUnit{
  0%,48%{ opacity:0; transform:scaleX(.2) rotate(21deg); }
  58%,74%{ opacity:.52; transform:scaleX(1) rotate(21deg); }
  90%,100%{ opacity:.22; transform:scaleX(1) rotate(21deg); }
}

@media (prefers-reduced-motion: reduce){
  html body.home.homeRefinedV589 .cockpitMomentV588,
  html body.home.homeRefinedV589 .cockpitMomentV588 .sceneEyebrowV588,
  html body.home.homeRefinedV589 .cockpitMomentV588 > strong,
  html body.home.homeRefinedV589 .courseFlowV588 .flowRowV588,
  html body.home.homeRefinedV589 .nextPillV588,
  html body.home.homeRefinedV589 .unitMomentV588,
  html body.home.homeRefinedV589 .traceLearnOneV588,
  html body.home.homeRefinedV589 .traceLearnTwoV588{
    animation:none !important;
    opacity:1 !important;
    transform:none !important;
    filter:none !important;
    clip-path:none !important;
  }
}