.a-dx-member-page { --dx-blue:#2481d1; --dx-navy:#062c5c; --dx-ink:#101820; --dx-line:#dce5ed; --dx-pale:#f5f8fb; color:var(--dx-ink); overflow:hidden; }
.a-dx-member-page *, .a-dx-member-page *::before, .a-dx-member-page *::after { box-sizing:border-box; }
.a-dx-member-container { width:min(100% - 40px, 1240px); margin-inline:auto; }
.a-dx-member-page-head { padding-block:18px; border-bottom:1px solid var(--dx-line); background:#fff; }
.a-dx-member-page-head p { margin-top:10px; color:#526270; font-size:12px; }
.a-dx-member-section { padding-block:64px; }
.a-dx-member-section--gray { background:var(--dx-pale); }
.a-dx-member-section--navy { background:var(--dx-navy); color:#fff; }
.a-dx-member-eyebrow { color:var(--dx-blue); font-size:11px; font-weight:700; letter-spacing:.13em; text-transform:uppercase; }
.a-dx-member-heading { max-width:760px; margin-bottom:32px; }
.a-dx-member-heading h2 { margin-top:8px; font-size:clamp(26px,7vw,38px); line-height:1.35; letter-spacing:.01em; }
.a-dx-member-heading > p:last-child { margin-top:14px; color:#53616d; line-height:1.9; }
.a-dx-member-heading--light > p:last-child { color:#c9d8e7; }
.a-dx-member-heading--light .a-dx-member-eyebrow { color:#7dbdff; }
.a-dx-member-page svg.a-dx-member-icon,
.a-dx-member-page .a-dx-member-icon { display:block; width:32px !important; height:32px !important; max-width:32px !important; max-height:32px !important; min-width:32px; min-height:32px; flex:0 0 32px; fill:none; overflow:visible; color:var(--dx-blue); }
.a-dx-member-page svg.a-dx-member-icon--sm,
.a-dx-member-page .a-dx-member-icon--sm { width:18px !important; height:18px !important; max-width:18px !important; max-height:18px !important; min-width:18px; min-height:18px; flex:0 0 18px; }
.a-dx-member-page svg.a-dx-member-icon--lg,
.a-dx-member-page .a-dx-member-icon--lg { width:40px !important; height:40px !important; max-width:40px !important; max-height:40px !important; min-width:40px; min-height:40px; flex:0 0 40px; }
.a-dx-member-page svg.a-dx-member-icon--check,
.a-dx-member-page .a-dx-member-icon--check { width:22px !important; height:22px !important; max-width:22px !important; max-height:22px !important; min-width:22px; min-height:22px; flex:0 0 22px; }
.a-dx-member-icon--light { color:#fff; }

.a-dx-member-mv { background:#fff; }
.a-dx-member-mv__grid { display:flex; flex-direction:column; }
.a-dx-member-mv__content { padding-block:56px 36px; }
.a-dx-member-mv h1 { margin-top:10px; font-size:clamp(36px,10vw,56px); line-height:1.32; letter-spacing:-.025em; }
.a-dx-member-mv__lead { max-width:640px; margin-top:22px; color:#3f4d59; line-height:1.9; }
.a-dx-member-button { display:inline-flex; align-items:center; justify-content:center; gap:14px; width:100%; margin-top:26px; padding:15px 20px; background:var(--dx-navy); color:#fff; font-weight:600; border:1px solid var(--dx-navy); }
.a-dx-member-button .a-dx-member-icon { color:currentColor; }
.a-dx-member-page .a-dx-member-cta svg,
.a-dx-member-page .a-dx-member-btn svg,
.a-dx-member-page .a-dx-member-button svg { width:18px !important; height:18px !important; max-width:18px !important; max-height:18px !important; min-width:18px; min-height:18px; flex:0 0 18px; }
.a-dx-member-mv__keywords { display:grid; grid-template-columns:repeat(2,1fr); margin-top:32px; border-top:1px solid var(--dx-line); border-left:1px solid var(--dx-line); }
.a-dx-member-mv__keywords li { display:flex; align-items:center; gap:12px; min-height:72px; padding:14px; border-right:1px solid var(--dx-line); border-bottom:1px solid var(--dx-line); font-weight:600; }
.a-dx-member-mv__visual { position:relative; order:2; display:flex; align-items:center; justify-content:center; aspect-ratio:16/9; overflow:hidden; background-color:var(--dx-pale); background-image:url(../images/hero-meeting.webp); background-repeat:no-repeat; background-position:center; background-size:contain; }
.a-dx-member-mv__visual img { position:absolute !important; inset:0 !important; width:100% !important; height:100% !important; opacity:0; pointer-events:none; }

.a-dx-member-wall__grid, .a-dx-member-outcome__grid { display:grid; gap:14px; list-style:none; }
.a-dx-member-wall__grid > li, .a-dx-member-outcome__grid > li { padding:24px 20px 28px; background:#fff; border:1px solid var(--dx-line); }
.a-dx-member-card-head { display:flex; align-items:center; justify-content:space-between; }
.a-dx-member-card-head b { color:var(--dx-blue); font-size:18px; letter-spacing:.06em; }
.a-dx-member-wall__grid h3, .a-dx-member-outcome__grid h3 { margin-top:22px; font-size:18px; line-height:1.5; }
.a-dx-member-wall__grid p, .a-dx-member-outcome__grid p { margin-top:12px; color:#52606c; line-height:1.8; }
.a-dx-member-wall__message { margin-top:28px; padding:22px; background:#eaf5ff; font-size:18px; font-weight:600; line-height:1.7; text-align:center; }
.a-dx-member-wall__message strong { color:var(--dx-blue); }

.a-dx-member-position__grid { display:grid; gap:40px; }
.a-dx-member-org { position:relative; display:grid; gap:24px; }
.a-dx-member-org__node { position:relative; display:grid; gap:3px; place-content:center; min-height:82px; padding:15px 10px; background:#fff; color:var(--dx-ink); border:1px solid #bed0e0; text-align:center; }
.a-dx-member-org__node span { color:#667582; font-size:11px; }
.a-dx-member-org__node--management { width:min(100%,240px); margin-inline:auto; }
.a-dx-member-org__node--management::after { position:absolute; top:100%; left:50%; width:1px; height:25px; background:#8ba8c2; content:""; }
.a-dx-member-org__row { display:grid; gap:12px; }
.a-dx-member-org__node--unite { background:var(--dx-blue); color:#fff; border-color:#62a9e7; }
.a-dx-member-org__node--unite span { color:#eaf5ff; }
.a-dx-member-org__promise { margin-top:12px; color:#fff; font-weight:600; text-align:center; }

.a-dx-member-target__grid { display:grid; gap:34px; }
.a-dx-member-target__list { display:grid; gap:14px; }
.a-dx-member-target__list li { display:grid; grid-template-columns:24px 1fr; gap:12px; align-items:start; padding-bottom:14px; border-bottom:1px solid var(--dx-line); line-height:1.7; }
.a-dx-member-target__visual { aspect-ratio:3/2; overflow:hidden; background:var(--dx-pale); }
.a-dx-member-target__visual img { width:100%; height:100%; object-fit:cover; object-position:center; }

.a-dx-member-role__grid { display:grid; gap:14px; }
.a-dx-member-role__grid article { padding:26px 22px; background:#fff; color:var(--dx-ink); border:1px solid #9fb4c9; }
.a-dx-member-role__grid h3 { margin-top:20px; font-size:22px; }
.a-dx-member-role__grid article > p { min-height:3em; margin-top:9px; color:#52606c; line-height:1.7; }
.a-dx-member-role__grid h4 { margin-top:22px; padding-top:16px; border-top:1px solid var(--dx-line); font-size:12px; color:var(--dx-blue); }
.a-dx-member-role__grid ul { margin-top:9px; }
.a-dx-member-role__grid li { position:relative; margin-top:6px; padding-left:13px; font-size:12px; }
.a-dx-member-role__grid li::before { position:absolute; top:.65em; left:0; width:4px; height:4px; border-radius:50%; background:var(--dx-blue); content:""; }

.a-dx-member-flow__list { display:grid; gap:0; }
.a-dx-member-flow__list > li { position:relative; display:grid; grid-template-columns:48px 1fr; gap:18px; padding-bottom:34px; }
.a-dx-member-flow__list > li::before { position:absolute; top:48px; bottom:0; left:23px; width:1px; background:#9fc8eb; content:""; }
.a-dx-member-flow__list > li:last-child { padding-bottom:0; }
.a-dx-member-flow__list > li:last-child::before { display:none; }
.a-dx-member-flow__list > li > span { display:grid; place-items:center; width:48px; height:48px; border:2px solid var(--dx-blue); border-radius:50%; background:#fff; color:var(--dx-blue); font-weight:700; }
.a-dx-member-flow__list h3 { padding-top:9px; font-size:18px; }
.a-dx-member-flow__list ul { margin-top:14px; }
.a-dx-member-flow__list li li { position:relative; margin-top:6px; padding-left:12px; color:#52606c; font-size:12px; }
.a-dx-member-flow__list li li::before { position:absolute; top:.65em; left:0; width:4px; height:4px; background:var(--dx-blue); content:""; }

.a-dx-member-cta { padding-block:48px; background-color:#eef6fd; color:#0b315f; }
.a-dx-member-cta__grid { display:grid; gap:28px; }
.a-dx-member-cta .a-dx-member-eyebrow { color:#2481d1; }
.a-dx-member-cta h2 { margin-top:8px; font-size:clamp(26px,7vw,40px); line-height:1.4; }
.a-dx-member-cta__grid > div > p:last-child { margin-top:14px; color:#34495e; line-height:1.8; }
.a-dx-member-cta__buttons { display:grid; gap:12px; }
.a-dx-member-cta__buttons a { display:flex; justify-content:space-between; align-items:center; gap:18px; min-height:58px; padding:14px 18px; background:#0b315f; color:#fff; font-weight:600; border:1px solid #0b315f; }
.a-dx-member-cta__buttons a:last-child { background:transparent; color:#0b315f; border-color:#0b315f; }
.a-dx-member-cta__buttons .a-dx-member-icon { color:currentColor; }
.a-dx-member-cta__buttons a:hover { background:#2481d1; color:#fff; border-color:#2481d1; opacity:1; }
.a-dx-member-cta__buttons a:last-child:hover { background:#fff; color:#0b315f; border-color:#0b315f; }

@media (min-width:768px) {
  .a-dx-member-container { width:min(100% - 64px,1240px); }
  .a-dx-member-section { padding-block:80px; }
  .a-dx-member-heading { margin-bottom:42px; }
  .a-dx-member-wall__grid, .a-dx-member-outcome__grid, .a-dx-member-role__grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .a-dx-member-org__row { grid-template-columns:repeat(2,1fr); }
  .a-dx-member-target__grid { grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); align-items:center; gap:54px; }
  .a-dx-member-button { width:auto; }
  .a-dx-member-cta__buttons { grid-template-columns:repeat(2,1fr); }
}

@media (min-width:1024px) {
  .a-dx-member-section { padding-block:96px; }
  .a-dx-member-mv__grid { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); min-height:0; }
  .a-dx-member-mv__content { display:flex; flex-direction:column; justify-content:center; padding:70px 60px 70px 0; }
  .a-dx-member-mv h1 { font-size:52px; }
  .a-dx-member-mv__visual { order:initial; align-self:center; aspect-ratio:16/9; margin-right:calc(50% - 50vw); }
  .a-dx-member-mv__keywords { max-width:440px; }
  .a-dx-member-position__grid { grid-template-columns:minmax(300px,.75fr) minmax(0,1.25fr); align-items:center; gap:70px; }
  .a-dx-member-org__row { grid-template-columns:repeat(4,1fr); position:relative; }
  .a-dx-member-org__row::before { position:absolute; top:-13px; left:12.5%; right:12.5%; height:1px; background:#8ba8c2; content:""; }
  .a-dx-member-org__row .a-dx-member-org__item { position:relative; }
  .a-dx-member-org__row .a-dx-member-org__node::before { position:absolute; bottom:100%; left:50%; width:1px; height:13px; background:#8ba8c2; content:""; }
  .a-dx-member-cta__grid { grid-template-columns:minmax(0,1fr) minmax(430px,.75fr); align-items:center; gap:70px; }
  .a-dx-member-cta { padding-block:64px; }
}

@media (min-width:1200px) {
  .a-dx-member-wall__grid, .a-dx-member-outcome__grid, .a-dx-member-role__grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .a-dx-member-flow__list { grid-template-columns:repeat(5,minmax(0,1fr)); }
  .a-dx-member-flow__list > li { display:block; min-width:0; padding:0 24px 0 0; }
  .a-dx-member-flow__list > li::before { top:23px; right:0; bottom:auto; left:48px; width:calc(100% - 48px); height:1px; }
  .a-dx-member-flow__list h3 { margin-top:17px; padding-top:0; }
}

@media (min-width:1440px) {
  .a-dx-member-section { padding-block:110px; }
  .a-dx-member-mv h1 { font-size:58px; }
  .a-dx-member-heading h2 { font-size:42px; }
}
