/* Praxoria Startseite – v596: robuste erste Sequenz im Laptop-Display.
   Nur Lernführung geändert: Code -> Cockpit-Aufbau -> Impuls öffnet -> Impuls wandert weiter. */

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

/* Alle alten Zeitachsen der ersten Szene deaktivieren. Die folgende Sequenz läuft einmal stabil und bleibt danach sinnvoll sichtbar. */
html body.home.homeRefinedV596 .sceneLearnV588 .accessMomentV588,
html body.home.homeRefinedV596 .sceneLearnV588 .cockpitMomentV588,
html body.home.homeRefinedV596 .sceneLearnV588 .unitMomentV588,
html body.home.homeRefinedV596 .sceneLearnV588 .cockpitMomentV588::before,
html body.home.homeRefinedV596 .sceneLearnV588 .cockpitMomentV588::after,
html body.home.homeRefinedV596 .sceneLearnV588 .cockpitMomentV588 .sceneEyebrowV588,
html body.home.homeRefinedV596 .sceneLearnV588 .cockpitMomentV588 > strong,
html body.home.homeRefinedV596 .sceneLearnV588 .courseFlowV588,
html body.home.homeRefinedV596 .sceneLearnV588 .flowRowV588,
html body.home.homeRefinedV596 .sceneLearnV588 .nextPillV588,
html body.home.homeRefinedV596 .sceneLearnV588 .unitMomentV588::before,
html body.home.homeRefinedV596 .sceneLearnV588 .impulseCarryV595,
html body.home.homeRefinedV596 .sceneLearnV588 .learnerAtLaptopV595,
html body.home.homeRefinedV596 .sceneLearnV588 .learnerAtLaptopV595 .personHeadV588,
html body.home.homeRefinedV596 .sceneLearnV588 .armInputV588,
html body.home.homeRefinedV596 .sceneLearnV588 .armLaptopRestV595,
html body.home.homeRefinedV596 .sceneLearnV588 .laptopLearningV595,
html body.home.homeRefinedV596 .sceneLearnV588 .screenGlowV595{
  animation:none !important;
  filter:none ;
  clip-path:none !important;
}

html body.home.homeRefinedV596 .sceneLearnV588 .traceLearnOneV588,
html body.home.homeRefinedV596 .sceneLearnV588 .traceLearnTwoV588{
  display:none !important;
}

/* Großzügiger Laptop als ruhiger Handlungsort. */
html body.home.homeRefinedV596 .laptopLearningV595{
  position:absolute !important;
  left:12% !important;
  top:7.5% !important;
  width:min(640px, 82%) !important;
  height:450px !important;
  z-index:4 !important;
  transform:translateZ(0);
  transform-origin:center bottom !important;
}

html body.home.homeRefinedV596 .laptopLidV595{
  position:absolute !important;
  left:9% !important;
  top:0 !important;
  width:82% !important;
  height:340px !important;
  border-radius:30px !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.96), rgba(247,253,255,.82)),
    radial-gradient(circle at 22% 18%, rgba(69,168,204,.08), transparent 48%) !important;
  border:1px solid rgba(69,168,204,.22) !important;
  box-shadow:0 36px 92px rgba(18,36,58,.08), inset 0 1px 0 rgba(255,255,255,.96) !important;
  display:block !important;
}

html body.home.homeRefinedV596 .laptopLidV595::before{
  content:"" !important;
  position:absolute !important;
  inset:18px !important;
  border-radius:22px !important;
  border:1px solid rgba(69,168,204,.08) !important;
  background:linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,0)) !important;
}

html body.home.homeRefinedV596 .screenGlowV595{
  position:absolute !important;
  left:19% !important;
  top:54px !important;
  width:60% !important;
  height:220px !important;
  border-radius:42% !important;
  background:radial-gradient(circle, rgba(69,168,204,.12), transparent 68%) !important;
  filter:blur(30px) ;
  opacity:.66 ;
  display:block !important;
  animation:v596ScreenBreath 8.8s ease-in-out 1 both !important;
}

html body.home.homeRefinedV596 .laptopBaseV595{
  position:absolute !important;
  left:4% !important;
  top:328px !important;
  width:92% !important;
  height:66px !important;
  border-radius:8px 8px 34px 34px !important;
  background:linear-gradient(180deg, rgba(255,255,255,.88), rgba(238,246,250,.62)) !important;
  border:1px solid rgba(23,33,52,.07) !important;
  box-shadow:0 22px 52px rgba(18,36,58,.065) !important;
  clip-path:polygon(7% 0, 93% 0, 100% 100%, 0 100%) !important;
  display:block !important;
}

