/* A quiet gold highlight shared by every website page. */
html::before {
  content: '';
  position: fixed;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  background:
    radial-gradient(ellipse 52vw 46vh at 96% 8%, rgba(218, 174, 83, .075), transparent 74%),
    radial-gradient(ellipse 48vw 44vh at 4% 94%, rgba(218, 174, 83, .045), transparent 76%);
}

:where(.pricing-card, .addon-card, .feature-card, .review-card, .tw-card,
  .tw-related-card, .p-card, .ft-card, .ft-download-card, .table-card,
  .form-card, .pure-auth-card, .aff-benefit-card, .aff-level-card,
  .summary-card):hover {
  outline: 1px solid rgba(218, 174, 83, .18);
  outline-offset: -1px;
}

@media (max-width: 600px) {
  html::before {
    background:
      radial-gradient(ellipse 85vw 35vh at 100% 4%, rgba(218, 174, 83, .055), transparent 76%),
      radial-gradient(ellipse 80vw 34vh at 0 98%, rgba(218, 174, 83, .035), transparent 78%);
  }
}