.certificate-hero {
  color: var(--white);
  background: radial-gradient(ellipse at 84% 42%, var(--blue) 0, transparent 57%), var(--blue-deep);
  padding-block: clamp(56px, 7vw, 104px);
}
.certificate-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.16fr) minmax(0, .84fr);
  align-items: center;
  gap: clamp(40px, 7vw, 112px);
}
.certificate-hero .eyebrow { color: #bbd5f6; }
.certificate-hero h1 {
  margin-top: var(--s4);
  font-size: clamp(2.75rem, 5vw, 4.5rem);
  line-height: 1.04;
  letter-spacing: -.06em;
}
.certificate-hero h1 span { display: block; color: #bbd5f6; }
.certificate-lead { max-width: 50ch; margin-top: var(--s5); color: var(--on-blue); }
.certificate-actions { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s3); margin-top: var(--s6); }
.certificate-actions .icon { width: 18px; height: 18px; }
.certificate-outline { border: 1px solid #a4bbd8; color: var(--white); }
.certificate-outline:hover { background: var(--blue-hover); }
.certificate-figure {
  position: relative;
  isolation: isolate;
  margin: 14px 14px 22px 0;
  padding: clamp(20px, 3.6vw, 52px);
  overflow: visible;
  border-radius: 24px;
  border: 1px solid #93b6e070;
  background: linear-gradient(145deg, #365988, #1b3558 68%);
  box-shadow: 0 24px 55px #101f3b65;
}
.certificate-figure::before {
  content: "";
  position: absolute;
  inset: 12px -13px -13px 12px;
  border: 1px solid #8daddb55;
  border-radius: inherit;
  z-index: -1;
  pointer-events: none;
}
.certificate-figure-top, .certificate-figure-bottom { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--s2) var(--s3); }
.certificate-figure-top { color: #e0edff; font-size: .68rem; font-weight: 600; letter-spacing: .14em; }
.certificate-figure-top > span:last-child { padding: 3px 10px; border: 1px solid #8daddb88; border-radius: 999px; letter-spacing: .05em; }
.certificate-art { display: block; width: min(100%, 280px); margin: var(--s5) auto; color: #b7d4fa; }
.certificate-figure-bottom { border-top: 1px solid #8daddb55; padding-top: var(--s4); font-size: var(--caption); color: #e0edff; }
.certificate-figure-bottom > span { display: flex; align-items: center; gap: var(--s2); }
.certificate-figure-bottom .icon { width: 16px; height: 16px; }
.certificate-trust { background: var(--paper); border-bottom: 1px solid var(--line); }
.certificate-trust .container { display: flex; align-items: center; gap: var(--s4); padding-block: var(--s5); }
.certificate-trust .icon { width: 30px; height: 30px; color: var(--blue); }
.certificate-trust p { color: var(--muted); font-size: var(--small); }
.certificate-trust strong { color: var(--blue-deep); }
.certificate-types .section-heading, .certificate-process .section-heading { margin-bottom: var(--s6); }
.certificate-options { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s5); }
.certificate-option {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: clamp(24px, 3.6vw, 44px);
  border: 1px solid var(--line);
  border-radius: 14px;
  background: var(--paper);
}
.certificate-option .eyebrow { color: var(--blue); margin: var(--s4) 0 var(--s2); }
.certificate-option h3 { font-size: clamp(1.75rem, 3vw, 2.6rem); color: var(--blue-deep); }
.certificate-option p:not(.eyebrow) { max-width: 49ch; color: var(--muted); margin-block: var(--s3) var(--s5); }
.certificate-option .text-link { margin-top: auto; }
.certificate-option-icon { display: grid; place-items: center; width: 48px; height: 48px; color: var(--blue); background: var(--blue-light); border-radius: 10px; }
.certificate-tags { display: flex; flex-wrap: wrap; gap: var(--s2); list-style: none; padding: 0; margin: 0 0 var(--s4); }
.certificate-tags li { padding: 4px 10px; border: 1px solid var(--line); border-radius: 999px; background: var(--white); color: var(--blue); font-size: var(--caption); }
.certificate-process { background: var(--blue-pale); border-block: 1px solid var(--line); }
.certificate-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--s5); list-style: none; margin: 0; padding: 0; }
.certificate-steps li { padding-top: var(--s5); border-top: 1px solid #a7b8d0; }
.certificate-steps li > span { color: var(--blue); font-weight: 600; font-size: var(--small); }
.certificate-steps h3 { margin: var(--s2) 0 var(--s3); }
.certificate-steps p, .certificate-faq-intro > p:not(.eyebrow) { color: var(--muted); }
.certificate-faq-intro > p:not(.eyebrow) { margin-top: var(--s4); max-width: 38ch; }
.certificate-faq-intro .text-link { margin-top: var(--s3); }
.certificate-final { background: var(--blue); color: var(--white); padding-block: var(--s8); }
.certificate-final .container { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: var(--s5); }
.certificate-final .eyebrow { margin-bottom: var(--s3); color: var(--on-blue); }
.certificate-final h2 { margin-bottom: var(--s3); }
.certificate-final p:not(.eyebrow) { max-width: 58ch; color: var(--on-blue); }
.certificate-final .button { flex-shrink: 0; }

.footer-watermark { overflow: hidden; }

@media (max-width: 960px) {
  .certificate-hero-grid { gap: var(--s6); }
}
@media (max-width: 767px) {
  .certificate-hero-grid, .certificate-options, .certificate-steps { grid-template-columns: 1fr; }
  .certificate-figure { width: min(calc(100% - 14px), 440px); margin-top: 0; }
  .certificate-final { padding-block: var(--s7); }
}
@media (max-width: 390px) {
  .certificate-hero h1 { font-size: clamp(2.1rem, 10vw, 2.75rem); }
}