/* UX pilot: business-handytarife-fuer-selbstaendige. Kept separate for a controlled rollout. */
.mfb-content--mobile-pilot {
  --mfb-pilot-shadow: 0 24px 70px rgba(23, 49, 39, .1);
  --mfb-pilot-radius: 26px;
  padding-bottom: 0;
}
.mfb-mobile-pilot-view #bd-main {
  background:
    radial-gradient(circle at 8% 34%, rgba(216, 74, 37, .06), transparent 21rem),
    radial-gradient(circle at 94% 57%, rgba(25, 55, 43, .055), transparent 25rem),
    #fff;
}
.mfb-content--mobile-pilot .mfb-content__layout {
  display: block;
  padding: 0;
}
.mfb-content--mobile-pilot .mfb-content__body { max-width: none; }
.mfb-content--mobile-pilot .mfb-content__section {
  border-bottom: 0;
  padding-bottom: clamp(58px, 7vw, 90px);
}
.mfb-content--mobile-pilot .mfb-content__section + .mfb-content__section {
  padding-top: 0;
}
.mfb-content--mobile-pilot .mfb-content__section h2 {
  max-width: 900px;
  font-size: clamp(34px, 4.25vw, 53px);
  line-height: 1.03;
}
.mfb-content--mobile-pilot .mfb-content__section > p {
  max-width: 790px;
  font-size: 16px;
  line-height: 1.78;
}
.mfb-content--mobile-pilot .mfb-content__section:not(.is-lead) > h2::before { display: none; }

