.p-choice,
.p-report-frame,
.p-offer-panel {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}

.p-choice::before,
.p-report-frame::before,
.p-offer-panel::before {
  position: absolute;
  inset: 0;
  z-index: -1;
  content: "";
  pointer-events: none;
  opacity: 0;
  background: radial-gradient(circle at 50% 0, rgba(255, 255, 255, .09), transparent 46%);
  transition: opacity .25s ease;
}

.p-choice:hover::before,
.p-report-frame:hover::before,
.p-offer-panel:hover::before { opacity: 1; }

.p-choice {
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.p-choice:hover {
  transform: translateY(-3px);
  border-color: #bdbdc2;
  box-shadow: 0 22px 55px rgba(12, 12, 16, .1);
}

.p-choice-urgent:hover {
  border-color: #2d2d31;
  box-shadow: 0 24px 60px rgba(76, 5, 2, .16);
}

.p-method-visual article > span,
.p-method-visual b {
  transition: border-color .2s ease, color .2s ease, background .2s ease;
}

.p-method-visual article:hover > span {
  border-color: #8a8a90;
  background: #111113;
  color: #fff;
}

.p-method-visual article:hover b { color: #fff; }

.p-closing-scene {
  opacity: .72;
  perspective: 1100px;
}

.p-closing-scene span {
  border-color: rgba(255, 86, 72, .58);
  background:
    linear-gradient(145deg, rgba(255, 76, 62, .22), rgba(75, 3, 1, .08) 52%, rgba(255, 255, 255, .035)),
    repeating-radial-gradient(circle at 30% 25%, rgba(255, 255, 255, .035) 0 1px, transparent 1px 4px);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .16),
    inset 0 -20px 45px rgba(90, 2, 0, .28),
    0 0 45px rgba(255, 35, 25, .1);
  backdrop-filter: blur(16px) saturate(135%);
}

@media (prefers-reduced-motion: reduce) {
  .p-choice,
  .p-method-visual article > span,
  .p-method-visual b { transition: none; }
}