/* Compact Nu Life panel. The official seal itself is never altered. */
.certification-section {
  position:relative; padding:36px 0; scroll-margin-top:24px;
  background:radial-gradient(ellipse at 15% 50%,rgba(0,230,255,.06),transparent 48%),#020712;
  border-block:1px solid rgba(122,210,255,.14);
}
.certification-section::before {
  content:""; position:absolute; top:-1px; left:12%; right:12%; height:2px;
  background:linear-gradient(90deg,transparent,#78ff43 30%,#00e6ff 72%,transparent);
  box-shadow:0 0 15px rgba(0,230,255,.18); pointer-events:none;
}
.certification-section .certification-wrap {
  width:min(960px,calc(100% - 48px)); margin:auto;
  display:grid; grid-template-columns:194px minmax(0,1fr);
  gap:32px; align-items:center;
}
.certification-section .certification-copy,
.certification-section .certification-card { min-width:0; }
.certification-section .certification-kicker {
  margin:0 0 8px; color:#00e6ff; font-size:.6875rem; font-weight:800;
  letter-spacing:.16em; text-transform:uppercase; line-height:1.6;
}
.certification-section h2 {
  margin:0 0 12px; color:#f4fbff; font-size:clamp(1.65rem,2.7vw,2.25rem);
  line-height:1.15; letter-spacing:-.025em; font-weight:800;
}
.certification-section h2 span { color:#a9f4de; }
.certification-section .certification-description {
  margin:0; color:#c1d2df; font-size:.9375rem; line-height:1.65;
}
.certification-section .certification-description strong { color:#effaff; font-weight:650; }
.certification-section a:focus-visible { outline:3px solid #78ff43; outline-offset:5px; }
.certification-section .certification-card { text-align:center; }
.certification-section .certification-link-note { margin:10px 0 0; color:#91a9bc; font-size:.6875rem; line-height:1.5; }
.certification-section .certification-seal-slot { display:grid; place-items:center; min-height:182px; }
.certification-section .certification-placeholder {
  display:flex; flex-direction:column; justify-content:center; gap:12px;
  width:170px; min-height:182px; max-width:100%; padding:18px 12px;
  box-sizing:border-box; border:1px dashed #63869b; border-radius:10px;
  background:rgba(17,38,55,.55); text-decoration:none;
}
.certification-section .certification-placeholder:hover { background:#112b3e; border-color:#00e6ff; }
.certification-section .certification-placeholder strong { color:#d8edf5; font-size:1rem; font-weight:650; line-height:1.35; }
.certification-section .certification-placeholder span { color:#afc9da; font-size:.6875rem; line-height:1.6; overflow-wrap:anywhere; }
.certification-section .certification-seal-link {
  display:grid; place-items:center; padding:12px; background:#fff;
  border-radius:10px; min-width:170px; min-height:182px; box-sizing:border-box;
  box-shadow:0 0 24px rgba(0,230,255,.1);
}
.certification-section .certification-seal-link:hover { outline:2px solid #00e6ff; outline-offset:3px; }
.certification-section .certification-seal-link img {
  display:block; width:146px; height:158px; max-width:none; object-fit:contain;
  opacity:1; filter:none; transform:none; border:0; border-radius:0;
}
.certification-section .certification-domain-note { margin:12px 0 0; color:#aec5d5; font-size:.75rem; line-height:1.6; }
.certification-section .certification-scope {
  margin:12px 0 0; padding-top:12px; border-top:1px solid rgba(122,210,255,.14);
  color:#91a9bc; font-size:.6875rem; line-height:1.6;
}
.alfred + .certification-section + .wrap .footer { margin-top:32px; padding-top:20px; border-top:0; }
@media(max-width:800px) {
  .certification-section .certification-wrap { width:calc(100% - 32px); gap:24px; }
}
@media(max-width:600px) {
  .certification-section { padding:28px 0; }
  .certification-section .certification-wrap { grid-template-columns:minmax(0,1fr); gap:22px; }
  .certification-section .certification-copy { text-align:center; }
  .certification-section .certification-card { justify-self:center; }
  .certification-section h2 { font-size:1.75rem; }
}
@media(max-width:480px) {
  .certification-section .certification-kicker { font-size:.625rem; letter-spacing:.13em; }
  .alfred + .certification-section + .wrap .footer { margin-top:24px; }
}

/* Safe-area and narrow-phone refinements for iPhone/Android review. */
.certification-section .certification-wrap {
  width:min(960px, calc(100% - max(16px, env(safe-area-inset-left, 0px)) - max(16px, env(safe-area-inset-right, 0px))));
}
.certification-section .certification-copy { overflow-wrap:anywhere; }
#meet-alfred {
  padding-left:max(16px, env(safe-area-inset-left, 0px));
  padding-right:max(16px, env(safe-area-inset-right, 0px));
}
#meet-alfred > .reveal { width:100%; min-width:0; }
#meet-alfred p { overflow-wrap:anywhere; }
@media(max-width:600px) {
  #meet-alfred h2 { font-size:clamp(3rem,15.7vw,4.7rem); margin-inline:0; line-height:1.1; }
  #meet-alfred p { font-size:clamp(.75rem,3.1vw,1rem); }
  #meet-alfred .alfred-role { font-size:1.125rem; }
  .certification-section { padding-bottom:max(28px, env(safe-area-inset-bottom, 0px)); }
}
@media(max-height:500px) and (orientation:landscape) {
  #meet-alfred { min-height:360px; padding-block:32px; }
  #meet-alfred .line { height:52px; margin-block:16px; }
}