/* Praxoria Startseite – v595: erste Sequenz als echte Laptop-Lernreise.
   Nur Lernführung geändert: Mensch setzt sich an Laptop; Zugangscode, Lern-Cockpit und Impuls liegen im Display; Impuls wandert weiter. */

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

/* Alte Positions- und Einzelanimationen der ersten Szene neutralisieren, damit kein leerer Cockpit-Zustand entsteht. */
html body.home.homeRefinedV595 .sceneLearnV588 .accessMomentV588,
html body.home.homeRefinedV595 .sceneLearnV588 .cockpitMomentV588,
html body.home.homeRefinedV595 .sceneLearnV588 .unitMomentV588,
html body.home.homeRefinedV595 .sceneLearnV588 .cockpitMomentV588::before,
html body.home.homeRefinedV595 .sceneLearnV588 .cockpitMomentV588::after,
html body.home.homeRefinedV595 .sceneLearnV588 .cockpitMomentV588 .sceneEyebrowV588,
html body.home.homeRefinedV595 .sceneLearnV588 .cockpitMomentV588 > strong,
html body.home.homeRefinedV595 .sceneLearnV588 .courseFlowV588,
html body.home.homeRefinedV595 .sceneLearnV588 .nextPillV588,
html body.home.homeRefinedV595 .sceneLearnV588 .unitMomentV588::before,
html body.home.homeRefinedV595 .sceneLearnV588 .traceLearnOneV588,
html body.home.homeRefinedV595 .sceneLearnV588 .traceLearnTwoV588,
html body.home.homeRefinedV595 .sceneLearnV588 .learnerAtCodeV588{
  animation:none !important;
  filter:none !important;
  clip-path:none !important;
}

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

/* Laptop als eigentlicher Ort des klar geführten Lernens. */
html body.home.homeRefinedV595 .laptopLearningV595{
  position:absolute !important;
  left:13.5% !important;
  top:9.5% !important;
  width:min(620px, 77%) !important;
  height:430px !important;
  z-index:4 !important;
  transform-origin:center bottom !important;
  animation:v595LaptopSettle 13s cubic-bezier(.22,.72,.18,1) infinite !important;
}

html body.home.homeRefinedV595 .laptopLidV595{
  position:absolute !important;
  left:10% !important;
  top:0 !important;
  width:80% !important;
  height:330px !important;
  border-radius:30px !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.94), rgba(246,252,255,.76)),
    radial-gradient(circle at 18% 15%, rgba(69,168,204,.09), transparent 44%) !important;
  border:1px solid rgba(69,168,204,.22) !important;
  box-shadow:0 34px 88px rgba(18,36,58,.09), inset 0 1px 0 rgba(255,255,255,.95) !important;
  display:block !important;
}

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

html body.home.homeRefinedV595 .screenGlowV595{
  position:absolute !important;
  left:20% !important;
  top:46px !important;
  width:58% !important;
  height:230px !important;
  border-radius:40% !important;
  background:radial-gradient(circle, rgba(69,168,204,.13), transparent 66%) !important;
  filter:blur(30px) !important;
  opacity:.72 !important;
  display:block !important;
  animation:v595ScreenGlow 13s ease-in-out infinite !important;
}

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

html body.home.homeRefinedV595 .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.homeRefinedV595 .laptopShadowV595{
  position:absolute !important;
  left:2% !important;
  top:360px !important;
  width:96% !important;
  height:44px !important;
  border-radius:50% !important;
  background:radial-gradient(ellipse, rgba(18,36,58,.11), transparent 68%) !important;
  filter:blur(12px) !important;
  opacity:.38 !important;
  display:block !important;
}

/* Mensch setzt sich an den Laptop; ruhiger, erzählerischer als Schwebekarte. */
html body.home.homeRefinedV595 .sceneLearnV588 .learnerAtLaptopV595{
  left:4.5% !important;
  top:39% !important;
  z-index:8 !important;
  transform-origin:center bottom !important;
  animation:v595LearnerSits 13s cubic-bezier(.22,.72,.18,1) infinite !important;
}

html body.home.homeRefinedV595 .sceneLearnV588 .learnerAtLaptopV595 .personHeadV588{
  animation:v595HeadAttend 13s ease-in-out infinite !important;
}

html body.home.homeRefinedV595 .sceneLearnV588 .armInputV588{
  left:50px !important;
  top:51px !important;
  height:58px !important;
  transform-origin:top center !important;
  animation:v595TypingArm 13s ease-in-out infinite !important;
}

html body.home.homeRefinedV595 .sceneLearnV588 .armLaptopRestV595{
  left:66px !important;
  top:60px !important;
  height:56px !important;
  opacity:.82 !important;
  transform:rotate(70deg) !important;
  animation:v595RestArm 13s ease-in-out infinite !important;
}

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

