.cro-page {
  --cro-indigo: #31455c;
  --cro-blue: #e7eef4;
  --cro-green: #dfece6;
}

.cro-offer-card {
  background:
    radial-gradient(circle at 88% 10%, rgba(246, 208, 119, 0.26), transparent 31%),
    linear-gradient(145deg, #1e2d3b, #3f5870);
}

.cro-offer-card .fix-offer-head b {
  color: #f5d68e;
}

.cro-offer-card .fix-price {
  font-size: clamp(1.9rem, 3.2vw, 2.65rem);
}

.cro-summary {
  background: linear-gradient(135deg, #fbfaf6, var(--cro-blue));
}

.cro-component-grid article:nth-child(2),
.cro-component-grid article:nth-child(5) {
  background: var(--cro-blue);
}

.cro-component-grid span {
  color: var(--cro-indigo);
}

.cro-cta {
  background:
    radial-gradient(circle at 90% 20%, rgba(246, 208, 119, 0.2), transparent 31%),
    #213241;
}

.cro-measurement-note {
  margin-top: 18px;
  padding: 18px 20px;
  border-left: 5px solid var(--cro-indigo);
  background: var(--cro-blue);
  font-weight: 700;
}

.cro-evidence {
  padding: clamp(24px, 4vw, 42px);
  border: 1px solid rgba(17, 24, 20, 0.18);
  background: #fbfaf6;
}

.cro-evidence-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  margin-top: 24px;
}

.cro-evidence-grid article {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-height: 230px;
  padding: 24px;
  background: #fff;
  border: 1px solid rgba(17, 24, 20, 0.16);
}

.cro-evidence-grid h3 {
  margin-top: 0;
}

.cro-evidence-grid .text-link {
  margin-top: auto;
}

.cro-final {
  background: linear-gradient(135deg, rgba(231, 238, 244, 0.96), rgba(251, 250, 246, 0.98));
}

@media (max-width: 760px) {
  .cro-evidence-grid {
    grid-template-columns: 1fr;
  }

  .cro-evidence-grid article {
    min-height: 0;
  }
}