html body.home.homeRefinedV596 .laptopBaseV595::after{
  content:"" !important;
  position:absolute !important;
  left:42% !important;
  top:13px !important;
  width:16% !important;
  height:8px !important;
  border-radius:99px !important;
  background:rgba(23,33,52,.08) !important;
}

html body.home.homeRefinedV596 .laptopShadowV595{
  position:absolute !important;
  left:2% !important;
  top:370px !important;
  width:96% !important;
  height:44px !important;
  border-radius:50% !important;
  background:radial-gradient(ellipse, rgba(18,36,58,.10), transparent 68%) !important;
  filter:blur(12px) ;
  opacity:.34 ;
  display:block !important;
}

/* Mensch sitzt am Laptop; nur eine kleine, natürliche Eingabebewegung. */
html body.home.homeRefinedV596 .sceneLearnV588 .learnerAtLaptopV595{
  left:4.2% !important;
  top:40% !important;
  z-index:8 !important;
  transform:translate(0,0) scale(1) ;
  opacity:.96 ;
}

html body.home.homeRefinedV596 .sceneLearnV588 .armInputV588{
  left:50px !important;
  top:51px !important;
  height:58px !important;
  transform-origin:top center !important;
  transform:rotate(61deg) ;
  animation:v596HandTypes 2.1s ease-in-out .15s 1 both !important;
}

html body.home.homeRefinedV596 .sceneLearnV588 .armLaptopRestV595{
  left:66px !important;
  top:60px !important;
  height:56px !important;
  opacity:.78 ;
  transform:rotate(70deg) ;
}

/* Alle Lernmomente liegen klar im Bildschirm. */
html body.home.homeRefinedV596 .sceneLearnV588 .accessMomentV595,
html body.home.homeRefinedV596 .sceneLearnV588 .cockpitMomentV595,
html body.home.homeRefinedV596 .sceneLearnV588 .unitMomentV595{
  position:absolute !important;
  border-radius:18px !important;
  box-shadow:none !important;
  backdrop-filter:none ;
  -webkit-backdrop-filter:none ;
}

/* Zugangscode: zunächst sichtbar unter der späteren Cockpit-Fläche, dann eingelöst und verschwunden. */
html body.home.homeRefinedV596 .sceneLearnV588 .accessMomentV595{
  left:31% !important;
  top:154px !important;
  width:270px !important;
  padding:17px 18px !important;
  z-index:14 !important;
  background:linear-gradient(145deg, rgba(255,255,255,.97), rgba(244,252,255,.84)) !important;
  border:1px solid rgba(69,168,204,.26) !important;
  opacity:1 ;
  transform:translateY(0) scale(1) ;
  animation:v596AccessRedeem 8.8s cubic-bezier(.2,.72,.18,1) 1 forwards !important;
}

html body.home.homeRefinedV596 .sceneLearnV588 .accessMomentV595 .sceneEyebrowV588{
  display:block !important;
  margin-bottom:9px !important;
  opacity:.68 ;
  letter-spacing:.18em !important;
}

html body.home.homeRefinedV596 .sceneLearnV588 .accessMomentV595::after{
  content:"✓" !important;
  position:absolute !important;
  right:16px !important;
  top:50% !important;
  width:28px !important;
  height:28px !important;
  margin-top:-14px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:50% !important;
  background:rgba(143,180,95,.12) !important;
  border:1px solid rgba(143,180,95,.25) !important;
  color:#5f8138 !important;
  font-size:18px !important;
  font-weight:950 !important;
  opacity:0 ;
  transform:scale(.78) ;
  animation:v596AccessCheck 8.8s ease-in-out 1 forwards !important;
}

html body.home.homeRefinedV596 .sceneLearnV588 .codeFieldV588{
  height:44px !important;
  padding:0 50px 0 15px !important;
  border-radius:14px !important;
  background:rgba(255,255,255,.78) !important;
  border-color:rgba(69,168,204,.20) !important;
}

html body.home.homeRefinedV596 .sceneLearnV588 .codeFieldV588 i{
  animation:v596Cursor 1.1s steps(2,end) infinite !important;
}

