/* Vodafone Business — local contemporary product study, v2, 2026-10-28.
   Existing source order, copy and links remain intact. Brand palette is original.
   Main content only: no theme header/footer or form-flow styling. */
.mfb-vf-modern.mfb-content {
  --vf-ink: #172a22; --vf-muted: #5e6d65; --vf-paper: #f1f4f2;
  --vf-line: #dce4df; --vf-red: #d71920; --vf-green: #0d2c22;
  width: min(1280px,calc(100% - 64px)); padding-top: 12px; color: var(--vf-ink);
}
.mfb-vf-modern *, .mfb-vf-modern *::before, .mfb-vf-modern *::after { box-sizing: border-box; }
.mfb-vf-modern.mfb-content :where(a,button,summary,input,select,textarea):focus-visible { outline: 3px solid #d71920; outline-offset: 4px; }
.mfb-vf-modern.mfb-content .mfb-content__breadcrumbs { flex-wrap: wrap; white-space: normal; overflow: visible; gap: 4px 10px; margin-bottom: 12px; font-size: 10px; }
.mfb-vf-modern.mfb-content .mfb-content__eyebrow { font-size: 10px; letter-spacing: .16em; }

/* Sculptural SIM artwork is the visual centre of this asymmetric product stage. */
.mfb-vf-modern.mfb-content .mfb-content__hero {
  display: grid; grid-template-columns: minmax(0,1.05fr) minmax(0,.95fr); gap: 48px;
  left: 50%; width: 100vw; min-height: 0; margin: 0 0 0 -50vw;
  padding: 60px max(32px,calc((100vw - 1280px)/2)) 92px;
  overflow: hidden; border-radius: 0; background: #0d2c22; box-shadow: none;
}
.mfb-vf-modern.mfb-content .mfb-content__hero-copy { grid-column: 1; grid-row: 1; width: auto; min-width: 0; min-height: 0; margin: 0; padding: 10px 0; justify-content: center; }
.mfb-vf-modern.mfb-content .mfb-content__hero .mfb-content__eyebrow { width: fit-content; margin-bottom: 24px; padding: 9px 12px; border: 1px solid rgba(255,255,255,.2); border-radius: 8px; color: #ff9d7e; }
.mfb-vf-modern.mfb-content .mfb-content__hero h1 { max-width: 680px; color: #fff; font-size: clamp(42px,4.7vw,70px); font-weight: 800; line-height: 1.01; letter-spacing: -.055em; text-wrap: balance; }
.mfb-vf-modern.mfb-content .mfb-content__hero-copy > p:not(.mfb-content__eyebrow) { max-width: 610px; margin-top: 24px; color: rgba(255,255,255,.78); font-size: 14px; line-height: 1.75; }
.mfb-vf-modern.mfb-content .mfb-content__hero-media { position: relative; z-index: 0; inset: auto; grid-column: 2; grid-row: 1; align-self: center; width: 100%; height: auto; min-height: 0; aspect-ratio: 1; margin: 0; overflow: hidden; border-radius: 42px 42px 120px 42px; background: #fff8f5; transform: rotate(2deg); box-shadow: 0 26px 60px rgba(0,0,0,.18); }
.mfb-vf-modern.mfb-content .mfb-content__hero.is-vodafone-hub .mfb-content__hero-media img { object-fit: contain; object-position: center; transform: scale(1.025) rotate(-2deg); }
.mfb-vf-modern.mfb-content .mfb-content__hero-shade { display: none; }
.mfb-vf-modern.mfb-content .mfb-vf-hero-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 28px; }
.mfb-vf-modern.mfb-content .mfb-vf-hero-actions a,
.mfb-vf-modern.mfb-content .mfb-vf-hero-actions button { min-height: 54px; padding: 15px 18px; border-radius: 10px; gap: 18px; font-size: 12px; }
.mfb-vf-modern.mfb-content .mfb-vf-hero-actions__primary { box-shadow: 0 8px 20px rgba(0,0,0,.12); }
.mfb-vf-modern.mfb-content .mfb-vf-hero-actions__secondary { border-color: rgba(255,255,255,.32) !important; background: rgba(255,255,255,.07); color: #fff; }
.mfb-vf-modern.mfb-content .mfb-vf-hero-actions__secondary:hover { border-color: #fff !important; background: rgba(255,255,255,.13); }
.mfb-vf-modern.mfb-content .mfb-vf-hero-actions :focus-visible { outline-color: #fff; }
.mfb-vf-modern.mfb-content .mfb-content__hero-highlights { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px 14px; margin-top: 24px; }
.mfb-vf-modern.mfb-content .mfb-content__hero-highlights li { min-height: 0; padding: 0; border: 0; background: transparent; font-size: 10px; font-weight: 600; line-height: 1.5; backdrop-filter: none; -webkit-backdrop-filter: none; }

/* A connected asymmetric bento makes the existing four proof points tangible. */
.mfb-vf-modern.mfb-content .mfb-vf-value-strip { grid-template-columns: 1.25fr .9fr 1.15fr 1.1fr; gap: 12px; width: 100%; margin: -33px 0 0; padding: 0; overflow: visible; border: 0; border-radius: 0; background: transparent; box-shadow: none; backdrop-filter: none; }
.mfb-vf-modern.mfb-content .mfb-vf-value-strip > div { position: relative; display: flex; min-height: 142px; flex-direction: column; align-items: flex-start; justify-content: space-between; gap: 16px; padding: 24px; border: 0; border-radius: 20px; background: #f1f4f2; box-shadow: 0 8px 28px rgba(22,48,38,.06); }
.mfb-vf-modern.mfb-content .mfb-vf-value-strip > div:first-child { background: #d71920; }
.mfb-vf-modern.mfb-content .mfb-vf-value-strip > div:nth-child(3) { background: #e2f0e8; }
.mfb-vf-modern.mfb-content .mfb-vf-value-strip > div:last-child { background: #fff3ed; }
.mfb-vf-modern.mfb-content .mfb-vf-value-strip span { width: 32px; height: 32px; flex-basis: 32px; border-radius: 0; background: transparent; color: #d71920; }
.mfb-vf-modern.mfb-content .mfb-vf-value-strip svg { width: 28px; height: 28px; stroke-width: 1.6; }
.mfb-vf-modern.mfb-content .mfb-vf-value-strip strong { max-width: 210px; font-size: 17px; line-height: 1.2; letter-spacing: -.025em; }
.mfb-vf-modern.mfb-content .mfb-vf-value-strip > div:first-child :is(span,strong) { color: #fff; }

/* A compact product comparison, with the original recommended tariff emphasized. */
.mfb-vf-modern.mfb-content .mfb-content__tariff-hub { margin-top: 0; padding: 68px 0 72px; background: #fff; }
.mfb-vf-modern.mfb-content .mfb-content__tariff-hub .mfb-shop-tariffs { width: min(1280px,calc(100% - 64px)); }
.mfb-vf-modern.mfb-content .mfb-shop-tariffs__head { align-items: center; margin-bottom: 22px; gap: 24px; }
.mfb-vf-modern.mfb-content .mfb-shop-tariffs__head h2 { max-width: 800px; font-size: clamp(32px,3.65vw,52px); line-height: 1.06; letter-spacing: -.05em; }
.mfb-vf-modern.mfb-content .mfb-shop-tariffs__status { padding: 8px 12px; border-color: #dce4df; background: #f1f4f2; font-size: 10px; }
.mfb-vf-modern.mfb-content .mfb-shop-tariffs__context { margin-bottom: 26px; padding: 0; border: 0; border-radius: 0; background: transparent; }
.mfb-vf-modern.mfb-content .mfb-shop-tariffs__context p { font-size: 14px !important; line-height: 1.65 !important; }
.mfb-vf-modern.mfb-content .mfb-shop-tariffs__context a { font-size: 11px; }
.mfb-vf-modern.mfb-content .mfb-shop-tariffs__grid { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; align-items: stretch; }
.mfb-vf-modern.mfb-content .mfb-shop-tariff { height: auto; padding: 22px 20px; border: 1px solid #dce4df; border-radius: 22px; background: #f7f9f7; box-shadow: none; transform: none; transition: box-shadow .18s ease, border-color .18s ease; }
.mfb-vf-modern.mfb-content .mfb-shop-tariff.is-featured { border: 2px solid #d71920; padding: 21px 19px; background: #fff; box-shadow: 0 12px 32px rgba(22,48,38,.07); }
.mfb-vf-modern.mfb-content .mfb-shop-tariff::before { display: none; }
.mfb-vf-modern.mfb-content .mfb-shop-tariff:hover { transform: none; box-shadow: 0 16px 32px rgba(22,48,38,.07); }
.mfb-vf-modern.mfb-content .mfb-shop-tariff__top { flex-wrap: wrap; gap: 8px; }
.mfb-vf-modern.mfb-content .mfb-shop-tariff__recommendation { border-radius: 6px; background: #d71920; color: #fff; font-size: 8px; }
.mfb-vf-modern.mfb-content .mfb-shop-tariff__title { min-height: 0; margin: 18px 0 23px; font-size: 20px; line-height: 1.18; letter-spacing: -.035em; }
.mfb-vf-modern.mfb-content .mfb-shop-tariff__allowance { display: grid; gap: 6px; margin-bottom: 17px; }
.mfb-vf-modern.mfb-content .mfb-shop-tariff__allowance strong { font-size: clamp(31px,2.9vw,42px); font-weight: 800; letter-spacing: -.06em; }
.mfb-vf-modern.mfb-content .mfb-shop-tariff__allowance span { font-size: 10px; }
.mfb-vf-modern.mfb-content .mfb-shop-tariff__pills { min-height: 0; margin-bottom: 16px; gap: 6px; }
.mfb-vf-modern.mfb-content .mfb-shop-tariff__pills span { min-height: 25px; padding: 5px 7px; border: 0; border-radius: 6px; background: #e2f0e8; color: #34493f; font-size: 9px; }
.mfb-vf-modern.mfb-content .mfb-shop-tariff__usage { min-height: 0; margin-bottom: 16px; padding: 13px 0 0; border: 0; border-top: 1px solid #dce4df; border-radius: 0; background: transparent; }
.mfb-vf-modern.mfb-content .mfb-shop-tariff__usage p { font-size: 14px !important; line-height: 1.55 !important; }
.mfb-vf-modern.mfb-content .mfb-shop-tariff__details { min-height: 40px; font-size: 10px; }
.mfb-vf-modern.mfb-content .mfb-shop-tariff__features { gap: 9px !important; margin-bottom: 18px !important; }
.mfb-vf-modern.mfb-content .mfb-shop-tariff__features li { font-size: 14px !important; line-height: 1.5 !important; }
.mfb-vf-modern.mfb-content .mfb-shop-tariff__credit { padding: 7px 9px; border-radius: 6px; font-size: 10px !important; }
.mfb-vf-modern.mfb-content .mfb-shop-tariff__buy { margin: 0 -20px -22px; padding: 20px; border-top: 0; background: #eaf0ec; }
.mfb-vf-modern.mfb-content .mfb-shop-tariff.is-featured .mfb-shop-tariff__buy { margin: 0 -19px -21px; background: #fff0f0; }
.mfb-vf-modern.mfb-content .mfb-shop-tariff__regular { font-size: 10px; color: #65736b; }
.mfb-vf-modern.mfb-content .mfb-shop-tariff__price { display: flex; align-items: baseline; flex-wrap: wrap; gap: 6px; margin: 9px 0 16px !important; }
.mfb-vf-modern.mfb-content .mfb-shop-tariff__price strong { font-size: 36px; letter-spacing: -.06em; }
.mfb-vf-modern.mfb-content .mfb-shop-tariff__price small { width: 100%; margin-top: 0; font-size: 9px; line-height: 1.5; color: #5e6d65; }
.mfb-vf-modern.mfb-content .mfb-shop-tariff__buy > a { min-height: 49px; padding: 12px; gap: 8px; border-radius: 9px; font-size: 10px; }
.mfb-vf-modern.mfb-content .mfb-shop-tariff.is-featured .mfb-shop-tariff__buy > a { background: #d71920; }
/* Keep tariff text on its original pixel grid, including the order button. */
.mfb-vf-modern.mfb-content .mfb-shop-tariff__buy > a,
.mfb-vf-modern.mfb-content .mfb-shop-tariff__buy > a:hover { transform: none; transition: background-color .18s ease; }
.mfb-vf-modern.mfb-content .mfb-shop-tariff.is-featured .mfb-shop-tariff__buy > a span { color: #fff; }
.mfb-vf-modern.mfb-content .mfb-shop-tariffs__foot p { font-size: 10px !important; line-height: 1.6 !important; }

/* A nested product surface replaces full-width brochure bands. */
.mfb-vf-modern.mfb-content .mfb-vf-wrap,
.mfb-vf-modern.mfb-content .mfb-vf-hardware__inner { width: min(1280px,calc(100% - 64px)); }
.mfb-vf-modern.mfb-content .mfb-vf-section-head { gap: 56px; margin-bottom: 32px; }
.mfb-vf-modern.mfb-content .mfb-vf-section-head h2,
.mfb-vf-modern.mfb-content .mfb-vf-hardware h2,
.mfb-vf-modern.mfb-content .mfb-vf-services__head h2 { font-size: clamp(32px,3.65vw,52px); line-height: 1.07; letter-spacing: -.05em; }
.mfb-vf-modern.mfb-content .mfb-vf-section-head > p { font-size: 14px; line-height: 1.7; }
.mfb-vf-modern.mfb-content .mfb-vf-project { width: 100%; margin: 0; padding: 42px; border-radius: 30px; background: #0d2c22; }
.mfb-vf-modern.mfb-content .mfb-vf-project::before { display: none; }
.mfb-vf-modern.mfb-content .mfb-vf-project__inner { width: 100%; grid-template-columns: minmax(0,1.05fr) minmax(0,.95fr); gap: 42px; }
.mfb-vf-modern.mfb-content .mfb-vf-project__brand { margin-bottom: 25px; }
.mfb-vf-modern.mfb-content .mfb-vf-project__brand img { width: 48px; height: 48px; border-radius: 13px; box-shadow: none; }
.mfb-vf-modern.mfb-content .mfb-vf-project h2 { font-size: clamp(32px,3.5vw,49px); line-height: 1.05; letter-spacing: -.05em; }
.mfb-vf-modern.mfb-content .mfb-vf-project__copy > p:not(.mfb-content__eyebrow) { font-size: 14px; line-height: 1.7; color: rgba(255,255,255,.78); }
.mfb-vf-modern.mfb-content .mfb-vf-project__copy > ul { margin-top: 26px; }
.mfb-vf-modern.mfb-content .mfb-vf-project__copy > ul li { min-height: 0; padding: 18px 10px; }
.mfb-vf-modern.mfb-content .mfb-vf-project__copy > ul li:first-child { padding-left: 0; }
.mfb-vf-modern.mfb-content .mfb-vf-project__copy > ul small { color: rgba(255,255,255,.7); }
.mfb-vf-modern.mfb-content .mfb-vf-project__trust { font-size: 10px; color: rgba(255,255,255,.75); }

/* The panel visual is topic-specific and decorative; source text remains complete. */
.mfb-vf-modern.mfb-content .mfb-vf-benefits { padding: 78px 0; background: #fff; }
.mfb-vf-modern.mfb-content .mfb-vf-benefits__layout { grid-template-columns: minmax(0,1fr); gap: 14px; }
.mfb-vf-modern.mfb-content .mfb-vf-benefits__tabs { grid-template-columns: repeat(5,minmax(0,1fr)); gap: 10px; }
.mfb-vf-modern.mfb-content .mfb-vf-benefits__tabs button { position: relative; display: grid; grid-template-columns: 38px minmax(0,1fr); align-items: center; min-height: 86px; gap: 10px; padding: 17px 14px; border: 0; border-radius: 15px; background: #f1f4f2; }
.mfb-vf-modern.mfb-content .mfb-vf-benefits__tabs button:last-child { grid-column: auto; }
.mfb-vf-modern.mfb-content .mfb-vf-benefits__tabs button:hover { transform: none; background: #e2f0e8; }
.mfb-vf-modern.mfb-content .mfb-vf-benefits__tabs button[aria-selected="true"] { transform: none; background: #d71920; box-shadow: none; color: #fff; }
.mfb-vf-modern.mfb-content .mfb-vf-benefits__tab-icon { width: 38px; height: 38px; border: 0; border-radius: 11px; background: #fff; }
.mfb-vf-modern.mfb-content .mfb-vf-benefits__tab-copy strong { font-size: 12px; line-height: 1.3; }
.mfb-vf-modern.mfb-content .mfb-vf-benefits__tab-copy small { display: block; font-size: 9px; line-height: 1.45; }
.mfb-vf-modern.mfb-content .mfb-vf-benefits__tabs button[aria-selected="true"] small { color: rgba(255,255,255,.85); }
.mfb-vf-modern.mfb-content .mfb-vf-benefits__tab-arrow { display: none; }
.mfb-vf-modern.mfb-content .mfb-vf-benefits__stage { min-height: 0; border-radius: 26px; background: #f1f4f2; box-shadow: none; color: var(--vf-ink); }
.mfb-vf-modern.mfb-content .mfb-vf-benefits__stage::after { display: none; }
.mfb-vf-modern.mfb-content .mfb-vf-benefits__stage article { min-height: 0; padding: 38px 42px; }
.mfb-vf-modern.mfb-content .mfb-vf-benefits__stage article:has(.mfb-vf-feature-visual) { display: grid; grid-template-columns: minmax(0,1.6fr) minmax(0,.8fr); column-gap: 32px; align-content: center; }
.mfb-vf-modern.mfb-content .mfb-vf-benefits.is-enhanced .mfb-vf-benefits__stage article[hidden] { display: none; }
.mfb-vf-modern.mfb-content .mfb-vf-benefits__stage article > :not(.mfb-vf-feature-visual) { grid-column: 1; }
.mfb-vf-modern.mfb-content .mfb-vf-feature-visual { display: grid; grid-column: 2; grid-row: 1 / span 5; align-self: stretch; align-items: center; min-width: 0; margin: 0; padding: 22px; border: 1px solid #dce4df; border-radius: 24px; background: #fff; }
.mfb-vf-modern.mfb-content .mfb-vf-feature-visual :is(svg,img) { display: block; width: 100%; height: auto; max-height: 270px; object-fit: contain; }
.mfb-vf-modern.mfb-content .mfb-vf-benefits__panel-top { justify-content: flex-start; gap: 16px; margin-bottom: 20px; }
.mfb-vf-modern.mfb-content .mfb-vf-benefits__panel-icon { width: 42px; height: 42px; border-radius: 11px; background: #fff; box-shadow: none; }
.mfb-vf-modern.mfb-content .mfb-vf-benefits__panel-icon svg { width: 23px; height: 23px; }
.mfb-vf-modern.mfb-content .mfb-vf-benefits__position { color: #5e6d65; font-size: 10px; }
.mfb-vf-modern.mfb-content .mfb-vf-benefits__panel-label { margin: 0 0 10px !important; color: #c74321 !important; }
.mfb-vf-modern.mfb-content .mfb-vf-benefits__stage h3 { max-width: 740px; color: #172a22; font-size: clamp(29px,3vw,42px); line-height: 1.08; letter-spacing: -.045em; }
.mfb-vf-modern.mfb-content .mfb-vf-benefits__stage article > p:not(.mfb-vf-benefits__panel-label) { max-width: 800px; margin-top: 18px; color: #5e6d65; font-size: 14px; line-height: 1.75; }
.mfb-vf-modern.mfb-content .mfb-vf-benefits__stage ul { gap: 9px; margin-top: 24px; }
.mfb-vf-modern.mfb-content .mfb-vf-benefits__stage li { padding: 10px 12px; border: 0; border-radius: 9px; background: #fff; color: #34493f; font-size: 11px; }
.mfb-vf-modern.mfb-content .mfb-vf-benefits__stage li span { color: #198653; background: #e2f0e8; }
.mfb-vf-modern.mfb-content .mfb-vf-benefits__legal { font-size: 10px; }

/* Devices sit on stepped plinths, rather than three generic image cards. */
.mfb-vf-modern.mfb-content .mfb-vf-hardware { padding: 68px 0; background: #f1f4f2; }
.mfb-vf-modern.mfb-content .mfb-vf-hardware__inner { grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr); gap: 56px; }
.mfb-vf-modern.mfb-content .mfb-vf-hardware__copy > p:not(.mfb-content__eyebrow) { font-size: 14px; }
.mfb-vf-modern.mfb-content .mfb-vf-hardware__copy ul { gap: 14px; }
.mfb-vf-modern.mfb-content .mfb-vf-hardware__action { min-height: 54px; border-radius: 10px; box-shadow: none; }
.mfb-vf-modern.mfb-content .mfb-vf-hardware__visual { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); align-items: end; gap: 10px; min-height: 0; padding: 44px 22px 24px; border-radius: 30px; background: #fff; }
.mfb-vf-modern.mfb-content .mfb-vf-hardware__glow { display: none; }
.mfb-vf-modern.mfb-content .mfb-vf-hardware__phone { position: relative; inset: auto; width: 100%; height: auto; aspect-ratio: auto; padding: 12px 6px 18px; margin: 0; overflow: visible; border: 0; border-radius: 18px 18px 8px 8px; background: #e2f0e8; box-shadow: 0 14px 22px rgba(24,50,40,.08); }
.mfb-vf-modern.mfb-content .mfb-vf-hardware__phone img { position: relative; width: 100%; height: auto; aspect-ratio: 1; border-radius: 12px; object-fit: contain; }
.mfb-vf-modern.mfb-content .mfb-vf-hardware__phone.is-left { transform: translateY(6px) rotate(-6deg); padding-bottom: 36px; }
.mfb-vf-modern.mfb-content .mfb-vf-hardware__phone.is-center { transform: translateY(-20px) scale(1.1); z-index: 3; padding-bottom: 62px; background: #fff3ed; }
.mfb-vf-modern.mfb-content .mfb-vf-hardware__phone.is-right { transform: translateY(6px) rotate(6deg); padding-bottom: 24px; }
.mfb-vf-modern.mfb-content .mfb-vf-hardware__visual figcaption { position: static; grid-column: 1 / -1; margin-top: 30px; font-size: 10px; line-height: 1.65; }

/* More horizontal, lower-density navigation into existing business solutions. */
.mfb-vf-modern.mfb-content .mfb-vf-services { padding: 72px max(32px,calc((100vw - 1280px)/2)); background: #fff; }
.mfb-vf-modern.mfb-content .mfb-vf-services__head { margin-bottom: 28px; }
.mfb-vf-modern.mfb-content .mfb-vf-services__head > p { font-size: 13px; line-height: 1.7; }
.mfb-vf-modern.mfb-content .mfb-vf-service-card { min-height: 0; padding: 26px; border: 0; border-radius: 22px; background: #f1f4f2; }
.mfb-vf-modern.mfb-content .mfb-vf-service-card:nth-child(3n+2) { background: #fff3ed; }
.mfb-vf-modern.mfb-content .mfb-vf-service-card:nth-child(3n+3) { background: #e2f0e8; }
.mfb-vf-modern.mfb-content .mfb-vf-service-card::before { display: none; }
.mfb-vf-modern.mfb-content .mfb-vf-service-card__icon { width: 50px; height: 50px; flex-basis: 50px; margin-bottom: 25px; border: 0; border-radius: 14px; box-shadow: none; }
.mfb-vf-modern.mfb-content .mfb-vf-service-card__copy h3 { font-size: 24px; line-height: 1.12; letter-spacing: -.035em; }
.mfb-vf-modern.mfb-content .mfb-vf-service-card__copy > span { margin-bottom: 20px; font-size: 14px; line-height: 1.7; }
.mfb-vf-modern.mfb-content .mfb-vf-service-card__link { font-size: 11px; }
.mfb-vf-modern.mfb-content .mfb-vf-service-card__link svg { background: #fff; }
.mfb-vf-modern.mfb-content .mfb-vf-services__controls { justify-content: flex-end; margin-block: 6px 20px; }
.mfb-vf-modern.mfb-content .mfb-vf-services__controls button { box-shadow: none; }
.mfb-vf-modern.mfb-content .mfb-vf-services__contact { padding: 28px 32px; border-radius: 20px; background: #d71920; box-shadow: none; }
.mfb-vf-modern.mfb-content .mfb-vf-services__contact strong { font-size: 20px; letter-spacing: -.025em; }
.mfb-vf-modern.mfb-content .mfb-vf-services__contact span { font-size: 12px; }
.mfb-vf-modern.mfb-content .mfb-vf-services__contact a { border-radius: 10px; box-shadow: none; }

/* FAQ cards use the same soft surfaces and rounded controls as the benefit panels. */
.mfb-vf-modern.mfb-content .mfb-vf-faq { padding: 68px 0 80px; background: #f1f4f2; }
.mfb-vf-modern.mfb-content .mfb-vf-faq > .mfb-vf-wrap { display: grid; grid-template-columns: minmax(0,.75fr) minmax(0,1.25fr); gap: 64px; align-items: start; }
.mfb-vf-modern.mfb-content .mfb-vf-faq .mfb-vf-section-head { display: block; margin: 0; }
.mfb-vf-modern.mfb-content .mfb-vf-faq .mfb-vf-section-head > p { margin-top: 24px; }
.mfb-vf-modern.mfb-content .mfb-vf-faq__grid { grid-template-columns: minmax(0,1fr); gap: 14px; }
.mfb-vf-modern.mfb-content .mfb-vf-faq details { min-width: 0; border: 0; border-radius: 24px; background: #fff; box-shadow: 0 4px 18px rgb(20 53 40 / 2%); transition: background-color .18s ease, box-shadow .18s ease; }
.mfb-vf-modern.mfb-content .mfb-vf-faq details[open] { background: #e2eee7; box-shadow: none; }
.mfb-vf-modern.mfb-content .mfb-vf-faq summary { display: flex; align-items: center; gap: 24px; min-height: 88px; padding: 24px 26px; border-radius: 24px; color: #18392c; font-size: 17px; font-weight: 650; line-height: 1.45; }
.mfb-vf-modern.mfb-content .mfb-vf-faq summary > span { position: static; flex: 0 0 38px; margin-left: auto; width: 38px; height: 38px; border-radius: 14px; background: #fff1ec; color: #b52e19; transition: background-color .18s ease; }
.mfb-vf-modern.mfb-content .mfb-vf-faq summary > span::before { font-size: 25px; line-height: 1; font-weight: 400; }
.mfb-vf-modern.mfb-content .mfb-vf-faq details[open] summary > span { background: #fff; color: #18392c; }
.mfb-vf-modern.mfb-content .mfb-vf-faq summary:focus-visible { outline: 2px solid #b52e19; outline-offset: -5px; }
.mfb-vf-modern.mfb-content .mfb-vf-faq details > div { padding: 0 26px 28px; }
.mfb-vf-modern.mfb-content .mfb-vf-faq details p { color: #425c50; font-size: 15px; line-height: 1.75; }
@media (hover: hover) {
  .mfb-vf-modern.mfb-content .mfb-vf-faq details:not([open]):hover { background: #fafffc; box-shadow: 0 5px 22px rgb(20 53 40 / 6%); }
}
@media (prefers-reduced-motion: reduce) {
  .mfb-vf-modern.mfb-content .mfb-vf-faq details,
  .mfb-vf-modern.mfb-content .mfb-vf-faq summary > span { transition: none; }
}

@media (max-width: 1100px) {
  .mfb-vf-modern.mfb-content .mfb-content__hero { gap: 30px; padding-top: 42px; }
  .mfb-vf-modern.mfb-content .mfb-content__hero h1 { font-size: clamp(40px,4.8vw,55px); }
  .mfb-vf-modern.mfb-content .mfb-content__hero-media { border-radius: 28px 28px 80px 28px; }
  .mfb-vf-modern.mfb-content .mfb-vf-hero-actions { display: grid; }
  .mfb-vf-modern.mfb-content .mfb-vf-value-strip > div { padding: 20px; }
  .mfb-vf-modern.mfb-content .mfb-vf-value-strip strong { font-size: 15px; }
  .mfb-vf-modern.mfb-content .mfb-shop-tariffs__grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; }
  .mfb-vf-modern.mfb-content .mfb-vf-project { padding: 30px; }
  .mfb-vf-modern.mfb-content .mfb-vf-project__inner { gap: 30px; }
  .mfb-vf-modern.mfb-content .mfb-vf-project__copy > ul { grid-template-columns: minmax(0,1fr); }
  .mfb-vf-modern.mfb-content .mfb-vf-project__copy > ul li { padding: 14px 0; border-right: 0; }
  .mfb-vf-modern.mfb-content .mfb-vf-benefits__tabs button { display: flex; align-items: flex-start; flex-direction: column; padding: 15px; }
  .mfb-vf-modern.mfb-content .mfb-vf-benefits__stage article { padding: 32px; }
  .mfb-vf-modern.mfb-content .mfb-vf-benefits__stage article:has(.mfb-vf-feature-visual) { column-gap: 24px; grid-template-columns: minmax(0,1.5fr) minmax(0,.8fr); }
  .mfb-vf-modern.mfb-content .mfb-vf-feature-visual { padding: 16px; }
  .mfb-vf-modern.mfb-content .mfb-vf-hardware__inner { gap: 32px; }
  .mfb-vf-modern.mfb-content .mfb-vf-faq > .mfb-vf-wrap { gap: 36px; }
}
@media (max-width: 800px) {
  .mfb-vf-modern.mfb-content { width: calc(100% - 40px); }
  .mfb-vf-modern.mfb-content .mfb-content__hero { grid-template-columns: minmax(0,1.1fr) minmax(0,.9fr); gap: 20px; padding: 36px 20px 70px; }
  .mfb-vf-modern.mfb-content .mfb-content__hero h1 { font-size: 39px; }
  .mfb-vf-modern.mfb-content .mfb-content__hero-copy > p:not(.mfb-content__eyebrow) { font-size: 14px; }
  .mfb-vf-modern.mfb-content .mfb-content__hero-highlights { grid-template-columns: minmax(0,1fr); }
  .mfb-vf-modern.mfb-content .mfb-vf-value-strip { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
  .mfb-vf-modern.mfb-content .mfb-vf-value-strip > div { min-height: 120px; flex-direction: row; align-items: center; gap: 15px; }
  .mfb-vf-modern.mfb-content .mfb-vf-value-strip > div + div { border: 0; }
  .mfb-vf-modern.mfb-content .mfb-content__tariff-hub .mfb-shop-tariffs,
  .mfb-vf-modern.mfb-content .mfb-vf-wrap,
  .mfb-vf-modern.mfb-content .mfb-vf-hardware__inner { width: calc(100% - 40px); }
  .mfb-vf-modern.mfb-content .mfb-vf-section-head,
  .mfb-vf-modern.mfb-content .mfb-vf-project__inner,
  .mfb-vf-modern.mfb-content .mfb-vf-hardware__inner,
  .mfb-vf-modern.mfb-content .mfb-vf-faq > .mfb-vf-wrap { grid-template-columns: minmax(0,1fr); gap: 26px; }
  .mfb-vf-modern.mfb-content .mfb-vf-project__inner { width: 100%; }
  .mfb-vf-modern.mfb-content .mfb-vf-project__copy > ul { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .mfb-vf-modern.mfb-content .mfb-vf-project__copy > ul li { padding: 16px 8px; }
  .mfb-vf-modern.mfb-content .mfb-vf-benefits__tabs { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .mfb-vf-modern.mfb-content .mfb-vf-benefits__tabs button { display: grid; align-items: center; }
  .mfb-vf-modern.mfb-content .mfb-vf-benefits__stage article:has(.mfb-vf-feature-visual) { grid-template-columns: minmax(0,1fr); }
  .mfb-vf-modern.mfb-content .mfb-vf-feature-visual { grid-column: 1; grid-row: auto; margin-top: 22px; padding: 18px; }
  .mfb-vf-modern.mfb-content .mfb-vf-feature-visual :is(svg,img) { max-height: 170px; }
  .mfb-vf-modern.mfb-content .mfb-vf-hardware__visual { width: 100%; max-width: 580px; }
  .mfb-vf-modern.mfb-content .mfb-vf-services { padding-inline: 20px; }
}
@media (max-width: 600px) {
  .mfb-vf-modern.mfb-content { width: calc(100% - 32px); padding-top: 7px; }
  .mfb-vf-modern.mfb-content .mfb-content__breadcrumbs { gap: 3px 7px; margin-bottom: 8px; font-size: 9px; }
  .mfb-vf-modern.mfb-content .mfb-content__hero { grid-template-columns: minmax(0,1fr); gap: 25px; padding: 32px 16px 58px; }
  .mfb-vf-modern.mfb-content .mfb-content__hero-copy { padding: 0; }
  .mfb-vf-modern.mfb-content .mfb-content__hero h1 { max-width: 500px; font-size: clamp(35px,9.9vw,51px); line-height: 1.04; letter-spacing: -.05em; }
  .mfb-vf-modern.mfb-content .mfb-content__hero .mfb-content__eyebrow { margin-bottom: 20px; font-size: 9px; padding: 8px 10px; }
  .mfb-vf-modern.mfb-content .mfb-content__hero-copy > p:not(.mfb-content__eyebrow) { font-size: 14px; margin-top: 20px; line-height: 1.7; }
  .mfb-vf-modern.mfb-content .mfb-vf-hero-actions { display: grid; grid-template-columns: minmax(0,1fr); margin-top: 23px; }
  .mfb-vf-modern.mfb-content .mfb-vf-hero-actions a,
  .mfb-vf-modern.mfb-content .mfb-vf-hero-actions button { width: 100%; min-height: 52px; }
  .mfb-vf-modern.mfb-content .mfb-content__hero-highlights { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px 12px; margin-top: 21px; }
  .mfb-vf-modern.mfb-content .mfb-content__hero-highlights li { font-size: 9px; min-height: 0; }
  .mfb-vf-modern.mfb-content .mfb-content__hero-media { grid-column: 1; grid-row: 2; width: 88%; justify-self: center; aspect-ratio: 1; border-radius: 24px 24px 66px 24px; }
  .mfb-vf-modern.mfb-content .mfb-vf-value-strip { margin-top: -25px; gap: 8px; }
  .mfb-vf-modern.mfb-content .mfb-vf-value-strip > div { min-height: 130px; flex-direction: column; align-items: flex-start; gap: 13px; padding: 17px; border-radius: 17px; }
  .mfb-vf-modern.mfb-content .mfb-vf-value-strip strong { font-size: 14px; }
  .mfb-vf-modern.mfb-content .mfb-vf-value-strip span { width: 25px; height: 25px; flex-basis: 25px; }
  .mfb-vf-modern.mfb-content .mfb-vf-value-strip svg { width: 24px; height: 24px; }
  .mfb-vf-modern.mfb-content .mfb-content__tariff-hub { padding: 50px 0; }
  .mfb-vf-modern.mfb-content .mfb-content__tariff-hub .mfb-shop-tariffs,
  .mfb-vf-modern.mfb-content .mfb-vf-wrap,
  .mfb-vf-modern.mfb-content .mfb-vf-hardware__inner { width: calc(100% - 32px); }
  .mfb-vf-modern.mfb-content .mfb-shop-tariffs__head { display: grid; gap: 13px; align-items: start; }
  .mfb-vf-modern.mfb-content .mfb-shop-tariffs__head h2,
  .mfb-vf-modern.mfb-content .mfb-vf-section-head h2,
  .mfb-vf-modern.mfb-content .mfb-vf-hardware h2,
  .mfb-vf-modern.mfb-content .mfb-vf-services__head h2 { font-size: clamp(31px,9vw,41px); }
  .mfb-vf-modern.mfb-content .mfb-shop-tariffs__grid { grid-template-columns: minmax(0,1fr); gap: 16px; }
  .mfb-vf-modern.mfb-content .mfb-shop-tariff { padding: 22px; border-radius: 20px; }
  .mfb-vf-modern.mfb-content .mfb-shop-tariff.is-featured { padding: 21px; }
  .mfb-vf-modern.mfb-content .mfb-shop-tariff__title { margin-block: 17px 21px; font-size: 22px; }
  .mfb-vf-modern.mfb-content .mfb-shop-tariff__allowance { display: flex; align-items: baseline; flex-wrap: wrap; gap: 9px; }
  .mfb-vf-modern.mfb-content .mfb-shop-tariff__allowance strong { font-size: 42px; }
  .mfb-vf-modern.mfb-content .mfb-shop-tariff__usage p { font-size: 14px !important; }
  .mfb-vf-modern.mfb-content .mfb-shop-tariff__features li { font-size: 14px !important; }
  .mfb-vf-modern.mfb-content .mfb-shop-tariff__buy { margin: 0 -22px -22px; padding: 22px; }
  .mfb-vf-modern.mfb-content .mfb-shop-tariff.is-featured .mfb-shop-tariff__buy { margin: 0 -21px -21px; padding: 22px; }
  .mfb-vf-modern.mfb-content .mfb-shop-tariff__buy > a { font-size: 11px; min-height: 50px; }
  .mfb-vf-modern.mfb-content .mfb-vf-project { padding: 25px 20px; border-radius: 24px; }
  .mfb-vf-modern.mfb-content .mfb-vf-project__inner { width: 100%; }
  .mfb-vf-modern.mfb-content .mfb-vf-project h2 { font-size: clamp(30px,8.5vw,39px); }
  .mfb-vf-modern.mfb-content .mfb-vf-project__copy > ul { grid-template-columns: minmax(0,1fr); }
  .mfb-vf-modern.mfb-content .mfb-vf-project__copy > ul li { padding: 14px 0; }
  .mfb-vf-modern.mfb-content .mfb-vf-benefits,
  .mfb-vf-modern.mfb-content .mfb-vf-hardware,
  .mfb-vf-modern.mfb-content .mfb-vf-faq { padding-block: 52px; }
  .mfb-vf-modern.mfb-content .mfb-vf-section-head { gap: 17px; margin-bottom: 25px; }
  .mfb-vf-modern.mfb-content .mfb-vf-section-head > p { font-size: 13px; }
  .mfb-vf-modern.mfb-content .mfb-vf-benefits__tabs { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 7px; }
  .mfb-vf-modern.mfb-content .mfb-vf-benefits__tabs button { display: flex; align-items: flex-start; flex-direction: column; min-height: 0; gap: 10px; padding: 14px 12px; border-radius: 13px; }
  .mfb-vf-modern.mfb-content .mfb-vf-benefits__tabs button:last-child { grid-column: 1 / -1; flex-direction: row; align-items: center; }
  .mfb-vf-modern.mfb-content .mfb-vf-benefits__tab-copy strong { font-size: 12px; }
  .mfb-vf-modern.mfb-content .mfb-vf-benefits__tab-copy small { font-size: 10px; }
  .mfb-vf-modern.mfb-content .mfb-vf-benefits__stage { border-radius: 20px; }
  .mfb-vf-modern.mfb-content .mfb-vf-benefits__stage article { padding: 24px 20px; }
  .mfb-vf-modern.mfb-content .mfb-vf-benefits__stage h3 { font-size: 29px; }
  .mfb-vf-modern.mfb-content .mfb-vf-benefits__stage article > p:not(.mfb-vf-benefits__panel-label) { font-size: 14px; }
  .mfb-vf-modern.mfb-content .mfb-vf-benefits__stage li { font-size: 10px; }
  .mfb-vf-modern.mfb-content .mfb-vf-feature-visual { border-radius: 16px; }
  .mfb-vf-modern.mfb-content .mfb-vf-hardware__copy ul { gap: 13px 10px; }
  .mfb-vf-modern.mfb-content .mfb-vf-hardware__visual { gap: 7px; padding: 35px 17px 20px; border-radius: 22px; }
  .mfb-vf-modern.mfb-content .mfb-vf-hardware__phone { padding-inline: 4px; border-radius: 12px; }
  .mfb-vf-modern.mfb-content .mfb-vf-hardware__phone.is-left { padding-bottom: 26px; }
  .mfb-vf-modern.mfb-content .mfb-vf-hardware__phone.is-center { padding-bottom: 42px; transform: translateY(-12px) scale(1.08); }
  .mfb-vf-modern.mfb-content .mfb-vf-hardware__visual figcaption { margin-top: 23px; font-size: 9px; }
  .mfb-vf-modern.mfb-content .mfb-vf-services { padding: 52px 16px; }
  .mfb-vf-modern.mfb-content .mfb-vf-services__track { grid-auto-columns: 88%; gap: 12px; }
  .mfb-vf-modern.mfb-content .mfb-vf-service-card { padding: 24px; }
  .mfb-vf-modern.mfb-content .mfb-vf-services__controls { justify-content: space-between; }
  .mfb-vf-modern.mfb-content .mfb-vf-services__contact { padding: 23px; }
  .mfb-vf-modern.mfb-content .mfb-vf-faq summary { min-height: 84px; gap: 16px; padding: 20px; font-size: 16px; }
  .mfb-vf-modern.mfb-content .mfb-vf-faq summary > span { flex-basis: 34px; width: 34px; height: 34px; border-radius: 12px; }
  .mfb-vf-modern.mfb-content .mfb-vf-faq details > div { padding: 0 20px 23px; }
  .mfb-vf-modern.mfb-content .mfb-vf-faq details p { font-size: 15px; }
}
@media (prefers-reduced-motion: reduce) {
  .mfb-vf-modern *, .mfb-vf-modern *::before, .mfb-vf-modern *::after { scroll-behavior: auto !important; transition: none !important; animation: none !important; }
}

/* Whole-card links to the existing benefit explanations. */
.mfb-vf-modern .mfb-vf-value-link { display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; color: inherit; text-decoration: none; }
.mfb-vf-modern .mfb-vf-value-link::after { content: ''; position: absolute; inset: 0; border-radius: inherit; }
.mfb-vf-modern .mfb-vf-value-strip > div:first-child .mfb-vf-value-link { color: #fff; }
.mfb-vf-modern .mfb-vf-value-strip .mfb-vf-value-arrow { width: 20px; height: 20px; flex: 0 0 20px; fill: none; stroke: currentColor; stroke-width: 1.8; }
.mfb-vf-modern .mfb-vf-value-strip > div:has(.mfb-vf-value-link:hover) { box-shadow: 0 10px 30px rgba(22,48,38,.14); }
.mfb-vf-modern .mfb-vf-value-strip > div:has(.mfb-vf-value-link:focus-visible) { outline: 3px solid #19372b; outline-offset: 4px; }
.mfb-vf-modern [data-mfb-vf-benefit-panel] { scroll-margin-top: 112px; }
@media(max-width:767px) { .mfb-vf-modern [data-mfb-vf-benefit-panel] { scroll-margin-top: 145px; } }

/* Compact benefits introduction. */
.mfb-vf-modern .mfb-vf-benefits .mfb-vf-section-head { align-items: center; }
.mfb-vf-modern .mfb-vf-benefits .mfb-vf-benefits-intro { max-width: 340px; justify-self: end; font-size: 17px; line-height: 1.65; }
@media (max-width: 767px) {
  .mfb-vf-modern .mfb-vf-benefits .mfb-vf-benefits-intro { max-width: 100%; justify-self: start; font-size: 15px; }
}

.mfb-vf-modern .mfb-vf-hardware .mfb-vf-hardware__benefit-label { margin: 22px 0 10px; font-size: 12px; font-weight: 600; color: #34493f; }
.mfb-vf-modern .mfb-vf-hardware .mfb-vf-hardware__benefit-label + ul { margin-top: 0; }

.mfb-vf-modern .mfb-vf-hardware ul[aria-label="Vorteile der Business-Hardware"] { grid-template-columns: minmax(0,1fr); }
/* FAQ answers remain readable and their next-step links recognizable. */
.mfb-vf-modern.mfb-content .mfb-vf-faq details > div p + p { margin-top: 12px; }
.mfb-vf-modern.mfb-content .mfb-vf-faq details > div a { color: #a92715; font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }