.tool-proof-card--review-preview,
.tool-proof-card--review-hero,
.tool-proof-card--review-panel,
.tool-proof-card--comparison {
  margin: 0;
  border-bottom: 1px solid var(--o4-premium-line);
  background: #0f1116;
}

.tool-proof-card--review-preview .tool-proof-surface,
.tool-proof-card--review-panel .tool-proof-surface,
.tool-proof-card--comparison .tool-proof-surface {
  height: clamp(156px, 17vw, 230px);
  min-height: 0;
  border: 0;
  border-radius: 0;
  background:
    linear-gradient(rgba(232, 235, 238, 0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(232, 235, 238, 0.035) 1px, transparent 1px),
    radial-gradient(circle at 16% 20%, rgba(200, 184, 141, 0.12), transparent 9rem),
    #0f1116;
  background-size: 24px 24px, 24px 24px, auto, auto;
}

.tool-proof-card--review-hero .tool-proof-surface {
  height: clamp(250px, 25vw, 350px);
  min-height: 0;
  border-radius: 8px;
  border-color: var(--o4-premium-line);
  background: #0f1116;
}

.tool-proof-card--review-preview .tool-proof-overlay,
.tool-proof-card--review-hero .tool-proof-overlay,
.tool-proof-card--review-panel .tool-proof-overlay,
.tool-proof-card--comparison .tool-proof-overlay {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 100%;
  padding: 12px;
  background: linear-gradient(180deg, rgba(7, 8, 11, 0.22), transparent 42%, rgba(7, 8, 11, 0.7));
}

.tool-proof-card--review-preview .tool-proof-brand-copy,
.tool-proof-card--review-hero .tool-proof-brand-copy,
.tool-proof-card--review-panel .tool-proof-brand-copy,
.tool-proof-card--comparison .tool-proof-brand-copy,
.tool-proof-card--review-preview.is-proof-loaded .tool-proof-body,
.tool-proof-card--review-hero.is-proof-loaded .tool-proof-body,
.tool-proof-card--review-panel.is-proof-loaded .tool-proof-body,
.tool-proof-card--comparison.is-proof-loaded .tool-proof-body {
  display: none;
}

.tool-proof-card--review-preview .tool-proof-logo,
.tool-proof-card--review-preview .tool-proof-monogram,
.tool-proof-card--review-hero .tool-proof-logo,
.tool-proof-card--review-hero .tool-proof-monogram,
.tool-proof-card--review-panel .tool-proof-logo,
.tool-proof-card--review-panel .tool-proof-monogram,
.tool-proof-card--comparison .tool-proof-logo,
.tool-proof-card--comparison .tool-proof-monogram {
  width: 36px;
  height: 36px;
  padding: 6px;
  border-radius: 7px;
  border: 1px solid rgba(232, 235, 238, 0.22);
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}

.tool-proof-card--review-preview:not(.is-proof-loaded) .tool-proof-image,
.tool-proof-card--review-hero:not(.is-proof-loaded) .tool-proof-image,
.tool-proof-card--review-panel:not(.is-proof-loaded) .tool-proof-image,
.tool-proof-card--comparison:not(.is-proof-loaded) .tool-proof-image {
  opacity: 0;
}

.tool-proof-card--review-preview:not(.is-proof-loaded) .tool-proof-body,
.tool-proof-card--review-hero:not(.is-proof-loaded) .tool-proof-body,
.tool-proof-card--review-panel:not(.is-proof-loaded) .tool-proof-body,
.tool-proof-card--comparison:not(.is-proof-loaded) .tool-proof-body {
  display: grid;
  align-self: end;
  margin-top: auto;
}

.tool-proof-card--review-preview:not(.is-proof-loaded) .tool-proof-tagline,
.tool-proof-card--review-hero:not(.is-proof-loaded) .tool-proof-tagline,
.tool-proof-card--review-panel:not(.is-proof-loaded) .tool-proof-tagline,
.tool-proof-card--comparison:not(.is-proof-loaded) .tool-proof-tagline {
  display: -webkit-box;
  overflow: hidden;
  color: rgba(238, 240, 242, 0.72);
  font-size: 0.78rem;
  line-height: 1.38;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.tool-proof-card--review-preview:not(.is-proof-loaded) .tool-proof-metrics,
.tool-proof-card--review-preview:not(.is-proof-loaded) .tool-proof-best-for,
.tool-proof-card--review-preview:not(.is-proof-loaded) .tool-proof-badges,
.tool-proof-card--review-hero:not(.is-proof-loaded) .tool-proof-metrics,
.tool-proof-card--review-hero:not(.is-proof-loaded) .tool-proof-best-for,
.tool-proof-card--review-hero:not(.is-proof-loaded) .tool-proof-badges,
.tool-proof-card--review-panel:not(.is-proof-loaded) .tool-proof-metrics,
.tool-proof-card--review-panel:not(.is-proof-loaded) .tool-proof-best-for,
.tool-proof-card--review-panel:not(.is-proof-loaded) .tool-proof-badges,
.tool-proof-card--comparison:not(.is-proof-loaded) .tool-proof-metrics,
.tool-proof-card--comparison:not(.is-proof-loaded) .tool-proof-best-for,
.tool-proof-card--comparison:not(.is-proof-loaded) .tool-proof-badges {
  display: none;
}