/* Cockpit: komplett verborgen bis Code akzeptiert ist; danach stabile Inhaltsfläche. */
html body.home.homeRefinedV596 .sceneLearnV588 .cockpitMomentV595{
  left:17% !important;
  top:31px !important;
  width:66% !important;
  min-height:276px !important;
  padding:22px 25px !important;
  z-index:10 !important;
  background:transparent !important;
  border:0 !important;
  opacity:0 ;
  transform:translateY(12px) scale(.985) ;
  animation:v596CockpitReveal 8.8s cubic-bezier(.2,.72,.18,1) 1 forwards !important;
}

html body.home.homeRefinedV596 .sceneLearnV588 .cockpitMomentV595::before,
html body.home.homeRefinedV596 .sceneLearnV588 .cockpitMomentV595::after{
  display:none !important;
  content:none !important;
}

html body.home.homeRefinedV596 .sceneLearnV588 .cockpitMomentV595 .sceneEyebrowV588,
html body.home.homeRefinedV596 .sceneLearnV588 .cockpitMomentV595 > strong,
html body.home.homeRefinedV596 .sceneLearnV588 .courseFlowV588,
html body.home.homeRefinedV596 .sceneLearnV588 .nextPillV588{
  opacity:1 ;
  transform:none ;
  animation:none !important;
}

html body.home.homeRefinedV596 .sceneLearnV588 .cockpitMomentV595 .sceneEyebrowV588{
  display:block !important;
  margin-bottom:10px !important;
  color:rgba(23,33,52,.50) !important;
}

html body.home.homeRefinedV596 .sceneLearnV588 .cockpitMomentV595 > strong{
  display:block !important;
  max-width:350px !important;
  font-size:clamp(18px, 1.35vw, 23px) !important;
  line-height:1.08 !important;
  letter-spacing:-.045em !important;
  color:#172134 !important;
}

html body.home.homeRefinedV596 .sceneLearnV588 .courseFlowV588{
  display:grid !important;
  margin:20px 0 18px !important;
  gap:12px !important;
}

html body.home.homeRefinedV596 .sceneLearnV588 .courseFlowV588 .flowRowV588{
  display:block !important;
  position:relative !important;
  padding-left:34px !important;
  font-size:14px !important;
  line-height:1.25 !important;
  opacity:1 ;
  color:#172134 !important;
  transform:none ;
  animation:none !important;
}

html body.home.homeRefinedV596 .sceneLearnV588 .courseFlowV588 .isQuietV588{
  opacity:.58 ;
}

html body.home.homeRefinedV596 .sceneLearnV588 .nextPillV588{
  display:grid !important;
  grid-template-columns:1fr 30px !important;
  grid-template-rows:auto auto !important;
  column-gap:12px !important;
  align-items:center !important;
  position:relative !important;
  width:252px !important;
  min-height:60px !important;
  margin:2px 0 0 !important;
  padding:11px 13px 11px 15px !important;
  border-radius:16px !important;
  background:linear-gradient(135deg, rgba(69,168,204,.15), rgba(255,255,255,.76)) !important;
  border:1px solid rgba(69,168,204,.23) !important;
  box-shadow:0 15px 36px rgba(69,168,204,.07) !important;
  overflow:hidden !important;
  animation:v596NextEmphasis 8.8s cubic-bezier(.2,.72,.18,1) 1 forwards !important;
}

html body.home.homeRefinedV596 .sceneLearnV588 .nextPillV588::before{
  content:"" !important;
  position:absolute !important;
  inset:-1px !important;
  border-radius:inherit !important;
  background:linear-gradient(100deg, transparent 0%, rgba(255,255,255,.75) 45%, transparent 80%) !important;
  transform:translateX(-120%) ;
  opacity:0 ;
  animation:v596NextShine 8.8s ease-in-out 1 forwards !important;
}

/* Impuls öffnet im Display aus dem nächsten Schritt. */
html body.home.homeRefinedV596 .sceneLearnV588 .unitMomentV595{
  left:25% !important;
  top:184px !important;
  width:336px !important;
  min-height:100px !important;
  padding:18px 20px !important;
  z-index:13 !important;
  background:linear-gradient(145deg, rgba(255,255,255,.96), rgba(255,250,242,.86)) !important;
  border:1px solid rgba(210,165,78,.27) !important;
  box-shadow:0 18px 44px rgba(98,71,24,.055), inset 0 1px 0 rgba(255,255,255,.9) !important;
  opacity:0 ;
  transform:translateY(8px) scale(.94) ;
  transform-origin:34% 0 !important;
  animation:v596ImpulseOpen 8.8s cubic-bezier(.2,.72,.18,1) 1 forwards !important;
}

