/* ===== About: stat icons + global network ===== */
.stat-band__icon {
  display: inline-flex; align-items: center; justify-content: center;
  width: 46px; height: 46px; border-radius: 12px;
  background: rgba(47,111,176,.12); color: var(--blue-600, #2f6fb0);
  margin-bottom: 12px;
}
.stat-band__icon svg { width: 24px; height: 24px; }

.global-globe { max-width: 880px; margin: 8px auto 40px; }
.global-globe svg { width: 100%; height: auto; display: block; }
.global-globe .pulse {
  fill: none; stroke: #2f6fb0; stroke-width: 2;
  transform-box: fill-box; transform-origin: center;
  animation: nodePulse 2.6s ease-out infinite;
}
.global-globe .pulse--orange { stroke: #e8801a; }
@keyframes nodePulse {
  0%   { opacity: .85; transform: scale(1); }
  70%  { opacity: 0; transform: scale(3.2); }
  100% { opacity: 0; transform: scale(3.2); }
}

.global-cards { align-items: stretch; }
.global-card {
  background: #fff; border: 1px solid var(--slate-200, #e3e9f0);
  border-radius: 14px; padding: 28px 24px; text-align: left;
  box-shadow: 0 6px 20px rgba(15,40,72,.05);
  transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}
.global-card:hover {
  transform: translateY(-8px);
  border-color: rgba(47,111,176,.45);
  box-shadow: 0 18px 40px rgba(15,40,72,.14);
}
.global-card__icon {
  display: inline-flex; align-items: center; justify-content: center;
  width: 50px; height: 50px; border-radius: 12px;
  background: rgba(47,111,176,.12); color: var(--blue-600, #2f6fb0);
  margin-bottom: 16px; transition: background .35s ease, color .35s ease;
}
.global-card:hover .global-card__icon { background: var(--blue-600, #2f6fb0); color: #fff; }
.global-card__icon svg { width: 26px; height: 26px; }
.global-card b { font-family: var(--font-head); font-size: 30px; color: var(--navy-800, #12324f); display: block; line-height: 1; }
.global-card h3 { font-size: 16px; margin: 8px 0 8px; color: var(--navy-800, #12324f); }
.global-card p { font-size: 14px; color: var(--slate-500, #5a6b7d); margin: 0; line-height: 1.55; }
@media (max-width: 860px) {
  .global-cards .global-card { grid-column: span 2; }
}
@media (max-width: 560px) {
  .global-cards .global-card { grid-column: span 4; }
}