.demo-trial-end {
  margin-top: 24px;
  padding: 24px;
  border: 1px solid rgba(255, 212, 95, .42);
  border-radius: 10px;
  background: linear-gradient(135deg, rgba(255, 212, 95, .1), rgba(102, 239, 255, .08));
  text-align: center;
}

.demo-trial-end[hidden] { display: none; }
.demo-trial-end.is-visible { display: grid; justify-items: center; gap: 10px; }
.demo-trial-end h2, .demo-trial-end p { margin: 0; }

.demo-exit-feedback-card { max-width: 720px; }
.demo-feedback-fields { display: grid; gap: 18px; }
.demo-exit-rating { margin: 0; padding: 0; border: 0; }
.demo-exit-rating legend { margin-bottom: 10px; font-weight: 800; }
.demo-exit-rating-grid { display: grid; grid-template-columns: repeat(10, minmax(42px, 1fr)); gap: 7px; }
.demo-exit-rating-grid button {
  min-height: 44px;
  border: 1px solid rgba(102, 239, 255, .42);
  border-radius: 10px;
  background: rgba(6, 30, 58, .86);
  color: #fff;
  font: inherit;
  font-weight: 800;
  cursor: pointer;
}
.demo-exit-rating-grid button:hover,
.demo-exit-rating-grid button.is-selected {
  border-color: #ffd45f;
  background: linear-gradient(135deg, #ffd45f, #8ff1e2);
  color: #08213d;
}
@media (max-width: 680px) {
  .demo-exit-rating-grid { grid-template-columns: repeat(5, minmax(42px, 1fr)); }
}