/* === PAGE BAND (inner page header) === */
.page-band {
  background: var(--blue2);
  padding: 48px 56px;
  position: relative;
  overflow: hidden;
}
.page-band::before {
  content: '';
  position: absolute; inset: 0;
  background: linear-gradient(105deg, rgba(13,58,122,1) 0%, rgba(21,87,176,.7) 60%, rgba(61,143,224,.2) 100%);
}
.page-band-grid {
  position: absolute; inset: 0;
  background-image:
    linear-gradient(rgba(61,143,224,.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(61,143,224,.05) 1px, transparent 1px);
  background-size: 48px 48px;
}
.page-band-edge {
  position: absolute; left: 0; top: 0; bottom: 0; width: 4px;
  background: linear-gradient(to bottom, transparent 0%, var(--blue3) 30%, var(--blue) 70%, transparent 100%);
}
.page-band-inner {
  position: relative; z-index: 2;
  display: flex; align-items: flex-end; justify-content: space-between;
  gap: 24px; flex-wrap: wrap;
}
.page-eyebrow {
  display: inline-flex; align-items: center; gap: 12px;
  font-size: 11px; font-weight: 600; letter-spacing: 3px; text-transform: uppercase;
  color: var(--blue3); margin-bottom: 10px;
}
.page-eyebrow::before {
  content: ''; width: 28px; height: 2px; background: var(--blue3);
}
.page-title {
  font-family: 'Outfit', sans-serif; font-weight: 800;
  font-size: 32px; color: #fff; letter-spacing: -.5px;
}
.page-band-sub {
  font-size: 13px; color: rgba(255,255,255,.55); margin-top: 6px;
}
.page-band-meta {
  display: flex; gap: 16px; flex-shrink: 0; flex-wrap: wrap;
}

/* === BREADCRUMB === */
.breadcrumb {
  padding: 14px 56px;
  background: var(--grey);
  border-bottom: 1px solid #e2e8f0;
  display: flex; align-items: center; gap: 8px;
  font-size: 12px; color: var(--muted);
}
.breadcrumb a {
  color: var(--muted); text-decoration: none; transition: color .2s;
}
.breadcrumb a:hover { color: var(--blue); }
.breadcrumb-sep {
  color: var(--blue3); font-size: 10px;
}
.breadcrumb-current {
  color: var(--blue); font-weight: 600;
}