.audit-types {
  display: grid;
  grid-template-columns: minmax(0, .88fr) minmax(520px, 1.12fr);
  gap: 70px;
  align-items: center;
}

.type-copy h2 {
  font-size: clamp(36px, 4vw, 58px);
  line-height: 1.02;
  letter-spacing: -.045em;
  margin-bottom: 18px;
}
.type-copy p { color: var(--muted); font-size: 17px; }

.scenario-board {
  position: relative;
  min-height: 560px;
  display: grid;
  place-items: center;
}
.scenario-center {
  position: relative;
  z-index: 3;
  width: 225px;
  height: 225px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  text-align: center;
  padding: 30px;
  background: var(--plum);
  color: #fff;
  box-shadow: 0 30px 80px rgba(73,50,79,.24);
}
.scenario-center::before {
  content: "";
  position: absolute;
  inset: -36px;
  border-radius: 50%;
  border: 1px dashed rgba(73,50,79,.18);
}
.scenario-center span { font-size: 13px; color: rgba(255,255,255,.67); display: block; margin-bottom: 6px; }
.scenario-center strong { font-size: 20px; line-height: 1.2; }

.type-bubble {
  position: absolute;
  z-index: 4;
  width: 220px;
  padding: 17px 18px;
  border-radius: 22px;
  background: #fff;
  border: 1px solid var(--line);
  box-shadow: 0 18px 48px rgba(73,50,79,.10);
}
.type-bubble strong { display: block; font-size: 14px; margin-bottom: 5px; }
.type-bubble span { display: block; color: var(--muted); font-size: 12px; line-height: 1.45; }
.type-bubble::before {
  content: "";
  width: 12px; height: 12px; border-radius: 50%;
  background: var(--lavender);
  position: absolute;
}
.type-1 { left: 0; top: 54px; transform: rotate(-2deg); }
.type-1::before { right: -40px; bottom: 18px; }
.type-2 { right: 0; top: 38px; transform: rotate(2deg); }
.type-2::before { left: -40px; bottom: 24px; background: var(--green); }
.type-3 { left: 26px; bottom: 30px; transform: rotate(2deg); }
.type-3::before { right: -40px; top: 22px; background: var(--green); }
.type-4 { right: 12px; bottom: 24px; transform: rotate(-2deg); }
.type-4::before { left: -40px; top: 20px; }