.ocr-digital-identity {
  margin: 32px 0 46px;
  padding: clamp(22px, 4vw, 42px);
  border: 1px solid #dce7f2;
  border-radius: 16px;
  background: linear-gradient(145deg, #f4f8fc 0%, #ffffff 70%);
  box-shadow: 0 14px 34px rgba(20, 48, 82, .08);
}
.ocr-digital-identity__heading { max-width: 820px; margin: 0 auto 24px; text-align: center; }
.ocr-digital-identity__eyebrow { display: inline-block; margin-bottom: 8px; color: #1769aa; font-size: .76rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.ocr-digital-identity__heading h2 { margin: 0 0 10px; color: #15324b; font-size: clamp(1.55rem, 2.6vw, 2.15rem); }
.ocr-digital-identity__heading p { margin: 0; color: #52657a; font-size: 1.04rem; line-height: 1.65; }
.ocr-digital-identity__comparison { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.ocr-digital-identity__comparison-card { min-width: 0; padding: 18px 20px; border: 1px solid #e1e8ef; border-radius: 12px; background: #fff; }
.ocr-digital-identity__comparison-card--ocr { border-color: #bfd8ee; background: linear-gradient(150deg, #f0f7fd, #fff 72%); }
.ocr-digital-identity__comparison-card h3 { margin: 0 0 12px; color: #173b5b; font-size: 1.02rem; font-weight: 700; }
.ocr-digital-identity__comparison-card dl { margin: 0; }
.ocr-digital-identity__comparison-card dl > div { display: grid; grid-template-columns: minmax(110px, .75fr) minmax(0, 1.25fr); gap: 10px; padding: 8px 0; border-top: 1px solid #edf1f5; }
.ocr-digital-identity__comparison-card dt { color: #65758a; font-size: .84rem; font-weight: 600; }
.ocr-digital-identity__comparison-card dd { min-width: 0; margin: 0; color: #263b50; font-size: .9rem; overflow-wrap: anywhere; }
.ocr-digital-identity__comparison-card code { color: #135d91; font-size: .88em; overflow-wrap: anywhere; }
.ocr-digital-identity__platform { margin: 12px 0 0; padding-top: 10px; border-top: 1px solid #dce7f2; color: #52657a; font-size: .86rem; }
.ocr-digital-identity__example-note { margin: 10px 0 22px; color: #65758a; font-size: .78rem; line-height: 1.5; text-align: center; }
.ocr-digital-identity__capabilities { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.ocr-digital-identity__capability { display: flex; gap: 12px; min-width: 0; padding: 15px; border: 1px solid #e2eaf1; border-radius: 11px; background: #fff; }
.ocr-digital-identity__icon { display: grid; flex: 0 0 36px; width: 36px; height: 36px; place-items: center; border-radius: 10px; background: #eaf4fc; color: #1769aa; }
.ocr-digital-identity__capability h3 { margin: 1px 0 5px; color: #173b5b; font-size: .96rem; font-weight: 700; text-align: left; }
.ocr-digital-identity__capability p { margin: 0; color: #5b6b7d; font-size: .84rem; line-height: 1.55; }
.ocr-digital-identity__setup { margin-top: 18px; padding: 17px 20px; border-left: 3px solid #1976b9; border-radius: 8px; background: #edf6fc; }
.ocr-digital-identity__setup h3 { margin: 0 0 9px; color: #173b5b; font-size: .98rem; font-weight: 700; text-align: left; }
.ocr-digital-identity__setup ol { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin: 0 0 12px; padding-left: 21px; color: #42576b; font-size: .87rem; line-height: 1.6; }
.ocr-digital-identity__setup li { padding-left: 3px; }
.ocr-digital-identity__setup a { display: inline-flex; align-items: center; gap: 8px; color: #1269a5; font-size: .9rem; font-weight: 700; text-decoration: none; }
.ocr-digital-identity__setup a:hover { text-decoration: underline; }
.ocr-digital-identity__setup a:focus-visible { outline: 3px solid rgba(25, 118, 185, .3); outline-offset: 3px; border-radius: 3px; }
@media (max-width: 991.98px) {
  .ocr-digital-identity__capabilities { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 767.98px) {
  .ocr-digital-identity { margin: 24px 0 34px; padding: 20px 16px; border-radius: 13px; }
  .ocr-digital-identity__comparison, .ocr-digital-identity__capabilities, .ocr-digital-identity__setup ol { grid-template-columns: 1fr; }
  .ocr-digital-identity__comparison-card { padding: 15px; }
  .ocr-digital-identity__comparison-card dl > div { grid-template-columns: minmax(90px, .7fr) minmax(0, 1.3fr); }
}