.hero-grid { grid-template-columns: minmax(0, 1.08fr) minmax(0, 1fr); gap: 36px; }
.certificate-stage { position: relative; z-index: 2; min-width: 0; }
.certificate-preview { width: 100%; max-width: 660px; margin: 0 auto; }
.certificate-preview img { display: block; width: 100%; height: auto; border-radius: 14px; box-shadow: 0 28px 70px #001b1366; }
.certificate-preview figcaption { max-width: 460px; margin: 18px auto 0; color: #c7ded4; text-align: center; font-size: 12px; line-height: 1.6; }
@media (max-width: 900px) {
  .hero-grid { grid-template-columns: minmax(0, 1fr); gap: 40px; }
}
@media (max-width: 640px) {
  .certificate-preview img { border-radius: 9px; }
  .certificate-preview figcaption { font-size: 11px; }
}