/* Praxoria Startseite – v533: Support-Demo feinere Texthierarchie.
   Nur visuelle Abstimmung; Textinhalte bleiben unverändert. */

html body.home.homeRefinedV533{
  --support-v533-line: color-mix(in oklab, var(--border) 62%, transparent);
  --support-v533-line-soft: color-mix(in oklab, var(--border) 38%, transparent);
  --support-v533-panel: color-mix(in oklab, var(--surface) 80%, transparent);
  --support-v533-panel-soft: color-mix(in oklab, var(--surface2) 46%, transparent);
  --support-v533-ink: color-mix(in oklab, var(--text) 88%, var(--muted));
  --support-v533-body: color-mix(in oklab, var(--text) 70%, var(--muted));
  --support-v533-caption: color-mix(in oklab, var(--muted) 88%, var(--text));
}

html body.home.homeRefinedV533 .whyAfter{
  margin-top: clamp(42px, 5vw, 76px) !important;
}

html body.home.homeRefinedV533 .supportCard{
  background: transparent !important;
}

html body.home.homeRefinedV533 .supportGrid{
  gap: clamp(26px, 3vw, 46px) !important;
}

html body.home.homeRefinedV533 .supportDemoWrap{
  margin-top: clamp(22px, 2.8vw, 38px) !important;
}

html body.home.homeRefinedV533 #supportDemo{
  max-width: 1060px !important;
  border-radius: clamp(24px, 2.6vw, 34px) !important;
  border: 1px solid color-mix(in oklab, var(--border) 72%, transparent) !important;
  background:
    radial-gradient(760px 360px at 9% -6%, color-mix(in oklab, var(--demoAccent) 5%, transparent), transparent 66%),
    linear-gradient(145deg, color-mix(in oklab, var(--surface) 96%, transparent), color-mix(in oklab, var(--surface2) 48%, transparent)) !important;
  box-shadow: 0 24px 72px rgba(13, 28, 46, .075) !important;
  overflow: hidden !important;
}

html body.home.homeRefinedV533 #supportDemo .studioChrome{
  min-height: 52px !important;
  padding-inline: clamp(18px, 2vw, 28px) !important;
  background: color-mix(in oklab, var(--surface) 78%, transparent) !important;
  border-bottom: 1px solid var(--support-v533-line-soft) !important;
}

html body.home.homeRefinedV533 #supportDemo .studioChrome .crumb{
  border-color: color-mix(in oklab, var(--border) 76%, transparent) !important;
  background: color-mix(in oklab, var(--surface) 84%, transparent) !important;
  color: color-mix(in oklab, var(--text) 64%, var(--muted)) !important;
  font-size: .78rem !important;
  line-height: 1.2 !important;
  letter-spacing: .018em !important;
  font-weight: 720 !important;
}

html body.home.homeRefinedV533 #supportDemo .studioBody{
  padding: clamp(26px, 3vw, 42px) !important;
}

html body.home.homeRefinedV533 #supportDemo .studioUnitTitle{
  max-width: 68ch !important;
  margin: 0 0 clamp(15px, 1.7vw, 22px) !important;
  color: var(--text) !important;
  font-size: clamp(1.14rem, 1.18vw, 1.34rem) !important;
  line-height: 1.24 !important;
  letter-spacing: -.027em !important;
  font-weight: 820 !important;
  text-wrap: balance !important;
}

html body.home.homeRefinedV533 #supportDemo .studioText{
  max-width: 76ch !important;
  margin: 0 0 clamp(18px, 2vw, 26px) !important;
  color: var(--support-v533-ink) !important;
  font-size: clamp(1.02rem, 1.04vw, 1.16rem) !important;
  line-height: 1.58 !important;
  letter-spacing: -.012em !important;
  font-weight: 470 !important;
}