html body.home.homeRefinedV596 .sceneLearnV588 .unitMomentV595::before{
  display:none !important;
  content:none !important;
}

html body.home.homeRefinedV596 .sceneLearnV588 .unitMomentV595 .sceneEyebrowV588{
  display:block !important;
  margin-bottom:9px !important;
  color:rgba(23,33,52,.50) !important;
}

html body.home.homeRefinedV596 .sceneLearnV588 .unitMomentV595 strong,
html body.home.homeRefinedV596 .sceneLearnV588 .unitMomentV595 span:last-child{
  display:block !important;
  color:#172134 !important;
}

html body.home.homeRefinedV596 .sceneLearnV588 .unitMomentV595 span:last-child{
  margin-top:7px !important;
  font-size:14px !important;
  line-height:1.35 !important;
  opacity:.66 ;
}

/* Der gleiche Impuls verlässt den Bildschirm Richtung Transfer. Er bleibt sichtbar statt in einem leeren Zwischenzustand zu verschwinden. */
html body.home.homeRefinedV596 .sceneLearnV588 .impulseCarryV595{
  position:absolute !important;
  left:53% !important;
  top:62% !important;
  width:184px !important;
  min-height:66px !important;
  padding:14px 16px !important;
  border-radius:18px !important;
  z-index:12 !important;
  background:linear-gradient(145deg, rgba(255,255,255,.92), rgba(255,250,242,.78)) !important;
  border:1px solid rgba(210,165,78,.24) !important;
  box-shadow:0 18px 44px rgba(98,71,24,.08), inset 0 1px 0 rgba(255,255,255,.9) !important;
  opacity:0 ;
  transform:translate(-26px,-26px) scale(.82) ;
  animation:v596ImpulseCarry 8.8s cubic-bezier(.2,.72,.18,1) 1 forwards !important;
}

html body.home.homeRefinedV596 .sceneLearnV588 .impulseCarryV595 .sceneEyebrowV588{
  display:block !important;
  margin-bottom:6px !important;
}

html body.home.homeRefinedV596 .sceneLearnV588 .impulseCarryV595 strong{
  display:block !important;
  font-size:15px !important;
  color:#172134 !important;
}

@keyframes v596ScreenBreath{
  0%{ opacity:.42; transform:scale(.94); }
  35%,100%{ opacity:.72; transform:scale(1); }
}
@keyframes v596HandTypes{
  0%{ transform:rotate(50deg); }
  38%{ transform:rotate(63deg); }
  66%{ transform:rotate(55deg); }
  100%{ transform:rotate(69deg); }
}
@keyframes v596Cursor{
  0%,52%{ opacity:1; }
  53%,100%{ opacity:0; }
}
@keyframes v596AccessRedeem{
  0%,22%{ opacity:1; transform:translateY(0) scale(1); }
  29%,36%{ opacity:1; transform:translateY(-2px) scale(1.012); }
  44%,100%{ opacity:0; transform:translate(0,-66px) scale(.68); pointer-events:none; }
}
@keyframes v596AccessCheck{
  0%,21%{ opacity:0; transform:scale(.78); }
  28%,38%{ opacity:1; transform:scale(1); }
  44%,100%{ opacity:0; transform:scale(.88); }
}
@keyframes v596CockpitReveal{
  0%,39%{ opacity:0; transform:translateY(12px) scale(.985); }
  48%,100%{ opacity:1; transform:translateY(0) scale(1); }
}
@keyframes v596NextEmphasis{
  0%,61%{ transform:translateY(0) scale(1); box-shadow:0 15px 36px rgba(69,168,204,.07); }
  69%,77%{ transform:translateY(-1px) scale(1.035); box-shadow:0 20px 50px rgba(69,168,204,.14); }
  86%,100%{ transform:translateY(0) scale(1); box-shadow:0 15px 36px rgba(69,168,204,.07); }
}
@keyframes v596NextShine{
  0%,62%{ opacity:0; transform:translateX(-120%); }
  70%{ opacity:.82; }
  81%,100%{ opacity:0; transform:translateX(120%); }
}
@keyframes v596ImpulseOpen{
  0%,70%{ opacity:0; transform:translateY(8px) scale(.94); }
  78%,88%{ opacity:1; transform:translateY(0) scale(1); }
  100%{ opacity:.86; transform:translate(58px,52px) scale(.86); }
}
@keyframes v596ImpulseCarry{
  0%,82%{ opacity:0; transform:translate(-26px,-26px) scale(.82); }
  92%{ opacity:.96; transform:translate(0,0) scale(1); }
  100%{ opacity:.72; transform:translate(54px,96px) scale(.92); }
}

