.case-card {
  --case-accent: #1d6fe0;
  --case-on-accent: #fff;
  --case-bg: #fff;
  --case-ink: #0d1726;
  --case-muted: #555f72;
  --case-surface: #f1f3f8;
  --case-line: #e0e2e9;
  --case-radius: 8px;
  box-sizing: border-box;
  background: var(--case-bg);
  color: var(--case-ink);
  border: 1px solid var(--case-line);
  border-radius: 16px;
  padding: clamp(16px, 3vw, 30px);
  font: 15px/1.55 system-ui, sans-serif;
  text-align: left;
}
.case-deadstats {
  color-scheme: dark;
  --case-bg: #111c25;
  --case-ink: #f4e9d2;
  --case-muted: #c7bca7;
  --case-surface: #1b2a34;
  --case-line: #37434b;
  --case-accent: #eacb8d;
  --case-on-accent: #111c25;
  --case-radius: 3px;
  border-radius: 4px;
}
.case-rage {
  color-scheme: dark;
  --case-bg: oklch(20.186% .01206 277.81);
  --case-ink: oklch(94.801% .00543 297.72);
  --case-muted: #afb0bb;
  --case-surface: #22232d;
  --case-line: #393a47;
  --case-accent: oklch(88.224% .13528 86.71);
  --case-on-accent: #15151c;
}
.case-aigym {
  --case-ink: #212325;
  --case-muted: #585c60;
  --case-surface: #f0f0f0;
  --case-line: #dedee0;
  --case-accent: #326c34;
  --case-radius: 12px;
}
.case-card-header, .case-form { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; }
.case-mark {
  display: inline-block;
  flex: none;
  width: 38px;
  height: 38px;
  border-radius: 8px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.case-mark-noum { background-image: url(assets/brands/noum.svg); }
.case-mark-rage {
  width: 76px;
  background: #191a21 url(assets/brands/rage.png) center / 80% auto no-repeat;
}
.case-mark-aigym { background-image: url(assets/brands/traektorika.png); }
.case-mark-deadstats { background-image: url(assets/brands/deadstats.svg); }
.case-rage .case-mark-rage { background-color: transparent; }
.case-deadstats .case-question, .case-deadstats .case-result h3 {
  font-family: "Arial Narrow", "Helvetica Neue", sans-serif;
  font-weight: 750;
  text-transform: uppercase;
}
.case-aigym .case-progress { height: 12px; }
.case-brand span, .case-field span, .case-metrics dt, .case-note { display: block; color: var(--case-muted); }
.case-brand strong { font-size: 17px; }
.case-brand span, .case-field span, .case-note { font-size: 13px; }
.case-card .case-question { font-size: clamp(19px, 3vw, 26px); line-height: 1.2; margin: 20px 0 15px; letter-spacing: -.02em; }
.case-form { align-items: end; }
.case-field { flex: 1 1 156px; min-width: 0; }
.case-field input, .case-field select, .case-submit {
  box-sizing: border-box;
  min-height: 44px;
  padding: 8px 12px;
  border: 1px solid var(--case-line);
  border-radius: var(--case-radius);
  font: inherit;
}
.case-field input, .case-field select { width: 100%; margin-top: 3px; background: var(--case-bg); color: var(--case-ink); }
.case-submit { border: 0; background: var(--case-accent); color: var(--case-on-accent); cursor: pointer; }
.case-submit:disabled { opacity: .65; cursor: wait; }
.case-status { margin: 8px 0 0; }
.case-status:empty { display: none; }
.case-result { border-top: 1px solid var(--case-line); margin-top: 18px; padding-top: 16px; }
.case-result[hidden] { display: none; }
.case-result h3 { font-size: 18px; margin: 0 0 12px; }
.case-metrics { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 12px; }
.case-metrics div { flex: 1 1 130px; background: var(--case-surface); border-radius: var(--case-radius); padding: 8px 12px; }
.case-metrics dt { font-size: 12px; }
.case-metrics dd { margin: 0; font-size: 18px; font-weight: 650; }
.case-items { list-style: none; margin: 0; padding: 0; }
.case-items li { padding: 7px 0; border-bottom: 1px solid var(--case-line); }
.case-items p { color: var(--case-muted); margin: 0; }
.case-progress { width: 100%; height: 9px; accent-color: var(--case-accent); }
.case-source { display: inline-block; color: var(--case-accent); font-weight: 650; margin-top: 12px; }