html body.home.homeRefinedV595 .sceneLearnV588 .accessMomentV595{
  left:23.5% !important;
  top:100px !important;
  width:250px !important;
  padding:17px 18px !important;
  z-index:11 !important;
  background:linear-gradient(145deg, rgba(255,255,255,.96), rgba(244,252,255,.82)) !important;
  border:1px solid rgba(69,168,204,.25) !important;
  transform-origin:center center !important;
  opacity:1 !important;
  animation:v595CodeInScreen 13s cubic-bezier(.22,.72,.18,1) infinite !important;
}

html body.home.homeRefinedV595 .sceneLearnV588 .accessMomentV595::after{
  content:"✓" !important;
  position:absolute !important;
  right:16px !important;
  top:50% !important;
  width:26px !important;
  height:26px !important;
  margin-top:-13px !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:17px !important;
  font-weight:950 !important;
  opacity:0 !important;
  transform:scale(.74) !important;
  animation:v595CodeSuccess 13s ease-in-out infinite !important;
}

html body.home.homeRefinedV595 .sceneLearnV588 .codeFieldV588{
  height:42px !important;
  padding:0 48px 0 14px !important;
  border-radius:14px !important;
  background:rgba(255,255,255,.72) !important;
}

html body.home.homeRefinedV595 .sceneLearnV588 .cockpitMomentV595{
  left:16.5% !important;
  top:34px !important;
  width:67% !important;
  min-height:254px !important;
  padding:22px 24px !important;
  z-index:7 !important;
  background:transparent !important;
  border:0 !important;
  opacity:0 !important;
  transform:translateY(10px) scale(.985) !important;
  animation:v595CockpitBuilds 13s cubic-bezier(.2,.72,.18,1) infinite !important;
}

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

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

html body.home.homeRefinedV595 .sceneLearnV588 .cockpitMomentV595 > strong{
  max-width:330px !important;
  font-size:clamp(18px, 1.36vw, 23px) !important;
  letter-spacing:-.045em !important;
}

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

html body.home.homeRefinedV595 .sceneLearnV588 .courseFlowV588 .flowRowV588{
  padding-left:33px !important;
  font-size:14px !important;
  line-height:1.25 !important;
  opacity:1 !important;
  color:#172134 !important;
  transform:none !important;
  animation:none !important;
}

html body.home.homeRefinedV595 .sceneLearnV588 .courseFlowV588 .isQuietV588{
  opacity:.55 !important;
}

html body.home.homeRefinedV595 .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;
  width:245px !important;
  min-height:58px !important;
  margin:2px 0 0 !important;
  padding:11px 13px 11px 15px !important;
  border-radius:16px !important;
  background:linear-gradient(135deg, rgba(69,168,204,.14), rgba(255,255,255,.74)) !important;
  border:1px solid rgba(69,168,204,.22) !important;
  box-shadow:0 14px 34px rgba(69,168,204,.065) !important;
  transform-origin:left center !important;
  animation:v595NextOpensImpulse 13s cubic-bezier(.2,.72,.18,1) infinite !important;
}

html body.home.homeRefinedV595 .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,.72) 45%, transparent 78%) !important;
  transform:translateX(-120%) !important;
  opacity:0 !important;
  animation:v595NextShine 13s ease-in-out infinite !important;
}

html body.home.homeRefinedV595 .sceneLearnV588 .unitMomentV595{
  left:26% !important;
  top:178px !important;
  width:330px !important;
  min-height:96px !important;
  padding:18px 20px !important;
  z-index:12 !important;
  background:linear-gradient(145deg, rgba(255,255,255,.95), rgba(255,250,242,.84)) !important;
  border:1px solid rgba(210,165,78,.26) !important;
  opacity:0 !important;
  transform:translateY(8px) scale(.94) !important;
  transform-origin:30% 0 !important;
  animation:v595ImpulseOpensInDisplay 13s cubic-bezier(.2,.72,.18,1) infinite !important;
}

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

/* Der Impuls löst sich aus dem Display und wandert zum nächsten Abschnitt weiter. */
html body.home.homeRefinedV595 .impulseCarryV595{
  position:absolute !important;
  left:50% !important;
  top:69% !important;
  width:178px !important;
  min-height:64px !important;
  padding:14px 16px !important;
  border-radius:18px !important;
  z-index:10 !important;
  background:linear-gradient(145deg, rgba(255,255,255,.92), rgba(255,250,242,.76)) !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 !important;
  transform:translate(0,0) scale(.88) !important;
  animation:v595ImpulseTravels 13s cubic-bezier(.2,.72,.18,1) infinite !important;
}

html body.home.homeRefinedV595 .impulseCarryV595 strong{
  font-size:15px !important;
}

