.case-fit {
  background:
    radial-gradient(circle at 88% 12%, #2c1e09 0, transparent 34%),
    linear-gradient(180deg, #050504, #090704);
  border-bottom: 1px solid #332713;
}

.case-fit-heading {
  max-width: 760px;
  margin-bottom: 42px;
}

.case-fit-heading h2 {
  margin: 8px 0 16px;
  color: var(--cream);
  font: 500 clamp(34px, 4vw, 55px)/1.25 Georgia, "Noto Serif SC", serif;
}

.case-fit-heading > p:last-child {
  color: var(--muted);
}

.case-fit-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
}

.case-fit-grid article {
  padding: 34px;
  border: 1px solid #4e3b1e;
  background: linear-gradient(145deg, #120e06, #060605);
}

.case-fit-grid article.fit-positive {
  border-top: 2px solid var(--gold);
}

.case-fit-grid article.fit-boundary {
  border-top: 2px solid #6f6046;
}

.case-fit-grid small {
  color: var(--gold);
  letter-spacing: 2px;
}

.case-fit-grid h3 {
  margin: 13px 0 24px;
  color: var(--bright);
  font: 500 26px Georgia, "Noto Serif SC", serif;
}

.case-fit-grid ul {
  display: grid;
  gap: 18px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.case-fit-grid li {
  display: grid;
  grid-template-columns: 28px 1fr;
  gap: 4px 12px;
}

.case-fit-grid li::before {
  content: "◇";
  grid-row: 1 / span 2;
  color: var(--gold);
  font-size: 18px;
}

.fit-boundary li::before {
  color: #7f7055;
}

.case-fit-grid li b {
  color: #dfcc9c;
  font-size: 15px;
}

.case-fit-grid li span {
  color: var(--muted);
  font-size: 14px;
}

.after-request {
  display: grid;
  grid-template-columns: 1fr auto 1fr auto 1fr;
  align-items: center;
  gap: 18px;
  margin-top: 18px;
  padding: 26px;
  border: 1px solid #4e3b1e;
  background: #070604;
}

.after-request div {
  display: grid;
  gap: 5px;
}

.after-request small {
  color: var(--gold);
  letter-spacing: 1.5px;
}

.after-request b {
  color: var(--bright);
  font-size: 16px;
}

.after-request span {
  color: var(--muted);
  font-size: 14px;
}

.after-request i {
  color: #765a2b;
  font-style: normal;
}

.case-fit-cta {
  margin-top: 24px;
}

@media (max-width: 800px) {
  .case-fit-grid { grid-template-columns: 1fr; }
  .after-request { grid-template-columns: 1fr; }
  .after-request i { transform: rotate(90deg); text-align: center; }
}

@media (max-width: 560px) {
  .case-fit-grid article { padding: 24px; }
  .after-request { padding: 22px; }
  .case-fit-cta { display: block; text-align: center; }
}