@media (prefers-reduced-motion: reduce){
  html body.home.homeRefinedV596 .sceneLearnV588 .accessMomentV595,
  html body.home.homeRefinedV596 .sceneLearnV588 .accessMomentV595::after,
  html body.home.homeRefinedV596 .sceneLearnV588 .codeFieldV588 i,
  html body.home.homeRefinedV596 .sceneLearnV588 .cockpitMomentV595,
  html body.home.homeRefinedV596 .sceneLearnV588 .nextPillV588,
  html body.home.homeRefinedV596 .sceneLearnV588 .nextPillV588::before,
  html body.home.homeRefinedV596 .sceneLearnV588 .unitMomentV595,
  html body.home.homeRefinedV596 .sceneLearnV588 .impulseCarryV595,
  html body.home.homeRefinedV596 .sceneLearnV588 .armInputV588,
  html body.home.homeRefinedV596 .sceneLearnV588 .screenGlowV595{
    animation:none !important;
    transform:none ;
    filter:none ;
  }
  html body.home.homeRefinedV596 .sceneLearnV588 .accessMomentV595{ opacity:0 !important; }
  html body.home.homeRefinedV596 .sceneLearnV588 .cockpitMomentV595,
  html body.home.homeRefinedV596 .sceneLearnV588 .unitMomentV595,
  html body.home.homeRefinedV596 .sceneLearnV588 .impulseCarryV595{ opacity:1 !important; }
}

@media (max-width:1220px){
  html body.home.homeRefinedV596 .laptopLearningV595{ left:10% !important; width:84% !important; }
  html body.home.homeRefinedV596 .sceneLearnV588 .learnerAtLaptopV595{ left:2.5% !important; }
  html body.home.homeRefinedV596 .sceneLearnV588 .unitMomentV595{ width:308px !important; }
}

@media (max-width:680px){
  html body.home.homeRefinedV596 .laptopLearningV595{ left:0 !important; top:12% !important; width:100% !important; transform:scale(.92) ; transform-origin:center top !important; }
  html body.home.homeRefinedV596 .sceneLearnV588 .learnerAtLaptopV595{ left:-1% !important; top:43% !important; transform:scale(.86) ; }
  html body.home.homeRefinedV596 .sceneLearnV588 .cockpitMomentV595{ left:17% !important; width:68% !important; }
  html body.home.homeRefinedV596 .sceneLearnV588 .accessMomentV595{ left:21% !important; width:58% !important; }
  html body.home.homeRefinedV596 .sceneLearnV588 .unitMomentV595{ left:20% !important; width:62% !important; }
}

/* v596 reliability polish: readable next-step pill and clean handover to the opened impulse. */
html body.home.homeRefinedV596 .sceneLearnV588 .nextPillV588 .nextEyebrowV592{
  grid-column:1 !important;
  grid-row:1 !important;
  align-self:end !important;
  margin:0 !important;
  font-size:10px !important;
  line-height:1.1 !important;
  opacity:.62 !important;
}
html body.home.homeRefinedV596 .sceneLearnV588 .nextPillV588 > strong{
  grid-column:1 !important;
  grid-row:2 !important;
  align-self:start !important;
  white-space:nowrap !important;
  overflow:visible !important;
  font-size:15px !important;
  line-height:1.12 !important;
  letter-spacing:-.02em !important;
}
html body.home.homeRefinedV596 .sceneLearnV588 .nextPillV588 .nextArrowV592{
  grid-column:2 !important;
  grid-row:1 / span 2 !important;
  align-self:center !important;
  justify-self:center !important;
}

@keyframes v596NextEmphasis{
  0%,61%{ opacity:1; transform:translateY(0) scale(1); box-shadow:0 15px 36px rgba(69,168,204,.07); }
  69%,76%{ opacity:1; transform:translateY(-1px) scale(1.035); box-shadow:0 20px 50px rgba(69,168,204,.14); }
  86%,100%{ opacity:.24; transform:translateY(2px) scale(.985); box-shadow:0 12px 30px rgba(69,168,204,.04); }
}