/* Praxoria Startseite – v546: Support-Demo fokussiert.
   Demo-Titel entfernt; Kriterienrückmeldung erscheint erst nach Schreibsequenz und bleibt danach direkt bedienbar. */

html body.home.homeRefinedV546 #supportDemo .studioUnitTitle{
  display: none !important;
}

html body.home.homeRefinedV546 #supportDemo .studioBody{
  padding-top: clamp(1.55rem, 2.2vw, 2.15rem) !important;
}

html body.home.homeRefinedV546 #studioPanel1 .studioText,
html body.home.homeRefinedV546 #studioPanel2 .studioGrid,
html body.home.homeRefinedV546 #studioPanel3 .studioCardLite{
  margin-top: 0 !important;
}

html body.home.homeRefinedV546 #studioPanel2 .studioGrid{
  align-items: stretch !important;
}

html body.home.homeRefinedV546 #studioPanel2 .studioFeedbackTile{
  position: relative !important;
  transform-origin: top center !important;
  transition:
    opacity .46s cubic-bezier(.22,.72,.18,1),
    transform .46s cubic-bezier(.22,.72,.18,1),
    border-color .32s ease,
    background .32s ease,
    box-shadow .32s ease !important;
}

html body.home.homeRefinedV546 #studioPanel2 .studioFeedbackTile[hidden]{
  display: none !important;
}

html body.home.homeRefinedV546 #studioPanel2 .studioFeedbackTile.isWaiting:not(.isVisible){
  opacity: 0 !important;
  transform: translateY(10px) scale(.992) !important;
}

html body.home.homeRefinedV546 #studioPanel2 .studioFeedbackTile.isVisible{
  opacity: 1 !important;
  transform: translateY(0) scale(1) !important;
}

html body.home.homeRefinedV546 #studioPanel2 .critChips{
  transition: opacity .28s ease, filter .28s ease !important;
}

html body.home.homeRefinedV546 #studioPanel2 .critChip[disabled]{
  cursor: default !important;
  opacity: .58 !important;
  filter: grayscale(.12) saturate(.82) !important;
}

html body.home.homeRefinedV546 #studioPanel2 .critChip[disabled]:hover{
  transform: none !important;
  box-shadow: none !important;
}

html body.home.homeRefinedV546 #studioPanel2 .demoNotice{
  min-height: 5.6rem !important;
}

html body.home.homeRefinedV546 #studioPanel2 .demoNotice.isChecking{
  border-color: color-mix(in oklab, var(--accent3) 22%, var(--border)) !important;
  background:
    radial-gradient(360px 150px at 8% 0%, color-mix(in oklab, var(--accent3) 5%, transparent), transparent 72%),
    linear-gradient(180deg, color-mix(in oklab, var(--surface) 90%, transparent), color-mix(in oklab, var(--surface2) 30%, transparent)) !important;
}

html body.home.homeRefinedV546 #studioPanel2 .criteriaCheck{
  gap: .72rem !important;
}

html body.home.homeRefinedV546 #studioPanel2 .criteriaCheckLabel{
  letter-spacing: .11em !important;
  color: color-mix(in oklab, var(--muted) 76%, var(--text)) !important;
}

html body.home.homeRefinedV546 #studioPanel2 .criteriaCheckLine{
  width: min(22rem, 100%) !important;
  opacity: .92 !important;
}

html body.home.homeRefinedV546 #studioPanel2 .criteriaCheckSteps{
  opacity: .84 !important;
}

html body.home.homeRefinedV546 #studioPanel2 .demoNotice:not(.isChecking) .demoNoticeLabel,
html body.home.homeRefinedV546 #studioPanel2 .demoNotice:not(.isChecking) .demoNoticeText{
  transition: color .22s ease, opacity .22s ease !important;
}

@media (prefers-reduced-motion: reduce){
  html body.home.homeRefinedV546 #studioPanel2 .studioFeedbackTile,
  html body.home.homeRefinedV546 #studioPanel2 .critChips{
    transition: none !important;
  }
}