/* Customer cases only. Shared by the homepage and eSIM; no page-wide resets. */
@font-face {
  font-family: 'Instrument Sans';
  src: url('/fonts/esim-problem/instrument-sans-latin.woff2') format('woff2');
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
}
.nx-cases-scope {
  --nx-cases-font: 'Instrument Sans', Arial, sans-serif;
  --nx-cases-heading-font: var(--nx-cases-font);
  --nx-cases-heading: #314158;
  --nx-cases-text: #131313;
  --nx-cases-muted: #586273;
  --nx-cases-accent: #503bed;
  font-family: var(--nx-cases-font);
}
.nx-cases-scope #nx-case-stories-cta {
  box-sizing: border-box;
  width: 100%;
  max-width: var(--nx-cases-max-width, 76rem);
  padding: var(--nx-cases-space, 72px) var(--nx-cases-gutter, 32px) var(--nx-cases-bottom, 28px);
  margin-inline: auto;
  font-family: var(--nx-cases-font);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: normal;
  text-transform: none;
  color: var(--nx-cases-text);
}
/* eSIM retains its existing outer section and site-container, with no double gutter/paint. */
.esim-customer-cases nx-customer-cases[data-flat-transition]::before { content: none; }
.esim-customer-cases nx-customer-cases { --nx-cases-bottom: 0px; }
.nx-cases-scope .cases-intro,
.nx-cases-scope #nx-case-stories-cta .nx-intro {
  width: 100%; max-width: none; margin: 0 auto 32px; text-align: center;
}
.nx-cases-scope .cases-intro .nx-kicker,
.nx-cases-scope #nx-case-stories-cta .nx-kicker {
  font-family: var(--nx-cases-font); font-size: 11px; font-weight: 600;
  line-height: 1.7; letter-spacing: .13em; text-transform: uppercase;
  color: #6848cc; margin: 0 0 18px;
}
.nx-cases-scope .cases-intro h2,
.nx-cases-scope #nx-case-stories-cta h2 {
  font-family: var(--nx-cases-heading-font); font-size: clamp(28px, 3vw, 42px);
  font-weight: 500; line-height: 1.15; letter-spacing: -.03em; text-transform: none;
  color: var(--nx-cases-heading); -webkit-text-fill-color: currentColor;
  max-width: none; margin: 0 auto; text-align: center; text-wrap: balance;
}
.nx-cases-scope .cases-intro .cases-lead,
.nx-cases-scope #nx-case-stories-cta .nx-description {
  font-family: var(--nx-cases-font); font-size: 16px; font-weight: 400;
  line-height: 1.7; letter-spacing: normal; text-transform: none;
  color: var(--nx-cases-muted); margin: 18px auto 0; max-width: 740px;
  text-align: center; white-space: normal; text-wrap: initial;
}
.nx-cases-scope #nx-case-stories-cta h3 {
  font-family: var(--nx-cases-heading-font); font-size: clamp(24px, 2.2vw, 28px);
  font-weight: 500; line-height: 1.16; letter-spacing: -.025em; text-transform: none;
  color: var(--nx-cases-text); -webkit-text-fill-color: currentColor;
}
.nx-cases-scope #nx-case-stories-cta blockquote {
  font-family: var(--nx-cases-font); font-size: clamp(17px, 1.5vw, 20px);
  font-weight: 400; line-height: 1.45; letter-spacing: -.02em; text-transform: none;
  color: #fff;
}
.nx-cases-scope #nx-case-stories-cta .nx-teaser {
  font-family: var(--nx-cases-font); font-size: 15px; font-weight: 400;
  line-height: 1.55; letter-spacing: normal; text-transform: none;
  color: var(--nx-cases-muted);
}
@media (max-width: 1023px) {
  .nx-cases-scope #nx-case-stories-cta {
    padding-top: var(--nx-cases-space, 56px);
  }
}
@media (max-width: 639px) {
  .nx-cases-scope #nx-case-stories-cta {
    padding-inline: var(--nx-cases-gutter, 20px);
    padding-top: var(--nx-cases-space, 44px);
  }
}