.proof-strip {
  background: #e8eee5;
  border-block: 1px solid #cbd8ca;
}

.proof-inner {
  display: grid;
  grid-template-columns: minmax(220px, 1.15fr) repeat(4, minmax(0, 1fr));
  align-items: stretch;
  gap: 12px;
  padding-block: 24px;
}

.proof-inner > .proof-intro {
  display: flex;
  flex-direction: column;
  justify-content: center;
  border: 0;
  padding: 10px 16px 10px 0;
}

.proof-kicker,
.proof-card-type {
  color: #3c6856;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .11em;
  line-height: 1.35;
}

.proof-intro h2 {
  margin: 12px 0 10px;
  color: #163b32;
  font-size: clamp(25px, 2.35vw, 37px);
  font-weight: 750;
  line-height: 1.08;
  letter-spacing: -.055em;
}

.proof-intro h2 em {
  color: #537d58;
  font-family: Georgia, serif;
  font-weight: 400;
}

.proof-intro p {
  max-width: 245px;
  color: #3d594d;
  font-size: 12px;
  font-weight: 550;
  line-height: 1.55;
}

.proof-inner > .proof-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-height: 180px;
  padding: 16px;
  border: 1px solid #c9d5c8;
  border-radius: 14px;
  background: #f8faf3;
  box-shadow: 0 10px 24px #163b3208;
}

.proof-symbol {
  display: grid;
  place-items: center;
  width: 43px;
  height: 38px;
  margin-bottom: 14px;
  border-radius: 9px;
  color: #214e43;
  background: #deebdf;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: -.025em;
}

.proof-inner > .proof-card strong {
  display: block;
  margin-top: 5px;
  color: #193d34;
  font-family: Manrope, Arial, sans-serif;
  font-size: clamp(17px, 1.35vw, 21px);
  font-weight: 750;
  letter-spacing: -.045em;
  line-height: 1.2;
}

.proof-inner > .proof-card > span:last-child {
  margin-top: 8px;
  color: #4b6054;
  font-size: 11px;
  font-weight: 550;
  line-height: 1.45;
}

.proof-images .proof-symbol { background: #e9e3f3; color: #694d89; }
.proof-studio .proof-symbol { background: #f4e3d5; color: #98573f; font-size: 25px; }
.proof-options .proof-symbol { background: #e9edcd; color: #58702e; }

@media (max-width: 1100px) {
  .proof-inner { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .proof-inner > .proof-intro { grid-column: 1 / -1; padding: 0 0 7px; }
  .proof-intro p { max-width: none; }
}

@media (max-width: 700px) {
  .proof-inner { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; padding-block: 22px; }
  .proof-inner > .proof-card { min-height: 164px; padding: 14px; }
  .proof-inner > .proof-card strong { font-size: 18px; }
  .proof-inner > .proof-card > span:last-child { font-size: 12px; }
  .proof-intro h2 { font-size: 30px; }
}

@media (max-width: 360px) {
  .proof-inner { grid-template-columns: 1fr; }
  .proof-inner > .proof-card { min-height: 0; }
}