/* Compact re-entry CTA instead of the former oversized empty card. */
.mfb-content--mobile-pilot .mfb-content__section.is-lead {
  margin: 0 0 clamp(50px, 7vw, 82px);
  padding: 13px;
  border: 0;
  border-radius: 17px;
  background: linear-gradient(135deg, #173127, #214438);
  box-shadow: 0 18px 45px rgba(23, 49, 39, .13);
}
.mfb-content--mobile-pilot .mfb-content__section.is-lead::before { display: none; }
.mfb-content--mobile-pilot .mfb-content__section.is-lead .mfb-content__cta { margin: 0 !important; }
.mfb-content--mobile-pilot .mfb-content__section.is-lead .mfb-content__cta a {
  min-height: 58px;
  border: 1px solid rgba(255,255,255,.11);
  border-radius: 12px;
  background: rgba(255,255,255,.07);
  box-shadow: none;
  font-size: 13px;
}
.mfb-content--mobile-pilot .mfb-content__section.is-lead .mfb-content__cta a:hover {
  border-color: rgba(255,255,255,.22);
  background: rgba(255,255,255,.12);
}

/* Provider comparison: all choices stay visible in an open, full-width section. */
.mfb-content--mobile-pilot .mfb-content__section.is-pilot-providers {
  width: 100vw;
  margin: 0 calc(50% - 50vw) clamp(64px, 8vw, 96px);
  padding: clamp(66px, 7vw, 92px) 24px clamp(62px, 7vw, 86px);
  background: #f2f4f3;
}
.mfb-mobile-providers {
  width: min(100%, 1180px);
  margin-inline: auto;
  scroll-margin-top: calc(var(--bd-global-header-height, 78px) + 24px);
}
.mfb-mobile-providers__intro {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(280px, .8fr);
  gap: clamp(28px, 5vw, 70px);
  align-items: end;
}
.mfb-mobile-providers__intro h2 { margin-bottom: 0; }
.mfb-mobile-providers__intro > p {
  margin: 0 0 4px;
  color: #637169;
  font-size: 14px;
  line-height: 1.75;
}
.mfb-mobile-providers__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin-top: clamp(28px, 4vw, 46px);
}
.mfb-mobile-providers__panel {
  position: relative;
  display: flex;
  min-width: 0;
  padding: clamp(24px, 3vw, 34px);
  overflow: hidden;
  border: 1px solid #d9e2dc;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 16px 36px rgba(25, 49, 39, .07);
}
.mfb-mobile-providers__panel::before {
  position: absolute;
  inset: 0 0 auto;
  height: 4px;
  background: var(--mfb-provider-accent);
  content: '';
}
.mfb-mobile-providers__panel[data-provider="vodafone"] { --mfb-provider-accent: #e60000; }
.mfb-mobile-providers__panel[data-provider="o2"] { --mfb-provider-accent: #0050ff; }
.mfb-mobile-providers__panel[data-provider="freenet"] { --mfb-provider-accent: #6f9f24; }
.mfb-mobile-providers__profile {
  display: flex;
  width: 100%;
  min-height: 100%;
  flex-direction: column;
}
.mfb-mobile-providers__brand {
  display: flex;
  min-height: 72px;
  align-items: center;
  gap: 16px;
  margin-bottom: 23px;
  color: #68756e;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .13em;
  text-transform: uppercase;
}
.mfb-mobile-providers__brand-logo {
  display: flex;
  width: 82px;
  height: 62px;
  flex: 0 0 82px;
  align-items: center;
  justify-content: center;
}
.mfb-mobile-providers__brand-logo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.mfb-mobile-providers__panel[data-provider="vodafone"] .mfb-mobile-providers__brand-logo img,
.mfb-mobile-providers__panel[data-provider="o2"] .mfb-mobile-providers__brand-logo img { width: 52px; height: 52px; }
.mfb-mobile-providers__panel[data-provider="freenet"] .mfb-mobile-providers__brand-logo img { width: 78px; height: auto; }
.mfb-mobile-providers__copy {
  display: flex;
  flex: 1;
  min-width: 0;
  flex-direction: column;
}
.mfb-mobile-providers__copy .mfb-content__eyebrow { color: var(--mfb-provider-accent); }
.mfb-mobile-providers__copy h3 {
  margin: 0 0 15px;
  color: #1d2d26;
  font-size: clamp(24px, 2.4vw, 30px);
  line-height: 1.08;
  letter-spacing: -.035em;
}
.mfb-mobile-providers__copy > p:not(.mfb-content__eyebrow) {
  margin: 0;
  color: #5e6d65;
  font-size: 14px;
  line-height: 1.68;
}
.mfb-content--mobile-pilot .mfb-mobile-providers__copy ul {
  display: grid;
  gap: 9px;
  margin: 23px 0 28px;
  padding: 0;
  list-style: none;
}
.mfb-content--mobile-pilot .mfb-mobile-providers__copy li {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 0;
  color: #425149;
  font-size: 11px;
  font-weight: 760;
  line-height: 1.45;
}
.mfb-mobile-providers__copy li span {
  display: flex;
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #fff;
  color: var(--mfb-provider-accent);
}
.mfb-mobile-providers__copy li svg,
.mfb-mobile-pilot__card-icon svg { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.mfb-mobile-providers__copy > a {
  display: inline-flex;
  width: 100%;
  min-height: 54px;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-top: auto;
  padding: 13px 17px;
  border: 1px solid #173127;
  border-radius: 12px;
  background: #173127;
  box-shadow: 0 12px 26px rgba(23, 49, 39, .16);
  color: #fff !important;
  font-size: 11px;
  font-weight: 820;
  text-decoration: none !important;
  transition: transform .18s ease, background-color .18s ease, box-shadow .18s ease;
}
.mfb-mobile-providers__copy > a span { color: #ff9b77; font-size: 17px; }
.mfb-mobile-providers__copy > a:hover {
  border-color: #244a3b;
  background: #244a3b;
  box-shadow: 0 16px 30px rgba(23, 49, 39, .2);
  color: #fff !important;
  transform: translateY(-2px);
}
.mfb-mobile-providers__copy > a:focus-visible,
.mfb-content--mobile-pilot .mfb-content__cta a:focus-visible {
  outline: 3px solid #f0a085;
  outline-offset: 3px;
}

/* Strong mid-page CTA. */
.mfb-content--mobile-pilot .is-pilot-scale {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(260px, .75fr);
  gap: clamp(28px, 5vw, 70px);
  align-items: center;
  margin-bottom: clamp(58px, 8vw, 96px);
  padding: clamp(30px, 5vw, 58px);
  overflow: hidden;
  border-radius: var(--mfb-pilot-radius);
  background:
    radial-gradient(circle at 96% 0, rgba(255,255,255,.2), transparent 27%),
    linear-gradient(135deg, #d64a25, #b93218);
  box-shadow: 0 24px 60px rgba(176, 53, 23, .2);
}
.mfb-content--mobile-pilot .is-pilot-scale h2,
.mfb-content--mobile-pilot .is-pilot-scale > p:not(.mfb-content__cta) { color: #fff; }
.mfb-content--mobile-pilot .is-pilot-scale h2 { grid-column: 1; margin-bottom: 16px; font-size: clamp(33px, 4vw, 49px); }
.mfb-content--mobile-pilot .is-pilot-scale > p:not(.mfb-content__cta) { grid-column: 1; margin: 0; color: rgba(255,255,255,.8); }
.mfb-content--mobile-pilot .is-pilot-scale .mfb-content__cta {
  grid-column: 2;
  grid-row: 1 / span 2;
  margin: 0 !important;
}
.mfb-content--mobile-pilot .is-pilot-scale.has-cta:not(.is-link-cluster) > .mfb-content__cta a {
  min-height: 74px;
  border-color: rgba(255,255,255,.36);
  background: #fff;
  box-shadow: 0 17px 38px rgba(88,27,12,.2);
  color: #8e2c15 !important;
  font-size: 13px;
}
.mfb-content--mobile-pilot .is-pilot-scale.has-cta:not(.is-link-cluster) > .mfb-content__cta a::after { color: #c13a1c; }
.mfb-content--mobile-pilot .is-pilot-scale.has-cta:not(.is-link-cluster) > .mfb-content__cta a:hover {
  border-color: #fff;
  background: #fff7f3;
  color: #79240f !important;
}

/* Reusable pilot bento cards with contextual SVG icons. */
.mfb-content--mobile-pilot .is-feature-list {
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 14px;
}
.mfb-content--mobile-pilot .is-feature-list > h2,
.mfb-content--mobile-pilot .is-feature-list > p,
.mfb-content--mobile-pilot .is-feature-list > .mfb-content__cta { grid-column: 1 / -1; }
.mfb-content--mobile-pilot .is-feature-list .mfb-content__subsection {
  grid-column: span 6;
  min-height: 230px;
  padding: clamp(23px, 3vw, 32px);
  border-color: #dce4de;
  border-radius: 20px;
  box-shadow: 0 14px 42px rgba(28,48,39,.06);
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.mfb-content--mobile-pilot .is-feature-list .mfb-content__subsection:hover {
  border-color: #cbd7cf;
  box-shadow: 0 22px 50px rgba(28,48,39,.09);
  transform: translateY(-3px);
}
.mfb-content--mobile-pilot .mfb-content__subsection::before { display: none; }
.mfb-mobile-pilot__card-icon {
  display: flex;
  width: 48px;
  height: 48px;
  align-items: center;
  justify-content: center;
  margin-bottom: 24px;
  border: 1px solid #efd3c7;
  border-radius: 14px;
  background: #fff4ef;
  color: #cc4321;
}
.mfb-mobile-pilot__card-icon svg { width: 23px; height: 23px; stroke-width: 1.7; }
.mfb-content--mobile-pilot .mfb-content__subsection h3 {
  margin-bottom: 12px;
  color: #23352c;
  font-size: clamp(20px, 2.4vw, 27px);
}
.mfb-content--mobile-pilot .mfb-content__subsection p { color: #65726b; font-size: 14px; }

.mfb-content--mobile-pilot .is-pilot-benefits > p,
.mfb-content--mobile-pilot .is-pilot-practice > p { margin-bottom: 25px; }

.mfb-content--mobile-pilot .mfb-content__section.is-pilot-benefits {
  width: 100vw;
  gap: 0;
  margin: 0 calc(50% - 50vw);
  padding: clamp(68px, 7vw, 92px) max(22px, calc((100vw - 1180px) / 2)) clamp(56px, 6vw, 78px);
  border-radius: 0;
  background:
    radial-gradient(circle at 93% 3%, rgba(244,119,33,.2), transparent 25%),
    linear-gradient(145deg, #132c22, #1e4235);
  box-shadow: none;
}
.mfb-content--mobile-pilot .is-pilot-benefits h2,
.mfb-content--mobile-pilot .is-pilot-benefits > p { color: #fff; }
.mfb-content--mobile-pilot .is-pilot-benefits > p { color: rgba(255,255,255,.68); }
.mfb-content--mobile-pilot .is-pilot-benefits .mfb-content__subsection {
  min-height: 205px;
  padding: 32px clamp(25px, 4vw, 46px);
  border: 0;
  border-top: 1px solid rgba(255,255,255,.13);
  border-left: 1px solid rgba(255,255,255,.13);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
.mfb-content--mobile-pilot .is-pilot-benefits .mfb-content__subsection:nth-of-type(odd) { padding-left: 0; border-left: 0; }
.mfb-content--mobile-pilot .is-pilot-benefits .mfb-content__subsection:nth-of-type(even) { padding-right: 0; }
.mfb-content--mobile-pilot .is-pilot-benefits .mfb-content__subsection:nth-of-type(-n+2) { border-top: 0; }
.mfb-content--mobile-pilot .is-pilot-benefits .mfb-content__subsection:hover { border-color: rgba(255,255,255,.13); box-shadow: none; transform: none; }
.mfb-content--mobile-pilot .is-pilot-benefits .mfb-content__subsection h3 { color: #fff; }
.mfb-content--mobile-pilot .is-pilot-benefits .mfb-content__subsection p { color: rgba(255,255,255,.66); }
.mfb-content--mobile-pilot .is-pilot-benefits .mfb-mobile-pilot__card-icon {
  border-color: rgba(255,255,255,.15);
  background: rgba(255,255,255,.09);
  color: #ff9d7e;
}

/* Open hardware band: existing WebP product images form one lightweight visual. */
.mfb-content--mobile-pilot .mfb-content__section.mfb-mobile-pilot__hardware {
  width: 100vw;
  margin: 0 calc(50% - 50vw) clamp(66px, 8vw, 98px);
  padding: clamp(62px, 7vw, 88px) 24px;
  overflow: hidden;
  border: 0;
  border-radius: 0;
  background: #f2f4f3;
  box-shadow: none;
}
.mfb-mobile-pilot__hardware-inner {
  display: grid;
  width: min(100%, 1180px);
  margin-inline: auto;
  grid-template-columns: minmax(0, 1fr) minmax(390px, .88fr);
  gap: clamp(38px, 7vw, 88px);
  align-items: center;
}
.mfb-mobile-pilot__hardware-copy { min-width: 0; }
.mfb-content--mobile-pilot .mfb-mobile-pilot__hardware-copy .mfb-content__eyebrow { color: #c74321; }
.mfb-content--mobile-pilot .mfb-mobile-pilot__hardware-copy h2 {
  max-width: 650px;
  margin: 0;
  color: #172a22;
  font-size: clamp(36px, 4.2vw, 52px);
  line-height: 1.03;
}
.mfb-mobile-pilot__hardware-copy > p:not(.mfb-content__eyebrow) {
  max-width: 650px;
  margin: 22px 0 0;
  color: #5e6d65;
  font-size: 15px;
  line-height: 1.72;
}
.mfb-content--mobile-pilot .mfb-mobile-pilot__hardware-copy ul {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px 20px;
  margin: 28px 0 0;
  padding: 0;
  list-style: none;
}
.mfb-content--mobile-pilot .mfb-mobile-pilot__hardware-copy li {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 10px;
  padding: 0;
  color: #34493f;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.35;
}
.mfb-mobile-pilot__hardware-copy li > span {
  display: flex;
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #e2f0e8;
  color: #198653;
}
.mfb-mobile-pilot__hardware-copy li svg {
  width: 14px;
  height: 14px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.mfb-mobile-pilot__hardware-action {
  display: inline-flex;
  min-height: 58px;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  margin-top: 32px;
  padding: 15px 20px;
  border: 1px solid #d94822;
  border-radius: 13px;
  background: #d94822;
  box-shadow: 0 16px 32px rgba(172, 51, 23, .2);
  color: #fff !important;
  font-size: 12px;
  font-weight: 830;
  line-height: 1.35;
  text-decoration: none !important;
  transition: background-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.mfb-mobile-pilot__hardware-action span { color: #fff; font-size: 18px; }
.mfb-mobile-pilot__hardware-action:hover {
  border-color: #bd3718;
  background: #bd3718;
  box-shadow: 0 20px 38px rgba(172, 51, 23, .26);
  color: #fff !important;
  transform: translateY(-2px);
}
.mfb-mobile-pilot__hardware-action:focus-visible { outline: 3px solid #ed8d70; outline-offset: 3px; }
.mfb-mobile-pilot__hardware-visual {
  position: relative;
  isolation: isolate;
  min-width: 0;
  min-height: 440px;
  margin: 0;
}
.mfb-mobile-pilot__hardware-glow {
  position: absolute;
  z-index: -1;
  inset: 8% 2% 4%;
  border-radius: 50%;
  background:
    radial-gradient(circle at 58% 42%, rgba(244, 119, 33, .24), transparent 45%),
    radial-gradient(circle at 44% 60%, rgba(23, 49, 39, .18), transparent 63%);
  filter: blur(18px);
}
.mfb-mobile-pilot__hardware-phone {
  position: absolute;
  display: block;
  width: clamp(190px, 18vw, 238px);
  aspect-ratio: 1;
  overflow: hidden;
  border: 1px solid rgba(216, 225, 219, .92);
  border-radius: 28px;
  background: #fff;
  box-shadow: 0 28px 48px rgba(24, 50, 40, .16);
}
.mfb-mobile-pilot__hardware-phone img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.mfb-mobile-pilot__hardware-phone.is-left { z-index: 1; top: 96px; left: 0; transform: rotate(-9deg); }
.mfb-mobile-pilot__hardware-phone.is-center { z-index: 3; top: 24px; left: 50%; transform: translateX(-50%) translateY(-6px); }
.mfb-mobile-pilot__hardware-phone.is-right { z-index: 2; top: 110px; right: 0; transform: rotate(9deg); }
.mfb-mobile-pilot__hardware-visual figcaption {
  position: absolute;
  right: 0;
  bottom: 6px;
  left: 0;
  color: #607068;
  font-size: 10px;
  font-weight: 760;
  letter-spacing: .08em;
  text-align: center;
  text-transform: uppercase;
}

.mfb-content--mobile-pilot .mfb-content__section.is-pilot-practice {
  position: relative;
  margin-bottom: clamp(58px, 8vw, 96px);
  padding: 0 0 clamp(28px, 4vw, 42px);
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.mfb-content--mobile-pilot .is-pilot-practice > .mfb-content__eyebrow { grid-column: 1 / -1; }
.mfb-content--mobile-pilot .is-pilot-practice > h2 { grid-column: 1 / span 7; align-self: end; margin-bottom: 0; }
.mfb-content--mobile-pilot .is-pilot-practice > p {
  grid-column: 8 / -1;
  align-self: end;
  margin: 0 0 4px;
  font-size: 14px;
  line-height: 1.72;
}
.mfb-content--mobile-pilot .is-pilot-practice .mfb-content__subsection {
  position: relative;
  isolation: isolate;
  grid-column: span 4;
  min-height: 330px;
  overflow: hidden;
  padding-top: 78px;
}
.mfb-content--mobile-pilot .is-pilot-practice .mfb-content__subsection h3 {
  hyphens: none;
  overflow-wrap: normal;
  text-wrap: balance;
  word-break: normal;
}
.mfb-content--mobile-pilot .is-pilot-practice .mfb-content__subsection::after {
  position: absolute;
  z-index: -1;
  top: 17px;
  right: 24px;
  color: rgba(27, 55, 44, .08);
  font-size: 72px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: -.08em;
  content: '01';
}
.mfb-content--mobile-pilot .is-pilot-practice .mfb-content__subsection:nth-of-type(1) {
  border-color: #173127;
  background: linear-gradient(145deg, #173127, #25503f);
}
.mfb-content--mobile-pilot .is-pilot-practice .mfb-content__subsection:nth-of-type(1)::after { color: rgba(255, 255, 255, .08); }
.mfb-content--mobile-pilot .is-pilot-practice .mfb-content__subsection:nth-of-type(1) h3 { color: #fff; }
.mfb-content--mobile-pilot .is-pilot-practice .mfb-content__subsection:nth-of-type(1) p { color: rgba(255, 255, 255, .68); }
.mfb-content--mobile-pilot .is-pilot-practice .mfb-content__subsection:nth-of-type(1) .mfb-mobile-pilot__card-icon { border-color: rgba(255,255,255,.14); background: rgba(255,255,255,.09); color: #ff9d7e; }
.mfb-content--mobile-pilot .is-pilot-practice .mfb-content__subsection:nth-of-type(2) { background: linear-gradient(145deg, #fff1e9, #fff); }
.mfb-content--mobile-pilot .is-pilot-practice .mfb-content__subsection:nth-of-type(2)::after { content: '02'; }
.mfb-content--mobile-pilot .is-pilot-practice .mfb-content__subsection:nth-of-type(3) { background: linear-gradient(145deg, #edf5ff, #fff); }
.mfb-content--mobile-pilot .is-pilot-practice .mfb-content__subsection:nth-of-type(3)::after { content: '03'; }

/* FAQ becomes an open light-grey destination instead of another framed card. */
.mfb-content--mobile-pilot .mfb-content__section.is-pilot-faq {
  width: 100vw;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 0 30px;
  margin: 0 calc(50% - 50vw);
  padding: clamp(68px, 7vw, 92px) max(22px, calc((100vw - 1180px) / 2)) clamp(58px, 6vw, 82px);
  border: 0;
  border-radius: 0;
  background: #f2f4f3;
  box-shadow: none;
}
.mfb-content--mobile-pilot .is-pilot-faq > h2,
.mfb-content--mobile-pilot .is-pilot-faq > p { grid-column: 1 / -1; }
.mfb-content--mobile-pilot .is-pilot-faq > p { margin-bottom: 22px; }
.mfb-content--mobile-pilot .is-pilot-faq details {
  border: 0;
  border-top: 1px solid #d4ddd7;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.mfb-content--mobile-pilot .is-pilot-faq summary { min-height: 72px; padding: 21px 56px 20px 20px; }
.mfb-content--mobile-pilot .is-pilot-faq summary::after { top: 21px; right: 18px; }

@media (min-width: 681px) and (max-width: 1020px) {
  .mfb-mobile-providers__intro { grid-template-columns: 1fr; gap: 10px; }
  .mfb-mobile-providers__grid { grid-template-columns: 1fr; margin-top: 34px; }
  .mfb-mobile-providers__profile {
    display: grid;
    grid-template-columns: 170px minmax(0, 1fr);
    gap: 30px;
  }
  .mfb-mobile-providers__brand {
    min-height: 0;
    align-items: flex-start;
    flex-direction: column;
    justify-content: flex-start;
    gap: 13px;
    margin: 0;
  }
  .mfb-mobile-pilot__hardware-inner { grid-template-columns: minmax(0, 1fr) minmax(330px, .82fr); gap: 34px; }
  .mfb-mobile-pilot__hardware-visual { min-height: 390px; }
  .mfb-mobile-pilot__hardware-phone { width: clamp(164px, 21vw, 208px); }
}

@media (max-width: 900px) {
  .mfb-mobile-providers__intro { grid-template-columns: 1fr; gap: 10px; }
  .mfb-mobile-providers__grid { grid-template-columns: 1fr; margin-top: 34px; }
  .mfb-content--mobile-pilot .is-pilot-scale { grid-template-columns: 1fr; gap: 20px; }
  .mfb-content--mobile-pilot .is-pilot-scale h2,
  .mfb-content--mobile-pilot .is-pilot-scale > p,
  .mfb-content--mobile-pilot .is-pilot-scale .mfb-content__cta { grid-column: 1; grid-row: auto; }
  .mfb-content--mobile-pilot .is-pilot-practice .mfb-content__subsection { grid-column: span 6; min-height: 240px; }
  .mfb-content--mobile-pilot .is-pilot-practice .mfb-content__subsection:nth-of-type(3) { grid-column: 4 / span 6; }
  .mfb-content--mobile-pilot .is-pilot-practice .mfb-content__subsection:nth-of-type(2),
  .mfb-content--mobile-pilot .is-pilot-practice .mfb-content__subsection:nth-of-type(2):hover { transform: none; }
}

@media (max-width: 680px) {
  .mfb-content--mobile-pilot .mfb-content__layout { padding: 0; }
  .mfb-content--mobile-pilot .mfb-content__section { padding-bottom: 52px; }
  .mfb-content--mobile-pilot .mfb-content__section h2 { font-size: clamp(30px, 9.5vw, 39px); }
  .mfb-content--mobile-pilot .mfb-content__section > p { font-size: 14px; }
  .mfb-content--mobile-pilot .mfb-content__section.is-lead { margin-bottom: 52px; padding: 9px; }
  .mfb-content--mobile-pilot .mfb-content__section.is-pilot-providers {
    margin-bottom: 58px;
    padding: 54px 22px 52px;
  }
  .mfb-mobile-providers__intro > p { font-size: 13px; }
  .mfb-mobile-providers__brand { min-height: 62px; margin-bottom: 17px; }
  .mfb-mobile-providers__brand-logo { width: 68px; height: 52px; flex-basis: 68px; }
  .mfb-mobile-providers__panel[data-provider="vodafone"] .mfb-mobile-providers__brand-logo img,
  .mfb-mobile-providers__panel[data-provider="o2"] .mfb-mobile-providers__brand-logo img { width: 44px; height: 44px; }
  .mfb-mobile-providers__panel[data-provider="freenet"] .mfb-mobile-providers__brand-logo img { width: 66px; }
  .mfb-mobile-providers__copy h3 { font-size: 28px; }
  .mfb-mobile-providers__copy > p:not(.mfb-content__eyebrow) { font-size: 14px; }
  .mfb-mobile-providers__copy ul { margin-top: 18px; }
  .mfb-mobile-providers__copy > a { margin-top: auto; }
  .mfb-content--mobile-pilot .is-pilot-scale { margin-bottom: 52px; padding: 25px 19px; border-radius: 20px; }
  .mfb-content--mobile-pilot .mfb-content__section.is-pilot-benefits,
  .mfb-content--mobile-pilot .mfb-content__section.is-pilot-faq {
    margin-bottom: 52px;
    padding: 54px 22px 50px;
    border-radius: 0;
  }
  .mfb-content--mobile-pilot .mfb-content__section.is-pilot-benefits { margin-bottom: 0; }
  .mfb-content--mobile-pilot .mfb-content__section.is-pilot-faq { margin-bottom: 0; }
  .mfb-content--mobile-pilot .mfb-content__section.mfb-mobile-pilot__hardware {
    margin-bottom: 52px;
    padding: 54px 22px 48px;
  }
  .mfb-mobile-pilot__hardware-inner { grid-template-columns: minmax(0, 1fr); gap: 38px; }
  .mfb-content--mobile-pilot .mfb-mobile-pilot__hardware-copy h2 { font-size: clamp(32px, 9.5vw, 39px); }
  .mfb-mobile-pilot__hardware-copy > p:not(.mfb-content__eyebrow) { font-size: 14px; }
  .mfb-mobile-pilot__hardware-action { width: 100%; min-height: 56px; }
  .mfb-mobile-pilot__hardware-visual { min-height: 310px; }
  .mfb-mobile-pilot__hardware-phone { width: clamp(148px, 45vw, 188px); border-radius: 22px; }
  .mfb-mobile-pilot__hardware-phone.is-left { top: 74px; left: 0; }
  .mfb-mobile-pilot__hardware-phone.is-center { top: 12px; }
  .mfb-mobile-pilot__hardware-phone.is-right { top: 82px; right: 0; }
  .mfb-content--mobile-pilot .mfb-content__section.is-pilot-practice { margin-bottom: 52px; padding: 42px 0 25px; border-radius: 0; }
  .mfb-content--mobile-pilot .is-pilot-scale .mfb-content__cta a { min-height: 64px; }
  .mfb-content--mobile-pilot .is-feature-list,
  .mfb-content--mobile-pilot .mfb-content__section.is-pilot-faq { grid-template-columns: 1fr; }
  .mfb-content--mobile-pilot .is-feature-list > h2,
  .mfb-content--mobile-pilot .is-feature-list > p,
  .mfb-content--mobile-pilot .is-feature-list .mfb-content__subsection,
  .mfb-content--mobile-pilot .is-pilot-practice .mfb-content__subsection:nth-of-type(n),
  .mfb-content--mobile-pilot .is-pilot-faq > h2,
  .mfb-content--mobile-pilot .is-pilot-faq > p { grid-column: 1; }
  .mfb-content--mobile-pilot .is-feature-list .mfb-content__subsection { min-height: 0; padding: 23px 20px; }
  .mfb-content--mobile-pilot .is-pilot-benefits .mfb-content__subsection:nth-of-type(n) {
    padding: 26px 0;
    border-top: 1px solid rgba(255,255,255,.13);
    border-left: 0;
  }
  .mfb-content--mobile-pilot .is-pilot-benefits .mfb-content__subsection:nth-of-type(1) { padding-top: 8px; border-top: 0; }
  .mfb-content--mobile-pilot .mfb-content__section.is-pilot-faq {
    grid-template-columns: minmax(0, 1fr);
    grid-auto-columns: minmax(0, 1fr);
  }
  .mfb-content--mobile-pilot .mfb-content__section.is-pilot-faq > h2,
  .mfb-content--mobile-pilot .mfb-content__section.is-pilot-faq > p,
  .mfb-content--mobile-pilot .mfb-content__section.is-pilot-faq > details {
    width: 100%;
    min-width: 0;
    grid-column: 1;
  }
  .mfb-content--mobile-pilot .is-pilot-faq summary {
    overflow-wrap: break-word;
    word-break: normal;
  }
}

@media (max-width: 390px) {
  .mfb-mobile-providers__copy li { width: 100%; }
  .mfb-content--mobile-pilot .mfb-mobile-pilot__hardware-copy ul { grid-template-columns: 1fr; gap: 10px; }
  .mfb-mobile-pilot__hardware-visual { min-height: 280px; }
  .mfb-mobile-pilot__hardware-phone { width: clamp(138px, 46vw, 164px); }
  .mfb-mobile-pilot__hardware-phone.is-left { top: 68px; }
  .mfb-mobile-pilot__hardware-phone.is-right { top: 76px; }
}

@media (prefers-reduced-motion: reduce) {
  .mfb-mobile-providers__copy > a,
  .mfb-content--mobile-pilot .mfb-content__subsection,
  .mfb-mobile-pilot__hardware-action { transition: none; }
}

/* 2026-09-06: source-faithful rebuild with a dedicated, full-width visual hero. */
.mfb-content--mobile-pilot .mfb-content__hero.is-mobile-pilot {
  width: 100vw;
  min-height: clamp(580px, 51vw, 660px);
  margin-inline: calc(50% - 50vw);
  border-radius: 0;
  box-shadow: 0 30px 80px rgba(20, 43, 34, .18);
}
.mfb-content--mobile-pilot .mfb-content__hero.is-mobile-pilot .mfb-content__hero-media img {
  object-position: var(--mfb-topic-position, 67% center);
}
.mfb-content--mobile-pilot .mfb-content__hero.is-mobile-pilot .mfb-content__hero-shade {
  background:
    linear-gradient(90deg, rgba(8, 24, 18, .98) 0%, rgba(10, 28, 20, .96) 37%, rgba(10, 27, 20, .76) 58%, rgba(10, 27, 20, .18) 100%),
    linear-gradient(0deg, rgba(7, 22, 16, .22), transparent 42%);
}
.mfb-content--mobile-pilot .mfb-content__hero.is-mobile-pilot .mfb-content__hero-copy {
  width: min(calc(100% - 48px), 1180px);
  margin-inline: auto;
  /* Keep the copy column stable on wide screens: viewport-based percentage
     padding previously consumed almost the entire centered 1180px container. */
  padding: clamp(48px, 6.6vw, 78px) clamp(390px, 37vw, 540px) clamp(48px, 6.6vw, 78px) 0;
}
.mfb-content--mobile-pilot .mfb-content__hero.is-mobile-pilot h1 {
  max-width: 790px;
  font-size: clamp(45px, 5.3vw, 67px);
  hyphens: none;
  overflow-wrap: normal;
  word-break: normal;
}
.mfb-content--mobile-pilot .mfb-content__hero.is-mobile-pilot .mfb-content__hero-copy > p:not(.mfb-content__eyebrow) {
  max-width: 690px;
  color: rgba(255, 255, 255, .84);
}
.mfb-mobile-pilot__hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 28px;
}
.mfb-mobile-pilot__hero-actions button,
.mfb-mobile-pilot__hero-actions a,
.mfb-mobile-pilot__check-action button {
  appearance: none;
  display: inline-flex;
  min-height: 52px;
  align-items: center;
  justify-content: center;
  gap: 18px;
  padding: 12px 18px;
  border: 1px solid transparent;
  border-radius: 12px;
  font: inherit;
  font-size: 12px;
  font-weight: 820;
  line-height: 1.35;
  text-decoration: none !important;
  cursor: pointer;
  transition: transform .18s ease, box-shadow .18s ease, background-color .18s ease, border-color .18s ease;
}
.mfb-mobile-pilot__hero-actions button {
  border-color: #f47721;
  background: #f47721;
  box-shadow: 0 14px 32px rgba(216, 74, 37, .26);
  color: #fff;
}
.mfb-mobile-pilot__hero-actions a {
  border-color: rgba(255, 255, 255, .32);
  background: rgba(255, 255, 255, .1);
  color: #fff !important;
}
.mfb-mobile-pilot__hero-actions button:hover,
.mfb-mobile-pilot__hero-actions a:hover,
.mfb-mobile-pilot__check-action button:hover { transform: translateY(-2px); }
.mfb-mobile-pilot__hero-actions button:focus-visible,
.mfb-mobile-pilot__hero-actions a:focus-visible,
.mfb-mobile-pilot__check-action button:focus-visible {
  outline: 3px solid #ffbea7;
  outline-offset: 3px;
}
.mfb-content--mobile-pilot .mfb-content__hero.is-mobile-pilot .mfb-content__hero-highlights {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, max-content));
  margin-top: 22px;
}

/* Exact source sequence: the 10+ SIM advisory block opens the secure shared workflow. */
.mfb-content--mobile-pilot .mfb-content__section.mfb-mobile-pilot__check-intro {
  margin: 0 0 clamp(62px, 8vw, 100px);
  padding: clamp(64px, 6vw, 78px) clamp(30px, 5vw, 58px) clamp(44px, 5vw, 58px);
  overflow: hidden;
  border-radius: var(--mfb-pilot-radius);
  background:
    radial-gradient(circle at 94% -4%, rgba(244, 119, 33, .25), transparent 31%),
    linear-gradient(145deg, #10291f, #1b4133);
  box-shadow: 0 28px 68px rgba(17, 46, 35, .18);
  color: #fff;
}
.mfb-mobile-pilot__check-head {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(290px, .8fr);
  gap: clamp(28px, 5vw, 68px);
  align-items: end;
}
.mfb-content--mobile-pilot .mfb-mobile-pilot__check-head h2 {
  margin: 0;
  color: #fff;
}
.mfb-content--mobile-pilot .mfb-mobile-pilot__check-head > div > .mfb-content__eyebrow { color: #ff9b77; }
.mfb-mobile-pilot__check-head > p {
  margin: 0;
  color: rgba(255, 255, 255, .72);
  font-size: 14px;
  line-height: 1.76;
}
.mfb-mobile-pilot__check-grid {
  display: grid;
  grid-template-columns: minmax(180px, .34fr) minmax(0, 1.66fr);
  gap: 14px;
  margin-top: clamp(31px, 4vw, 46px);
}
.mfb-mobile-pilot__check-count {
  display: flex;
  min-height: 220px;
  flex-direction: column;
  justify-content: flex-end;
  padding: 27px;
  border: 1px solid rgba(255, 255, 255, .15);
  border-radius: 20px;
  background: linear-gradient(145deg, #f47721, #c74321);
  box-shadow: 0 18px 40px rgba(10, 21, 16, .18);
}
.mfb-mobile-pilot__check-count strong { font-size: clamp(52px, 6.5vw, 76px); line-height: .9; letter-spacing: -.06em; }
.mfb-mobile-pilot__check-count span { margin-top: 11px; font-size: 17px; font-weight: 820; }
.mfb-mobile-pilot__check-count small { margin-top: 5px; color: rgba(255, 255, 255, .74); font-size: 10px; }
.mfb-mobile-pilot__check-steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
.mfb-mobile-pilot__check-steps article {
  display: flex;
  min-width: 0;
  min-height: 220px;
  flex-direction: column;
  justify-content: space-between;
  padding: 24px;
  border: 1px solid rgba(255, 255, 255, .13);
  border-radius: 20px;
  background: rgba(255, 255, 255, .075);
}
.mfb-mobile-pilot__check-steps article > span {
  display: flex;
  width: 48px;
  height: 48px;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  background: rgba(255, 255, 255, .1);
  color: #ff9b77;
}
.mfb-mobile-pilot__check-steps svg { width: 23px; height: 23px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.mfb-mobile-pilot__check-steps strong,
.mfb-mobile-pilot__check-steps small { display: block; }
.mfb-mobile-pilot__check-steps strong { color: #fff; font-size: 14px; line-height: 1.35; }
.mfb-mobile-pilot__check-steps small { margin-top: 7px; color: rgba(255, 255, 255, .62); font-size: 10px; line-height: 1.58; }
.mfb-mobile-pilot__check-action {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  margin-top: 14px;
  padding: 20px 22px;
  border-radius: 18px;
  background: #fff;
  color: #173127;
}
.mfb-mobile-pilot__check-action > div { display: flex; min-width: 0; flex-direction: column; }
.mfb-mobile-pilot__check-action > div > span { color: #bd3d20; font-size: 8px; font-weight: 900; letter-spacing: .14em; }
.mfb-mobile-pilot__check-action > div > strong { margin-top: 4px; font-size: 17px; line-height: 1.25; }
.mfb-mobile-pilot__check-action > div > small { margin-top: 3px; color: #68736d; font-size: 10px; }
.mfb-mobile-pilot__check-action button,
.mfb-mobile-pilot__check-action button { flex: 0 0 auto; background: #d84a25; box-shadow: 0 12px 27px rgba(191, 57, 26, .2); color: #fff; }
.mfb-mobile-pilot__check-note {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  margin-top: 14px;
  padding: 2px 4px 0;
  color: rgba(255, 255, 255, .58);
  font-size: 10px;
}
.mfb-mobile-pilot__check-note a { color: #ffaf92 !important; font-weight: 790; text-decoration: none !important; }

/* Launchers remain accessible to the custom CTAs without adding duplicate cards. */
.mfb-mobile-pilot__config-stage {
  width: 0;
  height: 0;
  overflow: visible;
}
.mfb-mobile-pilot__config-stage { scroll-margin-top: calc(var(--bd-global-header-height, 78px) + 20px); }
.mfb-mobile-pilot__config-stage .mfb-bic { margin: 0; padding: 0; }
.mfb-mobile-pilot__config-stage .mfb-bic__launch {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  min-height: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
  border: 0 !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
}

@media (max-width: 900px) {
  .mfb-content--mobile-pilot .mfb-content__hero.is-mobile-pilot .mfb-content__hero-copy {
    width: min(calc(100% - 32px), 1180px);
    padding-right: 34%;
  }
  .mfb-mobile-pilot__check-head { grid-template-columns: 1fr; gap: 13px; }
  .mfb-mobile-pilot__check-grid { grid-template-columns: 180px minmax(0, 1fr); }
  .mfb-mobile-pilot__check-steps { grid-template-columns: 1fr; }
  .mfb-mobile-pilot__check-steps article { min-height: 0; flex-direction: row; justify-content: flex-start; gap: 16px; }
}

@media (max-width: 680px) {
  .mfb-mobile-providers { scroll-margin-top: 126px; }
  .mfb-content--mobile-pilot .mfb-content__hero.is-mobile-pilot {
    min-height: 640px;
    border-radius: 0;
  }
  .mfb-content--mobile-pilot .mfb-content__hero.is-mobile-pilot .mfb-content__hero-media img { object-position: 68% center; }
  .mfb-content--mobile-pilot .mfb-content__hero.is-mobile-pilot .mfb-content__hero-shade {
    background: linear-gradient(180deg, rgba(7, 23, 17, .35) 0%, rgba(7, 23, 17, .65) 24%, rgba(7, 23, 17, .95) 52%, rgba(7, 23, 17, .99) 100%);
  }
  .mfb-content--mobile-pilot .mfb-content__hero.is-mobile-pilot .mfb-content__hero-copy {
    width: 100%;
    justify-content: flex-start;
    padding: 48px 22px 34px;
  }
  .mfb-content--mobile-pilot .mfb-content__hero.is-mobile-pilot h1 {
    font-size: clamp(35px, 10.7vw, 44px);
    line-height: 1.02;
  }
  .mfb-content--mobile-pilot .mfb-content__hero.is-mobile-pilot .mfb-content__hero-copy > p:not(.mfb-content__eyebrow) { line-height: 1.58; }
  .mfb-mobile-pilot__hero-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 22px; }
  .mfb-mobile-pilot__hero-actions button,
  .mfb-mobile-pilot__hero-actions a { min-height: 50px; padding-inline: 11px; font-size: 10px; }
  .mfb-content--mobile-pilot .mfb-content__hero.is-mobile-pilot .mfb-content__hero-highlights {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
    gap: 6px;
    margin-top: 17px;
  }
  .mfb-content--mobile-pilot .mfb-content__hero.is-mobile-pilot .mfb-content__hero-highlights li { justify-content: flex-start; border-radius: 10px; }
  .mfb-content--mobile-pilot .mfb-content__section.mfb-mobile-pilot__check-intro { padding: 42px 19px 27px; border-radius: 21px; }
  .mfb-mobile-pilot__check-grid { grid-template-columns: 1fr; }
  .mfb-mobile-pilot__check-count { min-height: 155px; }
  .mfb-mobile-pilot__check-steps article { align-items: center; padding: 18px; border-radius: 15px; }
  .mfb-mobile-pilot__check-steps article > span { width: 43px; height: 43px; flex: 0 0 43px; }
  .mfb-mobile-pilot__check-action { align-items: stretch; flex-direction: column; padding: 18px; }
  .mfb-mobile-pilot__check-action button { width: 100%; }
  .mfb-mobile-pilot__check-note { align-items: flex-start; flex-direction: column; gap: 5px; }
  .mfb-content--mobile-pilot .is-pilot-practice > h2,
  .mfb-content--mobile-pilot .is-pilot-practice > p { grid-column: 1; }
  .mfb-content--mobile-pilot .is-pilot-practice > p { margin-top: 2px; }
  .mfb-content--mobile-pilot .is-pilot-practice .mfb-content__subsection { padding-top: 72px; }
}

@media (max-width: 390px) {
  .mfb-content--mobile-pilot .mfb-content__hero.is-mobile-pilot { min-height: 660px; }
  .mfb-mobile-pilot__hero-actions { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  .mfb-mobile-pilot__hero-actions button,
  .mfb-mobile-pilot__hero-actions a,
  .mfb-mobile-pilot__check-action button { transition: none; }
}