.managed-hero { background: var(--navy); color: #fff; padding: 88px 0 80px; }
.d .managed-hero figcaption.cap { color: #c3d1e6; }
.managed-hero .it-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 56px; }
.managed-hero h1 { font-size: clamp(36px, 4vw, 56px); line-height: 1.08; }
.d .managed-hero h1 { color: #fff; }
.d .managed-hero h1 em { font-style: normal; color: #91bbff; }
.managed-hero .intro { color: #c3d1e6; margin-top: 24px; font-size: 19px; }
.managed-hero .it-photo { align-self: center; }
.managed-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 16px 24px; margin-top: 32px; }
.managed-note { color: #c3d1e6; font-size: 15px; margin-top: 24px !important; }
.managed-scope { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 48px 64px; margin: 64px 0 32px !important; }
.managed-scope li { border-top: 2px solid var(--ink); padding-top: 24px; }
.managed-scope h3, .managed-support h3 { font-size: 23px; line-height: 1.25; }
.managed-scope p, .managed-support-copy p { color: var(--muted); font-size: 17px; margin-top: 12px !important; }
.managed-support { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 72px; }
.managed-support .intro { margin-top: 24px; }
.managed-support-copy h3:not(:first-child) { margin-top: 32px; }
.managed-channels { display: flex; flex-direction: column; gap: 12px; }
.managed-consent { font-size: 15px; color: #b9c7dc; margin-top: 12px !important; }
.managed-consent a { color: #c4d9ff; }
.managed-channels .ci { font-weight: 600; }
.d #managed-contact-title, .managed-channels .chan strong { color: #fff; }
.d .contact .intro, .d .contact .cmeta { color: #c3d1e6; }
.managed-hero .cap::before { background: #91bbff; }
#ongoing-support .proc h3.disp { letter-spacing: -.015em; }
@media (max-width: 920px) {
  .managed-hero .it-grid, .managed-support { grid-template-columns: minmax(0, 1fr); gap: 36px; }
  .managed-hero .it-photo { max-width: 680px; }
  .managed-scope { gap: 36px; }
}
@media (max-width: 640px) {
  .managed-hero { padding: 48px 0; }
  .managed-hero h1 { font-size: 36px; }
  .managed-hero .intro { font-size: 18px; }
  .managed-actions { align-items: stretch; flex-direction: column; }
  .managed-scope { grid-template-columns: minmax(0, 1fr); margin-top: 40px !important; }
  .managed-scope h3, .managed-support h3 { font-size: 21px; }
}