.card {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: var(--space-4);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border);
  background: var(--color-surface);
  overflow: hidden;
  isolation: isolate;
  transition: transform 200ms ease, box-shadow 200ms ease, border-color 200ms ease;
}
.card:hover {
  transform: translateY(-2px);
  border-color: rgba(92, 69, 255, 0.5);
  box-shadow: var(--shadow-glow-inset), 0 12px 40px rgba(92, 69, 255, 0.18);
}

.pillar-card {
  min-height: 382px;
  padding: var(--space-4);
  background: linear-gradient(135deg, #0e0e12 29%, rgba(14, 14, 18, 0) 158%), var(--color-surface);
}
.pillar-card__chip-stack {
  position: relative;
  height: 200px;
  margin-bottom: var(--space-4);
}
.pillar-card__chip {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 245px;
  height: 70px;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 8px 12px;
  border-radius: var(--radius-sm);
  border: 0.5px solid var(--color-border);
  background: linear-gradient(166deg, var(--color-surface) 0%, var(--color-bg) 100%);
}
.pillar-card__chip--top    { top: 0;    opacity: 0.2; }
.pillar-card__chip--mid    { top: 80px; opacity: 1; }
.pillar-card__chip--bottom { top: 160px; opacity: 0.1; }

.pillar-card__chip-avatar {
  width: 52px; height: 52px;
  border-radius: 50%;
  background: radial-gradient(circle at 30% 30%, var(--color-brand-glow), var(--color-brand) 70%);
  flex: 0 0 auto;
}
.pillar-card__chip-body { display: flex; flex-direction: column; gap: 2px; }
.pillar-card__chip-name { font: 500 17px/1.3 var(--font-sans); color: var(--color-text); }
.pillar-card__chip-sub  { font: 500 15px/1.4 var(--font-sans); color: #878787; }

.pillar-card__title {
  font: 500 clamp(28px, 3vw, 37px)/1.25 var(--font-sans);
  letter-spacing: -0.03em;
  color: var(--color-text);
  margin-bottom: var(--space-2);
}
.pillar-card__body {
  font: 400 18px/1.55 var(--font-sans);
  color: var(--color-text);
}

.result-card {
  display: flex;
  flex-direction: column;
  gap: var(--space-5);
  max-width: 612px;
}
.result-card__logo {
  height: 40px;
  display: flex;
  align-items: center;
  color: var(--color-text-subtle);
  font: 500 16px/1 var(--font-sans);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.result-card__title {
  font: 500 clamp(28px, 3vw, 37px)/1.3 var(--font-sans);
  letter-spacing: -0.03em;
  color: var(--color-text);
}
.result-card__body {
  font: 400 18px/1.6 var(--font-sans);
  color: var(--color-text-muted);
}