.badge-hero {
  padding: 118px 0 94px;
  background: radial-gradient(circle at 80% 20%, #2a245d 0, #101323 44%, #090b14 75%);
}

.badge-hero h1 {
  font-size: clamp(3.35rem, 7vw, 6.15rem);
  line-height: .99;
  margin: 0 0 25px;
}

.badge-hero h1 span { color: var(--accent); }
.badge-hero p:not(.eyebrow) { max-width: 520px; color: var(--muted); margin-bottom: 32px; }
.badge-actions { display: flex; flex-wrap: wrap; gap: 12px; }

.badge-section { padding: 94px 0 128px; }
.badge-heading { display: flex; justify-content: space-between; align-items: end; gap: 30px; margin-bottom: 34px; }
.badge-heading p:last-child { max-width: 290px; margin: 0; color: var(--muted); font-size: .86rem; }

.badge-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.badge-card { min-height: 340px; display: grid; place-items: center; padding: 28px 14px; background: var(--panel); border: 1px solid var(--line); transition: transform .25s ease, border-color .25s ease; }
.badge-card:hover { transform: translateY(-5px); border-color: #ffffff70; }
.badge-card iframe { max-width: 100%; }

.certificate-section { padding: 0 0 128px; }
.certificate-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.certificate-card { min-height: 138px; display: flex; gap: 18px; align-items: flex-start; padding: 23px; background: var(--panel); border: 1px solid var(--line); transition: transform .25s ease, border-color .25s ease, background .25s ease; }
.certificate-card:hover { transform: translateY(-4px); border-color: var(--aqua); background: #151a2c; }
.certificate-icon { width: 32px; height: 32px; display: grid; place-items: center; flex: 0 0 auto; background: #201d3c; color: var(--aqua); font-family: var(--mono); }
.certificate-card small { display: block; margin-bottom: 8px; color: var(--aqua); font: .62rem var(--mono); letter-spacing: .08em; text-transform: uppercase; }
.certificate-card strong { display: block; font: 600 .94rem/1.35 var(--display); letter-spacing: -.02em; }

@media (max-width: 900px) { .badge-grid { grid-template-columns: repeat(2, 1fr); }.certificate-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 640px) { .badge-hero { padding: 88px 0 72px; }.badge-section { padding: 72px 0; }.certificate-section { padding-bottom: 72px; }.badge-heading { display: block; }.badge-heading p:last-child { margin-top: 12px; }.badge-grid, .certificate-grid { grid-template-columns: 1fr; }.page-links { display: flex; }.page-links a:nth-child(2) { display: none; } }