/* Keyframes: Code -> Cockpit -> Impuls -> Weitertragen. */
@keyframes v595LaptopSettle{
  0%,10%{ transform:translateY(4px) scale(.985); opacity:.96; }
  18%,100%{ transform:translateY(0) scale(1); opacity:1; }
}
@keyframes v595ScreenGlow{
  0%,18%{ opacity:.42; transform:scale(.94); }
  32%,66%{ opacity:.80; transform:scale(1); }
  82%,100%{ opacity:.58; transform:scale(.98); }
}
@keyframes v595LearnerSits{
  0%,12%{ opacity:.88; transform:translate(-16px, 12px) scale(.96); }
  22%,54%{ opacity:1; transform:translate(0, 0) scale(1); }
  70%,100%{ opacity:.92; transform:translate(8px, 0) scale(.99); }
}
@keyframes v595HeadAttend{
  0%,18%{ transform:translateY(0); }
  28%,42%{ transform:translateY(2px); }
  64%,100%{ transform:translateY(0); }
}
@keyframes v595TypingArm{
  0%,10%{ transform:rotate(48deg); }
  14%,26%{ transform:rotate(60deg); }
  29%,35%{ transform:rotate(53deg); }
  44%,100%{ transform:rotate(66deg); }
}
@keyframes v595RestArm{
  0%,24%{ opacity:.40; transform:rotate(78deg); }
  34%,100%{ opacity:.82; transform:rotate(70deg); }
}
@keyframes v595CodeInScreen{
  0%,24%{ opacity:1; transform:translateY(0) scale(1); }
  30%,36%{ opacity:1; transform:translateY(-2px) scale(1.015); }
  44%{ opacity:0; transform:translate(114px,-68px) scale(.36); filter:blur(.7px); }
  45%,100%{ opacity:0; transform:translate(114px,-68px) scale(.36); filter:blur(.7px); }
}
@keyframes v595CodeSuccess{
  0%,22%{ opacity:0; transform:scale(.74); }
  27%,36%{ opacity:1; transform:scale(1); }
  42%,100%{ opacity:0; transform:scale(.84); }
}
@keyframes v595CockpitBuilds{
  0%,36%{ opacity:0; transform:translateY(10px) scale(.985); }
  42%,70%{ opacity:1; transform:translateY(0) scale(1); }
  84%,100%{ opacity:.92; transform:translateY(-2px) scale(.995); }
}
@keyframes v595NextOpensImpulse{
  0%,52%{ transform:translateY(0) scale(1); box-shadow:0 14px 34px rgba(69,168,204,.065); }
  58%,66%{ transform:translateY(-1px) scale(1.035); box-shadow:0 18px 46px rgba(69,168,204,.13); }
  76%,100%{ transform:translateY(0) scale(1); box-shadow:0 14px 34px rgba(69,168,204,.065); }
}
@keyframes v595NextShine{
  0%,54%{ opacity:0; transform:translateX(-120%); }
  62%{ opacity:.78; }
  74%,100%{ opacity:0; transform:translateX(120%); }
}
@keyframes v595ImpulseOpensInDisplay{
  0%,62%{ opacity:0; transform:translateY(8px) scale(.94); }
  69%,82%{ opacity:1; transform:translateY(0) scale(1); }
  90%,100%{ opacity:0; transform:translate(90px,82px) scale(.72); }
}
@keyframes v595ImpulseTravels{
  0%,72%{ opacity:0; transform:translate(-24px,-30px) scale(.78); }
  80%{ opacity:.96; transform:translate(0,0) scale(1); }
  100%{ opacity:.34; transform:translate(72px,168px) scale(.88); }
}

@media (prefers-reduced-motion: reduce){
  html body.home.homeRefinedV595 .laptopLearningV595,
  html body.home.homeRefinedV595 .screenGlowV595,
  html body.home.homeRefinedV595 .learnerAtLaptopV595,
  html body.home.homeRefinedV595 .learnerAtLaptopV595 .personHeadV588,
  html body.home.homeRefinedV595 .learnerAtLaptopV595 .armInputV588,
  html body.home.homeRefinedV595 .learnerAtLaptopV595 .armLaptopRestV595,
  html body.home.homeRefinedV595 .accessMomentV595,
  html body.home.homeRefinedV595 .accessMomentV595::after,
  html body.home.homeRefinedV595 .cockpitMomentV595,
  html body.home.homeRefinedV595 .nextPillV588,
  html body.home.homeRefinedV595 .nextPillV588::before,
  html body.home.homeRefinedV595 .unitMomentV595,
  html body.home.homeRefinedV595 .impulseCarryV595{
    animation:none !important;
    transform:none !important;
    filter:none !important;
  }
  html body.home.homeRefinedV595 .accessMomentV595{ opacity:0 !important; }
  html body.home.homeRefinedV595 .cockpitMomentV595,
  html body.home.homeRefinedV595 .unitMomentV595{ opacity:1 !important; }
  html body.home.homeRefinedV595 .impulseCarryV595{ opacity:.85 !important; }
}

@media (max-width:1220px){
  html body.home.homeRefinedV595 .laptopLearningV595{ left:11% !important; width:82% !important; }
  html body.home.homeRefinedV595 .sceneLearnV588 .learnerAtLaptopV595{ left:2.5% !important; }
  html body.home.homeRefinedV595 .sceneLearnV588 .unitMomentV595{ width:300px !important; }
}

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