/* Praxoria Startseite – v532: bessere Texthierarchie in der Support-Demo.
   Nur Darstellung; Texte bleiben gegenüber v528/v531 unverändert. */

html body.home.homeRefinedV532{
  --support-v532-rule: color-mix(in oklab, var(--border) 64%, transparent);
  --support-v532-rule-soft: color-mix(in oklab, var(--border) 44%, transparent);
  --support-v532-ink: color-mix(in oklab, var(--text) 88%, var(--muted));
  --support-v532-copy: color-mix(in oklab, var(--text) 75%, var(--muted));
  --support-v532-soft: color-mix(in oklab, var(--text) 56%, var(--muted2));
}

html body.home.homeRefinedV532 #supportDemo{
  max-width: 1080px !important;
  background:
    radial-gradient(760px 300px at 16% 0%, color-mix(in oklab, var(--demoAccent) 5%, transparent), transparent 68%),
    linear-gradient(135deg, color-mix(in oklab, var(--surface2) 86%, transparent), color-mix(in oklab, var(--surface) 98%, transparent)) !important;
  box-shadow: 0 18px 46px rgba(13, 28, 46, .07) !important;
}

html body.home.homeRefinedV532 #supportDemo .studioChrome{
  min-height: 54px !important;
  background: color-mix(in oklab, var(--surface) 82%, transparent) !important;
  border-bottom: 1px solid var(--support-v532-rule-soft) !important;
}

html body.home.homeRefinedV532 #supportDemo .studioChrome .crumb{
  color: color-mix(in oklab, var(--text) 68%, var(--muted)) !important;
  font-size: .78rem !important;
  letter-spacing: .015em !important;
  font-weight: 760 !important;
}

html body.home.homeRefinedV532 #supportDemo .studioSlim .studioBody,
html body.home.homeRefinedV532 #supportDemo .studioBody{
  padding: clamp(24px, 2.6vw, 36px) !important;
}

html body.home.homeRefinedV532 #supportDemo .studioUnitTitle{
  max-width: none !important;
  margin: 0 0 clamp(16px, 1.8vw, 24px) !important;
  color: var(--text) !important;
  font-size: clamp(1.32rem, 1.55vw, 1.72rem) !important;
  line-height: 1.16 !important;
  letter-spacing: -.045em !important;
  font-weight: 890 !important;
  text-wrap: balance !important;
}

html body.home.homeRefinedV532 #supportDemo .studioText{
  max-width: 72ch !important;
  margin: 0 0 clamp(18px, 2vw, 26px) !important;
  color: var(--support-v532-ink) !important;
  font-size: clamp(1.08rem, 1.18vw, 1.26rem) !important;
  line-height: 1.48 !important;
  letter-spacing: -.018em !important;
}

html body.home.homeRefinedV532 #supportDemo .termBtn{
  padding: .11em .52em .14em !important;
  border-radius: 999px !important;
  font-size: 1em !important;
  line-height: 1.05 !important;
  font-weight: 850 !important;
  color: var(--text) !important;
  background: color-mix(in oklab, var(--accent) 12%, white 88%) !important;
  border-color: color-mix(in oklab, var(--accent) 32%, transparent) !important;
  box-shadow: none !important;
}

html body.home.homeRefinedV532 #supportDemo .studioSplit,
html body.home.homeRefinedV532 #supportDemo .studioGrid{
  gap: clamp(14px, 1.4vw, 18px) !important;
  align-items: stretch !important;
}

html body.home.homeRefinedV532 #studioPanel1 .studioSplit{
  grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr) !important;
}

html body.home.homeRefinedV532 #studioPanel2 .studioGrid{
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

html body.home.homeRefinedV532 #studioPanel2 .studioTile.wide{
  grid-column: 1 / -1 !important;
}

html body.home.homeRefinedV532 #supportDemo .studioCardLite,
html body.home.homeRefinedV532 #supportDemo .studioTile,
html body.home.homeRefinedV532 #supportDemo .notice.demoNotice{
  position: relative !important;
  min-width: 0 !important;
  padding: clamp(18px, 1.8vw, 24px) !important;
  border: 1px solid var(--support-v532-rule) !important;
  border-radius: 0 !important;
  background: color-mix(in oklab, var(--surface) 58%, transparent) !important;
  box-shadow: none !important;
}

html body.home.homeRefinedV532 #supportDemo .studioCardLite .k,
html body.home.homeRefinedV532 #supportDemo .studioTile .k{
  margin: 0 0 clamp(12px, 1.1vw, 16px) !important;
  color: var(--support-v532-soft) !important;
  font-size: clamp(.76rem, .82vw, .9rem) !important;
  line-height: 1.18 !important;
  letter-spacing: .13em !important;
  text-transform: uppercase !important;
  font-weight: 720 !important;
}

