/* Praxoria Startseite – v578: neue subtile Lernreise-Animation als eigenständige Storybühne. */

html body.home.homeRefinedV578 .whyStoryPanelV578{
  position:sticky !important;
  top:96px !important;
  align-self:start !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:clamp(430px, 38vw, 540px) !important;
  padding:clamp(18px, 2.5vw, 30px) !important;
  overflow:visible !important;
  border:0 !important;
  background:
    radial-gradient(520px 340px at 24% 18%, color-mix(in oklab, var(--accent) 9%, transparent), transparent 70%),
    radial-gradient(520px 320px at 76% 86%, color-mix(in oklab, var(--accent2) 7%, transparent), transparent 72%),
    linear-gradient(145deg, rgba(255,255,255,.82), rgba(255,255,255,.50)) !important;
  box-shadow: none !important;
}
html body.home.homeRefinedV578 .whyStoryPanelV578::before{ display:none !important; }

html body.home.homeRefinedV578 .learningJourneyV578{
  --journey-blue: color-mix(in oklab, var(--accent) 72%, #fff);
  --journey-blue-line: color-mix(in oklab, var(--accent) 74%, var(--ink));
  --journey-green: color-mix(in oklab, var(--accent2) 74%, #fff);
  --journey-green-line: color-mix(in oklab, var(--accent2) 70%, var(--ink));
  --journey-gold: color-mix(in oklab, var(--accent3) 72%, #fff);
  --journey-gold-line: color-mix(in oklab, var(--accent3) 68%, var(--ink));
  --journey-active: var(--journey-blue-line);
  --journey-soft: color-mix(in oklab, var(--journey-active) 10%, transparent);
  --token-x: 14.4%;
  --token-y: 66.7%;
  --trail-offset: .72;
  position:relative !important;
  width:min(100%, 610px) !important;
  pointer-events:none !important;
  isolation:isolate !important;
}
html body.home.homeRefinedV578 .learningJourneyV578.is-transfer{
  --journey-active: var(--journey-gold-line);
  --token-x: 50.2%;
  --token-y: 46.1%;
  --trail-offset: .39;
}
html body.home.homeRefinedV578 .learningJourneyV578.is-document{
  --journey-active: var(--journey-green-line);
  --token-x: 83.6%;
  --token-y: 33.2%;
  --trail-offset: 0;
}

html body.home.homeRefinedV578 .journeyAuraV578{
  position:absolute !important;
  inset:clamp(20px, 3vw, 42px) clamp(8px, 1vw, 16px) clamp(10px, 2vw, 22px) !important;
  border-radius:42px !important;
  background:
    radial-gradient(circle at var(--token-x) var(--token-y), color-mix(in oklab, var(--journey-active) 18%, transparent), transparent 36%),
    radial-gradient(circle at 74% 17%, rgba(255,255,255,.68), transparent 42%) !important;
  filter:blur(22px) !important;
  opacity:.72 !important;
  transform:translate3d(0,0,0) !important;
  transition:background .75s ease, opacity .75s ease !important;
  animation:journeyAuraV578 6.8s ease-in-out infinite !important;
}

html body.home.homeRefinedV578 .journeyFrameV578{
  position:relative !important;
  min-height:clamp(380px, 33vw, 485px) !important;
  border-radius:44px !important;
  overflow:hidden !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.93), rgba(255,255,255,.64)),
    radial-gradient(460px 300px at 42% 30%, color-mix(in oklab, var(--journey-active) 5.5%, transparent), transparent 70%) !important;
  border:1px solid rgba(27,40,58,.078) !important;
  box-shadow:
    0 28px 70px rgba(18,32,48,.075),
    inset 0 1px 0 rgba(255,255,255,.94) !important;
  transition:background .75s ease, border-color .75s ease, box-shadow .75s ease !important;
}
html body.home.homeRefinedV578 .journeyFrameV578::before{
  content:"" !important;
  position:absolute !important;
  inset:18px !important;
  border-radius:34px !important;
  border:1px solid rgba(25,40,60,.052) !important;
  background:
    linear-gradient(90deg, rgba(25,40,60,.028) 1px, transparent 1px),
    linear-gradient(180deg, rgba(25,40,60,.022) 1px, transparent 1px) !important;
  background-size:58px 58px !important;
  mask-image:linear-gradient(135deg, rgba(0,0,0,.36), transparent 72%) !important;
  opacity:.52 !important;
}
html body.home.homeRefinedV578 .journeyFrameV578::after{
  content:"" !important;
  position:absolute !important;
  width:190px !important;
  height:190px !important;
  left:calc(var(--token-x) - 95px) !important;
  top:calc(var(--token-y) - 95px) !important;
  border-radius:999px !important;
  background:radial-gradient(circle, color-mix(in oklab, var(--journey-active) 12%, transparent), transparent 62%) !important;
  opacity:.66 !important;
  transition:left .85s cubic-bezier(.2,.7,.2,1), top .85s cubic-bezier(.2,.7,.2,1), background .75s ease !important;
  animation:journeyFocusV578 5.6s ease-in-out infinite !important;
}

html body.home.homeRefinedV578 .journeySvgV578{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  z-index:1 !important;
}
html body.home.homeRefinedV578 .journeyTrailBaseV578,
html body.home.homeRefinedV578 .journeyTrailActiveV578{
  fill:none !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
}
html body.home.homeRefinedV578 .journeyTrailBaseV578{
  stroke:rgba(25,40,60,.075) !important;
  stroke-width:3.4 !important;
}
html body.home.homeRefinedV578 .journeyTrailActiveV578{
  stroke:url(#journeyTrailV578) !important;
  stroke-width:4.1 !important;
  stroke-dasharray:1 !important;
  stroke-dashoffset:var(--trail-offset) !important;
  opacity:.70 !important;
  filter:drop-shadow(0 8px 16px color-mix(in oklab, var(--journey-active) 14%, transparent)) !important;
  transition:stroke-dashoffset .95s cubic-bezier(.2,.7,.2,1), opacity .6s ease !important;
  animation:journeyTrailBreatheV578 3.8s ease-in-out infinite !important;
}
html body.home.homeRefinedV578 .journeyWarmSpotV578{
  opacity:.54 !important;
  transform-origin:center !important;
  animation:journeyWarmV578 7s ease-in-out infinite !important;
}

html body.home.homeRefinedV578 .journeySceneV578{
  position:absolute !important;
  inset:0 !important;
  z-index:2 !important;
  opacity:0 !important;
  transform:translateY(10px) scale(.985) !important;
  transition:opacity .55s ease, transform .75s cubic-bezier(.2,.7,.2,1) !important;
}
html body.home.homeRefinedV578 .learningJourneyV578.is-learn .sceneLearnV578,
html body.home.homeRefinedV578 .learningJourneyV578.is-transfer .sceneTransferV578,
html body.home.homeRefinedV578 .learningJourneyV578.is-document .sceneDocumentV578{
  opacity:1 !important;
  transform:translateY(0) scale(1) !important;
}

html body.home.homeRefinedV578 .learnStackV578,
html body.home.homeRefinedV578 .ideaSheetV578,
html body.home.homeRefinedV578 .practiceMomentV578,
html body.home.homeRefinedV578 .proofSheetV578,
html body.home.homeRefinedV578 .proofCodeV578{
  position:absolute !important;
  border-radius:24px !important;
  background:linear-gradient(145deg, rgba(255,255,255,.84), rgba(255,255,255,.58)) !important;
  border:1px solid rgba(25,40,60,.072) !important;
  box-shadow:0 18px 38px rgba(16,31,48,.055), inset 0 1px 0 rgba(255,255,255,.9) !important;
}
html body.home.homeRefinedV578 .learnStackV578{
  width:27% !important;
  height:23% !important;
  animation:journeyCardFloatV578 6s ease-in-out infinite !important;
}
html body.home.homeRefinedV578 .stackTaskV578{ left:9%; top:47%; animation-delay:-.4s !important; }
html body.home.homeRefinedV578 .stackStandV578{ left:36.5%; top:31%; animation-delay:-1.4s !important; }
html body.home.homeRefinedV578 .stackNextV578{ right:9%; top:45%; animation-delay:-2.3s !important; }
html body.home.homeRefinedV578 .learnStackV578::before{
  content:"" !important;
  position:absolute !important;
  inset:12px 14px auto !important;
  height:6px !important;
  border-radius:999px !important;
  background:color-mix(in oklab, var(--journey-active) 18%, transparent) !important;
  opacity:.72 !important;
}
html body.home.homeRefinedV578 .learnStackV578 i{
  position:absolute !important;
  left:15px !important;
  top:28px !important;
  width:34px !important;
  height:34px !important;
  border-radius:13px !important;
  background:color-mix(in oklab, var(--journey-blue-line) 10%, white) !important;
  border:1px solid color-mix(in oklab, var(--journey-blue-line) 16%, transparent) !important;
}
html body.home.homeRefinedV578 .learnStackV578 b{
  position:absolute !important;
  left:58px !important;
  right:18px !important;
  height:4px !important;
  border-radius:999px !important;
  background:rgba(25,40,60,.14) !important;
}
html body.home.homeRefinedV578 .learnStackV578 b:nth-of-type(1){ top:39px; }
html body.home.homeRefinedV578 .learnStackV578 b:nth-of-type(2){ top:53px; right:38px; opacity:.62; }
html body.home.homeRefinedV578 .stackStandV578 strong{
  position:absolute !important;
  left:50% !important;
  top:54% !important;
  width:54px !important;
  height:54px !important;
  transform:translate(-50%,-50%) !important;
  border-radius:50% !important;
  background:conic-gradient(var(--journey-blue-line) 0 238deg, rgba(25,40,60,.08) 238deg 360deg) !important;
  box-shadow:inset 0 0 0 14px rgba(255,255,255,.84) !important;
  animation:journeyRingV578 5.4s ease-in-out infinite !important;
}

html body.home.homeRefinedV578 .ideaSheetV578{
  left:11% !important;
  top:35% !important;
  width:28% !important;
  height:31% !important;
  transform:rotate(-3deg) !important;
  background:linear-gradient(145deg, color-mix(in oklab, var(--journey-gold-line) 7%, #fff), rgba(255,255,255,.66)) !important;
  animation:journeySheetV578 6.2s ease-in-out infinite !important;
}
html body.home.homeRefinedV578 .ideaSheetV578 i{
  position:absolute !important;
  left:18px !important;
  top:18px !important;
  width:38px !important;
  height:38px !important;
  border-radius:50% !important;
  background:color-mix(in oklab, var(--journey-gold-line) 16%, white) !important;
}
html body.home.homeRefinedV578 .ideaSheetV578 b{
  position:absolute !important;
  left:20px !important;
  right:24px !important;
  height:5px !important;
  border-radius:999px !important;
  background:rgba(25,40,60,.13) !important;
}
html body.home.homeRefinedV578 .ideaSheetV578 b:nth-of-type(1){ bottom:40px; }
html body.home.homeRefinedV578 .ideaSheetV578 b:nth-of-type(2){ bottom:24px; right:54px; opacity:.58; }
html body.home.homeRefinedV578 .reflectionOrbV578{
  position:absolute !important;
  left:45.2% !important;
  top:44.5% !important;
  width:76px !important;
  height:76px !important;
  transform:translate(-50%,-50%) !important;
  border-radius:50% !important;
  background:radial-gradient(circle at 38% 35%, #fff, color-mix(in oklab, var(--journey-gold-line) 13%, #fff) 52%, rgba(255,255,255,.45)) !important;
  border:1px solid color-mix(in oklab, var(--journey-gold-line) 20%, transparent) !important;
  box-shadow:0 16px 34px rgba(16,31,48,.065) !important;
  animation:journeyOrbV578 4.8s ease-in-out infinite !important;
}
html body.home.homeRefinedV578 .reflectionOrbV578 span{
  position:absolute !important;
  border-radius:999px !important;
  background:color-mix(in oklab, var(--journey-gold-line) 38%, white) !important;
}
html body.home.homeRefinedV578 .reflectionOrbV578 span:nth-child(1){ width:28px; height:4px; left:24px; top:33px; transform:rotate(-36deg); }
html body.home.homeRefinedV578 .reflectionOrbV578 span:nth-child(2){ width:28px; height:4px; left:24px; top:39px; transform:rotate(36deg); opacity:.75; }
html body.home.homeRefinedV578 .practiceMomentV578{
  right:10% !important;
  top:42% !important;
  width:29% !important;
  height:29% !important;
  background:linear-gradient(145deg, color-mix(in oklab, var(--journey-green-line) 8%, #fff), rgba(255,255,255,.66)) !important;
  animation:journeyCardFloatV578 6.4s ease-in-out infinite !important;
}
html body.home.homeRefinedV578 .practiceMomentV578 i{
  position:absolute !important;
  left:22px !important;
  top:22px !important;
  width:38px !important;
  height:38px !important;
  border-radius:50% 50% 44% 44% !important;
  background:color-mix(in oklab, var(--journey-green-line) 16%, white) !important;
  border:1px solid color-mix(in oklab, var(--journey-green-line) 18%, transparent) !important;
}
html body.home.homeRefinedV578 .practiceMomentV578 b,
html body.home.homeRefinedV578 .practiceMomentV578 span{
  position:absolute !important;
  left:74px !important;
  right:20px !important;
  height:5px !important;
  border-radius:999px !important;
  background:rgba(25,40,60,.13) !important;
}
html body.home.homeRefinedV578 .practiceMomentV578 b{ top:39px; }
html body.home.homeRefinedV578 .practiceMomentV578 span{ top:57px; right:45px; opacity:.58; }

html body.home.homeRefinedV578 .proofSheetV578{
  left:17% !important;
  top:23% !important;
  width:34% !important;
  height:48% !important;
  border-radius:28px !important;
  background:linear-gradient(145deg, color-mix(in oklab, var(--journey-green-line) 7%, #fff), rgba(255,255,255,.72)) !important;
  animation:journeySheetV578 6.6s ease-in-out infinite !important;
}
html body.home.homeRefinedV578 .proofSheetV578 i{
  position:absolute !important;
  right:22px !important;
  top:22px !important;
  width:46px !important;
  height:46px !important;
  border-radius:50% !important;
  background:conic-gradient(var(--journey-green-line) 0 310deg, rgba(25,40,60,.08) 310deg 360deg) !important;
  box-shadow:inset 0 0 0 12px rgba(255,255,255,.85) !important;
  animation:journeyProofRingV578 5s ease-in-out infinite !important;
}
html body.home.homeRefinedV578 .proofSheetV578 b{
  position:absolute !important;
  left:26px !important;
  right:42px !important;
  height:6px !important;
  border-radius:999px !important;
  background:rgba(25,40,60,.13) !important;
}
html body.home.homeRefinedV578 .proofSheetV578 b:nth-of-type(1){ top:82px; }
html body.home.homeRefinedV578 .proofSheetV578 b:nth-of-type(2){ top:104px; right:76px; opacity:.58; }
html body.home.homeRefinedV578 .proofSheetV578 strong{
  position:absolute !important;
  left:26px !important;
  bottom:26px !important;
  width:84px !important;
  height:10px !important;
  border-radius:999px !important;
  background:color-mix(in oklab, var(--journey-green-line) 22%, white) !important;
}
html body.home.homeRefinedV578 .proofCodeV578{
  right:13% !important;
  top:45% !important;
  width:29% !important;
  height:24% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:9px !important;
  background:linear-gradient(145deg, color-mix(in oklab, var(--journey-blue-line) 6%, #fff), rgba(255,255,255,.70)) !important;
  animation:journeyCardFloatV578 6s ease-in-out infinite !important;
}
html body.home.homeRefinedV578 .proofCodeV578 span{
  display:block !important;
  width:28px !important;
  height:28px !important;
  border-radius:9px !important;
  background:rgba(25,40,60,.08) !important;
  box-shadow:inset 0 0 0 1px rgba(25,40,60,.06) !important;
  animation:journeyCodeV578 2.8s ease-in-out infinite !important;
}
html body.home.homeRefinedV578 .proofCodeV578 span:nth-child(2){ animation-delay:.18s !important; }
html body.home.homeRefinedV578 .proofCodeV578 span:nth-child(3){ animation-delay:.36s !important; }
html body.home.homeRefinedV578 .sealMomentV578{
  position:absolute !important;
  right:27.4% !important;
  top:31% !important;
  width:78px !important;
  height:78px !important;
  border-radius:50% !important;
  background:radial-gradient(circle at 42% 36%, #fff, color-mix(in oklab, var(--journey-green-line) 15%, #fff) 55%, rgba(255,255,255,.46)) !important;
  border:1px solid color-mix(in oklab, var(--journey-green-line) 25%, transparent) !important;
  box-shadow:0 18px 34px rgba(16,31,48,.065) !important;
  animation:journeySealV578 4.8s ease-in-out infinite !important;
}
html body.home.homeRefinedV578 .sealMomentV578::before,
html body.home.homeRefinedV578 .sealMomentV578::after{
  content:"" !important;
  position:absolute !important;
  border-radius:999px !important;
  background:color-mix(in oklab, var(--journey-green-line) 46%, white) !important;
}
html body.home.homeRefinedV578 .sealMomentV578::before{ width:26px; height:5px; left:25px; top:38px; transform:rotate(-45deg); }
html body.home.homeRefinedV578 .sealMomentV578::after{ width:15px; height:5px; left:20px; top:43px; transform:rotate(42deg); }

html body.home.homeRefinedV578 .quietThreadV578{
  position:absolute !important;
  height:1px !important;
  border-radius:999px !important;
  background:linear-gradient(90deg, transparent, color-mix(in oklab, var(--journey-active) 30%, transparent), transparent) !important;
  opacity:.62 !important;
  transform-origin:center !important;
  animation:journeyThreadV578 4s ease-in-out infinite !important;
}
html body.home.homeRefinedV578 .threadLearnV578{ left:20%; right:20%; top:55%; transform:rotate(-9deg); }
html body.home.homeRefinedV578 .threadTransferV578{ left:25%; right:18%; top:50%; transform:rotate(8deg); }
html body.home.homeRefinedV578 .threadDocumentV578{ left:34%; right:18%; top:42%; transform:rotate(10deg); }

html body.home.homeRefinedV578 .learnerTokenV578{
  position:absolute !important;
  z-index:5 !important;
  left:var(--token-x) !important;
  top:var(--token-y) !important;
  width:58px !important;
  height:58px !important;
  margin:-29px 0 0 -29px !important;
  border-radius:50% !important;
  background:linear-gradient(145deg, #fff, color-mix(in oklab, var(--journey-active) 10%, #fff)) !important;
  border:1px solid color-mix(in oklab, var(--journey-active) 28%, transparent) !important;
  box-shadow:0 18px 38px rgba(16,31,48,.10), 0 0 0 10px color-mix(in oklab, var(--journey-active) 6%, transparent) !important;
  transition:left .95s cubic-bezier(.2,.7,.2,1), top .95s cubic-bezier(.2,.7,.2,1), background .75s ease, border-color .75s ease, box-shadow .75s ease !important;
  animation:journeyTokenV578 3.8s ease-in-out infinite !important;
}
html body.home.homeRefinedV578 .learnerTokenV578 i{
  position:absolute !important;
  left:50% !important;
  top:15px !important;
  width:15px !important;
  height:15px !important;
  margin-left:-7.5px !important;
  border-radius:50% !important;
  background:color-mix(in oklab, var(--journey-active) 42%, #fff) !important;
}
html body.home.homeRefinedV578 .learnerTokenV578 b{
  position:absolute !important;
  left:50% !important;
  top:32px !important;
  width:24px !important;
  height:11px !important;
  margin-left:-12px !important;
  border-radius:999px 999px 12px 12px !important;
  background:color-mix(in oklab, var(--journey-active) 28%, #fff) !important;
}

html body.home.homeRefinedV578 .journeyStationsV578{
  position:absolute !important;
  inset:0 !important;
  z-index:4 !important;
}
html body.home.homeRefinedV578 .stationV578{
  position:absolute !important;
  width:14px !important;
  height:14px !important;
  margin:-7px 0 0 -7px !important;
  border-radius:50% !important;
  background:rgba(255,255,255,.84) !important;
  border:1px solid rgba(25,40,60,.12) !important;
  box-shadow:0 0 0 7px rgba(255,255,255,.36) !important;
  transition:background .55s ease, border-color .55s ease, transform .55s ease, box-shadow .55s ease !important;
}
html body.home.homeRefinedV578 .stationLearnV578{ left:14.4%; top:66.7%; }
html body.home.homeRefinedV578 .stationTransferV578{ left:50.2%; top:46.1%; }
html body.home.homeRefinedV578 .stationDocumentV578{ left:83.6%; top:33.2%; }
html body.home.homeRefinedV578 .learningJourneyV578.is-learn .stationLearnV578,
html body.home.homeRefinedV578 .learningJourneyV578.is-transfer .stationTransferV578,
html body.home.homeRefinedV578 .learningJourneyV578.is-document .stationDocumentV578{
  background:color-mix(in oklab, var(--journey-active) 36%, #fff) !important;
  border-color:color-mix(in oklab, var(--journey-active) 34%, transparent) !important;
  box-shadow:0 0 0 10px color-mix(in oklab, var(--journey-active) 7%, transparent) !important;
  transform:scale(1.18) !important;
}

html body.home.homeRefinedV578 .whyQualityNote{
  opacity:1 !important;
  transition:opacity .32s ease, transform .32s ease !important;
}
html body.home.homeRefinedV578 .whyQualityNote:not(.isStoryActiveV578){
  opacity:.84 !important;
}
html body.home.homeRefinedV578 .whyQualityNote.isStoryActiveV578 .whyQualityMark{
  box-shadow:0 0 0 9px color-mix(in oklab, var(--pillar-accent) 7%, transparent), 0 8px 22px color-mix(in oklab, var(--pillar-accent) 13%, transparent) !important;
}
html body.home.homeRefinedV578 .whyQualityNote.isStoryActiveV578 .whyQualityBody h3{
  color:var(--ink) !important;
}

@keyframes journeyAuraV578{
  0%,100%{ transform:scale(.98); opacity:.60; }
  50%{ transform:scale(1.02); opacity:.78; }
}
@keyframes journeyFocusV578{
  0%,100%{ transform:scale(.94); opacity:.52; }
  50%{ transform:scale(1.06); opacity:.74; }
}
@keyframes journeyTrailBreatheV578{
  0%,100%{ opacity:.56; }
  50%{ opacity:.78; }
}
@keyframes journeyWarmV578{
  0%,100%{ transform:scale(.94); opacity:.46; }
  50%{ transform:scale(1.06); opacity:.62; }
}
@keyframes journeyCardFloatV578{
  0%,100%{ transform:translateY(0); }
  50%{ transform:translateY(-7px); }
}
@keyframes journeySheetV578{
  0%,100%{ transform:translateY(0) rotate(-3deg); }
  50%{ transform:translateY(-7px) rotate(-1.5deg); }
}
@keyframes journeyOrbV578{
  0%,100%{ transform:translate(-50%,-50%) scale(.96); }
  50%{ transform:translate(-50%,-50%) scale(1.05); }
}
@keyframes journeyRingV578{
  0%,100%{ filter:saturate(.95); transform:translate(-50%,-50%) rotate(0deg); }
  50%{ filter:saturate(1.08); transform:translate(-50%,-50%) rotate(18deg); }
}
@keyframes journeyProofRingV578{
  0%,100%{ filter:saturate(.95); transform:rotate(0deg); }
  50%{ filter:saturate(1.08); transform:rotate(18deg); }
}
@keyframes journeySealV578{
  0%,100%{ transform:scale(.96) rotate(-2deg); }
  50%{ transform:scale(1.04) rotate(2deg); }
}
@keyframes journeyCodeV578{
  0%,100%{ opacity:.58; transform:translateY(0); }
  50%{ opacity:.92; transform:translateY(-3px); }
}
@keyframes journeyThreadV578{
  0%,100%{ opacity:.38; filter:blur(.2px); }
  50%{ opacity:.72; filter:blur(0); }
}
@keyframes journeyTokenV578{
  0%,100%{ transform:translateY(0) scale(1); }
  50%{ transform:translateY(-5px) scale(1.025); }
}

@media (max-width:1120px){
  html body.home.homeRefinedV578 .whyStoryPanelV578{
    position:relative !important;
    top:auto !important;
    min-height:0 !important;
    max-width:860px !important;
    margin-inline:auto !important;
  }
  html body.home.homeRefinedV578 .learningJourneyV578{ width:min(100%, 760px) !important; }
  html body.home.homeRefinedV578 .journeyFrameV578{ min-height:clamp(340px, 44vw, 430px) !important; }
}

@media (max-width:720px){
  html body.home.homeRefinedV578 .whyStoryPanelV578{
    padding:14px !important;
    border-radius:26px !important;
  }
  html body.home.homeRefinedV578 .journeyFrameV578{
    min-height:318px !important;
    border-radius:30px !important;
  }
  html body.home.homeRefinedV578 .journeyFrameV578::before{ inset:12px !important; border-radius:22px !important; }
  html body.home.homeRefinedV578 .learnerTokenV578{
    width:48px !important;
    height:48px !important;
    margin:-24px 0 0 -24px !important;
  }
  html body.home.homeRefinedV578 .learnerTokenV578 i{ top:12px !important; width:13px !important; height:13px !important; margin-left:-6.5px !important; }
  html body.home.homeRefinedV578 .learnerTokenV578 b{ top:27px !important; width:20px !important; margin-left:-10px !important; }
  html body.home.homeRefinedV578 .learnStackV578{ border-radius:18px !important; }
  html body.home.homeRefinedV578 .learnStackV578 i{ left:10px !important; top:25px !important; width:26px !important; height:26px !important; border-radius:10px !important; }
  html body.home.homeRefinedV578 .learnStackV578 b{ left:42px !important; right:12px !important; }
  html body.home.homeRefinedV578 .reflectionOrbV578,
  html body.home.homeRefinedV578 .sealMomentV578{ width:58px !important; height:58px !important; }
  html body.home.homeRefinedV578 .practiceMomentV578 b,
  html body.home.homeRefinedV578 .practiceMomentV578 span{ left:52px !important; }
  html body.home.homeRefinedV578 .proofCodeV578 span{ width:22px !important; height:22px !important; border-radius:7px !important; }
}

@media (max-width:430px){
  html body.home.homeRefinedV578 .journeyFrameV578{ min-height:292px !important; }
  html body.home.homeRefinedV578 .proofSheetV578{ left:12% !important; width:38% !important; }
  html body.home.homeRefinedV578 .proofCodeV578{ right:8% !important; width:34% !important; }
}

@media (prefers-reduced-motion: reduce){
  html body.home.homeRefinedV578 .journeyAuraV578,
  html body.home.homeRefinedV578 .journeyFrameV578::after,
  html body.home.homeRefinedV578 .journeyTrailActiveV578,
  html body.home.homeRefinedV578 .journeyWarmSpotV578,
  html body.home.homeRefinedV578 .learnStackV578,
  html body.home.homeRefinedV578 .ideaSheetV578,
  html body.home.homeRefinedV578 .practiceMomentV578,
  html body.home.homeRefinedV578 .proofSheetV578,
  html body.home.homeRefinedV578 .proofCodeV578 span,
  html body.home.homeRefinedV578 .reflectionOrbV578,
  html body.home.homeRefinedV578 .sealMomentV578,
  html body.home.homeRefinedV578 .quietThreadV578,
  html body.home.homeRefinedV578 .learnerTokenV578{
    animation:none !important;
  }
  html body.home.homeRefinedV578 .journeySceneV578,
  html body.home.homeRefinedV578 .learnerTokenV578,
  html body.home.homeRefinedV578 .journeyTrailActiveV578{
    transition:none !important;
  }
}