/* A light editorial overview paired with a numbered FAQ. */
.nx-video-section { padding: 92px 0; border-block: 1px solid #e5ecf5; background: #f4f7fc; font-family: "Manrope",sans-serif; }
.nx-video-section .container,.nx-faq-refresh .container { max-width: 1320px; padding-inline: 28px; }
.nx-video-layout { display: grid; grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr); align-items: center; gap: 70px; }
.nx-video-copy .nx-kicker { color: #3855a3; }
.nx-video-copy h2 { margin: 22px 0; color: #102a50; font-family: inherit; font-size: var(--nx-text-section,48px); font-weight: 800; line-height: 1.18; letter-spacing: -.045em; word-break: normal; }
.nx-video-copy p { margin: 0; color: #536c88; font-size: var(--nx-text-body,16px); line-height: 1.85; }
.nx-video-contact { display: inline-flex; align-items: center; gap: 20px; margin-top: 28px; color: #244b80; font-size: 14px; font-weight: 800; }
.nx-video-contact i { display: grid; place-items: center; width: 32px; height: 32px; border: 1px solid #ccdbee; border-radius: 50%; transition: transform 220ms ease; }
.nx-video-contact:hover i { transform: translate(2px,-2px); }
.nx-video-poster { position: relative; isolation: isolate; display: block; width: 100%; max-width: none; min-width: 0; height: 480px; overflow: hidden; padding: 0; border: 8px solid #fff; border-radius: 28px; background: #dce6f3; text-align: left; box-shadow: 0 18px 50px #102a5014; cursor: pointer; }
.nx-video-poster img { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover; transition: transform 700ms ease; }
.nx-video-poster::after { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg,#102a5000 30%,#061831e6 100%); }
.nx-video-play { position: absolute; top: 35%; left: calc(50% - 36px); display: grid; place-items: center; width: 72px; height: 72px; border: 1px solid #fff; border-radius: 50%; background: #fffffff0; color: #244b80; box-shadow: 0 0 0 12px #ffffff26; transition: transform 260ms ease,box-shadow 260ms ease; }
.nx-video-play::after { content: ''; position: absolute; inset: -13px; border: 1px solid #ffffff70; border-radius: 50%; animation: nx-video-ripple 3s ease-out infinite; }
.nx-video-play i { margin-left: 4px; font-size: 23px; }
.nx-video-caption { position: absolute; inset: auto 30px 30px; color: #fff; }
.nx-video-caption > span:first-child { display: block; margin-bottom: 12px; color: #d3e3fb; font-size: 12px; font-weight: 700; letter-spacing: .1em; }
.nx-video-caption strong { display: block; font-family: "Manrope",sans-serif; font-size: clamp(27px,2.5vw,35px); font-weight: 800; letter-spacing: -.035em; line-height: 1.2; }
.nx-video-watch { display: flex; align-items: center; justify-content: space-between; margin-top: 21px; padding-top: 17px; border-top: 1px solid #ffffff40; font-size: 14px; font-weight: 700; }
.nx-video-corner { position: absolute; top: 24px; right: 25px; color: #fff; font-size: 30px; font-weight: 800; }
.nx-video-dialog { position: fixed; inset: 0; width: min(1000px,calc(100% - 40px)); max-width: none; height: auto; margin: auto; padding: 0; overflow: visible; border: 0; border-radius: 18px; background: #071a36; box-shadow: 0 30px 90px #0005; }
.nx-video-dialog[open] { animation: nx-player-enter 260ms ease both; }
.nx-video-dialog::backdrop { background: #07162ac9; backdrop-filter: blur(8px); }
.nx-video-close { position: absolute; top: -52px; right: 0; display: grid; place-items: center; width: 38px; max-width: none; height: 38px; padding: 0; border: 1px solid #ffffff70; border-radius: 50%; background: #fff; color: #173d7c; font-size: 19px; }
.nx-video-player { overflow: hidden; aspect-ratio: 16/9; border-radius: 18px; }
.nx-video-player iframe { display: block; width: 100%; height: 100%; border: 0; }
.nx-site .nx-faq-refresh { margin: 0; padding: 96px 0; background: #fff; font-family: "Manrope",sans-serif; }
.nx-faq-refresh .container > .row { margin-inline: 0; }
.nx-faq-refresh .container > .row > .col-lg-12 { padding-inline: 0; }
.nx-faq-refresh .main-faq { position: relative; padding: 0; overflow: visible; border-radius: 0; background: transparent; box-shadow: none; }
.nx-faq-refresh .main-faq .shape-image { position: absolute; left: -60px; bottom: -25px; z-index: 0; opacity: .12; pointer-events: none; max-width: 300px; }
.nx-faq-refresh .main-faq > .row { position: relative; align-items: start !important; }
.nx-faq-aside { position: sticky; top: 120px; padding-right: 46px; }
.nx-faq-refresh .section-head { margin-bottom: 32px !important; padding: 0; }
.nx-faq-refresh .section-head .subtitle { display: block; margin-bottom: 18px; color: #3855a3; background: none; -webkit-text-fill-color: currentColor; font-size: 13px; font-weight: 800; letter-spacing: .13em; }
.nx-site .nx-faq-refresh .section-head .title { margin: 0; color: #102a50; font-family: inherit; font-size: var(--nx-text-section,48px); line-height: 1.18; font-weight: 800; letter-spacing: -.045em; word-break: normal; }
.nx-faq-refresh .main-faq .faq-stretch-thumbnail { width: 100%; height: 280px; min-height: 0; overflow: hidden; border: 7px solid #f0f5fc; border-radius: 24px; }
.nx-faq-refresh .main-faq .faq-stretch-thumbnail img { height: 100% !important; object-position: center 30%; }
.nx-faq-refresh .main-faq .pl--50 { padding: 0 0 0 22px !important; }
.nx-faq-refresh .faq-accordion .accordion { padding: 0; background: transparent; counter-reset: faq-number; }
.nx-faq-refresh .faq-accordion .accordion-item { margin-bottom: 12px; overflow: hidden; border: 1px solid #dfe8f4; border-radius: 16px; background: #fafcff; counter-increment: faq-number; transition: border-color 200ms ease,box-shadow 200ms ease; }
.nx-faq-refresh .faq-accordion .accordion-item:has([aria-expanded="true"]) { border-color: #baceec; background: #f1f6ff; box-shadow: 0 7px 22px #102a5005; }
.nx-faq-refresh .faq-accordion .accordion-item .accordion-header { padding: 0; }
.nx-site .nx-faq-refresh .main-faq .accordion-button { gap: 18px; width: 100%; max-width: none; padding: 23px; border: 0; border-radius: 16px; background: transparent; box-shadow: none; color: #193b65; font-family: inherit; font-size: 16px; font-weight: 800; line-height: 1.65; text-align: left; }
.nx-faq-refresh .accordion-button::before { content: '0' counter(faq-number); align-self: flex-start; padding-top: 3px; color: #7890b0; font-size: 12px; font-weight: 700; }
.nx-faq-refresh .accordion-button::after { content: none; }
.nx-faq-refresh .accordion-button-left { flex: 1; }
.nx-faq-refresh .accordion-button .accordion-button-left > i { display: none; }
.nx-faq-refresh .accordion-button-right { display: grid; place-items: center; flex: 0 0 30px; height: 30px; border: 1px solid #d5e1f3; border-radius: 50%; background: #fff; color: #385b90; }
.nx-faq-refresh .accordion-button .accordion-button-right i { color: inherit; font-size: 13px; transform: rotate(45deg); transition: transform 250ms ease; }
.nx-faq-refresh .accordion-button.collapsed .accordion-button-right i { transform: rotate(0); }
.nx-faq-refresh .accordion-body { padding: 0 70px 26px 59px !important; color: #536b88; font-size: 16px; line-height: 1.85; }
.nx-video-section :is(a,button):focus-visible,.nx-faq-refresh button:focus-visible,.nx-video-dialog button:focus-visible { outline: 3px solid #7898cf; outline-offset: 4px; }
@keyframes nx-video-ripple { from { transform: scale(1); opacity: .7; } to { transform: scale(1.4); opacity: 0; } }
@keyframes nx-player-enter { from { opacity: 0; transform: translateY(12px) scale(.97); } to { opacity: 1; transform: none; } }
@media (hover:hover) and (pointer:fine) {
 .nx-video-poster:hover img { transform: scale(1.035); }
 .nx-video-poster:hover .nx-video-play { transform: scale(1.06); box-shadow: 0 0 0 18px #ffffff20; }
 .nx-faq-refresh .accordion-item:hover { border-color: #baceec; }
}
@media (max-width:991px) {
 .nx-video-layout { gap: 32px; }
 .nx-video-poster { height: 450px; }
 .nx-faq-refresh .nx-faq-aside { position: static; display: grid; grid-template-columns: 1fr 1fr; gap: 30px; align-items: center; padding: 0; margin-bottom: 32px; }
 .nx-faq-refresh .section-head { margin: 0 !important; }
 .nx-faq-refresh .main-faq .faq-stretch-thumbnail { height: 240px; }
 .nx-faq-refresh .main-faq .pl--50 { padding: 0 !important; }
}
@media (max-width:767px) {
 .nx-video-section,.nx-site .nx-faq-refresh { padding: 60px 0; }
 .nx-video-section .container,.nx-faq-refresh .container { padding-inline: 22px; }
 .nx-video-layout { grid-template-columns: minmax(0,1fr); gap: 32px; }
 .nx-video-poster { height: 390px; border-width: 6px; border-radius: 24px; }
 .nx-video-caption { inset: auto 24px 24px; }
 .nx-video-caption > span:first-child { font-size: 11px; }
 .nx-faq-refresh .nx-faq-aside { grid-template-columns: minmax(0,1fr); gap: 25px; }
 .nx-faq-refresh .main-faq .faq-stretch-thumbnail { height: 230px; }
 .nx-site .nx-faq-refresh .main-faq .accordion-button { gap: 12px; padding: 20px 16px; font-size: 16px; }
 .nx-faq-refresh .accordion-button-right { flex-basis: 26px; height: 26px; }
 .nx-faq-refresh .accordion-body { padding: 0 20px 24px 45px !important; }
 .nx-video-dialog { width: calc(100% - 24px); }
}
@media (prefers-reduced-motion:reduce) {
 .nx-video-section *, .nx-video-section *::after,.nx-video-dialog[open],.nx-faq-refresh * { animation: none !important; transition: none !important; }
}

/* One connected support hub: watch, understand and explore answers. */
.nx-answer-hub { position: relative; overflow: hidden; background: linear-gradient(160deg,#f7faff,#edf3fc); }
.nx-answer-hub .nx-hub-heading { max-width: 880px; margin: 0 auto 42px; text-align: center; }
.nx-hub-heading .nx-kicker { justify-content: center; color: #3855a3; }
.nx-hub-heading h2 { margin: 20px 0 0; color: #102a50; font-family: "Manrope",sans-serif; font-size: var(--nx-text-section,48px); font-weight: 800; line-height: 1.18; letter-spacing: -.045em; word-break: normal; }
.nx-hub-surface { position: relative; isolation: isolate; display: grid; grid-template-columns: minmax(0,.92fr) minmax(0,1.08fr); align-items: start; overflow: hidden; border: 1px solid #dce6f4; border-radius: 32px; background: #fff; box-shadow: 0 24px 65px #163b7009; }
.nx-hub-surface > .shape-image { position: absolute; z-index: -1; bottom: -50px; left: -50px; width: 320px; opacity: .1; pointer-events: none; }
.nx-hub-story { min-width: 0; align-self: stretch; padding: 24px; border-right: 1px solid #e4ebf6; background: linear-gradient(145deg,#f1f6ffcc,#fbfdffbb); }
.nx-answer-hub .nx-video-poster { height: 340px; border: 0; border-radius: 20px; box-shadow: 0 8px 24px #102a500b; }
.nx-answer-hub .nx-video-play { top: 27%; }
.nx-answer-hub .nx-video-caption { inset: auto 24px 24px; }
.nx-answer-hub .nx-video-caption strong { font-size: 29px; }
.nx-answer-hub .nx-video-caption > span:first-child { font-size: 12px; letter-spacing: .07em; }
.nx-hub-summary { padding: 26px 8px; }
.nx-hub-summary p { margin: 0; color: #536b88; font-size: 16px; line-height: 1.85; }
.nx-hub-contact { display: flex; align-items: center; gap: 14px; margin: 0 8px 6px; padding: 18px 0 0; border-top: 1px solid #dbe5f3; color: #193d6b; }
.nx-answer-hub .nx-hub-contact .faq-stretch-thumbnail { flex: 0 0 52px; width: 52px; height: 52px; min-height: 0; overflow: hidden; border: 3px solid #fff; border-radius: 50%; box-shadow: 0 3px 10px #102a5010; }
.nx-answer-hub .nx-hub-contact .faq-stretch-thumbnail img { object-fit: cover; object-position: center 25%; }
.nx-hub-contact > span { min-width: 0; }
.nx-hub-contact small { display: block; margin-bottom: 5px; color: #68809f; font-size: 11px; font-weight: 700; letter-spacing: .05em; line-height: 1.5; }
.nx-hub-contact strong { display: block; color: #193d6b; font-size: 16px; font-weight: 800; }
.nx-hub-contact > i { display: grid; place-items: center; flex: 0 0 32px; height: 32px; margin-left: auto; border: 1px solid #cdddf2; border-radius: 50%; font-size: 13px; transition: transform 220ms ease,background 220ms ease; }
.nx-hub-contact:hover > i { transform: translate(2px,-2px); background: #e2ecfc; }
.nx-site .nx-answer-hub .nx-hub-faq { width: 100%; min-width: 0; margin: 0; padding: 36px 32px 28px; background: transparent; }
.nx-answer-hub .nx-hub-faq .section-head { margin-bottom: 26px !important; }
.nx-answer-hub .nx-hub-faq .section-head .subtitle { font-size: 12px; letter-spacing: .13em; }
.nx-answer-hub .nx-hub-faq .section-head .title { margin: 0; color: #102a50; font-family: "Manrope",sans-serif; font-size: 32px; font-weight: 800; line-height: 1.2; letter-spacing: -.04em; word-break: normal; }
.nx-answer-hub .faq-accordion .accordion-item { margin-bottom: 0; border: 0; border-bottom: 1px solid #e0e8f4; border-radius: 0; background: transparent; box-shadow: none; }
.nx-answer-hub .faq-accordion .accordion-item:last-child { border-bottom: 0; }
.nx-answer-hub .faq-accordion .accordion-item:has([aria-expanded="true"]) { border-color: #d1dff2; background: #f3f7ff; box-shadow: none; border-radius: 14px; }
.nx-site .nx-answer-hub .nx-hub-faq .main-faq .accordion-button { gap: 12px; padding: 20px 12px; border-radius: 14px; font-size: 16px; line-height: 1.55; }
.nx-answer-hub .nx-hub-faq .accordion-body { padding: 0 22px 24px 44px !important; font-size: 16px; line-height: 1.8; }
.nx-answer-hub .accordion-button-right { flex-basis: 26px; height: 26px; }
@media (max-width:1100px) and (min-width:768px) {
 .nx-answer-hub .nx-hub-surface { grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr); }
 .nx-answer-hub .nx-hub-story { padding: 18px; }
 .nx-site .nx-answer-hub .nx-hub-faq { padding: 28px 22px; }
 .nx-answer-hub .nx-video-poster { height: 330px; }
 .nx-answer-hub .nx-video-caption { inset: auto 20px 20px; }
 .nx-answer-hub .nx-video-caption strong { font-size: 26px; }
}
@media (max-width:767px) {
 .nx-answer-hub .nx-hub-heading { margin-bottom: 30px; }
 .nx-answer-hub .nx-hub-surface { grid-template-columns: minmax(0,1fr); border-radius: 24px; }
 .nx-answer-hub .nx-hub-story { padding: 16px; border-right: 0; border-bottom: 1px solid #e0e8f4; }
 .nx-answer-hub .nx-video-poster { height: 330px; border-radius: 16px; }
 .nx-answer-hub .nx-video-caption { inset: auto 20px 20px; }
 .nx-answer-hub .nx-video-caption strong { font-size: 28px; }
 .nx-answer-hub .nx-video-caption > span:first-child { font-size: 11px; }
 .nx-hub-summary { padding: 24px 4px; }
 .nx-hub-contact { margin-inline: 4px; }
 .nx-hub-contact small { font-size: 10px; }
 .nx-site .nx-answer-hub .nx-hub-faq { padding: 28px 16px 20px; }
 .nx-answer-hub .nx-hub-faq .section-head .title { font-size: 30px; }
 .nx-site .nx-answer-hub .nx-hub-faq .main-faq .accordion-button { padding: 20px 8px; gap: 10px; }
 .nx-answer-hub .nx-hub-faq .accordion-body { padding: 0 16px 22px 36px !important; }
}
@media (max-width:360px) {
 .nx-answer-hub .nx-video-caption strong { font-size: 25px; }
 .nx-answer-hub .nx-video-caption > span:first-child { max-width: 190px; }
 .nx-answer-hub .nx-video-poster { height: 350px; }
 .nx-answer-hub .nx-hub-contact { flex-wrap: wrap; }
 .nx-hub-contact > span { flex: 1; }
 .nx-hub-contact small { overflow-wrap: anywhere; }
 .nx-hub-contact > i { display: none; }
}

/* Keep the shared support hub on the same type scale on inner pages. */
.nx-answer-hub {
  --nx-text-section: clamp(32px, 3.4vw, 48px);
  --nx-text-body: 16px;
}
.nx-answer-hub .nx-kicker {
  display: inline-flex;
  align-items: center;
  gap: 11px;
  color: #3855a3;
  font-family: "Manrope", sans-serif;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.5;
  letter-spacing: .19em;
}
.nx-answer-hub .nx-kicker > span { width: 26px; height: 1px; background: currentColor; }

/* Overview videos are not yet available: retain the poster as a static image. */
.nx-video-poster.nx-video-unavailable { cursor: default; }
.nx-video-poster.nx-video-unavailable:hover img { transform: none; }
.nx-video-unavailable .nx-video-watch { color: #d3e3fb; }