html body.home.homeRefinedV532 #supportDemo .studioCardLite .v,
html body.home.homeRefinedV532 #supportDemo .studioTile .v{
  color: var(--text) !important;
  font-size: clamp(1.12rem, 1.22vw, 1.42rem) !important;
  line-height: 1.32 !important;
  letter-spacing: -.038em !important;
  font-weight: 830 !important;
  text-wrap: balance !important;
}

html body.home.homeRefinedV532 #supportDemo .studioCardLite .small.muted,
html body.home.homeRefinedV532 #supportDemo .studioTile .small.muted{
  display: block !important;
  margin-top: clamp(14px, 1.35vw, 18px) !important;
  padding-top: clamp(12px, 1.2vw, 16px) !important;
  border-top: 1px solid var(--support-v532-rule-soft) !important;
  color: var(--support-v532-copy) !important;
  font-size: clamp(1rem, 1.03vw, 1.12rem) !important;
  line-height: 1.48 !important;
  letter-spacing: -.012em !important;
  font-weight: 560 !important;
  text-wrap: pretty !important;
}

html body.home.homeRefinedV532 #supportDemo .studioCardLite .small.muted::first-line,
html body.home.homeRefinedV532 #supportDemo .studioTile .small.muted::first-line{
  color: var(--text) !important;
  font-weight: 760 !important;
}

html body.home.homeRefinedV532 #studioPanel1 #studioGlossarDef .v{
  font-size: clamp(1.26rem, 1.42vw, 1.62rem) !important;
}

html body.home.homeRefinedV532 #studioPanel1 .studioCardLite:first-child .v,
html body.home.homeRefinedV532 #studioPanel2 .studioTileQuote .v{
  font-size: clamp(1.18rem, 1.36vw, 1.56rem) !important;
  line-height: 1.32 !important;
}

html body.home.homeRefinedV532 #supportDemo .studioTileQuote .v{
  padding-left: 22px !important;
}

html body.home.homeRefinedV532 #supportDemo .studioTileQuote .v::before,
html body.home.homeRefinedV532 #studioPanel1 .studioCardLite:first-child .v::before{
  top: -4px !important;
  left: 0 !important;
  font-size: 2.1rem !important;
  line-height: 1 !important;
  opacity: .88 !important;
}

html body.home.homeRefinedV532 #supportDemo .critChips{
  gap: 10px !important;
  margin: 0 0 clamp(14px, 1.4vw, 18px) !important;
}

html body.home.homeRefinedV532 #supportDemo .critChip,
html body.home.homeRefinedV532 #supportDemo .transferOpt{
  box-shadow: none !important;
  font-size: clamp(.94rem, .98vw, 1.04rem) !important;
  line-height: 1.22 !important;
  font-weight: 760 !important;
}

html body.home.homeRefinedV532 #supportDemo .critChip{
  padding: .62em .92em !important;
}

html body.home.homeRefinedV532 #supportDemo .demoNotice{
  margin-top: 0 !important;
  padding: clamp(16px, 1.6vw, 22px) !important;
  background: color-mix(in oklab, var(--surface2) 56%, transparent) !important;
}

html body.home.homeRefinedV532 #supportDemo .demoNoticeLabel{
  display: block !important;
  margin: 0 0 8px !important;
  color: var(--support-v532-soft) !important;
  font-size: .78rem !important;
  line-height: 1.15 !important;
  letter-spacing: .13em !important;
  text-transform: uppercase !important;
  font-weight: 760 !important;
}

html body.home.homeRefinedV532 #supportDemo .demoNoticeText{
  display: block !important;
  color: var(--support-v532-ink) !important;
  font-size: clamp(1.02rem, 1.08vw, 1.16rem) !important;
  line-height: 1.46 !important;
  letter-spacing: -.012em !important;
  font-weight: 560 !important;
}

html body.home.homeRefinedV532 #studioPanel3 .studioCardLite{
  padding: clamp(20px, 2vw, 28px) !important;
}

html body.home.homeRefinedV532 #supportDemo .transferOpts{
  display: grid !important;
  gap: 10px !important;
  margin-top: clamp(16px, 1.7vw, 22px) !important;
}

html body.home.homeRefinedV532 #supportDemo .transferOpt{
  width: 100% !important;
  justify-content: flex-start !important;
  padding: .78em 1em !important;
  border-radius: 999px !important;
  background: color-mix(in oklab, var(--surface) 72%, transparent) !important;
}

html body.home.homeRefinedV532 #supportDemo .transferOpt.isOn{
  background: color-mix(in oklab, var(--accent2) 9%, white 91%) !important;
  border-color: color-mix(in oklab, var(--accent2) 34%, transparent) !important;
}

@media (max-width: 860px){
  html body.home.homeRefinedV532 #studioPanel1 .studioSplit,
  html body.home.homeRefinedV532 #studioPanel2 .studioGrid{
    grid-template-columns: 1fr !important;
  }
  html body.home.homeRefinedV532 #supportDemo .studioBody{
    padding: 20px !important;
  }
}