html body.home.homeRefinedV533 #supportDemo .termBtn{
  padding: .08em .46em .11em !important;
  border-radius: 999px !important;
  font: inherit !important;
  font-weight: 780 !important;
  line-height: 1.1 !important;
  color: var(--text) !important;
  background: color-mix(in oklab, var(--demoAccent) 12%, white 88%) !important;
  border-color: color-mix(in oklab, var(--demoAccent) 34%, transparent) !important;
  box-shadow: none !important;
}

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

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

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

html body.home.homeRefinedV533 #supportDemo .studioCardLite,
html body.home.homeRefinedV533 #supportDemo .studioTile{
  position: relative !important;
  min-width: 0 !important;
  padding: clamp(17px, 1.55vw, 22px) !important;
  border: 1px solid var(--support-v533-line) !important;
  border-radius: clamp(14px, 1.3vw, 18px) !important;
  background: var(--support-v533-panel) !important;
  box-shadow: none !important;
}

html body.home.homeRefinedV533 #supportDemo .studioCardLite .k,
html body.home.homeRefinedV533 #supportDemo .studioTile .k{
  margin: 0 0 .7rem !important;
  color: var(--support-v533-caption) !important;
  font-size: clamp(.72rem, .74vw, .8rem) !important;
  line-height: 1.16 !important;
  letter-spacing: .105em !important;
  text-transform: uppercase !important;
  font-weight: 690 !important;
}

html body.home.homeRefinedV533 #supportDemo .studioCardLite .v,
html body.home.homeRefinedV533 #supportDemo .studioTile .v{
  color: var(--support-v533-ink) !important;
  font-size: clamp(1.02rem, 1.06vw, 1.18rem) !important;
  line-height: 1.42 !important;
  letter-spacing: -.018em !important;
  font-weight: 650 !important;
  text-wrap: pretty !important;
}

html body.home.homeRefinedV533 #supportDemo .studioCardLite .small.muted,
html body.home.homeRefinedV533 #supportDemo .studioTile .small.muted{
  display: block !important;
  margin-top: .82rem !important;
  padding-top: .82rem !important;
  border-top: 1px solid var(--support-v533-line-soft) !important;
  color: var(--support-v533-body) !important;
  font-size: clamp(.98rem, .99vw, 1.08rem) !important;
  line-height: 1.56 !important;
  letter-spacing: -.006em !important;
  font-weight: 460 !important;
  text-wrap: pretty !important;
}

html body.home.homeRefinedV533 #supportDemo .studioCardLite .small.muted::first-line,
html body.home.homeRefinedV533 #supportDemo .studioTile .small.muted::first-line{
  color: inherit !important;
  font-weight: inherit !important;
}

html body.home.homeRefinedV533 #studioPanel1 #studioGlossarDef{
  background:
    linear-gradient(180deg, color-mix(in oklab, var(--surface) 88%, transparent), color-mix(in oklab, var(--surface2) 44%, transparent)) !important;
}

html body.home.homeRefinedV533 #studioPanel1 #studioGlossarDef .v{
  color: var(--text) !important;
  font-size: clamp(1.1rem, 1.14vw, 1.28rem) !important;
  font-weight: 770 !important;
  letter-spacing: -.025em !important;
}

html body.home.homeRefinedV533 #studioPanel1 #studioGlossarDef .small.muted{
  color: color-mix(in oklab, var(--text) 72%, var(--muted)) !important;
  font-size: clamp(1rem, 1.03vw, 1.12rem) !important;
  line-height: 1.55 !important;
  font-weight: 470 !important;
}

html body.home.homeRefinedV533 #studioPanel1 .studioCardLite:first-child .v,
html body.home.homeRefinedV533 #studioPanel2 .studioTileQuote .v{
  padding-left: 1.55rem !important;
  color: var(--text) !important;
  font-size: clamp(1.08rem, 1.16vw, 1.3rem) !important;
  line-height: 1.38 !important;
  font-weight: 760 !important;
  letter-spacing: -.024em !important;
}

html body.home.homeRefinedV533 #supportDemo .studioTileQuote .v::before,
html body.home.homeRefinedV533 #studioPanel1 .studioCardLite:first-child .v::before{
  top: -.08em !important;
  left: 0 !important;
  font-size: 1.78rem !important;
  line-height: 1 !important;
  opacity: .72 !important;
}

html body.home.homeRefinedV533 #studioPanel2 .studioTile:first-child .small.muted{
  color: var(--support-v533-ink) !important;
  font-size: clamp(1.02rem, 1.04vw, 1.12rem) !important;
  line-height: 1.5 !important;
  font-weight: 470 !important;
}

html body.home.homeRefinedV533 #supportDemo .critChips{
  gap: 8px !important;
  margin: .2rem 0 clamp(12px, 1.2vw, 16px) !important;
}

html body.home.homeRefinedV533 #supportDemo .critChip{
  padding: .5em .82em !important;
  border-radius: 999px !important;
  font-size: clamp(.9rem, .92vw, .98rem) !important;
  line-height: 1.16 !important;
  font-weight: 710 !important;
  box-shadow: none !important;
}

html body.home.homeRefinedV533 #supportDemo .demoNotice{
  margin-top: 0 !important;
  padding: clamp(15px, 1.4vw, 20px) !important;
  border: 1px solid var(--support-v533-line-soft) !important;
  border-radius: 16px !important;
  background: color-mix(in oklab, var(--surface2) 40%, transparent) !important;
  box-shadow: none !important;
}

html body.home.homeRefinedV533 #supportDemo .demoNoticeLabel{
  display: block !important;
  margin: 0 0 .45rem !important;
  color: color-mix(in oklab, var(--text) 62%, var(--muted)) !important;
  font-size: .72rem !important;
  line-height: 1.1 !important;
  letter-spacing: .11em !important;
  text-transform: uppercase !important;
  font-weight: 710 !important;
}

html body.home.homeRefinedV533 #supportDemo .demoNoticeText{
  display: block !important;
  color: var(--support-v533-ink) !important;
  font-size: clamp(.99rem, 1vw, 1.08rem) !important;
  line-height: 1.54 !important;
  letter-spacing: -.006em !important;
  font-weight: 470 !important;
}

html body.home.homeRefinedV533 #studioPanel3 .studioCardLite{
  padding: clamp(19px, 1.85vw, 28px) !important;
  background:
    linear-gradient(180deg, color-mix(in oklab, var(--surface) 88%, transparent), color-mix(in oklab, var(--surface2) 42%, transparent)) !important;
}

html body.home.homeRefinedV533 #studioPanel3 .studioCardLite > .v{
  font-size: clamp(1.1rem, 1.16vw, 1.32rem) !important;
  line-height: 1.32 !important;
  font-weight: 760 !important;
}

html body.home.homeRefinedV533 #supportDemo .transferOpts{
  display: grid !important;
  gap: 9px !important;
  margin-top: clamp(15px, 1.6vw, 22px) !important;
}

html body.home.homeRefinedV533 #supportDemo .transferOpt{
  width: 100% !important;
  justify-content: flex-start !important;
  padding: .7em .92em !important;
  border-radius: 13px !important;
  color: var(--support-v533-ink) !important;
  background: color-mix(in oklab, var(--surface) 76%, transparent) !important;
  border-color: var(--support-v533-line) !important;
  box-shadow: none !important;
  font-size: clamp(.96rem, .98vw, 1.04rem) !important;
  line-height: 1.28 !important;
  font-weight: 650 !important;
}

html body.home.homeRefinedV533 #supportDemo .transferOpt.isOn{
  color: var(--text) !important;
  background: color-mix(in oklab, var(--accent2) 8%, white 92%) !important;
  border-color: color-mix(in oklab, var(--accent2) 34%, transparent) !important;
  font-weight: 720 !important;
}

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